@charset "UTF-8";

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/Poppins-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/Poppins-Medium.woff2) format("woff2")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/Poppins-SemiBold.woff2) format("woff2")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/Poppins-Bold.woff2) format("woff2")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(fonts/Poppins-ExtraBold.woff2) format("woff2")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(fonts/Poppins-Black.woff2) format("woff2")
}

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

body {
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    color: #333
}

body.home-page-spacer {
    padding-top: 72px
}

@media screen and (min-width:992px) {
    body.home-page-spacer {
        padding-top: 70px
    }
}

body.no-padding {
    padding-top: 0
}

@media (max-width:768px) {
    body.o-fixedBody {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat, sans-serif;
    color: #333;
    position: relative;
    font-weight: 600
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat, sans-serif;
    color: #333;
    position: relative;
    font-weight: 600
}

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

@media (min-width:992px) {

    .h1,
    h1 {
        font-size: 62px;
        line-height: 75px
    }
}

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

@media (min-width:992px) {

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

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

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

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

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

p {
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 0 25px;
    font-family: Montserrat, sans-serif;
    color: #333
}

a,
button,
input,
svg {
    font-family: Montserrat, sans-serif;
    -webkit-transition: all .5s;
    transition: all .5s
}

button,
input[type=reset],
input[type=submit] {
    cursor: pointer;
    background: 0 0;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    border: none;
    text-transform: uppercase;
    width: 100%;
    position: relative;
    z-index: 2
}

a,
button,
select,
textarea {
    text-decoration: none
}

a:active,
a:focus,
a:hover,
button:active,
button:focus,
button:hover,
select:active,
select:focus,
select:hover,
textarea:active,
textarea:focus,
textarea:hover {
    text-decoration: none;
    outline: 0
}

fieldset {
    border: 1px solid #dbd7d7;
    padding: 15px;
    margin: 0 0 25px
}

fieldset legend {
    font-size: 14px;
    color: #333;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
    float: none;
    margin: 0
}

fieldset input[type=tel],
fieldset input[type=text],
fieldset input[type=url],
fieldset select,
fieldset textarea {
    border: none;
    color: #797979;
    font-weight: 400;
    width: 100%;
    padding: 0 10px
}

fieldset textarea {
    height: 150px
}

textarea {
    resize: none
}

select::-ms-expand {
    display: none
}

::-webkit-input-placeholder {
    color: #797979;
    font-weight: 400;
    opacity: 1
}

::-moz-placeholder {
    color: #797979;
    font-weight: 400;
    opacity: 1
}

:-ms-input-placeholder {
    color: #797979;
    font-weight: 400;
    opacity: 1
}

::-ms-input-placeholder {
    color: #797979;
    font-weight: 400;
    opacity: 1
}

::placeholder {
    color: #797979;
    font-weight: 400;
    opacity: 1
}

:-ms-input-placeholder {
    color: #797979;
    font-weight: 400;
    opacity: 1
}

::-ms-input-placeholder {
    color: #797979;
    font-weight: 400;
    opacity: 1
}

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

.font-family-sour {
    font-family: Montserrat, sans-serif
}

.d-block {
    display: block
}

.d-inline-block {
    display: inline-block
}

.white-color {
    color: #fff !important
}

.black-color {
    color: #333 !important
}

.white-bg-color {
    background-color: #fff
}

.grey-bg-color {
    background-color: #f5f5f5
}

.green-color {
    color: #14df7d
}

.blue-color {
    color: #091b38 !important
}

.light-blue-color {
    color: #4a90e2
}

.pad-80 {
    padding: 50px 0
}

@media (min-width:992px) {
    .pad-80 {
        padding: 80px 0
    }
}

.padding-30 {
    padding: 30px 0
}

.pad-40 {
    padding: 40px 0
}

.padding-50 {
    padding: 50px 0
}

.pad-top-0 {
    padding-top: 0 !important
}

.pad-top-20 {
    padding-top: 20px
}

.pad-top-30 {
    padding-top: 30px
}

.pad-top-40 {
    padding-top: 40px
}

.pad-top-50 {
    padding-top: 50px
}

.pad-top-100 {
    padding-top: 100px
}

.pad-top-120 {
    padding-top: 120px
}

.pad-top-50 {
    padding-top: 50px
}

.pad-bot-10 {
    padding-bottom: 10px
}

.pad-bot-20 {
    padding-bottom: 20px
}

.pad-bot-30 {
    padding-bottom: 30px
}

.pad-bot-40 {
    padding-bottom: 40px
}

.pad-bot-50 {
    padding-bottom: 50px
}

.pad-bot-80 {
    padding-bottom: 40px
}

.pad-bot-150 {
    padding-bottom: 150px
}

.padding-all-60 {
    padding: 60px
}

.margin-bottom-0 {
    margin-bottom: 0
}

.center {
    text-align: center
}

.pattern-br:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/rb-pt.png) no-repeat bottom right;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200px;
    height: 82px
}

.pattern-tl:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/lt-pt.png) no-repeat bottom right;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: 60px
}

.pattern-tr:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/rt-pt.png) no-repeat bottom right;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 82px
}

.pattern-bl:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/rb-pt.png) no-repeat bottom right;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 200px;
    height: 100px
}

.anchor-link {
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    display: inline-block;
    max-width: 325px;
    margin-top: 10px;
    text-decoration: underline;
    font-weight: 600
}

@media (min-width:992px) {
    .anchor-link {
        font-size: 14px
    }
}

.anchor-link--white {
    color: #cbe3ff
}

.home-link {
    font-family: Montserrat, sans-serif;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    display: block
}

@media (min-width:992px) {
    .home-link {
        font-size: 19px
    }
}

.home-link:hover {
    color: #000
}

.n-gradient-green-blue {
    background: linear-gradient(135deg, #037c71 0, #042b4e 100%)
}

.gradient-green-blue {
    background: #00b35c;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #00b35c), color-stop(47%, #0b8a8a), color-stop(100%, #004475));
    background: linear-gradient(135deg, #00b35c 0, #0b8a8a 47%, #004475 100%)
}

.mobile-off {
    display: none
}

@media (min-width:992px) {
    .mobile-off {
        display: block
    }
}

.desktop-off {
    display: block
}

@media (min-width:992px) {
    .desktop-off {
        display: none
    }
}

@media screen and (min-width:1280px) {
    .container {
        max-width: 1170px
    }
}

.u-border-color--secondary {
    border-color: #495376 !important
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.modal-close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    right: -15px;
    top: -15px;
    background: #fff;
    border: 1px solid #fff;
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.left {
    text-align: left !important
}

.font-size-24 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500
}

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

.font-size-42 {
    font-size: 28px;
    line-height: 42px
}

@media (min-width:992px) {
    .font-size-42 {
        font-size: 42px;
        line-height: 52px
    }
}

.font-size-20 {
    font-size: 20px;
    line-height: 32px
}

.office-infrastructure .lets-talk {
    margin-top: 0
}

.office-infrastructure .o-skills-hero__schedule {
    padding-top: 150px !important
}

.new-contact .modal-backdrop {
    display: none
}

#cookiePopup {
    background: #fff;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    z-index: 9999;
    text-align: center;
    display: none
}

#cookiePopup img {
    display: inline-block;
    margin-right: 10px
}

#cookiePopup p {
    font-size: 13px;
    color: #000;
    width: 100%;
    margin: 0;
    font-weight: 500;
    padding-top: 20px
}

@media (min-width:992px) {
    #cookiePopup p {
        padding-top: 0
    }
}

#cookiePopup p a {
    text-decoration: underline;
    color: #000
}

#cookiePopup button {
    font-weight: 600;
    border-radius: 5px;
    color: #000;
    border: 1px solid #000;
    width: 90px;
    padding: 0;
    margin: 10px auto 10px;
    display: block
}

@media (min-width:992px) {
    #cookiePopup button {
        margin: 10px 0 10px 30px;
        display: inline-block
    }
}

.cookie-close {
    position: absolute;
    right: 0;
    top: 10px;
    cursor: pointer
}

.index-bnr-logo {
    margin-bottom: 40px
}

.index-bnr-logo img {
    margin: 10px
}

.capitalize {
    text-transform: capitalize !important
}

.font-weight-700 {
    font-weight: 700 !important
}

.o-blogBttn {
    text-decoration: none;
    background: 0 0;
    background-color: transparent;
    padding: 10px 35px;
    display: block;
    color: #333;
    position: relative;
    width: 90%;
    font-size: 12px;
    border: none;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333
}

.o-blogBttn.o-submitBttn {
    display: inline-block;
    margin: 0 auto;
    width: auto
}

.o-blogBttn:hover {
    color: #ff0085
}

.draw::before {
    left: 50%;
    top: -2px;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.draw::after {
    left: 50%;
    bottom: -2px;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.draw:hover::after,
.draw:hover::before {
    left: 0
}

.draw::after,
.draw::before {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    background: #ff0085
}

.draw:hover::after,
.draw:hover::before {
    width: 100%
}

.btn {
    font-size: 16px;
    font-weight: 700;
    max-width: 350px;
    padding: 12px 0;
    display: block;
    width: 275px;
    text-transform: uppercase
}

@media (min-width:992px) {
    .btn {
        display: block;
        text-align: center;
        border-radius: 5px;
        padding: 20px;
        font-size: 18px;
        max-width: 300px;
        text-decoration: none;
        position: relative;
        font-weight: 600;
        margin: 0 auto;
        position: relative;
        text-align: center;
        width: auto
    }
}

.btn-orange {
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
    position: relative;
    margin: 0 auto
}

.btn-orange:after {
    position: relative;
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    position: absolute;
    display: none
}

.btn-orange:hover {
    background-color: #fff;
    color: #ff5800
}

.btn-orange:hover:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-orange.png) no-repeat
}

.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.home-fi .btn {
    width: 270px
}

@media (min-width:992px) {
    .home-fi .btn {
        width: 350px
    }
}

a.black-btn {
    display: none
}

@media (min-width:992px) {
    a.black-btn {
        width: 134px;
        height: 46px;
        line-height: 42px !important;
        border: 2px solid #333;
        border-radius: 5px;
        font-size: 18px !important;
        color: #333 !important;
        text-decoration: none;
        font-weight: 400 !important;
        -webkit-transition: .3s all ease-in;
        transition: .3s all ease-in;
        display: block;
        background: 0 0;
        padding: 0;
        text-transform: capitalize;
        text-decoration: none !important
    }

    a.black-btn:after {
        display: none
    }

    a.black-btn:hover {
        border: 2px solid #ff5800;
        color: #ff5800 !important
    }
}

.btn_wrapper.btn2 {
    position: relative;
    z-index: 1
}

.masonry .brick a.service-box-link {
    border: 0 !important;
    color: #4a90e2 !important;
    line-height: 20px !important;
    height: auto !important
}

.btn--transparent {
    background: 0 0
}

@use "sass:map";

.main {
    margin: 0 auto;
    display: block;
    height: 100%;
    margin-top: 60px
}

.mainInner {
    display: table;
    height: 100%;
    width: 100%;
    text-align: center
}

.mainInner div {
    display: table-cell;
    vertical-align: middle;
    font-size: 3em;
    font-weight: 700;
    letter-spacing: 1.25px
}

#sidebarMenu {
    height: 100%;
    position: fixed;
    right: 0;
    width: 250px;
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    background-color: #333;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/choosing-img.html);
    background-position: 60% 0;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    z-index: 9
}

#sidebarMenu.active {
    width: 100%
}

#sidebarMenu:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, .5);
    z-index: 2
}

.sidebarInner {
    padding-top: 50px;
    position: relative;
    z-index: 3
}

@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:landscape) {
    .sidebarInner {
        height: 280px;
        overflow: scroll
    }
}

.o-menuTitle {
    width: 100%;
    color: #fff;
    font-size: 10px;
    margin-bottom: 25px;
    letter-spacing: 2px
}

.sidebarMenuInner {
    margin: 0;
    padding: 0
}

.sidebarMenuInner li {
    list-style: none;
    color: #7b3e23;
    text-transform: uppercase;
    cursor: pointer
}

.sidebarMenuInner li a {
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
    text-decoration: none;
    padding: 15px 5px;
    display: inline-block;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 35px;
    line-height: normal;
    font-family: Prata, serif
}

@media screen and (max-width:480px) {
    .sidebarMenuInner li a {
        font-size: 24px
    }
}

.sidebarMenuInner li a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50px;
    height: 1px;
    background-color: #a7a6a6;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sidebarMenuInner li a:hover {
    padding-left: 30px !important;
    -webkit-transition: all .5s;
    transition: all .5s
}

.sidebarMenuInner li a:hover::after {
    width: 15px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.o-side-menu .sidebarMenuInner li.active a {
    color: #ff0085 !important
}

.o-side-menu input[type=checkbox]:checked~#sidebarMenu {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.o-side-menu input[type=checkbox] {
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.sidebarIconToggle {
    cursor: pointer;
    position: absolute;
    z-index: 99;
    top: 12px;
    right: 15px !important;
    margin: 0;
    padding: 0
}

.sidebarIconToggle span {
    color: #fff;
    text-transform: uppercase;
    margin: 5px -3px;
    display: inline-block;
    font-size: 11px
}

.spinner {
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 3px;
    margin-bottom: 5px;
    background-color: #333
}

.horizontal {
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative
}

.diagonal.long {
    width: 37px
}

.horizontal.short {
    width: 24px
}

.o-side-menu input[type=checkbox]:checked~.sidebarIconToggle>.horizontal {
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0
}

.o-side-menu input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-1 {
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: 0;
    background: #333;
    width: 25px
}

.o-side-menu input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-2 {
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    background: #333;
    margin-top: -17px;
    width: 25px
}

.blackBG {
    z-index: 9;
    background: rgba(255, 255, 255, .5);
    width: 100%;
    height: 100%;
    position: fixed
}

.o-fixedBody .sidebarIconToggle {
    position: fixed;
    top: 33px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.o-menu-wrap {
    position: static
}

.o-header {
    background: #0d2642;
    position: fixed;
    z-index: 9999999;
    width: 100%;
    top: 0;
    padding: 10px 0
}

@media screen and (min-width:770px) {
    .o-header {
        border-bottom: 1px solid #e0e0e0;
        background: #fff
    }
}

@media screen and (min-width:992px) {
    .o-header {
        min-height: 50px;
        z-index: 999999;
        padding: 0
    }
}

.o-header .navbar-brand {
    padding: 8px 0;
    margin-right: 0;
    font-size: 1.25rem
}

@media screen and (min-width:992px) {
    .o-header .navbar-brand.env-logo-padding-top-0 {
        padding: 6px 0 0
    }
}

.o-header .navbar {
    padding: 0;
    position: static
}

.o-header .navbar ul>li a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 45px;
    display: block;
    display: block
}

.o-header .navbar ul>li a.mobile-anchor-heading {
    font-size: 16px;
    margin-bottom: 8px
}

@media screen and (min-width:1px) {
    .o-header .navbar ul>li a {
        padding-left: 20px
    }
}

@media screen and (min-width:992px) {
    .o-header .navbar ul>li a {
        padding: 0 6px
    }
}

@media screen and (min-width:1200px) {
    .o-header .navbar ul>li a {
        padding: 0 11px
    }
}

@media screen and (min-width:1280px) {
    .o-header .navbar ul>li a {
        padding: 0 13px
    }
}

@media screen and (min-width:992px) {
    .o-header .navbar ul>li a {
        color: #333
    }
}

.o-header .navbar ul>li a:hover {
    color: #fff
}

@media screen and (min-width:992px) {
    .o-header .navbar ul>li a:hover {
        color: #333
    }
}

.o-header .navbar ul>li a.skill-brand-img span {
    margin-left: 30px;
    color: #cdcdcd
}

@media screen and (min-width:992px) {
    .o-header .navbar ul>li a.skill-brand-img span {
        margin-left: 0
    }
}

.o-header .navbar ul>li.active a {
    color: #ff0085
}

.o-header .navbar ul>li:first-child {
    padding-left: 0
}

.o-header .navbar ul>li:last-child {
    padding-right: 0
}

@media screen and (min-width:992px) {
    .o-header .navbar .col-lg-2 .menu-holder-pan5-pan:nth-child(2) {
        margin-top: 25px
    }
}

.o-header .dropdown {
    width: 100vw;
    position: absolute;
    height: 100vh;
    padding: 30px 50%;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/home/banner-pattern.png) no-repeat 100% 100%;
    background-color: #333;
    color: #fff
}

.o-header .menu-holder-pan3 {
    max-width: 1170px;
    margin: 0 auto;
    text-align: left
}

.o-header .request-quote {
    color: #333;
    border: 2px solid #ff5800;
    display: block;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 15px;
    max-width: 320px;
    text-decoration: none;
    position: relative;
    margin-left: 0;
    text-align: left;
    display: none;
    text-transform: uppercase !important
}

@media screen and (min-width:992px) {
    .o-header .request-quote {
        padding: 8px 10px;
        font-size: 14px !important
    }
}

@media screen and (min-width:1200px) {
    .o-header .request-quote {
        padding: 8px 20px;
        font-size: 15px !important
    }
}

@media (min-width:992px) {
    .o-header .request-quote {
        display: block;
        width: 125px;
        text-align: center
    }
}

.o-header .hireus {
    color: #333;
    border: 2px solid #ff5800;
    background-color: transparent;
    display: block;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 8px 3px;
    font-size: 13px;
    max-width: 320px;
    text-decoration: none;
    position: relative;
    margin-left: 15px;
    text-align: center;
    top: 2px;
    text-transform: uppercase;
    display: block;
    width: 135px;
    text-align: center;
    font-weight: 700;
    top: 0;
    margin: 0;
    background-size: 15px
}

@media screen and (min-width:425px) {
    .o-header .hireus {
        padding: 8px 7px;
        font-size: 13px
    }
}

@media screen and (min-width:768px) {
    .o-header .hireus {
        margin: 0 0 0 15px
    }
}

@media screen and (min-width:992px) {
    .o-header .hireus {
        padding: 8px 5px;
        font-size: 14px;
        background-size: 15px;
        text-transform: none
    }
}

@media screen and (min-width:1200px) {
    .o-header .hireus {
        padding: 10px 6px 10px 6px;
        font-size: 15px
    }
}

.o-header .hireus .btn-arrow {
    margin-left: 5px;
    width: 18px;
    display: none
}

@media screen and (min-width:1200px) {
    .o-header .hireus .btn-arrow {
        display: inline
    }
}

.o-header .hireus .btn-arrow path {
    fill: #333
}

.o-header .hireus:hover {
    background-color: #ff5800;
    color: #fff
}

.o-header .hireus:hover svg {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0)
}

.o-header .hireus:hover path {
    fill: #fff
}

.o-header.scrolled .hireus {
    background-color: #ff5800;
    color: #fff
}

.o-header.scrolled .hireus .btn-arrow path {
    fill: #fff
}



#navbar .collapse:not(.show) {
    right: -100%;
    display: block
}

.o-navigation-bar-new {
    padding: 0
}

.o-navigation-bar-new #primaryNav {
    width: 100vw;
    position: fixed;
    top: 70px;
    right: 0;
    height: calc(100vh - 53px);
    overflow-y: scroll;
    background: #020a13;
    -webkit-transition: .4s all;
    transition: .4s all
}

@media screen and (min-width:992px) {
    .o-navigation-bar-new #primaryNav {
        overflow-y: visible;
        position: static;
        padding: 0;
        text-align: right;
        width: auto;
        height: auto;
        background: 0 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.o-navigation-bar-new #primaryNav .request-quote {
    line-height: 19px;
    display: inline-block;
    background-color: #a9cf00;
    color: #fff;
    margin-top: 12px;
    border-radius: 0;
    border: 0;
    width: 125px;
    padding: 10px 20px;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
    border: 1px solid transparent;
    font-weight: 500
}

.o-navigation-bar-new #primaryNav .request-quote:hover {
    background-color: #fff;
    color: #fa5701;
    border: 0;
    border: 1px solid #ff5800
}

.o-navigation-bar-new #primaryNav .request-quote:hover:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-orange.png) 50% 50% no-repeat;
    content: "";
    right: 20px;
    display: none
}

.o-navigation-bar-new #primaryNav .request-quote:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) 50% 50% no-repeat;
    right: 15px;
    display: none
}

.o-navigation-bar-new #primaryNav>ul {
    overflow-x: hidden
}

@media screen and (min-width:992px) {
    .o-navigation-bar-new #primaryNav>ul {
        overflow-x: visible
    }
}

@media screen and (min-width:767px) {
    .o-navigation-bar-new #primaryNav>ul>li::after {
        position: relative;
        content: "";
        background-color: transparent;
        display: none;
        bottom: 2px;
        width: 80%;
        height: 2px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-bottom: -10px
    }
}

@media screen and (min-width:767px) and (min-width:992px) {
    .o-navigation-bar-new #primaryNav>ul>li::after {
        background: #14df7d
    }
}

.o-navigation-bar-new #primaryNav>ul>li.has-submenu {
    padding-right: 0
}

.o-navigation-bar-new #primaryNav>ul>li.has-submenu>a {
    position: relative;
    line-height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0 !important
}

@media screen and (min-width:992px) {
    .o-navigation-bar-new #primaryNav>ul>li.has-submenu>a {
        padding-right: 9px;
        padding-bottom: 9px
    }
}

@media screen and (min-width:1200px) {
    .o-navigation-bar-new #primaryNav>ul>li.has-submenu>a {
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 9px
    }
}

@media (max-width:768px) {
    .o-navigation-bar-new #primaryNav>ul>li.has-submenu>a {
        padding-right: 10px;
        padding-bottom: 10px
    }
}

@media screen and (min-width:992px) {
    .o-navigation-bar-new #primaryNav>ul>li.has-submenu>a {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/nav-down-arrow.svg) 100% calc(50% - 5px) no-repeat
    }
}

.o-navigation-bar-new #primaryNav>ul>li.has-submenu>a span {
    font-size: 28px;
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    height: 30px;
    width: 30px;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: #fff 1px solid;
    line-height: 28px;
    text-align: center;
    margin-right: 15px
}

@media screen and (min-width:992px) {
    .o-navigation-bar-new #primaryNav>ul>li.has-submenu>a span {
        margin-right: 0;
        color: #333
    }
}

.o-navigation-bar-new #primaryNav>ul>li.has-submenu>a.dropdown-toggle::after {
    display: none
}

.o-navigation-bar-new #primaryNav>ul>li.has-submenu>span {
    position: relative;
    padding-right: 13px
}

@media screen and (min-width:992px) {
    .o-navigation-bar-new #primaryNav>ul>li.has-submenu>span {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/nav-down-arrow.svg) 100% 50% no-repeat
    }
}

.o-navigation-bar-new #primaryNav>ul>li.active span {
    line-height: 24px !important
}

.o-navigation-bar-new #primaryNav>ul>li.active a {
    color: #fff
}

.o-navigation-bar-new #primaryNav>ul>li.active a:hover {
    color: #fff
}

.o-navigation-bar-new #primaryNav>ul>li:hover::after {
    display: block
}

@media screen and (min-width:992px) {
    .o-navigation-bar-new #primaryNav>ul>li:hover>ul {
        opacity: 1;
        visibility: visible;
        height: auto;
        display: block;
        border: 1px solid #d8d8d8
    }

    .o-navigation-bar-new #primaryNav>ul>li:hover>ul.nav-padding-new-30 {
        padding: 20px 15px
    }
}

.o-navigation-bar-new #primaryNav>ul>li>ul {
    width: 100vw;
    position: static;
    padding: 0;
    height: 0;
    display: none;
    overflow: hidden;
    background: #020a13;
    border-radius: 0;
    -webkit-transition: .4s all;
    transition: .4s all
}

@media screen and (min-width:992px) {
    .o-navigation-bar-new #primaryNav>ul>li>ul {
        position: absolute;
        left: 0;
        top: auto;
        opacity: 1;
        display: block
    }
}

.o-navigation-bar-new #primaryNav>ul>li>ul.showNav {
    display: block;
    height: 100%
}

.o-navigation-bar-new #primaryNav>ul>li>ul li.has-submenu {
    padding-right: 0
}

.o-navigation-bar-new #primaryNav>ul>li>ul li.has-submenu>a,
.o-navigation-bar-new #primaryNav>ul>li>ul li.has-submenu>span {
    position: relative;
    padding: 10px 0 10px 10px
}

@media screen and (min-width:992px) {

    .o-navigation-bar-new #primaryNav>ul>li>ul li.has-submenu>a,
    .o-navigation-bar-new #primaryNav>ul>li>ul li.has-submenu>span {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/nav-right-arrow.html) 90% 50% no-repeat
    }
}

.o-navigation-bar-new #primaryNav>ul>li>ul li.has-submenu:hover>a,
.o-navigation-bar-new #primaryNav>ul>li>ul li.has-submenu:hover>span {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/nav-right-arrow.html) 90% 50% no-repeat #dadada;
    color: #333;
    border-left: 4px solid #14df7d
}

.o-navigation-bar-new #primaryNav>ul>li>ul li a {
    color: #fff;
    line-height: 1.2
}

.o-navigation-bar-new #primaryNav>ul>li>ul li ul {
    left: 100%;
    width: 100%;
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, .37);
    box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, .37);
    padding: 0
}

.o-navigation-bar-new #primaryNav>ul>li>ul li ul li a {
    padding: 10px 0 10px 10px;
    background-color: #fff;
    background-image: none
}

.o-navigation-bar-new #primaryNav>ul>li>ul li ul li a:hover {
    background-color: #dadada;
    background-image: none;
    color: #333;
    border-left: 4px solid #14df7d
}

.o-navigation-bar-new .navbar-nav {
    padding-top: 10px
}

.o-navigation-bar-new .dropdown-menu {
    margin-top: 0;
    border: none;
    display: block;
    opacity: 0;
    height: 0
}

.o-navigation-bar-new li ul li {
    font-size: 14px
}

.o-navigation-bar-new li ul li a {
    border-left: 0;
    color: #fff;
    font-size: 14px
}

.o-navigation-bar-new li ul li a:hover {
    background-color: transparent;
    color: #14df7e
}

.o-navigation-bar-new li ul li a:hover span {
    background-color: transparent;
    color: #14df7e
}

.o-navigation-bar-new li ul li span {
    border-left: 0;
    color: #cdcdcd;
    font-size: 14px;
    font-weight: 400
}

.o-navigation-bar #primaryNav li.has-submenu>a {
    background-position: 100% 41%;
    padding-bottom: 9px
}

.o-navigation-bar #primaryNav li.has-submenu>span {
    background-position: 100% 41%;
    padding-bottom: 9px
}

.o-navigation-bar #primaryNav .menu-holder-pan5-pan ul:before {
    display: none
}

.o-navigation-bar #primaryNav .menu-holder-pan5-pan ul li {
    width: 100%;
    padding: 0 0 0 5px;
    margin: 0
}

.o-navigation-bar #primaryNav .menu-holder-pan2-pan ul:before {
    display: none
}

.o-navigation-bar #primaryNav .menu-holder-pan2-pan ul li {
    width: 100%;
    padding: 0 0 0 5px;
    margin: 0
}

.o-navigation-bar img {
    margin-top: 15px;
    padding-top: 0;
    padding-left: 15px
}

@media screen and (min-width:992px) {
    .o-navigation-bar img {
        padding-left: 0
    }
}

.o-navigation-bar.margin-top-0 img {
    margin-top: 6px
}

.menu-holder-pan3 .menu-heading {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    margin-top: 10px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
    padding-left: 5px;
    display: block;
    white-space: nowrap
}

.menu-holder-pan3 .menu-heading:before {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #14df7e;
    position: absolute;
    left: 5px;
    bottom: -6px
}

.menu-holder-pan3 .menu-holder-pan5-pan {
    border-left: none;
    padding-left: 15px;
    height: inherit
}

@media screen and (min-width:992px) {
    .menu-holder-pan3 .menu-holder-pan5-pan {
        border-left: 1px solid #495376
    }
}

.menu-holder-pan3 .menu-holder-pan3-pan {
    border-left: none;
    padding-left: 15px;
    height: inherit
}

@media screen and (min-width:992px) {
    .menu-holder-pan3 .menu-holder-pan3-pan {
        border-left: 1px solid #495376
    }
}

.menu-holder-pan3 .menu-holder-pan3-pan li {
    width: auto;
    padding-left: 5px
}

.menu-holder-pan3 .menu-holder-pan3-pan li a:hover {
    background-color: transparent;
    color: #14df7e
}

.menu-holder-pan3 .menu-holder-pan3-pan li a:hover span {
    background-color: transparent;
    color: #14df7e
}

.menu-holder-pan3 .menu-holder-pan2-pan {
    border-left: none;
    padding-left: 15px;
    height: inherit
}

@media screen and (min-width:992px) {
    .menu-holder-pan3 .menu-holder-pan2-pan {
        border-left: 1px solid #495376
    }
}

.menu-holder-pan3 .menu-holder-pan2-pan li {
    width: auto;
    padding-left: 10px
}

.navbar-toggler {
    position: relative;
    padding: 0;
    width: 26px;
    height: 22px;
    border: 0;
    margin-right: 15px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.navbar-toggler:focus {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media all and (max-width:768px) {
    .navbar-toggler span {
        display: none
    }
}

#nav-icon4 {
    width: 26px;
    height: 18px;
    position: relative;
    margin: 0 auto;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    right: -3px;
    top: -4px
}

#nav-icon4 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

@media screen and (min-width:770px) {
    #nav-icon4 span {
        background: #333
    }
}

#nav-icon4 span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

#nav-icon4 span:nth-child(2) {
    top: 8px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    width: 14px;
    right: 0;
    left: inherit
}

#nav-icon4 span:nth-child(3) {
    top: 16px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    width: 20px;
    right: 0;
    left: inherit
}

#nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 1px;
    left: 4px
}

#nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0
}

#nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 19px;
    left: 4px;
    width: 26px
}

.mb-justyfy-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:992px) {
    .mb-justyfy-center {
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit
    }
}

.high {
    padding: 50px 0
}

@media (min-width:992px) {
    .high {
        padding: 80px 0 50px !important
    }
}

.high h2 {
    font-weight: 600
}

.high p {
    font-family: Montserrat, sans-serif !important
}

.web-app-service .service-wrap .services-pan a {
    width: 134px;
    height: 46px;
    line-height: 42px;
    border: 2px solid #333;
    border-radius: 5px;
    font-size: 18px;
    line-height: 44px;
    color: #333;
    text-decoration: none;
    font-weight: 400;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in;
    background: 0 0;
    padding: 0;
    text-transform: capitalize
}

.web-app-service .service-wrap .services-pan a:after {
    display: none
}

.web-app-service .service-wrap .services-pan a:hover {
    border: 2px solid #ff5800;
    color: #ff5800
}

.home-build {
    padding: 50px 0 20px
}

@media (min-width:992px) {
    .home-build {
        padding: 80px 0 50px !important
    }
}

.web-app-service-mod h2 {
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .navbar-expand-md .navbar-collapse {
        display: none !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-collapse.show {
        display: block !important
    }

    .navbar-expand-md .navbar-toggler {
        display: block
    }
}

@media screen and (min-width:992px) {
    .navbar-expand-md .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media screen and (min-width:768px) {
    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width:992px) {
    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

a.hiring {
    display: none
}

@media screen and (min-width:992px) {
    a.hiring {
        padding: 3px 3px;
        margin-left: 5px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95px;
        flex: 0 0 95px;
        font-size: 12px;
        margin-top: 6px;
        background-color: #4b8fe2;
        color: #fff;
        border-radius: 5px;
        font-weight: 500;
        position: relative;
        display: block
    }
}

@media screen and (min-width:1280px) {
    a.hiring {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        padding: 3px 7px;
        font-size: 13px;
        display: block
    }
}

span.hiring-arrow {
    position: absolute;
    left: -6px;
    bottom: 0;
    width: 0;
    height: 0;
    border-width: 10px 10px 0 0;
    border-color: #4b8fe2 transparent transparent transparent;
    border-style: solid;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.o-header .navbar ul>li a {
    font-size: 14px
}

@media screen and (min-width:992px) {
    .o-header .navbar ul>li a {
        font-size: 13px
    }
}

@media screen and (min-width:1200px) {
    .o-header .navbar ul>li a {
        font-size: 14px
    }
}

.contact-book-btn:disabled {
    pointer-events: none;
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
    color: #ccc !important
}

.bottomSendButton:disabled {
    pointer-events: none;
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
    color: #ccc !important
}

.contactFormTrigger:disabled {
    pointer-events: none;
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
    color: #ccc !important
}

.top-addvertisement-wrapper {
    background: #3cc065
}

.top-addvertisement {
    padding: 10px 15px;
    position: relative
}

.top-addvertisement::before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/easter-offering/mcolor-egg.png) no-repeat 0 0;
    width: 50px;
    height: 32px;
    top: 0;
    background-size: 75%;
    display: none
}

@media screen and (min-width:992px) {
    .top-addvertisement::before {
        display: block;
        right: 10px
    }
}

@media screen and (min-width:1280px) {
    .top-addvertisement::before {
        right: 30px
    }
}

.top-addvertisement::after {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/easter-offering/mcolor-egg2.png) no-repeat 0 0;
    width: 50px;
    height: 32px;
    top: 0;
    background-size: 75%;
    display: none
}

@media screen and (min-width:992px) {
    .top-addvertisement::after {
        display: block;
        left: 10px
    }
}

@media screen and (min-width:1280px) {
    .top-addvertisement::after {
        left: 30px
    }
}

.top-addvertisement p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center
}

.top-addvertisement p a {
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 0 18px 0 5px;
    margin-left: 5px;
    -webkit-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
    text-decoration: underline
}

.top-addvertisement p a:hover {
    text-decoration: underline
}

.top-addvertisement p a:after {
    content: ">>";
    position: absolute;
    top: 0;
    right: 0
}

.o-banner {
    background-color: #091b38;
    padding: 45px 0 20px;
    text-align: center;
    position: relative
}

@media (min-width:992px) {
    .o-banner {
        text-align: left;
        padding: 85px 0 50px
    }
}

.o-banner h1 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .o-banner h1 {
        font-size: 62px;
        line-height: 75px
    }
}

.o-banner h1 .subheading {
    font-size: 24px;
    padding-bottom: 20px;
    display: block;
    line-height: normal;
    text-transform: capitalize;
    font-weight: 600
}

@media (min-width:992px) {
    .o-banner h1 .subheading {
        font-size: 40px;
        line-height: 50px;
        font-weight: 500
    }
}

.o-banner .btn {
    margin: 0 auto
}

@media (min-width:992px) {
    .o-banner .btn {
        margin: 0
    }
}

@media screen and (min-width:992px) {
    .hm-page .o-banner {
        padding: 85px 0 80px
    }
}

.hm-page .o-banner h1 {
    font-size: 26px;
    line-height: 40px;
    color: #fff;
    padding: 25px 0 20px
}

.hm-page .o-banner h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 20px;
    line-height: 44px
}

@media (min-width:992px) {
    .hm-page .o-banner h2 {
        font-size: 62px;
        line-height: 75px
    }
}

.hm-page .o-banner h2 .subheading {
    font-size: 24px;
    padding-bottom: 20px;
    display: block;
    line-height: normal;
    text-transform: capitalize;
    font-weight: 600
}

@media (min-width:992px) {
    .hm-page .o-banner h2 .subheading {
        font-size: 40px;
        line-height: 50px;
        font-weight: 500;
        margin-top: 10px
    }
}

.bnr-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 360px;
    margin: 0 auto;
    height: 160px
}

@media (min-width:992px) {
    .bnr-icon {
        display: none
    }
}

.home-bnr-icon {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.home-bnr-icon li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    margin-bottom: 25px;
    font-size: 0;
    background-repeat: no-repeat
}

.home-bnr-icon li:nth-child(1) {
    background-position: 0 -140px
}

.home-bnr-icon li:nth-child(2) {
    background-position: -115px -140px
}

.home-bnr-icon li:nth-child(3) {
    background-position: -244px -140px
}

.home-bnr-icon li:nth-child(4) {
    background-position: -380px -145px
}

.home-bnr-icon li:nth-child(5) {
    background-position: -500px -140px
}

.video-pan {
    display: none
}

@media (min-width:992px) {
    .video-pan {
        position: relative;
        overflow: hidden;
        display: block;
        height: 323px;
        width: 98%
    }

    .video-pan .banner-logo {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1000
    }
}

@media screen and (min-width:1199px) {
    .video-pan {
        height: 400px;
        width: 100%
    }
}

.video-pan video {
    width: 97%
}

.home-award-logo {
    display: none;
    margin-top: 10px
}

@media screen and (min-width:992px) {
    .home-award-logo {
        background-size: contain;
        display: block;
        width: 100%;
        height: 186px;
        background-repeat: no-repeat;
        opacity: .9;
        background-position: center center
    }
}

.banner-right {
    text-align: center;
    z-index: 9999
}

@media (min-width:992px) {
    .banner-right {
        text-align: left
    }
}

.banner-right .anchor-link {
    text-align: center
}

@media (min-width:992px) {
    .banner-right .anchor-link {
        text-align: left
    }
}

@media (min-width:992px) {
    .banner-right .btn {
        margin: 0
    }
}

#myModal1 .modal-dialog {
    width: 100%;
    background: #000;
    margin: 0 auto;
    height: 100%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    max-width: 100% !important
}

.contact-modal {
    background: rgba(0, 0, 0, .4)
}

.ytp-large-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    z-index: 63
}

#myModal1 .modal-body {
    padding: 80px 0
}

.modal-body {
    position: relative
}

#myModal1 button.close {
    z-index: 999;
    position: relative;
    right: 0;
    top: 0;
    background: #fff;
    opacity: 1;
    padding: 10px
}

div#myModal1 {
    z-index: 9999999
}

.break-line {
    display: block
}

@media (min-width:992px) {
    .break-line {
        display: inline
    }
}

.banner-right h1 br {
    display: none
}

@media (min-width:992px) {
    .banner-right h1 br {
        display: block
    }
}

.hm-about-section p strong {
    margin-top: 20px
}

ul.home-bnr-group-logo {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    ul.home-bnr-group-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

ul.home-bnr-group-logo li {
    padding: 15px 9px;
    opacity: .8
}

@media screen and (min-width:992px) {
    ul.home-bnr-group-logo li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width:1200px) {
    ul.home-bnr-group-logo li {
        padding: 15px 20px
    }
}

ul.home-bnr-group-logo li:nth-child(5),
ul.home-bnr-group-logo li:nth-child(6),
ul.home-bnr-group-logo li:nth-child(7) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.o-clients {
    position: relative;
    padding: 50px 0 25px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #cae0e7;
    background-color: #fff
}

.o-clients h2 {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #333;
    font-size: 17px;
    line-height: 20px;
    margin: 0 0 20px 0;
    text-transform: none;
    vertical-align: middle
}

@media (min-width:992px) {
    .o-clients h2 {
        line-height: 25px;
        font-weight: 700
    }
}

@media screen and (min-width:992px) {
    .o-clients .zoovu-custom-width {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 138px;
        flex: 0 0 138px
    }
}

@media screen and (min-width:768px) {
    .o-clients .client-logo-modify .client-logo-new {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden
    }
}

@media screen and (min-width:768px) {
    .o-clients .client-logo-modify .client-logo-new .client-logo-img {
        margin: 15px 15px
    }
}

.sk-fading-circle {
    margin: 100px auto;
    width: 80px;
    height: 80px;
    position: relative
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #27c070;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {

    0%,
    100%,
    39% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {

    0%,
    100%,
    39% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

.why-hire-java .service-wrap {
    -webkit-column-count: inherit;
    -moz-column-count: inherit;
    column-count: inherit
}

@media screen and (min-width:992px) {
    .why-hire-java .service-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width:992px) {
    .why-hire-java .service-wrap .services-pan {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31.5%;
        flex: 0 0 31.5%
    }
}

.client-logo-slide .owl-item {
    visibility: hidden
}

.client-logo-slide .owl-item.active {
    visibility: visible
}

.client-logo-slide .owl-nav {
    display: none
}

.client-logo-slide .owl-dots .owl-dot {
    background: #9b9b9b;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%
}

.client-logo-slide .owl-dots .owl-dot.active {
    background: #49c684
}

.client-logo-slide .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:992px) {
    .client-logo-slide .owl-stage .owl-item:last-child {
        height: auto
    }
}

@media screen and (min-width:1200px) {
    .client-logo-slide .owl-stage .owl-item:last-child {
        height: 222px
    }
}

.client-logo-slide .client-logo-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.client-logo-slide .client-logo-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (min-width:992px) {
    .client-logo-slide .client-logo-img img {
        height: inherit;
        -o-object-fit: inherit;
        object-fit: inherit
    }
}

.nw-client-slider .owl-item {
    height: 86px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:992px) {
    .nw-client-slider .owl-item {
        height: auto
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm) and (min-width:992px) {
    .client-logo-slide .owl-stage .owl-item:last-child {
        height: 198px
    }
}

.nw-client {
    padding: 20px 0 20px
}

@media screen and (min-width:992px) {
    .nw-client {
        padding: 50px 0 25px
    }
}

.nw-client .client-logo-slide {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .nw-client .client-logo-slide {
        margin-bottom: 0 0 1rem
    }
}

.nw-client h2 {
    margin: 0
}

@media screen and (min-width:992px) {
    .nw-client h2 {
        margin: 0 0 20px 0
    }
}

.nw-client .owl-dots {
    display: none
}

.splide__arrows {
    display: none
}

.dev-client {
    background: #f5f7f8 !important
}

@media screen and (min-width:992px) {
    .dev-client {
        padding: 60px 0
    }
}

.dev-client h2 {
    font-size: 21px;
    line-height: 30px;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .dev-client h2 {
        margin-bottom: 25px !important
    }
}

.dev-client .client-logo-img {
    height: 96px;
    border: 1px solid #ece9e9;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: 10px
}

@media screen and (min-width:768px) {
    .dev-client .client-logo-img {
        margin: 3px 3px !important;
        padding: 0
    }
}

@media screen and (min-width:992px) {
    .dev-client .client-logo-img {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.dev-client .client-logo-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.company-profile-client .dev-client {
    background: #fff !important;
    border-bottom: none !important
}

.certification {
    border-bottom: 1px solid #e2e2e2;
    background: #f2f5f7;
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .certification {
        padding: 0
    }
}

@media screen and (min-width:992px) {
    .certification .certification-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.certification .certification-left h4 {
    margin-bottom: 0;
    text-align: center
}

@media screen and (min-width:992px) {
    .certification .certification-left h4 {
        text-align: left
    }
}

.certification .certification-left svg {
    margin: 0 25px;
    display: none
}

@media screen and (min-width:992px) {
    .certification .certification-left svg {
        display: inline-block
    }
}

@media screen and (min-width:992px) {
    .certification .certification-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.certification .certification-items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:992px) {
    .certification .certification-items {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.o-home-service {
    position: relative;
    padding-bottom: 20px
}

.o-home-service .n-gradient-green-blue {
    min-height: 430px
}

@media (min-width:992px) {
    .o-home-service {
        padding-bottom: 50px
    }
}

@media (min-width:992px) {
    .o-home-service .btn_wrapper {
        padding-top: 0
    }
}

.o-home-service .home-link.pad-top-20 {
    padding-bottom: 20px;
    padding-top: 10px
}

@media (min-width:992px) {
    .o-home-service .home-link.pad-top-20 {
        padding-top: 25px;
        padding-bottom: 35px
    }
}

.o-home-service_holder {
    width: 90%;
    position: relative;
    margin: 0 auto;
    margin-top: -410px
}

.o-home-service_holder h3 {
    font-size: 20px;
    line-height: 29px;
    color: #fff;
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width:992px) {
    .o-home-service_holder h3 {
        font-size: 36px;
        line-height: 49px;
        padding: 50px 100px 30px
    }
}

.no-webp .o-home-service .white-box:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/home/home-arrow.png)
}

.no-webp .o-home-service .white-box::before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/home/home-sprite.png)
}

.o-home-service .white-box {
    background-color: #fff;
    display: inline-block;
    height: 180px;
    padding: 30px 25px;
    width: 48%;
    margin: 0 4px 10px;
    overflow: hidden;
    border-bottom: 4px solid #14df7d;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    font-size: 16px;
    line-height: 18px;
    color: #333;
    font-weight: 500;
    vertical-align: top;
    box-shadow: 0 0 12px #a8a8a880;
    -webkit-box-shadow: 0 0 12px #a8a8a880;
    -moz-box-shadow: 0 0 12px #a8a8a880;
    position: relative
}

@media (min-width:992px) {
    .o-home-service .white-box {
        width: 225px;
        height: 225px;
        font-size: 20px;
        font-size: 18px;
        line-height: 24px
    }
}

.o-home-service .white-box__blue-border {
    border-bottom: 4px solid #4a90e2
}

.o-home-service .white-box:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/home/home-arrow.png);
    width: 22px;
    height: 22px;
    background-position: 0 0
}

.o-home-service .white-box:nth-child(2):before {
    background-position: 0 0
}

.o-home-service .white-box:nth-child(3):before {
    background-position: -80px 0
}

.o-home-service .white-box:nth-child(4):before {
    background-position: -160px 0
}

.o-home-service .white-box:nth-child(5):before {
    background-position: -240px 0
}

.o-home-service .white-box .cmn-color {
    display: block;
    position: absolute;
    top: inherit;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    height: 0;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.o-home-service .white-box i {
    display: block;
    height: 45px;
    position: relative;
    z-index: 1;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .o-home-service .white-box i {
        margin-bottom: 33px;
        height: 55px
    }
}

.o-home-service .white-box i svg {
    height: 100%
}

@media (hover:hover) and (pointer:fine) {
    .o-home-service .white-box:hover .cmn-color {
        height: 100%
    }

    .o-home-service .white-box:hover .box-txt {
        z-index: 9;
        color: #fff;
        position: relative
    }

    .o-home-service .white-box:hover:after {
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/home/home-arrow-hover.png)
    }

    .o-home-service .white-box:hover:before {
        z-index: 9;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0
    }

    .o-home-service .white-box:hover i svg path,
    .o-home-service .white-box:hover i svg polygon,
    .o-home-service .white-box:hover i svg rect {
        fill: #fff;
        stroke: #fff
    }
}

.o-home-service .home-link {
    font-size: 16px
}

@media (min-width:992px) {
    .o-home-service .home-link {
        font-size: 19px
    }
}

.o-home-service .home-link:hover {
    color: #333;
    text-decoration: underline
}

.o-home-service .white-box__choose-01 .cmn-color {
    background: #14df7d
}

@media (hover:hover) and (pointer:fine) {
    .o-home-service .white-box__choose-01:hover:before {
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/home/h-service-icon1.png)
    }
}

@media (hover:hover) and (pointer:fine) and (min-width:992px) {
    .o-home-service .white-box__choose-01:hover .cmn-color {
        background: #14df7d
    }
}

.o-home-service .white-box__choose-02 {
    border-bottom: 4px solid #4a90e2
}

@media (min-width:992px) {
    .o-home-service .white-box__choose-02 {
        border-bottom: 4px solid #00af93
    }
}

.o-home-service .white-box__choose-02:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/home/b-h-service-icon2.png) !important;
    background-repeat: no-repeat;
    background-position: center center !important
}

.o-home-service .white-box__choose-02 .cmn-color {
    background: #4a90e2
}

@media (hover:hover) and (pointer:fine) {
    .o-home-service .white-box__choose-02:hover:before {
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/home/h-service-icon2.png) !important;
        background-size: 75%;
        background-position: center center
    }

    .o-home-service .white-box__choose-02 .cmn-color {
        background: #00af93
    }
}

.o-home-service .white-box__choose-03 {
    border-bottom: 4px solid #4a90e2
}

@media (min-width:992px) {
    .o-home-service .white-box__choose-03 {
        border-bottom: 4px solid #0095b5
    }
}

.o-home-service .white-box__choose-03 .cmn-color {
    background: #14df7d
}

@media (hover:hover) and (pointer:fine) {
    .o-home-service .white-box__choose-03:hover:before {
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/home/h-service-icon3.png);
        background-size: 80%;
        background-position: center center
    }

    .o-home-service .white-box__choose-03:hover .cmn-color {
        background: #0095b5
    }
}

.o-home-service .white-box__choose-04 {
    border-bottom: 4px solid #14df7d
}

@media (min-width:992px) {
    .o-home-service .white-box__choose-04 {
        border-bottom: 4px solid #4a90e2
    }
}

.o-home-service .white-box__choose-04 .cmn-color {
    background: #4a90e2
}

@media (hover:hover) and (pointer:fine) {
    .o-home-service .white-box__choose-04:hover:before {
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/home/h-service-icon4.png);
        background-size: 75%;
        background-position: center center
    }

    .o-home-service .white-box__choose-04:hover .cmn-color {
        background: #4a90e2
    }
}

.srv-a-box-wrap {
    padding: 0 15px
}

@media (min-width:992px) {
    .srv-a-box-wrap {
        padding: 0
    }
}

.srv-a-box-wrap a:nth-child(2n+1) {
    margin-left: 0
}

@media (min-width:992px) {
    .srv-a-box-wrap a:nth-child(2n+1) {
        margin-left: 4px
    }
}

.srv-a-box-wrap a:nth-child(2n) {
    margin-right: 0
}

@media (min-width:992px) {
    .srv-a-box-wrap a:nth-child(2n) {
        margin-right: 4px
    }
}

.o-home-technology {
    position: relative;
    padding: 45px 0 20px
}

@media (min-width:992px) {
    .o-home-technology {
        padding: 70px 0 50px
    }
}

.o-home-technology h2 {
    font-size: 30px
}

@media (min-width:992px) {
    .o-home-technology h2 {
        font-size: 48px
    }
}

.o-home-technology .home-link {
    margin-top: 0
}

@media (min-width:992px) {
    .o-home-technology .home-link {
        margin-top: 15px;
        padding-bottom: 20px
    }
}

.o-home-technology .box-wrapper {
    margin-bottom: 10px
}

@media (min-width:992px) {
    .o-home-technology .box-wrapper {
        margin-bottom: 0
    }
}

.o-home-technology .box-wrapper .box {
    overflow: hidden;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0 4px 4px;
    position: relative;
    padding: 30px 10px 30px;
    font-size: 20px;
    color: #333;
    font-weight: 500;
    position: relative;
    width: 48%;
    height: 180px;
    font-size: 18px;
    box-shadow: 0 0 12px #a8a8a880;
    -webkit-box-shadow: 0 0 12px #a8a8a880;
    -moz-box-shadow: 0 0 12px #a8a8a880
}

@media (min-width:992px) {
    .o-home-technology .box-wrapper .box {
        width: 170px;
        height: 190px;
        margin: 0 7px 14px
    }
}

.o-home-technology .box-wrapper .box i {
    display: block;
    height: 50px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1
}

.o-home-technology .box-wrapper .box i svg {
    height: 100%
}

.o-home-technology .box-wrapper .box:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/home/home-arrow.png);
    width: 22px;
    height: 22px;
    background-position: 0
}

.o-home-technology .box-wrapper .box:nth-child(1) {
    border-bottom: 4px solid #00b05c
}

@media (hover:hover) and (pointer:fine) {
    .o-home-technology .box-wrapper .box:nth-child(1):hover {
        color: #fff
    }
}

.o-home-technology .box-wrapper .box:nth-child(2) {
    border-bottom: 4px solid #0095b5
}

@media (min-width:992px) {
    .o-home-technology .box-wrapper .box:nth-child(2) {
        border-bottom: 4px solid #00af93
    }
}

@media (hover:hover) and (pointer:fine) {
    .o-home-technology .box-wrapper .box:nth-child(2):hover {
        color: #fff
    }
}

.o-home-technology .box-wrapper .box:nth-child(3) {
    border-bottom: 4px solid #34bbea
}

@media (min-width:992px) {
    .o-home-technology .box-wrapper .box:nth-child(3) {
        border-bottom: 4px solid #0095b5
    }
}

@media (hover:hover) and (pointer:fine) {
    .o-home-technology .box-wrapper .box:nth-child(3):hover {
        color: #fff
    }
}

.o-home-technology .box-wrapper .box:nth-child(4) {
    border-bottom: 4px solid #00af93
}

@media (min-width:992px) {
    .o-home-technology .box-wrapper .box:nth-child(4) {
        border-bottom: 4px solid #007fab
    }
}

@media (hover:hover) and (pointer:fine) {
    .o-home-technology .box-wrapper .box:nth-child(4):hover {
        color: #fff
    }
}

.o-home-technology .box-wrapper .box:nth-child(5) {
    border-bottom: 4px solid #018d46
}

@media (min-width:992px) {
    .o-home-technology .box-wrapper .box:nth-child(5) {
        border-bottom: 4px solid #014d95
    }
}

@media (hover:hover) and (pointer:fine) {
    .o-home-technology .box-wrapper .box:nth-child(5):hover {
        color: #fff
    }
}

.o-home-technology .box-wrapper .box:nth-child(6) {
    border-bottom: 4px solid #014d95
}

@media (min-width:992px) {
    .o-home-technology .box-wrapper .box:nth-child(6) {
        border-bottom: 4px solid #15336b
    }
}

@media (hover:hover) and (pointer:fine) {
    .o-home-technology .box-wrapper .box:nth-child(6):hover {
        color: #fff
    }
}

@media (hover:hover) and (pointer:fine) {
    .o-home-technology .box-wrapper .box:hover:after {
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/home/home-arrow-hover.png)
    }

    .o-home-technology .box-wrapper .box:hover i svg path,
    .o-home-technology .box-wrapper .box:hover i svg polygon,
    .o-home-technology .box-wrapper .box:hover i svg rect {
        fill: #fff;
        stroke: #fff
    }
}

.o-home-technology .box-wrapper .box .cmn-color {
    display: block;
    position: absolute;
    top: inherit;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    height: 0;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

@media (hover:hover) and (pointer:fine) {
    .o-home-technology .box-wrapper .box:hover .cmn-color {
        height: 100%
    }

    .o-home-technology .box-wrapper .box:hover .box-txt {
        z-index: 9;
        color: #fff;
        position: relative
    }

    .o-home-technology .box-wrapper .box:hover:after {
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/home/home-arrow-hover.png)
    }

    .o-home-technology .box-wrapper .box:hover:before {
        z-index: 9
    }
}

.o-home-technology .box-wrapper .box:nth-child(2n+1) {
    margin-left: 0
}

@media (min-width:992px) {
    .o-home-technology .box-wrapper .box:nth-child(2n+1) {
        margin-left: 7px
    }
}

.o-home-technology .box-wrapper .box:nth-child(2n) {
    margin-right: 0
}

@media (min-width:992px) {
    .o-home-technology .box-wrapper .box:nth-child(2n) {
        margin-right: 7px
    }
}

.o-home-technology .pad-bot-40 {
    padding-bottom: 10px
}

@media (min-width:992px) {
    .o-home-technology .pad-bot-40 {
        padding-bottom: 30px
    }
}

.o-home-technology .btn_wrapper.padding-top-40 {
    padding-top: 0
}

@media (min-width:992px) {
    .o-home-technology .btn_wrapper.padding-top-40 {
        padding-top: 15px
    }
}

@media (hover:hover) and (pointer:fine) {
    .o-home-technology .box-wrapper .box:hover {
        border-bottom: 0
    }
}

.o-home-technology .box-wrapper .box:nth-child(1) .cmn-color {
    background: #00b05c
}

.o-home-technology .box-wrapper .box:nth-child(2) .cmn-color {
    background: #00af93
}

.o-home-technology .box-wrapper .box:nth-child(3) .cmn-color {
    background: #0095b5
}

.o-home-technology .box-wrapper .box:nth-child(4) .cmn-color {
    background: #007fab
}

.o-home-technology .box-wrapper .box:nth-child(5) .cmn-color {
    background: #014d95
}

.o-home-technology .box-wrapper .box:nth-child(6) .cmn-color {
    background: #15336b
}

.box-bg {
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
    box-shadow: 0 0 35px rgba(0, 0, 0, .1);
    border-radius: 5px;
    height: 188px;
    margin-bottom: 25px;
    position: relative;
    display: block
}

.box-bg img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.logo-thumb h4 {
    font-size: 30px;
    margin-bottom: 35px;
    margin-top: 0
}

.logo-thumb a:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 75%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/home/home-arrow.png);
    width: 22px;
    height: 22px
}

.home-fi {
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden
}

@media (min-width:992px) {
    .home-fi {
        background-size: cover
    }
}

.home-fi:before {
    display: block;
    content: '';
    position: absolute;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/home/remotedev-img-mobile.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 65%;
    height: 100%;
    top: 0;
    right: 0
}

@media (min-width:992px) {
    .home-fi:before {
        display: none
    }
}

.home-fi h2 {
    font-size: 16px;
    padding: 0 0 10px 0;
    text-align: center;
    margin-top: 40px;
    width: 200px;
    line-height: 40px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/home/remotedev-heading-bg.png) no-repeat 0 0;
    color: #fff;
    background-size: 100%;
    font-weight: 600
}

@media (min-width:992px) {
    .home-fi h2 {
        width: 230px;
        line-height: 47px;
        font-size: 20px;
        padding: 0 0 15px 20px;
        text-align: left
    }
}

.home-fi h3 {
    font-size: 22px;
    line-height: 29px;
    color: #fff;
    padding: 20px 47% 20px 0;
    font-weight: 700
}

@media screen and (min-width:768px) {
    .home-fi h3 {
        font-weight: 600;
        padding: 20px 0 20px 0
    }
}

@media screen and (min-width:992px) {
    .home-fi h3 {
        padding: 20px 0 20px 0;
        font-size: 37px;
        line-height: 50px
    }
}

@media screen and (min-width:1280px) {
    .home-fi h3 {
        font-size: 40px
    }
}

.home-fi h3 span.text-green {
    color: #14df7d
}

.home-fi .btn {
    margin: 0
}

.home-fi .btn-orange:after {
    margin-left: 5px
}

@media (min-width:992px) {
    .home-fi .btn-orange:after {
        margin-left: 15px
    }
}

.home-fi .story-bg {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/home/remotedev-bg.jpg) !important;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover
}

.home-fi .story-bg:before {
    display: block;
    content: '';
    position: absolute;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/home/remotedev-img-mobile.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 65%;
    height: 100%;
    top: 0;
    right: 0
}

@media screen and (min-width:992px) {
    .home-fi .story-bg:before {
        display: none
    }
}

.home-fi .whitepaper-bg {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/home/feature-bg-new.jpg) !important;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover
}

.home-fi .whitepaper-bg:before {
    display: block;
    content: '';
    position: absolute;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/home/remotedev-white-img-mobile.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 65%;
    height: 100%;
    top: 0;
    right: 0
}

@media screen and (min-width:992px) {
    .home-fi .whitepaper-bg:before {
        display: none
    }
}

.home-fi .owl-dots {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center
}

.home-fi .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #9b9b9b;
    margin: 0 5px
}

.home-fi .owl-dots .owl-dot.active {
    background: #49c684
}

.home-fi .featured-book-img {
    position: relative;
    top: 0;
    height: 100%;
    width: auto
}

@media screen and (min-width:992px) {
    .home-fi .featured-book-img {
        right: -5px;
        position: absolute
    }
}

@media screen and (min-width:1280px) {
    .home-fi .featured-book-img {
        right: -15px
    }
}

.home-fi .featured-book-img img {
    height: 100%;
    width: auto;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width:992px) {
    .home-fi .featured-book-img-white {
        right: -25px
    }
}

@media screen and (min-width:1280px) {
    .home-fi .featured-book-img-white {
        right: -35px
    }
}

.home-fi .row {
    position: relative
}

.no-webp .book-img-left {
    background-size: cover;
    background: 0 0
}

@media (min-width:992px) {
    .no-webp .book-img-left {
        background-image: none
    }
}

.webp .book-img-left {
    background-size: cover;
    background: 0 0
}

@media (min-width:992px) {
    .webp .book-img-left {
        background-image: none
    }
}

.book-img-left {
    padding-bottom: 40px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    padding-left: 15px
}

@media screen and (min-width:992px) {
    .book-img-left {
        padding-bottom: 40px
    }
}

@media screen and (min-width:1200px) {
    .book-img-left {
        background-image: none;
        padding-top: 10px;
        padding-bottom: 47px;
        padding-left: 15px
    }
}

.book-img-left-mod h3 {
    padding-right: 44%
}

@media screen and (min-width:992px) {
    .book-img-left-mod h3 {
        padding-right: 0
    }
}

.book-img {
    display: none
}

@media (min-width:992px) {
    .book-img {
        position: relative;
        display: block
    }
}

.book-img img {
    top: 0;
    position: absolute;
    left: -15px
}

.hire-expert-home {
    padding: 40px 0
}

@media screen and (min-width:992px) {
    .hire-expert-home {
        padding: 65px 0
    }
}

.hire-expert-home h2 {
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .hire-expert-home h2 {
        font-size: 42px;
        line-height: 52px
    }
}

.hire-expert-home h3 {
    font-size: 22px;
    line-height: 34px;
    font-weight: 500
}

.o-why-choose-cn {
    background: 0 0;
    padding-top: 50px
}

@media (min-width:992px) {
    .o-why-choose-cn {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/home/why-choose-cn.jpg) no-repeat 50% 50%;
        color: #fff;
        padding-top: 0;
        background-size: cover
    }
}

.o-why-choose-cn_left {
    padding: 30px 15px 40px 25px;
    border-radius: 5px;
    margin: 0 12px;
    background-color: #1d2942;
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

@media (min-width:992px) {
    .o-why-choose-cn_left {
        width: 40%;
        float: left;
        min-height: 200px;
        padding: 60px 25px 65px 40px;
        margin: 0 0 0 15px;
        border-radius: 5px 0 0 5px;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }
}

.o-why-choose-cn_left:before {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 25px;
    margin: 0 auto;
    display: block;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #1d2942
}

@media (min-width:992px) {
    .o-why-choose-cn_left:before {
        display: none
    }
}

.o-why-choose-cn_left h2,
.o-why-choose-cn_left h3 {
    font-size: 24px;
    line-height: 30px;
    text-align: left;
    text-transform: uppercase;
    padding: 0
}

@media screen and (min-width:992px) {

    .o-why-choose-cn_left h2,
    .o-why-choose-cn_left h3 {
        font-size: 48px;
        line-height: 60px
    }
}

@media screen and (min-width:1200px) {

    .o-why-choose-cn_left h2,
    .o-why-choose-cn_left h3 {
        font-size: 56px;
        padding: 0 30px 0 15px
    }
}

.o-why-choose-cn_left h2 span,
.o-why-choose-cn_left h3 span {
    font-size: 20px;
    text-transform: capitalize;
    line-height: 24px;
    display: block;
    padding-bottom: 5px
}

@media (min-width:992px) {

    .o-why-choose-cn_left h2 span,
    .o-why-choose-cn_left h3 span {
        font-size: 34px;
        padding-bottom: 30px;
        display: block;
        line-height: 14px
    }
}

.o-why-choose-cn_left h2:before,
.o-why-choose-cn_left h3:before {
    right: inherit;
    left: 0;
    bottom: -15px;
    width: 90px;
    height: 2px;
    content: "";
    position: absolute;
    background-color: #14df7d
}

@media (min-width:992px) {

    .o-why-choose-cn_left h2:before,
    .o-why-choose-cn_left h3:before {
        right: inherit;
        left: 20px;
        bottom: -25px;
        width: 175px
    }
}

.o-why-choose-cn .o-home-cn-details_box1 {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 5px;
    margin-right: 15px;
    margin-bottom: 0
}

.o-why-choose-cn_right {
    display: none
}

@media (min-width:992px) {
    .o-why-choose-cn_right {
        display: block;
        width: 58%;
        float: left;
        background-color: #075091;
        padding: 65px 135px 65px 100px
    }

    .o-why-choose-cn_right h3,
    .o-why-choose-cn_right p {
        color: #fff;
        font-weight: 600
    }
}

@media (min-width:992px) and (min-width:992px) {

    .o-why-choose-cn_right h3,
    .o-why-choose-cn_right p {
        font-size: 24px;
        line-height: 40px;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .o-why-choose-cn_right .btn {
        margin: 0
    }

    .o-why-choose-cn_right .anchor-link {
        text-align: left;
        color: #fff
    }
}

.o-home-cn-details_details-box {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 1%;
    margin-right: 1%;
    float: left;
    position: relative;
    overflow: hidden
}

.o-home-cn-details_details-box a {
    display: block;
    border-radius: 5px;
    position: relative
}

@media (min-width:992px) {
    .o-home-cn-details_details-box a {
        min-height: 225px
    }
}

.o-home-cn-details_details-box a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.o-home-cn-details_box1 {
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .o-home-cn-details_box1 {
        width: 40%;
        margin-bottom: 1%
    }
}

.o-home-cn-details_box1 a {
    text-align: center;
    padding: 100px 0 20px 0
}

@media (min-width:992px) {
    .o-home-cn-details_box1 a {
        padding: 70px 0 0 160px;
        min-height: 225px;
        text-align: left
    }
}

.o-home-cn-details_box1 a:before {
    position: absolute;
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/home/details-icon-1.png) no-repeat 50% 50%;
    width: 74px;
    height: 76px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 15px;
    -webkit-transform: translate(0);
    transform: translate(0)
}

@media (min-width:992px) {
    .o-home-cn-details_box1 a:before {
        left: 50px;
        top: 65px;
        content: "";
        width: 74px;
        height: 76px;
        margin: 0
    }
}

.o-home-cn-details_box1 a h4 {
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .o-home-cn-details_box1 a h4 {
        font-family: Montserrat, sans-serif
    }
}

.o-home-cn-details_box2 {
    min-height: 155px;
    width: 100%;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/home/details-bg-1.jpg) no-repeat;
    margin-bottom: 10px;
    background-size: cover !important
}

@media (min-width:992px) {
    .o-home-cn-details_box2 {
        width: 38%;
        min-height: 225px;
        margin-bottom: 1%
    }
}

.o-home-cn-details_box2 a {
    padding: 100px 0 20px 0;
    color: #fff;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .o-home-cn-details_box2 a {
        font-family: Montserrat, sans-serif;
        padding-top: 140px;
        font-size: 16px
    }
}

.o-home-cn-details_box2 a span {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/home/play-button.png) no-repeat 50% 50%;
    background-size: 40px
}

@media (min-width:992px) {
    .o-home-cn-details_box2 a span {
        width: 55px;
        height: 55px;
        top: 47%;
        background-size: 100%
    }
}

.o-home-cn-details_box2 a span:hover {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/home/play-button-hover.png) no-repeat 50% 50%
}

.o-home-cn-details_box3 {
    width: 48%;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #009c52
}

@media (min-width:992px) {
    .o-home-cn-details_box3 {
        width: 19%;
        min-height: 225px;
        margin-bottom: 15px
    }
}

.o-home-cn-details_box3 a {
    text-align: left;
    padding: 80px 15px 20px 15px;
    color: #fff
}

@media (min-width:992px) {
    .o-home-cn-details_box3 a {
        padding: 80px 0 0 50px
    }
}

.o-home-cn-details_box3 a:before {
    position: absolute;
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/home/details-icon-3.png) no-repeat 50% 50%;
    width: 74px;
    height: 76px;
    -webkit-transform: translate(0);
    transform: translate(0);
    left: 5px;
    right: inherit;
    top: 10px;
    margin: 0;
    background-size: 62%
}

@media (min-width:992px) {
    .o-home-cn-details_box3 a:before {
        width: 38px;
        height: 38px;
        left: 50px;
        top: 40px;
        background-size: 100%
    }
}

.o-home-cn-details_box3 a h4 {
    font-family: Montserrat, sans-serif
}

.o-home-cn-details_box4 {
    width: 48%;
    margin-right: 0;
    margin-bottom: 25px;
    background-color: #009c52
}

@media (min-width:992px) {
    .o-home-cn-details_box4 {
        width: 19%;
        min-height: 225px;
        margin-right: 10px
    }
}

.o-home-cn-details_box4 a {
    text-align: left;
    padding: 83px 15px 20px 15px
}

@media (min-width:992px) {
    .o-home-cn-details_box4 a {
        padding: 90px 0 0 30px
    }
}

.o-home-cn-details_box4 a:before {
    position: absolute;
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/home/details-icon-4.png) no-repeat 50% 50%;
    width: 74px;
    height: 76px;
    -webkit-transform: translate(0);
    transform: translate(0);
    left: 15px;
    right: inherit;
    top: 20px;
    margin: 0;
    background-size: 73%
}

@media (min-width:992px) {
    .o-home-cn-details_box4 a:before {
        left: 30px;
        top: 23px;
        background-size: 100%
    }
}

.o-home-cn-details_box5 {
    width: 100%;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/home/details-bg-2.jpg) no-repeat;
    text-align: center;
    margin-bottom: 10px;
    background-size: cover !important
}

@media (min-width:992px) {
    .o-home-cn-details_box5 {
        width: 38%;
        min-height: 225px;
        margin-bottom: 1%
    }
}

.o-home-cn-details_box5 a {
    padding: 90px 0 30px 0
}

@media (min-width:992px) {
    .o-home-cn-details_box5 a {
        padding: 85px 0 0 110px
    }
}

.o-home-cn-details_box5 a:before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 40px;
    -webkit-transform: translate(0);
    transform: translate(0);
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/home/details-icon-8.png) no-repeat 0 0;
    width: 41px;
    height: 41px
}

@media (min-width:992px) {
    .o-home-cn-details_box5 a:before {
        width: 41px;
        height: 41px;
        left: 45px;
        top: 93px;
        margin: 0
    }
}

.o-home-cn-details_box5 a h5 {
    font-size: 18px
}

@media (min-width:992px) {
    .o-home-cn-details_box5 a h5 {
        text-align: left;
        font-size: 20px
    }
}

.o-home-cn-details_box5 a h5 span {
    display: block
}

@media (min-width:992px) {
    .o-home-cn-details_box5 a h5 span {
        display: inline
    }
}

.o-home-cn-details_box6 {
    background-color: #4a90e2;
    width: 49%;
    margin-right: 0
}

@media (min-width:992px) {
    .o-home-cn-details_box6 {
        width: 20%;
        min-height: 225px;
        margin-right: 1%
    }
}

.o-home-cn-details_box6 a {
    text-align: left;
    padding: 80px 15px 20px 15px
}

@media (min-width:992px) {
    .o-home-cn-details_box6 a {
        padding: 90px 0 0 50px
    }
}

.o-home-cn-details_box6 a:before {
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/home/details-icon-6.png) no-repeat 0 0;
    width: 56px;
    height: 53px;
    left: 15px;
    right: inherit;
    top: 25px;
    position: absolute
}

@media (min-width:992px) {
    .o-home-cn-details_box6 a:before {
        left: 50px;
        top: 40px
    }
}

.o-home-cn-details_box7 {
    width: 49%;
    border: 1px solid #ccc;
    margin-right: 10px
}

@media (min-width:992px) {
    .o-home-cn-details_box7 {
        width: 19%;
        min-height: 225px;
        margin-right: 1%
    }
}

.o-home-cn-details_box7 a {
    text-align: left;
    padding: 92px 15px 20px 15px
}

@media (min-width:992px) {
    .o-home-cn-details_box7 a {
        padding: 95px 15px 20px 35px
    }
}

.o-home-cn-details_box7 a:before {
    position: absolute;
    left: 15px;
    right: inherit;
    top: 25px;
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/home/details-icon-7.png) no-repeat 0 0;
    width: 140px;
    height: 65px
}

@media (min-width:992px) {
    .o-home-cn-details_box7 a:before {
        left: 35px
    }
}

.o-home-cn-details_box7 h3 {
    margin-top: 7px
}

@media (min-width:992px) {
    .o-home-cn-details_box7 h3 {
        margin-top: 0
    }
}

.o-home-cn-details_details-box h4 {
    font-size: 15px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .o-home-cn-details_details-box h4 {
        font-family: Montserrat, sans-serif;
        font-size: 22px
    }
}

@media (min-width:992px) {
    .o-home-cn-details {
        padding-top: 50px
    }
}

.o-home-cn-details .btn-center-block {
    padding-top: 15px
}

@media (min-width:992px) {
    .o-home-cn-details .btn-center-block {
        padding-top: 15px
    }
}

.why-details {
    margin-bottom: 10px
}

@media (min-width:992px) {
    .why-details {
        margin-bottom: 32px
    }
}

.why-details ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:992px) {
    .why-details ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.why-details ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: inherit;
    margin: 6px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    padding: 17px 10px 20px 10px;
    border-radius: 5px;
    height: 150px
}

@media screen and (min-width:992px) {
    .why-details ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 18.4%;
        flex: 0 0 18.4%;
        max-width: 18.4%;
        padding: 30px 15px 0 15px;
        height: 225px;
        margin: 3px 3px
    }
}

@media screen and (min-width:1200px) {
    .why-details ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 19.4%;
        flex: 0 0 19.4%;
        max-width: 19.4%;
        padding: 30px 25px 0 35px
    }
}

.why-details ul li a img,
.why-details ul li a svg {
    height: 35px;
    width: auto
}

@media (min-width:992px) {

    .why-details ul li a img,
    .why-details ul li a svg {
        height: 50px;
        width: auto
    }
}

.why-details ul li a i {
    display: block;
    height: 45px;
    width: auto
}

@media (min-width:992px) {
    .why-details ul li a i {
        height: 65px;
        width: auto
    }
}

.why-details ul li img,
.why-details ul li svg {
    height: 35px;
    width: auto
}

@media (min-width:992px) {

    .why-details ul li img,
    .why-details ul li svg {
        height: 50px;
        width: auto
    }
}

.why-details ul li i {
    display: block;
    height: 45px;
    width: auto
}

@media (min-width:992px) {
    .why-details ul li i {
        height: 65px;
        width: auto
    }
}

.why-details ul li:nth-child(1) {
    border: 1px solid #49c684;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media (min-width:992px) {
    .why-details ul li:nth-child(1) {
        -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit
    }
}

.why-details ul li:nth-child(2) {
    background: #4a90e2;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width:992px) {
    .why-details ul li:nth-child(2) {
        -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit
    }
}

.why-details ul li:nth-child(3) {
    background: #009c52;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

@media (min-width:992px) {
    .why-details ul li:nth-child(3) {
        -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit
    }
}

.why-details ul li:nth-child(4) {
    border: 1px solid #4a90e2;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

@media (min-width:992px) {
    .why-details ul li:nth-child(4) {
        -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit
    }
}

.why-details ul li:nth-child(4) a svg {
    height: 30px;
    position: relative;
    top: 5px
}

@media (min-width:992px) {
    .why-details ul li:nth-child(4) a svg {
        height: 40px;
        top: 8px
    }
}

.why-details ul li:nth-child(5) {
    background: #4a90e2;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

@media (min-width:992px) {
    .why-details ul li:nth-child(5) {
        -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit
    }
}

.why-details ul li:nth-child(5) svg {
    position: relative;
    top: 5px
}

@media (min-width:992px) {
    .why-details ul li:nth-child(5) svg {
        top: 0
    }
}

.why-details ul li:nth-child(6) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: inherit;
    background: #fff;
    padding-top: 25px;
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
    border: 1px solid #4a90e2
}

@media screen and (min-width:992px) {
    .why-details ul li:nth-child(6) {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.2%;
        flex: 0 0 37.2%;
        max-width: 37.2%;
        padding-top: 25px;
        padding-left: 30px
    }
}

@media screen and (min-width:1200px) {
    .why-details ul li:nth-child(6) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 39.3%;
        flex: 0 0 39.3%;
        max-width: 39.3%
    }
}

.why-details ul li:nth-child(6) i {
    height: auto
}

.why-details ul li:nth-child(6) a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.why-details ul li:nth-child(6) a img,
.why-details ul li:nth-child(6) a svg {
    width: auto;
    height: 85px;
    padding-right: 20px
}

@media (min-width:992px) {

    .why-details ul li:nth-child(6) a img,
    .why-details ul li:nth-child(6) a svg {
        width: 220px;
        height: auto;
        margin-right: 20px
    }
}

.why-details ul li:nth-child(6) a div:nth-child(1) {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (min-width:520px) {
    .why-details ul li:nth-child(6) a div:nth-child(1) {
        -ms-flex-negative: inherit;
        flex-shrink: inherit
    }
}

.why-details ul li:nth-child(6) h5 {
    padding: 0;
    color: #333
}

.why-details ul li:nth-child(6) ul.inner-icon li {
    -webkit-box-flex: 25px !important;
    -ms-flex: 25px !important;
    flex: 25px !important;
    max-width: 25px !important
}

@media (min-width:992px) {
    .why-details ul li:nth-child(6) ul.inner-icon li {
        -webkit-box-flex: 35px !important;
        -ms-flex: 35px !important;
        flex: 35px !important;
        max-width: 35px !important
    }
}

.why-details ul li:nth-child(6) ul.inner-icon li svg {
    width: 20px
}

@media (min-width:992px) {
    .why-details ul li:nth-child(6) ul.inner-icon li svg {
        width: 30px
    }
}

.why-details ul li:nth-child(6) h4 {
    font-size: 22px;
    line-height: 26px;
    color: #333
}

@media (min-width:992px) {
    .why-details ul li:nth-child(6) h4 {
        font-size: 30px;
        line-height: 40px
    }
}

.why-details ul li:nth-child(7) {
    border: 1px solid #49c684;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

@media (min-width:992px) {
    .why-details ul li:nth-child(7) {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
}

.why-details ul li:nth-child(7) a svg {
    height: 40px
}

@media (min-width:992px) {
    .why-details ul li:nth-child(7) a svg {
        height: 65px
    }
}

.why-details ul li:nth-child(8) {
    background: #1d2942;
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

@media (min-width:992px) {
    .why-details ul li:nth-child(8) {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
}

.why-details ul li:nth-child(8) a svg {
    height: 40px;
    position: relative;
    top: 2px
}

@media (min-width:992px) {
    .why-details ul li:nth-child(8) a svg {
        height: 65px;
        top: 0
    }
}

.why-details ul li:nth-child(9) {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
    border: 1px solid #009c52;
    background: #009c52
}

@media (min-width:992px) {
    .why-details ul li:nth-child(9) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

.why-details ul li:nth-child(9) a svg {
    height: 40px
}

@media (min-width:992px) {
    .why-details ul li:nth-child(9) a svg {
        height: 65px
    }
}

.why-details ul li:nth-child(9) h4 {
    font-size: 15px
}

@media screen and (min-width:992px) {
    .why-details ul li:nth-child(9) h4 {
        font-size: 18px
    }
}

@media screen and (min-width:1200px) {
    .why-details ul li:nth-child(9) h4 {
        font-size: 23px
    }
}

.why-details ul li h4 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    margin-bottom: 2px;
    color: #fff
}

@media (min-width:992px) {
    .why-details ul li h4 {
        font-size: 36px;
        line-height: 36px;
        padding: 5px 0 5px
    }
}

.why-details ul li h4.black-text {
    color: #333
}

.why-details ul li h5 {
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #fff
}

@media (min-width:992px) {
    .why-details ul li h5 {
        font-size: 18px;
        font-family: Montserrat, sans-serif;
        font-weight: 600
    }
}

.why-details ul li h5.black-text {
    color: #333
}

.why-details ul li ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (min-width:992px) {
    .why-details ul li ul {
        position: relative;
        top: -8px
    }
}

.why-details ul li ul li {
    border: none !important;
    padding: 0 !important;
    background: 0 0 !important;
    height: auto !important;
    -webkit-box-flex: 35px !important;
    -ms-flex: 35px !important;
    flex: 35px !important;
    max-width: 35px !important;
    margin: 3px !important
}

.why-details ul li ul li a svg {
    margin: 0 !important
}

.why-details ul li .inner-icon li svg {
    margin: 0 !important
}

.fact-section .why-details ul li:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media (min-width:992px) {
    .fact-section .why-details ul li:nth-child(1) {
        -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit
    }
}

.fact-section .why-details ul li:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width:992px) {
    .fact-section .why-details ul li:nth-child(2) {
        -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit
    }
}

.fact-section .why-details ul li:nth-child(3) {
    background: 0 0;
    border: 1px solid #4a90e2;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

@media (min-width:992px) {
    .fact-section .why-details ul li:nth-child(3) {
        -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit
    }
}

.fact-section .why-details ul li:nth-child(4) {
    border: 0;
    background: #009c52;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

@media (min-width:992px) {
    .fact-section .why-details ul li:nth-child(4) {
        -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit
    }
}

.fact-section .why-details ul li:nth-child(4) svg {
    position: relative;
    top: 5px
}

@media (min-width:992px) {
    .fact-section .why-details ul li:nth-child(4) svg {
        top: 9px
    }
}

.fact-section .why-details ul li:nth-child(5) {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

@media (min-width:992px) {
    .fact-section .why-details ul li:nth-child(5) {
        -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit
    }
}

.fact-section .why-details ul li:nth-child(5) svg {
    top: 3px;
    position: relative
}

@media (min-width:992px) {
    .fact-section .why-details ul li:nth-child(5) svg {
        top: 0
    }
}

@media (min-width:992px) {
    .fact-section .why-details ul li:nth-child(6) {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
}

@media (min-width:992px) {
    .fact-section .why-details ul li:nth-child(8) {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
}

@media (min-width:992px) {
    .fact-section .why-details ul li:nth-child(7) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

.fact-section .why-details ul li:nth-child(9) {
    background: #009c52
}

@media (min-width:992px) {
    .fact-section .why-details ul li:nth-child(9) {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
}

@media (min-width:992px) {
    .top-dev .o-skills-hero {
        padding-bottom: 80px !important
    }
}

.o-case-studies-slider {
    position: relative;
    padding: 45px 0 25px
}

@media (min-width:992px) {
    .o-case-studies-slider {
        padding: 70px 0 55px
    }
}

.o-case-studies-slider .case-studies-slider {
    width: 100%;
    padding: 0
}

.o-case-studies-slider .case-studies-slider .slick-prev {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/previous-arrow.png) no-repeat 0 0;
    width: 21px;
    height: 42px;
    text-indent: -10000px;
    position: absolute;
    top: 50%;
    z-index: 999;
    display: none
}

.o-case-studies-slider .case-studies-slider .slick-prev:disabled {
    display: none
}

.o-case-studies-slider .case-studies-slider .slick-prev svg {
    display: none
}

.o-case-studies-slider .case-studies-slider .slick-next {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/next-arrow.png) no-repeat 0 0;
    width: 21px;
    height: 42px;
    text-indent: -10000px;
    position: absolute;
    top: 50%;
    display: none
}

.o-case-studies-slider .case-studies-slider .slick-next:disabled {
    display: none
}

.o-case-studies-slider .case-studies-slider .slick-next svg {
    display: none
}

.o-case-studies-slider .case-studies-slider.slick-initialized {
    visibility: visible
}

.o-case-studies-slider .cs-slider {
    overflow: hidden
}

@media (min-width:992px) {
    .o-case-studies-slider .cs-slider {
        background-color: #fff
    }
}

.o-case-studies-slider .cs-slider .cs-slider-text {
    padding: 20px 20px 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    background-color: #fff;
    -webkit-box-shadow: 1px 0 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 0 3px 0 rgba(0, 0, 0, .1)
}

@media (min-width:992px) {
    .o-case-studies-slider .cs-slider .cs-slider-text {
        padding: 50px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        height: 498px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.o-case-studies-slider .cs-slider .cs-slider-text h4 {
    position: relative;
    font-size: 22px;
    line-height: 28px;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-family: Montserrat, sans-serif;
    display: none
}

@media (min-width:992px) {
    .o-case-studies-slider .cs-slider .cs-slider-text h4 {
        font-family: Montserrat, sans-serif;
        color: #27c070
    }
}

.o-case-studies-slider .cs-slider .cs-slider-text h4:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background-color: #27c070
}

@media (min-width:992px) {
    .o-case-studies-slider .cs-slider .cs-slider-text h4:before {
        background-color: #14df7d;
        height: 4px
    }
}

.o-case-studies-slider .cs-slider .cs-slider-text h3,
.o-case-studies-slider .cs-slider .cs-slider-text h5 {
    font-size: 20px;
    font-weight: 600
}

@media (min-width:992px) {

    .o-case-studies-slider .cs-slider .cs-slider-text h3,
    .o-case-studies-slider .cs-slider .cs-slider-text h5 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px
    }
}

.o-case-studies-slider .cs-slider .cs-slider-text .cs-tech {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    margin-bottom: 5px
}

@media (min-width:992px) {
    .o-case-studies-slider .cs-slider .cs-slider-text .cs-tech {
        font-family: Montserrat, sans-serif;
        font-size: 19px;
        line-height: 30px;
        margin-bottom: 25px
    }
}

.o-case-studies-slider .cs-slider .cs-slider-text .cs-tech span {
    color: #333;
    font-weight: 600
}

@media (min-width:992px) {
    .o-case-studies-slider .cs-slider .cs-slider-text .cs-tech span {
        color: #14df7d
    }
}

.o-case-studies-slider .cs-slider .cs-slider-text p {
    font-size: 16px;
    line-height: 23px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .o-case-studies-slider .cs-slider .cs-slider-text p {
        font-size: 19px;
        line-height: 30px;
        font-family: Montserrat, sans-serif
    }
}

.o-case-studies-slider .cs-slider .cs-slider-text a {
    text-transform: uppercase;
    color: #27c070;
    font-size: 15px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-green.png) no-repeat 100% 50%;
    padding-right: 30px
}

@media (min-width:992px) {
    .o-case-studies-slider .cs-slider .cs-slider-text a {
        color: #27c070;
        display: inline-block
    }
}

.o-case-studies-slider .cs-slider .cs-slider-img {
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:992px) {
    .o-case-studies-slider .cs-slider .cs-slider-img {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (min-width:992px) {
    .o-case-studies-slider .splide .cs-slider {
        background: 0 0
    }
}

@media (min-width:992px) {
    .o-case-studies-slider .splide .cs-slider .cs-slider-img picture {
        display: inline-block;
        height: 100%
    }
}

@media (min-width:992px) {
    .o-case-studies-slider .splide .cs-slider .cs-slider-img picture img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width:992px) {
    .o-case-studies-slider .splide .cs-slider .cs-slider-img img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.o-case-studies-slider .splide .splide__track:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

@media (min-width:992px) {
    .o-case-studies-slider .splide .splide__track {
        background-color: #fff;
        -webkit-box-shadow: 4px 4px 30px -2px rgba(0, 0, 0, .1);
        box-shadow: 4px 4px 30px -2px rgba(0, 0, 0, .1)
    }
}

@media (min-width:992px) {
    .o-case-studies-slider .splide .splide__pagination {
        margin-top: 30px !important
    }
}

.o-case-studies-slider .px-4 {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin: auto
}

@media (min-width:992px) {
    .o-case-studies-slider .px-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
}

.o-case-studies-slider .btn {
    max-width: 195px;
    padding: 20px 0
}

.o-case-studies-slider a.btn.btn-orange.c-btn.non-cta {
    background: 0 0;
    color: #333;
    font-weight: 500;
    border: 0;
    font-size: 16px;
    text-decoration: underline;
    width: auto;
    margin-top: 0;
    padding-top: 0;
    text-transform: initial
}

@media (min-width:992px) {
    .o-case-studies-slider a.btn.btn-orange.c-btn.non-cta {
        font-size: 18px;
        margin-top: 0
    }
}

.o-case-studies-slider a.btn.btn-orange.c-btn.non-cta:after {
    display: none
}

@media (min-width:992px) {
    .cs-slider {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.cs-slider img {
    -o-object-fit: cover;
    object-fit: cover
}

.grt-slider-box.slick-slide {
    height: auto
}

.case-studies-slider .owl-stage-outer {
    -webkit-box-shadow: 4px 4px 30px -2px rgba(0, 0, 0, .2);
    box-shadow: 4px 4px 30px -2px rgba(0, 0, 0, .2);
    background: #fff
}

.case-studies-slider .owl-dots {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 30px
}

.case-studies-slider .owl-dots .owl-dot {
    width: 7px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    background: #9b9b9b;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer
}

.case-studies-slider .owl-dots .owl-dot.active {
    background: #49c684;
    width: 10px;
    height: 10px
}

.hm-case-study .owl-stage-outer {
    height: auto
}

@media screen and (min-width:992px) {
    .hm-case-study .owl-stage-outer {
        height: 498px
    }
}

@media screen and (min-width:992px) {
    .cs-height {
        height: 800px
    }
}

.cs-cont.invisible {
    display: none !important
}

.stack-list li {
    background-color: #fff;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0 5px 20px;
    position: relative;
    padding: 120px 10px 0;
    font-size: 20px;
    color: #333;
    font-weight: 500;
    vertical-align: top;
    z-index: 9;
    position: relative;
    width: 44%;
    font-size: 18px;
    padding: 100px 10px 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 13px 15px;
    height: 79px;
    position: relative;
    box-shadow: 0 0 12px #a8a8a880;
    -webkit-box-shadow: 0 0 12px #a8a8a880;
    -moz-box-shadow: 0 0 12px #a8a8a880
}

.stack-list li:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/home/home-arrow.png);
    width: 22px;
    height: 22px
}

.no-webp .o-industrial-experience__listed-items ul li:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/common-sprite.png)
}

.webp .o-industrial-experience__listed-items ul li:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/webp/common/common-sprite.html)
}

.o-industrial-experience {
    text-align: center;
    position: relative;
    display: none
}

@media (min-width:992px) {
    .o-industrial-experience {
        display: block
    }
}

.o-industrial-experience .subheading {
    font-size: 20px;
    line-height: 32px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

@media (min-width:992px) {
    .o-industrial-experience .subheading {
        font-size: 30px;
        line-height: 36px;
        color: #333;
        margin-bottom: 20px;
        margin: 15px 0 0
    }
}

.o-industrial-experience__listed-items ul li {
    display: inline-block;
    padding: 15px;
    vertical-align: top;
    position: relative;
    margin-bottom: 35px;
    width: 40%
}

@media (min-width:992px) {
    .o-industrial-experience__listed-items ul li {
        width: 24%
    }
}

.o-industrial-experience__listed-items ul li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: none
}

.o-industrial-experience__listed-items ul li img {
    margin-bottom: 20px
}

.o-industrial-experience__listed-items ul li:nth-child(1):before {
    background-position: 0 0
}

.o-industrial-experience__listed-items ul li:nth-child(2):before {
    background-position: -60px 0
}

.o-industrial-experience__listed-items ul li:nth-child(3):before {
    background-position: -120px 0
}

.o-industrial-experience__listed-items ul li:nth-child(4):before {
    background-position: -180px 0
}

.o-industrial-experience__listed-items ul li:nth-child(5):before {
    background-position: -240px 0
}

.o-industrial-experience__listed-items ul li:nth-child(6):before {
    background-position: -300px 0
}

.o-industrial-experience__listed-items ul li:nth-child(7):before {
    background-position: 0 -60px
}

.o-industrial-experience__listed-items ul li:nth-child(8):before {
    background-position: -60px -60px
}

.o-industrial-experience__listed-items ul li:nth-child(9):before {
    background-position: -120px -60px
}

.o-industrial-experience__listed-items ul li:nth-child(10):before {
    background-position: -180px -60px
}

.o-industrial-experience__listed-items ul li:nth-child(11):before {
    background-position: -240px -60px
}

.o-industrial-experience__listed-items ul li:nth-child(12):before {
    background-position: -300px -60px
}

.o-industrial-experience__listed-items ul li p {
    font-size: 15px;
    color: #333;
    margin-bottom: 0;
    font-weight: 500;
    font-family: Montserrat, sans-serif !important
}

@media (min-width:992px) {
    .o-industrial-experience__listed-items ul li p {
        font-size: 19px
    }
}

.o-industrial-experience__listed-items ul li p a {
    color: #333
}

.hm-page .o-industrial-experience__listed-items ul li p {
    font-family: Montserrat, sans-serif !important
}

.industry-banner .header_right_pan .skill-page-mod li {
    background: 0 0;
    border: none;
    border-radius: 0;
    margin: 0
}

.industry-banner .header_right_pan .skill-page-mod li img {
    width: auto
}

.real-google-reviews {
    position: relative;
    background: #fbfbfb;
    padding: 50px 0 45px
}

@media (min-width:992px) {
    .real-google-reviews {
        padding: 80px 0 50px
    }
}

.real-google-reviews .review-top {
    padding-bottom: 5px
}

.real-google-reviews .review-top h2 {
    font-size: 30px;
    margin-top: 15px
}

@media (min-width:992px) {
    .real-google-reviews .review-top h2 {
        font-size: 36px;
        margin-top: 0
    }
}

.real-google-reviews .review-top h3 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    max-width: 530px;
    margin: 0 auto 20px
}

@media (min-width:992px) {
    .real-google-reviews .review-top h3 {
        font-size: 20px;
        line-height: 32px
    }
}

.real-google-reviews .review-top h3.review-new-sub-heading {
    max-width: 100%
}

@media (min-width:992px) {
    .real-google-reviews .review-top {
        padding-bottom: 0
    }
}

.real-google-reviews h5.pad-top-50 {
    padding-top: 0
}

@media (min-width:992px) {
    .real-google-reviews h5.pad-top-50 {
        padding-top: 50px
    }
}

.real-google-reviews ul.slick-dots {
    margin-top: 0
}

@media (min-width:992px) {
    .real-google-reviews ul.slick-dots {
        margin-top: 30px
    }
}

.new-review-box {
    background-color: #fff;
    border: 2px solid #c8c7cc;
    position: relative;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 30px 30px 30px 30px;
    text-align: center
}

@media (min-width:992px) {
    .new-review-box {
        text-align: left;
        padding: 50px 30px 30px 30px
    }
}

.new-review-box h3 {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 26px;
    margin-top: 20px;
    font-weight: 500
}

.new-review-box h3 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    max-width: 530px;
    margin: 0 auto 20px
}

.new-review-box {
    background-color: #fff;
    border: 2px solid #c8c7cc;
    position: relative;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 35px 15px 30px 15px;
    text-align: center
}

@media (min-width:992px) {
    .new-review-box {
        text-align: left;
        padding: 35px 30px 30px 30px
    }
}

.new-review-box h3 {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 26px;
    margin-top: 10px;
    font-weight: 500
}

@media (min-width:992px) {
    .new-review-box h3 {
        margin-top: 20px
    }
}

.new-review-box .clint-details {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 10px
}

@media (min-width:992px) {
    .new-review-box .clint-details {
        font-size: 14px
    }
}

.new-review-box .clint-details strong {
    color: #333
}

.new-review-box h4 {
    color: #4a90e2;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .new-review-box h4 {
        font-family: Montserrat, sans-serif;
        font-size: 23px;
        line-height: 32px
    }
}

.new-review-box i {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -40px;
    border: 5px solid #fbfbfb
}

@media (min-width:992px) {
    .new-review-box i {
        left: 25px;
        right: inherit
    }
}

.new-review-box i img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0;
    top: 0
}

.i-new-review-box {
    padding: 45px 30px 30px 30px
}

@media (min-width:992px) {
    .i-new-review-box {
        margin-top: 40px
    }
}

.review-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0
}

@media (min-width:992px) {
    .review-icon {
        width: 80%;
        margin: 20px auto 0
    }
}

.review-icon li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    margin: 20px 10px 0 !important;
    font-size: 0;
    line-height: 0
}

@media (min-width:992px) {
    .review-icon li {
        margin: 0 20px 30px !important
    }
}

.review-icon li a {
    display: block;
    height: auto
}

.review-icon li:nth-child(1) a svg {
    overflow: inherit
}

.review-icon li:nth-child(4) {
    display: none
}

@media (min-width:992px) {
    .review-icon li:nth-child(4) {
        display: block
    }
}

.review-icon:nth-child(1) {
    background-position: 0 -200px;
    width: 139px
}

.review-icon:nth-child(2) {
    background-position: -160px -200px;
    width: 139px
}

.no-webp .grt-slider-box:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/common-sprite.png)
}

.webp .grt-slider-box:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/webp/common/common-sprite.html)
}

.grt-slider-box:before {
    position: absolute;
    left: 0;
    right: 0;
    top: -30px;
    content: "";
    width: 73px;
    height: 73px;
    background-color: #ccc;
    z-index: 1;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 0 0
}

@media (min-width:992px) {
    .grt-slider-box:before {
        left: 50px;
        right: inherit;
        margin: 0
    }
}

.star li {
    display: inline-block;
    padding: 0 2px
}

.grt-slider .slick-list {
    padding-top: 10px
}

@media (min-width:992px) {
    .grt-slider .slick-list {
        padding-top: 0
    }
}

.grt-slider .splide__pagination {
    position: static;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.grt-slider .splide__pagination .splide__pagination__page.is-active {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    background: #27c070
}

.client-img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -40px
}

@media (min-width:992px) {
    .client-img {
        left: 25px;
        right: inherit;
        margin: 0
    }
}

.grt-slider-box:before {
    position: absolute;
    left: 0;
    top: -30px;
    content: "";
    width: 73px;
    height: 73px;
    background-color: #fff;
    z-index: 1;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: none
}

@media (min-width:992px) {
    .grt-slider-box:before {
        left: 50px
    }
}

.grt-slider-box:nth-child(1):before {
    background-position: 0 -680px
}

.grt-slider-box:nth-child(2):before {
    background-position: -107px -680px
}

.grt-slider-box:nth-child(3):before {
    background-position: -214px -680px
}

.grt-slider-box:nth-child(4):before {
    background-position: -107px -680px
}

.grt-slider-box:nth-child(5):before {
    background-position: -213px -680px
}

.grt-slider-box:after {
    position: absolute;
    right: 50px;
    bottom: 6px;
    content: "";
    width: 41px;
    height: 31px;
    z-index: 1;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/quote.png) no-repeat 0 0;
    display: none
}

@media (min-width:992px) {
    .grt-slider-box:after {
        display: block
    }
}

.col-md-4.grt-slider-box {
    position: relative;
    padding: 0 15px;
    margin: 34px 0 0
}

.grt-slider .splide__list {
    width: auto
}

.grt-slider .splide__list .grt-slider-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.grt-slider.is-active .splide__list .grt-slider-box {
    display: block
}

.grt-slider.is-active .splide__list .grt-slider-mobile-box {
    margin: 40px 0 0
}

.grt-slider .old-review-pagination {
    display: block !important;
    text-align: center;
    margin: 0 0 20px
}

.new-grt-slider .owl-dots {
    text-align: center;
    margin-bottom: 30px
}

.new-grt-slider .owl-dots .owl-dot {
    width: 7px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    background: #9b9b9b;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer
}

.new-grt-slider .owl-dots .owl-dot.active {
    background: #49c684;
    width: 10px;
    height: 10px
}

.trust-pilot-widget-wrapper .trustpilot-widget-mod {
    top: 32px;
    left: 10px
}

.trust-pilot-widget-wrapper-industry .trustpilot-widget-mod {
    top: 17px;
    left: 10px
}

.bottom-trustpilot-widget-wrapper .span#reviews-summary {
    color: #fff
}

.bottom-trustpilot-widget-wrapper .custom-trustpilot {
    background-color: #f0f0f0;
    color: #333
}

.bottom-trustpilot-widget-wrapper .custom-trustpilot a {
    color: #0073e6
}

.no-webp .o-bottom-form .form-text ul li {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/common-sprite.png)
}

.webp .o-bottom-form .form-text ul li {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/webp/common/common-sprite.html)
}

.o-bottom-form {
    background: linear-gradient(135deg, #00b35c 0, #0b8a8a 47%, #004475 100%);
    position: relative
}

@media (min-width:992px) {
    .o-bottom-form {
        overflow: hidden
    }
}

.o-bottom-form .container {
    position: relative;
    z-index: 9
}

.o-bottom-form .form-text {
    background-color: #1d2942;
    width: 100%;
    float: none;
    color: #fff;
    text-align: left;
    padding: 40px 30% 15px 35px;
    position: relative
}

@media (min-width:992px) {
    .o-bottom-form .form-text {
        width: 50%;
        float: left;
        padding: 70px 60px;
        margin-top: 0
    }
}

.o-bottom-form .form-text:before {
    content: '';
    background: #1d2942;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    bottom: -12px;
    left: 35px
}

@media (min-width:992px) {
    .o-bottom-form .form-text:before {
        display: none
    }
}

.o-bottom-form .form-text:after {
    content: '';
    position: absolute;
    top: 45px;
    right: 5px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/b-form-envelop.html) no-repeat center center/90%;
    width: 159px;
    height: 159px
}

@media (min-width:992px) {
    .o-bottom-form .form-text:after {
        display: none
    }
}

.o-bottom-form .form-text h2 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    color: #fff
}

@media (min-width:992px) {
    .o-bottom-form .form-text h2 {
        font-size: 36px;
        line-height: 53px
    }
}

.o-bottom-form .form-text .form-bot-text {
    display: none
}

@media (min-width:992px) {
    .o-bottom-form .form-text .form-bot-text {
        display: block
    }
}

.o-bottom-form .form-text ul {
    display: none
}

@media (min-width:992px) {
    .o-bottom-form .form-text ul {
        display: block
    }
}

.o-bottom-form .form-text ul li {
    display: inline-block;
    text-align: center;
    padding-top: 70px;
    width: 72px;
    background-repeat: no-repeat;
    background-position: 50% 0
}

.o-bottom-form .form-text ul li.am-1 {
    background-position: 0 -570px
}

.o-bottom-form .form-text ul li.am-2 {
    background-position: -73px -570px
}

.o-bottom-form .form-text ul li.am-3 {
    background-position: -149px -570px
}

.o-bottom-form .form-text ul li.am-4 {
    background-position: -228px -570px
}

.o-bottom-form .form-text ul li.am-5 {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/ray.png);
    background-size: 100%
}

.o-bottom-form .form-text p {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 13px
}

.o-bottom-form .form-text p.sub-heading {
    font-size: 16px;
    line-height: 23px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .o-bottom-form .form-text p.sub-heading {
        font-size: 19px;
        line-height: 32px;
        font-family: Montserrat, sans-serif
    }
}

.o-bottom-form .form-text p.subheading-1 {
    font-size: 24px;
    margin: 0 0 10px 0;
    font-family: Montserrat, sans-serif
}

.o-bottom-form .form-text .form-bot-text {
    border-top: 1px solid #364462;
    margin-top: 60px;
    padding-top: 60px
}

.o-bottom-form .form-panel {
    width: 100%;
    float: none;
    padding: 20px 20px 40px;
    background-color: #fff
}

@media (min-width:992px) {
    .o-bottom-form .form-panel {
        width: 50%;
        float: left;
        padding: 60px
    }
}

.common-input {
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #333;
    background-color: transparent
}

.u-name {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-1.png) 0 50% no-repeat
}

.u-email {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-2.png) 0 50% no-repeat
}

.u-phone {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-3.png) 0 50% no-repeat
}

.u-company {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-4.png) 0 50% no-repeat
}

.u-message {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-5.png) 0 20px no-repeat
}

.attach {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-6.png) 0 20px no-repeat;
    padding: 20px 20px 20px 40px
}

.webp .hm-page .mb-w-tr-pt:before {
    display: none
}

@media (min-width:992px) {
    .webp .hm-page .mb-w-tr-pt:before {
        display: block
    }
}

#bottom-form ::-webkit-input-placeholder {
    color: #3b3b3b;
    opacity: 1;
    font-weight: 400
}

.form-left {
    width: 100%;
    float: left;
    padding: 30px;
    margin-top: 0;
    background-color: #1d2942;
    color: #fff
}

@media (min-width:992px) {
    .form-left {
        width: 50%;
        padding: 70px 60px 46px
    }
}

.form-left ul {
    padding-bottom: 0;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .form-left ul {
        padding-bottom: 40px;
        margin-bottom: 40px;
        border-bottom: 1px solid #515151
    }
}

.form-left ul li {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .form-left ul li {
        margin-bottom: 0
    }
}

.form-left ul li .bottom-form-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .form-left ul li .bottom-form-img {
        width: 45px;
        height: 45px
    }
}

@media screen and (min-width:992px) {
    .form-left ul li .bottom-form-img {
        width: 80px;
        height: 80px
    }
}

.form-left ul li span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding-top: 10px
}

@media screen and (min-width:768px) {
    .form-left ul li span {
        font-size: 12px
    }
}

@media screen and (min-width:992px) {
    .form-left ul li span {
        font-size: 15px
    }
}

.form-left ul li img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 100%
}

.form-left p {
    font-size: 16px
}

@media screen and (min-width:992px) {
    .form-left p {
        font-size: 14px
    }
}

.form-bottom-sec {
    display: inline-block;
    width: 58%;
    font-size: 12px;
    line-height: 18px;
    vertical-align: top;
    margin-bottom: 32px
}

@media screen and (min-width:992px) {
    .form-bottom-sec {
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (min-width:1200px) {
    .form-bottom-sec {
        font-size: 16px;
        line-height: 24px
    }
}

.form-bottom-sec:nth-child(1) {
    width: 40%
}

.form-bottom-sec:nth-child(3) {
    width: 40%
}

.form-bottom-head {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    display: block;
    vertical-align: top;
    margin-bottom: 5px;
    color: #fff
}

@media screen and (min-width:992px) {
    .form-bottom-head {
        font-size: 20px;
        line-height: 32px
    }
}

@media screen and (min-width:1200px) {
    .form-bottom-head {
        font-size: 26px;
        line-height: 32px
    }
}

.form-icon {
    margin-right: 15px;
    margin-bottom: 10px;
    width: 54px;
    display: inline-block;
    vertical-align: top
}

@media screen and (min-width:768px) {
    .form-icon {
        width: 40px;
        margin-right: 10px
    }
}

@media screen and (min-width:992px) {
    .form-icon {
        width: 35px;
        margin-bottom: 0;
        text-align: center;
        margin-right: 20px
    }
}

@media screen and (min-width:1200px) {
    .form-icon {
        width: 54px
    }
}

.form-txt-pan {
    display: inline-block;
    width: 100%;
    color: #b9c6d0;
    font-weight: 500
}

@media screen and (min-width:420px) {
    .form-txt-pan {
        width: 65%
    }
}

@media (min-width:992px) {
    .form-txt-pan {
        width: 70%
    }
}

.form-bottom-sec:nth-child(1) .form-txt-pan,
.form-bottom-sec:nth-child(3) .form-txt-pan {
    width: 60%;
    display: block
}

@media screen and (min-width:420px) {

    .form-bottom-sec:nth-child(1) .form-txt-pan,
    .form-bottom-sec:nth-child(3) .form-txt-pan {
        width: 40%;
        display: inherit
    }
}

@media screen and (min-width:1200px) {

    .form-bottom-sec:nth-child(1) .form-txt-pan,
    .form-bottom-sec:nth-child(3) .form-txt-pan {
        width: 55%
    }
}

.o-bottom-form h2 {
    padding: 40px 30px 20px
}

@media (min-width:992px) {
    .o-bottom-form h2 {
        padding: 0
    }
}

.form-sub-heading {
    font-size: 18px;
    line-height: 24px;
    padding: 0 30px;
    font-weight: 600
}

@media (min-width:992px) {
    .form-sub-heading {
        font-size: 30px;
        line-height: 40px
    }
}

.form-sub-heading br {
    display: none
}

@media (min-width:992px) {
    .form-sub-heading br {
        display: block
    }
}

.confidential-text-wrap {
    margin-top: -10px
}

.confidential-text-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.confidential-text-wrap ul li {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    position: relative;
    padding: 0 7px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.confidential-text-wrap ul li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #6eb9c8;
    right: 0;
    top: 0
}

.confidential-text-wrap ul li:last-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.confidential-text-wrap ul li:last-child:after {
    display: none
}

.confidential-text-wrap ul li img {
    width: 12px;
    height: 12px;
    margin-right: 6px
}

.confidential-text-wrap__inverse {
    margin-top: 15px;
    text-align: center
}

.confidential-text-wrap__inverse ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 5px
}

.confidential-text-wrap__inverse ul li {
    color: #000;
    font-size: 15px;
    width: auto;
    padding: 2px 10px
}

@media screen and (min-width:992px) {
    .confidential-text-wrap__inverse ul li {
        padding: 2px 10px;
        font-size: 14px
    }
}

.confidential-text-wrap__inverse ul li:first-child {
    padding-left: 0
}

@media screen and (min-width:992px) {
    .confidential-text-wrap__inverse ul li:first-child {
        padding: 0 10px
    }
}

.confidential-text-wrap__inverse ul li:last-child {
    padding-right: 0
}

@media screen and (min-width:992px) {
    .confidential-text-wrap__inverse ul li:last-child {
        padding: 0 10px
    }
}

.confidential-text-wrap__inverse ul li:after {
    background-color: #d8d8d8
}

.o-contact-form__attachement-text {
    font-size: 16px
}

@media screen and (min-width:992px) {
    .o-contact-form__attachement-text {
        font-size: 13px
    }
}

.o-awards {
    color: #333;
    position: relative;
    padding: 70px 0 50px;
    display: none;
    background-color: #fff;
    position: relative;
    text-align: center
}

@media (min-width:992px) {
    .o-awards {
        display: block;
        padding: 70px 0 15px
    }
}

.o-awards .awards-list li {
    display: inline-block;
    padding: 20px 20px;
    vertical-align: middle
}

.o-awards .awards-list li a {
    display: block
}

.o-awards .awards-list--pos {
    position: relative;
    left: -5px
}

.no-webp .o-footer .social-footer-divider--social-pan li a {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/common-sprite.png)
}

.webp .o-footer .social-footer-divider--social-pan li a {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/webp/common/common-sprite.html)
}

.no-webp .o-footer .social-footer-divider--social-pan li.social-behance a {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/behance-sprite.jpg);
    background-repeat: no-repeat
}

.webp .o-footer .social-footer-divider--social-pan li.social-behance a {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/webp/common/behance-sprite.html);
    background-repeat: no-repeat
}

.o-footer {
    background-color: #fff;
    padding: 40px 0;
    text-align: center
}

@media (min-width:992px) {
    .o-footer {
        padding: 0 0 40px
    }
}

.o-footer .social-footer-divider {
    position: relative;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 50px
}

@media (min-width:992px) {
    .o-footer .social-footer-divider {
        margin-bottom: 40px;
        border-bottom: 1px solid #ccc;
        border-top: 0
    }
}

.o-footer .social-footer-divider--social-pan {
    padding: 30px 0 30px
}

@media (min-width:992px) {
    .o-footer .social-footer-divider--social-pan {
        padding: 40px 0
    }
}

.o-footer .social-footer-divider--social-pan li {
    display: inline-block;
    margin: 0 5px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    background-size: 100%
}

.o-footer .social-footer-divider--social-pan li a {
    line-height: 44px;
    width: 44px;
    height: 44px;
    display: block;
    cursor: pointer;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    text-indent: -10000px
}

.o-footer .social-footer-divider--social-pan li a .display-vissable {
    display: inline-block
}

.o-footer .social-footer-divider--social-pan li a .display-hidden {
    display: none
}

.o-footer .social-footer-divider--social-pan li a:hover .display-vissable {
    display: none
}

.o-footer .social-footer-divider--social-pan li a:hover .display-hidden {
    display: inline-block
}

.o-footer .social-footer-divider--social-pan li.social-1 a {
    background-position: -4px -342px
}

.o-footer .social-footer-divider--social-pan li.social-1 a:hover {
    background-position: -59px -342px
}

.o-footer .social-footer-divider--social-pan li.social-2 a {
    background-position: -112px -342px
}

.o-footer .social-footer-divider--social-pan li.social-2 a:hover {
    background-position: -168px -342px
}

.o-footer .social-footer-divider--social-pan li.new-twitter-icon a,
.o-footer .social-footer-divider--social-pan li.social-2 a {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/new-twitter-icon-group.png);
    background-position: 10px 11px;
    background-repeat: no-repeat
}

.o-footer .social-footer-divider--social-pan li.new-twitter-icon a:hover,
.o-footer .social-footer-divider--social-pan li.social-2 a:hover {
    background-position: -32px 11px
}

.o-footer .social-footer-divider--social-pan li.social-3 a {
    background-position: -222px -342px
}

.o-footer .social-footer-divider--social-pan li.social-3 a:hover {
    background-position: -277px -342px
}

.o-footer .social-footer-divider--social-pan li.social-4 a {
    background-position: -5px -377px
}

.o-footer .social-footer-divider--social-pan li.social-4 a:hover {
    background-position: -56px -377px
}

.o-footer .social-footer-divider--social-pan li.social-5 a {
    background-position: -112px -376px
}

.o-footer .social-footer-divider--social-pan li.social-5 a:hover {
    background-position: -166px -376px
}

.o-footer .social-footer-divider--social-pan li.social-6 a {
    background-position: -222px -376px
}

.o-footer .social-footer-divider--social-pan li.social-6 a:hover {
    background-position: -274px -376px
}

.o-footer .social-footer-divider--social-pan li.social-behance a {
    background-position: 8px 12px
}

.o-footer .social-footer-divider--social-pan li.social-behance a:hover {
    background-position: -55px 12px
}

.o-footer--copyright {
    padding: 40px 20px 5px
}

@media (min-width:992px) {
    .o-footer--copyright {
        text-align: left;
        padding: 0 20px
    }
}

.o-footer--copyright ul {
    overflow: hidden
}

.o-footer--copyright ul li {
    display: inline-block;
    border-left: 1px solid #dfdfdf;
    padding: 0 10px;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500
}

@media (min-width:992px) {
    .o-footer--copyright ul li {
        font-size: 12px
    }
}

.o-footer--copyright ul li:first-child {
    border-left: 0;
    padding: 0 10px 0 0
}

.o-footer--copyright ul li a {
    color: #333
}

.o-footer--copyright ul li a:hover {
    text-decoration: underline
}

.o-footer--copyright p {
    margin-top: 20px;
    text-align: center;
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

@media (min-width:992px) {
    .o-footer--copyright p {
        margin: 0;
        font-size: 12px;
        line-height: 20px;
        text-align: left
    }
}

.o-footer--copyright p span {
    display: block
}

@media (min-width:992px) {
    .o-footer--copyright p span {
        display: inline-block
    }
}

.o-footer .dmca-badge {
    margin-top: 2px
}

.new-footer {
    background: #091b38;
    padding: 35px 0 40px;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-footer {
        padding: 50px 0 50px
    }
}

.new-footer__small--mobile .bottom-col-wrap__left-border {
    border-top: 1px solid #194b83;
    border-left: none;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 40px
}

@media screen and (min-width:768px) {
    .new-footer__small--mobile .bottom-col-wrap__left-border {
        border-top: none;
        border-left: 1px solid #194b83;
        padding-left: 20px;
        padding-right: 0;
        margin-top: 0
    }
}

@media screen and (min-width:768px) {
    .new-footer {
        text-align: left;
        padding: 40px 0 50px
    }
}

.new-footer h6 {
    font-size: 16px;
    line-height: 23px;
    color: #e4ecf5;
    font-weight: 500;
    display: block;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .new-footer h6 {
        margin-bottom: .5rem
    }
}

.new-footer h5 {
    font-size: 16px;
    line-height: 23px;
    color: #e4ecf5;
    font-weight: 500;
    display: block;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .new-footer h5 {
        margin-bottom: .5rem
    }
}

.new-footer-ul {
    vertical-align: text-top;
    margin-bottom: 0;
    padding: 15px 15px 10px
}

@media screen and (min-width:768px) {
    .new-footer-ul {
        margin-top: 25px;
        padding: 0;
        margin-bottom: 10px
    }
}

.new-footer-ul li {
    padding: 5px 0
}

@media screen and (min-width:768px) {
    .new-footer-ul li {
        padding: 0
    }
}

.new-footer-ul li a {
    color: #aec7da;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    line-height: 25px
}

@media screen and (min-width:768px) {
    .new-footer-ul li a {
        font-size: 13px
    }
}

.new-footer-ul li a:hover {
    color: #2dbe70
}

@media screen and (min-width:768px) {
    .new-footer-ul__link {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        color: #fff
    }
}

.new-footer-ul__link li a {
    color: #fff
}

@media (min-width:992px) {
    .new-footer-ul-mr {
        margin-right: 50px
    }
}

.new-footer-ul:first-child {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .new-footer-ul:first-child {
        margin-bottom: 25px
    }
}

@media screen and (min-width:768px) {
    .new-footer__small {
        padding: 25px 0
    }
}

.col-wrap p {
    color: #aec7da;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 27px;
    margin-top: 25px
}

@media screen and (min-width:992px) {
    .col-wrap p {
        font-size: 13px;
        line-height: 25px;
        margin-top: 35px
    }
}

.bottom-col-wrap__left-border {
    border-left: 1px solid #194b83;
    padding-left: 20px
}

.bottom-col-wrap ul {
    margin-bottom: 10px;
    margin-top: 13px
}

.bottom-col-wrap ul li {
    display: inline-block
}

.bottom-col-wrap ul li a {
    position: relative;
    padding: 0 10px
}

.bottom-col-wrap ul li a:before {
    content: '';
    position: absolute;
    background: #aec7da;
    height: 12px;
    width: 1px;
    top: 3px;
    right: -2px
}

.bottom-col-wrap ul li:first-child a {
    padding-left: 0
}

.bottom-col-wrap ul li:last-child a:before {
    display: none
}

.bottom-col-wrap p {
    color: #aec7da;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .bottom-col-wrap p {
        font-size: 13px;
        line-height: 25px
    }
}

.new-social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

@media screen and (min-width:768px) {
    .new-social-links {
        margin-bottom: 25px
    }
}

@media (min-width:992px) {
    .new-social-links {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 0;
        max-width: 86%
    }
}

.new-social-links li:first-child {
    padding-left: 0
}

.new-social-links li:last-child {
    padding-right: 0
}

.new-social-links li a:hover svg circle,
.new-social-links li a:hover svg path {
    stroke: #2dbe70
}

.new-social-links li a svg {
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.new-social-links li a:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(61%) sepia(10%) saturate(2494%) hue-rotate(95deg) brightness(97%) contrast(96%);
    filter: brightness(0) saturate(100%) invert(61%) sepia(10%) saturate(2494%) hue-rotate(95deg) brightness(97%) contrast(96%);
    -webkit-transition: .5 all ease-out;
    transition: .5 all ease-out
}

.new-social-links li a img {
    -webkit-transition: .5 all ease-in;
    transition: .5 all ease-in
}

.dmca {
    text-align: center;
    padding-top: 40px
}

@media (min-width:992px) {
    .dmca {
        text-align: right
    }
}

.footer-btm-line {
    margin: 20px 0 40px;
    padding: 0;
    background: #979797;
    height: 1px;
    opacity: .3
}

@media (min-width:992px) {
    .footer-btm-line {
        margin: 60px 0 40px
    }
}

@media screen and (min-width:992px) {
    .new-footer-ul-mod {
        margin-top: 15px
    }
}

.ol-text {
    margin-top: 25px
}

.footer-address-box {
    background: #122a52;
    padding: 40px 40px 40px;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%
}

@media screen and (min-width:992px) {
    .footer-address-box {
        margin-bottom: 75px
    }
}

.footer-address-box-top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    min-height: 35px
}

@media screen and (min-width:768px) {
    .footer-address-box-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.footer-address-box-top img {
    width: 23px;
    height: 23px;
    margin: 0 auto 15px;
    display: block
}

@media screen and (min-width:768px) {
    .footer-address-box-top img {
        display: inherit;
        margin-right: 10px;
        margin-bottom: 0
    }
}

.footer-address-box-top h4 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0
}

.footer-address-box-top h4 span {
    display: block;
    font-size: 13px;
    color: #aec7da;
    text-transform: capitalize
}

.footer-address-box p {
    font-size: 13px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 20px
}

.footer-address-box p a {
    color: #aec7da
}

.footer-address-box h5 {
    font-size: 16px;
    margin-bottom: 0
}

.footer-address-box h5 a {
    color: #36e079
}

.ft-menu {
    background: #223a63;
    padding: 10px 15px
}

@media screen and (min-width:768px) {
    .ft-menu {
        background: 0 0;
        padding: 0;
        margin-bottom: 0
    }
}

.ft-menu:before {
    display: block;
    content: '+';
    width: 18px;
    height: 15px;
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 26px
}

@media screen and (min-width:768px) {
    .ft-menu:before {
        display: none
    }
}

.ft-menu.ft-menu-mod:before {
    display: block;
    content: '-';
    width: 18px;
    height: 15px;
    position: absolute;
    top: 9px;
    right: 5px
}

@media screen and (min-width:768px) {
    .ft-menu.ft-menu-mod:before {
        display: none
    }
}

.cd {
    display: none
}

@media screen and (min-width:768px) {
    .cd {
        display: block
    }
}

.ft-menu-bg {
    background-color: #122a52;
    text-align: left;
    padding: 0
}

@media screen and (min-width:768px) {
    .ft-menu-bg {
        background: 0 0;
        padding: 0;
        text-align: inherit;
        margin-bottom: 0;
        border-radius: 0
    }
}

.ft-menu-bg ul {
    position: relative
}

.ft-menu-bg ul:before {
    content: '';
    position: absolute;
    background: #223a63;
    height: 15px;
    width: 15px;
    top: -7px;
    left: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width:768px) {
    .ft-menu-bg ul:before {
        display: none
    }
}

.ft-menu-bg-one {
    margin-bottom: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .ft-menu-bg-one {
        margin-bottom: 0
    }
}

.ft-menu-bg-two {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden
}

.new-location-heading {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0
}

.new-location-area-row {
    margin-bottom: 35px
}

@media screen and (min-width:992px) {
    .new-location-area-row {
        margin-bottom: 58px
    }
}

.new-location-area-row .padding-25 {
    padding: 25px 30px
}

@media screen and (min-width:992px) {
    .new-location-area-row .footer-location-table {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.new-location-area-row .footer-location-table .new-location-border-divider {
    border-bottom: 1px solid #244375;
    border-right: 0
}

@media screen and (min-width:992px) {
    .new-location-area-row .footer-location-table .new-location-border-divider {
        border-right: 1px solid #244375;
        border-bottom: 0
    }
}

.new-location-area-row .footer-location-table .footer-location {
    text-align: center;
    border: 1px solid #244375;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .new-location-area-row .footer-location-table .footer-location {
        margin-top: 20px
    }
}

.new-location-area-row .footer-location-table .location-top-heading {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
    padding: 20px;
    border-bottom: 1px solid #244375;
    font-size: 18px
}

@media screen and (min-width:992px) {
    .new-location-area-row .footer-location-table .location-top-heading {
        font-size: 16px
    }
}

.new-location-area-row .footer-location-table .footer-location-body p {
    color: #aec7da;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .new-location-area-row .footer-location-table .footer-location-body p {
        font-size: 13px;
        line-height: 22px
    }
}

.new-location-area-row .footer-location-table .footer-location-body p.margin-bottom-15 {
    margin-bottom: 15px
}

.new-location-area-row .footer-location-table .footer-location-body .location-heading-area {
    color: #fff;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .new-location-area-row .footer-location-table .footer-location-body .location-heading-area {
        font-size: 16px
    }
}

.new-location-area-row .footer-location-table .footer-location-body .location-icon {
    margin-bottom: 20px;
    min-height: 64px
}

.new-location-area-row .footer-location-table .new-location-tel {
    color: #00b54a;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid transparent
}

.new-location-area-row .footer-location-table .new-location-tel:hover {
    border-bottom: 1px solid #00b54a
}

.footer-divider-role {
    color: #4166a1;
    margin: 10px 0 30px
}

@media screen and (min-width:992px) {
    .footer-divider-role {
        margin: 25px 0 30px
    }
}

.contact-new-location {
    background-color: #f1f1f1;
    border-top: #979797;
    position: relative;
    z-index: 0
}

.contact-new-location .contact-new-location-box-spacing-right {
    padding-right: 40px
}

.contact-new-location .contact-location-spacing-new {
    padding: 40px 15px;
    position: relative;
    z-index: 99
}

@media screen and (min-width:992px) {
    .contact-new-location .contact-location-spacing-new {
        padding: 90px 15px
    }
}

.contact-new-location .contact-new-location-top-heading {
    font-size: 28px;
    line-height: 28px;
    color: #333;
    font-weight: 600
}

.contact-new-location .contact-new-location-country {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .contact-new-location .contact-new-location-country {
        margin-top: 50px
    }
}

.contact-new-location .contact-new-location-country .contact-country-flag-icon {
    margin-right: 12px
}

.contact-new-location .contact-new-location-country .contact-new-location-heading {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px
}

.contact-new-location .contact-new-location-box.contact-new-location-box-spacing {
    margin-left: 48px
}

.contact-new-location .contact-new-location-box.contact-new-location-box-spacing-mobile {
    margin-left: 48px
}

@media screen and (min-width:992px) {
    .contact-new-location .contact-new-location-box.contact-new-location-box-spacing-mobile {
        margin-left: 0
    }
}

.contact-new-location .contact-new-location-box.contact-new-location-box-spacing-mobile.margin-top-30 {
    margin-top: 30px
}

@media screen and (min-width:992px) {
    .contact-new-location .contact-new-location-box.contact-new-location-box-spacing-mobile.margin-top-30 {
        margin-top: 0
    }
}

.contact-new-location .contact-new-location-box .contact-new-location-area {
    font-size: 16px;
    font-weight: 600;
    color: #292929;
    line-height: 16px;
    margin-bottom: 12px;
    margin-top: 15px
}

.contact-new-location .contact-new-location-box p {
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    color: #333;
    margin-bottom: 0
}

.contact-new-location .contact-new-location-box p.margin-bottom-20 {
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .contact-new-location .contact-new-location-box p.margin-bottom-20 {
        margin-bottom: 20px
    }
}

.contact-new-location .contact-new-location-box .contact-new-location-tel {
    font-size: 16px;
    font-weight: 700;
    color: #00c04c;
    line-height: 16px;
    border-bottom: 1px solid transparent
}

.contact-new-location .contact-new-location-box .contact-new-location-tel:hover {
    border-bottom: 1px solid #00b54a
}

@media screen and (min-width:1921px) {
    .contact-new-location .contact-main-office-img-container {
        padding-right: 0
    }
}

.contact-new-location .new-location-main-office-building-img {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left center;
    object-position: left center;
    left: 0;
    z-index: 0;
    background: #ededed;
    opacity: .2
}

@media screen and (min-width:992px) {
    .contact-new-location .new-location-main-office-building-img {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 50vw;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center bottom;
        object-position: center bottom;
        max-height: 100%;
        height: 100%;
        left: auto;
        opacity: 1
    }
}

@media screen and (min-width:1921px) {
    .contact-new-location .new-location-main-office-building-img {
        position: relative
    }
}

.new-contact-location .new-location-area-row,
.new-contact-location .new-location-heading {
    display: none
}

.footer-location {
    width: 100%
}

@media screen and (min-width:992px) {
    .col-md-4-text .col-wrap {
        padding-right: 25px
    }
}

@media screen and (min-width:1280px) {
    .col-md-4-text .col-wrap {
        padding-right: 35px
    }
}

.quickform-holder {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 99999999;
    padding: 0;
    width: 95%;
    height: 100vh;
    overflow: auto;
    overflow-x: hidden
}

@media (min-width:992px) {
    .quickform-holder {
        width: 754px;
        bottom: 0;
        left: inherit;
        margin: 0;
        top: inherit;
        height: auto;
        overflow: initial;
        right: 3%;
        z-index: 999999
    }
}

.quickform-holder .big-girl {
    position: absolute;
    left: -100%;
    top: 60px;
    z-index: 1;
    width: 245px;
    display: none
}

@media (min-width:992px) {
    .quickform-holder .big-girl {
        left: 7%;
        top: 20px
    }
}

.quickform-holder .small-girl {
    float: right
}

.quickform-holder .qi-btn-holder {
    text-align: right;
    height: 68px
}

@media (min-width:992px) {
    .quickform-holder .qi-btn-holder {
        height: 102px
    }
}

.quickform-holder .qi-btn-holder .qi-btn {
    display: none;
    vertical-align: top;
    border-radius: 4px;
    background: #3be06e;
    padding: 0;
    position: relative;
    width: 60px;
    margin-bottom: 10px;
    text-align: left;
    text-transform: capitalize;
    -webkit-box-shadow: 0 0 5px 0 rgba(51, 51, 51, .5);
    box-shadow: 0 0 5px 0 rgba(51, 51, 51, .5);
    border-radius: 50%;
    height: 60px;
    background: #1383c8;
    background: linear-gradient(135deg, #1383c8 0, #00cdd2 100%);
    bottom: 0
}

@media (min-width:992px) {
    .quickform-holder .qi-btn-holder .qi-btn {
        width: 45%;
        height: auto;
        border-radius: 4px;
        padding: 10px;
        display: inline-block
    }
}

.quickform-holder .qi-btn-holder .qi-btn i {
    width: 30px;
    height: 25px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/icon-plus.png) no-repeat 50% 50%;
    border-radius: 0;
    position: absolute;
    right: 20px;
    top: 15px;
    display: none
}

@media (min-width:992px) {
    .quickform-holder .qi-btn-holder .qi-btn i {
        display: inline-block
    }
}

.quickform-holder .qi-btn-holder .qi-btn.plus {
    display: inline-block
}

.quickform-holder .qi-btn-holder .qi-btn.plus i {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/slide-form-minus-white.svg) no-repeat
}

@media screen and (min-width:992px) {
    .quickform-holder .qi-btn-holder .qi-btn.plus i {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/slide-form-minus-black.svg) no-repeat
    }
}

.quickform-holder .qi-btn-holder .qi-btn span {
    padding-top: 7px;
    padding-left: 10px;
    vertical-align: top;
    font-weight: 500;
    font-size: 20px;
    width: 230px;
    line-height: 26px;
    display: none;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .quickform-holder .qi-btn-holder .qi-btn span {
        display: inline-block
    }
}

.quickform-holder .qi-btn-holder .qi-btn.plus {
    position: relative;
    top: 26px;
    z-index: 100;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.quickform-holder .qi-btn-holder .qi-btn.plus i {
    display: block;
    position: relative;
    right: -25px;
    top: 43px;
    opacity: .8
}

@media (min-width:992px) {
    .quickform-holder .qi-btn-holder .qi-btn.plus i {
        right: 15px;
        top: 100px;
        position: absolute
    }
}

.quickform-holder .qi-btn-holder .qi-btn.plus img {
    display: none
}

.quickform-holder .qi-btn-holder .qi-btn.plus span {
    display: none
}

.quickform-holder .qi-btn-holder .qi-btn.plus:after {
    display: none
}

@media (min-width:992px) {
    .quickform-holder .qi-btn-holder .qi-btn:after {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #2fc9d2;
        position: absolute;
        content: "";
        right: 20px;
        bottom: -9px;
        display: none
    }
}

.quickform-holder .quickform {
    overflow: auto;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px 0 rgba(51, 51, 51, .5);
    box-shadow: 0 0 6px 0 rgba(51, 51, 51, .5);
    position: relative;
    bottom: 0;
    display: block
}

@media (min-width:992px) {
    .quickform-holder .quickform {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.quickform-holder .quickform .s-f-left {
    background: #183059
}

@media (min-width:992px) {
    .quickform-holder .quickform .s-f-left {
        float: left;
        width: 50%
    }
}

.quickform-holder .quickform .s-f-left .calender {
    padding: 40px 20px 20px 20px
}

@media (min-width:992px) {
    .quickform-holder .quickform .s-f-left .calender {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/s-f-left-date.png) no-repeat 0 0;
        padding: 163px 20px 39px 20px
    }
}

.quickform-holder .quickform .s-f-left .calender .girl {
    position: absolute;
    left: 70px;
    top: 0;
    height: 388px
}

.quickform-holder .quickform .s-f-left .calender .text {
    z-index: 1;
    position: relative
}

.quickform-holder .quickform .s-f-left .calender .text1 {
    z-index: 1;
    position: relative;
    margin: 0 auto;
    display: block;
    padding: 25px 0 7px
}

.quickform-holder .quickform .s-f-right {
    float: none;
    width: 100%;
    background-color: #fff;
    position: relative;
    padding-bottom: 15px
}

@media (min-width:992px) {
    .quickform-holder .quickform .s-f-right {
        float: right;
        width: 50%
    }
}

.quickform-holder .quickform .s-f-right h6 {
    color: #325153;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/s-f-right-arrow.png) no-repeat 200px 31px #fff;
    padding: 20px 0 20px 20px;
    background-size: 31px
}

.quickform-holder .quickform .s-f-right h2 {
    color: #325153;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/s-f-right-arrow.png) no-repeat 200px 31px #fff;
    padding: 20px 0 5px 30px;
    background-size: 22px
}

.quickform-holder .quickform .s-f-right .s-f-right-bottom {
    background-color: #dbf1f3;
    overflow: hidden;
    padding: 20px 20px 6px 20px;
    display: none
}

@media (min-width:992px) {
    .quickform-holder .quickform .s-f-right .s-f-right-bottom {
        display: block
    }
}

.quickform-holder .quickform .s-f-right .s-f-right-bottom ul li {
    float: left;
    width: 41%;
    min-height: 70px;
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 14px;
    margin-left: 20px
}

.quickform-holder .quickform .s-f-right .s-f-right-bottom ul li img {
    display: block;
    margin-bottom: 5px
}

.tranparent-bg {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 10000000;
    left: 0;
    top: 0;
    display: none
}

@media screen and (min-width:992px) {
    .tranparent-bg {
        z-index: 10000
    }
}

.consultation {
    background: rgba(7, 22, 35, .9);
    padding: 16px 20px;
    text-align: center;
    position: relative;
    z-index: 99;
    max-width: 339px;
    margin: 0 auto;
    z-index: 99
}

@media screen and (min-width:992px) {
    .consultation {
        margin: 165px auto 0
    }
}

.consultation h5 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .consultation h5 {
        font-size: 26px;
        line-height: 35px
    }
}

.consultation h5 span {
    color: #27eb99
}

.sliding-form-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 0 0 30px
}

@media screen and (min-width:992px) {
    .sliding-form-icon {
        padding: 25px 0 0 30px
    }
}

.sliding-form-icon li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 15px;
    padding-right: 15px
}

@media screen and (min-width:992px) {
    .sliding-form-icon li {
        margin-bottom: 25px
    }
}

.sliding-form-icon li i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31px;
    flex: 0 0 31px;
    margin-right: 15px
}

.sliding-form-icon li h6 {
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    margin-bottom: 0
}

.form-modal-z-index {
    z-index: 9999999
}

.o-skills-hero {
    position: relative;
    overflow: hidden;
    padding: 100px 0 60px
}

@media (min-width:992px) {
    .o-skills-hero {
        padding: 115px 20px 45px !important
    }
}

.o-skills-hero h1 {
    color: #fff;
    font-size: 32px
}

@media (min-width:992px) {
    .o-skills-hero h1 {
        font-size: 48px
    }
}

.o-skills-hero h2 {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    padding: 0 0 20px;
    margin-top: 20px !important
}

@media (min-width:992px) {
    .o-skills-hero h2 {
        padding: 10px 0 20px;
        font-size: 28px;
        line-height: 38px;
        margin-top: 0 !important
    }
}

.o-skills-hero h2 span {
    display: block
}

@media (min-width:992px) {
    .o-skills-hero h2 span {
        display: inline
    }
}

.o-skills-hero__schdule h1 {
    font-size: 30px;
    text-transform: inherit !important
}

@media (min-width:992px) {
    .o-skills-hero__schdule h1 {
        font-size: 47px;
        line-height: 60px
    }
}

.o-skills-hero__schdule h2 {
    font-size: 20px;
    font-weight: 500 !important
}

@media (min-width:992px) {
    .o-skills-hero__schdule h2 {
        font-size: 25px;
        line-height: 35px
    }
}

.o-skills-hero__schdule .header_right_pan h2 {
    font-size: 18px
}

@media (min-width:992px) {
    .o-skills-hero__schdule .header_right_pan h2 {
        font-size: 24px !important;
        line-height: 35px
    }
}

.o-skills-hero__schdule .header_right_pan h3 {
    font-size: 18px
}

@media (min-width:992px) {
    .o-skills-hero__schdule .header_right_pan h3 {
        font-size: 21px !important;
        line-height: 35px;
        padding-bottom: 0;
        margin-top: 20px
    }
}

.o-skills-hero__schdule .header_right_pan .or {
    background-color: #091b38;
    width: 30px;
    height: 30px;
    font-size: 11px;
    line-height: 30px;
    color: #fff;
    border-radius: 50%;
    margin: 10px auto 0
}

.o-skills-hero p {
    color: #93fff1;
    font-family: Montserrat, sans-serif
}

.header_left_pan {
    text-align: center
}

@media (min-width:992px) {
    .header_left_pan {
        text-align: left
    }
}

.header_left_pan .award-logo {
    margin: 0 auto;
    padding: 0 0 20px 0
}

.header_left_pan p {
    display: none
}

@media (min-width:992px) {
    .header_left_pan p {
        font-size: 20px;
        line-height: 33px;
        display: block;
        font-weight: 600
    }
}

.header_left_pan ul {
    display: none
}

@media (min-width:992px) {
    .header_left_pan ul {
        display: block
    }
}

.header_left_pan ul li {
    font-size: 17px;
    padding-left: 30px;
    padding-bottom: 10px;
    position: relative;
    color: #fff;
    font-weight: 500
}

.header_left_pan ul li:before {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/tick.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100%
}

@media (min-width:992px) {
    .header_left_pan ul li:before {
        top: 4px
    }
}

.new-award div {
    display: inline-block;
    margin: 0 20px 30px
}

.schedule-box {
    padding: 40px 14px 15px;
    position: relative
}

@media (min-width:992px) {
    .schedule-box {
        padding: 40px 30px 15px 30px
    }
}

.schedule-box p {
    color: #fff
}

.schedule-box h3 {
    font-size: 20px;
    padding-bottom: 10px
}

.schedule-box :before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/skills-lets-talk.png) no-repeat 0 0
}

.sub-text {
    font-size: 19px;
    border-bottom: 2px dotted #14df7d;
    padding: 20px 0
}

.Android .o-skills-hero,
.Angular .o-skills-hero,
.Backend-Development .o-skills-hero,
.CodeIgniter .o-skills-hero,
.Django .o-skills-hero,
.Drupal .o-skills-hero,
.Flask .o-skills-hero,
.Flutter .o-skills-hero,
.Ionic .o-skills-hero,
.Laravel .o-skills-hero,
.MEAN .o-skills-hero,
.MERN .o-skills-hero,
.Magento .o-skills-hero,
.NodeJS .o-skills-hero,
.PHP .o-skills-hero,
.Python .o-skills-hero,
.React .o-skills-hero,
.React-Native .o-skills-hero,
.ReactJs .o-skills-hero,
.Shopify .o-skills-hero,
.Swift .o-skills-hero,
.Symfony .o-skills-hero,
.VueJS .o-skills-hero,
.WooCommerce .o-skills-hero,
.WordPress .o-skills-hero,
.dotnet .o-skills-hero,
.front-end-development .o-skills-hero,
.hybrid .o-skills-hero,
.iOS .o-skills-hero {
    padding-bottom: 20px;
    padding-top: 100px
}

@media (min-width:992px) {

    .Android .o-skills-hero,
    .Angular .o-skills-hero,
    .Backend-Development .o-skills-hero,
    .CodeIgniter .o-skills-hero,
    .Django .o-skills-hero,
    .Drupal .o-skills-hero,
    .Flask .o-skills-hero,
    .Flutter .o-skills-hero,
    .Ionic .o-skills-hero,
    .Laravel .o-skills-hero,
    .MEAN .o-skills-hero,
    .MERN .o-skills-hero,
    .Magento .o-skills-hero,
    .NodeJS .o-skills-hero,
    .PHP .o-skills-hero,
    .Python .o-skills-hero,
    .React .o-skills-hero,
    .React-Native .o-skills-hero,
    .ReactJs .o-skills-hero,
    .Shopify .o-skills-hero,
    .Swift .o-skills-hero,
    .Symfony .o-skills-hero,
    .VueJS .o-skills-hero,
    .WooCommerce .o-skills-hero,
    .WordPress .o-skills-hero,
    .dotnet .o-skills-hero,
    .front-end-development .o-skills-hero,
    .hybrid .o-skills-hero,
    .iOS .o-skills-hero {
        padding: 65px 20px 0 !important
    }
}

@media (min-width:992px) {

    .Android .o-skills-hero h1,
    .Angular .o-skills-hero h1,
    .Backend-Development .o-skills-hero h1,
    .CodeIgniter .o-skills-hero h1,
    .Django .o-skills-hero h1,
    .Drupal .o-skills-hero h1,
    .Flask .o-skills-hero h1,
    .Flutter .o-skills-hero h1,
    .Ionic .o-skills-hero h1,
    .Laravel .o-skills-hero h1,
    .MEAN .o-skills-hero h1,
    .MERN .o-skills-hero h1,
    .Magento .o-skills-hero h1,
    .NodeJS .o-skills-hero h1,
    .PHP .o-skills-hero h1,
    .Python .o-skills-hero h1,
    .React .o-skills-hero h1,
    .React-Native .o-skills-hero h1,
    .ReactJs .o-skills-hero h1,
    .Shopify .o-skills-hero h1,
    .Swift .o-skills-hero h1,
    .Symfony .o-skills-hero h1,
    .VueJS .o-skills-hero h1,
    .WooCommerce .o-skills-hero h1,
    .WordPress .o-skills-hero h1,
    .dotnet .o-skills-hero h1,
    .front-end-development .o-skills-hero h1,
    .hybrid .o-skills-hero h1,
    .iOS .o-skills-hero h1 {
        margin-bottom: 15px !important
    }
}

.Android .o-skills-hero h2,
.Angular .o-skills-hero h2,
.Backend-Development .o-skills-hero h2,
.CodeIgniter .o-skills-hero h2,
.Django .o-skills-hero h2,
.Drupal .o-skills-hero h2,
.Flask .o-skills-hero h2,
.Flutter .o-skills-hero h2,
.Ionic .o-skills-hero h2,
.Laravel .o-skills-hero h2,
.MEAN .o-skills-hero h2,
.MERN .o-skills-hero h2,
.Magento .o-skills-hero h2,
.NodeJS .o-skills-hero h2,
.PHP .o-skills-hero h2,
.Python .o-skills-hero h2,
.React .o-skills-hero h2,
.React-Native .o-skills-hero h2,
.ReactJs .o-skills-hero h2,
.Shopify .o-skills-hero h2,
.Swift .o-skills-hero h2,
.Symfony .o-skills-hero h2,
.VueJS .o-skills-hero h2,
.WooCommerce .o-skills-hero h2,
.WordPress .o-skills-hero h2,
.dotnet .o-skills-hero h2,
.front-end-development .o-skills-hero h2,
.hybrid .o-skills-hero h2,
.iOS .o-skills-hero h2 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 15px;
    font-weight: 600
}

@media screen and (min-width:992px) {

    .Android .o-skills-hero h2,
    .Angular .o-skills-hero h2,
    .Backend-Development .o-skills-hero h2,
    .CodeIgniter .o-skills-hero h2,
    .Django .o-skills-hero h2,
    .Drupal .o-skills-hero h2,
    .Flask .o-skills-hero h2,
    .Flutter .o-skills-hero h2,
    .Ionic .o-skills-hero h2,
    .Laravel .o-skills-hero h2,
    .MEAN .o-skills-hero h2,
    .MERN .o-skills-hero h2,
    .Magento .o-skills-hero h2,
    .NodeJS .o-skills-hero h2,
    .PHP .o-skills-hero h2,
    .Python .o-skills-hero h2,
    .React .o-skills-hero h2,
    .React-Native .o-skills-hero h2,
    .ReactJs .o-skills-hero h2,
    .Shopify .o-skills-hero h2,
    .Swift .o-skills-hero h2,
    .Symfony .o-skills-hero h2,
    .VueJS .o-skills-hero h2,
    .WooCommerce .o-skills-hero h2,
    .WordPress .o-skills-hero h2,
    .dotnet .o-skills-hero h2,
    .front-end-development .o-skills-hero h2,
    .hybrid .o-skills-hero h2,
    .iOS .o-skills-hero h2 {
        margin-top: 0;
        font-size: 20px;
        line-height: 32px
    }
}

@media screen and (min-width:1200px) {

    .Android .o-skills-hero h2,
    .Angular .o-skills-hero h2,
    .Backend-Development .o-skills-hero h2,
    .CodeIgniter .o-skills-hero h2,
    .Django .o-skills-hero h2,
    .Drupal .o-skills-hero h2,
    .Flask .o-skills-hero h2,
    .Flutter .o-skills-hero h2,
    .Ionic .o-skills-hero h2,
    .Laravel .o-skills-hero h2,
    .MEAN .o-skills-hero h2,
    .MERN .o-skills-hero h2,
    .Magento .o-skills-hero h2,
    .NodeJS .o-skills-hero h2,
    .PHP .o-skills-hero h2,
    .Python .o-skills-hero h2,
    .React .o-skills-hero h2,
    .React-Native .o-skills-hero h2,
    .ReactJs .o-skills-hero h2,
    .Shopify .o-skills-hero h2,
    .Swift .o-skills-hero h2,
    .Symfony .o-skills-hero h2,
    .VueJS .o-skills-hero h2,
    .WooCommerce .o-skills-hero h2,
    .WordPress .o-skills-hero h2,
    .dotnet .o-skills-hero h2,
    .front-end-development .o-skills-hero h2,
    .hybrid .o-skills-hero h2,
    .iOS .o-skills-hero h2 {
        font-size: 28px;
        line-height: 38px
    }
}

@media (min-width:992px) {

    .Android .o-skills-hero .header_left_pan,
    .Angular .o-skills-hero .header_left_pan,
    .Backend-Development .o-skills-hero .header_left_pan,
    .CodeIgniter .o-skills-hero .header_left_pan,
    .Django .o-skills-hero .header_left_pan,
    .Drupal .o-skills-hero .header_left_pan,
    .Flask .o-skills-hero .header_left_pan,
    .Flutter .o-skills-hero .header_left_pan,
    .Ionic .o-skills-hero .header_left_pan,
    .Laravel .o-skills-hero .header_left_pan,
    .MEAN .o-skills-hero .header_left_pan,
    .MERN .o-skills-hero .header_left_pan,
    .Magento .o-skills-hero .header_left_pan,
    .NodeJS .o-skills-hero .header_left_pan,
    .PHP .o-skills-hero .header_left_pan,
    .Python .o-skills-hero .header_left_pan,
    .React .o-skills-hero .header_left_pan,
    .React-Native .o-skills-hero .header_left_pan,
    .ReactJs .o-skills-hero .header_left_pan,
    .Shopify .o-skills-hero .header_left_pan,
    .Swift .o-skills-hero .header_left_pan,
    .Symfony .o-skills-hero .header_left_pan,
    .VueJS .o-skills-hero .header_left_pan,
    .WooCommerce .o-skills-hero .header_left_pan,
    .WordPress .o-skills-hero .header_left_pan,
    .dotnet .o-skills-hero .header_left_pan,
    .front-end-development .o-skills-hero .header_left_pan,
    .hybrid .o-skills-hero .header_left_pan,
    .iOS .o-skills-hero .header_left_pan {
        padding-right: 20px
    }
}

.Android .o-skills-hero .header_left_pan img,
.Angular .o-skills-hero .header_left_pan img,
.Backend-Development .o-skills-hero .header_left_pan img,
.CodeIgniter .o-skills-hero .header_left_pan img,
.Django .o-skills-hero .header_left_pan img,
.Drupal .o-skills-hero .header_left_pan img,
.Flask .o-skills-hero .header_left_pan img,
.Flutter .o-skills-hero .header_left_pan img,
.Ionic .o-skills-hero .header_left_pan img,
.Laravel .o-skills-hero .header_left_pan img,
.MEAN .o-skills-hero .header_left_pan img,
.MERN .o-skills-hero .header_left_pan img,
.Magento .o-skills-hero .header_left_pan img,
.NodeJS .o-skills-hero .header_left_pan img,
.PHP .o-skills-hero .header_left_pan img,
.Python .o-skills-hero .header_left_pan img,
.React .o-skills-hero .header_left_pan img,
.React-Native .o-skills-hero .header_left_pan img,
.ReactJs .o-skills-hero .header_left_pan img,
.Shopify .o-skills-hero .header_left_pan img,
.Swift .o-skills-hero .header_left_pan img,
.Symfony .o-skills-hero .header_left_pan img,
.VueJS .o-skills-hero .header_left_pan img,
.WooCommerce .o-skills-hero .header_left_pan img,
.WordPress .o-skills-hero .header_left_pan img,
.dotnet .o-skills-hero .header_left_pan img,
.front-end-development .o-skills-hero .header_left_pan img,
.hybrid .o-skills-hero .header_left_pan img,
.iOS .o-skills-hero .header_left_pan img {
    padding: 0 0 20px;
    margin-bottom: 10px
}

@media (min-width:992px) {

    .Android .o-skills-hero .header_left_pan img,
    .Angular .o-skills-hero .header_left_pan img,
    .Backend-Development .o-skills-hero .header_left_pan img,
    .CodeIgniter .o-skills-hero .header_left_pan img,
    .Django .o-skills-hero .header_left_pan img,
    .Drupal .o-skills-hero .header_left_pan img,
    .Flask .o-skills-hero .header_left_pan img,
    .Flutter .o-skills-hero .header_left_pan img,
    .Ionic .o-skills-hero .header_left_pan img,
    .Laravel .o-skills-hero .header_left_pan img,
    .MEAN .o-skills-hero .header_left_pan img,
    .MERN .o-skills-hero .header_left_pan img,
    .Magento .o-skills-hero .header_left_pan img,
    .NodeJS .o-skills-hero .header_left_pan img,
    .PHP .o-skills-hero .header_left_pan img,
    .Python .o-skills-hero .header_left_pan img,
    .React .o-skills-hero .header_left_pan img,
    .React-Native .o-skills-hero .header_left_pan img,
    .ReactJs .o-skills-hero .header_left_pan img,
    .Shopify .o-skills-hero .header_left_pan img,
    .Swift .o-skills-hero .header_left_pan img,
    .Symfony .o-skills-hero .header_left_pan img,
    .VueJS .o-skills-hero .header_left_pan img,
    .WooCommerce .o-skills-hero .header_left_pan img,
    .WordPress .o-skills-hero .header_left_pan img,
    .dotnet .o-skills-hero .header_left_pan img,
    .front-end-development .o-skills-hero .header_left_pan img,
    .hybrid .o-skills-hero .header_left_pan img,
    .iOS .o-skills-hero .header_left_pan img {
        padding: 40px 0 20px;
        margin-bottom: 0
    }
}

@media (min-width:992px) {

    .Android .o-skills-hero .header_left_pan h2,
    .Angular .o-skills-hero .header_left_pan h2,
    .Backend-Development .o-skills-hero .header_left_pan h2,
    .CodeIgniter .o-skills-hero .header_left_pan h2,
    .Django .o-skills-hero .header_left_pan h2,
    .Drupal .o-skills-hero .header_left_pan h2,
    .Flask .o-skills-hero .header_left_pan h2,
    .Flutter .o-skills-hero .header_left_pan h2,
    .Ionic .o-skills-hero .header_left_pan h2,
    .Laravel .o-skills-hero .header_left_pan h2,
    .MEAN .o-skills-hero .header_left_pan h2,
    .MERN .o-skills-hero .header_left_pan h2,
    .Magento .o-skills-hero .header_left_pan h2,
    .NodeJS .o-skills-hero .header_left_pan h2,
    .PHP .o-skills-hero .header_left_pan h2,
    .Python .o-skills-hero .header_left_pan h2,
    .React .o-skills-hero .header_left_pan h2,
    .React-Native .o-skills-hero .header_left_pan h2,
    .ReactJs .o-skills-hero .header_left_pan h2,
    .Shopify .o-skills-hero .header_left_pan h2,
    .Swift .o-skills-hero .header_left_pan h2,
    .Symfony .o-skills-hero .header_left_pan h2,
    .VueJS .o-skills-hero .header_left_pan h2,
    .WooCommerce .o-skills-hero .header_left_pan h2,
    .WordPress .o-skills-hero .header_left_pan h2,
    .dotnet .o-skills-hero .header_left_pan h2,
    .front-end-development .o-skills-hero .header_left_pan h2,
    .hybrid .o-skills-hero .header_left_pan h2,
    .iOS .o-skills-hero .header_left_pan h2 {
        font-size: 24px;
        line-height: 35px;
        font-weight: 600 !important
    }
}

.Android .o-skills-hero .header_left_pan .skill-page-mod img,
.Angular .o-skills-hero .header_left_pan .skill-page-mod img,
.Backend-Development .o-skills-hero .header_left_pan .skill-page-mod img,
.CodeIgniter .o-skills-hero .header_left_pan .skill-page-mod img,
.Django .o-skills-hero .header_left_pan .skill-page-mod img,
.Drupal .o-skills-hero .header_left_pan .skill-page-mod img,
.Flask .o-skills-hero .header_left_pan .skill-page-mod img,
.Flutter .o-skills-hero .header_left_pan .skill-page-mod img,
.Ionic .o-skills-hero .header_left_pan .skill-page-mod img,
.Laravel .o-skills-hero .header_left_pan .skill-page-mod img,
.MEAN .o-skills-hero .header_left_pan .skill-page-mod img,
.MERN .o-skills-hero .header_left_pan .skill-page-mod img,
.Magento .o-skills-hero .header_left_pan .skill-page-mod img,
.NodeJS .o-skills-hero .header_left_pan .skill-page-mod img,
.PHP .o-skills-hero .header_left_pan .skill-page-mod img,
.Python .o-skills-hero .header_left_pan .skill-page-mod img,
.React .o-skills-hero .header_left_pan .skill-page-mod img,
.React-Native .o-skills-hero .header_left_pan .skill-page-mod img,
.ReactJs .o-skills-hero .header_left_pan .skill-page-mod img,
.Shopify .o-skills-hero .header_left_pan .skill-page-mod img,
.Swift .o-skills-hero .header_left_pan .skill-page-mod img,
.Symfony .o-skills-hero .header_left_pan .skill-page-mod img,
.VueJS .o-skills-hero .header_left_pan .skill-page-mod img,
.WooCommerce .o-skills-hero .header_left_pan .skill-page-mod img,
.WordPress .o-skills-hero .header_left_pan .skill-page-mod img,
.dotnet .o-skills-hero .header_left_pan .skill-page-mod img,
.front-end-development .o-skills-hero .header_left_pan .skill-page-mod img,
.hybrid .o-skills-hero .header_left_pan .skill-page-mod img,
.iOS .o-skills-hero .header_left_pan .skill-page-mod img {
    padding: 0;
    margin: 0
}

@media screen and (min-width:992px) {

    .Android .o-skills-hero .header_left_pan .skill-page-mod img,
    .Angular .o-skills-hero .header_left_pan .skill-page-mod img,
    .Backend-Development .o-skills-hero .header_left_pan .skill-page-mod img,
    .CodeIgniter .o-skills-hero .header_left_pan .skill-page-mod img,
    .Django .o-skills-hero .header_left_pan .skill-page-mod img,
    .Drupal .o-skills-hero .header_left_pan .skill-page-mod img,
    .Flask .o-skills-hero .header_left_pan .skill-page-mod img,
    .Flutter .o-skills-hero .header_left_pan .skill-page-mod img,
    .Ionic .o-skills-hero .header_left_pan .skill-page-mod img,
    .Laravel .o-skills-hero .header_left_pan .skill-page-mod img,
    .MEAN .o-skills-hero .header_left_pan .skill-page-mod img,
    .MERN .o-skills-hero .header_left_pan .skill-page-mod img,
    .Magento .o-skills-hero .header_left_pan .skill-page-mod img,
    .NodeJS .o-skills-hero .header_left_pan .skill-page-mod img,
    .PHP .o-skills-hero .header_left_pan .skill-page-mod img,
    .Python .o-skills-hero .header_left_pan .skill-page-mod img,
    .React .o-skills-hero .header_left_pan .skill-page-mod img,
    .React-Native .o-skills-hero .header_left_pan .skill-page-mod img,
    .ReactJs .o-skills-hero .header_left_pan .skill-page-mod img,
    .Shopify .o-skills-hero .header_left_pan .skill-page-mod img,
    .Swift .o-skills-hero .header_left_pan .skill-page-mod img,
    .Symfony .o-skills-hero .header_left_pan .skill-page-mod img,
    .VueJS .o-skills-hero .header_left_pan .skill-page-mod img,
    .WooCommerce .o-skills-hero .header_left_pan .skill-page-mod img,
    .WordPress .o-skills-hero .header_left_pan .skill-page-mod img,
    .dotnet .o-skills-hero .header_left_pan .skill-page-mod img,
    .front-end-development .o-skills-hero .header_left_pan .skill-page-mod img,
    .hybrid .o-skills-hero .header_left_pan .skill-page-mod img,
    .iOS .o-skills-hero .header_left_pan .skill-page-mod img {
        padding: 20px 0 20px;
        margin-bottom: 0
    }
}

.Android .o-skills-hero .green-head-ribbon,
.Angular .o-skills-hero .green-head-ribbon,
.Backend-Development .o-skills-hero .green-head-ribbon,
.CodeIgniter .o-skills-hero .green-head-ribbon,
.Django .o-skills-hero .green-head-ribbon,
.Drupal .o-skills-hero .green-head-ribbon,
.Flask .o-skills-hero .green-head-ribbon,
.Flutter .o-skills-hero .green-head-ribbon,
.Ionic .o-skills-hero .green-head-ribbon,
.Laravel .o-skills-hero .green-head-ribbon,
.MEAN .o-skills-hero .green-head-ribbon,
.MERN .o-skills-hero .green-head-ribbon,
.Magento .o-skills-hero .green-head-ribbon,
.NodeJS .o-skills-hero .green-head-ribbon,
.PHP .o-skills-hero .green-head-ribbon,
.Python .o-skills-hero .green-head-ribbon,
.React .o-skills-hero .green-head-ribbon,
.React-Native .o-skills-hero .green-head-ribbon,
.ReactJs .o-skills-hero .green-head-ribbon,
.Shopify .o-skills-hero .green-head-ribbon,
.Swift .o-skills-hero .green-head-ribbon,
.Symfony .o-skills-hero .green-head-ribbon,
.VueJS .o-skills-hero .green-head-ribbon,
.WooCommerce .o-skills-hero .green-head-ribbon,
.WordPress .o-skills-hero .green-head-ribbon,
.dotnet .o-skills-hero .green-head-ribbon,
.front-end-development .o-skills-hero .green-head-ribbon,
.hybrid .o-skills-hero .green-head-ribbon,
.iOS .o-skills-hero .green-head-ribbon {
    margin-top: 40px;
    margin-bottom: 10px
}

.Android .skill-service,
.Angular .skill-service,
.Backend-Development .skill-service,
.CodeIgniter .skill-service,
.Django .skill-service,
.Drupal .skill-service,
.Flask .skill-service,
.Flutter .skill-service,
.Ionic .skill-service,
.Laravel .skill-service,
.MEAN .skill-service,
.MERN .skill-service,
.Magento .skill-service,
.NodeJS .skill-service,
.PHP .skill-service,
.Python .skill-service,
.React .skill-service,
.React-Native .skill-service,
.ReactJs .skill-service,
.Shopify .skill-service,
.Swift .skill-service,
.Symfony .skill-service,
.VueJS .skill-service,
.WooCommerce .skill-service,
.WordPress .skill-service,
.dotnet .skill-service,
.front-end-development .skill-service,
.hybrid .skill-service,
.iOS .skill-service {
    border-bottom: 1px solid #dedede
}

@media (min-width:992px) {

    .Android .skill-service,
    .Angular .skill-service,
    .Backend-Development .skill-service,
    .CodeIgniter .skill-service,
    .Django .skill-service,
    .Drupal .skill-service,
    .Flask .skill-service,
    .Flutter .skill-service,
    .Ionic .skill-service,
    .Laravel .skill-service,
    .MEAN .skill-service,
    .MERN .skill-service,
    .Magento .skill-service,
    .NodeJS .skill-service,
    .PHP .skill-service,
    .Python .skill-service,
    .React .skill-service,
    .React-Native .skill-service,
    .ReactJs .skill-service,
    .Shopify .skill-service,
    .Swift .skill-service,
    .Symfony .skill-service,
    .VueJS .skill-service,
    .WooCommerce .skill-service,
    .WordPress .skill-service,
    .dotnet .skill-service,
    .front-end-development .skill-service,
    .hybrid .skill-service,
    .iOS .skill-service {
        border-top: none
    }
}

.Android .skill-service h2,
.Angular .skill-service h2,
.Backend-Development .skill-service h2,
.CodeIgniter .skill-service h2,
.Django .skill-service h2,
.Drupal .skill-service h2,
.Flask .skill-service h2,
.Flutter .skill-service h2,
.Ionic .skill-service h2,
.Laravel .skill-service h2,
.MEAN .skill-service h2,
.MERN .skill-service h2,
.Magento .skill-service h2,
.NodeJS .skill-service h2,
.PHP .skill-service h2,
.Python .skill-service h2,
.React .skill-service h2,
.React-Native .skill-service h2,
.ReactJs .skill-service h2,
.Shopify .skill-service h2,
.Swift .skill-service h2,
.Symfony .skill-service h2,
.VueJS .skill-service h2,
.WooCommerce .skill-service h2,
.WordPress .skill-service h2,
.dotnet .skill-service h2,
.front-end-development .skill-service h2,
.hybrid .skill-service h2,
.iOS .skill-service h2 {
    color: #333
}

.Android .skill-service h3,
.Angular .skill-service h3,
.Backend-Development .skill-service h3,
.CodeIgniter .skill-service h3,
.Django .skill-service h3,
.Drupal .skill-service h3,
.Flask .skill-service h3,
.Flutter .skill-service h3,
.Ionic .skill-service h3,
.Laravel .skill-service h3,
.MEAN .skill-service h3,
.MERN .skill-service h3,
.Magento .skill-service h3,
.NodeJS .skill-service h3,
.PHP .skill-service h3,
.Python .skill-service h3,
.React .skill-service h3,
.React-Native .skill-service h3,
.ReactJs .skill-service h3,
.Shopify .skill-service h3,
.Swift .skill-service h3,
.Symfony .skill-service h3,
.VueJS .skill-service h3,
.WooCommerce .skill-service h3,
.WordPress .skill-service h3,
.dotnet .skill-service h3,
.front-end-development .skill-service h3,
.hybrid .skill-service h3,
.iOS .skill-service h3 {
    color: #333
}

.Android .services-pan i,
.Angular .services-pan i,
.Backend-Development .services-pan i,
.CodeIgniter .services-pan i,
.Django .services-pan i,
.Drupal .services-pan i,
.Flask .services-pan i,
.Flutter .services-pan i,
.Ionic .services-pan i,
.Laravel .services-pan i,
.MEAN .services-pan i,
.MERN .services-pan i,
.Magento .services-pan i,
.NodeJS .services-pan i,
.PHP .services-pan i,
.Python .services-pan i,
.React .services-pan i,
.React-Native .services-pan i,
.ReactJs .services-pan i,
.Shopify .services-pan i,
.Swift .services-pan i,
.Symfony .services-pan i,
.VueJS .services-pan i,
.WooCommerce .services-pan i,
.WordPress .services-pan i,
.dotnet .services-pan i,
.front-end-development .services-pan i,
.hybrid .services-pan i,
.iOS .services-pan i {
    display: block;
    height: 60px
}

.Android .services-pan i img,
.Angular .services-pan i img,
.Backend-Development .services-pan i img,
.CodeIgniter .services-pan i img,
.Django .services-pan i img,
.Drupal .services-pan i img,
.Flask .services-pan i img,
.Flutter .services-pan i img,
.Ionic .services-pan i img,
.Laravel .services-pan i img,
.MEAN .services-pan i img,
.MERN .services-pan i img,
.Magento .services-pan i img,
.NodeJS .services-pan i img,
.PHP .services-pan i img,
.Python .services-pan i img,
.React .services-pan i img,
.React-Native .services-pan i img,
.ReactJs .services-pan i img,
.Shopify .services-pan i img,
.Swift .services-pan i img,
.Symfony .services-pan i img,
.VueJS .services-pan i img,
.WooCommerce .services-pan i img,
.WordPress .services-pan i img,
.dotnet .services-pan i img,
.front-end-development .services-pan i img,
.hybrid .services-pan i img,
.iOS .services-pan i img {
    height: 100%
}

.Android .services-pan h3,
.Angular .services-pan h3,
.Backend-Development .services-pan h3,
.CodeIgniter .services-pan h3,
.Django .services-pan h3,
.Drupal .services-pan h3,
.Flask .services-pan h3,
.Flutter .services-pan h3,
.Ionic .services-pan h3,
.Laravel .services-pan h3,
.MEAN .services-pan h3,
.MERN .services-pan h3,
.Magento .services-pan h3,
.NodeJS .services-pan h3,
.PHP .services-pan h3,
.Python .services-pan h3,
.React .services-pan h3,
.React-Native .services-pan h3,
.ReactJs .services-pan h3,
.Shopify .services-pan h3,
.Swift .services-pan h3,
.Symfony .services-pan h3,
.VueJS .services-pan h3,
.WooCommerce .services-pan h3,
.WordPress .services-pan h3,
.dotnet .services-pan h3,
.front-end-development .services-pan h3,
.hybrid .services-pan h3,
.iOS .services-pan h3 {
    font-size: 20px
}

@media (min-width:992px) {

    .Android .services-pan h3,
    .Angular .services-pan h3,
    .Backend-Development .services-pan h3,
    .CodeIgniter .services-pan h3,
    .Django .services-pan h3,
    .Drupal .services-pan h3,
    .Flask .services-pan h3,
    .Flutter .services-pan h3,
    .Ionic .services-pan h3,
    .Laravel .services-pan h3,
    .MEAN .services-pan h3,
    .MERN .services-pan h3,
    .Magento .services-pan h3,
    .NodeJS .services-pan h3,
    .PHP .services-pan h3,
    .Python .services-pan h3,
    .React .services-pan h3,
    .React-Native .services-pan h3,
    .ReactJs .services-pan h3,
    .Shopify .services-pan h3,
    .Swift .services-pan h3,
    .Symfony .services-pan h3,
    .VueJS .services-pan h3,
    .WooCommerce .services-pan h3,
    .WordPress .services-pan h3,
    .dotnet .services-pan h3,
    .front-end-development .services-pan h3,
    .hybrid .services-pan h3,
    .iOS .services-pan h3 {
        font-size: 24px
    }
}

.Android .skill-why ul.slick-dots,
.Angular .skill-why ul.slick-dots,
.Backend-Development .skill-why ul.slick-dots,
.CodeIgniter .skill-why ul.slick-dots,
.Django .skill-why ul.slick-dots,
.Drupal .skill-why ul.slick-dots,
.Flask .skill-why ul.slick-dots,
.Flutter .skill-why ul.slick-dots,
.Ionic .skill-why ul.slick-dots,
.Laravel .skill-why ul.slick-dots,
.MEAN .skill-why ul.slick-dots,
.MERN .skill-why ul.slick-dots,
.Magento .skill-why ul.slick-dots,
.NodeJS .skill-why ul.slick-dots,
.PHP .skill-why ul.slick-dots,
.Python .skill-why ul.slick-dots,
.React .skill-why ul.slick-dots,
.React-Native .skill-why ul.slick-dots,
.ReactJs .skill-why ul.slick-dots,
.Shopify .skill-why ul.slick-dots,
.Swift .skill-why ul.slick-dots,
.Symfony .skill-why ul.slick-dots,
.VueJS .skill-why ul.slick-dots,
.WooCommerce .skill-why ul.slick-dots,
.WordPress .skill-why ul.slick-dots,
.dotnet .skill-why ul.slick-dots,
.front-end-development .skill-why ul.slick-dots,
.hybrid .skill-why ul.slick-dots,
.iOS .skill-why ul.slick-dots {
    margin-top: 0
}

.Android .skill-frame h2,
.Angular .skill-frame h2,
.Backend-Development .skill-frame h2,
.CodeIgniter .skill-frame h2,
.Django .skill-frame h2,
.Drupal .skill-frame h2,
.Flask .skill-frame h2,
.Flutter .skill-frame h2,
.Ionic .skill-frame h2,
.Laravel .skill-frame h2,
.MEAN .skill-frame h2,
.MERN .skill-frame h2,
.Magento .skill-frame h2,
.NodeJS .skill-frame h2,
.PHP .skill-frame h2,
.Python .skill-frame h2,
.React .skill-frame h2,
.React-Native .skill-frame h2,
.ReactJs .skill-frame h2,
.Shopify .skill-frame h2,
.Swift .skill-frame h2,
.Symfony .skill-frame h2,
.VueJS .skill-frame h2,
.WooCommerce .skill-frame h2,
.WordPress .skill-frame h2,
.dotnet .skill-frame h2,
.front-end-development .skill-frame h2,
.hybrid .skill-frame h2,
.iOS .skill-frame h2 {
    font-size: 24px
}

@media (min-width:992px) {

    .Android .skill-frame h2,
    .Angular .skill-frame h2,
    .Backend-Development .skill-frame h2,
    .CodeIgniter .skill-frame h2,
    .Django .skill-frame h2,
    .Drupal .skill-frame h2,
    .Flask .skill-frame h2,
    .Flutter .skill-frame h2,
    .Ionic .skill-frame h2,
    .Laravel .skill-frame h2,
    .MEAN .skill-frame h2,
    .MERN .skill-frame h2,
    .Magento .skill-frame h2,
    .NodeJS .skill-frame h2,
    .PHP .skill-frame h2,
    .Python .skill-frame h2,
    .React .skill-frame h2,
    .React-Native .skill-frame h2,
    .ReactJs .skill-frame h2,
    .Shopify .skill-frame h2,
    .Swift .skill-frame h2,
    .Symfony .skill-frame h2,
    .VueJS .skill-frame h2,
    .WooCommerce .skill-frame h2,
    .WordPress .skill-frame h2,
    .dotnet .skill-frame h2,
    .front-end-development .skill-frame h2,
    .hybrid .skill-frame h2,
    .iOS .skill-frame h2 {
        font-size: 30px
    }
}

.Android .custom-software-development h2,
.Angular .custom-software-development h2,
.Backend-Development .custom-software-development h2,
.CodeIgniter .custom-software-development h2,
.Django .custom-software-development h2,
.Drupal .custom-software-development h2,
.Flask .custom-software-development h2,
.Flutter .custom-software-development h2,
.Ionic .custom-software-development h2,
.Laravel .custom-software-development h2,
.MEAN .custom-software-development h2,
.MERN .custom-software-development h2,
.Magento .custom-software-development h2,
.NodeJS .custom-software-development h2,
.PHP .custom-software-development h2,
.Python .custom-software-development h2,
.React .custom-software-development h2,
.React-Native .custom-software-development h2,
.ReactJs .custom-software-development h2,
.Shopify .custom-software-development h2,
.Swift .custom-software-development h2,
.Symfony .custom-software-development h2,
.VueJS .custom-software-development h2,
.WooCommerce .custom-software-development h2,
.WordPress .custom-software-development h2,
.dotnet .custom-software-development h2,
.front-end-development .custom-software-development h2,
.hybrid .custom-software-development h2,
.iOS .custom-software-development h2 {
    font-size: 30px
}

@media (min-width:992px) {

    .Android .custom-software-development h2,
    .Angular .custom-software-development h2,
    .Backend-Development .custom-software-development h2,
    .CodeIgniter .custom-software-development h2,
    .Django .custom-software-development h2,
    .Drupal .custom-software-development h2,
    .Flask .custom-software-development h2,
    .Flutter .custom-software-development h2,
    .Ionic .custom-software-development h2,
    .Laravel .custom-software-development h2,
    .MEAN .custom-software-development h2,
    .MERN .custom-software-development h2,
    .Magento .custom-software-development h2,
    .NodeJS .custom-software-development h2,
    .PHP .custom-software-development h2,
    .Python .custom-software-development h2,
    .React .custom-software-development h2,
    .React-Native .custom-software-development h2,
    .ReactJs .custom-software-development h2,
    .Shopify .custom-software-development h2,
    .Swift .custom-software-development h2,
    .Symfony .custom-software-development h2,
    .VueJS .custom-software-development h2,
    .WooCommerce .custom-software-development h2,
    .WordPress .custom-software-development h2,
    .dotnet .custom-software-development h2,
    .front-end-development .custom-software-development h2,
    .hybrid .custom-software-development h2,
    .iOS .custom-software-development h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.Android .custom-software-development .cmn-heading-para,
.Angular .custom-software-development .cmn-heading-para,
.Backend-Development .custom-software-development .cmn-heading-para,
.CodeIgniter .custom-software-development .cmn-heading-para,
.Django .custom-software-development .cmn-heading-para,
.Drupal .custom-software-development .cmn-heading-para,
.Flask .custom-software-development .cmn-heading-para,
.Flutter .custom-software-development .cmn-heading-para,
.Ionic .custom-software-development .cmn-heading-para,
.Laravel .custom-software-development .cmn-heading-para,
.MEAN .custom-software-development .cmn-heading-para,
.MERN .custom-software-development .cmn-heading-para,
.Magento .custom-software-development .cmn-heading-para,
.NodeJS .custom-software-development .cmn-heading-para,
.PHP .custom-software-development .cmn-heading-para,
.Python .custom-software-development .cmn-heading-para,
.React .custom-software-development .cmn-heading-para,
.React-Native .custom-software-development .cmn-heading-para,
.ReactJs .custom-software-development .cmn-heading-para,
.Shopify .custom-software-development .cmn-heading-para,
.Swift .custom-software-development .cmn-heading-para,
.Symfony .custom-software-development .cmn-heading-para,
.VueJS .custom-software-development .cmn-heading-para,
.WooCommerce .custom-software-development .cmn-heading-para,
.WordPress .custom-software-development .cmn-heading-para,
.dotnet .custom-software-development .cmn-heading-para,
.front-end-development .custom-software-development .cmn-heading-para,
.hybrid .custom-software-development .cmn-heading-para,
.iOS .custom-software-development .cmn-heading-para {
    margin-bottom: 0
}

@media (min-width:992px) {

    .Android .custom-software-development .cmn-heading-para,
    .Angular .custom-software-development .cmn-heading-para,
    .Backend-Development .custom-software-development .cmn-heading-para,
    .CodeIgniter .custom-software-development .cmn-heading-para,
    .Django .custom-software-development .cmn-heading-para,
    .Drupal .custom-software-development .cmn-heading-para,
    .Flask .custom-software-development .cmn-heading-para,
    .Flutter .custom-software-development .cmn-heading-para,
    .Ionic .custom-software-development .cmn-heading-para,
    .Laravel .custom-software-development .cmn-heading-para,
    .MEAN .custom-software-development .cmn-heading-para,
    .MERN .custom-software-development .cmn-heading-para,
    .Magento .custom-software-development .cmn-heading-para,
    .NodeJS .custom-software-development .cmn-heading-para,
    .PHP .custom-software-development .cmn-heading-para,
    .Python .custom-software-development .cmn-heading-para,
    .React .custom-software-development .cmn-heading-para,
    .React-Native .custom-software-development .cmn-heading-para,
    .ReactJs .custom-software-development .cmn-heading-para,
    .Shopify .custom-software-development .cmn-heading-para,
    .Swift .custom-software-development .cmn-heading-para,
    .Symfony .custom-software-development .cmn-heading-para,
    .VueJS .custom-software-development .cmn-heading-para,
    .WooCommerce .custom-software-development .cmn-heading-para,
    .WordPress .custom-software-development .cmn-heading-para,
    .dotnet .custom-software-development .cmn-heading-para,
    .front-end-development .custom-software-development .cmn-heading-para,
    .hybrid .custom-software-development .cmn-heading-para,
    .iOS .custom-software-development .cmn-heading-para {
        margin-bottom: 20px
    }
}

.Android ul.skill-page-mod li:nth-child(3),
.Angular ul.skill-page-mod li:nth-child(3),
.Backend-Development ul.skill-page-mod li:nth-child(3),
.CodeIgniter ul.skill-page-mod li:nth-child(3),
.Django ul.skill-page-mod li:nth-child(3),
.Drupal ul.skill-page-mod li:nth-child(3),
.Flask ul.skill-page-mod li:nth-child(3),
.Flutter ul.skill-page-mod li:nth-child(3),
.Ionic ul.skill-page-mod li:nth-child(3),
.Laravel ul.skill-page-mod li:nth-child(3),
.MEAN ul.skill-page-mod li:nth-child(3),
.MERN ul.skill-page-mod li:nth-child(3),
.Magento ul.skill-page-mod li:nth-child(3),
.NodeJS ul.skill-page-mod li:nth-child(3),
.PHP ul.skill-page-mod li:nth-child(3),
.Python ul.skill-page-mod li:nth-child(3),
.React ul.skill-page-mod li:nth-child(3),
.React-Native ul.skill-page-mod li:nth-child(3),
.ReactJs ul.skill-page-mod li:nth-child(3),
.Shopify ul.skill-page-mod li:nth-child(3),
.Swift ul.skill-page-mod li:nth-child(3),
.Symfony ul.skill-page-mod li:nth-child(3),
.VueJS ul.skill-page-mod li:nth-child(3),
.WooCommerce ul.skill-page-mod li:nth-child(3),
.WordPress ul.skill-page-mod li:nth-child(3),
.dotnet ul.skill-page-mod li:nth-child(3),
.front-end-development ul.skill-page-mod li:nth-child(3),
.hybrid ul.skill-page-mod li:nth-child(3),
.iOS ul.skill-page-mod li:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.WordPress .skill-why h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .WordPress .skill-why h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.Native .skill-why h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .Native .skill-why h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.iOS .skill-why h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .iOS .skill-why h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.iOS .mean-intro {
    min-height: auto !important
}

@media (min-width:992px) {
    .iOS .mean-intro {
        min-height: 606px !important
    }
}

.iOS .o-skills-benefits {
    background-color: #fff !important
}

.Android .skill-why h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .Android .skill-why h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.MEAN .skill-what:after,
.MERN .skill-what:after {
    display: none
}

@media (min-width:992px) {

    .MEAN .skill-what:after,
    .MERN .skill-what:after {
        display: block
    }
}

.MEAN .skill-what h2,
.MERN .skill-what h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {

    .MEAN .skill-what h2,
    .MERN .skill-what h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.MEAN .skill-service,
.MERN .skill-service {
    background: #f5f5f5 !important
}

@media (min-width:992px) {

    .MEAN .skill-service,
    .MERN .skill-service {
        background: linear-gradient(285deg, #07b260 0, #00517f 20%, #023e66 75%, #051b39 100%) !important
    }
}

.MEAN .skill-service h2,
.MEAN .skill-service h3,
.MERN .skill-service h2,
.MERN .skill-service h3 {
    color: #333 !important
}

@media (min-width:992px) {

    .MEAN .skill-service h2,
    .MEAN .skill-service h3,
    .MERN .skill-service h2,
    .MERN .skill-service h3 {
        color: #fff !important
    }
}

.MEAN .skill-why h2,
.MERN .skill-why h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {

    .MEAN .skill-why h2,
    .MERN .skill-why h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.mean-stack .skill-what:after {
    display: none
}

@media (min-width:992px) {
    .mean-stack .skill-what:after {
        display: block
    }
}

.mean-stack .skill-what h2 {
    font-size: 24px
}

@media (min-width:992px) {
    .mean-stack .skill-what h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.MERN .o-skills-benefits {
    background-color: #fff !important
}

@media (min-width:992px) {
    .MERN .o-skills-benefits {
        background-color: #f5f5f5 !important
    }
}

.Magento .skill-why h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .Magento .skill-why h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.Magento .skill-service h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .Magento .skill-service h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.WooCommerce .skill-why h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .WooCommerce .skill-why h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.WooCommerce .skill-service h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .WooCommerce .skill-service h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.Angular .services-pan,
.Backend-Development .services-pan,
.Blockchain .services-pan,
.CodeIgniter .services-pan,
.Django .services-pan,
.Laravel .services-pan,
.NodeJS .services-pan,
.PHP .services-pan,
.Python .services-pan,
.React .services-pan,
.React-Native .services-pan,
.ReactJS .services-pan,
.VueJS .services-pan,
.Web-Application-Development .services-pan,
.WooCommerce .services-pan,
.WordPress .services-pan,
.Yii .services-pan,
.dotnet .services-pan,
.front-end-development .services-pan,
.hybrid .services-pan,
.symphony .services-pan {
    padding: 50px 15px 10px
}

@media (min-width:992px) {

    .Angular .services-pan,
    .Backend-Development .services-pan,
    .Blockchain .services-pan,
    .CodeIgniter .services-pan,
    .Django .services-pan,
    .Laravel .services-pan,
    .NodeJS .services-pan,
    .PHP .services-pan,
    .Python .services-pan,
    .React .services-pan,
    .React-Native .services-pan,
    .ReactJS .services-pan,
    .VueJS .services-pan,
    .Web-Application-Development .services-pan,
    .WooCommerce .services-pan,
    .WordPress .services-pan,
    .Yii .services-pan,
    .dotnet .services-pan,
    .front-end-development .services-pan,
    .hybrid .services-pan,
    .symphony .services-pan {
        padding: 50px 30px 50px
    }
}

.Android .services-pan,
.Drupal .services-pan,
.Flask .services-pan,
.Flutter .services-pan,
.Ionic .services-pan,
.Java .services-pan,
.MERN .services-pan,
.Magento .services-pan,
.Shopify .services-pan,
.Swift .services-pan,
.Symfony .services-pan,
.iOS .services-pan,
.mean-stack .services-pan {
    padding: 50px 15px 10px
}

@media (min-width:992px) {

    .Android .services-pan,
    .Drupal .services-pan,
    .Flask .services-pan,
    .Flutter .services-pan,
    .Ionic .services-pan,
    .Java .services-pan,
    .MERN .services-pan,
    .Magento .services-pan,
    .Shopify .services-pan,
    .Swift .services-pan,
    .Symfony .services-pan,
    .iOS .services-pan,
    .mean-stack .services-pan {
        padding: 50px 15px 50px
    }
}

.CakePHP .services-pan,
.Dedicated .services-pan,
.Joomla .services-pan,
.ROR .services-pan,
.Zend .services-pan {
    padding: 50px 15px 10px
}

@media (min-width:992px) {

    .CakePHP .services-pan,
    .Dedicated .services-pan,
    .Joomla .services-pan,
    .ROR .services-pan,
    .Zend .services-pan {
        padding: 50px 30px 50px
    }
}

.Java .services-pan {
    padding: 50px 15px 50px
}

@media (min-width:992px) {
    .Java .services-pan {
        padding: 50px 30px 50px
    }
}

@media (min-width:992px) {
    .Flask .o-skills-hero {
        padding: 65px 20px 0 !important
    }
}

.Flask .schedule-box {
    margin-top: 0
}

@media (min-width:992px) {
    .Magento .o-skills-hero {
        padding: 65px 20px 0 !important
    }
}

.Magento .o-skills-hero h1 {
    margin-bottom: 35px
}

@media (min-width:992px) {
    .Magento .o-skills-hero h1 {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .Magento .skill-service {
        padding: 75px 0 50px
    }
}

.Magento .skill-service h2 {
    line-height: 30px;
    margin-bottom: 5px
}

@media (min-width:992px) {
    .Magento .skill-service h2 {
        line-height: 40px;
        margin-bottom: .5rem
    }
}

@media (min-width:992px) {
    .Magento .skill-why {
        padding: 75px 0 50px
    }
}

@media (min-width:992px) {
    .Magento .o-engagement-model {
        padding: 65px 0 40px
    }
}

.Magento .schedule-box {
    margin-top: 0;
    height: 100%
}

.magento-section-1 {
    padding: 40px 0 20px !important
}

@media (min-width:992px) {
    .magento-section-1 {
        padding: 70px 0 50px !important
    }
}

.magento-section-1 .cmn-heading-para {
    margin-bottom: 0
}

@media (min-width:992px) {
    .magento-section-1 .cmn-heading-para {
        margin-bottom: 20px
    }
}

.o-engagement-model p {
    margin-bottom: 0;
    padding-bottom: 0
}

@media (min-width:992px) {
    .o-engagement-model p {
        margin-bottom: 20px;
        padding-bottom: 15px
    }
}

.schdule_h_img {
    vertical-align: top;
    margin-right: 15px
}

.schdule_h_text {
    width: 96%;
    font-size: 16px;
    line-height: 27px;
    text-align: center;
    font-weight: 500
}

.php-bnr {
    background: #000
}

.Mobile .schedule-box,
.PHP .schedule-box,
.ROR .schedule-box,
.WordPress .schedule-box,
.eCommerce .schedule-box {
    margin-top: 0
}

.Mobile .schedule-box {
    height: 100%
}

@media screen and (min-width:992px) {
    .Mobile .o-skills-hero {
        padding: 65px 20px 0 !important
    }
}

@media screen and (min-width:992px) {
    .Mobile .header_left_pan {
        padding-top: 50px
    }
}

.Custom-Software-Development ul.skill-page-mod li:nth-child(3),
.Dedicated ul.skill-page-mod li:nth-child(3),
.Mobile ul.skill-page-mod li:nth-child(3),
.Web-Application-Development ul.skill-page-mod li:nth-child(3),
.cmn-logo-fix ul.skill-page-mod li:nth-child(3),
.eCommerce ul.skill-page-mod li:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.blue-heading {
    background: #08426f;
    padding: 10px;
    background-color: #08426f;
    color: #fff;
    margin-top: 0;
    text-align: center;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    z-index: 9999999;
    width: 100%;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .blue-heading {
        font-size: 17px
    }
}

@media screen and (min-width:992px) {
    .Joomla .cmn-service-bnr-mod {
        padding: 65px 20px 0 !important
    }
}

@media screen and (min-width:992px) {
    .Joomla .header_left_pan {
        padding-top: 50px
    }
}

@media screen and (min-width:992px) {
    .ROR .o-skills-hero {
        padding: 65px 20px 0 !important
    }
}

@media screen and (min-width:992px) {
    .ROR .header_left_pan {
        padding-top: 50px
    }
}

.Magento .skill-service .black-text {
    color: #333 !important
}

.CMS .schedule-box {
    margin-top: 0
}

.schdule-min-height {
    height: 100%
}

.why-us-page.big-data {
    padding-top: 88px
}

@media (min-width:992px) {
    .why-us-page.big-data {
        padding-top: 80px
    }
}

.why-us__why-us-blocks {
    text-align: left;
    position: relative;
    padding-left: 80px
}

@media (min-width:992px) {
    .why-us__why-us-blocks {
        padding-left: 85px;
        text-align: left;
        max-height: inherit
    }
}

.why-us__why-us-blocks h3 {
    font-size: 20px
}

@media (min-width:992px) {
    .why-us__why-us-blocks h3 {
        font-size: 26px
    }
}

.why-us__why-us-blocks p {
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .why-us__why-us-blocks p {
        font-size: 19px;
        line-height: 32px;
        font-family: Montserrat, sans-serif
    }
}

.why-us__why-us-blocks:before {
    top: 5px
}

@media (min-width:992px) {
    .why-us__why-us-blocks:before {
        top: 0
    }
}

.skill-why h2 {
    font-size: 24px;
    line-height: 30px
}

@media (min-width:992px) {
    .skill-why h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.php-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 80px;
    height: 75px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/php/php-sprite.png);
    background-repeat: no-repeat
}

.php-why-01:before {
    background-position: 0 0
}

.php-why-02:before {
    background-position: -85px 0
}

.php-why-03:before {
    background-position: -170px 0
}

.php-why-04:before {
    background-position: -255px 0
}

.php-why-05:before {
    background-position: -340px 0
}

.php-why-06:before {
    background-position: -430px 0
}

.laravel-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 80px;
    height: 75px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/laravel/laravel-sprite.png);
    background-repeat: no-repeat
}

.laravel-why-01:before {
    background-position: 0 0
}

.laravel-why-02:before {
    background-position: -85px 0
}

.laravel-why-03:before {
    background-position: -170px 0
}

.laravel-why-04:before {
    background-position: -255px 0
}

.laravel-why-05:before {
    background-position: -340px 0
}

.laravel-why-06:before {
    background-position: -430px 0
}

.codeigniter-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 80px;
    height: 75px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/codeigniter/codeigniter-sprite.png);
    background-repeat: no-repeat
}

.codeigniter-why-01:before {
    background-position: 0 0
}

.codeigniter-why-02:before {
    background-position: -85px 0
}

.codeigniter-why-03:before {
    background-position: -170px 0
}

.codeigniter-why-04:before {
    background-position: -255px 0
}

.codeigniter-why-05:before {
    background-position: -340px 0
}

.codeigniter-why-06:before {
    background-position: -430px 0
}

.symfony-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 80px;
    height: 75px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/symfony/symfony-sprite.png);
    background-repeat: no-repeat
}

.symfony-why-01:before {
    background-position: 0 0
}

.symfony-why-02:before {
    background-position: -85px 0
}

.symfony-why-03:before {
    background-position: -170px 0
}

.symfony-why-04:before {
    background-position: -255px 0
}

.symfony-why-05:before {
    background-position: -340px 0
}

.symfony-why-06:before {
    background-position: -430px 0
}

.python-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 63px;
    height: 63px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/python/python-sprite.png);
    background-repeat: no-repeat
}

.python-why-01:before {
    background-position: 0 0
}

.python-why-02:before {
    background-position: -66px 0
}

.python-why-03:before {
    background-position: -145px 0
}

.python-why-04:before {
    background-position: -218px 0
}

.python-why-05:before {
    background-position: -290px 0
}

.python-why-06:before {
    background-position: -360px 0
}

.django-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 80px;
    height: 75px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/django/django-sprite.png);
    background-repeat: no-repeat
}

.django-why-01:before {
    background-position: -335px 0
}

.django-why-02:before {
    background-position: -255px 0
}

.django-why-03:before {
    background-position: -85px 0
}

.django-why-04:before {
    background-position: -170px 0
}

.django-why-05:before {
    background-position: 0 0
}

.nodejs-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 63px;
    height: 60px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/node/nodejs-sprite.png);
    background-repeat: no-repeat
}

.nodejs-why-01:before {
    background-position: 0 0
}

.nodejs-why-02:before {
    background-position: -72px 0
}

.nodejs-why-03:before {
    background-position: -146px 0
}

.nodejs-why-04:before {
    background-position: -215px 0
}

.nodejs-why-05:before {
    background-position: -295px 0
}

.nodejs-why-06:before {
    background-position: -368px 0
}

.nodejs-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 63px;
    height: 60px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/node/nodejs-sprite.png);
    background-repeat: no-repeat
}

.nodejs-why-01:before {
    background-position: 0 0
}

.nodejs-why-02:before {
    background-position: -72px 0
}

.nodejs-why-03:before {
    background-position: -146px 0
}

.nodejs-why-04:before {
    background-position: -215px 0
}

.nodejs-why-05:before {
    background-position: -295px 0
}

.nodejs-why-06:before {
    background-position: -368px 0
}

.dotnet-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 64px;
    height: 63px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/wordpress/wordpress-sprite.png);
    background-repeat: no-repeat
}

.dotnet-why-01:before {
    background-position: 0 0
}

.dotnet-why-02:before {
    background-position: -75px 0
}

.dotnet-why-03:before {
    background-position: -150px 0
}

.dotnet-why-04:before {
    background-position: -225px 0
}

.dotnet-why-05:before {
    background-position: -300px 0
}

.dotnet-why-06:before {
    background-position: -375px 0
}

.wordpress-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 64px;
    height: 63px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/wordpress/wordpress-sprite.png);
    background-repeat: no-repeat
}

.dotnet-why-01:before {
    background-position: 0 0
}

.dotnet-why-02:before {
    background-position: -75px 0
}

.dotnet-why-03:before {
    background-position: -150px 0
}

.dotnet-why-04:before {
    background-position: -225px 0
}

.dotnet-why-05:before {
    background-position: -300px 0
}

.dotnet-why-06:before {
    background-position: -375px 0
}

.angular-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 63px;
    height: 63px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/angular/angularjs-sprite.png);
    background-repeat: no-repeat
}

.angular-why-01:before {
    background-position: 0 0
}

.angular-why-02:before {
    background-position: -66px 0
}

.angular-why-03:before {
    background-position: -145px 0
}

.angular-why-04:before {
    background-position: -218px 0
}

.angular-why-05:before {
    background-position: -290px 0
}

.angular-why-06:before {
    background-position: -360px 0
}

.reactjs-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 80px;
    height: 75px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/react/react-sprite.png);
    background-repeat: no-repeat
}

.reactjs-why-01:before {
    background-position: 0 0
}

.reactjs-why-05:before {
    background-position: -335px 0
}

.reactjs-why-03:before {
    background-position: -165px 0
}

.reactjs-why-04:before {
    background-position: -245px 0
}

.vuejs-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 79px;
    height: 63px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/vue/vuejs-sprite.png);
    background-repeat: no-repeat
}

.vuejs-why-01:before {
    background-position: 0 0
}

.vuejs-why-02:before {
    background-position: -89px 0
}

.vuejs-why-03:before {
    background-position: -170px 0
}

.vuejs-why-04:before {
    background-position: -267px 0
}

.vuejs-why-05:before {
    background-position: -356px 0
}

.vuejs-why-06:before {
    background-position: 0 -73px
}

.vuejs-why-06:before {
    background-position: -89px -73px
}

.meanstack-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 63px;
    height: 63px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/mean/meanstackjs-sprite.png);
    background-repeat: no-repeat
}

.meanstack-why-01:before {
    background-position: 0 0
}

.meanstack-why-02:before {
    background-position: -73px 0
}

.meanstack-why-03:before {
    background-position: -147px 0
}

.meanstack-why-04:before {
    background-position: -220px 0
}

.meanstack-why-05:before {
    background-position: -293px 0
}

.meanstack-why-06:before {
    background-position: -220px 0
}

.mernstack-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 63px;
    height: 63px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/mern/mernstackjs-sprite.png);
    background-repeat: no-repeat
}

.mernstack-why-01:before {
    background-position: 0 0
}

.mernstack-why-02:before {
    background-position: -73px 0
}

.mernstack-why-03:before {
    background-position: -147px 0
}

.mernstack-why-04:before {
    background-position: -220px 0
}

.mernstack-why-05:before {
    background-position: -293px 0
}

.mernstack-why-06:before {
    background-position: -365px 0
}

.woocommerce-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 70px;
    height: 63px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/woocommerce/woocommerce-sprite.png);
    background-repeat: no-repeat
}

.woocommerce-why-01:before {
    background-position: 0 0
}

.woocommerce-why-02:before {
    background-position: -81px 0
}

.woocommerce-why-03:before {
    background-position: -160px 0
}

.woocommerce-why-04:before {
    background-position: -240px 0
}

.woocommerce-why-05:before {
    background-position: -322px 0
}

.woocommerce-why-06:before {
    background-position: -395px 0
}

.woocommerce-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 70px;
    height: 63px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/woocommerce/woocommerce-sprite.png);
    background-repeat: no-repeat
}

.woocommerce-why-01:before {
    background-position: 0 0
}

.woocommerce-why-02:before {
    background-position: -81px 0
}

.woocommerce-why-03:before {
    background-position: -160px 0
}

.woocommerce-why-04:before {
    background-position: -240px 0
}

.woocommerce-why-05:before {
    background-position: -322px 0
}

.woocommerce-why-06:before {
    background-position: -395px 0
}

.shopify-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 83px;
    height: 71px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/shopify/shopify-sprite.png);
    background-repeat: no-repeat
}

.shopify-why-01:before {
    background-position: 0 0
}

.shopify-why-02:before {
    background-position: -93px 0
}

.shopify-why-03:before {
    background-position: -187px 0
}

.shopify-why-04:before {
    background-position: -281px 0
}

.shopify-why-05:before {
    background-position: -375px 0
}

.shopify-why-06:before {
    background-position: -463px 0
}

.wordpress-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 64px;
    height: 63px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/wordpress/wordpress-sprite.png);
    background-repeat: no-repeat;
    top: 5px
}

@media (min-width:992px) {
    .wordpress-blocks:before {
        top: 0
    }
}

.wordpress-why-01:before {
    background-position: 0 0
}

.wordpress-why-02:before {
    background-position: -75px 0
}

.wordpress-why-03:before {
    background-position: -150px 0
}

.wordpress-why-04:before {
    background-position: -225px 0
}

.wordpress-why-05:before {
    background-position: -300px 0
}

.wordpress-why-06:before {
    background-position: -375px 0
}

.drupal-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 64px;
    height: 63px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/drupal/drupal-sprite.png);
    background-repeat: no-repeat
}

.drupal-why-01:before {
    background-position: 0 0
}

.drupal-why-02:before {
    background-position: -148px 0
}

.drupal-why-03:before {
    background-position: -296px 0
}

.drupal-why-04:before {
    background-position: -74px 0
}

.drupal-why-05:before {
    background-position: -222px 0
}

.drupal-why-06:before {
    background-position: -370px 0
}

.ios-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 80px;
    height: 75px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/ios/ios-sprite.png);
    background-repeat: no-repeat
}

.ios-why-01:before {
    background-position: 0 0
}

.ios-why-02:before {
    background-position: -148px 0
}

.ios-why-03:before {
    background-position: -151px 0
}

.ios-why-04:before {
    background-position: -229px 0
}

.ios-why-05:before {
    background-position: -302px 0
}

.ios-why-06:before {
    background-position: 0 -75px
}

.android-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 75px;
    height: 67px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/android/android-sprite.png);
    background-repeat: no-repeat
}

.android-why-01:before {
    background-position: 0 0
}

.android-why-02:before {
    background-position: -85px 0
}

.android-why-03:before {
    background-position: -170px 0
}

.android-why-04:before {
    background-position: -255px 0
}

.android-why-05:before {
    background-position: 0 -77px
}

.android-why-06:before {
    background-position: -86px -77px
}

.android-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 75px;
    height: 67px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/android/android-sprite.png);
    background-repeat: no-repeat
}

.android-why-01:before {
    background-position: 0 0
}

.android-why-02:before {
    background-position: -85px 0
}

.android-why-03:before {
    background-position: -170px 0
}

.android-why-04:before {
    background-position: -255px 0
}

.android-why-05:before {
    background-position: 0 -77px
}

.android-why-06:before {
    background-position: -86px -77px
}

.reactnative-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 64px;
    height: 64px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/react-native/react-native-sprite.png);
    background-repeat: no-repeat
}

.reactnative-why-01:before {
    background-position: 0 0
}

.reactnative-why-02:before {
    background-position: -74px 0
}

.reactnative-why-03:before {
    background-position: -148px 0
}

.reactnative-why-04:before {
    background-position: -222px 0
}

.reactnative-why-05:before {
    background-position: -297px 0
}

.reactnative-why-06:before {
    background-position: 0 -74px
}

.reactnative-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 64px;
    height: 64px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/react-native/react-native-sprite.png);
    background-repeat: no-repeat
}

.reactnative-why-01:before {
    background-position: 0 0
}

.reactnative-why-02:before {
    background-position: -74px 0
}

.reactnative-why-03:before {
    background-position: -148px 0
}

.reactnative-why-04:before {
    background-position: -222px 0
}

.reactnative-why-05:before {
    background-position: -297px 0
}

.reactnative-why-06:before {
    background-position: 0 -74px
}

.flutter-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 64px;
    height: 64px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/flutter/flutter-sprite.png);
    background-repeat: no-repeat
}

.flutter-why-01:before {
    background-position: 0 0
}

.flutter-why-02:before {
    background-position: -74px 0
}

.flutter-why-03:before {
    background-position: -148px 0
}

.flutter-why-04:before {
    background-position: -222px 0
}

.flutter-why-05:before {
    background-position: -297px 0
}

.flutter-why-06:before {
    background-position: 0 -74px
}

.ionic-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 70px;
    height: 72px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/ionic/ionic-sprite.png);
    background-repeat: no-repeat
}

.ionic-why-01:before {
    background-position: 0 0
}

.ionic-why-02:before {
    background-position: -247px -74px
}

.ionic-why-03:before {
    background-position: -330px -74px
}

.ionic-why-04:before {
    background-position: 0 -148px
}

.ionic-why-05:before {
    background-position: -84px -148px
}

.ionic-why-06:before {
    background-position: -167px -148px
}

.ionic-why-07:before {
    background-position: -248px -147px
}

.swift-blocks:before {
    content: '';
    position: absolute;
    left: 0;
    width: 64px;
    height: 64px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/swift/swift-sprite.png);
    background-repeat: no-repeat
}

.swift-why-01:before {
    background-position: 0 0
}

.swift-why-02:before {
    background-position: -66px 0
}

.swift-why-03:before {
    background-position: -149px 0
}

.swift-why-04:before {
    background-position: -222px 0
}

.swift-why-05:before {
    background-position: -296px 0
}

.swift-why-06:before {
    background-position: 0 -75px
}

.skill-service {
    padding: 40px 0 20px
}

@media (min-width:992px) {
    .skill-service {
        padding: 65px 0 50px
    }
}

.skill-service h2 {
    margin-bottom: 5px;
    color: #333;
    font-size: 30px
}

@media (min-width:992px) {
    .skill-service h2 {
        margin-bottom: .5rem;
        color: #fff;
        font-size: 48px
    }
}

.skill-service h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #333
}

@media (min-width:992px) {
    .skill-service h3 {
        font-size: 26px;
        line-height: inherit;
        font-weight: 600;
        color: #fff
    }
}

.skill-service h3.pad-bot-30 {
    padding-bottom: 25px
}

@media (min-width:992px) {
    .skill-service h3.pad-bot-30 {
        padding-bottom: 30px
    }
}

.skill-service h3 br {
    display: none
}

@media (min-width:992px) {
    .skill-service h3 br {
        display: block
    }
}

.skill-service .services-pan h3 {
    font-size: 20px;
    line-height: inherit;
    margin-bottom: 10px;
    font-weight: 600;
    color: #333
}

@media (min-width:992px) {
    .skill-service .services-pan h3 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px
    }
}

.skill-service .services-pan p {
    font-size: 16px !important;
    line-height: 24px !important;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .skill-service .services-pan p {
        font-size: 19px !important;
        line-height: 32px !important;
        font-family: Montserrat, sans-serif
    }
}

.skill-service .btn_wrapper {
    margin-top: 10px
}

@media (min-width:992px) {
    .skill-service .btn_wrapper {
        margin-top: 20px
    }
}

@media (min-width:992px) {
    .skill-service.gradient-blue-green {
        background: linear-gradient(285deg, #07b260 0, #00517f 20%, #023e66 75%, #051b39 100%)
    }
}

.magento-section-1 h2 {
    padding-bottom: 10px
}

@media (min-width:992px) {
    .magento-section-1 h2 {
        padding-bottom: 30px
    }
}

.why-skill-slider .slick-arrow {
    display: none !important
}

@media (min-width:992px) {
    .masonry {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        -webkit-column-fill: initial;
        -moz-column-fill: initial;
        column-fill: initial
    }
}

.masonry .brick {
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d9d9d9
}

@media screen and (min-width:778px) {
    .masonry .brick {
        display: block
    }
}

@media (min-width:992px) {
    .masonry .brick {
        margin-bottom: 30px;
        display: inline-block
    }
}

.masonry .brick p {
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .masonry .brick p {
        font-family: Montserrat, sans-serif;
        font-size: 19px;
        line-height: 32px
    }
}

.masonry .brick a {
    width: 134px;
    height: 46px;
    line-height: 42px !important;
    border: 2px solid #333;
    border-radius: 5px;
    font-size: 18px !important;
    color: #333 !important;
    padding: 0;
    text-transform: none;
    color: #337ab7;
    display: block;
    margin: 0 auto 30px;
    font-weight: 400
}

@media (min-width:992px) {
    .masonry .brick a {
        margin: 0 auto
    }
}

.services-pan {
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .1);
    box-shadow: 0 0 9px rgba(0, 0, 0, .1);
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    padding: 105px 30px 30px;
    text-align: center
}

.mean-intro {
    background-color: #fff;
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1)
}

@media (min-width:992px) {
    .mean-intro {
        min-height: 320px
    }
}

.mean-intro__min-h-570 {
    min-height: 570px !important
}

.mean-intro__technology {
    padding: 50px 15px;
    text-align: center
}

@media (min-width:992px) {
    .mean-intro__technology {
        padding: 50px
    }
}

.mean-intro__technology p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .mean-intro__technology p {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 25px;
        font-family: Montserrat, sans-serif
    }
}

.mean-intro__technology h5 {
    font-size: 20px;
    margin: 30px 0;
    position: relative
}

@media (min-width:992px) {
    .mean-intro__technology h5 {
        font-size: 30px
    }
}

.mean-intro__technology h5:after {
    content: '';
    position: absolute;
    bottom: -20px;
    width: 58px;
    height: 1px;
    background-color: #ccc;
    left: 43%;
    transform: translateY(-45%);
    -webkit-transform: translateY(-45%);
    -moz-transform: translateY(-45%);
    -ms-transform: translateY(-45%)
}

.work-holder {
    margin-bottom: 20px
}

.work-holder .work-pan {
    margin: 2%;
    min-height: 420px;
    display: inline-block;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 0 #8f8f8f;
    box-shadow: 0 0 5px 0 #8f8f8f;
    vertical-align: top;
    background-color: #fff
}

@media (min-width:992px) {
    .work-holder .work-pan {
        width: 45%
    }
}

.work-holder .work-pan .work-img-bg {
    padding: 20px 20px 0 20px
}

.work-holder .work-pan .work-text {
    padding: 20px;
    text-align: left
}

.work-holder .work-pan .work-text h3 {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .work-holder .work-pan .work-text h3 {
        font-size: 26px;
        line-height: 32px
    }
}

.work-holder .work-pan .work-text p {
    color: #333;
    margin-bottom: 10px;
    font-size: 19px;
    line-height: 28px
}

.work-holder .work-pan .work-text a {
    text-decoration: underline;
    color: #578edc;
    font-size: 14px
}

.work-holder .work-pan-auto {
    min-height: auto
}

.related-tab {
    -webkit-box-shadow: 0 0 18px 0 #bab8ba;
    box-shadow: 0 0 18px 0 #bab8ba;
    margin-bottom: 50px;
    height: 400px;
    overflow: hidden
}

.related-tab .tab {
    float: left;
    width: 25%;
    height: 445px;
    overflow-y: scroll
}

.related-tab .tab button {
    display: block;
    background-color: inherit;
    color: #000;
    padding: 22px 16px 22px 80px;
    width: 100%;
    float: left;
    border: none;
    outline: 0;
    text-align: left;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 17px;
    position: relative;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.related-tab .tab button span {
    width: 37px;
    height: 23px;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/react/react-sprite.png) no-repeat 0 0
}

.related-tab .tab button span.react-tab-1 {
    background-position: 0 -253px
}

.related-tab .tab button span.react-tab-2 {
    background-position: -47px -253px
}

.related-tab .tab button span.react-tab-3 {
    background-position: -94px -253px
}

.related-tab .tab button span.react-tab-4 {
    background-position: -141px -253px
}

.related-tab .tab button span.react-tab-5 {
    background-position: -188px -253px
}

.related-tab .tab button span.react-tab-6 {
    background-position: -235px -253px
}

.related-tab .tab button span.react-tab-7 {
    background-position: -282px -253px
}

.related-tab .tab button span.react-tab-8 {
    background-position: -329px -253px
}

.related-tab .tab button span.react-tab-9 {
    background-position: -376px -253px
}

.related-tab .tab button span.react-tab-10 {
    background-position: 0 -286px
}

.related-tab .tab button span.react-tab-11 {
    background-position: -47px -286px
}

.related-tab .tab button span.react-tab-12 {
    background-position: -94px -286px
}

.related-tab .tab button:hover {
    background-color: #fff
}

.related-tab .tab button.active {
    background-color: #fff
}

.related-tab .tabcontent {
    float: left;
    width: 75%;
    padding: 90px 50px 90px 26%;
    border-left: none;
    height: 445px;
    background-color: #fff;
    position: relative;
    text-align: left;
    display: block
}

.related-tab .tabcontent:before {
    content: "";
    width: 246px;
    height: 174px;
    position: absolute;
    left: 50px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.related-tab .tabcontent h5 {
    font-size: 24px;
    line-height: 32px
}

.related-tab .tabcontent p {
    font-size: 19px;
    line-height: 32px
}

.related-tab .tabcontent__react-1:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/react/ts-b.png) no-repeat 50% 50%
}

.related-tab .tabcontent__react-2:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/react/es-b.png) no-repeat 50% 50%
}

.related-tab .tabcontent__react-3:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/react/redux-b.png) no-repeat 50% 50%
}

.related-tab .tabcontent__react-4:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/react/GraphQl-b.png) no-repeat 50% 50%
}

.related-tab .tabcontent__react-5:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/react/apollo-b.png) no-repeat 50% 50%
}

.related-tab .tabcontent__react-6:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/react/Jest-b.png) no-repeat 50% 50%
}

.related-tab .tabcontent__react-7:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/react/Jaasmine-b.png) no-repeat 50% 50%
}

.related-tab .tabcontent__react-8:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/react/Karma-b.png) no-repeat 50% 50%
}

.related-tab .tabcontent__react-9:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/react/next-b.png) no-repeat 50% 50%
}

.related-tab .tabcontent__react-10:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/react/webpack-b.png) no-repeat 50% 50%
}

.related-tab .tabcontent__react-11:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/react/babel-b.png) no-repeat 50% 50%
}

.related-tab .tabcontent__react-12:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/react/flux-b.png) no-repeat 50% 50%
}

.reasons-capital__blocks {
    position: relative
}

.our-work {
    padding: 45px 0 20px
}

@media (min-width:992px) {
    .our-work {
        padding: 80px 0
    }
}

.our-work h2 {
    font-size: 30px;
    line-height: 34px
}

@media (min-width:992px) {
    .our-work h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.magento-section-1 ul li {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/magento/greentick.png) no-repeat 0 7px !important;
    padding: 0 0 10px 40px;
    font-size: 20px;
    line-height: 32px;
    font-family: Montserrat, sans-serif
}

.skill-what .row {
    padding-bottom: 20px
}

@media (min-width:992px) {
    .skill-what .row {
        padding-bottom: 30px
    }
}

.skill-what h2 {
    padding-bottom: 10px
}

@media (min-width:992px) {
    .skill-what h2 {
        padding-bottom: 30px
    }
}

.skill-what h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 30px
}

@media (min-width:992px) {
    .skill-what h3 {
        font-size: 26px;
        line-height: inherit;
        font-weight: 600;
        padding-bottom: 40px
    }
}

.skill-what .font-size-20 {
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .skill-what .font-size-20 {
        font-size: 20px;
        line-height: 33px
    }
}

.blue-bnr-section-new-modify a.new-btn-new-modify {
    margin-top: 25px;
    max-width: 300px
}

.img-resize-php-logo {
    width: 140px
}

.d-trans-pro-wrapper-new .d-trans-pro-tab-btn.d-trans-pro-wrapper-new-modify {
    border: 1px solid transparent
}

.d-trans-pro-wrapper-new .d-trans-pro-content-spacing-new.d-trans-pro-content-spacing-new-laravel {
    margin-top: 100px
}

.d-trans-pro-wrapper .d-trans-pro-content-box.d-trans-pro-content-box3.d-trans-pro-content-spacing-new-magento {
    margin-top: 0
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box.d-trans-pro-content-box3.d-trans-pro-content-spacing-new-magento {
        margin-top: 150px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box.d-trans-pro-content-box4.d-trans-pro-content-spacing-new-magento {
    margin-top: 0
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box.d-trans-pro-content-box4.d-trans-pro-content-spacing-new-magento {
        margin-top: 150px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box.d-trans-pro-content-box5.d-trans-pro-content-spacing-new-shopify {
    margin-top: 0
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box.d-trans-pro-content-box5.d-trans-pro-content-spacing-new-shopify {
        margin-top: 110px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box.d-trans-pro-content-box4.d-trans-pro-content-spacing-new-shopify {
    margin-top: 0
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box.d-trans-pro-content-box4.d-trans-pro-content-spacing-new-shopify {
        margin-top: 110px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box.d-trans-pro-content-box3.d-trans-pro-content-spacing-new-shopify {
    margin-top: 0
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box.d-trans-pro-content-box3.d-trans-pro-content-spacing-new-shopify {
        margin-top: 110px
    }
}

.o-team .team-holder {
    -webkit-box-shadow: 0 0 20px 0 rgba(128, 126, 128, .3);
    box-shadow: 0 0 20px 0 rgba(128, 126, 128, .3);
    padding: 30px 30px 10px;
    min-height: 100%;
    border-radius: 5px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .o-team .team-holder {
        min-height: 710px
    }
}

.o-team .team-holder h5 {
    font-size: 24px;
    font-weight: 600
}

.o-team .team-holder h3 {
    font-size: 24px;
    font-weight: 600;
    color: #05b281
}

.o-team .team-holder p.department {
    font-size: 16px;
    padding: 5px 0;
    color: #333;
    font-weight: 600
}

.o-team .team-holder p {
    font-size: 19px;
    line-height: 32px
}

.o-team .team-holder__team-1 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-1 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/dimpi.png) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-2 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-2 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/sabir.png) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-3 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-3 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/tanuja.png) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-4 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-4 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/gourab.html) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-5 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-5 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-1.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-6 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-6 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-2.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-7 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-7 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-3.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-8 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-8 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-4.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-9 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-9 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-5.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-10 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-10 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-6.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-11 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-11 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-7.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-12 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-12 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-8.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-13 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-13 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-9.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-14 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-14 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-10.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-15 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-15 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-11.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-16 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-16 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-12.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-17 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-17 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-13.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-18 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-18 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-14.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-19 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-19 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-15.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-20 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-20 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-16.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-21 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-21 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-17.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-22 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-22 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-18.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-23 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-23 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-19.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-24 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-24 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-20.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-25 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-25 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-21.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-26 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-26 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-22.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-27 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-27 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-23.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-28 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-28 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-24.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-29 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-29 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-25.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-30 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-30 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-26.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-31 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-31 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-27.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-32 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-32 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-28.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-33 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-33 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-29.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-34 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-34 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-30.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-35 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-35 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-31.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-36 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-36 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-32.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-37 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-37 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-33.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-38 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-38 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-34.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-39 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-39 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-35.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-40 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-40 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-36.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-41 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-41 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-37.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-42 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-42 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-38.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-43 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-43 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-39.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-44 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-44 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-40.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-45 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-45 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-45.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-46 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-46 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-46.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-47 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-47 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-47.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-48 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-48 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-48.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-49 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-49 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-49.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-50 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-50 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-50.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-51 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-51 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-51.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-52 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-52 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-52.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-53 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-53 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-53.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-54 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-54 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-54.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-55 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-55 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-55.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-56 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-56 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-56.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-57 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-57 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-57.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-58 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-58 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-58.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-59 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-59 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-59.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-60 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-60 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-60.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-61 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-61 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-61.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-62 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-62 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-62.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-63 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-63 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-63.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-64 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-64 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-64.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-65 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-65 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-65.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-66 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-66 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-66.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-67 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-67 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-67.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-68 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-68 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-68.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-69 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-69 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-69.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-70 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-70 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-70.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-71 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-71 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-71.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-72 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-72 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-72.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-73 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-73 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-73.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-74 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-74 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-74.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-75 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-75 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-75.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-76 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-76 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-76.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-77 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-77 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-77.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-78 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-78 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-78.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-79 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-79 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-79.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-80 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-80 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-80.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-81 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-81 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-81.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-82 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-82 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-82.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-83 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-83 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-83.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-84 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-84 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-84.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-85 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-85 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-85.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-86 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-86 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-86.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-87 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-87 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-87.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-88 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-88 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-88.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-89 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-89 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-89.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-90 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-90 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-90.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-91 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-91 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-91.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-92 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-92 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-92.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-93 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-93 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-93.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-94 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-94 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-94.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-95 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-95 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-95.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-96 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-96 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-96.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-97 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-97 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-97.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-98 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-98 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-98.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-99 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-99 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-99.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-100 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-100 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-100.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-101 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-101 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-101.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-102 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-102 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-102.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-103 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-103 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-103.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-104 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-104 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-104.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-105 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-105 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-105.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-106 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-106 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-106.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-107 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-107 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-107.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-108 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-108 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-108.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-109 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-109 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-109.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-110 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-110 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-110.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-111 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-111 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-111.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-112 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-112 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-112.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-113 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-113 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-113.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-114 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-114 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-114.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-115 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-115 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-115.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-116 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-116 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-116.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-117 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-117 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-117.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-118 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-118 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-118.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-119 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-119 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-119.jpg) no-repeat 50% 100% #fff
    }
}

.o-team .team-holder__team-120 {
    background-color: #fff
}

@media (min-width:992px) {
    .o-team .team-holder__team-120 {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/team-120.jpg) no-repeat 50% 100% #fff
    }
}

.no-webp .o-skills-benefits__contentholder .content-panel:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/common-sprite.png)
}

.webp .o-skills-benefits__contentholder .content-panel:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/webp/common/common-sprite.html)
}

.o-skills-benefits .row .col {
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    margin-bottom: 20px
}

@media screen and (min-width:778px) {
    .o-skills-benefits .row .col {
        margin-bottom: 30px;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }
}

@media screen and (min-width:992px) {
    .o-skills-benefits .row .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.o-skills-benefits__contentholder {
    display: none;
    min-height: 100%;
    padding: 125px 30px 30px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    display: block;
    vertical-align: top;
    border: 1px solid #d9d9d9;
    position: relative
}

@media (min-width:992px) {
    .o-skills-benefits__contentholder {
        padding: 125px 50px 25px;
        min-height: 440px;
        border: none
    }
}

.o-skills-benefits__contentholder h4 {
    color: #333;
    font-weight: 600;
    padding: 0 0 25px 0;
    position: relative
}

.o-skills-benefits__contentholder h3 {
    color: #333;
    font-weight: 600;
    padding: 0 0 5px 0;
    position: relative;
    font-size: 20px;
    line-height: inherit
}

@media (min-width:992px) {
    .o-skills-benefits__contentholder h3 {
        font-size: 26px;
        padding: 0 0 25px 0
    }
}

.o-skills-benefits__contentholder p {
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .o-skills-benefits__contentholder p {
        font-size: 19px;
        line-height: 32px;
        font-family: Montserrat, sans-serif
    }
}

.o-skills-benefits__contentholder .content-panel:before {
    content: '';
    position: absolute;
    width: 76px;
    height: 72px;
    top: 50px;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media (min-width:992px) {
    .o-skills-benefits__contentholder .content-panel:before {
        right: inherit;
        left: 50%;
        margin: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.o-skills-benefits__contentholder__partners-01:before {
    content: "";
    background-position: 0 -120px
}

.o-skills-benefits__contentholder__partners-02:before {
    content: "";
    background-position: -86px -120px
}

.o-skills-benefits__contentholder__partners-03:before {
    content: "";
    background-position: -172px -120px
}

.o-skills-benefits__contentholder__partners-04:before {
    content: "";
    background-position: -258px -120px
}

.o-skills-benefits .bottom_pattern {
    padding: 40px 0;
    background-size: 50%;
    text-align: center
}

.o-skills-benefits h5 {
    color: #fff;
    font-weight: 300;
    margin-bottom: 60px;
    font-size: 20px;
    line-height: 30px
}

.o-skills-benefits--social h5 {
    font-size: 24px;
    line-height: 40px
}

.skill-why {
    padding: 40px 0 20px
}

@media (min-width:992px) {
    .skill-why {
        padding: 70px 0 50px
    }
}

.o-skills-benefits {
    padding: 40px 0 20px
}

@media (min-width:992px) {
    .o-skills-benefits {
        padding: 65px 0 50px
    }
}

.o-skills-benefits h2 {
    font-size: 24px;
    line-height: inherit;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .o-skills-benefits h2 {
        font-size: 48px;
        line-height: 61px;
        padding-bottom: 30px
    }
}

.o-skills-benefits .btn_wrapper {
    margin-top: 15px
}

@media (min-width:992px) {
    .o-skills-benefits .btn_wrapper {
        margin-top: 20px
    }
}

.skill-frame {
    padding: 45px 0 20px
}

@media (min-width:992px) {
    .skill-frame {
        padding: 75px 0 50px
    }
}

.skill-frame .experience-list ul li a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 13px 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:992px) {
    .skill-frame .experience-list ul li a {
        padding: 30px 15px;
        height: 115px
    }
}

.skill-frame h2 {
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 15px
}

@media (min-width:992px) {
    .skill-frame h2 {
        font-size: 30px;
        padding-bottom: 30px
    }
}

.prt-box-1 {
    padding-top: 145px
}

@media (min-width:992px) {
    .prt-box-1 {
        padding-top: 125px
    }
}

.prt-box-3 {
    padding-top: 145px
}

@media (min-width:992px) {
    .prt-box-3 {
        padding-top: 125px
    }
}

.prt-box-4 {
    padding-top: 145px
}

@media (min-width:992px) {
    .prt-box-4 {
        padding-top: 125px
    }
}

p.office-pra-text {
    color: #fff;
    font-size: 16px !important;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

@media (min-width:992px) {
    p.office-pra-text {
        font-size: 21px !important;
        line-height: 36px;
        margin-bottom: 0;
        font-family: Montserrat, sans-serif
    }
}

p.office-pra-text a {
    color: #fff
}

@media (min-width:992px) {
    p.office-pra-text a {
        font-family: Montserrat, sans-serif;
        text-decoration: underline
    }
}

.o-office-desk {
    color: #fff;
    position: relative;
    padding: 60px 0;
    overflow: hidden;
    text-align: center
}

.o-office-desk__content {
    margin-bottom: 20px;
    text-align: left
}

.o-office-desk__content p {
    font-size: 18px;
    line-height: 38px;
    color: #333;
    padding-top: 40px
}

.o-office-desk__content .img-holder {
    position: relative;
    text-align: center
}

.o-office-desk__content .img-holder img {
    z-index: 1;
    position: relative;
    width: 100%
}

.o-office-desk__content .img-holder:after {
    position: absolute;
    content: "";
    left: 280px;
    top: -50px;
    width: 208px;
    height: 208px;
    background-color: #ffa56d;
    display: none
}

.o-office-desk__content .img-holder--m-even {
    text-align: center
}

.o-office-desk__content .img-holder--m-even:after {
    left: 100px;
    top: -50px;
    background-color: #b8e986
}

.o-office-design {
    color: #fff;
    position: relative;
    overflow: hidden;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/office-and-infrastructure/office-design-bg.jpg) 0 50% no-repeat;
    background-size: cover;
    text-align: center
}

@media (min-width:992px) {
    .o-office-design {
        padding: 70px 0 80px
    }
}

.o-office-design h2 {
    color: #fff;
    font-size: 30px;
    text-transform: capitalize
}

@media (min-width:992px) {
    .o-office-design h2 {
        font-size: 42px
    }
}

.o-office-design p {
    font-size: 18px;
    line-height: 28px;
    color: #fff
}

.o-office-design--m-infrastructure {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/office-and-infrastructure/infrastructure-bg.jpg) 50% 50% no-repeat;
    background-size: cover
}

.o-office-design--m-infrastructure .text-content {
    background-color: rgba(0, 0, 0, .3);
    border-bottom: 3px solid #b8e986;
    padding: 30px;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 28px
}

@media (min-width:992px) {
    .o-office-design--m-infrastructure h2 {
        font-size: 48px;
        line-height: 61px;
        margin-bottom: 35px
    }
}

.o-office-video {
    color: #fff;
    position: relative;
    padding: 40px 0;
    overflow: hidden;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/office-and-infrastructure/video-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    text-align: center
}

.o-office-video iframe {
    border: 10px solid #d6d6d6
}

.o-open-office {
    position: relative;
    border-bottom: 1px solid #dedede;
    padding: 50px 0 50px 0 !important;
    overflow: hidden;
    text-align: center;
    background-size: 40%
}

@media (min-width:992px) {
    .o-open-office {
        padding: 70px 0 50px 0 !important;
        border-top: 0
    }
}

.o-open-office p {
    font-size: 24px;
    font-weight: 600
}

.o-open-office h3 {
    text-align: center;
    position: relative;
    padding-top: 0;
    padding-bottom: 40px;
    text-align: left;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 24px;
    line-height: 42px
}

@media screen and (min-width:1200px) {
    .o-open-office h3 {
        font-size: 44px;
        line-height: 62px
    }
}

.o-open-office h3:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #333;
    width: 80px;
    margin-bottom: 0
}

.o-open-office--description {
    position: relative;
    margin-bottom: 30px
}

.o-open-office--description img {
    height: auto
}

.o-open-office--description span {
    background-color: #fff;
    position: relative;
    border-bottom: 6px solid #b8e986;
    color: #333;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding: 30px 20px;
    text-align: left;
    min-height: auto;
    font-family: Montserrat, sans-serif;
    position: absolute;
    max-width: 230px;
    bottom: 50px
}

@media (min-width:992px) {
    .o-open-office--description span {
        font-size: 18px;
        line-height: 28px;
        font-family: Montserrat, sans-serif
    }
}

.o-open-office--description span.m-left {
    left: 12px
}

.o-open-office--description span.m-right {
    left: 0
}

@media (min-width:992px) {
    .o-open-office--description span.m-right {
        right: 12px;
        left: inherit
    }
}

.o-open-office--description span.m-left-top {
    left: 3px;
    bottom: 20px
}

@media (min-width:992px) {
    .o-open-office--description span.m-left-top {
        left: 0
    }
}

.o-open-office--description span.m-right-bot {
    left: 3px;
    bottom: 20px
}

@media (min-width:992px) {
    .o-open-office--description span.m-right-bot {
        right: 0;
        left: inherit
    }
}

.o-open-office--description span.org-border {
    border-bottom: 6px solid #ff8438
}

.o-open-office .btn_wrapper {
    padding-top: 5px
}

@media (min-width:992px) {
    .o-open-office .btn_wrapper {
        padding-top: 40px
    }
}

.description-box-img {
    position: relative;
    height: 500px !important
}

.o-security {
    position: relative;
    padding: 50px 0 20px !important;
    overflow: hidden;
    text-align: center;
    background-size: 40%
}

@media (min-width:992px) {
    .o-security {
        padding: 70px 0 50px 0 !important
    }
}

.o-security .security-sub-heading {
    font-size: 24px;
    font-weight: 600;
    color: #333
}

.o-security h2 {
    font-size: 30px;
    line-height: 38px;
    color: #333;
    margin-bottom: 20px;
    text-transform: capitalize
}

@media (min-width:992px) {
    .o-security h2 {
        font-size: 48px;
        line-height: 61px;
        margin-bottom: 40px
    }
}

.o-security--m-greybg {
    background-color: #fafafa;
    padding: 40px 0
}

.o-security--m-greybg h2 {
    margin-bottom: 30px
}

.o-security--m-greybg p {
    font-size: 18px;
    color: #333
}

.o-security .security-holder {
    margin-bottom: 40px
}

.o-security .security-holder:last-child {
    margin-bottom: 0
}

.o-security .security-holder:after {
    clear: both;
    content: ""
}

.o-security .security-holder .security-holder-img {
    width: 100%
}

.o-security .security-holder .security-holder-img img {
    width: 100%
}

.o-security .security-holder .security-holder-txt {
    width: 100%;
    position: relative;
    text-align: left
}

.o-security .security-holder .security-holder-txt .white-bg {
    background-color: #fff;
    z-index: 1;
    position: relative;
    padding: 20px 0
}

.o-security .security-holder .security-holder-txt .white-bg--m-greybg {
    background-color: #fafafa
}

.o-security .security-holder .security-holder-txt .white-bg h3 {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 40px;
    line-height: 40px
}

.o-security .security-holder .security-holder-txt .white-bg p {
    font-size: 18px;
    font-weight: 300
}

.o-security .security-holder .security-holder-txt .white-bg ul li {
    line-height: 35px;
    padding-bottom: 5px;
    padding-left: 30px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/office-and-infrastructure/list-bullet.png) 0 9px no-repeat
}

.o-security .security-holder .security-holder-txt.left-text-content:before {
    position: absolute;
    content: "";
    right: -50px;
    top: -50px;
    width: 208px;
    height: 208px;
    background-color: #b8e986;
    display: none
}

.o-security .security-holder .security-holder-txt.right-text-content:before {
    position: absolute;
    content: "";
    left: -50px;
    top: -50px;
    width: 208px;
    height: 208px;
    background-color: #ffa56d;
    display: none
}

.o-security .security-holder .m-left {
    float: left
}

.o-security .security-holder .m-right {
    float: right
}

.o-photo-gallery {
    position: relative;
    padding: 40px 0;
    text-align: center;
    position: relative;
    background-color: #fff
}

.o-photo-gallery h2 {
    margin: 0 0 50px
}

.o-photo-gallery__list {
    position: relative;
    margin-top: 18px
}

.o-photo-gallery__list .slick-dots li {
    width: 10px;
    height: 10px
}

.o-photo-gallery__list .slick-dots li.slick-active {
    width: 15px;
    height: 15px
}

.o-photo-gallery__list button.slick-prev {
    position: absolute;
    left: -40px;
    top: 40%;
    width: 21px;
    height: 34px;
    text-indent: -10000px;
    border-radius: 50%;
    z-index: 100;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/office-and-infrastructure/left-arrow.png) no-repeat 0 0
}

.o-photo-gallery__list button.slick-next {
    position: absolute;
    right: -40px;
    top: 40%;
    width: 21px;
    height: 34px;
    text-indent: -10000px;
    border-radius: 50%;
    z-index: 100;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/office-and-infrastructure/right-arrow.png) no-repeat 0 0
}

.o-photo-gallery__list .single-slide {
    float: left;
    position: relative;
    margin: 0 10px
}

.o-photo-gallery__list .single-slide .gal-img-holder {
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px 0 #707070;
    box-shadow: 0 0 5px 0 #707070;
    position: relative;
    margin-bottom: 20px
}

.o-photo-gallery__list .single-slide .gal-img-holder span {
    font-size: 15px;
    color: #333;
    font-weight: 600;
    padding: 15px;
    display: block;
    text-align: left
}

.o-photo-gallery__list .single-slide .gal-img-holder i {
    position: absolute;
    right: 25px;
    top: 25px
}

.o-photo-gallery .modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.o-photo-gallery .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 3px;
    width: 65%
}

.o-photo-gallery .close {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 35px;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 50px;
    width: 30px;
    height: 30px
}

.o-photo-gallery .close:focus,
.o-photo-gallery .close:hover {
    color: #999;
    text-decoration: none;
    cursor: pointer
}

.o-photo-gallery .mySlides {
    display: none
}

.o-photo-gallery .mySlides img {
    width: 100%
}

.o-photo-gallery .cursor {
    cursor: pointer
}

.o-photo-gallery .prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    border-radius: 0 3px 3px 0;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.o-photo-gallery .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    border-radius: 0 3px 3px 0;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.o-photo-gallery .next {
    right: 0;
    border-radius: 3px 0 0 3px
}

.o-photo-gallery .next:hover,
.o-photo-gallery .prev:hover {
    background-color: rgba(0, 0, 0, .8)
}

.o-photo-gallery .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0
}

.o-photo-gallery .caption-container {
    text-align: center;
    background-color: #fff;
    padding: 20px 20px 15px 20px;
    color: #fff
}

.o-photo-gallery .caption-container #caption {
    text-align: left;
    padding: 10px 0 0 0;
    margin: 0;
    font-weight: 500;
    float: left
}

.o-photo-gallery .caption-container a {
    display: none
}

.o-photo-gallery .demo {
    opacity: .6
}

.o-photo-gallery .active,
.o-photo-gallery .demo:hover {
    opacity: 1
}

.o-photo-gallery img.hover-shadow {
    -webkit-transition: .3s;
    transition: .3s
}

.o-photo-gallery .hover-shadow:hover {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.o-photo-gallery #video-gallery .mySlides {
    display: block !important
}

.company-video {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/office-and-infrastructure/video-bg2.jpg) no-repeat 0 0/cover !important
}

@media (min-width:992px) {
    .company-video {
        padding: 80px 0 75px
    }
}

@media (min-width:992px) {
    .vw-gl {
        padding: 70px 0 80px 0 !important
    }
}

@media (min-width:992px) {
    .vw-gl .btn_wrapper {
        padding-top: 10px
    }
}

.pond-rout {
    padding: 45px 0 20px !important
}

@media (min-width:992px) {
    .pond-rout {
        padding: 70px 0 50px 0 !important
    }
}

.here-details {
    border-top: 1px solid #dedede
}

@media (min-width:992px) {
    .here-details {
        border-top: 0
    }
}

.here-details .btn_wrapper-mod {
    margin-bottom: 50px !important
}

@media (min-width:992px) {
    .here-details .btn_wrapper-mod {
        margin-bottom: 0 !important
    }
}

.m-right-mod {
    left: 12px !important
}

@media (min-width:992px) {
    .m-right-mod {
        right: 12px !important;
        left: inherit !important
    }
}

.split-section {
    padding-bottom: 20px;
    padding-top: 50px !important
}

@media (min-width:992px) {
    .split-section {
        padding-bottom: 0;
        padding-top: 80px !important
    }
}

.split-section .cstm-link-p {
    text-align: center;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .split-section .cstm-link-p {
        margin-bottom: 25px
    }
}

.compliant {
    font-size: 14px;
    line-height: 19px
}

.secur {
    padding: 50px 0 20px !important
}

@media (min-width:992px) {
    .secur {
        padding: 75px 0 50px 0 !important
    }
}

.career-bnr {
    background: #091a38 !important;
    padding-top: 119px !important;
    padding-bottom: 50px !important
}

@media (min-width:992px) {
    .career-bnr {
        background: #fff !important;
        padding: 135px 20px 45px !important
    }
}

.career-bnr .o-skills-hero__background {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/career-bnr-img.jpg)
}

.career-bnr-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.career-bnr-icon-img:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    max-width: 140px
}

.career-bnr .font-family-mot {
    font-weight: 700
}

.career-bnr h1 {
    font-size: 48px;
    line-height: 66px
}

.career-bnr h2 {
    font-size: 30px;
    line-height: 26px;
    font-weight: 700;
    padding: 0;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .career-bnr h2 {
        margin-bottom: 40px;
        line-height: 36px
    }
}

.career-bnr .bnr-tag-line {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 0;
    display: block
}

@media (min-width:992px) {
    .career-bnr .bnr-tag-line {
        font-size: 24px
    }
}

@media (min-width:992px) {
    .career-bnr .bnr-tag-line {
        margin-bottom: 30px
    }
}

.career-bnr .bnr-tag-line strong {
    font-weight: 600;
    color: #49c684
}

.career-bnr .bnr-tag-line a {
    color: #fff
}

.career-bnr .btn_wrapper {
    padding-top: 25px;
    width: 340px !important;
    margin-bottom: 30px
}

.career-bnr .btn_wrapper .btn {
    max-width: 385px
}

.position {
    padding: 40px 0 50px;
    background: #f5f5f5
}

@media (min-width:992px) {
    .position {
        padding: 70px 0 80px
    }
}

.position h2 {
    text-align: center
}

.position h3 {
    text-align: center;
    position: relative;
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 25px;
    margin-top: 30px
}

@media (min-width:992px) {
    .position h3 {
        font-size: 30px
    }
}

.position h3:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 60px;
    height: 2px;
    background: #2dbe70
}

.position .backend-wrap-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.position .backend-wrap-con-box {
    position: relative;
    -webkit-box-shadow: 0 0 20px -2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px -2px rgba(0, 0, 0, .1);
    border-radius: 8px;
    background: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 19px 15px 19px 0;
    margin: 10px 20px 20px;
    height: 103px
}

@media (min-width:992px) {
    .position .backend-wrap-con-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29%;
        flex: 0 0 29%
    }
}

.position .backend-wrap-con-box-img {
    height: 64px;
    width: 64px;
    position: relative;
    left: -6px;
    float: left
}

@media (min-width:992px) {
    .position .backend-wrap-con-box-img {
        height: 80px;
        width: 80px;
        left: -10px
    }
}

.position .backend-wrap-con-box-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 85px;
    margin-top: 5px
}

@media (min-width:992px) {
    .position .backend-wrap-con-box-text {
        padding-left: 15px;
        margin-top: 0
    }
}

.position .backend-wrap-con-box-text h4 {
    font-size: 16px;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .position .backend-wrap-con-box-text h4 {
        font-size: 17px
    }
}

@media screen and (min-width:1200px) {
    .position .backend-wrap-con-box-text h4 {
        font-size: 19px
    }
}

.position .backend-wrap-con-box-text span {
    font-size: 15px;
    line-height: 28px;
    font-family: Montserrat, sans-serif;
    color: #333
}

@media screen and (min-width:992px) {
    .position .backend-wrap-con-box-text span {
        font-size: 15px
    }
}

@media screen and (min-width:1200px) {
    .position .backend-wrap-con-box-text span {
        font-size: 18px
    }
}

.position .dont-see-text {
    display: block;
    text-align: center;
    margin: 20px 0 20px;
    font-size: 20px;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .position .dont-see-text {
        font-size: 30px;
        margin: 40px 0 30px;
        font-weight: 700
    }
}

@media all and (max-width:767px) {
    .position .btn-orange {
        font-size: 14px
    }
}

.key-section {
    padding: 40px 0 47px
}

@media (min-width:992px) {
    .key-section {
        padding: 70px 0 77px
    }
}

.key-section h2 {
    text-align: center;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .key-section h2 {
        margin-bottom: 0
    }
}

.key-section p {
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-family: Montserrat, sans-serif;
    padding: 15px 0 25px
}

.key-section .key-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.key-section .key-box-img {
    width: 70px
}

.key-section .key-box-text {
    padding-left: 25px
}

.key-section .key-box-text h3 {
    font-size: 30px;
    line-height: 24px;
    color: #2dbe70;
    font-weight: 700
}

@media (min-width:992px) {
    .key-section .key-box-text h3 {
        font-size: 30px;
        line-height: 24px;
        margin-bottom: 10px
    }
}

.key-section .key-box-text p {
    text-align: left;
    font-size: 18px;
    line-height: 25px;
    padding: 0 0 5px;
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

@media (min-width:992px) {
    .key-section .key-box-text p {
        padding: 0 0 25px
    }
}

.key-section ul.slick-dots {
    margin-top: 0
}

.perks-section {
    padding: 40px 0;
    background: #f5f5f5
}

@media (min-width:992px) {
    .perks-section {
        padding: 70px 0 77px
    }
}

.perks-section ul.slick-dots {
    margin-top: 0
}

@media (min-width:992px) {
    .perks-section ul.slick-dots {
        margin-top: 30px
    }
}

.perks-section h2 {
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    font-weight: 600
}

@media (min-width:992px) {
    .perks-section h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.perks-section p {
    text-align: center;
    max-width: 1024px;
    margin: 0 auto 30px;
    font-size: 16px !important;
    line-height: 24px !important;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .perks-section p {
        font-size: 20px !important;
        line-height: 30px !important
    }
}

.perks-section-wrap {
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px auto 0
}

@media (min-width:992px) {
    .perks-section-wrap {
        margin: 40px -15px 50px
    }
}

.perks-section-wrap-box {
    padding: 28px 15px 28px 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 15px 0;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 8px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:992px) {
    .perks-section-wrap-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 22.3%;
        flex: 0 0 22.3%;
        margin: 15px 15px
    }
}

.perks-section-wrap-box span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 52px
}

@media (min-width:992px) {
    .perks-section-wrap-box span {
        display: inline-block
    }
}

.perks-section-wrap-box h5 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    margin-bottom: 0
}

@media (min-width:992px) {
    .perks-section-wrap-box h5 {
        margin-bottom: 10px
    }
}

.working h2 {
    font-size: 24px
}

@media (min-width:992px) {
    .working h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.working p {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 28px;
    padding: 0
}

@media (min-width:992px) {
    .working p {
        font-size: 20px;
        line-height: 32px
    }
}

.working .services-pan {
    border-radius: 8px
}

.process-section {
    padding: 40px 0 47px
}

@media (min-width:992px) {
    .process-section {
        padding: 70px 0 77px
    }
}

.process-section h2 {
    text-align: center;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .process-section h2 {
        margin-bottom: 5px
    }
}

.process-section p {
    text-align: center;
    max-width: 735px;
    margin: 0 auto 50px;
    font-size: 20px;
    line-height: 30px
}

.process-section .process-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 340px;
    margin: 0 auto;
    position: relative
}

@media screen and (min-width:1200px) {
    .process-section .process-wrap {
        -webkit-box-orient: inherit;
        -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
        flex-direction: inherit;
        width: 100%;
        margin: inherit
    }
}

.process-section .process-wrap-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 199px;
    flex: 0 0 199px;
    position: relative;
    margin-bottom: 25px;
    text-align: center;
    width: 199px;
    height: 199px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 25px
}

.process-section .process-wrap-box:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/path1.png) no-repeat 0 0;
    width: 199px;
    height: 100px;
    top: 0;
    left: 0
}

.process-section .process-wrap-box-img {
    width: 153px;
    height: 153px;
    border-radius: 50%;
    border: 5px solid #eaeaea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    position: relative
}

.process-section .process-wrap-box h5 {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    top: 55%;
    padding: 0 75px;
    line-height: 20px
}

.process-section .process-wrap-box:nth-child(3) h5 {
    top: 50%
}

.process-section .process-wrap-box:nth-child(2) h5 {
    padding: 0 80px
}

.process-section .process-wrap-box:last-child:after {
    display: none
}

.process-section .top-process-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: inherit;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    top: 10px
}

@media screen and (min-width:1200px) {
    .process-section .top-process-name {
        position: absolute
    }
}

.process-section .top-process-name-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:1200px) {
    .process-section .top-process-name-box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit
    }
}

.process-section .top-process-name-box h4 {
    font-size: 24px;
    line-height: 20px;
    font-weight: 500;
    padding-right: 10px;
    -ms-flex-item-align: center;
    align-self: center;
    border-right: 1px solid #e2e2e2;
    margin-bottom: 0
}

@media screen and (min-width:1200px) {
    .process-section .top-process-name-box h4 {
        -ms-flex-item-align: baseline;
        align-self: baseline;
        font-size: 30px;
        line-height: 26px;
        margin-bottom: 10px
    }
}

.process-section .top-process-name-box:nth-child(1) h4 {
    color: #36e079
}

.process-section .top-process-name-box:nth-child(2) {
    top: -8px;
    position: relative
}

.process-section .top-process-name-box:nth-child(2) h4 {
    color: #28c89a
}

@media screen and (min-width:1200px) {
    .process-section .top-process-name-box:nth-child(2) {
        top: 0;
        position: static
    }
}

.process-section .top-process-name-box:nth-child(3) {
    position: relative;
    top: -26px
}

.process-section .top-process-name-box:nth-child(3) h4 {
    color: #2bbdc3
}

@media screen and (min-width:1200px) {
    .process-section .top-process-name-box:nth-child(3) {
        top: auto;
        left: 24px
    }
}

.process-section .top-process-name-box:nth-child(4) {
    position: relative;
    top: -54px
}

.process-section .top-process-name-box:nth-child(4) h4 {
    color: #1b89af
}

@media screen and (min-width:1200px) {
    .process-section .top-process-name-box:nth-child(4) {
        position: relative;
        top: 0
    }
}

.process-section .top-process-name-box:nth-child(5) {
    position: relative;
    top: -73px
}

.process-section .top-process-name-box:nth-child(5) h4 {
    color: #036497
}

@media screen and (min-width:1200px) {
    .process-section .top-process-name-box:nth-child(5) {
        position: relative;
        top: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 213px;
        flex: 0 0 213px
    }
}

.process-section .top-process-name-box:nth-child(6) {
    position: relative;
    top: -76px
}

.process-section .top-process-name-box:nth-child(6) h4 {
    color: #2c4d82
}

@media screen and (min-width:1200px) {
    .process-section .top-process-name-box:nth-child(6) {
        position: relative;
        top: 0
    }
}

.process-section .top-process-name-box h5 {
    font-size: 17px;
    color: #333;
    line-height: 23px;
    padding-left: 15px;
    margin-bottom: 0
}

@media screen and (min-width:1200px) {
    .process-section .top-process-name-box h5 {
        margin-bottom: 10px
    }
}

.process-section .top-process-name-box:nth-child(2n+1) {
    position: relative;
    bottom: 0
}

@media screen and (min-width:1200px) {
    .process-section .top-process-name-box:nth-child(2n+1) {
        bottom: -245px
    }
}

.process-section .process-img {
    padding: 0;
    margin-bottom: 75px
}

@media screen and (min-width:1200px) {
    .process-section .process-img {
        padding: 50px 0
    }
}

.working {
    padding: 40px 0 47px;
    background: linear-gradient(172deg, #038170 2%, #00517f 36%, #023e66 56%, #051b39 100%) !important
}

@media (min-width:992px) {
    .working {
        padding: 70px 0 77px;
        background: linear-gradient(135deg, #07b260 0, #00517f 40%, #023e66 60%, #051b39 100%) !important
    }
}

.working p {
    margin-top: 10px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .working p {
        margin-top: 30px;
        margin-bottom: 40px
    }
}

.working .masonry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.working .masonry h3 {
    font-size: 20px !important;
    margin-bottom: 0
}

@media (min-width:992px) {
    .working .masonry h3 {
        font-size: 24px !important;
        margin-bottom: 0
    }
}

.working .masonry p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 15px
}

@media (min-width:992px) {
    .working .masonry p {
        font-size: 19px;
        line-height: 32px
    }
}

.working .masonry .brick {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 30px !important
}

@media (min-width:992px) {
    .working .masonry .brick {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31%;
        flex: 0 0 31%;
        padding: 40px 25px 30px !important
    }
}

.working .masonry .brick p {
    padding: 0
}

.working .masonry .brick i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 65px
}

.working .masonry .brick i img {
    height: 100%;
    width: auto
}

.working span.opportunity-text {
    display: block;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0;
    font-size: 20px;
    color: #fff;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .working span.opportunity-text {
        margin-top: 30px
    }
}

@media (min-width:992px) {
    .working span.opportunity-text {
        font-size: 30px
    }
}

.hq {
    padding: 40px 0;
    background: #f5f5f5
}

@media (min-width:992px) {
    .hq {
        padding: 70px 0 50px
    }
}

.hq ul.slick-dots {
    margin-top: 30px
}

.hq ul.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 6px
}

.hq ul.slick-dots li.slick-active {
    background: #49c684;
    width: 10px;
    height: 10px
}

.hq h2 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 36px
}

@media (min-width:992px) {
    .hq h2 {
        margin-bottom: 40px;
        font-size: 48px;
        line-height: 61px
    }
}

.hq p {
    text-align: center;
    max-width: 945px;
    margin: 0 auto 50px;
    font-size: 16px;
    line-height: 28px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .hq p {
        font-size: 20px;
        line-height: 30px
    }
}

.hq-slider-all-img {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:992px) {
    .hq-slider-all-img {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.hq-slider-all-img-box {
    margin: 0 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (min-width:992px) {
    .hq-slider-all-img-box {
        margin: 5px;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }
}

.hq-slider-all-img-box a {
    position: relative;
    display: block
}

.hq-slider-all-img-box a:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/view-icon.png) no-repeat center center;
    width: 35px;
    height: 35px;
    top: 25px;
    right: 20px
}

.hq-slider-all-img-box img {
    margin: 5px 0
}

.hq-slider-all-img img {
    width: 100%
}

.any-q {
    display: block;
    text-align: center;
    font-size: 20px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .any-q {
        font-size: 30px
    }
}

.any-q-a {
    font-size: 16px;
    margin-top: 15px;
    font-family: Montserrat, sans-serif;
    text-align: center
}

.any-q-a a {
    color: #4a90e2
}

ul.slick-dots {
    margin-top: 30px
}

ul.slick-dots li {
    width: 7px;
    height: 7px;
    margin: 0 5px;
    cursor: pointer
}

ul.slick-dots li.slick-active {
    background: #49c684;
    width: 10px;
    height: 10px
}

.display-none-f {
    display: none !important
}

@media (min-width:992px) {
    .display-none-f {
        display: block !important
    }
}

.newest-nav {
    background: #fff !important
}

.request-quote {
    background-color: transparent !important;
    font-size: 15px !important;
    border: 2px solid #ff5800 !important;
    color: #333 !important;
    font-weight: 400 !important;
    text-transform: capitalize !important
}

@media (min-width:992px) {
    .request-quote {
        font-size: 15px !important
    }
}

@media (max-width:768px) {
    .request-quote {
        font-size: 14px !important
    }
}

.hire-btn {
    background-color: #ff5800 !important;
    font-size: 15px !important;
    border: 2px solid #ff5800 !important;
    color: #fff !important;
    font-weight: 400 !important;
    width: 125px;
    padding: 10px 20px;
    border-radius: 5px;
    margin-left: 5px
}

@media all and (max-width:767px) {
    .hire-btn {
        display: none
    }
}

.new-nav .o-navigation-bar #primaryNav li .dropdown-menu li a span {
    color: #fff !important
}

.o-navigation-bar-new #primaryNav li.has-submenu>a,
.o-navigation-bar-new #primaryNav li.has-submenu>span {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/nav-down-arrow.svg) 100% 40% no-repeat !important
}

.job-left h1.subheading,
.job-left h2.subheading {
    color: #fff;
    padding-top: 20px;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
    text-align: left
}

@media screen and (min-width:992px) {

    .job-left h1.subheading,
    .job-left h2.subheading {
        font-size: 28px;
        line-height: 40px
    }
}

@media screen and (min-width:1200px) {

    .job-left h1.subheading,
    .job-left h2.subheading {
        font-size: 36px;
        line-height: 50px
    }
}

.job-left h1.subheading span,
.job-left h2.subheading span {
    color: #27c070;
    font-size: 24px;
    line-height: 32px;
    display: inline-block
}

@media screen and (min-width:992px) {

    .job-left h1.subheading span,
    .job-left h2.subheading span {
        display: inline-block;
        font-size: 36px;
        line-height: 50px
    }
}

.job-right {
    margin-top: 90px;
    position: relative;
    padding-bottom: 30px
}

.job-right .o-contact-form {
    box-shadow: -1px 1px 9px 0 rgba(0, 0, 0, .18);
    -webkit-box-shadow: -1px 1px 9px 0 rgba(0, 0, 0, .18);
    -moz-box-shadow: -1px 1px 9px 0 rgba(0, 0, 0, .18)
}

.job-bnr {
    position: absolute !important;
    height: 460px !important
}

@media screen and (min-width:992px) {
    .job-bnr {
        height: 520px !important
    }
}

@media screen and (min-width:1200px) {
    .job-bnr {
        height: 460px !important
    }
}

.from-icon {
    position: absolute;
    left: 0;
    top: -110px;
    z-index: 1
}

.job-left span.bnr-tag-line {
    font-size: 16px !important;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 700;
    margin-top: 10px !important
}

.job-left span.bnr-tag-line strong {
    color: #27c070;
    font-weight: 700
}

.job-left h3 {
    font-size: 24px;
    padding-bottom: 20px;
    color: #fff
}

@media (min-width:992px) {
    .job-left h3 {
        color: #333
    }
}

.job-left ul li {
    padding-left: 35px;
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 25px;
    position: relative;
    font-family: Montserrat, sans-serif !important;
    color: #fff
}

@media (min-width:992px) {
    .job-left ul li {
        color: #333;
        font-size: 18px;
        line-height: 32px
    }
}

.job-left ul li:before {
    content: '';
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/green-arrow.png);
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 3px;
    background-size: 71%;
    background-repeat: no-repeat
}

.job-left h2 {
    color: #fff;
    text-align: left
}

@media (min-width:992px) {
    .job-left h2 {
        padding-top: 80px;
        color: #333
    }
}

.job-left p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 25px;
    text-align: left
}

@media (min-width:992px) {
    .job-left p {
        color: #333;
        font-size: 18px;
        line-height: 32px
    }
}

.job-left-top {
    border-bottom: 1px solid #27c070;
    padding-bottom: 25px;
    margin-bottom: 25px;
    margin-top: 25px
}

.job-left-top h2 {
    font-size: 24px
}

@media screen and (min-width:992px) {
    .job-left-top h2 {
        font-size: 30px
    }
}

@media screen and (min-width:992px) {
    .job-left-top {
        padding-bottom: 40px;
        margin-bottom: 40px;
        margin-top: 40px
    }
}

.job-right .o-contact-form h2 {
    font-size: 28px;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 2.5px;
    text-shadow: 1px 1px 0 #333, -1px 1px 0 #333, 1px -1px 0 #333, -1px -1px 0 #333;
    text-align: center;
    padding: 0;
    line-height: 52px
}

@media screen and (min-width:992px) {
    .job-right .o-contact-form h2 {
        line-height: 30px;
        font-size: 40px
    }
}

@media screen and (min-width:1200px) {
    .job-right .o-contact-form h2 {
        line-height: 36px;
        font-size: 42px
    }
}

.job-right h2 span {
    background-color: #27c070;
    border-radius: 20px;
    color: #fff;
    padding: 0 20px
}

.job-right h4 {
    font-size: 18px;
    line-height: 28px;
    padding: 0;
    font-weight: 600;
    text-align: center
}

@media (min-width:992px) {
    .job-right h4 {
        padding: 0 50px
    }
}

.job-right h5 {
    font-size: 16px !important;
    line-height: 28px !important;
    padding: 20px 50px;
    font-weight: 600 !important;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    padding: 20px 20px 0 20px
}

.job-right input {
    width: 90%;
    margin: 0 20px 0 20px;
    border: 0;
    border-bottom: 1px solid #000 !important;
    padding: 30px 30px 30px 40px;
    font-size: 16px;
    color: #878787;
    font-weight: 600
}

.job-right input.input1 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/job-icon-1.png) 0 50% no-repeat !important
}

.job-right input.input2 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/job-icon-2.png) 0 50% no-repeat !important
}

.job-right input.input3 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/job-icon-3.png) 0 50% no-repeat !important
}

.job-right input.input4 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/job-icon-4.png) 0 50% no-repeat !important
}

.job-right .input5 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/job-icon-5.png) 0 50% no-repeat !important;
    width: 90%;
    margin: 0 20px 0 20px;
    border-bottom: 1px solid #ccc !important;
    padding: 30px 30px 30px 40px;
    font-size: 16px;
    color: #878787;
    font-weight: 600;
    display: inline-block
}

.job-right .input5 select {
    width: 100%;
    border: 0
}

@media (min-width:992px) {
    .job-right .input5 {
        width: 38%
    }
}

.job-right .input6 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/job-icon-6.png) 0 50% no-repeat !important;
    width: 90%;
    margin: 0 20px 0 20px;
    border-bottom: 1px solid #ccc !important;
    padding: 30px 30px 30px 40px;
    font-size: 16px;
    color: #878787;
    font-weight: 600;
    display: inline-block
}

.job-right .input6 select {
    width: 100%;
    border: 0
}

@media (min-width:992px) {
    .job-right .input6 {
        width: 38%
    }
}

.job-right input.input7 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/job-icon-7.png) 0 50% no-repeat !important
}

.job-right input.input8 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/job-icon-8.png) 0 50% no-repeat !important
}

.job-right input.input9 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/job-icon-9.png) 0 50% no-repeat !important
}

.job-right input.input10 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/job-icon-10.png) 0 50% no-repeat !important
}

.job-right .job-description-holder__attachement-text {
    text-align: left
}

.job-right label.attachement-button {
    border: 1px solid #ccc;
    padding: 12px 25px 12px 40px;
    border-radius: 7px;
    margin: 40px 10px 10px 40px;
    text-align: left;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/job-icon-11.png) 10px 50% no-repeat !important
}

.job-right .job-description-holder__attachement-text span {
    font-size: 15px;
    padding-left: 40px
}

.o-job-form {
    overflow: inherit
}

.job-right button {
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 19px 0;
    font-size: 18px;
    text-transform: uppercase;
    max-width: 100%;
    text-decoration: none;
    position: relative;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
    margin: 30px auto 40px;
    width: 100%
}

@media (min-width:992px) {
    .job-right button {
        width: 300px;
        max-width: 350px
    }
}

.job-right button:after {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: -1
}

.job-bottom {
    padding: 50px 0
}

@media (min-width:992px) {
    .job-bottom {
        padding: 0 0 60px
    }
}

.job-bottom h3 {
    font-size: 24px;
    padding-bottom: 20px;
    padding-left: 10px;
    width: 100%
}

.job-bottom ul li {
    padding-left: 35px;
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 25px;
    position: relative;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .job-bottom ul li {
        font-size: 18px;
        line-height: 32px
    }
}

.job-bottom ul li:before {
    content: '';
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/green-arrow.png);
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 3px;
    background-size: 71%;
    background-repeat: no-repeat
}

.Careers .position .btn_wrapper {
    width: 350px
}

.Careers .anchor-link {
    margin: 10px auto 0
}

.Careers .small-h1 h1 {
    margin: 30px 0 30px
}

@media (min-width:992px) {
    .Careers .small-h1 h1 {
        padding: 0;
        font-size: 55px;
        line-height: 70px;
        margin: 40px 0 40px
    }
}

@media (min-width:992px) {
    .Careers .small-h1 h2 {
        margin-bottom: 40px;
        font-size: 30px
    }
}

.Careers .faq-section {
    padding: 15px 0 50px !important
}

@media (min-width:992px) {
    .Careers .faq-section {
        padding: 65px 0 75px !important
    }
}

.Careers .o-footer {
    padding: 0 0 40px
}

.Careers ul.skill-page-mod li:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.job-heading-pan {
    background-color: #091a38;
    padding: 20px
}

.Job-Application .cn-form {
    padding: 80px 20px 20px 20px;
    position: relative;
    background: #fff
}

.job-bnr-icon-img {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px
}

.career-form {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/form-bg.jpg) no-repeat center center;
    padding: 50px 0 !important
}

@media (min-width:992px) {
    .career-form {
        padding: 80px 0 !important
    }
}

.career-form h2 {
    margin-bottom: 10px
}

.career-form p {
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .career-form p {
        font-size: 20px;
        line-height: 30px
    }
}

.career-form .form-text {
    position: relative;
    width: 100%;
    float: none;
    padding: 50px 60px;
    display: none
}

@media (min-width:992px) {
    .career-form .form-text {
        display: block
    }
}

.career-form .form-text .form-bot-text {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}

.career-form .form-bot-text .font-family-mot {
    font-size: 24px;
    font-weight: 500
}

.career-form .form-bot-text .font-family-pro {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 15px
}

.career-form .notice-period {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/form-icon6.png) no-repeat center left
}

.career-form .position-icon {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/form-icon9.png) no-repeat center left
}

.career-form .u-submit {
    padding: 15px 0
}

.career-form .form-panel {
    padding: 0;
    width: 100%;
    float: none
}

.career-form .form-panel h4 {
    position: relative;
    font-size: 28px !important;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .career-form .form-panel h4 {
        font-size: 36px !important
    }
}

.career-form .form-panel h4:before {
    content: '';
    position: absolute;
    left: 68px;
    top: -2px;
    width: 100px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/shape.png) no-repeat 0 0;
    height: 55px;
    background-size: 80%
}

@media (min-width:992px) {
    .career-form .form-panel h4:before {
        left: 91px;
        top: 0;
        width: 120px
    }
}

.career-form .form-panel h4 span {
    z-index: 99;
    position: relative;
    color: #fff
}

.career-form .form-panel form {
    padding: 53px 15px !important;
    position: relative
}

@media (min-width:992px) {
    .career-form .form-panel form {
        padding: 53px 60px !important
    }
}

.career-form .form-panel form:before {
    content: '';
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.career-form .form-panel form:after {
    content: '';
    height: 5px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.career-form .am-1 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/hr-img1.png) 50% 0 no-repeat !important
}

.career-form .am-2 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/hr-img3.png) 50% 0 no-repeat !important
}

.career-form .am-3 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/hr-img2.png) 50% 0 no-repeat !important
}

.career-form .am-4 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/hr-img5.png) 50% 0 no-repeat !important
}

.career-form .am-5 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/hr-img4.png) 50% 0 no-repeat !important
}

.career-form .am-6 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/hr-img6.png) 50% 0 no-repeat !important
}

.career-form ul li {
    padding-top: 63px !important
}

.career-form ul li span {
    font-size: 13px
}

.career-form .extra-wrap {
    max-width: 574px;
    margin: 0 auto
}

.mobile-off {
    display: none
}

@media (min-width:992px) {
    .mobile-off {
        display: block
    }
}

.mobile-on {
    display: block
}

@media (min-width:992px) {
    .mobile-on {
        display: none
    }
}

.o-contact-form--white-bg {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.form-control {
    border: 0 !important;
    display: inline-block !important;
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 34px
}

.slick-dots {
    margin-bottom: 30px;
    text-align: center
}

.slick-dots li {
    display: inline-block;
    border-radius: 50%;
    text-indent: -10000px;
    width: 5px;
    height: 5px;
    background-color: #9b9b9b;
    margin: 0 10px;
    vertical-align: middle
}

.quickform .o-contact-form--white-bg {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width:992px) {
    .quickform .o-contact-form--white-bg {
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        box-shadow: 0 0 20px rgba(0, 0, 0, .2)
    }
}

@media screen and (min-width:992px) {
    .career-bnr ul.skill-page-mod li:nth-child(4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px
    }
}

.career-bnr ul.skill-page-mod {
    display: none
}

@media screen and (min-width:992px) {
    .career-bnr ul.skill-page-mod {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.p-skills-icon {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/form-icon9.png) no-repeat center left;
    width: 85%;
    margin: 0 auto;
    border-bottom: 1px solid #000 !important;
    min-height: 64px
}

.s-skills-icon {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/form-icon9.png) no-repeat center left;
    width: 85%;
    margin: 0 auto;
    border-bottom: 1px solid #000 !important;
    min-height: 64px
}

#primary-skills,
#secondary-skills {
    height: 0;
    padding: 20px 0 0 40px;
    overflow: hidden
}

.select2-selection--multiple {
    border: 0 !important;
    border-radius: 0 !important;
    padding: 20px 20px 20px 0 !important;
    font-size: 16px;
    font-weight: 400;
    font-family: Montserrat, sans-serif !important
}

.select2-container .select2-search--inline .select2-search__field {
    font-family: Montserrat, sans-serif !important
}

.select2-results__option {
    font-family: Montserrat, sans-serif !important
}

.job-inner-right .select2-container {
    width: 85% !important;
    text-align: left
}

.job-inner-right input {
    width: 85%
}

.job-inner-right .select2-selection--multiple {
    border-bottom: 0 !important
}

.job-inner-right .select2-selection__choice:after {
    display: none
}

.job-inner-right .notice-period {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/form-icon6.png) no-repeat center left
}

.job-inner-right .position-icon {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/form-icon9.png) no-repeat center left
}

input.years-of-experience {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/job-icon-5.png) 0 50% no-repeat !important
}

.job-inner-right .attach {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-6.png) 40px 20px no-repeat;
    font-family: Montserrat, sans-serif;
    padding: 20px 50px 20px 84px;
    text-align: left
}

.job-inner-right #attachedFiles li input {
    width: 80% !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important
}

.job-inner-right #attachedFiles li button {
    display: inline-block !important;
    border: 0 !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important
}

.job-inner-right #attachedFiles li button:after {
    display: none
}

.job-inner-right .modal .close {
    width: auto !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important
}

.job-inner-right .modal p {
    color: #000 !important;
    text-align: left !important
}

.job-inner-right .modal input {
    border-bottom: 0 !important;
    padding: 0 !important;
    margin: 0 !important
}

.job-inner-right .select2-selection__choice__remove {
    width: auto !important;
    margin: 0
}

.job-inner-right .select2-selection__choice__remove:after {
    display: none
}

[data-tip] {
    position: relative
}

[data-tip]:before {
    content: '';
    display: none;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #1a1a1a;
    position: absolute;
    top: 50px;
    left: 105px;
    z-index: 8;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

[data-tip]:after {
    display: none;
    content: attr(data-tip);
    position: absolute;
    top: 55px;
    left: 40px;
    padding: 15px 20px;
    background: #1a1a1a;
    color: #fff;
    z-index: 9;
    font-size: 1em;
    height: 60px;
    line-height: 18px;
    border-radius: 3px;
    width: 85%
}

[data-tip]:hover:after,
[data-tip]:hover:before {
    display: block
}

#django-o-contact-form .alert-danger {
    margin: 0 40px
}

.career-form .select2-container .select2-search--inline .select2-search__field {
    height: 20px
}

.select2-container .select2-search--inline .select2-search__field {
    height: 20px
}

.career-widget-section #freshteam-widget {
    background: 0 0;
    min-height: 170px
}

.career-widget-section #freshteam-widget .content {
    width: 100%;
    position: relative
}

.career-widget-section #freshteam-widget .advanced-search {
    background: 0 0;
    padding: 0 0 20px
}

.career-widget-section #freshteam-widget .advanced-search .search-fields {
    background: #fff;
    padding: 30px 30px 0;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    margin-bottom: 0 !important
}

.career-widget-section #freshteam-widget .advanced-search .search-fields .toggle-and-clear {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .advanced-search .search-fields .toggle-and-clear {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 195px;
        flex: 0 0 195px
    }
}

.career-widget-section #freshteam-widget .advanced-search .search-fields .toggle-and-clear .clear-button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-left: 0;
    position: relative
}

.career-widget-section #freshteam-widget .advanced-search .search-fields .toggle-and-clear .clear-button:before {
    content: '';
    position: absolute;
    background: #ccc;
    height: 25px;
    width: 1px;
    top: 2px;
    left: 6px
}

.career-widget-section #freshteam-widget .advanced-search .search-fields .toggle-and-clear .clear-button button {
    text-align: left
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .advanced-search .search-fields .toggle-and-clear .clear-button button {
        text-align: center
    }
}

.career-widget-section #freshteam-widget .advanced-search .input-field {
    background: #fff;
    padding: 0 30px 30px;
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.career-widget-section #freshteam-widget .advanced-search .input-field input::-webkit-input-placeholder {
    opacity: 1;
    color: #333
}

.career-widget-section #freshteam-widget .advanced-search .input-field input::-moz-placeholder {
    opacity: 1;
    color: #333
}

.career-widget-section #freshteam-widget .advanced-search .input-field input:-ms-input-placeholder {
    opacity: 1;
    color: #333
}

.career-widget-section #freshteam-widget .advanced-search .input-field input::-ms-input-placeholder {
    opacity: 1;
    color: #333
}

.career-widget-section #freshteam-widget .advanced-search .input-field input::placeholder {
    opacity: 1;
    color: #333
}

.career-widget-section #freshteam-widget .advanced-search h3 {
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    width: 100%;
    margin-bottom: 25px !important
}

@media screen and (min-width:720px) {
    .career-widget-section #freshteam-widget .advanced-search h3 {
        margin-bottom: 25px
    }
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .advanced-search h3 {
        font-size: 48px;
        line-height: 61px;
        margin-bottom: 50px
    }
}

.career-widget-section #freshteam-widget .advanced-search h3:before {
    display: none
}

.career-widget-section #freshteam-widget .advanced-search .select2-container--default {
    height: 50px;
    font-family: Montserrat, sans-serif
}

.career-widget-section #freshteam-widget .advanced-search .input-field .form-control {
    height: 50px;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 10px
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .advanced-search .input-field .form-control {
        font-size: 18px
    }
}

.career-widget-section #freshteam-widget .advanced-search .input-field svg {
    left: 30px;
    width: 18px;
    height: 18px;
    top: 25px
}

.career-widget-section #freshteam-widget .advanced-search .select2-container--default .select2-selection--multiple::before {
    margin-top: 0
}

.career-widget-section #freshteam-widget .advanced-search .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 2px;
    padding-left: 0;
    margin-left: 0
}

.career-widget-section #freshteam-widget .advanced-search .select2-container--default .select2-selection--multiple .select2-selection__clear {
    padding-right: 15px
}

.career-widget-section #freshteam-widget .advanced-search .title-and-clear {
    display: block
}

@media screen and (min-width:720px) {
    .career-widget-section #freshteam-widget .advanced-search .title-and-clear {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.career-widget-section #freshteam-widget .job-role-list .role-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media screen and (min-width:720px) {
    .career-widget-section #freshteam-widget .job-role-list .role-title {
        margin-bottom: 30px
    }
}

.career-widget-section #freshteam-widget .job-role-list .role-title h5 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    position: relative;
    font-size: 22px;
    color: #333;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-role-list .role-title h5 {
        font-size: 30px;
        padding-bottom: 10px;
        margin-bottom: 0;
        margin-top: 5px
    }
}

.career-widget-section #freshteam-widget .job-role-list .role-title h5:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 60px;
    height: 2px;
    background: #2dbe70;
    display: none
}

@media screen and (min-width:720px) {
    .career-widget-section #freshteam-widget .job-role-list .role-title h5:before {
        display: block
    }
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-role-list .role-title h5:before {
        bottom: 0
    }
}

.career-widget-section #freshteam-widget .job-role-list .role-count {
    margin-right: 0;
    -ms-flex-item-align: center;
    align-self: center;
    background: 0 0;
    color: #4b8fe2;
    font-weight: 600;
    border-radius: 5px;
    font-size: 15px;
    font-family: Montserrat, sans-serif
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-role-list .role-count {
        font-size: 16px
    }
}

.career-widget-section #freshteam-widget .job-role-list .job-list .job-title {
    font-size: 20px;
    font-weight: 500;
    font-family: Montserrat, sans-serif
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-role-list .job-list .job-title {
        font-size: 24px
    }
}

.career-widget-section #freshteam-widget .job-role-list .job-list .job-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat, sans-serif
}

.career-widget-section #freshteam-widget .job-role-list .job-list .location-info {
    font-family: Montserrat, sans-serif;
    font-size: 15px
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-role-list .job-list .location-info {
        font-size: 18px
    }
}

.career-widget-section #freshteam-widget .job-role-list .job-list .location-info br {
    display: inline-block
}

.career-widget-section #freshteam-widget .job-role-list .job-list .location-info .location-icon {
    color: #07b260
}

.career-widget-section #freshteam-widget .job-role-list .job-list .job-location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-role-list .job-list .job-location {
        display: block;
        text-align: right;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.career-widget-section #freshteam-widget .job-role-list .job-list li {
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in
}

.career-widget-section #freshteam-widget .job-role-list .mobile-role-count {
    color: #4b8fe2
}

.career-widget-section #freshteam-widget .job-role-list .no-jobs-found .not-found-title {
    font-family: Montserrat, sans-serif
}

.career-widget-section #freshteam-widget .job-role-list .no-jobs-found p {
    font-family: Montserrat, sans-serif;
    font-size: 16px
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-role-list .no-jobs-found p {
        font-size: 18px
    }
}

.career-widget-section #freshteam-widget .job-details-header {
    background: linear-gradient(138deg, #165b5e 0, #0f3a4a 17%, #091b38 50%);
    padding: 30px 15px
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-details-header {
        padding: 30px
    }
}

.career-widget-section #freshteam-widget .job-details-header .col-xs-4 {
    text-align: left
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-details-header .col-xs-4 {
        text-align: right;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.career-widget-section #freshteam-widget .job-details-header h1 {
    font-family: Montserrat, sans-serif;
    text-align: left !important
}

.career-widget-section #freshteam-widget .job-details-header .btn-primary {
    background: #ff5800;
    color: #fff;
    font-weight: 500;
    border: 1px solid #ff5800;
    margin: 0 auto !important;
    width: auto;
    display: block
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-details-header .btn-primary {
        width: auto;
        margin: 0 !important;
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .job-details-header .text-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-details-header .text-color {
        margin-bottom: 0
    }
}

.career-widget-section #freshteam-widget .job-details-header .text-color div {
    margin-left: 20px
}

.career-widget-section #freshteam-widget #freshteam-jobs-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

@media screen and (min-width:720px) {
    .career-widget-section #freshteam-widget #freshteam-jobs-back {
        margin-bottom: 20px
    }
}

.career-widget-section #freshteam-widget #freshteam-jobs-back:hover {
    color: #2dbe70
}

.career-widget-section #freshteam-widget #freshteam-jobs-back:hover svg {
    fill: #2dbe70
}

.career-widget-section #freshteam-widget .icon-arrow-left {
    width: 15px;
    margin-right: 10px
}

.career-widget-section #freshteam-widget .job-details-content {
    margin-top: 5px
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-details-content {
        margin-top: 25px
    }
}

.career-widget-section #freshteam-widget .job-details-content p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
    font-family: Montserrat, sans-serif
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-details-content p {
        font-size: 18px;
        line-height: 27px
    }
}

.career-widget-section #freshteam-widget .job-details-content p br {
    display: none
}

.career-widget-section #freshteam-widget .job-details-content p strong {
    font-size: 20px;
    margin-bottom: 25px;
    display: block;
    margin-top: 20px;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-details-content p strong {
        font-size: 24px
    }
}

.career-widget-section #freshteam-widget .job-details-content div {
    font-family: Montserrat, sans-serif;
    margin-bottom: 25px
}

.career-widget-section #freshteam-widget .job-details-content div br {
    display: none
}

.career-widget-section #freshteam-widget .job-details-content div strong {
    font-size: 20px;
    margin-bottom: 25px;
    display: block;
    margin-top: 20px;
    font-weight: 600;
    display: inline
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-details-content div strong {
        font-size: 24px
    }
}

.career-widget-section #freshteam-widget .job-details-content ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
    font-family: Montserrat, sans-serif
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-details-content ul li {
        font-size: 18px;
        line-height: 27px
    }
}

.career-widget-section #freshteam-widget .job-details-content ul li:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/green-arrow.png) no-repeat 0 0/contain;
    width: 20px;
    height: 20px;
    left: 0;
    top: 4px
}

.career-widget-section #freshteam-widget .select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    padding-left: 12px !important;
    background: #f7f7f7
}

.career-widget-section #freshteam-widget .col-xs-8 {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .col-xs-8 {
        width: 66.66667%
    }
}

.career-widget-section .select2-selection--multiple {
    padding: 8px 20px 0 0 !important
}

.career-widget-section .remote-toggle span {
    font-family: Montserrat, sans-serif;
    font-size: 15px
}

.career-widget-section #job-applicant-form .application-form {
    margin: 25px auto;
    background-color: #fff;
    padding: 25px
}

p.any-q-a {
    margin: 15px auto 25px
}

#freshteam-widget .search-fields .clear-button>button {
    color: #ff5800 !important;
    padding: 0
}

#freshteam-widget .job-list .job-location .location-icon {
    color: #4b8fe2 !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

@media screen and (min-width:720px) {
    #freshteam-widget .job-list .job-location .location-icon {
        display: inherit;
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        text-align: inherit
    }
}

#freshteam-widget .icon-arrow-right {
    fill: #4b8fe2 !important
}

#freshteam-widget .job-list>li:hover {
    background-color: #e5fff1 !important;
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .15)
}

#freshteam-widget .clear-button-mobile {
    color: #ff5800 !important;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    left: 140px;
    width: auto
}

#freshteam-widget .clear-button-mobile:before {
    content: '';
    position: absolute;
    background: #ccc;
    height: 25px;
    width: 1px;
    top: 0;
    left: -4px
}

@media screen and (min-width:720px) {
    #freshteam-widget .clear-button-mobile {
        width: inherit
    }
}

#freshteam-widget .select2-container--default:not(.form-control-highlight) .select2-search__field {
    padding-left: 0 !important
}

#freshteam-widget .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 3px 0 !important
}

#freshteam-widget #ft-input-close-icon.close-icon {
    width: auto;
    right: 35px !important;
    top: 18px
}

.career-widget-section #freshteam-widget {
    font-family: Montserrat, sans-serif !important
}

.career-widget-section #freshteam-widget .application-form {
    padding: 5px 15px 25px
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form {
        max-width: 980px;
        border: 1px solid #ebeaea;
        border-radius: 8px;
        -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
        margin-top: 70px;
        padding: 25px 35px 50px
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group {
    font-family: Montserrat, sans-serif !important
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(4) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(4) {
        width: 31.86%;
        margin-right: 15px;
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(5) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(5) {
        width: 31.86%;
        margin-right: 15px;
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(6) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(6) {
        width: 31.86%;
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(7) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(7) {
        width: 31.86%;
        margin-right: 15px;
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(8) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(8) {
        width: 31.86%;
        margin-right: 15px;
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(9) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(9) {
        width: 31.86%;
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(10) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(10) {
        margin-right: 15px
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(11) {
    width: 100%
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(19) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(19) {
        width: 31.86%;
        margin-right: 15px;
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(20) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(20) {
        width: 31.86%;
        display: inline-block;
        margin-right: 15px
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(21) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(21) {
        width: 31.86%;
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group:nth-child(22) {
    width: 100%
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group input,
.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group select,
.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group textarea {
    border-bottom: 1px solid #ccc !important;
    border-radius: 0
}

@media screen and (min-width:992px) {

    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group input,
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group select,
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group textarea {
        border: 1px solid #ccc !important
    }
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group {
        margin-bottom: 25px
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group label {
    font-size: 14px;
    line-height: 22px;
    padding-left: 0;
    margin-left: 0
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group label {
        font-size: 16px;
        line-height: inherit
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group label.complex-field-label {
    font-size: 18px
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group .link-label {
    padding-right: 50px
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .form-group .link-label {
        padding-right: 0
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .link-group {
    position: relative
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .link-group .form-group {
    width: 100% !important;
    margin-right: 0 !important
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .link-group button.btn-add {
    position: relative;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    color: #333;
    border-radius: 5px;
    z-index: 99;
    background: #dde9f7;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .link-group button.btn-add {
        top: -41px;
        margin: 0 0 auto auto
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .link-group button.btn-add:hover {
    background: #b4ceed
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .employer-group .form-group:nth-child(1) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .employer-group .form-group:nth-child(1) {
        width: 48.9%;
        display: inline-block;
        margin-right: 15px
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .employer-group .form-group:nth-child(2) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .employer-group .form-group:nth-child(2) {
        width: 48.9%;
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .employer-group .form-group:nth-child(3) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .employer-group .form-group:nth-child(3) {
        width: 48.9%;
        display: inline-block;
        margin-right: 15px
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .employer-group .form-group:nth-child(4) {
    width: 100%;
    margin-right: 0
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .employer-group .form-group:nth-child(4) {
        width: 48.9%;
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .employer-group .form-group:nth-child(5) {
    width: 100%;
    margin: 10px 0 20px
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .employer-group .form-group:nth-child(6) {
    width: 100%
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .employer-group .form-group:nth-child(6) textarea {
    height: 70px
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .employer-group .form-group .form-group {
    width: 100%;
    display: block;
    margin-bottom: 0;
    margin-right: 0
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .employer-group label {
    background: #fbfbfb
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group .form-group:nth-child(1) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group .form-group:nth-child(1) {
        width: 31.86%;
        display: inline-block;
        margin-right: 15px
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group .form-group:nth-child(2) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group .form-group:nth-child(2) {
        width: 31.86%;
        display: inline-block;
        margin-right: 15px
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group .form-group:nth-child(3) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group .form-group:nth-child(3) {
        width: 31.86%;
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group .form-group:nth-child(4) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group .form-group:nth-child(4) {
        width: 48.9%;
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group .form-group:nth-child(5) {
    width: 100%;
    margin-right: 0
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group .form-group:nth-child(5) {
        width: 48.9%;
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group .form-group:nth-child(6) {
    width: 100%
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group .form-group:nth-child(6) {
        margin-right: 0
    }
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group .form-group:nth-child(7) {
    width: 100%;
    margin-right: 0
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group .form-group .form-group {
    width: 100%;
    display: block;
    margin-bottom: 0
}

.career-widget-section #freshteam-widget .application-form #freshhr_applicant_form .education-group label {
    background: #fbfbfb
}

.career-widget-section #freshteam-widget .application-form h3 {
    font-size: 22px;
    font-family: Montserrat, sans-serif;
    color: #333;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form h3 {
        font-size: 28px
    }
}

.career-widget-section #freshteam-widget .application-form .g-recaptcha>div {
    width: 100% !important
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .application-form .g-recaptcha>div {
        width: 304px !important
    }
}

.career-widget-section #freshteam-widget .application-form .g-recaptcha iframe {
    width: 100%
}

.career-widget-section #freshteam-widget .btn-add {
    background: #4b8fe2;
    border: 1px solid #4b8fe2;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 200px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .btn-add {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        display: inherit
    }
}

.career-widget-section #freshteam-widget .btn-add:hover {
    color: #eae7e7;
    background: #2374d7
}

.career-widget-section #freshteam-widget .btn-add:focus {
    outline: 0;
    border: 1px solid #4b8fe2;
    color: #fff
}

.career-widget-section #freshteam-widget #applicant_submit {
    margin: 0 auto;
    background: #ff5800;
    border: 1px solid #ff5800;
    font-family: Montserrat, sans-serif !important;
    font-weight: 500;
    display: block;
    border-radius: 5px
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget #applicant_submit {
        display: inline-block
    }
}

.career-widget-section #freshteam-widget .resume-upload .upload-file {
    font-size: 16px
}

.career-widget-section #freshteam-widget .resume-upload #uploadValue {
    font-size: 15px;
    padding: 8px 10px;
    border-radius: 5px;
    text-transform: capitalize;
    font-weight: 500;
    color: #333
}

.career-widget-section #freshteam-widget .resume-upload:hover #uploadValue {
    background: #4b8fe2;
    border-color: #4b8fe2;
    color: #fff
}

.career-widget-section #freshteam-widget .complex-field {
    background: #fbfbfb;
    padding: 10px 10px 20px
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .complex-field {
        padding: 25px 25px 25px
    }
}

.career-widget-section #freshteam-widget .complex-field-label {
    background: #fbfbfb
}

.career-widget-section #freshteam-widget .vertical-align span {
    position: relative;
    top: -2px
}

.career-widget-section #freshteam-widget .job-details-content .container-fluid {
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .job-details-content .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }
}

.career-widget-section #freshteam-widget .form-control {
    height: 42px
}

.career-widget-section #freshteam-widget .btn-remove {
    background: #f5e0e0;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 200px
}

@media screen and (min-width:992px) {
    .career-widget-section #freshteam-widget .btn-remove {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        display: inherit
    }
}

.career-widget-section #freshteam-widget .btn-remove:hover {
    background: #e9b9b9
}

.padding-25-modify {
    padding-top: 25px
}

@media screen and (min-width:992px) {
    .padding-25-modify {
        padding-top: 0
    }
}

.job-left h1 {
    font-size: 24px
}

@media screen and (min-width:992px) {
    .job-left h1 {
        font-size: 24px
    }
}

.job-left h1 span {
    font-size: 24px
}

@media screen and (min-width:992px) {
    .job-left h1 span {
        font-size: 24px
    }
}

.faq-pan-modify {
    position: relative
}

.video-testimonial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .video-testimonial {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 40px
    }
}

.video-testimonial-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 15px 0;
    margin: 0 5px
}

@media screen and (min-width:992px) {
    .video-testimonial-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 15px;
        margin: 0
    }
}

.video-testimonial-wrapper h6 {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .video-testimonial-wrapper h6 {
        font-size: 18px;
        margin-top: 25px;
        text-align: left
    }
}

.video-testimonial-wrapper h6 span {
    display: block;
    color: #36df7d
}

.video-testimonial .pl-0 {
    padding-left: 0
}

.video-testimonial .pr-0 {
    padding-right: 0
}

.video-testimonial-box {
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    border: 1px solid #c5c5c5
}

@media screen and (min-width:992px) {
    .video-testimonial-box {
        height: 170px
    }
}

@media screen and (min-width:1200px) {
    .video-testimonial-box {
        height: 208px
    }
}

.video-testimonial-box .thumb-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video-testimonial-box .vid-play-btn {
    background: rgba(0, 0, 0, .32);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.video-testimonial-box .vid-play-btn:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/blue-play-btn.png) no-repeat center center;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    width: 62px;
    height: 62px
}

.video-testimonial-box:hover .vid-play-btn {
    background: rgba(0, 0, 0, .16)
}

.video-testimonial-box:hover .vid-play-btn:before {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.video-testimonial ul.slick-dots {
    margin-top: 0
}

.testimonial-clip-modal {
    z-index: 9999999;
    background: rgba(0, 0, 0, .95)
}

.testimonial-clip-modal .modal-header {
    border: 0;
    height: 0;
    padding: 0
}

.testimonial-clip-modal .modal-header .btn-close {
    position: absolute;
    top: 0;
    right: 20px;
    background-color: #fff;
    opacity: 1;
    border-radius: 50%
}

@media screen and (min-width:992px) {
    .testimonial-clip-modal .modal-header .btn-close {
        top: -7px;
        right: 64px
    }
}

.testimonial-clip-modal .modal-content {
    background: 0 0;
    padding: 0;
    border: 0
}

.testimonial-clip-modal .modal-content .modal-body {
    padding: 0
}

.testimonial-clip-modal .modal-dialog {
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .testimonial-clip-modal .modal-dialog {
        max-width: 990px !important
    }
}

.career-bnr .btn-center-block {
    width: 100% !important
}

@media screen and (min-width:992px) {
    .career-bnr .btn-center-block {
        width: 310px !important
    }
}

.owl-carousel .owl-dots {
    text-align: center;
    margin-bottom: 30px
}

.owl-carousel .owl-dots .owl-dot {
    width: 7px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    background: #9b9b9b;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer
}

.owl-carousel .owl-dots .owl-dot.active {
    background: #49c684;
    width: 10px;
    height: 10px
}

.vid-testimonial-slider .owl-dots {
    margin-bottom: 30px
}

.o-terms-heading {
    padding: 140px 0 0;
    text-align: center
}

.o-terms-heading h1 {
    position: relative;
    padding-bottom: 40px
}

.o-terms-heading h1:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100px;
    height: 8px;
    background-color: #333
}

.o-terms p {
    font-size: 16px !important;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .o-terms p {
        font-size: 17px !important;
        line-height: 30px;
        font-family: Montserrat, sans-serif
    }
}

.privacy-policy {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #414446;
    font-size: 15px;
    line-height: 24px
}

@media (min-width:992px) {
    .privacy-policy {
        font-size: 16px;
        line-height: 28px
    }
}

.privacy-policy .c-ticked-list {
    margin: 0 0 25px 0
}

.privacy-policy .c-ticked-list li {
    position: relative;
    display: block;
    padding: 0 0 10px 35px;
    line-height: 30px;
    font-family: Montserrat, sans-serif;
    font-size: 19px
}

@media (min-width:992px) {
    .privacy-policy .c-ticked-list li {
        padding-bottom: 15px;
        line-height: 24px;
        font-family: Montserrat, sans-serif;
        font-size: 16px
    }
}

.privacy-policy .c-ticked-list li:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/icon-bullet-dark.svg) 50% 50% no-repeat;
    background-size: contain
}

@media (min-width:1024px) {
    .privacy-policy .c-ticked-list li:before {
        top: 1px
    }
}

.privacy-policy .common-bg-holder h5,
.privacy-policy .common-bg-holder h6 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px
}

.privacy-policy .common-bg-holder h5 {
    font-size: 24px;
    line-height: 32px
}

.privacy-policy .common-bg-holder h6 {
    font-size: 22px;
    line-height: 34px
}

.privacy-policy .common-bg-holder p {
    margin-bottom: 20px
}

@media (min-width:992px) {
    .privacy-policy .common-bg-holder p {
        margin-bottom: 25px
    }
}

.privacy-policy-mod .common-bg-holder {
    color: #333 !important
}

.privacy-policy-mod .common-bg-holder span {
    font-size: 17px !important;
    line-height: 30px !important;
    color: #333 !important
}

.privacy-policy-mod .common-bg-holder span span a {
    font-size: 15px !important;
    line-height: 24px !important
}

.privacy-policy-mod .common-bg-holder span a span {
    font-size: 15px !important;
    line-height: 24px !important
}

.privacy-policy-mod .common-bg-holder li {
    list-style: decimal;
    list-style-position: inside
}

.refund-policy h2 {
    text-transform: uppercase
}

.refund-policy h3 {
    text-transform: uppercase;
    margin: 40px 0 15px;
    color: #000;
    font-size: 32px
}

.refund-policy h3.mb-25 {
    margin-bottom: 25px
}

.refund-policy ol li {
    color: #000;
    padding-bottom: 15px;
    font-size: 19px;
    line-height: 32px
}

.refund-policy ol li:last-child {
    padding-bottom: 0
}

.refund-policy p {
    color: #000
}

.o-terms .refund-policy p {
    font-size: 20px !important
}

@media (min-width:992px) {

    .cookie-policy-h1,
    .disclaimer-h1,
    .privacy-policy-h1,
    .refund-policy-h1,
    .terms-condition-h1 {
        font-size: 48px;
        line-height: 61px
    }
}

.o-skills-hero__case-studies__banner-image {
    padding: 50px 0 0
}

@media screen and (min-width:768px) {
    .o-skills-hero__case-studies__banner-image {
        padding: 0
    }
}

.o-skills-hero__case-studies__banner-content {
    text-align: center
}

@media (min-width:992px) {
    .o-skills-hero__case-studies__banner-content {
        text-align: left
    }
}

.o-skills-hero__case-studies__banner-content h4 {
    color: #14df7d;
    font-family: Montserrat, sans-serif
}

.o-skills-hero__case-studies__banner-content h2 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.o-skills-hero__case-studies__banner-content p {
    color: #14df7d;
    font-family: Montserrat, sans-serif;
    font-size: 25px;
    line-height: 43px;
    font-weight: 600;
    margin-bottom: 0;
    border-bottom: 1px solid #14df7d;
    display: inline-block;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .o-skills-hero__case-studies__banner-content p {
        font-size: 30px;
        line-height: 43px;
        border-bottom: 0
    }
}

.o-skills-hero__case-studies__banner-content h1 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: none
}

@media screen and (min-width:768px) {
    .o-skills-hero__case-studies__banner-content h1 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (min-width:992px) {
    .o-skills-hero__case-studies__banner-content h1 {
        font-size: 46px;
        line-height: 61px
    }
}

.o-skills-hero__case-studies__technology-div h2 {
    font-size: 24px
}

.o-skills-hero__case-studies__technology-div ul {
    display: block;
    text-align: center
}

.o-skills-hero__case-studies__technology-div ul li {
    vertical-align: top;
    display: inline-block;
    margin: 0 6px;
    font-family: Montserrat, sans-serif
}

.o-skills-hero__case-studies__technology-div ul li span {
    display: block;
    width: 100px;
    height: 100px;
    text-align: center;
    padding: 20px 10px;
    border: 2px solid #14df7d;
    border-radius: 50%;
    margin-bottom: 10px;
    color: #fff;
    font-size: 11px;
    font-family: Montserrat, sans-serif;
    position: relative
}

.o-skills-hero__case-studies__technology-div ul li span a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.o-skills-hero__case-studies__technology-div ul li span img {
    margin-bottom: 3px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    width: 42px
}

.o-skills-hero__case-studies__technology-div ul li span img.wdth-25 {
    width: 25px
}

.o-skills-hero__case-studies__technology-div ul li span img.wdth-15 {
    width: 15px
}

.o-skills-hero__case-studies__technology-div ul li span .vertical-image-resize {
    height: 54px;
    width: auto
}

@media screen and (min-width:992px) {
    .o-skills-hero__case-studies__technology-div ul li span .transip {
        width: 70px;
        height: 70px
    }
}

.o-case-study__clients__the-client-content {
    padding: 0
}

@media (min-width:992px) {
    .o-case-study__clients__the-client-content {
        padding: 30px 0 0 0
    }
}

.o-case-study__clients__the-client-content h3 {
    font-size: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0
}

.o-case-study__clients__the-client-content h4 {
    font-size: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 0
}

@media (min-width:992px) {
    .o-case-study__clients__the-client-content p {
        font-size: 19px;
        line-height: 30px
    }
}

.o-case-study__clients__the-client-content ul {
    margin-bottom: 15px;
    margin-top: 15px
}

@media (min-width:992px) {
    .o-case-study__clients__the-client-content ul {
        margin-top: 0
    }
}

.o-case-study__clients__the-client-content ul li {
    padding-left: 35px;
    padding-bottom: 15px;
    font-size: 19px;
    line-height: 32px;
    position: relative;
    font-family: Montserrat, sans-serif;
    position: relative
}

.o-case-study__clients__the-client-content ul li:before {
    content: '';
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/green-arrow.png);
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 3px;
    background-size: 100%
}

.o-case-study__clients__the-client-content ul.number-style li::before {
    background-image: none !important;
    top: 0 !important
}

.o-case-study__clients__the-client-content ul.number-style .number-style1::before {
    content: '1.'
}

.o-case-study__clients__the-client-content ul.number-style .number-style2::before {
    content: '2.'
}

.o-case-study__clients__the-client-content ul.number-style .number-style3::before {
    content: '3.'
}

.o-case-study__clients__the-client-content ul.number-style .number-style4::before {
    content: '4.'
}

.o-case-study__clients__the-client-content ul.number-style .number-style5::before {
    content: '5.'
}

.o-case-study__clients__the-client-content ul.number-style .number-style6::before {
    content: '6.'
}

.o-case-study__clients__the-client-content ul.number-style .number-style7::before {
    content: '7.'
}

.o-case-study__clients__the-client-content ul.number-style .number-style8::before {
    content: '8.'
}

.o-case-study__clients__the-client-content__services {
    padding: 60px 0 0 0
}

.o-case-study__clients__the-client-content__services ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.o-case-study__clients__the-client-content__services ul li {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    font-size: 30px !important;
    font-weight: 500;
    line-height: 25px;
    width: 170px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .o-case-study__clients__the-client-content__services ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

.o-case-study__clients__the-client-content__services ul li span {
    display: block;
    min-height: 60px;
    font-size: 16px
}

.o-case-study__clients__the-client-content__services ul li span img {
    margin-bottom: 10px
}

.o-case-study__clients__the-client-content__services ul li span:last-child {
    min-height: auto !important
}

.o-case-study__clients__the-client-content__services ul li:before {
    display: none
}

.o-case-study__clients__the-client-content__services ul li:after {
    content: '';
    border-right: 1px solid #d8d8d8;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.o-case-study__clients__the-client-content__services ul li:last-of-type:after {
    content: '';
    border-right: 1px solid transparent
}

@media (min-width:992px) {
    .o-case-study__clients__the-client-content__services ul li:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        padding-right: 50px !important
    }
}

.o-case-study__clients__the-client-content .the-results {
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0)
}

.o-case-study__clients__the-client-content .results-content {
    background-color: #fff;
    color: #333
}

.o-case-study__clients__the-client-content .results-content ul li {
    font-family: Montserrat, sans-serif
}

.o-case-study__clients__the-client-content .results-content ul li:before {
    width: 20px;
    height: 20px;
    top: 5px;
    background-size: 100%;
    content: '';
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/green-arrow.png);
    position: absolute;
    left: 0
}

.o-case-study__clients__the-client-content .results-content h4 {
    margin: 0
}

.o-case-study__clients__the-client-content__icon-header {
    position: relative
}

.o-case-study__clients__the-client-content__icon-header img {
    position: absolute;
    max-width: 36px
}

.o-case-study__clients__the-client-content__icon-header h4 {
    padding-left: 55px
}

.o-case-study__clients__the-results {
    position: relative;
    padding-top: 100px
}

.o-case-study__clients__the-results__div {
    padding-top: 10px
}

.o-case-study__clients__the-results__div h4 {
    color: #05b281;
    padding-bottom: 20px
}

.font-size-24-i {
    font-size: 24px !important;
    line-height: 32px !important
}

.padding-top-60 {
    padding-top: 60px
}

.o-case-studies-new {
    padding: 15px 0 20px
}

@media (min-width:992px) {
    .o-case-studies-new {
        padding: 65px 0 50px
    }
}

@media (min-width:992px) {
    .o-case-studies-new .btn_wrapper {
        margin-top: 0
    }
}

@media (min-width:992px) {
    .o-case-studies-new .filter {
        margin-bottom: 10px;
        text-align: right
    }
}

.o-case-studies-new .filter span.flt-tech {
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    color: #000
}

@media (min-width:992px) {
    .o-case-studies-new .filter span.flt-tech {
        margin-right: 0;
        margin-left: 15px;
        font-size: 16px
    }
}

.o-case-studies-new .filter ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.o-case-studies-new .filter ul li label {
    cursor: pointer
}

.o-case-studies-new .product {
    width: 90%;
    margin: 15px;
    text-align: center;
    border: 1px solid #eaeaea;
    padding: 20px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 15px 0 #00000030;
    box-shadow: 0 0 15px 0 #00000030;
    background-color: #fff;
    overflow: hidden
}

@media (min-width:992px) {
    .o-case-studies-new .product {
        min-height: 430px
    }
}

.o-case-studies-new .product a img {
    width: 100%
}

.o-case-studies-new .product-portfolio {
    width: 100%;
    float: left;
    text-align: center;
    min-height: 340px;
    padding: 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .25);
    border: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #fff
}

.o-case-studies-new .product-portfolio h3 {
    padding: 10px 0;
    min-height: 70px;
    text-align: left;
    font-weight: 400
}

.o-case-studies-new .product-portfolio p {
    font-weight: 500;
    text-align: left
}

.o-case-studies-new .product-portfolio img {
    margin-left: 0;
    margin-right: 0
}

.o-case-studies-new .product-portfolio .pp-thumb {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.o-case-studies-new .product-portfolio .p-button {
    border: 1px solid #a4bb66;
    border-radius: 5px;
    display: block;
    margin-bottom: 10px;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    margin-left: 20px;
    margin-right: 20px
}

.o-case-studies-new .product-portfolio .p-button:hover {
    background-color: #a4bb66;
    color: #fff
}

.o-case-studies-new .product-portfolio .p-link {
    margin-bottom: 10px;
    color: #333;
    font-size: 13px;
    font-weight: 300;
    background: url(assets/images/portfolio/link-icon.html) 83% 6px no-repeat;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    width: 120px;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 2px 0 2px 19px;
    border-radius: 20px;
    float: right
}

.o-case-studies-new .product-portfolio .p-link:hover {
    color: #fff;
    background: url(assets/images/portfolio/link-icon-hover.html) 83% 6px no-repeat #ff5800
}

.o-case-studies-new .product-portfolio .bottom-casestudies {
    padding: 0 20px;
    text-align: left !important
}

.o-case-studies-new .product-portfolio .bottom-casestudies .country-code {
    text-indent: 0 !important;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 30px !important;
    display: inline-block !important
}

.o-case-studies-new .product-portfolio .bottom-casestudies .country-code img {
    width: auto
}

.o-case-studies-new .product-portfolio .bottom-casestudies img {
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin-left: 0 !important;
    margin-right: 15px !important;
    width: 20px
}

.o-case-studies-new .product span {
    text-indent: -10000px;
    font-size: 0;
    line-height: 0;
    display: none
}

.o-case-studies-new .product h3 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    height: 80px;
    overflow: hidden
}

.o-case-studies-new .product h3 a {
    color: #000
}

.o-case-studies-new .product h2 {
    font-size: 17px;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    overflow: hidden
}

@media (min-width:992px) {
    .o-case-studies-new .product h2 {
        margin-top: 20px;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0;
        padding-bottom: 15px
    }
}

.o-case-studies-new .product h2 a {
    color: #000
}

.o-case-studies-new .product p {
    font-size: 15px;
    line-height: 21px;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    min-height: 85px;
    text-align: left;
    padding-bottom: 5px
}

@media (min-width:992px) {
    .o-case-studies-new .product p {
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 20px;
        margin-top: 0
    }
}

.o-case-studies-new .product .bottom-casestudies {
    text-align: center;
    overflow: hidden
}

.o-case-studies-new .product .bottom-casestudies a.color-icon {
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    margin: 0 10px 0 0;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 50%
}

.o-case-studies-new .product .bottom-casestudies a.color-icon img {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0
}

.o-case-studies-new .product .bottom-casestudies .btn-casestudies {
    padding: 0 13px;
    float: none;
    display: block;
    margin: 0 auto 0;
    max-width: 200px;
    background-color: #fff;
    color: #ff5800;
    float: right
}

@media (min-width:992px) {
    .o-case-studies-new .product .bottom-casestudies .btn-casestudies {
        padding: 0 15px
    }
}

.o-case-studies-new .product .bottom-casestudies .btn-casestudies:hover {
    background-color: #ff5800;
    color: #fff;
    border: 2px solid #ff5800
}

.o-case-studies-new .product .bottom-casestudies .btn-casestudies1 {
    padding: 13px 32px;
    float: left;
    display: block;
    margin: 10px auto 0;
    max-width: 200px;
    background-color: #fff;
    color: #333;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study-home/icon-pdf.svg) 0 50% no-repeat;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: relative
}

.o-case-studies-new .product .bottom-casestudies .btn-casestudies1:after {
    content: "";
    position: absolute;
    left: 32px;
    bottom: 9px;
    width: 100px;
    background-color: #c3c3c3;
    height: 1px
}

.o-case-studies-new .product .bottom-casestudies .btn-casestudies1:hover::after {
    background-color: #494646
}

.o-case-studies-new .filter-height {
    height: 340px;
    overflow-y: scroll;
    margin: 0 0 50px 0;
    display: none;
    position: absolute;
    z-index: 9;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 25px;
    right: 0;
    top: 2px;
    text-align: left;
    min-width: 215px
}

.o-case-studies-new .filter-height ul li .case-study-label {
    position: relative;
    line-height: 100%;
    cursor: pointer
}

.o-case-studies-new .filter-height ul li:last-child {
    padding-bottom: 0
}

.o-case-studies-new .tech-filter-height {
    z-index: 99
}

.o-case-studies-new .filter-height ul li {
    padding: 0 0 12px;
    position: relative
}

.o-case-studies-new .filter-height ul li img {
    margin-right: 10px;
    width: 20px
}

.o-case-studies-new .filter-height ul li input {
    margin: 0 5px 0 0;
    cursor: pointer
}

.btn-casestudies {
    display: inline-block;
    outline: 0;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    background: #ff5800;
    border-radius: 4px;
    font-size: 15px;
    line-height: 38px;
    text-transform: uppercase;
    border: 2px solid #ff5800;
    padding: 0 27px
}

@media (min-width:992px) {
    .btn-casestudies {
        font-size: 16px;
        line-height: 43px
    }
}

.btn-casestudies:hover {
    color: #fff;
    border-color: #fff;
    background-color: #14df7d
}

.drop-down-technologies {
    text-align: center;
    position: relative
}

@media (min-width:992px) {
    .drop-down-technologies {
        margin-right: 20px;
        text-align: right
    }
}

.drop-down-technologies .selected a img.filter-icon {
    margin-top: -6px
}

.drop-down-technologies .selected a img.icon-arrow {
    z-index: 10;
    position: relative;
    background-color: #fff
}

.drop-down-technologies .selected a img.icon-up {
    padding: 10px 5px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -wenkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

@media (min-width:992px) {
    .drop-down-technologies .selected a img.icon-up {
        padding: 10px 15px
    }
}

.drop-down-technologies .selected a img.icon-down {
    padding: 10px 5px;
    border: 1px solid 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -wenkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    border-bottom: none
}

@media (min-width:992px) {
    .drop-down-technologies .selected a img.icon-down {
        padding: 10px 15px
    }
}

.o-case-study-cta {
    padding: 20px 0 60px 0;
    text-align: center
}

.paging {
    text-align: center;
    margin: 15px 0 30px 0
}

@media (min-width:992px) {
    .paging {
        margin: 30px 0 30px 0
    }
}

.paging span {
    padding: 6px 12px;
    font-weight: 700;
    color: #000;
    margin: 5px
}

.paging span.current {
    background: #ff5800;
    color: #fff
}

.paging em {
    padding: 10px;
    font-weight: 700;
    color: #000;
    margin: 5px
}

.paging a {
    color: #000;
    font-weight: 700;
    padding: 6px
}

.paging ul {
    text-align: center
}

.paging ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    border-radius: 5px;
    color: #000
}

.paging ul li:first-child {
    border: 1px solid #333;
    color: #373737;
    margin-right: 5px;
    position: relative;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/left-icon.svg) no-repeat center center
}

.paging ul li:first-child .flex-center {
    text-indent: 9999px
}

.paging ul li .flex-center {
    padding: 6px 0;
    cursor: pointer;
    width: 32px;
    height: 32px
}

.paging ul li .active-page {
    background: #ff5800;
    color: #fff;
    border-radius: 5px;
    height: 34px !important
}

.paging ul li:last-child {
    border: 1px solid #333;
    color: #373737;
    margin-left: 5px;
    position: relative;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/right-icon.svg) no-repeat center center
}

.paging ul li:last-child .flex-center {
    text-indent: 9999px
}

.paging ul li:nth-child(2) {
    display: inline-block !important;
    position: relative
}

.paging ul li:nth-last-child(2) {
    display: inline-block !important;
    position: relative
}

.paging ul li:nth-last-child(2):before {
    content: "...";
    float: left;
    margin: 2px 0 0
}

.paging ul.prevShep li:nth-child(2):before {
    display: none
}

.paging ul.midShep li:nth-child(2):before {
    content: "...";
    float: right;
    margin: 2px 0 0
}

.paging ul.lastShep li:nth-child(2):before {
    content: "...";
    float: right;
    margin: 2px 0 0
}

.paging ul.lastShep li:nth-last-child(2):before {
    display: none
}

.paging ul.eSepter li:nth-last-child(2):before {
    display: none
}

.filter ::-webkit-scrollbar {
    width: 5px;
    background-color: #ccc
}

.filter ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #fcfcfc;
    box-shadow: inset 0 0 5px #fcfcfc;
    border-radius: 10px
}

.filter ::-webkit-scrollbar-thumb {
    border-radius: 25px;
    height: 30px;
    background-color: #4a4a4a;
    margin-top: 25px
}

.banner-image-over {
    display: none
}

.image-position-case {
    position: relative;
    width: 80px;
    float: left;
    height: 60px
}

.image-position-case img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -wenkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.padding-top-90-mlnp {
    padding-top: 90px !important;
    height: 509px
}

.case-study-background-mlnp {
    height: 509px
}

.case-studies-banner {
    background-color: #cc2622db;
    padding: 0 15px !important
}

.case-studies-banner .mlpn-left {
    padding-left: 0
}

.case-studies-banner__banner-content {
    padding-top: 50px
}

.case-studies-banner__banner-content p {
    background-color: #9e2116;
    display: inline;
    padding: 10px 20px;
    font-size: 18px;
    color: #fff
}

.case-studies-banner__banner-content h1 {
    font-size: 36px;
    padding: 5px 0 25px;
    line-height: 46px
}

.client-heading-mlnp {
    color: #494949;
    font-size: 55px !important;
    text-transform: uppercase !important;
    margin-bottom: 30px !important;
    margin-top: 35px !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700
}

.client-description-mlnp {
    font-size: 17px !important
}

.challenge-bullets {
    display: block
}

@media (min-width:992px) {
    .challenge-bullets {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.challenge-bullets li {
    padding-left: 20px !important;
    padding-right: 10px;
    line-height: 28px !important
}

.challenge-bullets li:before {
    content: '';
    background-color: #ec3e2e;
    background-image: none !important;
    top: 5px !important;
    width: 4px !important;
    height: 50px !important
}

@media (min-width:992px) {
    .challenge-bullets li:before {
        height: 75px !important
    }
}

.mlnp-watch-text {
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    display: inline;
    position: relative;
    padding-top: 2px !important
}

.mlnp-watch-text:before {
    content: '';
    position: absolute;
    width: 290px;
    height: 4px;
    background-color: #d0352b;
    left: 0;
    top: -8px
}

.video-mlnp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.video {
    height: 315px
}

.video-box {
    height: 315px;
    position: relative
}

.video-thumbnail {
    z-index: 300;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.video-frame {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.thumbnail-link .video-thumbnail {
    display: block
}

.thumbnail-link:hover .video-thumbnail {
    display: none
}

#video-container {
    position: relative;
    max-width: 40em;
    margin: auto;
    border: 1px solid #000;
    -webkit-box-shadow: .25em .25em .25em rgba(0, 0, 0, .3);
    box-shadow: .25em .25em .25em rgba(0, 0, 0, .3)
}

#video-container video {
    display: block;
    width: 100%;
    height: auto
}

#video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    cursor: pointer
}

.hide {
    display: none
}

#starter {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.gradient-green-blue-mlnp {
    background: #00b35c;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #00b35c), color-stop(47%, #0b8a8a), color-stop(100%, #004475));
    background: linear-gradient(135deg, #00b35c -22%, #0e5579 47%, #004475 100%)
}

p.service-txt {
    min-height: auto !important;
    margin-bottom: 0 !important;
    font-family: Montserrat, sans-serif
}

.download-form {
    max-width: 625px;
    margin: 0 auto;
    padding: 0;
    border-radius: 5px;
    overflow: hidden
}

.download-form form {
    padding: 20px 40px 20px 40px;
    background-color: #fff
}

@media (min-width:992px) {
    .download-form form {
        padding: 20px 60px 40px
    }
}

.download-form label {
    display: block;
    margin-bottom: 10px
}

.download-form input {
    border-bottom: 1px solid #000;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 10px 20px 50px;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.download-form .cs-name {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-1.png) 0 50% no-repeat
}

.download-form .cs-email {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-2.png) 0 50% no-repeat
}

.download-form button {
    margin: 20px 0 0 0
}

.download-form .popup-heading {
    width: 100%;
    height: 110px;
    padding: 30px 140px 30px 40px;
    position: relative
}

@media (min-width:992px) {
    .download-form .popup-heading {
        padding: 30px 110px 30px 60px
    }
}

.download-form .popup-heading:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study/popup-heading-bg.png) 100% 100% no-repeat;
    content: "";
    position: absolute;
    right: 30px;
    bottom: 0;
    width: 108px;
    height: 88px
}

.download-form .popup-heading h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #fff
}

@media (min-width:992px) {
    .download-form .popup-heading h2 {
        font-size: 30px;
        line-height: 47px
    }
}

.download-form .popup-heading p {
    color: #fff;
    font-size: 19px;
    line-height: 30px
}

.download-form .ohnohoney {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1
}

.popup-modal button.close {
    z-index: 999;
    position: relative;
    right: 23% !important;
    top: 42px !important;
    background: 0 0 !important;
    padding: 10px;
    opacity: 1
}

.cs-banner-pdf {
    padding: 7px 32px;
    float: none;
    margin: 30px auto;
    color: #fff;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study/icon-pdf-1.svg) 0 50% no-repeat;
    text-decoration: underline;
    font-family: Montserrat, sans-serif;
    position: relative;
    text-decoration: none;
    font-size: 20px
}

.case-studies-details .cs-banner-pdf {
    font-size: 16px;
    font-weight: 600;
    padding-right: 0
}

@media (min-width:992px) {
    .cs-banner-pdf {
        float: left;
        display: block;
        margin: 30px auto 0
    }
}

.cs-banner-pdf:after {
    content: "";
    position: absolute;
    left: 34px;
    bottom: 0;
    width: 288px;
    background-color: #14df7d;
    height: 2px;
    display: none
}

@media (min-width:992px) {
    .cs-banner-pdf:after {
        display: block
    }
}

.case-studies-details .cs-banner-pdf:after {
    display: block;
    width: auto;
    right: 0
}

.cs-banner-pdf:hover {
    color: #fff
}

.cs-banner-pdf:hover::after {
    background-color: #fff
}

.cs-banner-pdf:focus {
    color: #fff
}

.case-study-download {
    padding: 30px 0;
    margin: 60px 0 0 0;
    text-align: center;
    background-color: #091b38
}

@media (min-width:992px) {
    .case-study-download {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/case-study/download-bg.jpg) 50% 50% no-repeat #091b38;
        text-align: left
    }
}

.case-study-download img.download-icon {
    float: right;
    display: none
}

@media (min-width:992px) {
    .case-study-download img.download-icon {
        display: block
    }
}

.case-study-download h2 {
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    font-weight: 700;
    padding: 15px 0 0;
    text-transform: uppercase
}

.cs-bot-banner-pdf {
    border: 2px solid #ff5800;
    color: #fff;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study/icon-down-arrow.png) 88% 50% no-repeat;
    font-size: 17px;
    line-height: 24px;
    font-family: Montserrat, sans-serif;
    padding: 16px 60px 18px 30px;
    border-radius: 5px;
    margin: 40px 0 0 0;
    display: inline-block;
    background-color: #ff5800;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .cs-bot-banner-pdf {
        padding: 16px 60px 18px 15px
    }
}

@media screen and (min-width:1200px) {
    .cs-bot-banner-pdf {
        padding: 16px 60px 18px 30px
    }
}

.cs-bot-banner-pdf:focus {
    color: #fff
}

.cs-bot-banner-pdf:hover {
    background-color: #ff5800;
    color: #fff;
    border: 2px solid #fff
}

.retention-rate {
    background: #10d08e;
    background: linear-gradient(135deg, #10d08e 0, #082653 100%);
    padding: 45px 35px 130px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.hurry {
    width: 80%;
    position: absolute;
    left: 50%;
    top: -210px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 40px 80px 60px;
    text-align: center;
    -webkit-box-shadow: 0 0 18px 0 #a6a6a6;
    box-shadow: 0 0 18px 0 #a6a6a6;
    background: #fff;
    text-align: center;
    border-radius: 10px
}

.hurry h3 {
    font-size: 36px;
    margin-bottom: 10px
}

.hurry p {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    font-family: Montserrat, sans-serif
}

.hurry .btn {
    padding: 12px 0 !important;
    max-width: 240px !important
}

@media (min-width:992px) {
    .hurry .btn {
        padding: 19px 0 !important;
        max-width: 350px !important
    }
}

.o-casestudies-thankyou {
    text-align: center;
    position: relative;
    padding: 170px 0 50px;
    overflow: hidden;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/casestudies-thank-you/thank-you-banner.jpg) 50% 50% no-repeat;
    margin-bottom: 290px
}

.o-casestudies-thankyou h1 {
    font-size: 40px;
    line-height: 44px;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.o-casestudies-thankyou p {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    padding-bottom: 40px
}

.o-casestudies-thankyou p a {
    text-decoration: underline;
    color: #fff !important
}

.case-thanks .btn {
    z-index: 0;
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
    padding: 12px 0;
    max-width: 240px
}

.case-thanks .btn:after {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: -1
}

.case-thanks .social-footer-divider--social-pan {
    border-top: 0 !important
}

.cheaper-better {
    border: 2px solid #15b96a;
    padding: 10px 35px 30px;
    margin-bottom: 30px;
    margin-top: 30px
}

@media (min-width:992px) {
    .cheaper-better {
        padding: 50px 35px
    }
}

.cheaper-better p {
    font-size: 24px;
    line-height: 30px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .cheaper-better p {
        font-size: 30px;
        line-height: 36px
    }
}

.cheaper-better p span {
    display: block;
    font-size: 110px;
    line-height: 120px;
    font-weight: 600
}

.retention-rate1 {
    background: #10d08e;
    background: linear-gradient(135deg, #10d08e 0, #082653 100%);
    padding: 20px 35px 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .retention-rate1 {
        padding: 45px 35px 0
    }
}

.retention-rate1 h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 20px;
    text-align: center
}

@media (min-width:992px) {
    .retention-rate1 h4 {
        text-align: left;
        font-size: 28px;
        line-height: 36px
    }
}

.off-video-pan {
    border: 1px solid #d8d8d8;
    padding: 25px 30px;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .off-video-pan {
        padding: 20px
    }
}

.off-video-pan .off-video {
    max-width: 100%;
    float: left
}

@media (min-width:992px) {
    .off-video-pan .off-video {
        max-width: 250px;
        margin-right: 10px
    }
}

.off-video-pan .off-video-txt {
    width: 45%;
    margin-top: 0;
    float: left;
    margin-left: 10px
}

.off-video-pan .off-video-txt h3 {
    font-size: 22px;
    margin-bottom: 5px;
    line-height: 28px
}

.off-video-pan .off-video-txt p {
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif
}

.off-video-pan .off-video-txt a {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #ff5800 !important
}

.post-pan {
    border: 1px solid #d8d8d8;
    padding: 25px 20px 20px 20px
}

@media (min-width:992px) {
    .post-pan {
        padding: 10px 20px 30px 20px
    }
}

.post-pan h2 {
    font-size: 24px;
    margin-bottom: 30px;
    text-align: center
}

@media (min-width:992px) {
    .post-pan h2 {
        text-align: left;
        font-size: 30px
    }
}

.post-pan ul {
    padding-bottom: 20px
}

.post-pan ul li {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    overflow: hidden;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .post-pan ul li {
        font-size: 18px;
        line-height: 26px
    }
}

.post-pan ul li span {
    float: left;
    margin-right: 20px
}

.post-pan ul li a {
    color: #000;
    display: inline-block;
    width: 80%;
    padding-top: 10px
}

.post-pan .btn {
    max-width: 300px !important
}

.thank-right-top {
    overflow: hidden
}

.thank-right-top ul {
    overflow: hidden;
    margin-bottom: 20px
}

.thank-right-top ul li {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.thank-right-top ul li span {
    display: inline-block;
    margin-right: 10px;
    width: 25px
}

.thank-right-top ul li a {
    color: #000
}

.thank-right-top h3 {
    font-size: 28px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    margin-bottom: 30px
}

.thank-right-top p {
    font-family: Montserrat, sans-serif;
    font-size: 19px;
    font-weight: 600
}

.t-left {
    border: 1px solid #d8d8d8;
    padding: 30px;
    margin-bottom: 30px;
    float: left;
    width: 48%;
    min-height: 368px
}

.t-right {
    border: 1px solid #d8d8d8;
    padding: 30px;
    margin-bottom: 30px;
    float: right;
    width: 48%;
    min-height: 368px
}

@media (min-width:992px) {
    .banner-top-position__center {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-60%);
        -webkit-transform: translateY(-60%);
        -moz-transform: translateY(-60%);
        -ms-transform: translateY(-60%)
    }
}

@media (min-width:992px) {
    .case-studies-details .banner-top-position__center {
        display: block;
        position: relative;
        top: inherit;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.o-case-studies-new .masonry {
    -webkit-column-count: inherit;
    -moz-column-count: inherit;
    column-count: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:768px) {
    .o-case-studies-new .masonry {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:1280px) {
    .o-case-studies-new .masonry {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.o-case-studies-new .product {
    width: 100%;
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

@media (min-width:992px) {
    .o-case-studies-new .product {
        margin: 15px 10px
    }
}

@media screen and (min-width:992px) {
    .o-case-studies-new .product {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        width: 47%
    }
}

@media screen and (min-width:1280px) {
    .o-case-studies-new .product {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31.55%;
        flex: 0 0 31.55%;
        max-width: 31.55%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.o-case-studies-new .product .bottom-casestudies {
    text-align: left;
    border-top: 1px solid #eaeaea;
    padding: 13px 20px 13px;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:992px) {
    .o-case-studies-new .product .bottom-casestudies {
        margin-top: auto
    }
}

.o-case-studies-new .product .bottom-casestudies .btn-casestudies1 {
    padding: 13px 13px 13px 32px;
    float: left;
    display: block;
    margin: 0 auto 0;
    max-width: 200px;
    background-color: #fff;
    color: #333;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study-home/icon-pdf.svg) 0 50% no-repeat;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: relative
}

@media (min-width:992px) {
    .o-case-studies-new .product .bottom-casestudies .btn-casestudies1 {
        padding: 13px 32px
    }
}

#myModal1 .modal-content {
    padding: 0 !important;
    background-color: transparent
}

#myModal1 .modal-body {
    padding: 0 !important
}

.download-form .popup-heading:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study/popup-heading-bg.png) 100% 100% no-repeat;
    content: "";
    position: absolute;
    right: 30px;
    bottom: 0;
    width: 108px;
    height: 88px
}

.download-form input {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 10px 20px 50px;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    border: 0;
    border-bottom: 1px solid #000
}

.download-form .cs-name {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-1.png) 0 50% no-repeat
}

.download-form .cs-email {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-2.png) 0 50% no-repeat
}

.download-form .u-submit {
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 19px 0;
    font-size: 18px;
    text-transform: uppercase;
    max-width: 350px;
    text-decoration: none;
    position: relative;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
    width: 250px;
    margin: 20px 0 0 0
}

.u-submit:after {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: -1;
    display: none
}

.download-form p {
    font-family: Montserrat, sans-serif;
    padding-top: 20px;
    font-size: 14px
}

#myModal1 button.close {
    z-index: 999;
    position: relative;
    right: -88% !important;
    top: 0 !important;
    background: 0 0 !important;
    padding: 10px;
    opacity: 1;
    width: 37px;
    text-align: center;
    background: 0 0 !important;
    float: right
}

@media (min-width:992px) {
    #myModal1 button.close {
        right: -50% !important;
        top: 5px !important;
        margin-left: 325px
    }
}

.o-thank-you__application {
    padding: 150px 0
}

.o-thank-you__top p {
    font-size: 14px;
    margin-bottom: 30px;
    font-family: Montserrat, sans-serif
}

.o-thank-you__footer {
    text-align: center;
    padding: 50px 0;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    color: #414446;
    font-size: 12px;
    line-height: 15px
}

.case-study-text {
    margin-top: 15px !important;
    display: inline-block !important
}

.mlnp-ch .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 60px 0
}

.mlnp-sol {
    padding: 60px 0
}

.mlnp-sol .mlnp-sol-img {
    display: block;
    margin: 0 auto
}

.mlnp-res {
    padding-top: 65px
}

.mlnp-res h3 {
    color: #fff
}

.mlnp-res .padding-bottom-60.img-responsive.center-block {
    display: block;
    margin: 0 auto
}

.mlnp-res h4 {
    line-height: 32px;
    padding-bottom: 20px;
    font-size: 24px !important;
    color: #333;
    margin-top: 50px !important
}

@media (min-width:992px) {
    .faq-section .btn_wrapper {
        margin-top: 40px !important
    }
}

.case-study-bnr {
    background: #0a1b39;
    padding: 80px 0 0 0;
    min-height: 145px
}

@media screen and (min-width:992px) {
    .case-study-bnr {
        padding: 80px 0 0 0;
        min-height: 150px
    }
}

@media screen and (min-width:992px) {
    .case-study-bnr {
        min-height: 280px;
        padding: 130px 0 0 200px;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/case-study/case-studies-banner.png) no-repeat 10% 100% #0a1b39
    }
}

.case-study-bnr h1 {
    text-align: center;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #36df7d
}

@media (min-width:992px) {
    .case-study-bnr h1 {
        font-size: 62px
    }
}

@media (min-width:992px) {
    .case-studies-class .o-case-studies-new {
        padding-top: 80px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content h3,
body.case-studies-details .o-case-study__clients__the-client-content h4,
body.case-studies-details .o-case-study__clients__the-client-content p,
body.case-studies-details .o-case-study__clients__the-client-content ul li,
body.case-studies-details .o-case-study__clients__the-client-content__services ul li,
body.case-studies-details .o-skills-hero__case-studies__banner-content,
body.case-studies-details .o-skills-hero__case-studies__banner-content p {
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {

    body.case-studies-details .o-case-study__clients__the-client-content h3,
    body.case-studies-details .o-case-study__clients__the-client-content h4,
    body.case-studies-details .o-case-study__clients__the-client-content p,
    body.case-studies-details .o-case-study__clients__the-client-content ul li,
    body.case-studies-details .o-case-study__clients__the-client-content__services ul li,
    body.case-studies-details .o-skills-hero__case-studies__banner-content,
    body.case-studies-details .o-skills-hero__case-studies__banner-content p {
        font-family: Montserrat, sans-serif
    }
}

body.case-studies-details .o-skills-hero {
    padding: 100px 0 50px
}

@media (min-width:992px) {
    body.case-studies-details .o-skills-hero {
        padding: 100px 0 !important
    }

    body.case-studies-details .o-skills-hero.padding-100 {
        padding: 120px 0 80px !important
    }

    body.case-studies-details .o-skills-hero.padding-100 .o-skills-hero__case-studies__banner-image {
        padding-top: 30px !important
    }
}

body.case-studies-details .o-skills-hero__case-studies .container>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body.case-studies-details .o-skills-hero__case-studies .col-sm-6.banner-top-position__center {
    position: relative;
    top: auto;
    -webkit-transform: none;
    transform: none
}

@media screen and (min-width:768px) {
    body.case-studies-details .o-skills-hero__case-studies .col-sm-6.banner-top-position__center {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width:992px) {
    body.case-studies-details .o-skills-hero__case-studies__banner-image {
        padding-top: 0
    }
}

body.case-studies-details .cs-banner-pdf {
    margin: 15px auto 0
}

@media (min-width:992px) {
    body.case-studies-details .cs-banner-pdf {
        margin: 30px 0 0
    }
}

body.case-studies-details .o-case-study__clients .container {
    padding-left: 30px;
    padding-right: 30px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

body.case-studies-details .pad-80 {
    padding: 50px 0
}

@media (min-width:992px) {
    body.case-studies-details .pad-80 {
        padding: 80px 0
    }
}

body.case-studies-details .padding-80 {
    padding-top: 50px
}

@media (min-width:992px) {
    body.case-studies-details .padding-80 {
        padding-top: 80px
    }
}

body.case-studies-details .font-weight-600 {
    font-weight: 600 !important
}

body.case-studies-details .font-weight-700 {
    font-weight: 700 !important
}

body.case-studies-details .o-case-study__clients-first {
    text-align: center;
    padding-top: 50px
}

@media screen and (min-width:768px) {
    body.case-studies-details .o-case-study__clients-first {
        padding-top: 40px;
        text-align: left
    }
}

body.case-studies-details .o-case-study__clients-first ul {
    text-align: left
}

body.case-studies-details .o-case-study__clients-title {
    font-size: 30px !important
}

body.case-studies-details .pad-80.o-case-study__clients-banner {
    padding-top: 0
}

@media (min-width:992px) {
    body.case-studies-details .pad-80.o-case-study__clients-banner {
        padding-top: 80px
    }
}

body.case-studies-details .o-case-study__clients-banner {
    padding-bottom: 50px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients-banner {
        padding-bottom: 80px
    }
}

body.case-studies-details .o-case-study__clients-banner .container {
    padding: 0
}

body.case-studies-details .o-case-study__clients-banner .o-case-study__clients__the-client-image img {
    width: 100%
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients-banner .o-case-study__clients__the-client-image img {
        width: auto
    }
}

body.case-studies-details .o-case-study__clients-banner .o-case-study__clients__the-client-content {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-top: 30px
}

body.case-studies-details .pad-bot-150 {
    padding-bottom: 105px
}

@media (min-width:992px) {
    body.case-studies-details .pad-bot-150 {
        padding-bottom: 150px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content h3 {
    font-size: 24px;
    line-height: 30px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content h3 {
        font-size: 24px;
        line-height: 36px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content h4 {
    font-size: 20px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content h4 {
        font-size: 30px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content p,
body.case-studies-details .o-case-study__clients__the-client-content ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

@media (min-width:992px) {

    body.case-studies-details .o-case-study__clients__the-client-content p,
    body.case-studies-details .o-case-study__clients__the-client-content ul li {
        font-size: 19px;
        line-height: 30px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content p {
    margin-bottom: 20px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content p {
        margin-bottom: 25px
    }
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content p[class=font-weight-600] {
        margin-bottom: 10px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content>p:last-of-type {
    margin-bottom: 0
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content>p:last-of-type {
        margin-bottom: 25px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content .font-size-24-i {
    font-size: 20px !important
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content .font-size-24-i {
        font-size: 24px !important
    }
}

body.case-studies-details .o-case-study__clients__the-client-content__services {
    padding-top: 0
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content__services {
        padding-top: 60px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content__services ul {
    margin-bottom: 0
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content__services ul {
        margin-bottom: 15px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content__services ul li {
    padding: 0 5px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content__services ul li {
        padding: 0 15px 15px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content__services ul li:after {
    display: none
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content__services ul li:after {
        display: block
    }
}

body.case-studies-details .o-case-study__clients__the-client-content__services ul li span {
    font-size: 14px;
    line-height: normal
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content__services ul li span {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:992px) {

    body.case-studies-details .o-case-study__clients__the-client-content__services+h3,
    body.case-studies-details .o-case-study__clients__the-client-content__services+h4 {
        margin-top: 20px
    }
}

body.case-studies-details .o-case-study__clients__the-client-image {
    text-align: center
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-image {
        text-align: left
    }
}

body.case-studies-details .padding-all-60 {
    padding: 30px
}

@media (min-width:992px) {
    body.case-studies-details .padding-all-60 {
        padding: 60px
    }
}

body.case-studies-details .o-case-study__clients__the-results {
    background: linear-gradient(135deg, #00b35c 0, #0b8a8a 47%, #004475 100%);
    padding-top: 55px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-results {
        padding-top: 100px
    }
}

body.case-studies-details .o-case-study__clients__the-results__div {
    padding-top: 0
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-results__div {
        padding-top: 10px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content .the-results {
    top: -55px;
    max-width: 158px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content .the-results {
        top: -70px;
        max-width: none
    }
}

body.case-studies-details .o-case-study__clients__the-results .o-case-study__clients__the-client-content h3 {
    margin-bottom: 0
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-results .o-case-study__clients__the-client-content h3 {
        margin-bottom: 20px
    }
}

body.case-studies-details .font-size-24-i,
body.case-studies-details .o-case-study__clients__the-results__div h4 {
    font-size: 20px;
    line-height: 28px
}

@media (min-width:992px) {

    body.case-studies-details .font-size-24-i,
    body.case-studies-details .o-case-study__clients__the-results__div h4 {
        font-size: 30px;
        line-height: normal
    }
}

body.case-studies-details .o-case-study__clients__the-results__div p {
    font-size: 16px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-results__div p {
        font-size: 19px
    }
}

body.case-studies-details .results-content {
    padding-bottom: 5px
}

@media (min-width:992px) {
    body.case-studies-details .results-content {
        padding-bottom: 60px
    }
}

body.case-studies-details .case-study-download {
    margin-top: 50px;
    padding: 50px 0;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study/download-mob-bg.jpg) 50% 50% no-repeat #091b38;
    background-size: auto 100%
}

@media (min-width:992px) {
    body.case-studies-details .case-study-download {
        margin-top: 60px;
        padding: 30px 0;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/case-study/download-bg.jpg) 50% 50% no-repeat #091b38;
        background-size: 100% auto
    }
}

body.case-studies-details .case-study-download img.download-icon {
    display: block;
    margin: 0 auto;
    float: none;
    max-width: 117px
}

@media (min-width:992px) {
    body.case-studies-details .case-study-download img.download-icon {
        max-width: 100%
    }
}

body.case-studies-details .cs-bot-banner-pdf {
    margin-top: 15px
}

@media (min-width:992px) {
    body.case-studies-details .cs-bot-banner-pdf {
        margin-top: 40px
    }
}

body.case-studies-details .case-studies-banner .cs-bot-banner-pdf {
    margin-top: 15px
}

body.case-studies-details .case-study-download h2 {
    font-size: 24px;
    line-height: 32px;
    max-width: 225px;
    margin: 0 auto
}

@media (min-width:992px) {
    body.case-studies-details .case-study-download h2 {
        font-size: 40px;
        line-height: 55px;
        max-width: none
    }
}

body.case-studies-thanks .hurry-section-cs .hurry .btn-orange {
    padding-right: 0 !important
}

body.case-studies-thanks .o-casestudies-thankyou {
    padding-bottom: 0;
    margin: 0
}

@media (min-width:992px) {
    body.case-studies-thanks .o-casestudies-thankyou {
        padding-bottom: 50px;
        margin-bottom: 290px
    }
}

body.case-studies-thanks .o-casestudies-thankyou h1 {
    font-size: 30px;
    max-width: 225px;
    margin: 0 auto
}

@media (min-width:992px) {
    body.case-studies-thanks .o-casestudies-thankyou h1 {
        font-size: 40px;
        max-width: none
    }
}

body.case-studies-thanks .o-casestudies-thankyou p {
    font-size: 18px
}

@media (min-width:992px) {
    body.case-studies-thanks .o-casestudies-thankyou p {
        font-size: 24px
    }
}

body.case-studies-thanks .survey-thank-pg {
    padding-top: 50px
}

body.case-studies-thanks .hurry {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding: 30px;
    -webkit-transform: none;
    transform: none
}

@media (min-width:992px) {
    body.case-studies-thanks .hurry {
        width: 70%;
        position: absolute;
        left: 50%;
        top: -200px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 40px 80px 60px
    }
}

body.case-studies-thanks .hurry h3 {
    font-size: 23px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    body.case-studies-thanks .hurry h3 {
        font-size: 36px;
        margin-bottom: 10px
    }
}

body.case-studies-thanks .hurry p {
    font-size: 16px;
    line-height: 28px
}

@media (min-width:992px) {
    body.case-studies-thanks .hurry p {
        font-size: 24px;
        line-height: 40px
    }
}

body.case-studies-thanks .hurry .btn-center-block {
    width: auto
}

@media (min-width:992px) {
    body.case-studies-thanks .hurry .btn-center-block {
        width: 350px
    }
}

body.case-studies-thanks .hurry .btn {
    width: auto;
    font-size: 16px
}

@media (min-width:992px) {
    body.case-studies-thanks .hurry .btn {
        font-size: 18px
    }
}

body.case-studies-thanks .t-left,
body.case-studies-thanks .t-right {
    width: 100%
}

@media (min-width:992px) {

    body.case-studies-thanks .t-left,
    body.case-studies-thanks .t-right {
        width: 48%
    }
}

body.case-studies-thanks .off-video-pan .off-video-txt {
    width: 100%
}

@media (min-width:992px) {
    body.case-studies-thanks .off-video-pan .off-video-txt {
        width: 45%
    }
}

body.case-studies-thanks .off-video {
    margin: 0 0 15px
}

@media (min-width:992px) {
    body.case-studies-thanks .off-video {
        margin-bottom: 0
    }
}

body.case-studies-thanks .post-pan ul li a {
    width: 68%
}

@media (min-width:992px) {
    body.case-studies-thanks .post-pan ul li a {
        width: 80%
    }
}

body.case-studies-thanks .thank-right-top ul li a {
    font-size: 13px
}

@media (min-width:992px) {
    body.case-studies-thanks .thank-right-top ul li a {
        font-size: 16px
    }
}

body.case-studies-thanks .btn {
    margin-left: auto !important;
    margin-right: auto !important
}

@media (min-width:992px) {
    body.case-studies-thanks .btn {
        margin-left: 0 !important
    }
}

body.case-studies-thanks .off-video-txt {
    margin-left: 0
}

@media (min-width:992px) {
    body.case-studies-thanks .off-video-txt {
        margin-left: 20px
    }
}

.case-studies-thanks .o-navigation-bar img {
    padding-top: 0
}

@media (min-width:992px) {
    .case-studies-thanks .o-navigation-bar img {
        padding-top: 15px
    }
}

.case-studies-thanks .o-casestudies-thankyou p {
    padding-bottom: 15px
}

@media (min-width:992px) {
    .case-studies-thanks .o-casestudies-thankyou p {
        padding-bottom: 40px
    }
}

.case-studies-thanks .t-right {
    min-height: inherit
}

@media (min-width:992px) {
    .case-studies-thanks .t-right {
        min-height: 368px
    }
}

.case-studies-thanks .o-footer p {
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .case-studies-thanks .o-footer p {
        font-family: Montserrat, sans-serif
    }
}

.hurry-section-cs {
    margin-top: 45px
}

@media (min-width:992px) {
    .hurry-section-cs {
        margin-top: 0
    }
}

.o-skills-hero__case-studies .mobile-off {
    display: none !important
}

@media (min-width:992px) {
    .o-skills-hero__case-studies .mobile-off {
        display: inline-block !important
    }
}

.o-skills-hero__case-studies .desktop-off {
    display: inline-block !important
}

@media (min-width:992px) {
    .o-skills-hero__case-studies .desktop-off {
        display: none !important
    }
}

.o-case-study__clients__the-client-image picture img[src="images/case-study/the-solution.jpg"] {
    margin-bottom: 40px
}

.o-case-study__clients__the-client-image picture img[src="images/case-study/the-solution.png"] {
    margin-bottom: 60px
}

@media (min-width:992px) {
    .ch-content {
        padding-left: 25px !important
    }
}

@media (min-width:992px) {

    .cli-content,
    .sol-content {
        padding-left: 25px !important
    }
}

@media (min-width:992px) {
    .sol {
        padding-top: 80px
    }
}

.small-img-text {
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 30px 0
}

@media (min-width:992px) {
    .small-img-text {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0
    }
}

.small-img-text h2 {
    max-width: 290px;
    padding-left: 20px;
    padding-top: 0;
    font-size: 28px;
    line-height: 36px
}

@media (min-width:992px) {
    .small-img-text h2 {
        font-size: 42px;
        line-height: 52px;
        padding-top: 10px
    }
}

.new-style h3 {
    font-size: 30px;
    line-height: 46px;
    font-weight: 500
}

.case-studies-details .gradient-green-blue {
    background: linear-gradient(135deg, #00b35c 0, #0b8a8a 47%, #004475 100%)
}

form#brandfilter {
    display: inline-block
}

.case-studies-class .process-section h2 {
    margin-bottom: 20px !important
}

.o-skills-hero__case-studies .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media screen and (min-width:768px) {
    .o-skills-hero__case-studies .row {
        -webkit-box-orient: inherit;
        -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
        flex-direction: inherit
    }
}

.case-study-bnr:after {
    background-size: 70%
}

.o-case-studies-slider .slick-track {
    background: #fff
}

.list-box {
    margin-bottom: 25px !important
}

.list-box li {
    padding: 15px !important
}

.list-box li:before {
    display: none
}

.list-box li p {
    margin-bottom: 10px !important;
    font-size: 16px !important;
    padding-left: 30px
}

.list-box li .title {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px !important;
    font-size: 19px !important
}

.list-box li .title:before {
    width: 20px;
    height: 20px;
    top: 5px;
    background-size: 100%;
    content: '';
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/green-arrow.png);
    position: absolute;
    left: 0
}

.cs-table table {
    font-size: 14px;
    color: #333
}

.cs-table table tr td {
    font-weight: 500
}

.cs-finance-img-wrp {
    text-align: left
}

.cs-finance-img-wrp .l-15 {
    margin-left: 15px
}

.green-arrow {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study/green-right-arrow.png) no-repeat center center;
    width: 11px;
    height: 17px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 9px;
    background-size: 8px
}

.dm-box {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #05b281;
    margin-right: 5px;
    display: none
}

.table td {
    position: relative
}

@media (min-width:992px) {
    .results-content .table {
        margin: 20px 0 30px
    }
}

.car-box {
    margin-bottom: 30px
}

.car-box img {
    -webkit-box-shadow: 0 5px 10px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px 4px rgba(0, 0, 0, .1);
    border-radius: 15px;
    border-width: 1px 1px 1px 1px;
    border-color: #ead6d6;
    border-style: solid;
    border-bottom-color: #e6e0e0
}

.font-bold {
    font-weight: 700
}

.ai-pattern-bl:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/ai-chatbots/bottom-left-pattern.png) no-repeat bottom left;
    bottom: 0;
    height: auto
}

.ai-pattern-bl:after {
    display: none
}

.ai-chatbots {
    padding-bottom: 50px;
    background-color: #f8f8f8
}

.ai-chatbots h2 {
    padding: 0 50px;
    margin-bottom: 50px;
    margin-bottom: 20px;
    font-size: 30px
}

@media (min-width:992px) {
    .ai-chatbots h2 {
        font-size: 48px
    }
}

.ai-chatbots h3 {
    text-align: center;
    font-size: 36px;
    font-size: 28px;
    margin-bottom: 25px;
    margin-top: 30px
}

.ai-chatbots .section-para {
    font-size: 19px;
    line-height: 29px;
    text-align: center;
    font-size: 16px;
    line-height: 28px
}

.ai-chatbots .dc-white-pan {
    min-height: inherit;
    height: auto;
    min-height: inherit;
    -webkit-box-shadow: 0 0 34px 0 #0000001c;
    box-shadow: 0 0 34px 0 #0000001c;
    height: auto
}

@media (min-width:992px) {
    .ai-chatbots .dc-white-pan {
        height: 180px
    }
}

.ai-chatbots .dc-white-pan div span {
    position: absolute;
    width: 88px;
    height: 88px;
    left: 0
}

.ai-chatbots .dc-white-pan div span img {
    margin-right: 20px
}

.ai-chatbots .body-text-medium {
    font-size: 16px;
    line-height: 28px;
    color: #333;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    margin-top: 15px;
    padding-left: 0;
    padding-top: 100px;
    text-align: center
}

@media screen and (min-width:992px) {
    .ai-chatbots .body-text-medium {
        font-size: 15px;
        line-height: 24px;
        padding-left: 100px;
        padding-top: 0;
        text-align: left
    }
}

@media screen and (min-width:1200px) {
    .ai-chatbots .body-text-medium {
        font-size: 18px;
        line-height: 28px
    }
}

.ai-chatbots .correct-img {
    text-align: inherit;
    text-align: center
}

.ai-chatbots .correct-img img {
    width: 100%;
    margin: 0;
    width: 300px;
    margin: 0 auto
}

.ai-chatbots .number-section-bnt {
    text-align: center;
    margin-bottom: 25px
}

.ai-chatbots .number-section-bnt a {
    width: 470px;
    height: 72px;
    margin: 0 15px 15px;
    font-size: 24px;
    width: 470px;
    display: inline-block;
    padding: 10px 50px 10px 15px;
    line-height: 46px;
    background: 0 0;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-family: Montserrat, sans-serif;
    border-radius: 6px;
    border: 3px solid #14df7d;
    margin-bottom: 15px;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in
}

.ai-chatbots .number-section-bnt a:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/right-circle-icon.png) no-repeat right center;
    height: 35px;
    width: 35px;
    top: 15px;
    right: 10px;
    right: 30px
}

.ai-chatbots .number-section-bnt a:hover {
    background: #fff;
    color: #ff5800;
    border: 3px solid #ff5800
}

.text-capitalize {
    text-transform: capitalize !important
}

.skill-mod {
    padding: 45px 0 47px;
    background-size: 30% auto;
    text-align: center
}

@media (min-width:992px) {
    .skill-mod {
        padding: 70px 0 75px
    }
}

.skill-mod h2 {
    font-family: Montserrat, sans-serif;
    color: #333;
    margin-bottom: 25px;
    font-size: 30px;
    line-height: 36px
}

@media (min-width:992px) {
    .skill-mod h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.skill-mod p {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #414446;
    font-size: 19px;
    line-height: 30px;
    padding-right: 80px;
    padding-left: 80px
}

.skill-mod .holder {
    text-align: left;
    margin-bottom: 20px
}

.skill-mod .holder .listing-heading {
    text-align: left;
    padding-bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.skill-mod .holder .listing-heading img.listing-heading-icon {
    display: inline-block;
    vertical-align: top;
    margin: 0
}

.skill-mod .holder .listing-heading h3.listing-heading-txt {
    display: inline-block;
    margin: 0;
    padding-left: 30px
}

@media (min-width:992px) {
    .skill-mod .holder .listing-heading h3.listing-heading-txt {
        font-size: 36px;
        line-height: 49px
    }
}

.skill-mod .holder ul {
    text-align: left;
    margin: 0 0 25px 0
}

.skill-mod .holder ul li {
    padding: 0 0 5px 35px;
    line-height: 28px;
    position: relative;
    display: block;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #414446;
    font-size: 17px
}

@media (min-width:992px) {
    .skill-mod .holder ul li {
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        padding: 0 0 15px 35px
    }
}

.skill-mod .holder ul li:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: 0;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/icon-bullet-dark.svg) 50% 50% no-repeat;
    background-size: auto;
    background-size: contain
}

.skill-mod h5 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 300;
    margin: 0 0 35px 0;
    font-family: Montserrat, sans-serif
}

img.cb-wecare-heading.cb-wecare-heading-img {
    width: 130px
}

@media (min-width:992px) {
    img.cb-wecare-heading.cb-wecare-heading-img {
        width: auto
    }
}

.tech-mod {
    padding: 45px 0 20px;
    background-size: 30% auto;
    text-align: center
}

@media (min-width:992px) {
    .tech-mod {
        padding: 70px 0 50px
    }
}

.tech-mod h2 {
    font-family: Montserrat, sans-serif;
    color: #333;
    margin-bottom: 25px;
    text-align: center
}

.tech-mod h5 {
    font-weight: 400;
    padding-bottom: 40px;
    font-size: 18px;
    line-height: 30px;
    text-align: center
}

.tech-mod--no-background {
    background: 0 0;
    padding: 100px 0 120px 0
}

.tech-mod--inline-block {
    width: 49%;
    vertical-align: top;
    display: inline-block;
    float: none;
    width: 24%
}

.tech-mod__blocks {
    border-radius: 6px;
    font-size: 18px;
    line-height: 26px;
    padding: 40px;
    margin-bottom: 30px;
    background-color: #fff;
    margin-top: 8px
}

.tech-mod__blocks h5 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px
}

.tech-mod__blocks h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px
}

.tech-mod__blocks span.technologies-sub-heaidng {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px
}

.tech-mod__blocks__icons .tech-icon {
    width: 132px;
    height: 132px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 25px
}

.tech-mod__blocks__icons .tech-icon img {
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%
}

.tech-mod__blocks__icons .tech-icon:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-image: url(http://assets/images/common/why-us-oval.svg)
}

.tech-mod__blocks__lists {
    text-align: left;
    width: 147px;
    margin: 27px auto 0 auto
}

.tech-mod__blocks__lists li {
    line-height: 30px;
    margin-bottom: 14px;
    position: relative;
    white-space: nowrap;
    height: 30px
}

.tech-mod__blocks__lists li i {
    width: 30px;
    display: inline-block;
    margin-right: 20px
}

.tech-mod__blocks__lists li a {
    color: #333;
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    vertical-align: top
}

.tech-mod__blocks__lists li a:hover {
    color: #666
}

.tech-mod__blocks__lists li:last-child:after {
    border: none
}

.tech-mod__blocks__lists li:after {
    position: absolute;
    content: "";
    left: 48px;
    bottom: -8px;
    width: 95px;
    height: 1px;
    border-bottom: 1px solid #e7e7e7
}

.tech-mod__samefee h2 {
    margin-bottom: 40px;
    text-align: center
}

.tech-mod__samefee h5 {
    font-weight: 600;
    padding-bottom: 40px;
    text-align: center
}

.tech-mod__samefee .samefee-left-pan {
    background-color: #fff;
    text-align: center;
    border-radius: 8px;
    -webkit-box-shadow: 10px 11px 45px 0 #e3e3e3;
    box-shadow: 10px 11px 45px 0 #e3e3e3;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-top: 110px
}

.tech-mod__samefee .samefee-left-pan h5 {
    font-size: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-bottom: 40px
}

.tech-mod__samefee .samefee-left-pan img {
    margin-bottom: 35px
}

.tech-mod__samefee .samefee-left-pan p {
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 18px;
    line-height: 32px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    color: #414446
}

.tech-mod__samefee .samefee-mid-pan {
    padding-top: 5%;
    padding-bottom: 6%;
    padding-top: 20%
}

.tech-mod__samefee .samefee-right-pan {
    background-color: #fff;
    text-align: center;
    border-radius: 8px;
    -webkit-box-shadow: 10px 11px 45px 0 #e3e3e3;
    box-shadow: 10px 11px 45px 0 #e3e3e3;
    padding: 30px 0
}

.tech-mod__samefee .samefee-right-pan h3 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/cheaper-and-better-heading-bg.png) no-repeat 50% 0;
    margin-bottom: 20px;
    font-size: 30px;
    font-family: Caveat, cursive;
    font-weight: 400
}

.tech-mod__samefee .samefee-right-pan .samefee-right-pan-holder {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 30px 20px;
    vertical-align: top;
    width: 32%;
    width: 33%
}

.tech-mod__samefee .samefee-right-pan .samefee-right-pan-holder h5 {
    font-size: 20px;
    padding-bottom: 10px;
    padding-bottom: 40px
}

.tech-mod__samefee .samefee-right-pan .samefee-right-pan-holder p {
    font-size: 18px;
    line-height: 32px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    color: #414446
}

.tech-mod__samefee .samefee-right-pan .samefee-right-pan-holder img {
    margin-bottom: 35px
}

.tech-mod__samefee .samefee-right-pan .samefee-right-pan-mid {
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-top: 0;
    border-bottom: 0
}

.tech-mod__samefee .samefee-right-pan .samefee-right-pan-mid:after {
    position: absolute;
    right: -17px;
    top: 24%;
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/cheaper-and-better-icon-9.png) no-repeat 0 0;
    width: 34px;
    height: 34px;
    display: none;
    display: block
}

.tech-mod__samefee .samefee-right-pan .samefee-right-pan-mid:before {
    position: absolute;
    left: -17px;
    top: 24%;
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/cheaper-and-better-icon-9.png) no-repeat 0 0;
    width: 34px;
    height: 34px;
    display: none;
    display: block
}

.tech-mod .js-tech-col {
    min-height: inherit;
    min-height: 735px;
    min-height: 608px
}

.margin-top-30-i {
    margin-top: 30px !important
}

.margin-top-50-i {
    margin-top: 50px !important
}

.cb-wecare .margin-top-50-i {
    margin-top: 30px !important
}

@media (min-width:992px) {
    .cb-wecare .margin-top-50-i {
        margin-top: 50px !important
    }
}

.o-apply-now {
    padding: 50px 0 50px;
    background: #00b35d;
    background: linear-gradient(135deg, #00b35d 0, #1db39b 16%, #28b2b3 24%, #004475 100%);
    position: relative;
    text-align: center
}

@media (min-width:992px) {
    .o-apply-now {
        padding: 70px 0 75px
    }
}

.o-apply-now h5 {
    color: #fff;
    font-size: 36px;
    line-height: 48px;
    font-weight: 400;
    margin-bottom: 40px
}

.hiring-section .margin-top-50-i {
    margin-top: 5px !important
}

@media (min-width:992px) {
    .hiring-section .margin-top-50-i {
        margin-top: 50px !important
    }
}

.big-data {
    padding: 35px 0 20px
}

@media (min-width:992px) {
    .big-data {
        padding: 70px 0
    }
}

.big-data p {
    font-family: Montserrat, sans-serif
}

.big-data .heighlight-txt {
    font-family: Montserrat, sans-serif
}

.big-data .heighlight-txt span {
    font-family: Montserrat, sans-serif
}

.big-data .right-banner-txt {
    width: 90%;
    margin: 0 auto;
    width: 58.33333333%;
    margin: 0
}

.font-weight-400 {
    font-weight: 400 !important
}

.u-pad-top-30 {
    padding-top: 30px
}

.margin-left-0 {
    margin-left: 0 !important
}

.work-bnr {
    padding: 35px 0 65px 0
}

.work-bnr .margin-25 {
    margin-bottom: 15px
}

@media (min-width:992px) {
    .work-bnr .margin-25 {
        margin-bottom: 25px
    }
}

.work-bnr h1 {
    font-size: 20px;
    line-height: 28px;
    padding-top: 40px;
    font-weight: 400;
    padding-top: 50px;
    text-align: center
}

@media (min-width:992px) {
    .work-bnr h1 {
        text-align: left;
        font-size: 24px;
        line-height: 34px;
        padding-top: 95px
    }
}

.o-two-col-section-mod {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/bottom-left-pt.png) left bottom no-repeat;
    background-size: 30% auto !important
}

.o-two-col-section-mod h2 {
    text-align: center;
    font-size: 24px;
    line-height: 28px
}

@media (min-width:992px) {
    .o-two-col-section-mod h2 {
        font-size: 42px;
        line-height: 52px
    }
}

.o-two-col-section-mod p {
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #414446;
    font-size: 18px;
    line-height: 28px;
    margin-top: 30px
}

.o-two-col-section__key-traits {
    text-align: center;
    background-color: #f9f9f9;
    position: relative;
    text-align: center
}

.o-two-col-section__key-traits h2 {
    margin-bottom: 30px;
    font-size: 30px
}

@media (min-width:992px) {
    .o-two-col-section__key-traits h2 {
        font-size: 48px
    }
}

.o-two-col-section__key-traits p {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #414446;
    font-size: 18px;
    line-height: 30px;
    margin-top: 0
}

@media (min-width:992px) {
    .o-two-col-section__key-traits p {
        margin-top: 30px
    }
}

.o-two-col-section__key-traits ul {
    height: 420px;
    height: auto;
    margin-bottom: 0
}

@media (min-width:992px) {
    .o-two-col-section__key-traits ul {
        padding-top: 50px
    }
}

.o-two-col-section__key-traits ul:after {
    clear: both;
    content: ""
}

.o-two-col-section__key-traits ul li .style_prevu_kit {
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    border: 0;
    height: auto;
    position: relative;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
    -webkit-transform: scale(1);
    transform: scale(1);
    cursor: pointer;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, .05);
    padding: 30px 20px;
    border: 1px solid #e0e0e0
}

@media (min-width:992px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit {
        height: 310px;
        padding: 80px 0
    }
}

.o-two-col-section__key-traits ul li .style_prevu_kit img {
    margin-bottom: 40px;
    margin-bottom: 0
}

.o-two-col-section__key-traits ul li .style_prevu_kit h2 {
    font-size: 22px;
    line-height: 28px;
    text-transform: none;
    padding-top: 20px;
    display: none
}

@media (min-width:992px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit h2 {
        display: block
    }
}

.o-two-col-section__key-traits ul li .style_prevu_kit h2 br {
    display: none
}

@media (min-width:992px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit h2 br {
        display: block
    }
}

.o-two-col-section__key-traits ul li .style_prevu_kit .icon-text-hover {
    opacity: 1
}

@media (min-width:992px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit .icon-text-hover {
        opacity: 0
    }
}

.o-two-col-section__key-traits ul li .style_prevu_kit h3 {
    text-align: center;
    margin: 15px 0;
    font-size: 20px
}

@media (min-width:992px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit h3 {
        margin-bottom: 50px;
        font-size: 22px;
        margin: 30px 0
    }
}

@media (hover:hover) and (pointer:fine) {
    .o-two-col-section__key-traits ul li .style_prevu_kit:hover {
        -webkit-box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px #ccc;
        z-index: 2;
        -webkit-transition: all .4s ease-in;
        -webkit-transform: scale(1.4);
        -ms-transition: all .4s ease-in;
        -ms-transform: scale(1.4);
        -moz-transition: all .4s ease-in;
        -moz-transform: scale(1.4);
        transition: all .4s ease-in;
        transform: scale(1.4);
        background-color: #094a79;
        color: #fff;
        padding: 30px 0
    }

    .o-two-col-section__key-traits ul li .style_prevu_kit:hover .icon-text-hover {
        opacity: 1;
        padding: 20px;
        padding: 0
    }

    .o-two-col-section__key-traits ul li .style_prevu_kit:hover .icon-text-hover h3 {
        font-size: 15px;
        line-height: 22px;
        color: #fff;
        text-align: left;
        margin-bottom: 50px;
        font-size: 18px;
        line-height: 28px;
        margin: 0;
        color: #333;
        text-align: center;
        padding: 0
    }

    .o-two-col-section__key-traits ul li .style_prevu_kit:hover .icon-text-hover p {
        color: #fff;
        font-size: 11px;
        line-height: 16px;
        margin-top: 15px;
        text-align: left;
        font-size: 12px;
        line-height: 18px;
        margin-top: 30px;
        color: #333;
        text-align: center
    }

    .o-two-col-section__key-traits ul li .style_prevu_kit:hover .o-two-col-section__key-traits ul li .style_prevu_kit:hover h2,
    .o-two-col-section__key-traits ul li .style_prevu_kit:hover img {
        display: inline-block;
        display: none
    }

    .o-two-col-section__key-traits ul li .style_prevu_kit:hover h2 {
        display: none
    }
}

.o-two-col-section__choosing-steps {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/bottom-left-pt.png) bottom left no-repeat;
    background-size: 30% auto !important;
    padding-top: 80px;
    position: relative
}

.o-two-col-section__choosing-steps h2 {
    margin-bottom: 30px;
    font-size: 30px
}

@media (min-width:992px) {
    .o-two-col-section__choosing-steps h2 {
        font-size: 45px;
        margin-bottom: 50px
    }
}

.o-two-col-section__choosing-steps .steps-holder {
    padding: 10px 0;
    margin-bottom: 20px;
    clear: both;
    display: table;
    width: 100%
}

@media (min-width:992px) {
    .o-two-col-section__choosing-steps .steps-holder {
        padding: 10px;
        margin-bottom: 50px
    }
}

.o-two-col-section__choosing-steps .steps-holder .steps-point {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 3px solid #3e93da;
    border-radius: 100%;
    background-color: #fff;
    z-index: 1
}

.o-two-col-section__choosing-steps .steps-holder .step-left-img {
    float: none;
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
    padding-top: 0
}

@media (min-width:992px) {
    .o-two-col-section__choosing-steps .steps-holder .step-left-img {
        float: left;
        width: 33%;
        text-align: left;
        padding-bottom: 0;
        padding-top: 50px
    }
}

.o-two-col-section__choosing-steps .steps-holder .step-left-img img {
    display: block;
    margin: 0;
    margin: 0 auto;
    display: inherit
}

.o-two-col-section__choosing-steps .steps-holder .step-right-content {
    float: none;
    width: 100%;
    -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1);
    padding: 40px 15px;
    border-radius: 6px;
    border: 1px solid #e0e0e0
}

@media (min-width:992px) {
    .o-two-col-section__choosing-steps .steps-holder .step-right-content {
        float: right;
        width: 67%;
        padding: 40px
    }
}

.o-two-col-section__choosing-steps .steps-holder .step-right-content span {
    font-size: 20px;
    font-weight: 500;
    color: #3e93da;
    padding-bottom: 25px;
    text-align: center;
    display: block
}

@media (min-width:992px) {
    .o-two-col-section__choosing-steps .steps-holder .step-right-content span {
        text-align: left;
        font-family: Montserrat, sans-serif
    }
}

.o-two-col-section__choosing-steps .steps-holder .step-right-content h3 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 29px;
    text-transform: none;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #333
}

@media (min-width:992px) {
    .o-two-col-section__choosing-steps .steps-holder .step-right-content h3 {
        text-align: left;
        margin-bottom: 0;
        font-size: 24px
    }
}

.o-two-col-section__choosing-steps .steps-holder .step-right-content p {
    padding-bottom: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #333;
    padding-bottom: 0 !important;
    text-align: center
}

@media (min-width:992px) {
    .o-two-col-section__choosing-steps .steps-holder .step-right-content p {
        font-size: 18px;
        line-height: 32px;
        text-align: left;
        font-family: Montserrat, sans-serif
    }
}

.o-two-col-section__choosing-steps .steps-holder .step-right-content ul li {
    padding-left: 20px;
    padding-bottom: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    text-align: center;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/work-with-the-top-developers/blue-tick.png) 0 8px no-repeat
}

@media (min-width:992px) {
    .o-two-col-section__choosing-steps .steps-holder .step-right-content ul li {
        font-size: 18px;
        line-height: 32px;
        text-align: left;
        font-family: Montserrat, sans-serif
    }
}

.o-two-col-section__choosing-steps .steps-holder .step-right-content ul li strong {
    font-weight: 600
}

@media (min-width:992px) {
    .o-two-col-section__choosing-steps .u-text-left {
        text-align: left
    }
}

.o-two-col-section__choosing-steps .step-1 {
    position: relative
}

.o-two-col-section__choosing-steps .step-1:before {
    border-bottom: 1px dashed #3e93da;
    height: 1px;
    position: absolute;
    left: 320px;
    top: 200px;
    content: "";
    width: 61px;
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-1:before {
        display: block
    }
}

.o-two-col-section__choosing-steps .step-1:after {
    border-left: 1px dashed #3e93da;
    height: 200px;
    position: absolute;
    left: 320px;
    top: 0;
    content: "";
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-1:after {
        display: block
    }
}

.o-two-col-section__choosing-steps .step-1 .steps-point {
    position: absolute;
    left: 310px;
    top: 0;
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-1 .steps-point {
        display: block
    }
}

.o-two-col-section__choosing-steps .step-2 {
    position: relative;
    padding: 10px 0;
    margin-bottom: 50px;
    clear: both;
    display: table;
    width: 100%
}

@media (min-width:992px) {
    .o-two-col-section__choosing-steps .step-2 {
        padding: 10px
    }
}

.o-two-col-section__choosing-steps .step-2:before {
    border-bottom: 1px dashed #3e93da;
    height: 1px;
    position: absolute;
    right: 320px;
    top: 150px;
    content: "";
    width: 61px;
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-2:before {
        display: block
    }
}

.o-two-col-section__choosing-steps .step-2:after {
    border-left: 1px dashed #3e93da;
    height: 210px;
    position: absolute;
    right: 320px;
    top: -60px;
    content: "";
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-2:after {
        display: block
    }
}

.o-two-col-section__choosing-steps .step-2 .steps-point-2 {
    position: absolute;
    right: 310px;
    top: 40px;
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-2 .steps-point-2 {
        display: block
    }
}

.o-two-col-section__choosing-steps .step-3 {
    position: relative
}

.o-two-col-section__choosing-steps .step-3:before {
    border-bottom: 1px dashed #3e93da;
    height: 1px;
    position: absolute;
    left: 320px;
    top: 200px;
    content: "";
    width: 61px;
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-3:before {
        display: block
    }
}

.o-two-col-section__choosing-steps .step-3:after {
    border-left: 1px dashed #3e93da;
    height: 260px;
    position: absolute;
    left: 320px;
    top: -60px;
    content: "";
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-3:after {
        display: block
    }
}

.o-two-col-section__choosing-steps .step-3 .steps-point-3 {
    position: absolute;
    left: 310px;
    top: 50px;
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-3 .steps-point-3 {
        display: block
    }
}

.o-two-col-section__choosing-steps .step-4 {
    position: relative;
    padding: 10px 0;
    margin-bottom: 20px;
    clear: both;
    display: table;
    width: 100%
}

@media (min-width:992px) {
    .o-two-col-section__choosing-steps .step-4 {
        padding: 10px;
        margin-bottom: 50px
    }
}

.o-two-col-section__choosing-steps .step-4:before {
    border-bottom: 1px dashed #3e93da;
    height: 1px;
    position: absolute;
    right: 320px;
    top: 150px;
    content: "";
    width: 61px;
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-4:before {
        display: block
    }
}

.o-two-col-section__choosing-steps .step-4:after {
    border-left: 1px dashed #3e93da;
    height: 210px;
    position: absolute;
    right: 320px;
    top: -60px;
    content: "";
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-4:after {
        display: block
    }
}

.o-two-col-section__choosing-steps .step-4 .steps-point-4 {
    position: absolute;
    right: 310px;
    top: 50px;
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-4 .steps-point-4 {
        display: block
    }
}

.o-two-col-section__choosing-steps .step-5 {
    position: relative
}

.o-two-col-section__choosing-steps .step-5:before {
    border-bottom: 1px dashed #3e93da;
    height: 1px;
    position: absolute;
    left: 320px;
    top: 200px;
    content: "";
    width: 61px;
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-5:before {
        display: block
    }
}

.o-two-col-section__choosing-steps .step-5:after {
    border-left: 1px dashed #3e93da;
    height: 260px;
    position: absolute;
    left: 320px;
    top: -60px;
    content: "";
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-5:after {
        display: block
    }
}

.o-two-col-section__choosing-steps .step-5 .steps-point-5 {
    position: absolute;
    left: 310px;
    top: 50px;
    display: none
}

@media screen and (min-width:1200px) {
    .o-two-col-section__choosing-steps .step-5 .steps-point-5 {
        display: block
    }
}

.o-two-col-section__why-choose-us-mod {
    background-size: 30% auto !important;
    background-color: #f9f9f9;
    text-align: center;
    padding: 80px 0 60px
}

.o-two-col-section__why-choose-us-mod h2 {
    margin-bottom: 30px
}

.o-two-col-section__why-choose-us-mod p {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    line-height: 28px
}

@media (min-width:992px) {
    .o-two-col-section__why-choose-us-mod p {
        padding: 0
    }
}

.u-align-right {
    text-align: center
}

@media (min-width:992px) {
    .u-align-right {
        text-align: right !important
    }
}

.u-pull-right {
    float: none !important
}

@media (min-width:992px) {
    .u-pull-right {
        float: right !important
    }
}

.o-skills-hero--cn-uses-ai {
    padding: 35px 0;
    padding: 35px 0 0 0
}

.o-skills-hero--cn-uses-ai .container {
    position: relative;
    padding-bottom: 0
}

.o-skills-hero--cn-uses-ai .container .machine-img {
    position: absolute;
    right: 0;
    bottom: 0
}

.o-skills-hero--cn-uses-ai .container .extra-padding {
    padding-bottom: 80px;
    padding-bottom: 0
}

.o-skills-hero--cn-uses-ai .margin-25 {
    margin-bottom: 25px
}

.o-skills-hero--cn-uses-ai h1 {
    font-size: 24px;
    line-height: 32px;
    padding-top: 0;
    text-align: center
}

@media (min-width:992px) {
    .o-skills-hero--cn-uses-ai h1 {
        font-size: 46px;
        line-height: 58px;
        text-align: left
    }
}

.o-skills-hero--cn-uses-ai p {
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat, sans-serif;
    margin: 0 0 25px 0;
    padding: 0;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-skills-hero--cn-uses-ai p {
        font-size: 20px;
        line-height: 32px;
        text-align: left;
        font-family: Montserrat, sans-serif
    }
}

@media screen and (min-width:1200px) {
    .o-skills-hero--cn-uses-ai p {
        font-size: 22px;
        line-height: 32px
    }
}

.o-skill-intro--cn-uses-ai {
    background-size: auto;
    background-size: 30% auto;
    text-align: center;
    padding: 45px 0 20px
}

@media (min-width:992px) {
    .o-skill-intro--cn-uses-ai {
        padding: 70px 0 47px
    }
}

.o-skill-intro--cn-uses-ai h3 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 28px
}

@media (min-width:992px) {
    .o-skill-intro--cn-uses-ai h3 {
        font-size: 36px;
        line-height: 44px
    }
}

.o-skill-intro--cn-uses-ai p {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 28px
}

@media (min-width:992px) {
    .o-skill-intro--cn-uses-ai p {
        font-size: 18px;
        line-height: 30px;
        font-family: Montserrat, sans-serif
    }
}

.o-skill-intro--puzzle {
    background-color: #f9fbfc;
    background-image: none;
    padding: 40px 0 20px;
    background-size: auto;
    background-size: 30% auto
}

@media (min-width:992px) {
    .o-skill-intro--puzzle {
        padding: 70px 0 50px
    }
}

.o-skill-intro--puzzle p {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 28px;
    text-align: center
}

@media (min-width:992px) {
    .o-skill-intro--puzzle p {
        font-size: 18px;
        line-height: 30px
    }
}

.o-skill-intro--puzzle .font-20 {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: center
}

@media (min-width:992px) {
    .o-skill-intro--puzzle .font-20 {
        font-size: 20px;
        font-weight: 400;
        line-height: 35px
    }
}

.o-skill-intro--puzzle img {
    text-align: center;
    margin: 40px auto;
    display: block
}

.project-management {
    background-size: auto;
    background-size: 30% auto !important;
    position: relative;
    text-align: center;
    padding: 30px 0 15px
}

@media (min-width:992px) {
    .project-management {
        padding: 70px 0 45px;
        background-size: 30% auto
    }
}

.project-management img {
    margin: 0 0 20px
}

.project-management h2 {
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    margin: 0 0 20px 0
}

@media (min-width:992px) {
    .project-management h2 {
        font-size: 42px;
        line-height: 52px;
        margin: 0 0 30px 0
    }
}

.project-management p {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 25px 0
}

@media (min-width:992px) {
    .project-management p {
        font-family: Montserrat, sans-serif
    }
}

.o-skill-intro--better {
    background-color: #f8f9fb;
    background-image: none;
    position: relative;
    padding: 40px 0 20px;
    text-align: center
}

@media (min-width:992px) {
    .o-skill-intro--better {
        padding: 70px 0 50px;
        background-size: auto;
        background-size: 30% auto
    }
}

.o-skill-intro--better h2 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 25px 0;
    text-transform: capitalize
}

@media (min-width:992px) {
    .o-skill-intro--better h2 {
        font-size: 42px;
        line-height: 52px;
        margin: 0 0 50px 0
    }
}

.o-skill-intro--better p {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 0 25px 0
}

@media (min-width:992px) {
    .o-skill-intro--better p {
        font-size: 18px;
        line-height: 30px;
        font-family: Montserrat, sans-serif
    }
}

.o-skill-intro--better .white-bg {
    background-color: #fff;
    text-align: center;
    padding: 0 0 30px 0;
    width: 100%;
    margin: 0 0 20px;
    min-height: initial;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1)
}

@media (min-width:992px) {
    .o-skill-intro--better .white-bg {
        text-align: left;
        margin: 40px 15px 40px;
        min-height: 640px;
        padding: 0;
        width: inherit;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.o-skill-intro--better .white-bg h3 {
    font-size: 18px;
    line-height: 22px;
    color: #222;
    padding: 30px 35px 15px;
    position: relative;
    margin-bottom: 20px;
    text-align: left
}

@media (min-width:992px) {
    .o-skill-intro--better .white-bg h3 {
        padding: 30px 35px 20px
    }
}

.o-skill-intro--better .white-bg h3:before {
    content: '';
    position: absolute;
    background-color: #27c070;
    height: 3px;
    width: 35px;
    bottom: 0;
    left: 35px;
    margin: 0 auto
}

@media (min-width:992px) {
    .o-skill-intro--better .white-bg h3:before {
        left: 15px;
        right: inherit;
        margin: 0;
        left: 35px
    }
}

.o-skill-intro--better .white-bg p {
    padding: 0 35px;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: left
}

@media (min-width:992px) {
    .o-skill-intro--better .white-bg p {
        padding: 0 35px;
        font-family: Montserrat, sans-serif
    }
}

.o-skill-intro--better .white-bg img {
    width: 100%
}

.o-skill-intro--better .btn_wrapper {
    margin-top: 30px
}

@media (min-width:992px) {
    .o-skill-intro--better .btn_wrapper {
        margin-top: 0
    }
}

.key-benefits:after {
    display: none !important
}

.key-benefits .main-span {
    font-weight: 400;
    line-height: 28px
}

.key-benefits .service-wrap .services-pan {
    padding-top: 40px !important;
    height: auto
}

@media (min-width:992px) {
    .key-benefits .service-wrap .services-pan {
        padding: 40px 20px 30px !important
    }
}

.key-benefits .service-wrap .services-pan:before {
    display: none
}

.key-benefits .service-wrap .services-pan p {
    font-size: 16px !important;
    line-height: 26px !important;
    font-family: Montserrat, sans-serif !important
}

@media screen and (min-width:992px) {
    .key-benefits .service-wrap .services-pan {
        min-height: 515px !important
    }
}

.key-benefits .cmn-heading-para-w {
    margin-bottom: 15px
}

@media (min-width:992px) {
    .key-benefits .cmn-heading-para-w {
        margin-bottom: 20px
    }
}

.o-skill-intro--conclusion {
    position: relative;
    padding: 40px 0 20px;
    text-align: center
}

@media (min-width:992px) {
    .o-skill-intro--conclusion {
        padding: 70px 0 50px;
        background-size: auto;
        background-size: 30% auto
    }
}

.o-skill-intro--conclusion h2 {
    font-size: 30px;
    line-height: 36px;
    text-transform: capitalize
}

@media (min-width:992px) {
    .o-skill-intro--conclusion h2 {
        margin: 0 0 25px 0;
        font-size: 48px;
        line-height: 52px
    }
}

.o-skill-intro--conclusion p {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px
}

@media (min-width:992px) {
    .o-skill-intro--conclusion p {
        font-family: Montserrat, sans-serif
    }
}

.left-banner-txt-mod {
    padding-top: 40px
}

.bottom-right-pt {
    position: relative
}

.bottom-right-pt:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/work-with-the-top-developers/bottom-right-pt.png) bottom right;
    background-repeat: no-repeat;
    z-index: 9;
    width: 615px;
    height: 325px;
    bottom: 0;
    right: 0;
    display: none
}

@media screen and (min-width:992px) {
    .bottom-right-pt:before {
        display: block
    }
}

.bottom-left-pt {
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/bottom-left-pt.png) bottom left;
    background-repeat: no-repeat;
    z-index: 9;
    width: 615px;
    height: 325px;
    bottom: 0;
    left: 0;
    display: none;
    display: block
}

.padding-0-100 {
    padding: 0 !important
}

@media (min-width:992px) {
    .padding-0-100 {
        padding: 0 100px !important
    }
}

.margin-bottom-15 {
    margin-bottom: 20px
}

.index-bnr-logo {
    margin-bottom: 35px
}

.index-bnr-logo img,
.index-bnr-logo svg {
    margin: 10px 5px
}

.machine-img {
    z-index: 1;
    bottom: -15px;
    position: relative;
    max-width: 480px;
    width: auto;
    padding: 0 30px;
    margin: 0 auto
}

@media (min-width:992px) {
    .machine-img {
        position: absolute;
        text-align: right;
        text-align: center;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        padding: 0 15px;
        max-width: none;
        width: 51%;
        right: 30px
    }
}

.custom-align {
    text-align: right;
    text-align: center;
    margin-bottom: 15px
}

.ex-padding-top {
    margin-top: 20px
}

.ex-padding-bottom2 {
    padding-bottom: 200px
}

.description-box {
    padding-top: 15px
}

@media (min-width:992px) {
    .description-box {
        padding-top: 80px
    }
}

.description-box p {
    font-size: 19px;
    line-height: 30px
}

.description-box .description-box-img {
    height: 500px
}

.description-box .description-box-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.description-box .frame-text {
    padding: 30px 30px 5px 30px;
    max-height: 500px;
    max-height: 500px;
    border: 1px solid #f3f3f3
}

@media (min-width:992px) {
    .description-box .frame-text {
        padding: 40px 50px
    }
}

.description-box .frame-text p {
    font-size: 13px;
    line-height: 22px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .description-box .frame-text p {
        font-family: Montserrat, sans-serif;
        font-size: 16px;
        line-height: 30px
    }
}

.description-box .frame-text2 {
    padding: 20px 15px;
    padding: 40px 40px 20px
}

.description-box .o-open-office--description .description-box-img {
    position: relative
}

.description-box .o-open-office--description .description-box-img span {
    bottom: 30px;
    padding: 20px 15px
}

@media (min-width:992px) {
    .description-box .o-open-office--description .description-box-img span {
        padding: 40px 40px
    }
}

.description-box .o-open-office--description .description-box-img .m-left {
    left: 0;
    left: 0
}

.description-box .o-open-office--description .description-box-img .m-right {
    right: 0;
    right: 0
}

@media (min-width:992px) {
    .o-office-design2 {
        padding: 70px 0 80px
    }
}

.here-details p {
    font-family: Montserrat, sans-serif;
    line-height: 22px;
    margin-bottom: 15px;
    font-weight: 600
}

@media (min-width:992px) {
    .here-details p {
        margin: 0 0 25px 0;
        line-height: 28px
    }
}

.here-details .h-are-the {
    margin-bottom: 35px;
    font-size: 17px;
    font-weight: 500
}

@media (min-width:992px) {
    .here-details .h-are-the {
        margin: 0 0 25px 0;
        font-size: 19px;
        font-weight: 600
    }
}

.frame-text3 {
    padding: 15px;
    height: auto;
    margin-bottom: 15px;
    height: 500px;
    padding: 0;
    border: 1px solid #f3f3f3;
    position: relative
}

.frame-text3 h3 {
    padding: 0 0 40px
}

.frame-text4 {
    padding: 15px;
    height: auto;
    margin-bottom: 15px;
    height: 543px;
    padding: 0;
    border: 1px solid #f3f3f3;
    position: relative
}

.frame-text4 h3 {
    padding: 0 0 40px
}

.frame-text5 {
    height: auto;
    padding: 15px;
    margin-bottom: 15px;
    height: 512px;
    padding: 0;
    border: 1px solid #f3f3f3;
    position: relative
}

.frame-text5 h3 {
    padding: 0 0 40px
}

.frame-text6 {
    height: auto;
    padding: 15px;
    margin-bottom: 15px;
    height: 503px;
    padding: 0;
    border: 1px solid #f3f3f3;
    position: relative
}

.frame-text6 h3 {
    padding: 0 0 40px
}

.text-content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.text-content-box p {
    text-align: left;
    margin-bottom: 0
}

.text-content-box p span {
    color: #3be185
}

.text-content-box img {
    margin-right: 25px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.text-wrap {
    max-width: 90%;
    margin: 0 auto
}

.text-wrap .side-padding {
    padding: 0 50px
}

.img-full img {
    width: 100%
}

.company-video {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/office-and-infrastructure/video-bg2.jpg) no-repeat 0 0/cover;
    padding: 50px 0
}

@media (min-width:992px) {
    .company-video {
        padding: 80px 0
    }
}

.hww-list {
    text-align: center;
    margin-bottom: 0;
    padding: 40px 0 0
}

@media (min-width:992px) {
    .hww-list {
        margin-bottom: 10px;
        padding: 40px 0
    }
}

.hww-list li {
    display: inline-block;
    margin: 0 0 25px;
    color: #fff;
    width: 100%;
    vertical-align: top;
    font-size: 15px;
    font-weight: 400;
    position: relative
}

@media screen and (min-width:768px) {
    .hww-list li {
        width: 110px;
        margin: 0 20px
    }
}

@media screen and (min-width:992px) {
    .hww-list li {
        width: 142px
    }
}

.hww-list li span {
    display: block;
    padding-top: 20px;
    font-family: Montserrat, sans-serif
}

.hww-list li:before {
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/arrow.png) no-repeat 0 0;
    width: 53px;
    height: 30px;
    position: absolute;
    right: -50px;
    top: 40px;
    display: none
}

@media (min-width:992px) {
    .hww-list li:before {
        display: block
    }
}

.hww-list li:last-child:before {
    display: none
}

.hww-list-1 li {
    color: #fff;
    position: relative;
    padding: 0 0 20px 28px;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    font-weight: 500
}

@media (min-width:992px) {
    .hww-list-1 li {
        font-size: 19px;
        line-height: 30px
    }
}

.hww-list-1 li:before {
    width: 5px;
    height: 5px;
    background-color: #27c070;
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%
}

.o-engagement-model__cards__top_daas1:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/price-icon-1.png) no-repeat 0 0 !important;
    height: 62px !important;
    width: 64px !important
}

.o-engagement-model__cards__top_daas2:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/price-icon-2.png) no-repeat 0 0 !important;
    height: 62px !important;
    width: 64px !important
}

.reasons-capital__blocks-wc1:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/why-choose-1.png) no-repeat 0 0 !important
}

.reasons-capital__blocks-wc2:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/why-choose-2.png) no-repeat 0 0 !important
}

.reasons-capital__blocks-wc3:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/why-choose-3.png) no-repeat 0 0 !important
}

.reasons-capital__blocks-wc4:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/why-choose-4.png) no-repeat 0 0 !important
}

.reasons-capital__blocks-wc5:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/why-choose-5.png) no-repeat 0 0 !important
}

.panel1 {
    padding: 0 18px;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: max-height .2s ease-out;
    transition: max-height .2s ease-out;
    display: none;
    font-size: 19px;
    line-height: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.panel1 p {
    font-size: 19px;
    line-height: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.panel1 ul {
    padding-bottom: 20px;
    padding-left: 20px
}

.panel1 ul li {
    list-style-type: disc;
    padding-bottom: 10px
}

.cheaper-batter-header p {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    text-align: center
}

@media (min-width:992px) {
    .cheaper-batter-header p {
        font-size: 22px;
        line-height: 32px;
        text-align: left
    }
}

.cheaper-batter-header-left {
    background: 0 0 !important;
    padding-left: 15px
}

@media (min-width:992px) {
    .cheaper-batter-header-left {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/cheape-heading-bg.png) no-repeat 0 0 !important;
        padding-left: 40px
    }
}

.cheaper-batter-header-left .c-b-heading {
    font-size: 19px;
    line-height: 23px;
    font-weight: 700;
    color: #fff;
    font-family: Montserrat, sans-serif;
    padding-bottom: 50px;
    text-transform: uppercase;
    letter-spacing: 0;
    padding-top: 90px;
    position: relative;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .cheaper-batter-header-left .c-b-heading {
        padding-top: 140px;
        font-size: 36px;
        line-height: 43px;
        letter-spacing: 6px;
        margin-bottom: 0
    }
}

.cheaper-batter-header-left .c-b-heading:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mobile-all/cb-bnr-circle.png) no-repeat 0 0;
    width: 325px;
    height: 315px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block
}

@media (min-width:992px) {
    .cheaper-batter-header-left .c-b-heading:before {
        display: none
    }
}

.cheaper-batter-header-left .c-b-heading span {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 84px;
    line-height: 100px;
    letter-spacing: 0
}

@media (min-width:992px) {
    .cheaper-batter-header-left .c-b-heading span {
        font-size: 160px;
        line-height: 160px
    }
}

.cheaper-batter-header-right {
    padding-top: 20px;
    padding-left: 15px
}

@media (min-width:992px) {
    .cheaper-batter-header-right {
        padding-left: 80px;
        padding-top: 80px
    }
}

.cheaper-batter-header-right p {
    line-height: 26px
}

@media (min-width:992px) {
    .cheaper-batter-header-right p {
        line-height: 36px
    }
}

.new-cb-heading {
    margin-top: 30px;
    margin-bottom: 30px
}

.new-cb-heading span {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    width: 270px !important;
    padding: 10px 28px !important
}

@media (min-width:992px) {
    .new-cb-heading span {
        width: auto !important
    }
}

.new-cb-section {
    text-align: left
}

.new-cb-section-pan {
    display: inline-block;
    vertical-align: top;
    font-size: 19px;
    line-height: 29px;
    font-family: Montserrat, sans-serif;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (min-width:992px) {
    .new-cb-section-pan {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

.new-cb-section-pan .new-cb-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:992px) {
    .new-cb-section-pan .new-cb-top {
        display: block
    }
}

.new-cb-section-pan p {
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .new-cb-section-pan p {
        font-size: 19px;
        line-height: 28px;
        font-family: Montserrat, sans-serif
    }
}

.new-cb-section-pan h4 {
    height: auto;
    font-size: 20px;
    color: #333;
    font-weight: 500;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0;
    margin-left: 20px
}

@media (min-width:992px) {
    .new-cb-section-pan h4 {
        height: 70px;
        line-height: 24px;
        margin-bottom: .5rem;
        margin-left: 0
    }
}

.new-cb-section-pan h4 span {
    font-weight: 700
}

@media (min-width:992px) {
    .new-cb-section-pan h4 span {
        position: absolute;
        bottom: 0;
        font-weight: inherit
    }
}

.new-cb-section-pan h4 span strong {
    display: block;
    font-weight: 700
}

@media (min-width:992px) {
    .new-cb-section-pan h4 span strong {
        display: block;
        font-weight: inherit
    }
}

.new-cb-section-pan img {
    margin: 30px 0;
    min-height: 55px
}

.new-cb-section-1 {
    border: 1px solid #8a8a8f;
    background-color: #fafafa;
    border-radius: 5px;
    -webkit-box-shadow: -2px 5px 20px 0 rgba(0, 0, 0, .17);
    box-shadow: -2px 5px 20px 0 rgba(0, 0, 0, .17);
    padding: 15px 35px;
    position: relative
}

@media (min-width:992px) {
    .new-cb-section-1 {
        padding: 68px 35px;
        width: 23%;
        min-height: 546px
    }
}

.new-cb-section-1:after {
    content: "";
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mobile-all/icon-plus.png) no-repeat 0 0 !important;
    width: 39px;
    height: 39px;
    top: inherit;
    bottom: -20px;
    right: 0;
    left: 0;
    background-size: 100% !important;
    margin: 0 auto
}

@media (min-width:992px) {
    .new-cb-section-1:after {
        top: 95px;
        bottom: inherit;
        right: -20px;
        left: inherit;
        margin: 0
    }
}

.new-cb-section-2 {
    border-bottom: 1px solid #e7e7e7;
    padding: 0 30px 0;
    position: relative
}

@media (min-width:992px) {
    .new-cb-section-2 {
        position: relative;
        padding: 50px 28px 0;
        width: 18%;
        min-height: 510px;
        border-right: 1px solid #e7e7e7;
        border-bottom: 0;
        margin: 20px 0
    }
}

@media (min-width:992px) {
    .new-cb-section-2-mod {
        padding: 50px 25px 0
    }
}

.new-cb-section-2:after {
    content: "";
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mobile-all/icon-plus.png) no-repeat 0 0 !important;
    width: 30px;
    height: 30px;
    background-size: 100% !important;
    top: inherit;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media (min-width:992px) {
    .new-cb-section-2:after {
        top: 80px;
        right: -17px;
        left: inherit;
        bottom: inherit;
        margin: 0
    }
}

.last-child-cb {
    border: 0
}

.last-child-cb:after {
    display: none !important
}

.cb-wecare {
    background: #07b260;
    background: linear-gradient(135deg, #07b260 0, #00517f 29%, #051b39 100%)
}

.cb-wecare-heading h2 {
    font-size: 24px;
    line-height: 32px;
    text-align: center
}

@media (min-width:992px) {
    .cb-wecare-heading h2 {
        font-size: 48px;
        line-height: 58px;
        text-align: left
    }
}

.cb-wecare-heading {
    text-align: left;
    color: #fff;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .cb-wecare-heading {
        margin-bottom: 50px
    }
}

.cb-wecare-heading h2 {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 10px
}

@media (min-width:992px) {
    .cb-wecare-heading h2 {
        font-size: 48px;
        line-height: 58px;
        padding-bottom: 20px
    }
}

.cb-wecare-heading p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #fff
}

@media (min-width:992px) {
    .cb-wecare-heading p {
        font-size: 19px;
        line-height: 30px
    }
}

.cb-wecare-heading p strong {
    font-weight: 700
}

.cb-wecare-box1 {
    background-color: #1d2942;
    padding: 50px 30px 10px;
    color: #fff;
    text-align: left
}

.cb-wecare-box1 h3,
.cb-wecare-box2 h3 {
    color: #fff;
    margin-bottom: 30px
}

.cb-wecare-box1 p,
.cb-wecare-box2 p {
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 26px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {

    .cb-wecare-box1 p,
    .cb-wecare-box2 p {
        font-size: 19px;
        font-family: Montserrat, sans-serif
    }
}

.cb-wecare-box2 {
    padding: 50px 30px 10px;
    color: #fff;
    text-align: left;
    border: 1px solid #fff;
    margin-top: 30px;
    margin-top: 50px
}

.cb-wecare-box1 a,
.cb-wecare-box2 a {
    display: inline-block;
    text-align: left;
    border-radius: 5px;
    padding: 10px 50px 10px 20px;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    font-family: Montserrat, sans-serif;
    border: 2px solid #fff;
    color: #fff;
    width: auto;
    position: relative;
    margin-top: 20px
}

@media (min-width:992px) {

    .cb-wecare-box1 a,
    .cb-wecare-box2 a {
        display: inline-block;
        text-align: center;
        font-size: 18px
    }
}

.cb-wecare-box1 a:hover,
.cb-wecare-box2 a:hover {
    border: 2px solid #fff;
    border: 2px solid #14df7d
}

.cb-wecare-box1 a:hover {
    border: 2px solid #14df7d
}

.cb-wecare-box1 a.c-btn:after,
.cb-wecare-box2 a.c-btn:after {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: 0;
    position: absolute;
    right: 15px;
    top: 28px
}

@media (min-width:992px) {

    .cb-wecare-box1 a.c-btn:after,
    .cb-wecare-box2 a.c-btn:after {
        position: static;
        z-index: -1;
        top: 20px
    }
}

.services-pan__dotnet-service-01:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/service-icon-1.png) no-repeat 0 0 !important
}

.services-pan__dotnet-service-02:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/service-icon-2.png) no-repeat 0 0 !important
}

.services-pan__dotnet-service-03:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/service-icon-3.png) no-repeat 0 0 !important
}

.services-pan__dotnet-service-04:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/service-icon-4.png) no-repeat 0 0 !important
}

.services-pan__dotnet-service-05:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/service-icon-5.png) no-repeat 0 0 !important
}

.services-pan__dotnet-service-06:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/service-icon-6.png) no-repeat 0 0 !important
}

.services-pan__dotnet-service-07:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/service-icon-7.png) no-repeat 0 0 !important
}

.services-pan__dotnet-service-08:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/service-icon-8.png) no-repeat 0 0 !important
}

.dotnet-industry {
    position: relative
}

.dotnet-industry:after {
    display: none !important
}

.dotnet-industry .services-pan__dotnet-industry-01:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/industry-icon-1.png) no-repeat 0 0 !important
}

.dotnet-industry .services-pan__dotnet-industry-02:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/industry-icon-2.png) no-repeat 0 0 !important
}

.whydotnet .fi-pan {
    border: 0;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    background-color: transparent
}

.whydotnet .fi-pan img {
    margin-bottom: 20px
}

.whymagento .fi-pan {
    border: 0;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    background-color: transparent;
    width: 100%;
    text-align: center
}

@media (min-width:992px) {
    .whymagento .fi-pan {
        width: 25%;
        text-align: left
    }
}

.whymagento .fi-pan img {
    margin-bottom: 20px
}

.whymagento .fi-pan p {
    font-size: 16px;
    line-height: 23px;
    padding-top: 10px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .whymagento .fi-pan p {
        font-size: 19px;
        line-height: 23px;
        font-family: Montserrat, sans-serif
    }
}

.whymagento .fi-pan h3 {
    font-size: 20px
}

@media (min-width:992px) {
    .whymagento .fi-pan h3 {
        font-size: 26px
    }
}

.hr-magento {
    font-size: 19px
}

@media (min-width:992px) {
    .hr-magento {
        font-size: 26px
    }
}

.hr-magento br {
    display: none
}

@media (min-width:992px) {
    .hr-magento br {
        display: block
    }
}

.magento-page h1 {
    font-size: 55px;
    line-height: 62px
}

.magento-page p {
    font-size: 24px;
    line-height: 30px
}

.magento-page p span {
    color: #2dbe70
}

.magento-section-1 ul li {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/magento/greentick.png) no-repeat 0 5px !important;
    padding: 0 0 10px 40px;
    font-size: 17px;
    line-height: 28px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .magento-section-1 ul li {
        font-size: 20px;
        line-height: 32px;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/magento/greentick.png) no-repeat 0 7px !important;
        font-family: Montserrat, sans-serif
    }
}

.magento-section-1 h5 {
    padding-bottom: 15px
}

@media (min-width:992px) {
    .magento-section-1 h5 {
        padding-bottom: 30px
    }
}

.o-services-hero__title span {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #333;
    background: #14df7d;
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 40px;
    padding: 0 20px;
    margin: 0 0 56px;
    padding: 0 30px;
    margin: 0 0 40px;
    font-size: 28px;
    line-height: 54px
}

.why-matters-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.why-matters-top span {
    display: inline-block;
    width: 60px;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    border: 1px solid #333
}

@media (min-width:992px) {
    .why-matters-top span {
        display: inline;
        width: auto;
        height: auto;
        border-radius: 0;
        border: none
    }
}

.why-matters-top span .listing-heading-icon1 {
    width: 25px
}

@media (min-width:992px) {
    .why-matters-top span .listing-heading-icon1 {
        width: auto
    }
}

.why-matters-top span .listing-heading-icon2 {
    width: 40px
}

@media (min-width:992px) {
    .why-matters-top span .listing-heading-icon2 {
        width: auto
    }
}

.why-matters-top span .listing-heading-icon3 {
    width: 40px
}

@media (min-width:992px) {
    .why-matters-top span .listing-heading-icon3 {
        width: auto
    }
}

.why-matters .listing-heading {
    padding-bottom: 15px !important
}

@media (min-width:992px) {
    .why-matters .listing-heading {
        padding-bottom: 35px !important
    }
}

.why-matters-top h3 {
    font-size: 20px;
    line-height: 36px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px !important
}

@media (min-width:992px) {
    .why-matters-top h3 {
        font-size: 26px;
        line-height: 1.2;
        padding-left: 30px !important
    }
}

.why-matters .c-ticked-list li {
    font-size: 14px !important;
    line-height: 24px !important
}

@media (min-width:992px) {
    .why-matters .c-ticked-list li {
        font-size: 17px !important;
        line-height: 28px !important
    }
}

.why-matters .c-ticked-list li:before {
    background-size: 15px !important
}

@media (min-width:992px) {
    .why-matters .c-ticked-list li:before {
        background-size: auto !important
    }
}

.why-matters p.padding-0 {
    font-size: 16px !important;
    line-height: 28px !important;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .why-matters p.padding-0 {
        font-size: 19px !important;
        line-height: 30px !important;
        font-family: Montserrat, sans-serif
    }
}

.AI .key-benefits {
    padding: 45px 0 20px;
    background: #023e66
}

@media (min-width:992px) {
    .AI .key-benefits {
        padding: 70px 0 50px;
        background: linear-gradient(285deg, #07b260 0, #00517f 20%, #023e66 75%, #051b39 100%)
    }
}

.AI .key-benefits h2 {
    font-size: 30px;
    color: #fff
}

@media (min-width:992px) {
    .AI .key-benefits h2 {
        font-size: 48px;
        color: #fff
    }
}

.AI .key-benefits .cmn-heading-para-w {
    color: #fff;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .AI .key-benefits .cmn-heading-para-w {
        color: #fff;
        margin-bottom: 20px
    }
}

.AI .key-benefits .services-pan h2 {
    font-size: 20px
}

@media (min-width:992px) {
    .AI .key-benefits .services-pan h2 {
        font-size: 26px
    }
}

.chat-app-group-icon {
    margin-bottom: 25px;
    display: block
}

.c-icon-desc-3-col .secure-web-application-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 50px
}

@media screen and (min-width:992px) {
    .c-icon-desc-3-col .secure-web-application-row {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        display: block;
        text-align: left;
        margin-top: 50px
    }

    .c-icon-desc-3-col .secure-web-application-row .secure-web-application-box {
        width: 100%;
        padding: 0;
        display: inline-block;
        margin: 0;
        font-size: 1em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box {
    border: none
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box-1 {
    padding: 35px 20px 0;
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box-1::before {
    content: "";
    background-color: #4a90e2;
    width: 120px;
    height: 5px;
    position: absolute;
    left: 20px;
    top: 0
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box-2 {
    padding: 35px 20px 0;
    position: relative;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box-2::before {
    content: "";
    background-color: #49c684;
    width: 120px;
    height: 5px;
    position: absolute;
    left: 20px;
    top: 0
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box-3 {
    padding: 35px 20px 0;
    position: relative;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box-3::before {
    content: "";
    background-color: #49c684;
    width: 120px;
    height: 5px;
    position: absolute;
    left: 20px;
    top: 0
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box-4 {
    padding: 35px 20px 0;
    position: relative;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box-4::before {
    content: "";
    background-color: #4a90e2;
    width: 120px;
    height: 5px;
    position: absolute;
    left: 20px;
    top: 0
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box-5 {
    padding: 35px 20px 0;
    position: relative;
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box-5::before {
    content: "";
    background-color: #49c684;
    width: 120px;
    height: 5px;
    position: absolute;
    left: 20px;
    top: 0
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box-6 {
    padding: 35px 20px 0;
    position: relative;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box-6::before {
    content: "";
    background-color: #4a90e2;
    width: 120px;
    height: 5px;
    position: absolute;
    left: 20px;
    top: 0
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box-7 {
    padding: 35px 20px 0;
    position: relative;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.c-icon-desc-3-col .secure-web-application-row .secure-web-application-box-7::before {
    content: "";
    background-color: #49c684;
    width: 120px;
    height: 5px;
    position: absolute;
    left: 20px;
    top: 0
}

.c-icon-desc-3-col.c-icon-desc-3-col-new-mod {
    padding: 40px 0
}

@media screen and (min-width:992px) {
    .c-icon-desc-3-col.c-icon-desc-3-col-new-mod {
        padding: 70px 0 80px
    }
}

.project-discuss-section,
.project-discuss-section-new {
    background: url(///images/web-application/Oval-copy-oval.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #204279
}

.project-discuss-section .btn-orange,
.project-discuss-section-new .btn-orange {
    max-width: 350px
}

.project-discuss-text {
    font-size: 18px;
    line-height: 30px
}

.project-discuss-section-new {
    background-color: #f7f8fa;
    background: url(///images/web-application/oval-copy-oval-copy-mask.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.dev-process.dev-process-new .spiral-col-box p {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:992px) {
    .dev-process.dev-process-new .spiral-col-box1 {
        margin-bottom: 90px
    }
}

@media (min-width:992px) {
    .dev-process.dev-process-new .spiral-col-box2 {
        margin-bottom: 110px
    }
}

@media (min-width:992px) {
    .dev-process.dev-process-new .spiral-col-box5 {
        margin-top: 90px
    }
}

.grid-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center
}

@media screen and (min-width:992px) {
    .grid-layout {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        display: block;
        text-align: left
    }

    .grid-layout .grid-block {
        width: 100%;
        padding: .5em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 0 1em;
        font-size: 1em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .grid-layout .grid-block img {
        margin-right: 20px
    }
}

.grid-layout .grid-block p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px
}

.grid-layout .grid-block p strong {
    font-size: 20px
}

@media screen and (min-width:992px) {
    .grid-layout .grid-block p {
        font-size: 18px;
        line-height: 28px;
        margin-top: 0
    }

    .grid-layout .grid-block p strong {
        font-size: 20px
    }
}

.grid-layout .grid-block p a {
    display: block
}

@media screen and (min-width:992px) {
    .grid-layout .grid-block p a {
        display: inline;
        margin-left: 10px
    }
}

.grid-layout .grid-block-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.grid-layout .grid-block-2 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.grid-layout .grid-block-3 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.grid-layout .grid-block-4 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.grid-layout .grid-block-5 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.grid-layout .grid-block-6 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.grid-layout .grid-block-7 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.grid-layout .grid-block-8 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.grid-layout .grid-block-9 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.grid-layout .grid-block-10 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.grid-layout .grid-block-11 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.grid-layout .grid-block-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.o-we-love-intro {
    padding: 40px 0 80px;
    text-align: center
}

.o-we-love-intro h1 {
    margin-bottom: 30px;
    text-transform: none;
    line-height: 50px;
    font-size: 80px;
    line-height: 55px;
    letter-spacing: 2.5px;
    text-shadow: 1px 1px 0 #333, -1px 1px 0 #333, 1px -1px 0 #333, -1px -1px 0 #333
}

.o-we-love-intro h2 {
    margin-bottom: 30px;
    text-transform: none;
    line-height: 50px;
    font-size: 80px;
    line-height: 55px
}

.o-we-love-intro h2.love-subheading {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 10px
}

.o-we-love-intro h3 {
    margin-bottom: 20px
}

.o-we-love-intro h4 {
    margin-bottom: 20px
}

.o-we-love-intro p strong {
    font-weight: 600
}

.o-we-love-intro__other-text {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .o-we-love-intro__other-text {
        margin-bottom: 20px
    }
}

.o-we-love-intro__we-love-image {
    padding-bottom: 40px
}

.o-we-love-intro .c-btn {
    margin-top: 20px
}

.cto-info-p-heading {
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 500
}

@media (min-width:992px) {
    .cto-info-p-heading {
        font-size: 23px !important;
        line-height: 35px !important;
        font-weight: 400
    }
}

.cto-last-solid-info {
    padding: 0 60px;
    margin-bottom: 40px
}

.margin-top-bottom-10 {
    margin: 10px 0 !important
}

.gradient-blue-green .container {
    position: relative;
    z-index: 9
}

.o-services-hero__icons span {
    display: block;
    color: #fff;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    margin-top: 15px;
    font-weight: 600;
    font-size: 18px
}

.green-bg-headine {
    position: relative;
    font-size: 30px;
    padding: 7px 30px;
    font-family: Montserrat, sans-serif;
    line-height: 24px;
    font-size: 18px
}

.green-bg-headine:before {
    content: '';
    position: absolute;
    width: 41px;
    height: 19px;
    top: -17px;
    left: 0
}

.gradient-blue-green {
    position: relative;
    background: linear-gradient(285deg, #07b260 0, #00517f 20%, #023e66 75%, #051b39 100%)
}

@media (min-width:992px) {
    .gradient-blue-green {
        background: linear-gradient(285deg, #07b260 0, #00517f 30%, #023e66 75%, #051b39 100%)
    }
}

.o-services-hero__title span:before {
    content: '';
    position: absolute;
    width: 41px;
    height: 19px;
    top: -17px;
    left: 0;
    border: none
}

.o-industrial-experience-mod .data-science-tech {
    width: auto;
    margin: 0 10px 45px;
    margin: 0 auto;
    width: 96%
}

.o-industrial-experience-mod .data-science-tech span {
    background-color: #349ee6;
    padding: 23px 20px
}

.o-industrial-experience-mod .data-science-tech span:after {
    border-left: 10px solid #349ee6
}

.o-industrial-experience-mod .data-science-tech img {
    position: relative;
    top: 5px
}

.data-science .o-skills-hero .container {
    padding-top: 90px
}

.data-science .dc-white-pan {
    min-height: inherit;
    min-height: 596px
}

.margin-top-50 {
    margin-top: 50px
}

.padding-bottom-40 {
    padding-bottom: 40px
}

@media (min-width:992px) {
    .skill-service.gradient-blue-green {
        background: linear-gradient(285deg, #07b260 0, #00517f 20%, #023e66 75%, #051b39 100%)
    }
}

.skill-service.gradient-blue-green:before {
    display: none
}

@media (min-width:992px) {
    .skill-service.gradient-blue-green:before {
        display: block
    }
}

.padding-top-100 {
    padding-top: 80px
}

.font-family-pro {
    font-family: Montserrat, sans-serif
}

.padding-top-40 {
    padding-top: 40px
}

.padding-80 {
    padding-top: 40px
}

.padding-bottom-30 {
    padding-bottom: 30px
}

.white {
    color: #fff !important
}

h1 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700
}

@media (min-width:992px) {
    h1 {
        font-size: 62px;
        line-height: 75px
    }
}

h2 {
    font-size: 24px;
    line-height: 32px;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

@media (min-width:992px) {
    h2 {
        font-size: 48px;
        line-height: 58px
    }
}

.cmn-heading-para {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
    color: #333;
    font-weight: 500;
    text-align: center;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .cmn-heading-para {
        font-size: 20px;
        line-height: 32px;
        font-family: Montserrat, sans-serif
    }
}

.font-weight-600 {
    font-weight: 600
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-top-30 {
    margin-top: 30px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.cmn-bottom-border {
    border-bottom: 1px solid #dedede
}

.cmn-top-border {
    border-top: 1px solid #dedede
}

.mobile-off {
    display: none
}

@media (min-width:992px) {
    .mobile-off {
        display: block
    }
}

.bg-grey {
    background-color: #f5f5f5 !important
}

.font-size-30 {
    font-size: 28px
}

.btn-center-block {
    margin: 0 auto;
    width: 310px;
    text-transform: uppercase
}

@media (min-width:992px) {
    .btn-center-block {
        width: inherit
    }
}

p {
    margin: 0 0 25px 0;
    padding: 0;
    line-height: 24px
}

p .anchor-link {
    font-size: 13px;
    line-height: 19px;
    color: #cbe3ff;
    text-transform: none
}

@media (min-width:992px) {
    p .anchor-link {
        max-width: 340px;
        margin-top: 10px
    }
}

.o-home-service .anchor-link {
    margin-top: 0
}

@media (min-width:992px) {
    .o-home-service .anchor-link {
        margin-top: 15px
    }
}

.o-home-service .n-gradient-green-blue {
    background: linear-gradient(172deg, #037773 7%, #00517f 42%, #023e66 67%, #051b39 100%)
}

@media (min-width:992px) {
    .o-home-service .n-gradient-green-blue {
        background: linear-gradient(350deg, #037c71 0, #042b4e 100%)
    }
}

.wb-bnr {
    background: #165b5e;
    background: linear-gradient(138deg, #165b5e 0, #0f3a4a 17%, #091b38 50%)
}

.o-skills-hero {
    padding-bottom: 15px;
    padding-top: 102px;
    position: relative;
    background: linear-gradient(138deg, #165b5e 0, #0f3a4a 17%, #091b38 50%)
}

@media (min-width:992px) {
    .o-skills-hero {
        padding-top: 100px
    }
}

.o-skills-hero br {
    display: none
}

@media (min-width:992px) {
    .o-skills-hero br {
        display: block
    }
}

.o-skills-hero .container {
    position: relative;
    z-index: 9
}

.wb-bnr {
    padding-top: 60px;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .wb-bnr {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.small-h1 {
    text-align: center
}

.small-h1 h1 {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 25px;
    margin-top: 15px
}

@media (min-width:992px) {
    .small-h1 h1 {
        padding: 0 80px;
        font-size: 36px;
        line-height: 51px;
        margin-top: 0
    }
}

.small-h1 h1.padding-0 {
    padding: 0
}

.small-h1 h2 {
    font-size: 22px;
    color: #14e07e;
    margin-top: 25px;
    font-weight: 900;
    font-family: Montserrat, sans-serif;
    padding-bottom: 0
}

@media (min-width:992px) {
    .small-h1 h2 {
        font-size: 26px;
        margin-top: 25px;
        font-weight: 700;
        margin-bottom: 0;
        padding: 0 0 0
    }
}

.small-h1 .bnr-ofr-text {
    color: #b7b7b7;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .small-h1 .bnr-ofr-text {
        padding: 0 280px;
        line-height: 36px;
        font-size: 18px;
        font-weight: 600;
        margin-top: 10px
    }
}

.small-h1 .bnr-ofr-text a {
    text-decoration: underline;
    color: #b7b7b7
}

.small-h1 .bnr-ofr-text br {
    display: none
}

@media (min-width:992px) {
    .small-h1 .bnr-ofr-text br {
        display: block
    }
}

.o-skills-hero__schedule {
    font-family: Montserrat, sans-serif;
    position: relative
}

.o-skills-hero__schedule .container {
    position: relative;
    z-index: 9
}

.o-skills-hero__schedule .header_right_pan {
    background-color: #1d2942a3;
    padding: 6px;
    margin-top: 20px
}

.o-skills-hero__schedule .header_right_pan .regular.slider h3 {
    font-size: 20px;
    line-height: 28px
}

.o-skills-hero__schedule .header_right_pan .holder {
    padding: 40px 50px 15px 50px
}

.o-skills-hero__schedule .header_right_pan .sub-text {
    font-size: 19px;
    padding: 0 40px 20px
}

.o-skills-hero__schedule .header_right_pan ul li {
    margin: 0 6px;
    width: 19%;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #fff
}

.o-skills-hero__schedule .header_right_pan ul li img {
    width: 100%
}

.o-skills-hero__schedule .header_right_pan .anchor-link:hover {
    color: #fff
}

.bnr-ofr-text br {
    display: block
}

.gray-text {
    color: #b7b7b7 !important
}

.green-head-ribbon {
    position: relative
}

.green-head-ribbon span {
    font-family: Montserrat, sans-serif !important;
    font-size: 20px;
    padding: 7px 35px;
    line-height: 24px;
    margin: 0 0 26px;
    width: auto
}

@media (min-width:992px) {
    .green-head-ribbon span {
        padding: 0 30px;
        margin: 0 0 40px;
        font-size: 28px;
        line-height: 54px;
        font-family: Montserrat, sans-serif !important
    }
}

.green-head-ribbon span:before {
    content: "";
    display: block;
    position: absolute;
    top: -18px;
    left: 0;
    border-color: transparent transparent transparent #148d52;
    width: 0;
    height: 0;
    border-style: dashed solid dashed solid;
    border-width: 0 0 18px 40px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.o-services-hero__title span:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: auto;
    right: 0;
    border-color: transparent transparent transparent #148d52;
    width: 0;
    height: 0;
    border-style: dashed solid dashed solid;
    border-width: 0 0 18px 40px
}

@media (min-width:992px) {
    .service-details {
        padding: 80px 0
    }
}

.service-details h2 {
    margin-bottom: 5px;
    font-size: 30px;
    line-height: 36px
}

@media (min-width:992px) {
    .service-details h2 {
        font-size: 48px;
        line-height: 61px;
        margin-bottom: 25px
    }
}

.service-details .cmn-heading-para {
    display: none
}

@media (min-width:992px) {
    .service-details .cmn-heading-para {
        display: block;
        font-size: 20px;
        line-height: 32px;
        color: #333;
        max-width: 1024px;
        margin: 0 auto;
        margin-bottom: 0;
        font-weight: 400;
        font-family: Montserrat, sans-serif
    }
}

.service-details h3 {
    font-size: 20px;
    text-align: center
}

@media (min-width:992px) {
    .service-details h3 {
        font-size: 24px;
        line-height: 32px
    }
}

.service-details p {
    font-size: 16px !important;
    line-height: inherit !important;
    text-align: center
}

@media (min-width:992px) {
    .service-details p {
        font-size: 18px !important;
        line-height: 28px !important
    }
}

.service-details .service-wrap .brick.services-pan {
    display: inline-block;
    vertical-align: top;
    margin: 15px 0;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    background-color: #fff;
    text-align: center;
    padding: 50px 15px 10px;
    position: relative
}

@media (min-width:992px) {
    .service-details .service-wrap .brick.services-pan {
        padding: 50px 30px 50px
    }
}

@media (min-width:992px) {
    .service-details .service-wrap .brick.services-pan a {
        width: 134px;
        height: 46px;
        line-height: 42px;
        border: 2px solid #333;
        border-radius: 5px;
        font-size: 18px;
        color: #333;
        text-decoration: none;
        font-weight: 400;
        -webkit-transition: .3s all ease-in;
        transition: .3s all ease-in;
        display: block;
        background: 0 0;
        padding: 0;
        text-transform: capitalize
    }

    .service-details .service-wrap .brick.services-pan a:after {
        display: none
    }
}

.service-details .service-wrap .brick.services-pan a:hover {
    border-color: #ff5800;
    color: #ff5800
}

.service-details .service-wrap:before {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.web-app-service {
    padding-top: 40px;
    padding-bottom: 20px;
    position: relative
}

@media (min-width:992px) {
    .web-app-service {
        padding-top: 65px;
        padding-bottom: 45px
    }
}

.web-app-service .service-wrap {
    text-align: center;
    margin-bottom: 35px
}

.web-app-service .service-wrap .brick.services-pan {
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    background-color: #fff;
    text-align: center;
    padding: 50px 15px 10px;
    position: relative
}

@media screen and (min-width:992px) {
    .web-app-service .service-wrap .brick.services-pan {
        width: 46%
    }
}

@media screen and (min-width:1200px) {
    .web-app-service .service-wrap .brick.services-pan {
        width: 30%;
        padding: 50px 30px 30px
    }
}

.web-app-service .service-wrap .brick.services-pan:before {
    display: none
}

.web-app-service .service-wrap .brick.services-pan h3 {
    font-size: 20px;
    position: relative
}

@media (min-width:992px) {
    .web-app-service .service-wrap .brick.services-pan h3 {
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 0
    }
}

.web-app-service .service-wrap .brick.services-pan p {
    font-size: 16px;
    line-height: 23px
}

@media screen and (min-width:992px) {
    .web-app-service .service-wrap .brick.services-pan p {
        font-size: 17px;
        line-height: 28px
    }
}

@media screen and (min-width:1280px) {
    .web-app-service .service-wrap .brick.services-pan p {
        font-size: 18px;
        line-height: 30px
    }
}

.web-app-service .service-wrap .brick.services-pan a {
    margin-bottom: 30px;
    display: block
}

@media (min-width:992px) {
    .web-app-service .service-wrap .brick.services-pan a {
        margin-top: auto;
        margin-bottom: 0
    }
}

.web-app-service .service-wrap .brick.services-pan i {
    display: block;
    height: 55px
}

.web-app-service .service-wrap .brick.services-pan i img {
    height: 100%
}

.web-app-service .service-wrap .brick.services-pan__php-service-01:before {
    background-position: 0 0
}

.web-app-service .service-wrap .brick.services-pan__php-service-02:before {
    background-position: -62px 0
}

.web-app-service .service-wrap .brick.services-pan__php-service-03:before {
    background-position: -123px 0
}

.web-app-service .service-wrap .brick.services-pan__php-service-04:before {
    background-position: -183px 0
}

.web-app-service .service-wrap .brick.services-pan__php-service-05:before {
    background-position: 0 -57px
}

.web-app-service .service-wrap .brick.services-pan__php-service-06:before {
    background-position: -62px -55px
}

.web-app-service .service-wrap .brick.services-pan__php-service-07:before {
    background-position: -123px -57px
}

.web-app-service .service-wrap .brick.services-pan__php-service-08:before {
    background-position: -183px -57px
}

.lighter-blue {
    color: #4a90e2 !important
}

@media (min-width:992px) {
    .o-industrial-experience {
        padding: 70px 0 50px
    }
}

.o-case-studies-slider h2 {
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .o-case-studies-slider h2 {
        font-size: 48px;
        line-height: 61px;
        padding-bottom: 30px
    }
}

.o-case-studies-slider .row {
    margin: 0
}

@media (min-width:992px) {
    .o-case-studies-slider .row {
        margin: 0 -15px
    }
}

.experience-list {
    padding: 0 15px
}

.experience-list h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.experience-list ul {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.experience-list ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 43%;
    flex: 0 0 43%;
    margin: 10px 10px;
    background: #fff;
    border-radius: 5px;
    vertical-align: top;
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, .1)
}

@media (min-width:992px) {
    .experience-list ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        border: 1px solid #c8c7cc
    }
}

@media (min-width:992px) {
    .experience-list ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 30px 15px;
        position: relative;
        height: 115px
    }
}

.experience-list ul li a:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 0 15px 0 rgba(153, 153, 153, .5)
}

.experience-list ul li a:before {
    content: "";
    width: 23px;
    height: 23px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: 1px solid #c8c7cc;
    border-radius: 50%;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-black.png) no-repeat 50% 50%;
    display: none
}

@media (min-width:992px) {
    .experience-list ul li a:before {
        display: block
    }
}

.experience-list .new-stack li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 13px 15px;
    height: auto;
    position: relative;
    width: auto;
    height: 100%
}

@media (min-width:992px) {
    .experience-list .new-stack li a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.experience-list .new-stack li a .php-logo {
    width: 48px
}

@media (min-width:992px) {
    .experience-list .new-stack li a .php-logo {
        width: inherit
    }
}

.experience-list .new-stack li a:after {
    content: "";
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mobile-all/circle-arrow.png) no-repeat 0 0;
    width: 21px;
    height: 21px;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 8px;
    display: none
}

.stack-section {
    padding-bottom: 20px
}

@media (min-width:992px) {
    .stack-section {
        padding: 70px 0 50px
    }
}

.stack-section h2 {
    font-size: 30px;
    line-height: 43px;
    position: relative;
    padding-bottom: 15px
}

@media (min-width:992px) {
    .stack-section h2 {
        padding-bottom: 30px
    }
}

.stack-section h2:before {
    content: "";
    background: #49c684;
    height: 2px;
    width: 50px;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    display: none
}

@media (min-width:992px) {
    .stack-section h2:before {
        display: none
    }
}

@media (min-width:992px) {
    .stack-section .btn_wrapper {
        margin-top: 10px
    }
}

@media (min-width:992px) {
    .price-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.o-engagement-model {
    padding-top: 40px;
    padding-bottom: 45px;
    background: linear-gradient(166deg, #004475 20%, #0b8a8a 69%, #08967e 100%)
}

@media (min-width:992px) {
    .o-engagement-model {
        padding: 70px 0 40px;
        background: linear-gradient(285deg, #07b260 0, #00517f 20%, #023e66 75%, #051b39 100%)
    }
}

.o-engagement-model h2 {
    color: #fff;
    margin: 0 0 25px;
    text-transform: capitalize;
    font-size: 24px;
    line-height: 32px;
    text-align: center
}

@media (min-width:992px) {
    .o-engagement-model h2 {
        font-size: 48px;
        line-height: 61px;
        margin: 0 0 40px
    }
}

.o-engagement-model .o-engagement-model__panel--leftnew {
    width: 100%;
    position: relative
}

@media (min-width:992px) {
    .o-engagement-model .o-engagement-model__panel--leftnew {
        margin-left: 10px
    }
}

.o-engagement-model .o-engagement-model__panel--leftnew .most-popular {
    position: absolute;
    height: 125px;
    width: 120px;
    top: -9px;
    left: -10px;
    display: block;
    background-size: cover
}

@media (min-width:992px) {
    .o-engagement-model .o-engagement-model__panel--leftnew .most-popular {
        height: 151px;
        width: 152px;
        top: -10px
    }
}

.o-engagement-model .o-engagement-model__panel--leftnew .o-engagement-model__cards {
    padding: 25px 15px 15px;
    background: #fff;
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1)
}

@media screen and (min-width:992px) {
    .o-engagement-model .o-engagement-model__panel--leftnew .o-engagement-model__cards {
        padding: 30px 30px 30px;
        min-height: 392px
    }
}

@media screen and (min-width:1200px) {
    .o-engagement-model .o-engagement-model__panel--leftnew .o-engagement-model__cards {
        min-height: 368px
    }
}

.o-engagement-model .o-engagement-model__panel--leftnew .price-text {
    text-align: center;
    position: relative;
    padding-top: 10px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500
}

.o-engagement-model .o-engagement-model__panel--leftnew .price-text span {
    font-size: 32px;
    color: #ff5800;
    display: block;
    text-transform: none;
    padding-top: 15px;
    font-weight: 700
}

@media (min-width:992px) {
    .o-engagement-model .o-engagement-model__panel--leftnew .price-text span {
        font-size: 48px;
        font-weight: 600;
        padding-top: 25px
    }
}

.o-engagement-model .o-engagement-model__panel--leftnew .price-text span strong {
    font-size: 20px;
    text-transform: capitalize
}

@media (min-width:992px) {
    .o-engagement-model .o-engagement-model__panel--leftnew .price-text span strong {
        font-size: 26px
    }
}

.o-engagement-model .o-engagement-model__panel--leftnew .font-family-mot {
    font-size: 16px;
    line-height: 23px;
    font-family: Montserrat, sans-serif;
    padding: 0 30px;
    font-weight: 500
}

@media (min-width:992px) {
    .o-engagement-model .o-engagement-model__panel--leftnew .font-family-mot {
        font-size: 18px;
        margin-top: 35px;
        padding: 0
    }
}

.o-engagement-model .o-engagement-model__panel--rightnew {
    width: 100%
}

@media (min-width:992px) {
    .o-engagement-model .o-engagement-model__panel--rightnew {
        margin-right: 10px
    }
}

.o-engagement-model .o-engagement-model__panel--rightnew .o-engagement-model__cards {
    padding: 25px 15px 15px;
    background: #fff;
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1)
}

@media screen and (min-width:992px) {
    .o-engagement-model .o-engagement-model__panel--rightnew .o-engagement-model__cards {
        padding: 30px 30px 30px;
        min-height: 392px
    }
}

@media screen and (min-width:1200px) {
    .o-engagement-model .o-engagement-model__panel--rightnew .o-engagement-model__cards {
        min-height: 368px
    }
}

.o-engagement-model .o-engagement-model__panel--rightnew .price-text {
    text-align: center;
    position: relative;
    padding-top: 10px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500
}

.o-engagement-model .o-engagement-model__panel--rightnew .price-text span {
    font-size: 32px;
    color: #ff5800;
    display: block;
    text-transform: none;
    padding-top: 15px;
    font-weight: 700
}

@media (min-width:992px) {
    .o-engagement-model .o-engagement-model__panel--rightnew .price-text span {
        font-size: 48px;
        padding-top: 25px;
        font-weight: 600
    }
}

.o-engagement-model .o-engagement-model__panel--rightnew .price-text span strong {
    font-size: 20px;
    text-transform: capitalize
}

@media (min-width:992px) {
    .o-engagement-model .o-engagement-model__panel--rightnew .price-text span strong {
        font-size: 26px
    }
}

.o-engagement-model .o-engagement-model__panel--rightnew .font-family-mot {
    font-size: 16px;
    line-height: 23px;
    font-family: Montserrat, sans-serif;
    padding: 0 30px;
    font-weight: 500
}

@media (min-width:992px) {
    .o-engagement-model .o-engagement-model__panel--rightnew .font-family-mot {
        font-size: 18px;
        margin-top: 30px;
        padding: 0
    }
}

.o-engagement-model .btn_wrapper {
    margin-top: 35px
}

@media (min-width:992px) {
    .o-engagement-model .btn_wrapper {
        margin-top: 15px
    }
}

.o-engagement-model__cards__top {
    position: relative;
    text-align: center;
    padding-top: 15px
}

@media (min-width:992px) {
    .o-engagement-model__cards__top {
        padding-top: 10px
    }
}

.o-engagement-model__cards__top:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 52px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -60px;
    z-index: 0
}

.o-engagement-model__cards__top__inner h3 {
    font-size: 20px;
    line-height: 24px
}

@media screen and (min-width:992px) {
    .o-engagement-model__cards__top__inner h3 {
        font-size: 26px
    }
}

@media screen and (min-width:1200px) {
    .o-engagement-model__cards__top__inner h3 {
        margin: 25px 0 35px 0;
        font-size: 32px
    }
}

.o-engagement-model__cards__01:before {
    background-position: -5px -200px
}

.o-engagement-model__cards__02:before {
    background-position: -63px -200px
}

.o-engagement-model__cards__bottom {
    margin-bottom: 25px
}

.c-icon-desc-3-col-box {
    position: relative;
    text-align: center;
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .c-icon-desc-3-col-box {
        padding: 70px 0 50px
    }
}

.c-icon-desc-3-col-box h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0;
    padding-bottom: 0
}

@media (min-width:992px) {
    .c-icon-desc-3-col-box h2 {
        font-size: 48px;
        line-height: 61px;
        padding-bottom: 30px
    }
}

.c-icon-desc-3-col-ccn .row>div {
    padding: 0 15px 0 90px;
    text-align: left;
    position: relative;
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .c-icon-desc-3-col-ccn .row>div {
        padding: 0 40px 0 95px;
        margin: 0 0 40px;
        border-bottom: 0
    }
}

.c-icon-desc-3-col-ccn .row>div p {
    text-align: left;
    font-size: 16px;
    line-height: 23px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .c-icon-desc-3-col-ccn .row>div p {
        font-size: 19px;
        text-align: left;
        line-height: 30px;
        font-family: Montserrat, sans-serif
    }
}

.c-icon-desc-3-col-ccn .row>div p strong {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    padding-bottom: 5px;
    display: block;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .c-icon-desc-3-col-ccn .row>div p strong {
        font-size: 24px
    }
}

.o-case-studies-new {
    padding-top: 40px
}

@media (min-width:992px) {
    .o-case-studies-new {
        padding: 80px 0
    }
}

.o-case-studies-new h2 {
    font-family: Poppins;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 15px;
    text-align: center;
    color: #333;
    font-weight: 600
}

@media (min-width:992px) {
    .o-case-studies-new h2 {
        font-size: 48px;
        line-height: 61px;
        padding-bottom: 30px
    }
}

.o-case-studies-new .margin-bottom-20 {
    margin-bottom: 10px
}

.o-case-studies-new .faq-pan {
    margin-bottom: 20px
}

.o-case-studies-new .faq-holder {
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1)
}

.o-case-studies-new .faq-holder .accordion1 {
    font-size: 16px;
    line-height: 22px;
    padding: 15px 35px 15px 15px;
    color: #333;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    position: relative;
    text-transform: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 45px
}

@media (min-width:992px) {
    .o-case-studies-new .faq-holder .accordion1 {
        background-color: transparent;
        padding: 18px;
        border: none;
        outline: 0;
        font-size: 19px;
        line-height: 25px;
        -webkit-transition: .4s;
        transition: .4s;
        padding-right: 18px
    }
}

.o-case-studies-new .faq-holder .accordion1:after {
    content: "\002B";
    color: #27c070;
    font-weight: 400;
    float: right;
    margin-left: 5px;
    font-size: 30px;
    position: absolute;
    right: 18px
}

.o-case-studies-new .faq-holder .active1:after {
    content: "\2212"
}

.o-case-studies-new .faq-holder .panel1 {
    padding: 0 18px;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: max-height .2s ease-out;
    transition: max-height .2s ease-out;
    display: none;
    font-size: 19px;
    line-height: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.o-case-studies-new .faq-holder .panel1 p {
    font-size: 16px;
    line-height: 30px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .o-case-studies-new .faq-holder .panel1 p {
        font-size: 19px;
        line-height: 30px;
        font-family: Montserrat, sans-serif;
        font-weight: 500
    }
}

.insights-section {
    padding-top: 40px;
    padding-bottom: 25px
}

@media (min-width:992px) {
    .insights-section {
        padding: 75px 0
    }
}

.insights-section h2 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    font-weight: 600
}

@media (min-width:992px) {
    .insights-section h2 {
        font-size: 48px;
        line-height: 61px;
        padding-bottom: 15px
    }
}

.insights-section .row {
    margin: 0
}

.insights-section .fi-pan {
    margin: 15px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    width: 100%;
    padding: 0
}

@media (min-width:992px) {
    .insights-section .fi-pan {
        display: inline-block;
        vertical-align: top;
        margin: 15px;
        -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
        box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
        width: 30%
    }
}

.insights-section .fi-pan a {
    display: block;
    padding: 40px 25px;
    position: relative;
    min-height: inherit;
    border-bottom: 5px solid #4a90e2
}

@media (min-width:992px) {
    .insights-section .fi-pan a {
        min-height: 340px
    }
}

.insights-section .fi-pan .odd {
    border-bottom: 5px solid #009c52
}

.insights-section .fi-pan h3 {
    text-align: left;
    text-transform: none;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #333;
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

@media (min-width:992px) {
    .insights-section .fi-pan h3 {
        text-align: left;
        font-size: 24px;
        line-height: 30px
    }
}

.insights-section .fi-pan p {
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .insights-section .fi-pan p {
        font-size: 19px !important;
        text-align: left;
        line-height: 30px;
        color: #333;
        font-weight: 500;
        font-family: Montserrat, sans-serif
    }
}

.insights-section .fi-pan span {
    text-transform: uppercase;
    color: #27c070;
    font-size: 15px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-green.png) no-repeat 100% 50%;
    display: inline-block;
    padding-right: 30px
}

@media (min-width:992px) {
    .insights-section .fi-pan span {
        float: left
    }
}

.c-icon-desc-3-col-ccn .row {
    margin-left: 0;
    margin-right: 0
}

@media (min-width:992px) {
    .c-icon-desc-3-col-ccn .row {
        margin-left: -15px;
        margin-right: -15px
    }
}

.c-icon-desc-3-col-ccn .row>div div:before {
    content: "";
    position: absolute;
    left: 0;
    width: 70px;
    height: 70px;
    right: inherit;
    margin: 0;
    top: 0;
    background-position: center center;
    background-repeat: no-repeat
}

@media (min-width:992px) {
    .c-icon-desc-3-col-ccn .row>div div:before {
        left: 0;
        right: inherit;
        margin: 0 auto
    }
}

.reasons-capital__blocks__choose-01:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/why-choose-cn-1.svg) !important
}

.reasons-capital__blocks__choose-02:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/why-choose-cn-2.svg) !important
}

.reasons-capital__blocks__choose-03:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/why-choose-cn-3.svg) !important;
    background-size: 95%
}

.reasons-capital__blocks__choose-04:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/why-choose-cn-4.svg) !important
}

.reasons-capital__blocks__choose-05:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/why-choose-cn-5.svg) !important
}

.reasons-capital__blocks__choose-06:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/why-choose-cn-6.svg) !important
}

.o-bottom-form {
    padding: 0
}

@media (min-width:992px) {
    .o-bottom-form {
        padding-right: 15px;
        padding-left: 15px;
        padding: 80px 0 90px
    }
}

.o-bottom-form .form-text h2 {
    padding-bottom: 20px
}

.o-bottom-form .form-text h2:before {
    content: "";
    position: absolute;
    background: #2ebf72;
    width: 50px;
    height: 1px;
    bottom: 7px;
    left: 0
}

.o-bottom-form .container {
    padding-left: 0;
    padding-right: 0
}

@media (min-width:992px) {
    .o-bottom-form .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.home-pattern-tl {
    position: relative
}

.lets-talk {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/schedule-talk-bg.jpg);
    background-size: cover;
    padding: 30px 0 45px;
    margin-top: 0
}

@media (min-width:992px) {
    .lets-talk {
        margin-top: 25px
    }
}

.lets-talk h2 {
    color: #fff;
    padding-bottom: 5px;
    font-size: 22px;
    line-height: 30px
}

@media (min-width:992px) {
    .lets-talk h2 {
        font-size: 48px;
        line-height: 61px;
        padding-bottom: 25px
    }
}

.lets-talk h2 span {
    display: block
}

@media (min-width:992px) {
    .lets-talk h2 span {
        display: inline
    }
}

.mobile-on-cs {
    display: block
}

@media (min-width:992px) {
    .mobile-on-cs {
        display: none !important
    }
}

.mobile-on-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

@media (min-width:992px) {
    .mobile-on-flex {
        display: none !important
    }
}

.mobile-off {
    display: none
}

@media (min-width:992px) {
    .mobile-off {
        display: block
    }
}

.mobile-off-flex {
    display: none
}

@media (min-width:992px) {
    .mobile-off-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:992px) {
    .masonry.service-wrap {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 27px;
        -moz-column-gap: 27px;
        column-gap: 27px;
        margin-bottom: 30px
    }
}

.custom-software-development {
    padding: 40px 0 20px
}

@media (min-width:992px) {
    .custom-software-development {
        padding: 70px 0 50px
    }
}

.custom-software-development .service-wrap .brick.services-pan:before {
    display: none
}

.custom-software-development .service-wrap .brick.services-pan__php-service-01:before {
    background-position: 0 0
}

.custom-software-development .service-wrap .brick.services-pan__php-service-02:before {
    background-position: -64px 0
}

.custom-software-development .service-wrap .brick.services-pan__php-service-03:before {
    background-position: -128px 0
}

.custom-software-development .service-wrap .brick.services-pan__php-service-04:before {
    background-position: 0 -63px
}

.custom-software-development .service-wrap .brick.services-pan__php-service-05:before {
    background-position: -64px -63px
}

.custom-software-development .service-wrap .brick.services-pan__php-service-06:before {
    background-position: -128px -63px
}

.custom-software-development .service-wrap .brick.services-pan__php-service-07:before {
    background-position: 0 -126px
}

.custom-software-development .service-wrap .brick.services-pan__php-service-08:before {
    background-position: -65px -126px
}

.cs-bnr-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 360px;
    margin: 0 auto;
    padding: 20px 0
}

@media (min-width:992px) {
    .cs-bnr-icon {
        display: none
    }
}

.cs-bnr-icon li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.cs-bnr-icon li:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64px;
    flex: 0 0 64px
}

.mobile-talk-bx {
    background: linear-gradient(160deg, #11a984 0, #0d7d88 17%, #0a4f8e 50%);
    border-radius: 7px;
    padding: 25px 10px;
    margin-bottom: 20px
}

.mobile-talk-bx h2 {
    font-size: 32px;
    color: #fff;
    position: relative;
    display: inline-block;
    margin-top: 25px;
    font-weight: 900
}

.mobile-talk-bx h2:before {
    content: "";
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mobile-all/talk-bg.png) no-repeat 0 0;
    width: 100px;
    height: 55px;
    right: -25px;
    top: 15px
}

@media (min-width:992px) {
    .mobile-talk-bx h2:before {
        top: 0
    }
}

.mobile-talk-bx h2 span {
    position: relative
}

.mobile-talk-bx .bold-p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 20px 10px;
    margin-bottom: 0;
    border-bottom: 1px dashed #ccc;
    color: #fff;
    font-family: Montserrat, sans-serif
}

.mobile-talk-bx h3 {
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    margin-top: 15px;
    font-weight: 700
}

.mobile-talk-bx h3 span {
    color: #36e079;
    margin-top: 15px;
    font-weight: 700
}

.mobile-talk-bx .btn_wrapper {
    width: 100%;
    padding-top: 40px
}

.new-two-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0 20px 0
}

@media (min-width:992px) {
    .new-two-logo {
        padding: 30px 0 30px 0
    }
}

.new-two-logo li {
    margin: 0 10px
}

@media (min-width:992px) {
    .new-two-logo li {
        margin: 0 30px
    }
}

.o-skills-hero__background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: none
}

@media (min-width:992px) {
    .o-skills-hero__background {
        display: block
    }
}

@media (min-width:992px) {
    .case-studies-details .o-skills-hero__background {
        display: block
    }
}

.outsource-product {
    padding-bottom: 20px
}

@media (min-width:992px) {
    .outsource-product {
        padding: 70px 0 45px
    }
}

.outsource-product .service-wrap .brick.services-pan:before {
    display: none
}

.outsource-product .service-wrap .brick.services-pan__php-service-01:before {
    background-position: 0 0
}

.outsource-product .service-wrap .brick.services-pan__php-service-02:before {
    background-position: -73px 0
}

.outsource-product .service-wrap .brick.services-pan__php-service-03:before {
    background-position: -146px 0
}

.outsource-product .service-wrap .brick.services-pan__php-service-04:before {
    background-position: 0 -63px
}

.outsource-product .service-wrap .brick.services-pan__php-service-05:before {
    background-position: -73px -63px
}

.outsource-product .service-wrap .brick.services-pan__php-service-06:before {
    background-position: -146px -63px
}

.outsource-product .service-wrap .brick.services-pan__php-service-07:before {
    background-position: 0 -126px
}

.outsource-product .service-wrap .brick.services-pan__php-service-08:before {
    background-position: -65px -126px
}

.outsource-product .btn_wrapper {
    margin-top: 15px
}

@media (min-width:992px) {
    .outsource-product .btn_wrapper {
        margin-top: 0
    }
}

.testing-qa {
    padding: 40px 0 20px
}

@media (min-width:992px) {
    .testing-qa {
        padding: 70px 0 45px
    }
}

.testing-qa .btn_wrapper {
    margin-top: 15px
}

@media (min-width:992px) {
    .testing-qa .btn_wrapper {
        margin-top: 0
    }
}

.testing-qa .service-wrap .brick.services-pan:before {
    display: none
}

.testing-qa .service-wrap .brick.services-pan i {
    display: block;
    height: 55px
}

.testing-qa .service-wrap .brick.services-pan i img {
    height: 100%
}

.testing-qa .service-wrap .brick.services-pan__php-service-01:before {
    background-position: 0 0
}

.testing-qa .service-wrap .brick.services-pan__php-service-02:before {
    background-position: -63px 0
}

.testing-qa .service-wrap .brick.services-pan__php-service-03:before {
    background-position: -126px 0
}

.testing-qa .service-wrap .brick.services-pan__php-service-04:before {
    background-position: 0 -63px
}

.testing-qa .service-wrap .brick.services-pan__php-service-05:before {
    background-position: -63px -63px
}

.testing-qa .service-wrap .brick.services-pan__php-service-06:before {
    background-position: -126px -63px
}

.testing-qa .service-wrap .brick.services-pan__php-service-07:before {
    background-position: 0 -126px
}

.testing-qa .service-wrap .brick.services-pan__php-service-08:before {
    background-position: -63px -126px
}

.testing-qa .service-wrap .brick.services-pan__php-service-09:before {
    background-position: -126px -126px
}

.dedicated-teams {
    padding: 40px 0 20px
}

@media (min-width:992px) {
    .dedicated-teams {
        padding: 70px 0 50px
    }
}

.dedicated-teams .btn_wrapper {
    margin-top: 15px
}

@media (min-width:992px) {
    .dedicated-teams .btn_wrapper {
        margin-top: 0
    }
}

.dedicated-teams h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .dedicated-teams h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.dedicated-teams .service-wrap .brick.services-pan:before {
    display: none
}

.dedicated-teams .service-wrap .brick.services-pan__php-service-01:before {
    background-position: 0 0
}

.dedicated-teams .service-wrap .brick.services-pan__php-service-02:before {
    background-position: -63px 0
}

.dedicated-teams .service-wrap .brick.services-pan__php-service-03:before {
    background-position: -126px 0
}

.dedicated-teams .service-wrap .brick.services-pan__php-service-04:before {
    background-position: 0 -63px
}

.dedicated-teams .service-wrap .brick.services-pan__php-service-05:before {
    background-position: -63px -63px
}

.dedicated-teams .service-wrap .brick.services-pan__php-service-06:before {
    background-position: -126px -63px
}

.dedicated-teams .service-wrap .brick.services-pan__php-service-07:before {
    background-position: 0 -126px
}

.dedicated-teams .service-wrap .brick.services-pan__php-service-08:before {
    background-position: -63px -126px
}

.dedicated-teams .service-wrap .brick.services-pan__php-service-09:before {
    background-position: -126px -126px
}

.dedicated-teams .masonry.service-wrap {
    margin-bottom: 0
}

.devops {
    padding: 45px 0 20px
}

@media (min-width:992px) {
    .devops {
        padding: 70px 0 45px
    }
}

.devops .btn_wrapper {
    margin-top: 15px
}

@media (min-width:992px) {
    .devops .btn_wrapper {
        margin-top: 0
    }
}

.devops h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

@media (min-width:992px) {
    .devops h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.devops .service-wrap .brick.services-pan:before {
    display: none
}

.devops .service-wrap .brick.services-pan__php-service-01:before {
    background-position: 0 0
}

.devops .service-wrap .brick.services-pan__php-service-02:before {
    background-position: -70px 0
}

.devops .service-wrap .brick.services-pan__php-service-03:before {
    background-position: -140px 0
}

.devops .service-wrap .brick.services-pan__php-service-04:before {
    background-position: 0 -63px
}

.devops .service-wrap .brick.services-pan__php-service-05:before {
    background-position: -70px -63px
}

.devops .service-wrap .brick.services-pan__php-service-06:before {
    background-position: -140px -63px
}

.devops .service-wrap .brick.services-pan__php-service-07:before {
    background-position: 0 -126px
}

.devops .service-wrap .brick.services-pan__php-service-08:before {
    background-position: -70px -126px
}

.devops-stack {
    padding: 40px 0 30px;
    background: #05547d;
    position: relative
}

@media (min-width:992px) {
    .devops-stack {
        padding: 70px 0 20px
    }
}

.devops-stack:after {
    display: none
}

.devops-stack .container {
    position: relative;
    z-index: 9
}

.devops-stack h2 {
    font-size: 30px;
    line-height: 46px;
    color: #fff;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .devops-stack h2 {
        font-size: 48px;
        line-height: 61px;
        margin-bottom: 25px
    }
}

.devops-stack p {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 0;
    padding-bottom: 15px
}

@media (min-width:992px) {
    .devops-stack p {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 0;
        font-weight: 500;
        padding-bottom: 30px
    }
}

.devops-stack .service-wrap-mod .services-pan {
    display: inline-block;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    background: #fff;
    vertical-align: top;
    margin: 15px 0 15px;
    padding: 120px 30px 30px;
    padding-top: 40px;
    padding-bottom: 40px
}

.devops-stack .service-wrap-mod .services-pan:before {
    display: none
}

.devops-stack .service-wrap-mod .services-pan h3 {
    font-weight: 600;
    padding-right: 0;
    position: relative;
    padding-bottom: 30px;
    text-align: left;
    font-size: 22px
}

@media (min-width:992px) {
    .devops-stack .service-wrap-mod .services-pan h3 {
        padding-right: 25px
    }
}

.devops-stack .service-wrap-mod .services-pan h3:before {
    content: "";
    position: absolute;
    background: #24c06d;
    height: 3px;
    bottom: 5px;
    left: 0;
    margin: 0;
    width: 35px
}

@media (min-width:992px) {
    .devops-stack .service-wrap-mod .services-pan h3:before {
        right: 0;
        margin: 0
    }
}

.devops-stack .service-wrap-mod .services-pan p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 500;
    color: #333;
    text-align: left
}

@media (min-width:992px) {
    .devops-stack .service-wrap-mod .services-pan p {
        font-size: 19px;
        line-height: 30px;
        margin-bottom: 0
    }
}

.devops-stack .service-wrap-mod .services-pan h4 {
    font-size: 19px;
    line-height: 25px;
    text-align: left;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .devops-stack .service-wrap-mod .services-pan h4 {
        font-size: 19px;
        line-height: 25px;
        font-family: Montserrat, sans-serif
    }
}

.devops-stack .service-wrap-mod .services-pan ul {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.devops-stack .service-wrap-mod .services-pan ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (min-width:992px) {
    .devops-stack .service-wrap-mod .services-pan ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:992px) {
    .devops-stack .service-wrap-mod .services-pan ul li:nth-child(2n+1) {
        border-right: 1px solid #dedede;
        padding-right: 10px
    }
}

@media (min-width:992px) {
    .devops-stack .service-wrap-mod .services-pan ul li:nth-child(2n) {
        padding-left: 10px
    }
}

.devops-stack .service-wrap-mod .services-pan ul li:last-child {
    padding-bottom: 0
}

.devops-stack .service-wrap-mod .services-pan ul li span {
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px
}

@media (min-width:992px) {
    .devops-stack .service-wrap-mod .services-pan ul li span {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }
}

.devops-stack .service-wrap-mod .services-pan ul li h5 {
    color: #333;
    font-family: Montserrat, sans-serif;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

@media (min-width:992px) {
    .devops-stack .service-wrap-mod .services-pan ul li h5 {
        font-family: Montserrat, sans-serif;
        margin-bottom: .5rem;
        font-size: 14px;
        line-height: 18px
    }
}

.devops-stack .bottom-left-pt {
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/bottom-left-pt.png) bottom left;
    background-repeat: no-repeat;
    z-index: 9;
    width: 615px;
    height: 325px;
    bottom: 0;
    left: 0;
    display: none
}

@media (min-width:992px) {
    .devops-stack .bottom-left-pt {
        display: block
    }
}

.o-skills-hero__e-commerce {
    position: relative;
    background: linear-gradient(138deg, #165b5e 0, #0f3a4a 17%, #091b38 50%)
}

.o-skills-hero__e-commerce .container {
    position: relative;
    z-index: 9
}

.o-skills-hero__e-commerce h1 {
    color: #fff;
    text-align: center;
    font-weight: 700
}

@media (min-width:992px) {
    .o-skills-hero__e-commerce h1 {
        font-size: 62px;
        line-height: 75px
    }
}

.o-skills-hero__e-commerce .o-services-hero__icons {
    text-align: center;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .o-skills-hero__e-commerce .o-services-hero__icons {
        margin: 30px 0 60px;
        display: block
    }
}

.o-skills-hero__e-commerce .o-services-hero__icons a {
    display: inline-block;
    cursor: pointer;
    vertical-align: bottom;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    width: 30%
}

@media (min-width:992px) {
    .o-skills-hero__e-commerce .o-services-hero__icons a {
        width: auto
    }
}

.o-skills-hero__e-commerce .o-services-hero__icons a:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.o-skills-hero__e-commerce .o-services-hero__icons a img {
    margin: 0;
    height: 100px;
    width: 55%;
    height: auto
}

@media (min-width:992px) {
    .o-skills-hero__e-commerce .o-services-hero__icons a img {
        margin: 0 30px;
        width: auto
    }
}

.o-skills-hero__e-commerce .o-services-hero__icons span {
    display: block;
    color: #fff;
    font-family: Montserrat, sans-serif;
    margin-top: 15px;
    font-weight: 600;
    font-size: 13px;
    text-align: center
}

@media (min-width:992px) {
    .o-skills-hero__e-commerce .o-services-hero__icons span {
        font-size: 18px
    }
}

.correct-section {
    padding: 45px 0 45px;
    position: relative;
    background: #f5f5f5
}

@media (min-width:992px) {
    .correct-section {
        padding: 70px 0 75px
    }
}

.correct-section h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
    text-align: center
}

@media (min-width:992px) {
    .correct-section h2 {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 30px
    }
}

.correct-section p {
    font-family: Montserrat, sans-serif;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .correct-section p {
        margin-bottom: 35px;
        font-size: 19px;
        line-height: 29px;
        font-family: Montserrat, sans-serif;
        padding: 0 90px
    }
}

.correct-section .correct-img {
    position: relative;
    text-align: center
}

@media (min-width:992px) {
    .correct-section .correct-img {
        text-align: left
    }
}

.correct-section .correct-img img {
    width: 300px;
    margin: 0 auto
}

@media (min-width:992px) {
    .correct-section .correct-img img {
        position: absolute;
        top: 0;
        width: 100%;
        margin: 0
    }
}

.correct-section .cstm-link-p {
    margin-bottom: 0
}

.number-section {
    padding-bottom: 10px;
    position: relative
}

@media (min-width:992px) {
    .number-section {
        padding-top: 70px;
        padding-bottom: 40px
    }
}

.number-section h2 {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    padding-bottom: 30px
}

@media (min-width:992px) {
    .number-section h2 {
        padding: 0 50px;
        font-size: 48px;
        line-height: 61px;
        margin-bottom: 50px
    }
}

.number-section .dc-white-pan {
    text-align: left;
    position: relative;
    border-radius: 6px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    height: auto;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1)
}

@media (min-width:992px) {
    .number-section .dc-white-pan {
        height: 295px;
        padding: 30px
    }
}

.number-section .dc-white-pan div {
    overflow: hidden;
    position: relative
}

@media (min-width:992px) {
    .number-section .dc-white-pan div {
        margin-bottom: 30px
    }
}

.number-section .dc-white-pan div span {
    font-size: 36px;
    font-weight: 500;
    float: left;
    color: #14df7d;
    font-family: Montserrat, sans-serif;
    line-height: 71px;
    vertical-align: middle
}

.number-section .dc-white-pan div .body-text-medium {
    float: right;
    width: 78%;
    padding-top: 20px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    font-family: Montserrat, sans-serif
}

@media screen and (min-width:1200px) {
    .number-section .dc-white-pan div .body-text-medium {
        font-size: 18px;
        line-height: 30px;
        font-family: Montserrat, sans-serif
    }
}

.number-section h3 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 25px;
    margin-top: 0;
    text-align: center;
    width: 100%
}

@media (min-width:992px) {
    .number-section h3 {
        font-size: 48px;
        margin-top: 30px
    }
}

.number-section .section-para {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat, sans-serif;
    text-align: center;
    margin-bottom: 25px;
    padding: 0 15px
}

@media (min-width:992px) {
    .number-section .section-para {
        padding: 0 60px;
        font-size: 19px;
        line-height: 29px;
        font-family: Montserrat, sans-serif
    }
}

.number-section-bnt {
    text-align: center;
    margin-bottom: 25px
}

.number-section-bnt a {
    display: inline-block;
    padding: 10px 50px 10px 15px;
    line-height: 46px;
    background: 0 0;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-family: Montserrat, sans-serif;
    border-radius: 6px;
    border: 3px solid #14df7d;
    margin-bottom: 15px;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in;
    width: 280px
}

@media (min-width:992px) {
    .number-section-bnt a {
        width: 470px;
        height: 72px;
        margin: 0 15px 15px;
        font-size: 24px;
        font-weight: 500
    }
}

.number-section-bnt a:before {
    content: "";
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/right-circle-icon.png) no-repeat right center;
    height: 35px;
    width: 35px;
    top: 15px;
    right: 10px
}

@media (min-width:992px) {
    .number-section-bnt a:before {
        right: 30px
    }
}

.number-section-bnt a:hover {
    background: #fff;
    color: #ff5800;
    border: 3px solid #ff5800
}

.number-section .row.padding-bottom-30 {
    padding-bottom: 0
}

@media (min-width:992px) {
    .number-section .row.padding-bottom-30 {
        padding-bottom: 30px
    }
}

@media (min-width:992px) {
    #aes {
        padding: 70px 0 80px
    }
}

#aes .btn_wrapper a {
    margin: 20px auto 0;
    padding: 15px 0;
    width: 240px;
    max-width: none
}

@media (min-width:992px) {
    #aes .btn_wrapper a {
        margin: 0
    }
}

#solution-container .cstm-link-p {
    text-align: center !important
}

@media (min-width:992px) {
    #solution-container .cstm-link-p {
        text-align: left !important
    }
}

.solution-section {
    position: relative;
    padding: 40px 0 30px
}

@media (min-width:992px) {
    .solution-section {
        padding: 70px 0 45px
    }
}

.solution-section:before {
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/e-commerce/top-right-pt.png) no-repeat top right;
    position: absolute;
    top: 0;
    right: 0;
    width: 615px;
    height: 326px;
    display: none
}

@media (min-width:992px) {
    .solution-section:before {
        display: block
    }
}

.solution-section h2 {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 32px;
    text-align: center
}

@media (min-width:992px) {
    .solution-section h2 {
        font-size: 48px;
        line-height: 61px;
        margin-bottom: 25px;
        text-align: left
    }
}

.solution-section p {
    font-size: 16px;
    line-height: 28px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    text-align: center
}

@media (min-width:992px) {
    .solution-section p {
        font-size: 20px;
        line-height: 32px;
        font-family: Montserrat, sans-serif;
        text-align: left;
        margin-bottom: 20px
    }
}

.solution-section .solution-left h3 {
    margin-bottom: 25px;
    font-size: 20px;
    line-height: 28px;
    margin-top: 30px;
    text-align: center
}

@media (min-width:992px) {
    .solution-section .solution-left h3 {
        font-size: 24px;
        line-height: 32px;
        margin-top: 20px;
        text-align: left
    }
}

.solution-section .solution-left .add-more {
    font-family: Montserrat, sans-serif;
    color: #333;
    font-size: 16px;
    margin: 20px auto 30px;
    width: 150px;
    display: block
}

@media (min-width:992px) {
    .solution-section .solution-left .add-more {
        display: inline-block;
        width: auto;
        margin: 20px 0 30px
    }
}

@media (min-width:992px) {
    .solution-section .solution-left .anchor-link {
        text-align: left
    }
}

.solution-section ul {
    padding-left: 15px
}

@media (min-width:992px) {
    .solution-section ul {
        padding-left: 0
    }
}

.solution-section ul li {
    position: relative;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 28px;
    padding-left: 40px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .solution-section ul li {
        font-size: 19px;
        line-height: 24px;
        font-family: Montserrat, sans-serif
    }
}

.solution-section ul li:before {
    content: "";
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/e-commerce/black-circle-icon.png) no-repeat 0 2px;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0
}

.solution-section .btn_wrapper a {
    margin: 0 auto
}

@media (min-width:992px) {
    .solution-section .btn_wrapper a {
        margin: 0
    }
}

.solution-section .body-img2 {
    position: relative
}

.solution-section .solution-white-box {
    background: #fff;
    padding: 30px 15px 30px 15px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    margin-top: 15px;
    border: 1px solid #e0e0e0
}

@media (min-width:992px) {
    .solution-section .solution-white-box {
        padding: 50px 25px 50px 40px;
        margin-bottom: 0;
        margin-top: 0
    }
}

.solution-section .solution-white-box span {
    width: auto;
    text-align: center;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (min-width:992px) {
    .solution-section .solution-white-box span {
        display: inline;
        width: auto;
        text-align: left;
        width: auto;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }
}

.solution-section .solution-white-box img {
    margin-right: 0;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .solution-section .solution-white-box img {
        margin-right: 30px;
        margin-bottom: 0
    }
}

.solution-section .solution-white-box h4 {
    font-size: 20px;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (min-width:992px) {
    .solution-section .solution-white-box h4 {
        float: left;
        position: relative;
        top: 5px;
        font-weight: 600;
        font-size: 36px;
        line-height: 43px;
        text-align: left;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }
}

.solution-section .solution-white-box p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    text-align: center;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .solution-section .solution-white-box p {
        font-size: 19px;
        line-height: 29px;
        text-align: left;
        font-family: Montserrat, sans-serif
    }
}

.solution-section .solution-white-box h5 {
    margin-bottom: 25px;
    font-size: 17px;
    line-height: 25px;
    font-weight: 600
}

@media (min-width:992px) {
    .solution-section .solution-white-box h5 {
        font-size: 24px;
        line-height: 32px
    }
}

.solution-section .solution-white-box ul {
    padding-left: 15px
}

@media (min-width:992px) {
    .solution-section .solution-white-box ul {
        margin-bottom: 40px;
        padding-left: 0
    }
}

.solution-section .solution-white-box ul li {
    position: relative;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding-left: 40px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .solution-section .solution-white-box ul li {
        font-family: Montserrat, sans-serif;
        font-size: 19px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .solution-section-right img {
        margin-bottom: 80px
    }
}

.bg-grey {
    background-color: #f5f5f5
}

.solution-white-box-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:992px) {
    .solution-white-box-head {
        height: 70px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 40px
    }
}

.e-commerce-why {
    position: relative;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .e-commerce-why {
        padding: 70px 0 50px
    }
}

.e-commerce-why h2 {
    color: #333;
    margin-bottom: 5px
}

@media (min-width:992px) {
    .e-commerce-why h2 {
        font-size: 48px;
        line-height: 61px;
        margin-bottom: 25px;
        color: #333
    }
}

.e-commerce-why .main-span {
    color: #333;
    text-align: center;
    display: block;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .e-commerce-why .main-span {
        font-size: 19px;
        line-height: 27px;
        margin-bottom: 20px;
        color: #fff
    }
}

.e-commerce-why .service-wrap {
    text-align: center;
    margin-bottom: 15px
}

.e-commerce-why .service-wrap .services-pan {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 !important;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    text-align: center;
    background: #fff
}

@media (min-width:992px) {
    .e-commerce-why .service-wrap .services-pan {
        width: 30%;
        padding: 120px 25px 30px;
        margin: 17px 15px !important
    }
}

.e-commerce-why .service-wrap .services-pan:before {
    display: none
}

.e-commerce-why .service-wrap .services-pan img {
    display: block;
    margin: 0 auto
}

.e-commerce-why .service-wrap .brick.services-pan__php-service-01:before {
    background-position: 0 0
}

.e-commerce-why .service-wrap .brick.services-pan__php-service-02:before {
    background-position: -68px 0
}

.e-commerce-why .service-wrap .brick.services-pan__php-service-03:before {
    background-position: -135px 0
}

.e-commerce-why .service-wrap .brick.services-pan__php-service-04:before {
    background-position: 0 -71px
}

.e-commerce-why .service-wrap .brick.services-pan__php-service-05:before {
    background-position: -68px -71px
}

.cms-bnr {
    position: relative;
    background: linear-gradient(138deg, #165b5e 0, #0f3a4a 17%, #091b38 50%)
}

.cms-bnr .container {
    position: relative;
    z-index: 9
}

.cms-bnr h1 {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .cms-bnr h1 {
        font-size: 62px;
        line-height: 75px;
        font-weight: 700
    }
}

.cms-bnr .o-services-hero__icons {
    margin: 0 0 40px
}

@media (min-width:992px) {
    .cms-bnr .o-services-hero__icons {
        margin: 0 0 60px
    }
}

.cms-bnr .o-services-hero__icons a {
    display: inline-block;
    cursor: pointer;
    vertical-align: bottom;
    padding: 0 5px;
    width: 23%
}

@media (min-width:992px) {
    .cms-bnr .o-services-hero__icons a {
        padding: 0 30px;
        width: auto
    }
}

.cms-bnr .o-services-hero__icons a:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.cms-bnr .o-services-hero__icons a span {
    font-size: 13px
}

@media (min-width:992px) {
    .cms-bnr .o-services-hero__icons a span {
        font-size: 18px
    }
}

.cms-bnr .o-services-hero__icons img {
    max-width: 65%
}

@media (min-width:992px) {
    .cms-bnr .o-services-hero__icons img {
        max-width: 100%
    }
}

.cms-team {
    padding: 40px 0 25px;
    text-align: center
}

@media (min-width:992px) {
    .cms-team {
        padding: 75px 0 50px;
        text-align: left
    }
}

.cms-team h2 {
    margin-bottom: 20px
}

@media (min-width:992px) {
    .cms-team h2 {
        margin-bottom: 15px
    }
}

.cms-team p {
    font-size: 16px;
    line-height: 28px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .cms-team p {
        font-size: 19px;
        line-height: 30px;
        margin-bottom: 25px;
        font-family: Montserrat, sans-serif
    }
}

.cms-dev-service {
    padding: 45px 0 20px
}

@media (min-width:992px) {
    .cms-dev-service {
        padding: 70px 0 45px
    }
}

.cms-dev-service .service-wrap {
    text-align: center;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .cms-dev-service .service-wrap {
        margin-bottom: 35px
    }
}

.cms-dev-service .service-wrap .brick.services-pan {
    display: inline-block;
    vertical-align: top;
    margin: 15px 0;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    background-color: #fff;
    text-align: center;
    padding: 50px 15px 35px;
    position: relative
}

@media screen and (min-width:768px) {
    .cms-dev-service .service-wrap .brick.services-pan {
        width: 45%;
        height: 680px;
        padding: 50px 30px 30px;
        margin: 15px
    }
}

@media screen and (min-width:992px) {
    .cms-dev-service .service-wrap .brick.services-pan {
        width: 46%
    }
}

@media screen and (min-width:1200px) {
    .cms-dev-service .service-wrap .brick.services-pan {
        width: 30%
    }
}

.cms-dev-service .service-wrap .brick.services-pan:before {
    display: none
}

.cms-dev-service .service-wrap .brick.services-pan i {
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial
}

@media (min-width:992px) {
    .cms-dev-service .service-wrap .brick.services-pan i {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.cms-dev-service .service-wrap .brick.services-pan__php-service-01:before {
    background-position: 0 -10px
}

.cms-dev-service .service-wrap .brick.services-pan__php-service-02:before {
    background-position: -95px -5px
}

.cms-dev-service .service-wrap .brick.services-pan__php-service-03:before {
    background-position: -195px 0
}

.cms-dev-service .service-wrap .brick.services-pan__php-service-04:before {
    background-position: -289px -11px
}

.cms-dev-service .service-wrap .brick.services-pan__php-service-05:before {
    background-position: -382px -10px
}

.cms-why {
    padding: 50px 0
}

@media (min-width:992px) {
    .cms-why {
        padding: 70px 0 52px
    }
}

.cms-why h2 {
    color: #fff;
    margin-bottom: 15px
}

.cms-why p {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .cms-why p {
        padding: 0 40px;
        font-size: 28px;
        line-height: 40px
    }
}

.cms-why .cstm-link-p {
    line-height: 0
}

.cms-why .service-wrap {
    text-align: center;
    margin-bottom: 35px
}

.cms-why .service-wrap .brick.services-pan {
    display: inline-block;
    vertical-align: top;
    margin: 15px 0;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    background-color: #fff;
    text-align: center;
    padding: 5px 15px 30px;
    position: relative
}

@media (min-width:992px) {
    .cms-why .service-wrap .brick.services-pan {
        height: 410px;
        width: 46%;
        padding: 50px 30px 30px;
        margin: 15px
    }
}

.cms-why .service-wrap .brick.services-pan:before {
    display: none
}

.cms-why .service-wrap .brick.services-pan i {
    height: 55px;
    display: block
}

.cms-why .service-wrap .brick.services-pan i img {
    height: 100%
}

.cms-why .service-wrap .brick.services-pan__php-service-01:before {
    background-position: -10px -90px
}

.cms-why .service-wrap .brick.services-pan__php-service-02:before {
    background-position: -114px -90px
}

.cms-why .service-wrap .brick.services-pan__php-service-03:before {
    background-position: -220px -90px
}

.cms-why .service-wrap .brick.services-pan__php-service-04:before {
    background-position: -325px -90px
}

@media (min-width:992px) {
    .cms-why .service-wrap .brick.services-pan.agencies-services {
        height: 415px
    }
}

.cms-why .service-wrap .brick.services-pan.agencies-services:before {
    display: none
}

.cms-why .service-wrap .brick.agencies-services.services-pan__php-service-01:before {
    background-position: 0 0
}

.cms-why .service-wrap .brick.agencies-services.services-pan__php-service-02:before {
    background-position: -87px 0
}

.cms-why .service-wrap .brick.agencies-services.services-pan__php-service-03:before {
    background-position: -174px 0
}

.cms-why .service-wrap .brick.agencies-services.services-pan__php-service-04:before {
    background-position: -261px 0
}

.cms-why .service-wrap h3 {
    font-size: 20px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .cms-why .service-wrap h3 {
        font-size: 24px;
        font-family: Montserrat, sans-serif
    }
}

.cms-why .service-wrap p {
    color: #333;
    font-size: 16px;
    line-height: 28px;
    padding: 0;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .cms-why .service-wrap p {
        font-size: 18px;
        line-height: 26px
    }
}

.dedicated-team {
    padding: 45px 0 20px;
    background-color: #f8f8f8
}

.dedicated-team .row.margin-top-30 {
    margin-top: 10px
}

@media (min-width:992px) {
    .dedicated-team .row.margin-top-30 {
        margin-top: 30px
    }
}

@media (min-width:992px) {
    .dedicated-team .margin-top-30 {
        margin-top: 30px
    }
}

@media (min-width:992px) {
    .dedicated-team {
        padding: 70px 0 50px
    }
}

.dedicated-team h2 {
    padding-bottom: 10px;
    font-weight: 700
}

@media (min-width:992px) {
    .dedicated-team h2 {
        padding-bottom: 30px
    }
}

.dedicated-team .cms-blocks {
    position: relative
}

@media (min-width:992px) {
    .dedicated-team .cms-blocks {
        padding: 0 40px 0 70px
    }
}

.dedicated-team .cms-blocks p {
    font-size: 16px;
    text-align: center;
    line-height: 28px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .dedicated-team .cms-blocks p {
        font-size: 19px;
        text-align: left;
        font-family: Montserrat, sans-serif;
        margin-bottom: 25px
    }
}

.dedicated-team .cms-blocks div:before {
    content: "";
    position: absolute;
    left: 0;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/cms-developer/cms-team.png);
    width: 53px;
    height: 57px;
    display: none
}

@media (min-width:992px) {
    .dedicated-team .cms-blocks div:before {
        display: block
    }
}

.dedicated-team .cms-blocks .cms-blocks__choose-01:before {
    background-position: 0 0
}

.dedicated-team .cms-blocks .cms-blocks__choose-02:before {
    background-position: -185px 0
}

.dedicated-team .cms-blocks .cms-blocks__choose-03:before {
    background-position: -62px -67px
}

.dedicated-team .cms-blocks .cms-blocks__choose-04:before {
    background-position: -63px 0
}

.dedicated-team .cms-blocks .cms-blocks__choose-05:before {
    background-position: -252px 0
}

.dedicated-team .cms-blocks .cms-blocks__choose-06:before {
    background-position: -126px -67px
}

.dedicated-team .cms-blocks .cms-blocks__choose-07:before {
    background-position: -125px 0
}

.dedicated-team .cms-blocks .cms-blocks__choose-08:before {
    background-position: 0 -67px
}

.dedicated-team .cms-blocks .cms-blocks__choose-09:before {
    background-position: -185px -67px
}

.o-services-hero__icons {
    margin: 0 0 40px
}

@media (min-width:992px) {
    .o-services-hero__icons {
        margin: 0 0 60px
    }
}

.o-services-hero__icons a {
    display: inline-block;
    cursor: pointer;
    vertical-align: bottom;
    padding: 0 5px;
    width: 23%
}

@media (min-width:992px) {
    .o-services-hero__icons a {
        padding: 0 30px;
        width: auto
    }
}

.o-services-hero__icons a:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.o-services-hero__icons a span {
    font-size: 13px
}

@media (min-width:992px) {
    .o-services-hero__icons a span {
        font-size: 18px
    }
}

.o-skills-hero__mobile-app {
    padding-bottom: 20px
}

.o-skills-hero__mobile-app h1 {
    text-align: center;
    padding-bottom: 0;
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .o-skills-hero__mobile-app h1 {
        padding: 0 120px;
        padding-bottom: 30px;
        font-size: 62px;
        line-height: 75px
    }
}

.o-skills-hero__mobile-app h2 {
    font-size: 20px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 15px !important
}

@media (min-width:992px) {
    .o-skills-hero__mobile-app h2 {
        font-size: 26px;
        line-height: 36px;
        margin-top: 20px;
        margin-bottom: 35px
    }
}

.o-skills-hero__mobile-app .o-services-hero__icons img {
    max-width: 60%
}

@media (min-width:992px) {
    .o-skills-hero__mobile-app .o-services-hero__icons img {
        max-width: 100%
    }
}

.beauty-section {
    padding: 40px 0 20px
}

@media (min-width:992px) {
    .beauty-section {
        padding: 70px 0 50px
    }
}

.beauty-section h2 {
    margin-bottom: 15px;
    text-align: center;
    line-height: 38px
}

@media (min-width:992px) {
    .beauty-section h2 {
        padding: 0 210px;
        line-height: 61px
    }
}

@media (min-width:992px) {
    .beauty-section p.cmn-heading-para {
        padding: 0 40px;
        margin-bottom: 40px;
        font-family: Montserrat, sans-serif
    }
}

@media (min-width:992px) {
    .beauty-section .beauty-list {
        padding: 0 50px
    }
}

.beauty-section .beauty-list span {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    margin-bottom: 20px;
    padding-left: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

@media (min-width:992px) {
    .beauty-section .beauty-list span {
        margin-bottom: 30px;
        font-size: 19px;
        line-height: 29px;
        font-family: Montserrat, sans-serif;
        padding-left: 40px
    }
}

.beauty-section .beauty-list span:before {
    content: "";
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mobile-app/circle-tick.svg) no-repeat 0 0;
    top: 4px;
    left: 0;
    height: 35px;
    width: 35px
}

@media (min-width:992px) {
    .beauty-section .beauty-list span:before {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/mobile-app/right-arrow.png) no-repeat 0 0;
        top: 0
    }
}

.beauty-section .btn_wrapper {
    margin-top: 15px
}

@media (min-width:992px) {
    .beauty-section .btn_wrapper {
        margin-top: 0
    }
}

@media (min-width:992px) {
    .scroll-section .js-mobileapp-feature-1-parallax-1 {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        bottom: 0;
        left: 0;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/mobile-app/consumer-apps-bg.png) 100% 100% no-repeat #115687;
        background-size: 70%
    }
}

@media (min-width:992px) {
    .scroll-section .js-mobileapp-feature-2-parallax-1 {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        bottom: 0;
        left: 0;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/mobile-app/enterprise-apps-bg.png) 100% 100% no-repeat #43ae76;
        background-size: 84%
    }
}

.scroll-section .mobile-holder-clip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: rect(auto, auto, auto, auto);
    display: none
}

@media (min-width:992px) {
    .scroll-section .mobile-holder-clip {
        display: block
    }
}

.scroll-section .mobile-holder-clip .mobile-holder-phone {
    width: 33vw;
    height: 50vh;
    position: fixed;
    bottom: -20px;
    right: 60px
}

.scroll-section .mobile-holder-clip .mobile-holder-phone .mobile-in-hand {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    display: none
}

@media (min-width:992px) {
    .scroll-section .mobile-holder-clip .mobile-holder-phone .mobile-in-hand {
        display: block
    }
}

@media (min-width:992px) {
    .scroll-section .container {
        height: 100%
    }
}

.scroll-section .js-mobileapp-features-content-1 h2 {
    font-size: 24px;
    padding: 25px 0 10px 0;
    pointer-events: inherit
}

@media (min-width:992px) {
    .scroll-section .js-mobileapp-features-content-1 h2 {
        font-size: 34px;
        text-align: left;
        padding: 0;
        margin-bottom: 50px;
        pointer-events: none
    }
}

.scroll-section p {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 28px;
    position: relative
}

@media (min-width:992px) {
    .scroll-section p {
        font-size: 19px;
        line-height: 29px;
        font-family: Montserrat, sans-serif
    }
}

.scroll-section .btn_wrapper {
    margin: 30px 0 0
}

.scroll-section .btn_wrapper a {
    margin: 0
}

.scroll-section .anchor-link {
    margin: 10px 0 0;
    text-align: left
}

@media (min-width:992px) {
    .scroll-section .anchor-link {
        margin: 10px 0 0
    }
}

.js-mobileapp-features-content-2 h2 {
    padding: 25px 0 10px 0;
    font-size: 24px
}

@media (min-width:992px) {
    .js-mobileapp-features-content-2 h2 {
        padding: 0;
        font-size: 48px
    }
}

.o-mobile-app-features {
    color: #fff;
    position: relative;
    padding: 120px 0 20px;
    overflow: hidden;
    pointer-events: inherit
}

@media (min-width:992px) {
    .o-mobile-app-features {
        padding: 70px 0 50px
    }
}

.o-mobile-app-features--blue {
    background: none #115687
}

.h3-24 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

.c-ticked-list--light li {
    position: relative;
    padding: 0 0 5px 30px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .c-ticked-list--light li {
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        line-height: 29px;
        font-size: 19px;
        padding: 0 0 15px 35px
    }
}

.c-ticked-list--light li:before {
    content: "";
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mobile-app/circle-tick.svg) 50% 50% no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 0
}

@media (min-width:992px) {
    .c-ticked-list--light li:before {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/icon-bullet.svg) 50% 50% no-repeat;
        top: 5px
    }
}

.o-mobile-app-features--green {
    background: #43ae76
}

.o-mobile-app-features-parent {
    position: relative
}

.o-mobile-app-features-tab {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.o-mobile-app-features-tab-btn {
    padding: .5rem 1rem;
    border: 1px solid #fff;
    border-radius: 3px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: none;
    margin-right: 10px
}

.o-mobile-app-features-tab-btn:last-child {
    margin: 0
}

.o-mobile-app-features-tab-btn:after,
.o-mobile-app-features-tab-btn:before {
    content: "";
    border: 9px solid transparent;
    border-top-color: #fff;
    border-bottom: 0;
    position: absolute;
    left: 50%;
    bottom: -9px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: none
}

.o-mobile-app-features-tab-btn:after {
    border: 8px solid transparent;
    border-top-color: #115687;
    border-bottom: 0;
    bottom: -7px;
    z-index: 1
}

.o-mobile-app-features-tab-btn.active:after,
.o-mobile-app-features-tab-btn.active:before {
    display: block
}

.o-mobile-app-features-tab-btn--bg-blue {
    background: #115687
}

.o-mobile-app-features-tab-btn--bg-green {
    background: #43ae76
}

.o-mobile-app-features-tab-btn--bg-green:after {
    border-top-color: #43ae76
}

.service-process {
    padding: 45px 0 20px
}

@media (min-width:992px) {
    .service-process {
        padding: 70px 0 50px
    }
}

.service-process h2 {
    font-size: 30px;
    font-weight: 700;
    color: #333;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .service-process h2 {
        padding-bottom: 30px;
        font-size: 48px;
        color: #333
    }
}

.service-process .dc-white-pan {
    position: relative;
    height: auto;
    min-height: inherit;
    text-align: left;
    padding: 50px 30px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1)
}

@media (min-width:992px) {
    .service-process .dc-white-pan {
        min-height: 495px;
        padding: 30px;
        border: none
    }
}

.service-process .dc-white-pan:before {
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mobile-app/process-group-icon.png) no-repeat 0 0;
    width: 66px;
    height: 65px;
    position: absolute;
    right: 10px;
    top: 30px
}

@media (min-width:992px) {
    .service-process .dc-white-pan:before {
        right: 25px
    }
}

.service-process .dc-white-pan div {
    margin-bottom: 15px;
    overflow: hidden;
    position: relative
}

.service-process .dc-white-pan div span {
    float: left;
    color: #14df7d;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    vertical-align: middle
}

@media (min-width:992px) {
    .service-process .dc-white-pan div span {
        font-size: 58px;
        line-height: 71px;
        font-weight: 300
    }
}

.service-process .dc-white-pan div h3 {
    vertical-align: middle;
    font-size: 20px;
    line-height: 28px;
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media (min-width:992px) {
    .service-process .dc-white-pan div h3 {
        font-size: 22px;
        line-height: 32px;
        left: 90px
    }
}

.service-process .dc-white-pan .body-text-medium {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    color: #333;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    text-align: left;
    margin-bottom: 0
}

@media (min-width:992px) {
    .service-process .dc-white-pan .body-text-medium {
        font-size: 19px;
        line-height: 32px;
        text-align: left;
        font-family: Montserrat, sans-serif;
        margin-bottom: 25px
    }
}

.service-process .process-box1:before {
    background-position: 0 0
}

.service-process .process-box2:before {
    background-position: -67px 0
}

.service-process .process-box3:before {
    background-position: -132px 0
}

.service-process .process-box4:before {
    background-position: -198px 0
}

.service-process .slick-dots {
    margin-top: 0
}

.ai-chatbots-hero {
    padding-bottom: 0
}

@media (min-width:992px) {
    .ai-chatbots-hero {
        padding-bottom: 0
    }
}

.ai-chatbots-hero .btn_wrapper {
    padding-top: 0
}

@media (min-width:992px) {
    .ai-chatbots-hero .btn_wrapper {
        padding-top: 40px
    }
}

.ai-chatbots-hero .anchor-link {
    text-align: center;
    display: block;
    margin: 10px auto 0
}

@media (min-width:992px) {
    .ai-chatbots-hero .anchor-link {
        text-align: left;
        display: inline;
        margin-top: 10px
    }
}

.ai-chatbots-hero .green-head-ribbon {
    text-align: center !important;
    padding: 0
}

@media (min-width:992px) {
    .ai-chatbots-hero .green-head-ribbon {
        text-align: left !important
    }
}

.ai-chatbots-hero h1 {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    margin-top: 15px
}

@media (min-width:992px) {
    .ai-chatbots-hero h1 {
        padding-right: 80px;
        text-align: left;
        font-size: 62px;
        line-height: 75px;
        margin-top: 0
    }
}

.ai-chatbots-hero h2 {
    color: #b7b7b7;
    margin-top: 20px;
    line-height: 26px;
    font-size: 18px;
    text-align: center
}

@media (min-width:992px) {
    .ai-chatbots-hero h2 {
        text-align: left;
        font-size: 24px;
        color: #14de7d
    }
}

@media (min-width:992px) {
    .ai-chatbots-hero .btn_wrapper a {
        margin: 0
    }
}

@media (min-width:992px) {
    .ai-chatbots-hero .anchor-link {
        text-align: left
    }
}

.ai-chatbots-hero .chatbot-gif {
    position: static
}

@media (min-width:992px) {
    .ai-chatbots-hero .chatbot-gif {
        position: absolute;
        top: 200px
    }
}

.custom-para {
    padding: 45px 0 30px;
    position: relative
}

@media (min-width:992px) {
    .custom-para {
        padding: 70px 0 20px
    }
}

.custom-para h2 {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 0
}

@media (min-width:992px) {
    .custom-para h2 {
        font-size: 36px;
        line-height: 53px;
        margin-bottom: 25px
    }
}

.custom-para p {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 0;
    font-family: Montserrat, sans-serif;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .custom-para p {
        font-size: 19px;
        line-height: 30px;
        padding: 0 80px 0;
        padding-bottom: 30px;
        font-family: Montserrat, sans-serif;
        margin-bottom: 25px
    }
}

.ai-chatbots {
    padding: 45px 0 20px;
    position: relative;
    background-color: #f8f8f8
}

@media (min-width:992px) {
    .ai-chatbots {
        padding: 70px 0 20px 50px
    }
}

.ai-chatbots .margin-top-30 {
    margin-top: 0
}

@media (min-width:992px) {
    .ai-chatbots .margin-top-30 {
        margin-top: 30px
    }
}

@media (min-width:992px) {
    .ai-chatbots h2 {
        padding: 0 50px;
        margin-bottom: 50px
    }
}

.ai-chatbots .dc-white-pan {
    background: #fff;
    -webkit-box-shadow: 0 0 34px 0 #0000001c;
    box-shadow: 0 0 34px 0 #0000001c;
    border-radius: 5px;
    padding: 15px;
    text-align: left;
    position: relative;
    border: 1px solid #e0e0e0
}

@media (min-width:992px) {
    .ai-chatbots .dc-white-pan {
        padding: 30px
    }
}

.ai-chatbots .dc-white-pan div {
    position: relative
}

.ai-chatbots .dc-white-pan div span {
    position: absolute;
    width: 88px;
    height: 88px;
    left: 0;
    top: 0;
    right: 0;
    text-align: center;
    margin: 0 auto
}

@media (min-width:992px) {
    .ai-chatbots .dc-white-pan div span {
        top: 12%;
        right: inherit;
        margin: 0
    }
}

.ai-chatbots .dc-white-pan div span img {
    margin: 0
}

@media (min-width:992px) {
    .ai-chatbots .dc-white-pan div span img {
        margin-right: 20px
    }
}

@media (min-width:992px) {
    .ai-chatbots .col-sm-offset-2 {
        margin: 30px auto
    }
}

.ai-chatbots .col-sm-offset-2 h3 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 25px;
    margin-top: 10px;
    font-weight: 700
}

@media (min-width:992px) {
    .ai-chatbots .col-sm-offset-2 h3 {
        font-size: 36px;
        margin-top: 0;
        font-weight: 600
    }
}

.ai-chatbots .col-sm-offset-2 .section-para {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 25px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .ai-chatbots .col-sm-offset-2 .section-para {
        font-size: 19px;
        line-height: 29px;
        font-family: Montserrat, sans-serif
    }
}

.ai-chatbots .col-sm-offset-2 .btn_wrapper {
    margin-top: 40px
}

.build {
    padding: 50px 0 20px
}

@media (min-width:992px) {
    .build {
        padding: 70px 0 50px
    }
}

.build__wrap {
    margin: 30px 0 0
}

@media (min-width:992px) {
    .build__wrap {
        margin: 30px 0
    }
}

.build__wrap p {
    margin: 25px 0 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .build__wrap p {
        padding: 0 30px;
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        margin: 45px 0 0
    }
}

.build h3 {
    margin: 40px 0;
    color: #fff;
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .build h3 {
        padding: 0 80px;
        font-size: 36px;
        line-height: 49px;
        margin: 20px 0 40px
    }
}

.build .chat-app-group {
    margin-bottom: 40px
}

.o-how-we-create-your-bot {
    position: relative;
    padding: 40px 0 25px;
    overflow: hidden;
    z-index: 106;
    text-align: center
}

@media (min-width:992px) {
    .o-how-we-create-your-bot {
        padding: 65px 0 0;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/ai-chatbots/slider-bg.png) 100% 100% no-repeat;
        background-size: 55%
    }
}

.o-how-we-create-your-bot .anchor-link {
    margin: 10px auto;
    display: block
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .anchor-link {
        margin: 10px 0;
        display: inline
    }
}

@media (min-width:992px) {
    .o-how-we-create-your-bot p {
        padding: 0 85px
    }
}

.o-how-we-create-your-bot .inner .slider-container {
    padding: 10px 0 0;
    margin: 0 auto;
    position: relative
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .inner .slider-container {
        padding: 40px 0 0
    }
}

.o-how-we-create-your-bot .inner .slider-container .left {
    position: relative
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .inner .slider-container .left {
        max-width: none
    }
}

.o-how-we-create-your-bot .inner .slider-container .left .icon-phone {
    max-width: 100%;
    display: block
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .inner .slider-container .left .icon-phone {
        max-width: none
    }
}

.o-how-we-create-your-bot .inner .slider-container .left .icon-phone {
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .o-how-we-create-your-bot .inner .slider-container .left .icon-phone {
        max-width: 280px
    }
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .inner .slider-container .left .icon-phone {
        max-width: 100%
    }
}

.o-how-we-create-your-bot .inner .slider-container .numbers {
    position: absolute;
    top: 5px;
    width: 100px;
    height: 100px;
    background: #fff;
    font-weight: 700;
    font-size: 62px;
    line-height: 100px;
    color: #14df7d;
    text-align: center;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    right: 0
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .inner .slider-container .numbers {
        right: 5px
    }
}

.o-how-we-create-your-bot .inner .slider-container .icons {
    position: absolute;
    width: 150px;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translate(0);
    transform: translate(0)
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .inner .slider-container .icons {
        top: 40%;
        width: 280px
    }
}

.o-how-we-create-your-bot .inner .slider-container .icons .slick-slide img {
    margin: 0 auto
}

.o-how-we-create-your-bot .inner .slider-container .right {
    padding-top: 0;
    text-align: left;
    position: relative;
    left: 0
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .inner .slider-container .right {
        left: 65px;
        padding-top: 50px
    }
}

.o-how-we-create-your-bot .inner .slider-container .right .text-rotator h3 {
    margin-bottom: 15px;
    line-height: 34px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    min-height: 150px;
    margin-top: 25px
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .inner .slider-container .right .text-rotator h3 {
        width: 460px;
        font-size: 26px;
        line-height: 34px;
        min-height: 180px;
        text-align: left;
        margin-top: 0
    }
}

.o-how-we-create-your-bot .inner .slider-container .right .text-rotator h3 strong {
    color: #14df7d
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .btn_wrapper a {
        margin: 0
    }
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .anchor-p {
        padding: 0;
        text-align: left
    }
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .anchor-p .anchor-link {
        text-align: left
    }
}

.o-how-we-create-your-bot .slick-arrow {
    display: none !important
}

.o-how-we-create-your-bot .pagers {
    position: relative;
    display: block
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .pagers {
        display: inline-block
    }
}

.o-how-we-create-your-bot .pagers .slick-dots {
    margin-bottom: 30px;
    text-align: center;
    margin-top: 0
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .pagers .slick-dots {
        text-align: left;
        margin-top: 30px
    }
}

.o-how-we-create-your-bot .pagers .slick-dots li {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 7px;
    border-radius: 50%;
    background: #9b9b9b;
    text-indent: -10000px;
    cursor: pointer;
    font-size: 0
}

.o-how-we-create-your-bot .pagers .slick-dots li.slick-active {
    background: #49c684;
    width: 12px;
    height: 12px;
    position: relative;
    top: -1px
}

@media (min-width:992px) {
    .o-how-we-create-your-bot .pagers .slick-dots li.slick-active {
        top: 0
    }
}

.insight-slider .slick-dots {
    margin-bottom: 30px;
    text-align: center;
    margin-top: 0
}

@media (min-width:992px) {
    .insight-slider .slick-dots {
        text-align: left
    }
}

.insight-slider .slick-dots li {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 7px;
    border-radius: 50%;
    background: #9b9b9b;
    text-indent: -10000px;
    cursor: pointer;
    font-size: 0;
    vertical-align: sub
}

.insight-slider .slick-dots li.slick-active {
    background: #27c070;
    width: 12px;
    height: 12px;
    position: relative;
    top: -2px
}

.customer-want {
    padding: 40px 0 20px;
    background-color: #f5f5f5
}

@media (min-width:992px) {
    .customer-want {
        padding: 65px 0 50px
    }
}

.customer-want h2 {
    margin-bottom: 25px
}

@media (min-width:992px) {
    .customer-want h2 {
        margin-bottom: 50px
    }
}

.customer-want__box {
    position: relative;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    width: 100%;
    margin-bottom: 15px;
    padding: 120px 15px 30px
}

@media (min-width:992px) {
    .customer-want__box {
        padding: 150px 30px 30px;
        min-height: 419px;
        margin-bottom: 0
    }
}

.customer-want__box p {
    font-size: 16px;
    line-height: 28px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .customer-want__box p {
        font-size: 18px;
        line-height: 28px;
        font-family: Montserrat, sans-serif
    }
}

.customer-want__box:before {
    content: "";
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/ai-chatbots/want-group-icon.png) no-repeat 0 0;
    top: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 76px;
    height: 65px
}

.customer-want .customer-want__box1:before {
    background-position: 0 0
}

.customer-want .customer-want__box2:before {
    background-position: -76px 0
}

.customer-want .customer-want__box3:before {
    background-position: -152px 0
}

.customer-want .btn_wrapper {
    margin-top: 25px
}

@media (min-width:992px) {
    .customer-want .btn_wrapper {
        margin-top: 50px
    }
}

.service-details.daas-service .service-wrap .brick.services-pan {
    display: block
}

@media (min-width:992px) {
    .service-details.daas-service .service-wrap .brick.services-pan {
        display: inline-block
    }
}

.daas-service {
    padding: 45px 0 20px;
    position: relative
}

@media (min-width:992px) {
    .daas-service {
        padding: 80px 0 45px
    }
}

.daas-service h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .daas-service h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.daas-service .service-wrap .brick.services-pan:before {
    display: none
}

.daas-service .service-wrap .brick.services-pan__daas-service-01:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/daas-service-1.png) no-repeat
}

.daas-service .service-wrap .brick.services-pan__daas-service-02:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/daas-service-2.png) no-repeat
}

.daas-service .service-wrap .brick.services-pan__daas-service-03:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/daas-service-3.png) no-repeat
}

.daas-service .service-wrap .brick.services-pan__daas-service-04:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/daas-service-4.png) no-repeat
}

.daas-service .service-wrap .brick.services-pan__daas-service-05:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/daas-service-5.png) no-repeat
}

.daas-service .service-wrap .brick.services-pan__daas-service-06:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/daas-service-6.png) no-repeat
}

.daas-service .service-wrap .brick.services-pan__daas-service-07:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/daas-service-7.png) no-repeat
}

.daas-service .service-wrap .brick.services-pan__daas-service-08:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/daas/daas-service-8.png) no-repeat
}

.o-two-col-section {
    padding: 50px 0;
    position: relative
}

@media (min-width:992px) {
    .o-two-col-section {
        padding: 100px 0 60px
    }
}

.o-two-col-section h3 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .o-two-col-section h3 {
        font-size: 36px;
        line-height: 49px
    }
}

.o-two-col-section p {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .o-two-col-section p {
        font-size: 19px;
        line-height: 30px;
        padding-top: 20px
    }
}

.o-two-col-section h4 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 50px
}

.o-two-col-section {
    padding: 45px 0 20px;
    background-size: 50% auto
}

@media (min-width:992px) {
    .o-two-col-section {
        padding: 100px 0 60px
    }
}

.o-two-col-section h3 {
    text-align: center;
    margin-bottom: 20px
}

.o-two-col-section h3 br {
    display: none
}

.o-two-col-section h4 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 600
}

@media (min-width:992px) {
    .o-two-col-section h4 {
        font-size: 24px;
        margin-bottom: 50px
    }
}

.o-two-col-section__left-panel {
    padding-bottom: 40px;
    text-align: center;
    overflow: hidden;
    padding: 0 30px
}

@media (min-width:992px) {
    .o-two-col-section__left-panel {
        text-align: left;
        padding: 0 15px
    }
}

.o-two-col-section__left-panel figure {
    width: 60px;
    height: 70px;
    position: relative;
    float: none;
    display: inline-block;
    font-size: 37px;
    line-height: 63px;
    margin: 0 auto 5px 0
}

@media (min-width:992px) {
    .o-two-col-section__left-panel figure {
        float: left;
        margin: 0 30px 25px 0
    }
}

.o-two-col-section__left-panel figure img {
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.o-two-col-section__left-panel .content-section {
    width: 100%;
    text-align: center
}

@media (min-width:992px) {
    .o-two-col-section__left-panel .content-section {
        float: left;
        width: 85%;
        text-align: left
    }
}

.o-two-col-section__left-panel .content-section p {
    font-size: 16px;
    line-height: 28px
}

@media (min-width:992px) {
    .o-two-col-section__left-panel .content-section p {
        font-size: 19px;
        line-height: 30px;
        text-align: left
    }
}

.o-two-col-section__left-panel .content-section h5 {
    font-size: 20px;
    line-height: 28px
}

@media (min-width:992px) {
    .o-two-col-section__left-panel .content-section h5 {
        font-size: 24px;
        line-height: 32px
    }
}

.o-two-col-section__right-panel {
    text-align: center
}

@media (min-width:992px) {
    .o-two-col-section__right-panel {
        text-align: left;
        display: block;
        padding-top: 50px
    }
}

.o-two-col-section__right-panel img {
    margin-bottom: 20px;
    width: 120px
}

@media (min-width:992px) {
    .o-two-col-section__right-panel img {
        margin-bottom: 50px;
        width: 100%
    }
}

.o-two-col-section__right-panel p {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/agencies/icon-quote.svg) no-repeat 0 0;
    padding: 20px 0 0 10px;
    font-size: 16px;
    line-height: 28px;
    background-size: 50px
}

@media (min-width:992px) {
    .o-two-col-section__right-panel p {
        font-size: 34px;
        line-height: 63px;
        text-align: left;
        background-size: auto
    }
}

.agencies-bnr h1 {
    text-align: center
}

@media (min-width:992px) {
    .agencies-bnr h1 {
        font-size: 32px;
        line-height: 42px;
        text-transform: capitalize;
        text-align: left
    }
}

.agencies-bnr h2 {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    font-weight: 600
}

@media (min-width:992px) {
    .agencies-bnr h2 {
        font-size: 20px;
        line-height: 33px;
        font-weight: 600;
        text-align: left
    }
}

@media (min-width:992px) {
    .agencies-bnr .btn_wrapper a {
        margin: 0
    }
}

@media (min-width:992px) {
    .agencies-bnr .anchor-link {
        text-align: left
    }
}

.o-we-love-intro {
    text-align: center;
    padding: 40px 0 20px
}

@media (min-width:992px) {
    .o-we-love-intro {
        padding: 40px 0 50px
    }
}

@media (min-width:992px) {
    .o-we-love-intro .col-md-offset-1 {
        margin: 0 auto
    }
}

.o-we-love-intro h1 {
    margin-bottom: 30px;
    text-transform: none;
    padding-top: 50px;
    font-weight: 500;
    font-size: 36px;
    line-height: 50px
}

@media (min-width:992px) {
    .o-we-love-intro h1 {
        font-size: 80px;
        line-height: 55px;
        letter-spacing: 2.5px;
        text-shadow: 1px 1px 0 #333, -1px 1px 0 #333, 1px -1px 0 #333, -1px -1px 0 #333;
        padding-top: 110px;
        font-weight: 700
    }
}

.o-we-love-intro h2 {
    margin-bottom: 30px;
    text-transform: none;
    line-height: 50px
}

@media (min-width:992px) {
    .o-we-love-intro h2 {
        font-size: 80px;
        line-height: 55px
    }
}

.o-we-love-intro h2.love-subheading {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300
}

@media (min-width:992px) {
    .o-we-love-intro h2.love-subheading {
        font-size: 40px;
        line-height: 50px;
        font-weight: 600;
        margin-bottom: 20px
    }
}

.o-we-love-intro h3 {
    margin-bottom: 20px
}

.o-we-love-intro h4 {
    margin-bottom: 20px
}

.o-we-love-intro p strong {
    font-weight: 600
}

.o-we-love-intro__other-text {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 28px
}

@media (min-width:992px) {
    .o-we-love-intro__other-text {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 15px;
        font-weight: 400
    }
}

.o-we-love-intro__we-love-image {
    padding-bottom: 20px
}

@media (min-width:992px) {
    .o-we-love-intro__we-love-image {
        padding-bottom: 25px
    }
}

.o-we-love-intro .c-btn {
    margin-top: 20px
}

.o-we-love-intro .o-contact-form__heart img {
    width: 40px
}

@media (min-width:992px) {
    .o-we-love-intro .o-contact-form__heart img {
        width: 65px
    }
}

.cto-info-p-heading {
    font-size: 23px;
    line-height: 35px
}

.cto-last-solid-info {
    padding: 0 60px;
    margin-bottom: 40px
}

.margin-top-bottom-10 {
    margin: 10px 0
}

.cmo-service .o-home-service_holder h3 {
    color: #fff !important
}

.what-get {
    padding-top: 50px;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .what-get {
        padding-top: 70px;
        padding-bottom: 50px
    }
}

@media (min-width:992px) {
    .what-get .btn_wrapper {
        margin-top: 20px
    }
}

.what-get h2 {
    font-size: 30px
}

@media (min-width:992px) {
    .what-get h2 {
        font-size: 48px
    }
}

.what-get .cto-wrap {
    text-align: center;
    margin-bottom: 0;
    width: 100%
}

@media (min-width:992px) {
    .what-get .cto-wrap {
        margin-bottom: 35px
    }
}

.what-get .cto-wrap h3 {
    font-size: 20px
}

@media (min-width:992px) {
    .what-get .cto-wrap h3 {
        font-size: 24px
    }
}

.what-get .cto-wrap .cto-services {
    position: relative;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0;
    padding: 20px 0 0
}

@media (min-width:992px) {
    .what-get .cto-wrap .cto-services {
        width: 29%;
        padding: 30px 15px 0;
        margin: 15px
    }
}

@media screen and (min-width:1200px) {
    .what-get .cto-wrap .cto-services {
        width: 30%
    }
}

.what-get .cto-wrap .cto-services p {
    font-size: 16px;
    line-height: 28px;
    color: #333;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    margin-bottom: 0
}

@media (min-width:992px) {
    .what-get .cto-wrap .cto-services p {
        font-size: 19px;
        line-height: 32px;
        font-family: Montserrat, sans-serif;
        margin-bottom: 25px
    }
}

.what-get .cto-wrap .cto-services:before {
    display: none
}

.what-get .cto-wrap .cto-service-01:before {
    background-position: 0 0
}

.what-get .cto-wrap .cto-service-02:before {
    background-position: -87px 0
}

.what-get .cto-wrap .cto-service-03:before {
    background-position: -210px 0
}

.unlike-section {
    padding-top: 45px;
    padding-bottom: 20px;
    background: linear-gradient(285deg, #07b260 0, #00517f 30%, #023e66 75%, #051b39 100%)
}

@media (min-width:992px) {
    .unlike-section {
        padding-top: 70px;
        padding-bottom: 50px
    }
}

.unlike-section h2 {
    color: #fff
}

@media (min-width:992px) {
    .unlike-section h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.unlike-section .cto-competitor {
    text-align: center
}

.unlike-section .cto-competitor-service {
    position: relative;
    padding: 40px 15px 30px;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    background-color: #fff
}

@media (min-width:992px) {
    .unlike-section .cto-competitor-service {
        width: 30%;
        height: 500px;
        padding: 50px 25px 30px;
        margin: 15px
    }
}

.unlike-section .cto-competitor-service p {
    font-size: 16px;
    line-height: 28px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 0
}

@media (min-width:992px) {
    .unlike-section .cto-competitor-service p {
        font-size: 15px;
        line-height: 24px;
        font-family: Montserrat, sans-serif;
        margin-bottom: 25px
    }
}

@media screen and (min-width:1200px) {
    .unlike-section .cto-competitor-service p {
        font-size: 17px;
        line-height: 27px
    }
}

.unlike-section .cto-competitor-service:before {
    display: none
}

.unlike-section .cto-competitor-service-01:before {
    background-position: -315px 0
}

.unlike-section .cto-competitor-service-02:before {
    background-position: -420px 0
}

.unlike-section .cto-competitor-service-03:before {
    background-position: 14px -89px
}

.unlike-section .cto-competitor h3 {
    font-size: 20px
}

@media (min-width:992px) {
    .unlike-section .cto-competitor h3 {
        font-size: 24px
    }
}

.unlike-section .btn_wrapper {
    margin-top: 15px
}

@media (min-width:992px) {
    .unlike-section .btn_wrapper {
        margin-top: 30px
    }
}

.number-section-cmo {
    padding: 45px 0 20px
}

@media (min-width:992px) {
    .number-section-cmo {
        padding-top: 40px;
        padding-bottom: 50px
    }
}

.number-section-cmo .col-md-offset-1 {
    margin: 0 auto
}

.number-section-cmo .cto-last-solid-info {
    text-align: center;
    color: #fff;
    font-size: 24px;
    margin-bottom: 25px;
    margin-top: 30px;
    line-height: 32px;
    padding: 0
}

@media (min-width:992px) {
    .number-section-cmo .cto-last-solid-info {
        padding: 0 60px;
        font-size: 28px;
        line-height: 40px
    }
}

.number-section-cmo .cmo-blocks {
    height: auto
}

@media (min-width:992px) {
    .number-section-cmo .cmo-blocks {
        height: 135px
    }
}

.number-section-cmo .dc-white-pan div .body-text-medium {
    font-size: 16px;
    line-height: 28px;
    padding-top: 0;
    float: none;
    width: 100%;
    text-align: center
}

@media (min-width:992px) {
    .number-section-cmo .dc-white-pan div .body-text-medium {
        font-size: 19px;
        line-height: 30px;
        float: right;
        width: 78%;
        text-align: left
    }
}

.number-section-cmo .dc-white-pan div span {
    float: none;
    display: block;
    text-align: center
}

@media (min-width:992px) {
    .number-section-cmo .dc-white-pan div span {
        float: left;
        text-align: left
    }
}

.cmo-services {
    padding-top: 45px;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .cmo-services {
        padding-top: 70px;
        padding-bottom: 50px
    }
}

.cmo-services h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .cmo-services h2 {
        margin-bottom: 30px;
        font-size: 48px;
        line-height: 61px
    }
}

@media (min-width:992px) {
    .cmo-services-wrap {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 27px;
        -moz-column-gap: 27px;
        column-gap: 27px;
        margin-bottom: 30px
    }
}

.cmo-services-wrap .cmo-services-block {
    display: inline-block;
    vertical-align: top;
    margin: 15px 0;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    background-color: #fff;
    text-align: center;
    padding: 30px 30px 10px;
    position: relative
}

@media (min-width:992px) {
    .cmo-services-wrap .cmo-services-block {
        padding: 50px 30px 15px
    }
}

.cmo-services-wrap .cmo-services-block p {
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .cmo-services-wrap .cmo-services-block p {
        font-size: 19px;
        line-height: 30px;
        font-family: Montserrat, sans-serif
    }
}

.cmo-services-wrap .cmo-services-block h3 {
    font-size: 20px
}

@media (min-width:992px) {
    .cmo-services-wrap .cmo-services-block h3 {
        font-size: 26px
    }
}

.cmo-services-wrap .cmo-services-block:before {
    display: none
}

.cmo-services-wrap .cmo-services-block i {
    height: 65px;
    display: block
}

.cmo-services-wrap .cmo-services-block i img {
    height: 100%
}

.cmo-services-wrap .cmo-services-block-06:before {
    background-position: -461px 0;
    top: 15px
}

@media (min-width:992px) {
    .cmo-services-wrap .cmo-services-block-06:before {
        top: 35px
    }
}

.cmo-services .btn_wrapper {
    margin-top: 15px
}

@media (min-width:992px) {
    .cmo-services .btn_wrapper {
        margin-top: 0
    }
}

.no-webp .tl-pt:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/tl-pt.png)
}

.webp .tl-pt:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/webp/common/tl-pt.webp)
}

.tl-pt {
    position: relative
}

.tl-pt:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: top left;
    width: 200px;
    height: 80px;
    background-size: 75%;
    top: 0;
    left: 0
}

@media (min-width:992px) {
    .tl-pt:before {
        width: 517px;
        height: 206px;
        background-size: 100%
    }
}

.no-webp .br-pt:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/mb-br-pt.png)
}

@media (min-width:992px) {
    .no-webp .br-pt:after {
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/common/br-pt.png)
    }
}

.webp .br-pt:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/mb-br-pt.webp)
}

@media (min-width:992px) {
    .webp .br-pt:after {
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/webp/common/br-pt.webp)
    }
}

.br-pt {
    position: relative
}

.br-pt:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 160px;
    height: 80px;
    bottom: 0;
    right: 0;
    background-size: 100%
}

@media (min-width:992px) {
    .br-pt:after {
        width: 200px
    }
}

@media (min-width:992px) {
    .br-pt:after {
        width: 500px;
        height: 240px;
        background-size: 100%
    }
}

.br-pt.hm-bnr:after {
    background-position: bottom right
}

@media (min-width:992px) {
    .br-pt.hm-bnr:after {
        background-position: 160px 0
    }
}

.no-webp .tr-pt:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/mb-tr-pt.png)
}

@media (min-width:992px) {
    .no-webp .tr-pt:before {
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/common/tr-pt.png)
    }
}

.webp .tr-pt:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/mb-tr-pt.webp)
}

@media (min-width:992px) {
    .webp .tr-pt:before {
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/webp/common/tr-pt.webp)
    }
}

.tr-pt {
    position: relative
}

.tr-pt:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 100%;
    height: 80px;
    width: 200px;
    top: 0;
    right: 0
}

@media (min-width:992px) {
    .tr-pt:before {
        display: block;
        background-size: 100%;
        width: 530px;
        height: 215px
    }
}

.no-webp .bl-pt:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/tr-pt.png)
}

.webp .bl-pt:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/webp/common/tr-pt.webp)
}

.bl-pt {
    position: relative
}

.bl-pt:after {
    content: "";
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 75px;
    width: 200px;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media (min-width:992px) {
    .bl-pt:after {
        display: block;
        background-size: 100%;
        width: 530px;
        height: 215px
    }
}

.no-webp .mb-tl-pt:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/mb-tl-pt.png)
}

.webp .mb-tl-pt:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/mb-tl-pt.webp)
}

.mb-tl-pt:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100px;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-transform: translate(0);
    transform: translate(0)
}

@media (min-width:992px) {
    .mb-tl-pt:after {
        display: none
    }
}

.no-webp .mb-w-tr-pt:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/mb-w-tr-pt.png)
}

.webp .mb-w-tr-pt:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/mb-w-tr-pt.webp)
}

.mb-w-tr-pt:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 100px;
    background-size: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    z-index: 99
}

@media (min-width:992px) {
    .mb-w-tr-pt:before {
        display: none
    }
}

.cheaper-batter-header .btn_wrapper.btn-center-block.mobile-off {
    width: auto
}

@media (min-width:992px) {
    .cheaper-batter-header .btn_wrapper.btn-center-block.mobile-off {
        width: 330px
    }
}

@media (min-width:992px) {
    .acnt-p {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .form-panel .u-submit {
        margin-top: 35px
    }
}

.img-cr-block {
    margin: 0 auto;
    display: block
}

.ai-chatbots-hero .container {
    padding-top: 100px
}

.new-srv-slider .col-sm-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 50% !important;
    -ms-flex: 50% !important;
    flex: 50% !important;
    max-width: 50%
}

.o-apply-now .anchor-link {
    max-width: 340px
}

.cs-slider-img img {
    width: 100%
}

.ai-bot .insights-section .fi-pan a {
    min-height: 370px
}

.navbar-brand source {
    width: 80%
}

@media (min-width:992px) {
    .navbar-brand source {
        width: auto
    }
}

.navbar-brand img {
    width: 100%
}

.border-bottom-lightgreen {
    border-bottom: 1px solid #dedede
}

.o-home-cn-details.pad-bot-40 {
    padding-bottom: 20px
}

@media (min-width:992px) {
    .o-home-cn-details.pad-bot-40 {
        padding-bottom: 50px
    }
}

.cstm-link-p {
    margin-top: 0
}

@media (min-width:992px) {
    .cstm-link-p {
        margin-top: 5px
    }
}

.splide__pagination {
    position: static !important;
    -webkit-transform: translate(0);
    transform: translate(0);
    margin-top: 10px !important
}

@media (min-width:992px) {
    .splide__pagination {
        margin-top: 20px !important
    }
}

.splide__pagination .splide__pagination__page {
    margin: 3px 5px
}

.splide__pagination .splide__pagination__page.is-active {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    background: #27c070
}

.o-case-studies-slider .splide__pagination {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-top: 30px
}

.o-case-studies-slider .btn_wrapper.pad-top-50 {
    padding-top: 20px
}

@media (min-width:992px) {
    .o-case-studies-slider .btn_wrapper.pad-top-50 {
        padding-top: 20px
    }
}

.crop-pad-top {
    margin-top: 10px
}

@media (min-width:992px) {
    .crop-pad-top {
        margin-top: 0
    }
}

.splide__pagination {
    width: 100%
}

.insights-section {
    padding: 45px 0 50px !important
}

@media (min-width:992px) {
    .insights-section {
        padding: 70px 0 80px !important
    }
}

.insights-section .btn_wrapper {
    padding-top: 0
}

@media (min-width:992px) {
    .insights-section .btn_wrapper {
        padding-top: 40px
    }
}

.Web-Application-Development {
    font-family: Montserrat, sans-serif !important
}

.Web-Application-Development a,
.Web-Application-Development h1,
.Web-Application-Development h2,
.Web-Application-Development h3,
.Web-Application-Development h4,
.Web-Application-Development h5,
.Web-Application-Development h6,
.Web-Application-Development p,
.Web-Application-Development span {
    font-family: Montserrat, sans-serif !important
}

.Web-Application-Development .service-details h2 {
    font-size: 24px
}

@media (min-width:992px) {
    .Web-Application-Development .service-details h2 {
        font-size: 48px
    }
}

.Web-Application-Development .c-icon-desc-3-col-box h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .Web-Application-Development .c-icon-desc-3-col-box h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.Web-Application-Development .web-app-service .service-wrap {
    margin-bottom: 15px
}

@media (min-width:992px) {
    .Web-Application-Development .web-app-service .service-wrap {
        margin-bottom: 35px
    }
}

.Custom-Software-Development .c-icon-desc-3-col-box h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

@media (min-width:992px) {
    .Custom-Software-Development .c-icon-desc-3-col-box h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.Custom-Software-Development .service-details .btn_wrapper {
    margin-top: 15px
}

@media (min-width:992px) {
    .Custom-Software-Development .service-details .btn_wrapper {
        margin-top: 0
    }
}

.c-icon-desc-3-col-ccn .row .col-md-4:nth-child(6) {
    border: none
}

.mobile-container {
    padding: 0 30px !important
}

@media (min-width:992px) {
    .mobile-container {
        padding: 0 15px !important
    }
}

.splide__pagination__page {
    background: #666565
}

.pager_new {
    display: block
}

@media (min-width:992px) {
    .pager_new {
        display: none
    }
}

.lSSlideOuter {
    padding-bottom: 25px;
    position: relative
}

.fa-circle:before {
    font-family: "Font Awesome\ 5 Free"
}

.lSSlideOuter.custom-color .lSPager.lSGallery li i {
    color: #9b9b9b !important
}

.lSSlideOuter.custom-color .lSPager.lSGallery li.active i,
li.focus .dot_sliders {
    color: #27c070 !important
}

.lSSlideOuter.custom-color .lSPager.lSGallery {
    margin-top: 75px !important
}

.o-case-studies-slider .slick-dots {
    margin-bottom: 15px
}

.career-bnr {
    padding-top: 120px
}

@media (min-width:992px) {
    .career-bnr {
        padding-top: 80px
    }
}

.career-bnr img {
    margin: 0 auto
}

@media (min-width:992px) {
    .career-bnr img {
        margin: 0 auto
    }
}

.career-bnr.career-bnr-new {
    padding-top: 60px
}

@media (min-width:992px) {
    .career-bnr.career-bnr-new {
        padding-top: 80px
    }
}

.service-wrap .services-pan p {
    font-family: Montserrat, sans-serif !important
}

@media (min-width:992px) {
    .service-wrap .services-pan p {
        font-family: Montserrat, sans-serif !important
    }
}

.c-icon-desc-3-col-ccn .row>div p {
    font-family: Montserrat, sans-serif !important
}

@media (min-width:992px) {
    .c-icon-desc-3-col-ccn .row>div p {
        font-family: Montserrat, sans-serif !important
    }
}

.insights-section .fi-pan p,
.new-review-box h4,
.o-bottom-form .form-text p,
.o-bottom-form .form-text p.sub-heading,
.o-bottom-form .form-text ul li span,
.o-case-studies-new .faq-holder .panel1 p,
.o-case-studies-slider .cs-slider .cs-slider-text .cs-tech,
.o-case-studies-slider .cs-slider .cs-slider-text h4,
.o-case-studies-slider .cs-slider .cs-slider-text p {
    font-family: Montserrat, sans-serif !important
}

@media (min-width:992px) {

    .insights-section .fi-pan p,
    .new-review-box h4,
    .o-bottom-form .form-text p,
    .o-bottom-form .form-text p.sub-heading,
    .o-bottom-form .form-text ul li span,
    .o-case-studies-new .faq-holder .panel1 p,
    .o-case-studies-slider .cs-slider .cs-slider-text .cs-tech,
    .o-case-studies-slider .cs-slider .cs-slider-text h4,
    .o-case-studies-slider .cs-slider .cs-slider-text p {
        font-family: Montserrat, sans-serif !important
    }
}

.PHP .skill-frame {
    background-color: transparent !important
}

@media (min-width:992px) {
    .PHP .skill-frame {
        background-color: #f5f5f5 !important
    }
}

.faq-section {
    padding-top: 45px !important
}

@media (min-width:992px) {
    .faq-section {
        padding: 65px 0 50px !important
    }
}

.faq-section .container {
    position: relative;
    z-index: 9
}

.hm-page a,
.hm-page h1,
.hm-page h2,
.hm-page h3,
.hm-page h4,
.hm-page h5,
.hm-page h6,
.hm-page li,
.hm-page p,
.hm-page small,
.hm-page span,
.hm-page strong {
    font-family: Montserrat, sans-serif !important
}

.hm-page .insights-section .fi-pan p,
.hm-page .new-review-box h4,
.hm-page .o-bottom-form .form-text p,
.hm-page .o-bottom-form .form-text p.sub-heading,
.hm-page .o-bottom-form .form-text ul li span,
.hm-page .o-case-studies-new .faq-holder .panel1 p,
.hm-page .o-case-studies-slider .cs-slider .cs-slider-text .cs-tech,
.hm-page .o-case-studies-slider .cs-slider .cs-slider-text h4,
.hm-page .o-case-studies-slider .cs-slider .cs-slider-text p {
    font-family: Montserrat, sans-serif !important
}

.Custom-Software-Development .btn_wrapper {
    padding-top: 0
}

@media (min-width:992px) {
    .Custom-Software-Development .btn_wrapper {
        padding-top: 0
    }
}

.Custom-Software-Development .wb-bnr {
    padding-bottom: 20px !important
}

@media (min-width:992px) {
    .Custom-Software-Development .wb-bnr {
        padding-bottom: 50px !important
    }
}

.Custom-Software-Development .service-details h2 {
    font-size: 24px
}

@media (min-width:992px) {
    .Custom-Software-Development .service-details h2 {
        font-size: 48px
    }
}

@media (min-width:992px) {
    .Custom-Software-Development .o-industrial-experience .subheading {
        font-size: 20px;
        line-height: 32px
    }
}

.Work .cstm-link-p {
    text-align: center;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .Work .cstm-link-p {
        text-align: inherit;
        margin-bottom: 0
    }
}

.Work .u-pad-top-30 {
    padding-top: 5px
}

@media (min-width:992px) {
    .Work .u-pad-top-30 {
        padding-top: 30px
    }
}

.Work .work-bnr h1 {
    padding-top: 25px
}

@media (min-width:992px) {
    .Work .work-bnr h1 {
        padding-top: 60px
    }
}

@media (min-width:992px) {
    .Work .o-two-col-section {
        padding: 70px 0 50px
    }
}

@media (min-width:992px) {
    .Work .o-two-col-section p {
        margin-top: 0
    }
}

@media (min-width:992px) {
    .Work .key-section {
        padding: 70px 0 45px
    }
}

@media (min-width:992px) {
    .Work .key-section h2 {
        margin-bottom: 10px
    }
}

.Work .key-section .kt-button-holder p {
    padding: 0;
    margin-bottom: 23px
}

@media (min-width:992px) {
    .Work .key-section .kt-button-holder p {
        padding: 0 0 0;
        margin-bottom: 30px
    }
}

.Work .key-traits {
    padding: 45px 0 5px
}

@media (min-width:992px) {
    .Work .key-traits {
        padding: 70px 0 50px
    }
}

.Work .key-traits .style_prevu_kit p {
    margin-bottom: 0
}

@media (min-width:992px) {
    .Work .key-traits .style_prevu_kit p {
        margin-bottom: 25px
    }
}

@media (min-width:992px) {
    .Work .o-two-col-section__why-choose-us-mod {
        padding: 70px 0 70px
    }
}

@media (min-width:992px) {
    .Work .o-two-col-section__why-choose-us-mod p {
        font-family: Montserrat, sans-serif;
        padding-top: 0
    }
}

@media (min-width:992px) {
    .Work .o-two-col-section__choosing-steps {
        padding: 70px 0 25px
    }
}

.eCommerce .o-skills-hero {
    padding-top: 100px;
    padding-bottom: 20px !important
}

@media (min-width:992px) {
    .eCommerce .o-skills-hero {
        padding-bottom: 0 !important;
        padding-top: 55px
    }
}

.eCommerce .o-skills-hero h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0
}

@media (min-width:992px) {
    .eCommerce .o-skills-hero h1 {
        font-size: 48px;
        line-height: 64px;
        margin-bottom: 30px
    }
}

.eCommerce .o-skills-hero .mb-h1 {
    margin-bottom: 25px
}

.eCommerce .green-head-ribbon span:first-letter {
    text-transform: none
}

.eCommerce .schedule-box {
    height: 100%
}

.CMS .o-skills-hero {
    padding-top: 60px;
    padding-bottom: 20px !important
}

@media (min-width:992px) {
    .CMS .o-skills-hero {
        padding-top: 90px;
        padding-bottom: 50px !important
    }
}

.CMS .o-skills-hero h1 {
    margin-bottom: 0
}

@media (min-width:992px) {
    .CMS .o-skills-hero h1 {
        margin-bottom: 15px
    }
}

.CMS .service-wrap .services-pan p {
    margin-bottom: 0
}

@media (min-width:992px) {
    .CMS .service-wrap .services-pan p {
        margin-bottom: 25px
    }
}

.cmo-service {
    padding-top: 20px
}

@media (min-width:992px) {
    .cmo-service {
        padding-top: 25px
    }
}

@media (min-width:992px) {
    .cmo-service .home-link {
        padding: 20px 0 35px
    }
}

.cmo-service h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .cmo-service h3 {
        font-size: 48px
    }
}

.cmo-service .o-home-service_holder {
    margin-top: 0
}

.cmo-service .home-link {
    padding-top: 10px
}

@media (min-width:992px) {
    .cmo-service .home-link {
        padding-top: 25px
    }
}

.cmo-service .btn_wrapper {
    padding-top: 20px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .cmo-service .btn_wrapper {
        padding-top: 0;
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .cmo-service .anchor-link {
        margin-top: 10px
    }
}

@media (min-width:992px) {
    .Data .o-skills-hero {
        padding: 115px 20px 50px !important
    }
}

.Data .btn_wrapper {
    padding-top: 0
}

@media (min-width:992px) {
    .Data .btn_wrapper {
        padding-top: 15px
    }
}

.Data .c-icon-desc-3-col-box h2 {
    font-size: 24px
}

@media (min-width:992px) {
    .Data .c-icon-desc-3-col-box h2 {
        font-size: 48px
    }
}

.Magento .skill-service h2 {
    color: #fff !important;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .Magento .skill-service h2 {
        color: #fff !important
    }
}

.DevOps .c-icon-desc-3-col-box h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .DevOps .c-icon-desc-3-col-box h2 {
        font-size: 48px;
        line-height: 61px
    }
}

@media (min-width:992px) {
    .DevOps .small-h1 h1 {
        margin-bottom: 15px
    }
}

.DevOps .small-h1 .bnr-ofr-text {
    line-height: 24px
}

.agencies-bnr {
    padding-bottom: 45px
}

@media (min-width:992px) {
    .agencies-bnr {
        padding: 115px 20px 50px !important
    }
}

.agencies-bnr h1 {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 0
}

@media (min-width:992px) {
    .agencies-bnr h1 {
        font-size: 32px;
        line-height: 42px;
        padding-bottom: 30px
    }
}

.agen-why {
    padding: 45px 0 20px
}

@media (min-width:992px) {
    .agen-why {
        padding: 70px 0 50px
    }
}

.agen-why .service-wrap {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:992px) {
    .agen-why .service-wrap {
        margin-bottom: 35px
    }
}

.agen-why .service-wrap .brick.services-pan {
    padding: 30px 15px 30px;
    width: 100%;
    height: auto !important
}

@media (min-width:992px) {
    .agen-why .service-wrap .brick.services-pan {
        padding: 50px 30px 30px;
        width: 46% !important
    }
}

@media screen and (min-width:1200px) {
    .agen-why .service-wrap .brick.services-pan {
        width: 47% !important
    }
}

.agen-why .service-wrap .brick.services-pan p {
    margin-bottom: 0
}

@media (min-width:992px) {
    .agen-why .service-wrap .brick.services-pan p {
        margin-bottom: 25px;
        font-size: 19px;
        line-height: 30px
    }
}

.agen-why .service-wrap .brick.services-pan i {
    height: 65px !important
}

.AI .c-icon-desc-3-col-box h2,
.CMS .c-icon-desc-3-col-box h2,
.Outsourced .c-icon-desc-3-col-box h2,
.Testing .c-icon-desc-3-col-box h2,
.eCommerce .c-icon-desc-3-col-box h2 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {

    .AI .c-icon-desc-3-col-box h2,
    .CMS .c-icon-desc-3-col-box h2,
    .Outsourced .c-icon-desc-3-col-box h2,
    .Testing .c-icon-desc-3-col-box h2,
    .eCommerce .c-icon-desc-3-col-box h2 {
        font-size: 48px;
        line-height: 61px
    }
}

ul.srv-bnr-logo svg {
    height: 100%;
    width: 100%
}

.cmn-service-bnr-mod {
    padding-top: 95px;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .cmn-service-bnr-mod {
        padding: 115px 20px 0 !important
    }
}

@media (min-width:992px) {
    .cmn-service-bnr-mod h1 {
        font-size: 48px;
        line-height: 65px;
        margin-top: 0
    }
}

@media (min-width:992px) {
    .cmn-service-bnr-mod h2 {
        font-size: 24px;
        font-weight: 600 !important
    }
}

.cmn-service-bnr-mod .mb-h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 25px;
    margin-top: 15px
}

.cmn-service-bnr-mod .mb-h2 {
    font-size: 22px;
    line-height: 30px;
    padding: 0;
    margin-top: 25px !important
}

.cmn-service-bnr-mod .mb-p {
    color: #b7b7b7;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
    font-weight: 700
}

.cmn-service-bnr-mod .mb-p a {
    text-decoration: underline;
    color: #b7b7b7
}

.cmn-service-bnr-mod .dd-mb-p {
    margin-bottom: 30px
}

.CMS .cmn-service-bnr-mod h1 {
    margin-top: 25px
}

.DevOps .o-skills-hero h1,
.Testing .o-skills-hero h1 {
    margin-top: 25px
}

.cms-can .service-wrap .services-pan i {
    width: auto;
    height: 75px !important;
    margin: 0 auto
}

@media (min-width:992px) {
    .Outsourced .o-skills-hero {
        padding: 115px 20px 50px !important
    }
}

@media (min-width:992px) {

    .outsource-product .service-wrap .brick.services-pan,
    .testing-qa .service-wrap .brick.services-pan {
        padding: 50px 30px 50px
    }
}

@media (min-width:992px) {
    .cms-box {
        min-height: 435px
    }
}

.e-commerce-why .service-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.e-commerce-why .service-wrap .brick.services-pan {
    padding: 30px 25px 5px
}

@media (min-width:992px) {
    .e-commerce-why .service-wrap .brick.services-pan {
        padding: 50px 25px 30px
    }
}

.e-commerce-why .cstm-link-p a {
    color: #4a90e2 !important
}

@media (min-width:992px) {
    .gradient-blue-green-2 {
        background: #07b260;
        background: linear-gradient(141deg, #07b260 0, #00517f 37%, #023e66 100%)
    }
}

#solution-container {
    padding: 40px 0 35px
}

@media (min-width:992px) {
    #solution-container {
        padding: 70px 0 50px
    }
}

.CMO .number-section .section-para {
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .o-two-col-section-agen {
        padding: 70px 0 50px
    }
}

.o-two-col-section-agen .cstm-link-p {
    padding-top: 0
}

@media (min-width:992px) {
    .o-two-col-section-agen .content-section p {
        padding-top: 5px
    }
}

.daas-cmn .row>div {
    padding: 0
}

@media (min-width:992px) {
    .daas-cmn .row>div {
        padding: 0 30px 0 15px;
        margin: 0 0 30px
    }
}

.daas-cmn .row>div .daas-cmn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.daas-cmn .row>div .daas-cmn-box:before {
    display: none
}

.daas-cmn .row>div .daas-cmn-box-text:before {
    display: none
}

.daas-cmn .row>div .daas-cmn-box i {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    margin-right: 20px
}

.daas-cmn .row>div .daas-cmn-box h3 {
    font-size: 20px
}

@media (min-width:992px) {
    .daas-cmn .row>div .daas-cmn-box h3 {
        font-size: 26px
    }
}

.daas-how {
    padding-top: 45px
}

@media (min-width:992px) {
    .daas-how {
        padding: 65px 0 50px
    }
}

.daas-how h2 {
    font-size: 30px;
    font-weight: 700;
    color: #fff
}

@media (min-width:992px) {
    .daas-how h2 {
        font-size: 48px
    }
}

.daas-how .cstm-link-p a {
    color: #fff !important
}

.cto-wrap i {
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.first-letter-small:first-letter {
    text-transform: lowercase
}

.apart-p {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:992px) {
    .apart-p {
        font-size: 19px;
        line-height: 32px
    }
}

.o-skills-hero__schdule .e-com-head {
    text-transform: none !important
}

.Mobile .btn-orange {
    text-transform: uppercase
}

.Mobile h2 span {
    display: inline
}

.cust-app {
    margin-top: 15px
}

@media (min-width:992px) {
    .cust-app {
        margin-top: 0
    }
}

.header_right_pan {
    position: relative
}

.floating-line {
    background: #2c8b78;
    position: absolute;
    left: 15px;
    right: 15px;
    top: -50px;
    padding: 13px;
    color: #fff;
    font-weight: 700;
    font-size: 15px
}

ul.ul-grp-logo {
    margin-top: 30px !important
}

.o-skills-hero__schdule .schedule-box-top {
    padding: 10px 15px 0;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/mid.png) repeat-y;
    background-position: 0 0;
    background-size: 100%
}

.o-skills-hero__schdule .schedule-box-top-text img {
    width: 69px;
    height: 69px
}

.o-skills-hero__schdule .schedule-box-top-text h2 {
    text-align: left;
    font-size: 24px !important;
    line-height: 35px;
    padding-top: 0;
    font-weight: 600 !important
}

@media screen and (min-width:992px) {
    .o-skills-hero__schdule .schedule-box-top-text h2 {
        font-size: 20px !important;
        line-height: 28px
    }
}

@media screen and (min-width:1200px) {
    .o-skills-hero__schdule .schedule-box-top-text h2 {
        font-size: 24px !important;
        line-height: 35px
    }
}

.o-skills-hero__schdule .schedule-box-top .btn-orange {
    padding: 14px 15px;
    max-width: 340px !important;
    font-weight: 700
}

@media (min-width:992px) {
    .green-head-ribbon-mod {
        margin-top: 20px
    }
}

.green-head-ribbon-mod span {
    width: 90%;
    font-family: Montserrat, sans-serif !important
}

@media (min-width:992px) {
    .green-head-ribbon-mod span {
        width: 281px;
        font-size: 20px;
        line-height: 26px;
        text-align: center;
        padding: 15px;
        font-weight: 700
    }
}

.schedule-box-top-img {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/top.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
    height: 29px
}

.schedule-box-bottom-img {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/bottom.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
    height: 45px
}

.schedule-box-mod {
    height: 700px
}

ul.small-skill-page-mod {
    width: 80% !important;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    ul.small-skill-page-mod {
        margin: 0
    }
}

@media (min-width:992px) {
    .o-skills-hero-modified {
        padding: 115px 20px 0 !important
    }
}

.with-cn-h2 {
    margin-bottom: 25px
}

.staff-aug h1 {
    margin-bottom: 25px
}

.Analytics .web-app-service .service-wrap .brick.services-pan {
    height: auto
}

.Analytics .web-app-service .service-wrap .brick.services-pan a {
    position: static;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.Graphic .web-app-service .service-wrap .brick.services-pan {
    height: auto
}

.Graphic .web-app-service .service-wrap .brick.services-pan a {
    position: static;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.is-section h3 {
    margin-bottom: 30px
}

.services-pan__codeigniter {
    padding-top: 50px
}

.services-pan__codeigniter:before {
    display: none
}

.details-point {
    margin-bottom: 25px
}

.details-point span {
    font-size: 16px;
    padding-left: 30px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/icon-bullet-dark.svg) 0 50% no-repeat;
    margin: 0 15px
}

.about-details-para-mod {
    width: 100% !important
}

.about-details-para-mod h3 {
    font-size: 32px;
    margin-bottom: 30px
}

.ppc-service .service-wrap .brick.services-pan {
    height: auto
}

.ppc-service .service-wrap .brick.services-pan a {
    position: static;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.solution-left-mod ul ul {
    padding: 25px 0 5px
}

.solution-left-mod ul li:last-child {
    margin-bottom: 25px
}

.e-commerce-plus h2 {
    color: #333
}

.rm-bnr h1 {
    margin-bottom: 30px !important
}

.e-commerce-why-mod .cstm-link-p a {
    color: #4a90e2 !important
}

.expert-seo-p {
    font-size: 18px
}

.expert-seo h4 {
    margin-bottom: 30px
}

.schedule-box {
    margin-top: -50px
}

.hire-designer .schedule-box {
    margin-top: 0
}

.cms-bnr-award ul.srv-bnr-logo li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

@media screen and (min-width:992px) {
    .cms-bnr-award ul.srv-bnr-logo li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px
    }
}

.Analytics .o-skills-hero h1,
.Backend-Development .o-skills-hero h1,
.Custom-Software-Development .o-skills-hero h1,
.Dedicated .o-skills-hero h1,
.Mobile .o-skills-hero h1,
.Web-Application-Development .o-skills-hero h1,
.eCommerce .o-skills-hero h1,
.front-end-development .o-skills-hero h1,
.hire-designer .o-skills-hero h1,
.hybrid .o-skills-hero h1 {
    margin-top: 25px
}

.CMS .o-skills-hero h1,
.Chatbots .o-skills-hero h1,
.Outsourced .o-skills-hero h1 {
    margin-top: 25px
}

@media screen and (min-width:992px) {
    .service-pages .o-skills-hero {
        padding: 65px 20px 0 !important
    }
}

.service-pages .schedule-box {
    margin-top: 0;
    height: 100%
}

@media screen and (min-width:992px) {
    .service-pages .header_left_pan img {
        margin-top: 40px
    }
}

@media screen and (min-width:992px) {
    .service-pages .header_left_pan {
        padding-right: 20px
    }
}

.service-pages .header_left_pan .skill-page-mod img {
    margin-top: 0
}

@media screen and (min-width:992px) {
    .service-pages .header_left_pan .skill-page-mod img {
        padding: 20px 0 20px
    }
}

.panel1 ul li {
    font-family: Montserrat, sans-serif
}

.font-size-50 {
    font-size: 30px
}

@media screen and (min-width:992px) {
    .font-size-50 {
        font-size: 50px !important
    }
}

@media screen and (min-width:992px) {
    .aprch-blockchain .masonry .brick {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (min-width:992px) {
    .ind-off-section .service-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width:992px) {
    .ind-off-section .service-wrap .brick.services-pan {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 50px 30px 50px
    }
}

@media screen and (min-width:992px) {
    .ind-off-section-com .service-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width:992px) {
    .ind-off-section-com .service-wrap .brick.services-pan {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 50px 30px 50px;
        -ms-flex-line-pack: baseline;
        align-content: baseline
    }
}

.our-service-bnr-p {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 40px
}

@media screen and (min-width:992px) {
    .our-service-bnr-h1 {
        padding-bottom: 10px !important
    }
}

@media screen and (min-width:992px) {
    .our-service-bnr-a {
        margin-bottom: 70px
    }
}

.cms-dev-service a {
    display: none
}

@media screen and (min-width:992px) {
    .cms-dev-service a {
        display: block
    }
}

.what-test-section {
    padding: 50px 0 25px
}

@media screen and (min-width:992px) {
    .what-test-section {
        padding: 80px 0 70px
    }
}

.what-test-section h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 36px
}

@media screen and (min-width:992px) {
    .what-test-section h2 {
        font-size: 48px;
        line-height: 61px;
        margin-bottom: 60px
    }
}

.what-test-section h2 br {
    display: none
}

@media screen and (min-width:992px) {
    .what-test-section h2 br {
        display: block
    }
}

.what-test-section .what-test-section__para {
    margin-bottom: 20px;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .what-test-section .what-test-section__para {
        font-size: 21px;
        line-height: 31px;
        margin-bottom: 30px
    }
}

.what-test-section ul {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .what-test-section ul {
        margin-bottom: 70px
    }
}

.what-test-section ul li {
    font-size: 18px;
    line-height: 40px;
    position: relative;
    padding-left: 30px
}

.what-test-section ul li:before {
    content: "";
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/green-tick.svg);
    height: 19px !important;
    width: 19px !important;
    top: 10px;
    left: 0
}

.what-test-section ul li a {
    color: #333;
    font-family: Poppins
}

.what-test-section .last-ul {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .what-test-section .last-ul {
        margin-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .what-test-section .row {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:992px) {
    .what-test-section .row .col-lg-4 {
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        width: auto
    }
}

.what-test-section-mod .number-div {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px
}

.what-test-section-mod .number-div:before {
    content: "";
    position: absolute;
    background: #dfdfdf;
    width: 6px;
    height: 97%;
    top: 20px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.what-test-section-mod h2 {
    margin-bottom: 20px
}

.what-test-section-mod .h2-mb {
    margin-bottom: 50px
}

.what-test-section-mod .cmn-heading-para {
    max-width: 700px;
    margin: 0 auto 50px
}

.what-test-section-mod h3 {
    font-size: 28px;
    line-height: 26px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 20px;
    font-weight: 400
}

@media screen and (min-width:768px) {
    .what-test-section-mod h3 {
        font-size: 36px;
        line-height: 32px
    }
}

.what-test-section-mod h4 {
    font-size: 18px;
    margin-left: 15px;
    margin-bottom: 0
}

@media screen and (min-width:540px) {
    .what-test-section-mod h4 {
        font-size: 20px
    }
}

@media screen and (min-width:992px) {
    .what-test-section-mod h4 {
        font-size: 24px;
        margin-left: 0;
        margin-bottom: .5rem
    }
}

.what-test-section-mod p {
    font-size: 16px;
    line-height: 22px
}

@media screen and (min-width:768px) {
    .what-test-section-mod p {
        font-size: 18px;
        line-height: 28px
    }
}

.what-test-section-mod .spiral-col-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 38%;
        flex: 0 0 38%;
        width: 38%
    }
}

.what-test-section-mod .spiral-col-left-box {
    position: relative
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-left-box {
        margin-bottom: 100px
    }
}

.what-test-section-mod .spiral-col-left-box .triangle-class {
    position: absolute;
    top: 35px;
    left: -14px
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-left-box .triangle-class {
        right: 0;
        top: 60px;
        left: inherit;
        right: 0
    }
}

.what-test-section-mod .spiral-col-left-box .triangle-class:before {
    content: "";
    position: absolute;
    z-index: 9;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 15px solid #fff;
    border-bottom: 10px solid transparent
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-left-box .triangle-class:before {
        border-top: 18px solid transparent;
        border-left: 28px solid #fff;
        border-bottom: 18px solid transparent;
        border-right: 0
    }
}

.what-test-section-mod .spiral-col-left-box .triangle-class:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-right: 15px solid #e3e3e3;
    border-bottom: 11px solid transparent;
    top: -1px;
    left: -1px
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-left-box .triangle-class:after {
        border-top: 20px solid transparent;
        border-left: 30px solid #e3e3e3;
        border-bottom: 20px solid transparent;
        border-right: 0;
        top: -2px;
        left: inherit
    }
}

.what-test-section-mod .spiral-col-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    width: 80%
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 38%;
        flex: 0 0 38%;
        width: 38%
    }
}

.what-test-section-mod .spiral-col-right-box {
    position: relative
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-right-box {
        margin-top: 120px
    }
}

.what-test-section-mod .spiral-col-right-box .triangle-class {
    position: absolute;
    top: 35px;
    left: -14px
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-right-box .triangle-class {
        right: inherit;
        top: 60px;
        left: -28px
    }
}

.what-test-section-mod .spiral-col-right-box .triangle-class:before {
    content: "";
    position: absolute;
    z-index: 9;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 15px solid #fff;
    border-bottom: 10px solid transparent
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-right-box .triangle-class:before {
        border-top: 18px solid transparent;
        border-right: 28px solid #fff;
        border-bottom: 18px solid transparent
    }
}

.what-test-section-mod .spiral-col-right-box .triangle-class:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-right: 16px solid #e3e3e3;
    border-bottom: 11px solid transparent;
    top: -1px;
    left: -2px
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-right-box .triangle-class:after {
        border-top: 20px solid transparent;
        border-right: 30px solid #e3e3e3;
        border-bottom: 20px solid transparent;
        top: -2px;
        left: -2px
    }
}

.what-test-section-mod .spiral-col-mid {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    width: 22%;
    text-align: center;
    display: none
}

.what-test-section-mod .spiral-col-mid .spiral-col-mid img {
    width: 200px
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-mid {
        display: block
    }
}

.what-test-section-mod .spiral-col-box {
    background: #fff;
    padding: 30px 25px 30px 25px;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    position: relative
}

@media screen and (min-width:768px) {
    .what-test-section-mod .spiral-col-box {
        padding: 30px 30px 30px 35px
    }
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-box:before {
        display: block
    }
}

.what-test-section-mod .spiral-col-box:after {
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    top: 20px;
    left: -82px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 21px
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-box:after {
        display: none
    }
}

.what-test-section-mod .spiral-col-box p {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .what-test-section-mod .spiral-col-box p {
        margin-bottom: 25px
    }
}

.what-test-section-mod .spiral-col-box-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-box-head {
        margin-bottom: 15px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.what-test-section-mod .spiral-col-box-head img {
    width: 50px
}

.what-test-section-mod .spiral-col-box1 {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-box1 {
        margin-bottom: 160px
    }
}

.what-test-section-mod .spiral-col-box1:after {
    content: "01";
    background: #2c4d82
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-box1-mod {
        margin-bottom: 100px
    }
}

.what-test-section-mod .spiral-col-box2 {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-box2 {
        margin-bottom: 160px
    }
}

.what-test-section-mod .spiral-col-box2:after {
    content: "03";
    background: #1b89af
}

.what-test-section-mod .spiral-col-box3 {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-box3 {
        margin-bottom: 160px
    }
}

.what-test-section-mod .spiral-col-box3:after {
    content: "05";
    background: #28c89a
}

.what-test-section-mod .spiral-col-box4 {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-box4 {
        margin-top: 230px
    }
}

.what-test-section-mod .spiral-col-box4:after {
    content: "02";
    background: #036497
}

.what-test-section-mod .spiral-col-box5 {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-box5 {
        margin-top: 100px
    }
}

.what-test-section-mod .spiral-col-box5:after {
    content: "04";
    background: #2bbdc3
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-box5-mod {
        margin-top: 175px
    }
}

.what-test-section-mod .spiral-col-box6 {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .what-test-section-mod .spiral-col-box6 {
        margin-bottom: 40px;
        margin-top: 130px
    }
}

.what-test-section-mod .spiral-col-box6:after {
    content: "06";
    background: #36e079
}

.what-test-section-mod .spiral-col-box7 {
    margin-bottom: 30px
}

.what-test-section-mod .spiral-col-box7:after {
    content: "07";
    background: #71f99b
}

.what-test-section-mod .spiral-col-box .color-1 {
    color: #2c4d82
}

.what-test-section-mod .spiral-col-box .color-2 {
    color: #1b89af
}

.what-test-section-mod .spiral-col-box .color-3 {
    color: #28c89a
}

.what-test-section-mod .spiral-col-box .color-4 {
    color: #036497
}

.what-test-section-mod .spiral-col-box .color-5 {
    color: #2bbdc3
}

.what-test-section-mod .spiral-col-box .color-6 {
    color: #36e079
}

.black-font-color {
    color: #333 !important
}

.cmn-logo-fix .o-skills-hero h1 {
    margin-top: 25px
}

@media screen and (min-width:992px) {
    .home-ind-off-section .service-wrap .brick.services-pan {
        -ms-flex-line-pack: start;
        align-content: flex-start;
        padding: 50px 30px 100px
    }
}

@media screen and (min-width:992px) {
    .home-ind-off-section .service-wrap .brick.services-pan a {
        position: absolute;
        bottom: 50px
    }
}

.home-ind-off-section .service-wrap .brick.services-pan h3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.template-bnr {
    padding-top: 80px;
    background: #0dad81;
    background: linear-gradient(108deg, #0dad81 0, #005385 30%, #011b40 65%)
}

@media (min-width:992px) {
    .template-bnr {
        padding-top: 100px
    }
}

.template-bnr h1 {
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px
}

@media (min-width:992px) {
    .template-bnr h1 {
        font-size: 62px;
        line-height: 75px;
        padding: 52px 0
    }
}

.logo-thumb {
    padding-top: 45px
}

@media (min-width:992px) {
    .logo-thumb {
        padding-top: 75px;
        padding-bottom: 45px
    }
}

.logo-thumb a:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 75%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/home/home-arrow.png);
    width: 22px;
    height: 22px
}

.logo-thumb a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .3);
    box-shadow: 0 0 35px rgba(0, 0, 0, .3)
}

.logo-thumb a:hover:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/home/home-orange-arrow.png)
}

.logo-thumb_service a:before {
    top: 80%
}

@media (min-width:992px) {

    .logo-thumb2,
    .logo-thumb3,
    .logo-thumb4,
    .logo-thumb5 {
        padding-top: 20px;
        padding-bottom: 45px
    }
}

.logo-thumb5 {
    padding-bottom: 25px
}

@media (min-width:992px) {
    .logo-thumb5 {
        padding-bottom: 60px
    }
}

.box-bg_service {
    height: 250px;
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 0 0 35px rgba(102, 99, 99, .1);
    box-shadow: 0 0 35px rgba(102, 99, 99, .1);
    border-radius: 5px;
    margin-bottom: 30px;
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1)
}

.box-bg_service h6 {
    position: absolute;
    left: 50%;
    top: 70%;
    -webkit-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
    width: 70%;
    font-size: 20px;
    line-height: 28px
}

.box-bg_service img {
    position: absolute;
    left: 50%;
    top: 30%;
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%)
}

.padding-bottom-60 {
    padding-bottom: 60px
}

.o-home-hero .home-video {
    width: auto
}

@media screen and (min-width:992px) {
    .o-home-hero .home-video {
        height: 900px;
        width: auto
    }
}

@media screen and (min-width:1200px) {
    .o-home-hero .home-video {
        height: 1025px;
        width: 100%
    }
}

.about-bg {
    position: relative
}

.about-bg:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(9, 27, 56, .8);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 1
}

.about-bg .green-head-ribbon {
    background: 0 0
}

@media (min-width:992px) {
    .about-bg h2 {
        font-size: 62px;
        line-height: 70px
    }
}

.about-bg .play-video {
    padding-top: 0;
    padding-bottom: 0;
    color: #8abaf2;
    font-size: 0;
    font-family: Montserrat, sans-serif;
    display: inline-block
}

@media (min-width:992px) {
    .about-bg .play-video {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/play-button.svg) no-repeat 50% 0;
        width: inherit;
        height: inherit;
        background-size: auto;
        font-size: 14px;
        padding-top: 90px;
        padding-bottom: 30px
    }
}

@media (min-width:992px) {
    .about-bg ul.srv-bnr-logo li:nth-child(4) {
        width: 116px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px
    }
}

@media (min-width:992px) {
    .about-bg ul.skill-page-mod {
        margin-bottom: 60px !important
    }
}

.about-details {
    padding: 45px 0 20px
}

@media (min-width:992px) {
    .about-details {
        padding: 70px 0 50px
    }
}

.about-details-para {
    width: 100%;
    text-align: center
}

@media (min-width:992px) {
    .about-details-para {
        width: 77%;
        margin: 0 auto
    }
}

.about-details-para p {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .about-details-para p {
        font-family: Montserrat, sans-serif;
        font-size: 19px;
        line-height: 30px
    }
}

.about-details-para p strong {
    font-weight: 500;
    display: block
}

@media (min-width:992px) {
    .about-details-para p strong {
        font-size: 24px;
        line-height: 32px;
        font-weight: 600
    }
}

@media (min-width:992px) {
    .about-details .btn_wrapper {
        margin-top: 35px
    }
}

.market-section {
    padding: 50px 0;
    background-color: #f9f9f9
}

@media (min-width:992px) {
    .market-section {
        padding: 80px 0 20px
    }
}

.market-section .market-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width:992px) {
    .market-section .market-wrapper {
        width: 77%;
        margin: 0 auto 30px
    }
}

.market-section .market-wrapper-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13%;
    flex: 0 0 13%
}

.market-section .market-wrapper-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width:992px) {
    .market-section .market-wrapper-text h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

.market-section .market-wrapper-text p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 25px
}

@media (min-width:992px) {
    .market-section .market-wrapper-text p {
        font-size: 19px;
        line-height: 30px;
        font-weight: 500
    }
}

.n-award,
.o-awards {
    padding: 50px 0
}

@media (min-width:992px) {

    .n-award,
    .o-awards {
        text-align: center;
        padding: 75px 0 40px
    }
}

@media (min-width:992px) {

    .n-award .n-award-wrapper,
    .o-awards .n-award-wrapper {
        width: 80%;
        margin: 0 auto
    }
}

.n-award .n-award-wrapper ul li,
.o-awards .n-award-wrapper ul li {
    display: inline-block;
    margin: 0 15px 35px
}

.n-award h3,
.o-awards h3 {
    font-family: Poppins
}

.n-award h2 {
    text-align: center
}

.n-award ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:992px) {
    .n-award ul {
        display: block
    }
}

.n-award ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21%;
    flex: 0 0 21%;
    margin: 0 5px 15px !important
}

@media (min-width:992px) {
    .n-award ul li {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin: 0 10px 15px !important
    }
}

.o-aboutus .slick-next {
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mobile-all/small-right-icon.png) no-repeat 0 0;
    right: 44%;
    bottom: -10px;
    font-size: 0;
    width: 14px;
    height: 26px;
    background-size: 10px
}

.o-aboutus .slick-prev {
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mobile-all/small-left-icon.png) no-repeat 0 0;
    right: 52%;
    bottom: -10px;
    font-size: 0;
    width: 14px;
    height: 26px;
    background-size: 10px
}

.o-aboutus .people-slider {
    margin-bottom: 30px
}

@media (min-width:992px) {
    .o-aboutus .people-slider {
        margin-bottom: 0
    }
}

.culture-slider ul.slick-dots {
    margin-top: 0
}

.culture-slider .slick-arrow {
    display: none !important
}

.new-srv-slider .slick-dots {
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center
}

@media (min-width:992px) {
    .new-srv-slider .slick-dots {
        margin-top: 30px
    }
}

.new-srv-slider .slick-dots li {
    display: inline-block;
    border-radius: 50%;
    text-indent: -10000px;
    width: 7px;
    height: 7px;
    margin: 0 6px;
    background-color: #9b9b9b;
    vertical-align: middle
}

.new-srv-slider .slick-dots li.slick-active {
    width: 10px;
    height: 10px;
    background: #49c684
}

.fact-section {
    background: linear-gradient(197deg, #037872 0, #00517f 30%, #051b39 85%);
    padding: 40px 0 50px
}

@media (min-width:992px) {
    .fact-section {
        padding: 60px 0 50px;
        background: linear-gradient(145deg, #07b260 0, #00517f 25%, #051b39 100%)
    }
}

.fact-section h2 {
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    position: relative;
    padding-bottom: 10px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .fact-section h2 {
        line-height: 61px;
        font-size: 30px;
        padding-bottom: 15px
    }
}

.fact-section .all-facts {
    margin-top: 20px
}

.fact-section .all-facts ul {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .fact-section .all-facts ul {
        margin-bottom: 50px
    }
}

.fact-section .all-facts ul li {
    list-style: none;
    width: inherit;
    max-width: 46%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    border: 1px solid #49c684;
    background-color: transparent;
    border-radius: 3px;
    padding: 25px 20px 15px 20px;
    line-height: 16px;
    margin: 5px 5px
}

@media (min-width:992px) {
    .fact-section .all-facts ul li {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        max-width: none;
        margin: 3px 2px;
        padding: 25px 20px 15px 30px
    }
}

.fact-section .all-facts ul li img {
    width: 45px
}

@media (min-width:992px) {
    .fact-section .all-facts ul li img {
        width: auto
    }
}

.fact-section .all-facts ul li h3 {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 5px
}

@media (min-width:992px) {
    .fact-section .all-facts ul li h3 {
        font-size: 36px;
        line-height: 24px;
        margin-bottom: 10px;
        margin-top: 15px
    }
}

.fact-section .all-facts ul li small {
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .fact-section .all-facts ul li small {
        font-size: 20px;
        line-height: 26px;
        font-family: Montserrat, sans-serif
    }
}

.fact-section .all-facts ul li:nth-child(2) {
    background: #4a90e2;
    border-color: #4a90e2
}

.fact-section .all-facts ul li:nth-child(3) {
    border-color: #4a90e2
}

.fact-section .all-facts ul li:nth-child(4) {
    background: #009c52;
    border-color: #009c52
}

.fact-section .all-facts ul li:nth-child(5) {
    background: #4a90e2;
    border-color: #4a90e2
}

.fact-section .all-facts ul li:nth-child(6) {
    background: #091b38;
    border-color: #091b38
}

.fact-section .all-facts ul li:nth-child(8) {
    background: #fff;
    border-color: #fff
}

.fact-section .all-facts ul li:nth-child(8) small {
    font-size: 10px;
    line-height: 12px;
    color: #333
}

@media (min-width:992px) {
    .fact-section .all-facts ul li:nth-child(8) small {
        font-size: 18px
    }
}

.fact-section .all-facts ul li:nth-child(8) h3 {
    color: #333;
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 5px
}

@media (min-width:992px) {
    .fact-section .all-facts ul li:nth-child(8) h3 {
        font-size: 24px;
        margin-bottom: 10px
    }
}

.fact-section .all-facts ul li:last-child {
    width: inherit;
    max-width: 95%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    padding: 30px 35px;
    border-color: #4a90e2
}

@media (min-width:992px) {
    .fact-section .all-facts ul li:last-child {
        width: 38%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        max-width: none
    }
}

.fact-section .all-facts ul li .ex-small {
    font-size: 16px
}

.fact-section .all-facts ul li span {
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    display: block;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .fact-section .all-facts ul li span {
        font-size: 20px;
        line-height: 27px;
        font-family: Montserrat, sans-serif
    }
}

@media (min-width:992px) {
    .fact-section .all-facts ul li {
        width: 18%
    }
}

.fact-section:after {
    display: none
}

@media (min-width:992px) {
    .fact-section:after {
        display: block
    }
}

.pricings-section {
    background: #f5f5f5;
    padding: 45px 0 20px;
    border-bottom: 1px solid #dedede
}

@media (min-width:992px) {
    .pricings-section {
        padding: 70px 0 50px
    }
}

.pricings-section h3 {
    margin-bottom: 25px;
    text-align: center
}

@media (min-width:992px) {
    .pricings-section h3 {
        font-size: 48px;
        line-height: 61px;
        margin-bottom: 40px
    }
}

.pricings-section .pmb-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:992px) {
    .pricings-section .pmb-holder {
        width: 65%;
        margin: 0 auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.pricings-section .pmb-holder .pricing-modal-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    margin: 0 15px 25px 15px;
    background: #fff;
    -webkit-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 8px 1px rgba(0, 0, 0, .1);
    padding: 20px 30px;
    border-radius: 5px
}

@media (min-width:992px) {
    .pricings-section .pmb-holder .pricing-modal-box {
        margin: 0 15px 50px 15px
    }
}

.pricings-section .pmb-holder .pricing-modal-box:nth-child(1) {
    margin-left: 0
}

.pricings-section .pmb-holder .pricing-modal-box:nth-child(2) {
    margin-right: 0
}

.pricings-section .pmb-holder .pricing-modal-box .pricing-modal-img {
    position: relative;
    width: 50%
}

.pricings-section .pmb-holder .pricing-modal-box .pricing-modal-img .img-hold {
    position: relative;
    width: 101px
}

.pricings-section .pmb-holder .pricing-modal-box .pricing-modal-text h4 {
    padding-left: 45px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #333;
    position: relative
}

@media (min-width:992px) {
    .pricings-section .pmb-holder .pricing-modal-box .pricing-modal-text h4 {
        font-size: 24px
    }
}

.pricings-section .pmb-holder .pricing-modal-box .pricing-modal-text h4:before {
    content: "";
    position: absolute;
    background: #2dbe70;
    height: 1px;
    width: 20px;
    left: 10px;
    top: 27px
}

@media (min-width:992px) {
    .pricings-section .pmb-holder .pricing-modal-box .pricing-modal-text h4:before {
        width: 35px;
        left: 4px
    }
}

.pricings-section .pmb-holder .pricing-modal-box:nth-child(1) {
    margin-right: 0
}

@media (min-width:992px) {
    .pricings-section .pmb-holder .pricing-modal-box:nth-child(1) {
        margin-right: 15px
    }
}

.pricings-section .pmb-holder .pricing-modal-box:nth-child(2) {
    margin-left: 0
}

@media (min-width:992px) {
    .pricings-section .pmb-holder .pricing-modal-box:nth-child(2) {
        margin-left: 15px
    }
}

.about-client-section {
    padding: 20px 0 17px
}

@media (min-width:992px) {
    .about-client-section {
        padding: 5px 0 25px
    }
}

.about-client-section h2 {
    padding-top: 64px;
    text-align: center
}

@media (min-width:992px) {
    .about-client-section h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.about-client-section .client-logo {
    background: #fff;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.about-client-section .client-logo:before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    content: "";
    width: 800px;
    height: 2px;
    background-color: #ccc;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.about-client-section .client-logo li {
    list-style: none;
    padding: 33px 21px;
    display: inline-block
}

.about-client-section .client-icon {
    padding-right: 0;
    margin-top: 15px
}

@media (min-width:992px) {
    .about-client-section .client-icon {
        padding-right: 50px;
        margin-top: 40px
    }
}

.about-client-section .list-client {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px
}

@media screen and (min-width:768px) {
    .about-client-section .list-client {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width:992px) {
    .about-client-section .list-client {
        font-size: 17px;
        line-height: 25px;
        font-family: Montserrat, sans-serif;
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        margin-bottom: 50px;
        padding: 0
    }
}

.about-client-section .list-client span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    display: inline-block;
    margin-right: 15px
}

@media (min-width:992px) {
    .about-client-section .list-client span {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 27%;
        flex: 0 0 27%;
        margin-right: 0
    }
}

.about-client-section .slick-dots {
    margin-top: 15px
}

.services {
    padding: 40px 0 20px;
    background: #f9f9f9
}

@media (min-width:992px) {
    .services {
        padding: 70px 0 30px
    }
}

@media (min-width:992px) {
    .services .btn_wrapper {
        margin-top: 20px
    }
}

.services h2 {
    text-align: center;
    font-size: 30px;
    line-height: 40px
}

@media (min-width:992px) {
    .services h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.services p {
    font-size: 16px;
    line-height: 28px;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .services p {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 40px;
        margin: 0 auto 40px;
        max-width: 700px
    }
}

.services .col-sm-3 a,
.services .col-sm-6 a {
    position: relative;
    display: block;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .1);
    padding: 20px 10px 0;
    min-height: auto;
    height: 180px;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 5px;
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 6px
}

@media (min-width:992px) {

    .services .col-sm-3 a,
    .services .col-sm-6 a {
        height: auto;
        min-height: 233px;
        padding: 35px 20px 0;
        -webkit-box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, .1);
        box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, .1);
        margin-bottom: 30px
    }
}

.services .col-sm-3 a .srv-box,
.services .col-sm-6 a .srv-box {
    position: relative;
    z-index: 9
}

.services .col-sm-3 a .srv-box img,
.services .col-sm-3 a .srv-box svg,
.services .col-sm-6 a .srv-box img,
.services .col-sm-6 a .srv-box svg {
    margin: 0 auto;
    margin-bottom: 15px;
    width: 45px;
    height: 50px
}

@media (min-width:992px) {

    .services .col-sm-3 a .srv-box img,
    .services .col-sm-3 a .srv-box svg,
    .services .col-sm-6 a .srv-box img,
    .services .col-sm-6 a .srv-box svg {
        margin-bottom: 30px
    }
}

.services .col-sm-3 a .srv-box p,
.services .col-sm-6 a .srv-box p {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 40px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {

    .services .col-sm-3 a .srv-box p,
    .services .col-sm-6 a .srv-box p {
        font-size: 19px;
        line-height: 24px
    }
}

.services .col-sm-3 a .cmn-color,
.services .col-sm-6 a .cmn-color {
    display: block;
    position: absolute;
    top: inherit;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    height: 0;
    -webkit-transition: .4s all;
    transition: .4s all;
    opacity: 1
}

@media (hover:hover) and (pointer:fine) {

    .services .col-sm-3 a:hover .cmn-color,
    .services .col-sm-6 a:hover .cmn-color {
        height: 100%;
        opacity: 1
    }

    .services .col-sm-3 a:hover p,
    .services .col-sm-6 a:hover p {
        color: #fff
    }

    .services .col-sm-3 a:hover circle,
    .services .col-sm-3 a:hover path,
    .services .col-sm-3 a:hover polygon,
    .services .col-sm-3 a:hover rect,
    .services .col-sm-6 a:hover circle,
    .services .col-sm-6 a:hover path,
    .services .col-sm-6 a:hover polygon,
    .services .col-sm-6 a:hover rect {
        fill: #fff
    }
}

.services .row .col-sm-3:nth-child(2n+1) a {
    border-bottom: 5px solid #49c684
}

.services .row .col-sm-3:nth-child(2n+1) a .cmn-color {
    background: #49c684
}

.services .row .col-sm-3:nth-child(2n) a {
    border-bottom: 5px solid #4a90e2
}

.services .row .col-sm-3:nth-child(2n) a .cmn-color {
    background: #4a90e2
}

.services .row .col-sm-6 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.services .row .col-sm-6:nth-child(2n+1) {
    padding-right: 5px
}

.services .row .col-sm-6:nth-child(2n+1) a {
    border-bottom: 5px solid #49c684
}

.services .row .col-sm-6:nth-child(2n+1) a .cmn-color {
    background: #49c684
}

.services .row .col-sm-6:nth-child(2n) {
    padding-left: 5px
}

.services .row .col-sm-6:nth-child(2n) a {
    border-bottom: 5px solid #4a90e2
}

.services .row .col-sm-6:nth-child(2n) a .cmn-color {
    background: #4a90e2
}

.services .row .col-sm-6:nth-child(3) a {
    border-bottom: 5px solid #4a90e2
}

@media (min-width:992px) {
    .services .row .col-sm-6:nth-child(3) a {
        border-bottom: 5px solid #49c684
    }
}

.services .row .col-sm-6:nth-child(4) a {
    border-bottom: 5px solid #49c684
}

@media (min-width:992px) {
    .services .row .col-sm-6:nth-child(4) a {
        border-bottom: 5px solid #4a90e2
    }
}

.ex-padding-srv svg {
    width: 40px
}

.tech {
    padding: 40px 0 20px
}

@media (min-width:992px) {
    .tech {
        padding: 70px 0 45px
    }
}

.tech h2 {
    text-align: center;
    font-size: 30px;
    line-height: 40px
}

@media (min-width:992px) {
    .tech h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.tech span.tch-span {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #333;
    font-weight: 500;
    margin-bottom: 25px;
    display: block;
    width: 100%;
    margin-top: 10px
}

@media (min-width:992px) {
    .tech span.tch-span {
        font-size: 20px;
        line-height: 32px;
        margin-top: 35px
    }
}

.tech ul {
    text-align: center;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .tech ul {
        margin-bottom: 30px
    }
}

.tech ul li {
    background: #fff;
    -webkit-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 8px 1px rgba(0, 0, 0, .05);
    text-align: center;
    border: 1px solid #ededed;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 5px;
    width: 46%;
    margin: 0 5px 10px
}

@media (min-width:992px) {
    .tech ul li {
        width: 13%;
        margin: 0 10px 20px
    }
}

.tech ul li:nth-child(14) a img {
    width: 100px
}

.tech ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.tech p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 25px
}

@media (min-width:992px) {
    .tech p {
        font-size: 19px;
        line-height: 30px
    }
}

@media (min-width:992px) {
    .tech .btn_wrapper {
        margin-top: 20px
    }
}

.culture {
    padding: 40px 0 20px
}

@media (min-width:992px) {
    .culture {
        padding: 70px 0 50px
    }
}

.culture h2 {
    margin-bottom: 40px;
    font-size: 30px
}

@media (min-width:992px) {
    .culture h2 {
        font-size: 48px
    }
}

.culture-box {
    margin-bottom: 20px;
    padding: 0
}

@media (min-width:992px) {
    .culture-box {
        margin-bottom: 40px;
        padding: 0 15px
    }
}

.culture-box img {
    margin: 0 auto
}

.culture-box h3 {
    font-size: 22px;
    margin: 15px 0 25px
}

@media (min-width:992px) {
    .culture-box h3 {
        margin: 15px 0 10px
    }
}

.culture-box p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .culture-box p {
        font-family: Montserrat, sans-serif;
        font-size: 19px;
        line-height: 30px;
        margin-bottom: 25px
    }
}

.culture:after {
    display: none
}

@media (min-width:992px) {
    .culture:after {
        display: block
    }
}

.rw-rev {
    margin-bottom: 30px
}

@media (min-width:992px) {
    .rw-rev {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-top: 70px;
        margin-bottom: 50px
    }
}

@media (min-width:992px) {
    .rw-rev .product-img {
        text-align: left !important
    }
}

.product {
    padding: 40px 0 20px
}

@media (min-width:992px) {
    .product {
        padding: 70px 0 50px
    }
}

.product h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600
}

@media (min-width:992px) {
    .product h2 {
        font-size: 48px;
        line-height: 61px;
        margin-bottom: 50px
    }
}

.product-wrapper .product-logo {
    padding: 0;
    margin: 5px auto 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 360px;
    padding: 9px 15px;
    background: #fff
}

@media (min-width:992px) {
    .product-wrapper .product-logo {
        -webkit-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, .1);
        box-shadow: 0 1px 8px 1px rgba(0, 0, 0, .1);
        padding: 9px 25px;
        height: 61px;
        max-width: 430px;
        margin: 5px 0 25px
    }
}

.product-wrapper .product-logo a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px
}

@media (min-width:992px) {
    .product-wrapper .product-logo a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.product-wrapper .product-logo a img {
    width: 120px
}

@media (min-width:992px) {
    .product-wrapper .product-logo a img {
        width: 155px
    }
}

.product-wrapper .product-logo span {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mobile-all/globe-icon.png) no-repeat 10px 3px;
    margin-left: 25px;
    position: relative;
    background-size: 16px
}

@media (min-width:992px) {
    .product-wrapper .product-logo span {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-size: auto;
        background-position: 2px 4px
    }
}

.product-wrapper .product-logo span:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -8px;
    height: 20px;
    width: 1px;
    background: #d8d8d8
}

@media (min-width:992px) {
    .product-wrapper .product-logo span:before {
        left: -20px;
        top: -4px;
        height: 35px
    }
}

.product-wrapper .product-logo span a {
    font-size: 12px;
    font-weight: 500;
    color: #333;
    padding-left: 35px
}

@media (min-width:992px) {
    .product-wrapper .product-logo span a {
        font-size: 18px
    }
}

.product-wrapper p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 25px;
    margin-top: 20px;
    text-align: center;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .product-wrapper p {
        font-family: Montserrat, sans-serif;
        font-size: 19px;
        line-height: 30px;
        margin-top: 0;
        margin-bottom: 25px;
        text-align: left
    }
}

.product .product-img {
    text-align: center
}

@media (min-width:992px) {
    .product .product-img {
        text-align: right
    }
}

@media (min-width:992px) {
    .product .btn_wrapper {
        margin-top: 20px
    }
}

.product.product-section-new {
    background: linear-gradient(152deg, #07b260 0, #051b39 60%)
}

.product.product-section-new h2 {
    color: #fff
}

.product.product-section-new p {
    color: #fff
}

.people {
    padding: 15px 0 20px
}

@media (min-width:992px) {
    .people {
        padding-top: 20px;
        padding-bottom: 50px
    }
}

.people h2 {
    margin: 25px 0;
    text-align: center;
    font-size: 30px
}

@media (min-width:992px) {
    .people h2 {
        margin-top: 50px;
        margin-bottom: 15px;
        font-size: 48px
    }
}

.people .leader-para {
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

@media (min-width:992px) {
    .people .leader-para {
        font-size: 20px;
        line-height: 32px;
        max-width: 990px;
        margin: 0 auto 30px
    }
}

.people .team {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-size: 14px;
    line-height: 26px;
    padding: 30px 0;
    margin-bottom: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    min-height: auto;
    text-align: center;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .people .team {
        margin-bottom: 25px;
        min-height: 380px;
        font-size: 18px;
        font-family: Montserrat, sans-serif
    }
}

.people .team:hover {
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
    box-shadow: 0 0 35px rgba(0, 0, 0, .1)
}

.people .team-img-holder {
    width: 178px;
    height: 178px;
    margin: 0 auto 20px;
    position: relative
}

.people .team figure {
    display: inline-block;
    border: 20px solid #f7f7f7;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 30px
}

.people .team figure img {
    width: 158px
}

.people .team span {
    font-size: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    display: block
}

.about-contact {
    padding: 50px 0;
    text-align: center
}

@media (min-width:992px) {
    .about-contact {
        padding-top: 70px;
        padding-bottom: 80px
    }
}

.about-contact h2 {
    margin-bottom: 25px;
    font-size: 30px
}

@media (min-width:992px) {
    .about-contact h2 {
        font-size: 48px
    }
}

.work-slider .slick-prev {
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/left-icon.png) no-repeat 0 0;
    left: 10px;
    top: 15px;
    font-size: 0;
    width: 14px;
    height: 26px
}

.work-slider .slick-next {
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/right-icon.png) no-repeat 0 0;
    right: 0;
    top: 15px;
    font-size: 0;
    width: 14px;
    height: 26px
}

.about-us .o-clients {
    border-bottom: 0;
    padding: 42px 0
}

@media (min-width:992px) {
    .about-us .o-clients {
        padding: 65px 0 65px 25px
    }
}

.about-us .o-clients h2 {
    margin-bottom: 20px
}

@media (min-width:992px) {
    .about-us .o-clients h2 {
        margin: 0 0 20px 0
    }
}

.about-us .o-clients .o-clients__list {
    position: relative
}

.about-us .o-clients .o-clients__list:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35px;
    margin: 0 auto;
    background: #ccc;
    height: 1px;
    width: 140px
}

@media (min-width:992px) {
    .about-us .o-clients .o-clients__list:before {
        display: none
    }
}

.about-us #myModal1 button.close {
    z-index: 999;
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    padding: 5px 0;
    opacity: 1;
    width: 35px;
    text-align: center;
    background: #fff !important;
    float: right
}

.about-us .o-skills-hero {
    padding-bottom: 50px !important;
    padding-top: 100px !important;
    position: relative
}

@media (min-width:992px) {
    .about-us .o-skills-hero {
        padding: 135px 20px 45px !important
    }
}

.about-us .o-skills-hero h2 {
    padding-bottom: 0;
    margin-top: 5px !important;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .about-us .o-skills-hero h2 {
        padding: 10px 0 20px;
        margin-top: 0 !important;
        font-size: 59px;
        line-height: 70px;
        margin-bottom: 20px
    }
}

.about-us ul.srv-bnr-logo li:nth-child(5),
.about-us ul.srv-bnr-logo li:nth-child(6) {
    display: none
}

@media (min-width:992px) {

    .about-us ul.srv-bnr-logo li:nth-child(5),
    .about-us ul.srv-bnr-logo li:nth-child(6) {
        display: block
    }
}

.about-us ul.srv-bnr-logo li:nth-child(4) {
    display: block !important
}

.about-us ul.srv-bnr-logo li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .about-us ul.srv-bnr-logo li {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        margin-bottom: inherit
    }
}

@media (min-width:992px) {
    .about-us ul.srv-bnr-logo li:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 161px;
        flex: 0 0 161px
    }
}

@media screen and (min-width:992px) {
    .about-us ul.srv-bnr-logo li:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px
    }
}

@media screen and (min-width:1200px) {
    .about-us ul.srv-bnr-logo li:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 170px;
        flex: 0 0 170px
    }
}

.about-us ul.srv-bnr-logo li:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%
}

@media screen and (min-width:992px) {
    .about-us ul.srv-bnr-logo li:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px
    }
}

@media screen and (min-width:1200px) {
    .about-us ul.srv-bnr-logo li:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
        flex: 0 0 140px
    }
}

@media (min-width:992px) {
    .about-us ul.srv-bnr-logo li:nth-child(4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 115px;
        flex: 0 0 115px
    }
}

@media screen and (min-width:992px) {
    .about-us ul.srv-bnr-logo li:nth-child(5) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px
    }
}

@media screen and (min-width:1200px) {
    .about-us ul.srv-bnr-logo li:nth-child(5) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 190px;
        flex: 0 0 190px
    }
}

@media screen and (min-width:992px) {
    .about-us ul.srv-bnr-logo li:nth-child(6) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px
    }
}

@media screen and (min-width:1200px) {
    .about-us ul.srv-bnr-logo li:nth-child(6) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 175px;
        flex: 0 0 175px
    }
}

.about-us .skill-page-mod.abt-bnr-logo {
    margin-bottom: 35px !important
}

@media (min-width:992px) {
    .about-us .skill-page-mod.abt-bnr-logo {
        margin-bottom: 65px !important
    }
}

.about-us .why-details ul li:nth-child(7) {
    border: 0;
    background: #091b38
}

@media (min-width:992px) {
    .about-us .why-details ul li:nth-child(7) {
        background: #1d2942
    }
}

.about-us .why-details ul li:nth-child(8) {
    border: 1px solid #4a90e2;
    background: 0 0
}

.about-us .why-details {
    margin-bottom: 30px
}

@media (min-width:992px) {
    .about-us .why-details {
        margin-bottom: 45px
    }
}

.about-us .o-clients ul {
    margin-bottom: 0
}

@media (min-width:992px) {
    .about-us .o-clients ul {
        margin-bottom: 20px
    }
}

.about-us .new-service .slick-slide {
    padding: 15px 5px
}

@media (min-width:992px) {
    .about-us .new-service .slick-slide {
        padding: 0
    }
}

.about-us .new-service .cmn-heading-para {
    font-family: Montserrat, sans-serif
}

ul.abt-bnr-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 30px
}

@media (min-width:992px) {
    ul.abt-bnr-logo {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        margin-bottom: 60px
    }
}

ul.abt-bnr-logo svg {
    overflow: visible
}

ul.abt-bnr-logo li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    padding: 0 5px
}

@media (min-width:992px) {
    ul.abt-bnr-logo li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 10px
    }
}

ul.abt-bnr-logo li a {
    height: 100px;
    display: block
}

ul.abt-bnr-logo li a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0;
    padding: 0 !important
}

.w-clutch {
    width: 123px !important
}

ul.srv-bnr-logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    ul.srv-bnr-logo {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

ul.srv-bnr-logo li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

@media (min-width:992px) {
    ul.srv-bnr-logo li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px
    }
}

.skill-page-mod {
    margin-bottom: 35px !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:992px) {
    .skill-page-mod {
        margin-bottom: 35px !important
    }
}

.skill-page-mod li a {
    height: auto !important
}

ul.skill-page-mod {
    margin-top: 0
}

@media (min-width:992px) {
    ul.skill-page-mod {
        margin-top: 10px;
        margin-bottom: 35px
    }
}

@media (min-width:992px) {
    ul.skill-page-mod li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

ul.skill-page-mod li:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65px;
    flex: 0 0 65px
}

@media (min-width:992px) {
    ul.skill-page-mod li:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px
    }
}

ul.skill-page-mod li:before {
    display: none
}

ul.skill-page-mod.mobile-off {
    display: none
}

@media (min-width:992px) {
    ul.skill-page-mod.mobile-off {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.pricings-section h4 {
    text-align: center;
    margin-bottom: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 30px
}

@media (min-width:992px) {
    .pricings-section h4 {
        font-size: 36px;
        margin-bottom: 40px
    }
}

.graph {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
    border: 1px solid #e9e8ec;
    border-radius: 8px;
    text-align: center;
    padding: 25px 15px;
    margin-bottom: 35px
}

@media (min-width:992px) {
    .graph {
        padding: 40px 15px;
        margin-bottom: 50px;
        border: 1px solid #e1dfe6;
        width: 100%
    }
}

.graph ul {
    margin-top: 5px;
    padding-left: 40px
}

@media screen and (min-width:768px) {
    .graph ul {
        max-width: 300px;
        margin: 5px auto
    }
}

@media screen and (min-width:992px) {
    .graph ul {
        margin-top: 35px;
        padding-left: 25px
    }
}

.graph ul li {
    text-align: left;
    margin-bottom: 5px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding-left: 20px
}

@media (min-width:992px) {
    .graph ul li {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 0;
        font-weight: 600;
        margin-bottom: 2px
    }
}

.graph ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    background: #000;
    width: 7px;
    height: 7px;
    border-radius: 50%
}

@media (min-width:992px) {
    .graph ul li:before {
        width: 9px;
        height: 9px
    }
}

.graph ul li.g-color1:before {
    background: #2dbe70
}

.graph ul li.g-color2:before {
    background: #3775bd
}

.graph ul li.g-color3:before {
    background: #d85f0e
}

.graph ul li.g-color4:before {
    background: #d99f00
}

.graph ul li.g-color5:before {
    background: #61a2bd
}

.graph span svg {
    width: 175px
}

@media (min-width:992px) {
    .graph span svg {
        width: auto
    }
}

.graph .graph-3 {
    padding-left: 0;
    max-width: 300px;
    margin: 5px auto 0
}

@media (min-width:992px) {
    .graph .graph-3 {
        padding-left: 25px;
        max-width: inherit;
        margin: 35px 0 0
    }
}

.graph .graph-3 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.addr-section:after {
    display: none
}

@media (min-width:992px) {
    .addr-section:after {
        display: block
    }
}

.product-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media (min-width:992px) {
    .product-wrapper {
        display: block
    }
}

@media (min-width:992px) {
    .skill-pad-left {
        padding-left: 30px
    }
}

.client-heading {
    font-size: 30px;
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif;
    display: block
}

@media (min-width:992px) {
    .client-heading {
        font-size: 48px;
        margin-bottom: 15px
    }
}

.cstm-svg {
    margin: 15px 0
}

@media (min-width:992px) {
    .cstm-svg {
        width: 204px;
        height: 206px;
        margin: 0
    }
}

.world-map img {
    margin: 0 auto
}

.tech .home-link {
    width: 205px;
    margin: 0 auto
}

.o-home-technology .home-link {
    width: 210px;
    margin: 0 auto
}

@media (min-width:992px) {
    .o-home-technology .home-link {
        margin: 10px auto 0
    }
}

.o-home-service .home-link {
    width: 210px;
    margin: 0 auto 0
}

.skill-page-mod-pro {
    width: 100%
}

.profile-our-story-text-content h2 {
    text-align: left;
    margin-bottom: 30px
}

.profile-our-story-text-content p {
    font-size: 18px;
    line-height: 30px
}

.service-heading-text-area h2 {
    margin-bottom: 15px
}

.service-heading-text-area p {
    font-size: 18px;
    text-align: center
}

.year-award-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.year-award-wrapper h2 {
    width: 100%;
    text-align: center;
    font-weight: 600
}

@media (min-width:992px) {
    .year-award-wrapper h2 {
        width: 30%;
        text-align: left
    }
}

.year-award-wrapper .year-award-content {
    width: 70%;
    position: relative
}

.year-award-wrapper .year-award-content h3 {
    padding-bottom: 40px;
    margin: 0 15px
}

.year-award-wrapper .year-award-content h3::after {
    content: "";
    position: absolute;
    width: 170px;
    height: 3px;
    background-color: #47c281;
    bottom: 20px;
    left: 0
}

.year-award-wrapper .year-award-content h3.award-21::after {
    background-color: #4a90e2
}

.year-award-wrapper .year-award-content h3.award-20::after {
    background-color: #000
}

.year-award-wrapper .year-award-content .year-award-img-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.year-award-wrapper .year-award-content .year-award-img-section .year-award-img {
    padding: 15px
}

.sequrity-matter-banner {
    background-color: #063d72;
    padding-top: 50px
}

@media screen and (min-width:992px) {
    .sequrity-matter-banner {
        padding-top: 0
    }
}

.sequrity-matter-banner .sequrity-matter-content {
    position: relative;
    z-index: 999;
    margin: 25px 0 50px;
    text-align: center
}

@media (min-width:992px) {
    .sequrity-matter-banner .sequrity-matter-content {
        margin: 70px 50px;
        text-align: left
    }
}

.sequrity-matter-banner .sequrity-matter-content h2 {
    color: #fff;
    font-weight: 500;
    line-height: 54px;
    margin-bottom: 15px
}

.sequrity-matter-banner .sequrity-matter-content p {
    font-size: 18px;
    color: #fff;
    line-height: 30px
}

.sequrity-matter-banner .sequrity-matter-content .btn {
    margin: 0 auto
}

@media (min-width:992px) {
    .sequrity-matter-banner .sequrity-matter-content .btn {
        margin: 0
    }
}

.sequrity-matter-banner img {
    width: 180px;
    margin: 0 auto;
    display: block
}

@media screen and (min-width:992px) {
    .sequrity-matter-banner img {
        width: auto;
        margin: 0;
        display: inherit
    }
}

.office-infrastucture-img-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.office-infrastucture-img-wrapper .office-infrastucture-img {
    margin: 10px
}

.company-service-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

@media screen and (min-width:992px) {
    .company-service-wrap {
        margin: 55px auto;
        width: 80%
    }
}

.company-service-wrap a {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 15px;
    background-color: #fff;
    border-radius: 5px;
    padding: 40px;
    text-align: center
}

@media (min-width:992px) {
    .company-service-wrap a {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }
}

.company-service-wrap a.ecommerce-service-box {
    padding: 40px 5px
}

.company-service-wrap a h4 {
    margin-bottom: 0;
    font-size: 18px
}

.company-service-wrap a:nth-child(even) {
    border-top: 3px solid #4a90e2
}

.company-service-wrap a:nth-child(odd) {
    border-top: 3px solid #49c684
}

@media screen and (min-width:992px) {
    .company-service-wrap .profile-service-box-img {
        height: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.profile-tabs {
    width: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin: 40px auto;
    border-radius: 5px;
    border: none
}

@media (min-width:992px) {
    .profile-tabs {
        width: 90%;
        border: 1px solid #ddd
    }
}

.profile-tabs .tab-profile-header {
    display: none
}

@media (min-width:992px) {
    .profile-tabs .tab-profile-header {
        width: 25%;
        border-right: 1px solid #ddd;
        display: block
    }
}

.profile-tabs .tab-profile-header ul li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 15px;
    border-left: 3px solid transparent;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out
}

.profile-tabs .tab-profile-header ul li.active {
    border-left: 3px solid #2dbe70;
    background-color: #ecf9f9
}

@media screen and (min-width:992px) {
    .profile-tabs .tab-profile-header ul li:hover {
        background-color: #ecf9f9;
        border-left: 3px solid #2dbe70
    }
}

.profile-tabs .tab-profile-content {
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    width: 100%
}

@media (min-width:992px) {
    .profile-tabs .tab-profile-content {
        width: 75%;
        background-color: #f2f2f2
    }
}

.profile-tabs .tab-profile-content div {
    position: relative;
    opacity: 1;
    top: auto;
    left: auto
}

@media (min-width:992px) {
    .profile-tabs .tab-profile-content div {
        position: absolute;
        top: -50vh;
        left: 100px;
        opacity: 0
    }
}

.profile-tabs .tab-profile-content .tab-profile-content-area {
    width: 100%
}

.profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-title,
.profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-wrap {
    position: static;
    opacity: 1
}

.profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-title {
    display: block;
    background: #ecfaf9;
    padding: 15px 20px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-title {
        display: none;
        padding: 10px 20px
    }
}

.profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-title h2 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 0;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 20px
}

.profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-title h2::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    font-weight: 600;
    right: 0
}

.profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-wrap {
    display: none
}

.profile-tabs .tab-profile-content .tab-profile-content-area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 10px
}

@media screen and (min-width:992px) {
    .profile-tabs .tab-profile-content .tab-profile-content-area ul {
        margin-bottom: 0
    }
}

.profile-tabs .tab-profile-content .tab-profile-content-area ul li {
    width: 33.33%
}

@media screen and (min-width:768px) {
    .profile-tabs .tab-profile-content .tab-profile-content-area ul li {
        width: 20%
    }
}

@media screen and (min-width:992px) {
    .profile-tabs .tab-profile-content .tab-profile-content-area ul li {
        width: 16.6%
    }
}

.profile-tabs .tab-profile-content .tab-profile-content-area ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: 15px 5px;
    border-radius: 5px;
    border: 1px solid #e1dfe6;
    max-width: 100%;
    margin: 10px;
    height: 75px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

@media screen and (min-width:992px) {
    .profile-tabs .tab-profile-content .tab-profile-content-area ul li a {
        padding: 15px 20px
    }
}

.profile-tabs .tab-profile-content .tab-profile-content-area ul li a img {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (min-width:992px) {
    .profile-tabs .tab-profile-content .tab-profile-content-area ul li a img {
        height: auto
    }
}

.profile-tabs .tab-profile-content .tab-profile-content-area ul li a img.img-resize {
    width: 40%
}

.profile-tabs .tab-profile-content .tab-profile-content-area ul li a img.img-resize-new {
    width: 50%
}

.profile-tabs .tab-profile-content .tab-profile-content-area ul li a img.resize-img-new {
    width: 60%
}

.profile-tabs .tab-profile-content .tab-profile-content-area ul li a img.resize-img {
    width: 100%
}

.profile-tabs .tab-profile-content .tab-profile-content-area ul li a:hover {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2)
}

.profile-tabs .tab-profile-content .tab-profile-content-area p {
    margin-bottom: 0;
    padding: 0 11px;
    font-size: 16px
}

.profile-tabs .tab-profile-content .tab-profile-content-area.active {
    top: 0;
    left: 0;
    opacity: 1;
    padding: 0;
    background: #f2f2f2;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .profile-tabs .tab-profile-content .tab-profile-content-area.active {
        padding: 20px
    }
}

.profile-tabs .tab-profile-content .tab-profile-content-area.active .tab-profile-content-wrap {
    display: block
}

.profile-tabs .tab-profile-content .tab-profile-content-area.active h2::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.hq-slider-new {
    position: relative;
    z-index: 999
}

.hq-slider-new ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hq-slider-new ul li {
    padding: 10px
}

.hq-slider-new ul li a {
    height: 100%;
    display: block
}

.hq-slider-new ul li a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hq-slider-new ul li.hq-slider-small-img {
    width: 100%
}

@media (min-width:992px) {
    .hq-slider-new ul li.hq-slider-small-img {
        width: 25%
    }
}

.hq-slider-new ul li.hq-slider-big-img {
    width: 100%
}

@media (min-width:992px) {
    .hq-slider-new ul li.hq-slider-big-img {
        width: 50%
    }
}

.hq-slider-new .slick-dots {
    margin: 15px auto
}

.hq-slider-new .slick-dots li {
    padding: 5px
}

.lets-talk {
    margin-top: 0
}

.client-logo-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.client-logo-new .slick-dots {
    height: auto;
    margin-top: 0
}

.client-logo-new .slick-dots li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.client-logo-new .slick-dots li:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.profile-our-story-img img {
    display: block;
    margin: 0 auto;
    width: 180px
}

@media screen and (min-width:992px) {
    .profile-our-story-img img {
        display: inherit;
        margin: 0;
        width: inherit
    }
}

.clientLogoSlider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .clientLogoSlider .slick-track {
        display: inherit;
        margin: inherit
    }
}

.clientLogoSlider .slick-slide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .clientLogoSlider .slick-slide {
        display: inherit !important
    }
}

.pointer-disable {
    pointer-events: none
}

.slbWrapOuter {
    height: calc(100vh - 64px);
    top: 64px
}

.pointer-disable-modify {
    pointer-events: none
}

.tab-profile-content-wrap .resize-img-new.resize-img-new-iso {
    width: 70% !important
}

.new-clientLogoSlider .owl-stage-outer {
    margin: 0
}

.new-clientLogoSlider .owl-stage-outer .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new-clientLogoSlider .owl-stage-outer .owl-stage .owl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: 0;
    height: 100px
}

.new-clientLogoSlider .owl-stage-outer .owl-stage .owl-item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1
}

.new-clientLogoSlider .owl-dots {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 30px
}

.new-clientLogoSlider .owl-dots .owl-dot {
    width: 7px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    background: #9b9b9b;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer
}

.new-clientLogoSlider .owl-dots .owl-dot.active {
    background: #49c684;
    width: 10px;
    height: 10px
}

@media screen and (min-width:992px) {
    .clientLogoSlider-box {
        margin: 10px 25px
    }
}

.profile-redirection-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

span.linkid-in {
    position: absolute;
    right: 12px;
    bottom: 40px
}

@media (min-width:992px) {
    .o-awards--skill-salesforce {
        padding: 60px 0 40px
    }
}

.follow-pr {
    padding: 45px 0 20px
}

@media (min-width:992px) {
    .follow-pr {
        padding: 70px 0 50px
    }
}

.o-services-intro-2 .text-bg {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 27px 0 #e3e3e3;
    box-shadow: 0 0 27px 0 #e3e3e3;
    padding: 30px 30px 10px;
    margin-bottom: 25px;
    position: relative;
    text-align: left;
    max-width: none;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1)
}

@media (min-width:992px) {
    .o-services-intro-2 .text-bg {
        padding: 50px 60px 30px;
        margin-bottom: 60px;
        max-width: 515px
    }
}

.how-it-works-holder {
    text-align: center;
    margin: 20px 0 5px
}

@media screen and (min-width:992px) {
    .how-it-works-holder {
        background: 0 0;
        text-align: left;
        margin: 50px 0
    }
}

@media screen and (min-width:1200px) {
    .how-it-works-holder {
        background: #fff url<?php bloginfo('template_directory');
        ?>/assets/images/common/divider.png) 50% 0 repeat-y
    }

    .how-it-works-holder.holder-bg-grey {
        background: transparent url<?php bloginfo('template_directory');
        ?>/assets/images/common/w-divider.png) 50% 0 repeat-y
    }

    .how-it-works-holder.holder-bg-grey .text-bg {
        background: #fff
    }
}

@media (min-width:992px) {
    .how-it-works-holder .custom-right {
        float: right
    }
}

.how-it-works-holder .text-bg {
    position: relative
}

.how-it-works-holder .text-bg:before {
    position: absolute;
    top: 50px;
    width: 30px;
    height: 30px;
    content: "";
    border-radius: 100%;
    background-color: #fff;
    display: none !important
}

@media screen and (min-width:992px) {
    .how-it-works-holder .text-bg:before {
        display: none !important
    }
}

@media screen and (min-width:1200px) {
    .how-it-works-holder .text-bg:before {
        display: block !important
    }
}

.how-it-works-holder .text-bg:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    width: 90px;
    height: 90px;
    display: block;
    background-size: 100% !important
}

@media (min-width:992px) {
    .how-it-works-holder .text-bg:after {
        display: none
    }
}

.how-it-works-holder .text-bg-1:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/service/how-it-works-icon-1.png) no-repeat 0 0
}

.how-it-works-holder .text-bg-2:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/service/how-it-works-icon-2.png) no-repeat 0 0
}

.how-it-works-holder .text-bg-3:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/service/how-it-works-icon-3.png) no-repeat 0 0
}

.how-it-works-holder .text-bg-4:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/service/how-it-works-icon-4.png) no-repeat 0 0
}

.how-it-works-holder .text-bg-4 h3 {
    width: 118px;
    margin-top: 10px
}

@media (min-width:992px) {
    .how-it-works-holder .text-bg-4 h3 {
        width: 100%;
        margin-top: 0
    }
}

.how-it-works-holder .text-bg-5:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/service/how-it-works-icon-5.png) no-repeat 0 0
}

.how-it-works-holder .text-bg-5 h3 {
    width: 115px;
    margin-top: 10px
}

@media (min-width:992px) {
    .how-it-works-holder .text-bg-5 h3 {
        width: 100%;
        margin-top: 0
    }
}

.how-it-works-holder .text-bg-1:before {
    left: -70px;
    display: block;
    border: 4px solid #3e93da;
    top: 0
}

.how-it-works-holder .text-bg-2:before {
    right: -70px;
    border: 4px solid #24c683
}

@media (min-width:992px) {
    .how-it-works-holder .text-bg-2:before {
        display: block
    }
}

.how-it-works-holder .text-bg-3:before {
    left: -70px;
    display: block;
    border: 4px solid #fa8b00
}

.how-it-works-holder .text-bg-4:before {
    right: -70px;
    border: 4px solid #5eacf9
}

@media (min-width:992px) {
    .how-it-works-holder .text-bg-4:before {
        display: block
    }
}

.how-it-works-holder .text-bg-5:before {
    left: -70px;
    border: 4px solid #14df7d
}

@media (min-width:992px) {
    .how-it-works-holder .text-bg-5:before {
        display: block
    }
}

.how-it-works-holder span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    display: inline-block
}

@media (min-width:992px) {
    .how-it-works-holder span {
        font-size: 36px
    }
}

.how-it-works-holder span.blue {
    color: #5eacf9
}

.how-it-works-holder span.green {
    color: #14df7d
}

.how-it-works-holder span.orange {
    color: #e76c00
}

.how-it-works-holder span.light-blue {
    color: #5eacf9
}

.how-it-works-holder h3 {
    font-size: 20px;
    width: 150px;
    line-height: 24px;
    margin-top: 10px
}

@media (min-width:992px) {
    .how-it-works-holder h3 {
        font-size: 24px;
        line-height: 32px;
        width: 100%;
        margin-top: 0
    }
}

.how-it-works-holder p {
    font-size: 16px;
    line-height: 28px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

@media (min-width:992px) {
    .how-it-works-holder p {
        font-size: 19px;
        line-height: 30px;
        font-family: Montserrat, sans-serif;
        font-weight: 400
    }
}

.how-it-works-holder p span.anchor-link {
    max-width: 100%;
    font-size: 13px;
    line-height: 22px;
    color: #333;
    text-decoration: none;
    text-align: left;
    margin-top: 20px
}

.how-it-works-holder p a.anchor-link {
    text-align: left;
    display: block;
    max-width: 100%;
    margin-top: 0
}

@media screen and (min-width:992px) {
    .how-it-works-holder p a.anchor-link {
        display: inherit;
        max-width: 325px
    }
}

@media (min-width:992px) {
    .how-it-works-holder img {
        margin: 50px auto 0;
        display: block
    }
}

.how-it-works-holder picture {
    display: none
}

@media (min-width:992px) {
    .how-it-works-holder picture {
        display: block
    }
}

@media screen and (min-width:1200px) {
    .w-divider {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/w-divider.png) 50% 0 repeat-y
    }
}

@media (min-width:992px) {
    .how-we-work-bnr {
        padding-bottom: 300px !important
    }
}

.how-we-work-bnr h1 {
    font-size: 24px;
    line-height: 28px;
    text-transform: capitalize;
    padding-bottom: 0;
    margin-bottom: 0
}

@media (min-width:992px) {
    .how-we-work-bnr h1 {
        font-size: 48px;
        line-height: 56px;
        padding-bottom: 0;
        margin-bottom: .5rem
    }
}

.how-we-work-bnr h2 {
    font-size: 16px;
    line-height: 28px;
    color: #36e079;
    font-family: Montserrat, sans-serif;
    margin-top: 20px !important
}

@media (min-width:992px) {
    .how-we-work-bnr h2 {
        font-size: 20px;
        line-height: 33px;
        margin-top: 25px !important
    }
}

.how-we-work-bnr .pm-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

@media (min-width:992px) {
    .how-we-work-bnr .pm-img {
        display: none
    }
}

.how-we-work-bnr .pm-img li {
    font-size: 16px;
    padding-left: 28px;
    padding-bottom: 15px;
    padding-left: 0
}

.how-we-work-bnr .pm-img li :before {
    display: none
}

.how-we-work-bnr .pm-img li img {
    display: block;
    margin: 0 auto 10px;
    padding-bottom: 0;
    padding-top: 0
}

.how-we-work-bnr .pm-img li h5 {
    color: #fff;
    font-size: 15px;
    font-weight: 600 !important;
    line-height: 15px
}

.how-we-work-bnr .pm-img li small {
    font-size: 10px;
    color: #cbe3ff;
    font-weight: 500 !important
}

.how-we-work-bnr .header_left_pan ul li:before {
    display: none
}

@media (min-width:992px) {
    .work-bnr h1 {
        text-align: left
    }
}

@media (min-width:992px) {
    .work-bnr .btn_wrapper a {
        margin: 0
    }
}

@media (min-width:992px) {
    .work-bnr .anchor-link {
        text-align: left
    }
}

.o-two-col-section__intro .col-md-10 {
    margin: 0 auto !important
}

@media (hover:hover) and (pointer:fine) {
    .o-two-col-section__key-traits ul li .style_prevu_kit:hover .icon-text-hover {
        text-align: left;
        color: #fff;
        padding: 20px
    }

    .o-two-col-section__key-traits ul li .style_prevu_kit:hover .icon-text-hover h3 {
        text-align: left;
        color: #fff
    }

    .o-two-col-section__key-traits ul li .style_prevu_kit:hover .icon-text-hover p {
        text-align: left;
        color: #fff;
        margin-top: 10px
    }
}

.o-two-col-section__choosing-steps h2 {
    text-align: center
}

.o-skill-intro--cn-uses-ai .col-md-10 {
    margin: 0 auto
}

.project-management .col-md-10 {
    margin: 0 auto
}

@media (min-width:992px) {
    .u-align-left {
        text-align: left
    }
}

.o-skill-intro--conclusion .col-md-10 {
    margin: 0 auto
}

@media (min-width:992px) {
    .o-skills-hero--cn-uses-ai .btn_wrapper a {
        margin: 0
    }
}

@media (min-width:992px) {
    .o-skills-hero--cn-uses-ai .anchor-link {
        text-align: left
    }
}

.benefit-slider .slick-dots {
    text-align: center;
    margin: 15px 0 30px
}

.benefit-slider .slick-dots li {
    display: inline-block;
    border-radius: 50%;
    text-indent: -10000px;
    width: 7px;
    height: 7px;
    background-color: #9b9b9b;
    vertical-align: middle;
    margin: 0 6px
}

.benefit-slider .slick-dots li.slick-active {
    width: 10px;
    height: 10px;
    background: #49c684
}

.cheaper-batter-header {
    position: relative
}

.cheaper-batter-header .o-services-hero__background-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.cheaper-batter-header .container {
    position: relative;
    z-index: 1
}

.cheaper-batter-header .c-b-heading {
    text-align: center
}

.why-matters .col-md-8 {
    margin: 0 auto
}

.why-matters .extra-h4 {
    font-weight: 400;
    margin: 0 0 15px 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 28px
}

@media (min-width:992px) {
    .why-matters .extra-h4 {
        font-weight: 300;
        font-size: 22px;
        line-height: 28px;
        font-family: Montserrat, sans-serif;
        margin: 0 0 35px 0
    }
}

.why-matters .padding-0 {
    padding: 0
}

.cb-wecare .row {
    padding: 0 15px
}

@media (min-width:992px) {
    .cb-wecare .row {
        padding: 0
    }
}

.cb-wecare .row.cb-wecare-box1,
.cb-wecare .row.cb-wecare-box2 {
    padding: 50px 15px 10px;
    border-radius: 5px;
    margin: 15px 0
}

@media (min-width:992px) {

    .cb-wecare .row.cb-wecare-box1,
    .cb-wecare .row.cb-wecare-box2 {
        margin: 0 -15px;
        border-radius: 0;
        padding: 50px 30px 10px
    }
}

@media (min-width:992px) {
    .cb-wecare .row.cb-wecare-box2 {
        margin-top: 50px
    }
}

.cb-wecare .cb-wecare-heading p {
    text-align: center;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .cb-wecare .cb-wecare-heading p {
        text-align: left;
        font-family: Montserrat, sans-serif
    }
}

.cb-wecare .cb-wecare-heading p strong {
    font-weight: 400
}

@media (min-width:992px) {
    .cb-wecare .cb-wecare-heading p strong {
        font-weight: 700
    }
}

.cb-wecare .cb-wecare-heading-f-p {
    color: #fff;
    display: none
}

@media (min-width:992px) {
    .cb-wecare .cb-wecare-heading-f-p {
        display: block
    }
}

.cb-wecare .small-wrap-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width:992px) {
    .cb-wecare .small-wrap-top {
        margin-bottom: 0;
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit
    }
}

.cb-wecare .small-wrap-top-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:992px) {
    .cb-wecare .small-wrap-top-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        max-width: 200px
    }
}

.cb-wecare .small-wrap-top h3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 20px;
    line-height: 26px;
    padding-left: 20px
}

@media (min-width:992px) {
    .cb-wecare .small-wrap-top h3 {
        font-size: 36px;
        line-height: 49px;
        padding-left: 0
    }
}

.cb-wecare .small-wrap-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    top: -42px
}

.cb-wecare .small-wrap-text-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px
}

.cb-wecare .small-wrap-text-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.How-we-work .o-skills-hero {
    padding-bottom: 20px
}

@media (min-width:992px) {
    .How-we-work .o-skills-hero {
        padding-bottom: 300px !important;
        padding-top: 135px !important;
        padding-bottom: 50px
    }
}

.How-we-work .o-skills-hero h2 {
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .How-we-work .o-skills-hero h2 {
        font-family: Montserrat, sans-serif;
        margin-bottom: 40px
    }
}

.How-we-work .o-skills-hero .cstm-link-p {
    display: block
}

.o-skill-intro--listing .btn_wrapper {
    margin-top: 0 !important
}

@media (min-width:992px) {
    .o-skill-intro--listing .btn_wrapper {
        margin-top: 50px !important
    }
}

.Office .o-skills-hero {
    padding: 100px 0 20px !important
}

@media (min-width:992px) {
    .Office .o-skills-hero {
        padding: 140px 20px 45px !important
    }
}

.Office .o-skills-hero h1 {
    margin-bottom: 10px
}

@media (min-width:992px) {
    .Office .o-skills-hero h1 {
        margin-bottom: 25px
    }
}

.Office .green-head-ribbon span {
    width: 92%
}

@media (min-width:992px) {
    .Office .green-head-ribbon span {
        width: auto
    }
}

.how-it-works-holder-mod .text-bg-1:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/3step-icon-1.svg) no-repeat 0 0
}

@media screen and (min-width:992px) {
    .how-it-works-holder-mod .text-bg-1:after {
        background: 0 0
    }
}

.how-it-works-holder-mod .text-bg-2:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/3step-icon-2.svg) no-repeat 0 0
}

@media screen and (min-width:992px) {
    .how-it-works-holder-mod .text-bg-2:after {
        background: 0 0
    }
}

.how-it-works-holder-mod .text-bg-3:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/3step-icon-3.svg) no-repeat 0 0
}

@media screen and (min-width:992px) {
    .how-it-works-holder-mod .text-bg-3:after {
        background: 0 0
    }
}

.rm-bnr {
    padding-bottom: 60px !important
}

.how-it-works-holder-mod p {
    padding-top: 15px
}

@media screen and (min-width:992px) {
    .how-it-works-holder-mod p {
        padding-left: 50px
    }
}

.bg-grey-mod .how-it-works-holder {
    background-color: #f5f5f5
}

.bg-grey-mod .text-bg {
    background: #fff
}

.contact-modal .modal-content {
    padding: 30px;
    background-color: #fff
}

.contact-modal .modal-content .modal-header button.close img {
    width: 20px
}

.contact-modal .modal-content .modal-header figure {
    width: 70px;
    height: 70px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 25px
}

.contact-modal .modal-content .modal-header figure img {
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50% !important
}

.contact-modal .modal-content .modal-header figure:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    -webkit-animation: spin, 10s, linear, 0s, infinite;
    animation: spin, 10s, linear, 0s, infinite
}

.contact-modal .modal-content .modal-header .close {
    position: absolute;
    right: 30px;
    top: 30px;
    background-color: transparent;
    width: auto
}

.contact-modal .modal-content .modal-header h5 {
    font-size: 18px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left
}

.contact-modal .modal-content .modal-header p {
    font-size: 20px;
    line-height: 33px;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.contact-modal .modal-content input.form-control {
    width: 100%
}

.contact-modal .modal-content .btn {
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 10px 0;
    font-size: 18px;
    text-transform: uppercase;
    max-width: 158px;
    text-decoration: none;
    position: relative;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
    width: 250px
}

#attachedFiles {
    margin-top: 20px
}

#attachedFiles li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 8px 15px;
    border-radius: 30px;
    background: #fafafa
}

#attachedFiles li input {
    line-height: 20px;
    width: 87%;
    font-size: 14px
}

#attachedFiles li button {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/icon-delete.svg) 0 0 no-repeat;
    width: 14px;
    height: 19px;
    margin-right: 10px;
    vertical-align: middle
}

.u-name {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-1.png) 0 50% no-repeat;
    border-bottom: 1px solid #ccc
}

.u-email {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-2.png) 0 50% no-repeat;
    border-bottom: 1px solid #ccc
}

.u-phone {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-3.png) 0 50% no-repeat;
    border-bottom: 1px solid #ccc
}

.u-company {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-4.png) 0 50% no-repeat;
    border-bottom: 1px solid #ccc
}

.u-message {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-5.png) 0 20px no-repeat;
    border-bottom: 1px solid #ccc
}

.attach {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/attach-icon.svg) no-repeat;
    font-family: Montserrat, sans-serif;
    padding: 10px 20px 0 40px;
    background-position: 0 15px
}

@media (min-width:992px) {
    .attach {
        background-position: 0 30px;
        padding: 20px 20px 0 40px
    }
}

.attach .attach-inputfile {
    display: none
}

.attach label {
    color: #00f;
    cursor: pointer;
    text-decoration: underline
}

.attach label:hover {
    text-decoration: none
}

.common-input {
    border-bottom: 1px solid #000;
    padding: 20px 20px 20px 40px;
    color: #000;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    font-size: 16px
}

@media (min-width:992px) {
    .common-input {
        padding: 20px 20px 20px 40px
    }
}

.u-submit {
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 10px 0;
    font-size: 15px;
    text-transform: uppercase;
    max-width: 350px;
    text-decoration: none;
    position: relative;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    width: 250px;
    margin: 0 auto
}

@media (min-width:992px) {
    .u-submit {
        padding: 19px 0;
        font-size: 18px;
        width: 250px
    }
}

.u-submit:after {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: -1;
    display: none
}

::-webkit-input-placeholder {
    font-weight: 300
}

::-moz-placeholder {
    font-weight: 300
}

:-ms-input-placeholder {
    font-weight: 300
}

:-moz-placeholder {
    font-weight: 300
}

label.error {
    color: red;
    text-align: left;
    display: block;
    font-weight: 300
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    z-index: 100
}

body[data-page=contact-us] .o-contact-form--mobile-top {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/contact-us/contact-form-top-border-mobile.png) 0 0 repeat-x
}

@media (min-width:992px) {
    body[data-page=contact-us] .o-contact-form {
        position: relative;
        -webkit-box-shadow: 0, 10px, 35px, rgba(0, 0, 0, .1);
        box-shadow: 0, 10px, 35px, rgba(0, 0, 0, .1);
        padding: 0;
        background: 0 0;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px
    }
}

body[data-page=contact-us] .o-contact-form--mobile {
    text-align: center;
    display: block;
    padding-top: 66px;
    padding: 60px 0 40px 0
}

@media (min-width:992px) {
    body[data-page=contact-us] .o-contact-form--mobile {
        padding: 76px 0 40px 0
    }
}

body[data-page=contact-us] .o-contact-form--mobile h2 {
    font-size: 36px;
    line-height: 54px
}

@media (min-width:992px) {
    body[data-page=contact-us] .o-contact-form--mobile h2 {
        font-size: 48px;
        line-height: 58px
    }
}

body[data-page=contact-us] .o-contact-form--mobile h3 {
    font-size: 16px;
    font-weight: 400
}

@media (min-width:992px) {
    body[data-page=contact-us] .o-contact-form--mobile h3 {
        font-size: 28px;
        line-height: 35px;
        font-weight: 500
    }
}

body[data-page=contact-us] .o-contact-form--mobile h5 {
    font-size: 16px;
    font-weight: 400
}

@media (min-width:992px) {
    body[data-page=contact-us] .o-contact-form--mobile h5 {
        font-size: 28px;
        line-height: 35px;
        font-weight: 500
    }
}

body[data-page=contact-us] .o-contact-form--mobile .attach,
body[data-page=contact-us] .o-contact-form--mobile .contact-linkedin,
body[data-page=contact-us] .o-contact-form--mobile .u-company,
body[data-page=contact-us] .o-contact-form--mobile h6 {
    display: none
}

@media (min-width:992px) {

    body[data-page=contact-us] .o-contact-form--mobile .attach,
    body[data-page=contact-us] .o-contact-form--mobile .contact-linkedin,
    body[data-page=contact-us] .o-contact-form--mobile .u-company,
    body[data-page=contact-us] .o-contact-form--mobile h6 {
        display: block
    }
}

body[data-page=contact-us] .o-contact-form--mobile .group .choosecountry {
    display: none
}

@media (min-width:992px) {
    body[data-page=contact-us] .o-contact-form--mobile .group .choosecountry {
        display: block
    }
}

body[data-page=contact-us] .o-contact-form--mobile .group input[type=text] {
    padding: 20px 20px 20px 0;
    background: url(/assets/images/common/icon-phone.svg) 0 50% no-repeat
}

@media (min-width:992px) {
    body[data-page=contact-us] .o-contact-form--mobile .group input[type=text] {
        padding: 20px 20px 20px 40px;
        background: 0 0
    }
}

body[data-page=contact-us] .o-contact-form--contact-form-footer {
    padding: 20px 0;
    margin-top: 30px;
    text-align: left
}

@media (min-width:992px) {
    body[data-page=contact-us] .o-contact-form--contact-form-footer {
        text-align: center
    }
}

body[data-page=contact-us] .o-contact-form--contact-form-footer ul li {
    margin: 0 15px
}

body[data-page=contact-us] .o-contact-form__attachement-text {
    padding-left: 18px
}

body[data-page=contact-us] .contact-mobile {
    display: none
}

@media (min-width:992px) {
    .o-contact-form {
        background-size: 30%;
        color: #000;
        overflow: hidden;
        text-align: center;
        position: relative
    }
}

.o-contact-form h2 {
    margin-bottom: 15px
}

@media (min-width:992px) {
    .o-contact-form h2 {
        font-size: 60px;
        letter-spacing: 2.5px;
        text-shadow: 1px 1px 0 #333, -1px 1px 0 #333, 1px -1px 0 #333, -1px -1px 0 #333
    }
}

@media (min-width:992px) {
    .o-contact-form h3 {
        font-size: 28px;
        line-height: 35px;
        font-weight: 500
    }
}

.o-contact-form h3 br {
    display: none
}

@media (min-width:992px) {
    .o-contact-form h3 br {
        display: block
    }
}

@media (min-width:992px) {
    .o-contact-form h5 {
        font-size: 28px;
        line-height: 35px;
        font-weight: 500
    }
}

.o-contact-form h5 br {
    display: none
}

@media (min-width:992px) {
    .o-contact-form h5 br {
        display: block
    }
}

.o-contact-form h4 {
    font-size: 18px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left
}

.o-contact-form h6 {
    font-size: 18px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left
}

@media (min-width:992px) {
    .o-contact-form--white-bg {
        background-color: #fff;
        -webkit-box-shadow: 0, 0, 20px, rgba(0, 0, 0, .2);
        box-shadow: 0, 0, 20px, rgba(0, 0, 0, .2);
        padding: 80px 0 0;
        border-radius: 3px;
        overflow: hidden;
        display: block
    }
}

.o-contact-form .form-animate {
    -webkit-transition: .1s, ease-out;
    transition: .1s, ease-out;
    -webkit-animation: formanimation, .3s, ease-in-out, 0s, 2;
    animation: formanimation, .3s, ease-in-out, 0s, 2
}

.o-contact-form__heart {
    display: inline-block;
    margin-left: -4px;
    line-height: 49px;
    vertical-align: top;
    -webkit-animation: pulse, 1.5s, ease-out, 0s, infinite;
    animation: pulse, 1.5s, ease-out, 0s, infinite;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width:992px) {
    .o-contact-form__heart {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:992px) {
    .o-contact-form__heart img {
        height: 58px
    }
}

.o-contact-form__privacy {
    margin: 20px 0 20px 0;
    font-size: 15px;
    text-align: center
}

.o-contact-form__privacy i {
    margin-right: 10px
}

.o-contact-form__attachement-text a {
    color: #4492dc;
    text-decoration: underline
}

.o-contact-form__attachement-text a:hover {
    text-decoration: none
}

.o-contact-form__attachement-text label {
    color: #4492dc;
    text-decoration: underline;
    cursor: pointer
}

.o-contact-form__attachement-text label:hover {
    text-decoration: none
}

.o-contact-form--contact-form-footer {
    background-color: #f2f2f2;
    padding: 40px 0;
    margin-top: 60px
}

.o-contact-form--contact-form-footer ul li {
    display: inline-block;
    font-size: 16px;
    color: #000;
    margin: 0 30px
}

.o-contact-form--contact-form-footer ul li i {
    margin-right: 20px
}

.o-contact-form--contact-form-footer ul li strong {
    font-weight: 700
}

.o-contact-form--contact-form-footer a {
    color: #000
}

.o-contact-form--contact-form-footer a:hover {
    text-decoration: underline
}

.o-contact-form--contact-form-footer .o-clients {
    padding: 30px 0 0 0
}

.o-contact-form--place-order .tagline {
    font-size: 12px
}

.o-contact-form--place-order .attach span {
    vertical-align: top
}

.common-input.u-message {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/email-icon.png) 0 20px no-repeat
}

.form-inside {
    padding-top: 0
}

@media (min-width:992px) {
    .form-inside {
        padding-top: 30px
    }
}

.form-inside p {
    font-size: 16px;
    color: #333;
    padding-bottom: 5px !important;
    line-height: 28px;
    margin-top: 15px
}

@media (min-width:992px) {
    .form-inside p {
        margin-top: 0;
        font-size: 18px;
        line-height: 30px
    }
}

.form-inside p a {
    color: #4a90e2
}

.bnr-form .group input[type=text] {
    border-bottom: 1px solid #c9c8c8;
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400
}

.bnr-form input {
    border: none;
    border-bottom: 1px solid #000 !important
}

@media (min-width:992px) {
    .bnr-form input {
        border-bottom: 1px solid #c9c8c8
    }
}

.bnr-form .u-name {
    border-bottom: 1px solid #c9c8c8;
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400
}

.bnr-form .u-email {
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400
}

.bnr-form .u-company {
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400
}

.bnr-form .u-message.bnr-msg {
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    position: relative;
    font-weight: 400
}

@media (min-width:992px) {
    .bnr-form .u-message.bnr-msg {
        border-bottom: 1px solid #c9c8c8
    }
}

.bnr-form .u-message.bnr-msg textarea {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-5.png) 0 20px no-repeat;
    padding: 20px 20px 20px 40px;
    color: #333;
    min-height: 100px;
    width: 100%;
    margin-bottom: 30px;
    border: none
}

.bnr-form .attach {
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: left
}

.bnr-form .attach span {
    margin-left: 10px;
    display: inline-block
}

.bnr-form .o-contact-form__attachement-text {
    font-size: 16px;
    color: #878787
}

.bnr-form .attach span {
    margin-left: 10px;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 20px;
    margin-top: 5px
}

.bnr-form .attach {
    padding: 20px 25px 5px 25px
}

.o-contact-form__privacy {
    margin: 20px 0 20px 0;
    font-size: 15px;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #414446 !important
}

@media (min-width:992px) {
    .o-contact-form__privacy {
        font-size: 17px
    }
}

.u-message span#requirements_feedback {
    position: absolute;
    right: 25px;
    bottom: 12px;
    font-size: 14px;
    color: #333;
    font-weight: 300
}

.small-heading {
    text-align: left;
    display: block;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 35px;
    padding-left: 15px;
    display: none
}

@media (min-width:992px) {
    .small-heading {
        padding: 0;
        display: block
    }
}

input,
textarea {
    font-size: 16px
}

.s-btn-modifier {
    width: 265px
}

@media (min-width:992px) {
    .s-btn-modifier {
        width: 478px
    }
}

.cntct-pg-section {
    background: #fff;
    padding-top: 20px !important
}

@media (min-width:992px) {
    .cntct-pg-section {
        padding: 100px 20px 60px !important
    }
}

.new-contact .o-contact-us .col-md-6 {
    padding: 0
}

@media (min-width:992px) {
    .new-contact .o-contact-us .col-md-6 {
        padding: 0 15px
    }
}

.new-contact .u-submit.s-btn-modifier {
    max-width: 260px
}

@media (min-width:992px) {
    .new-contact .u-submit.s-btn-modifier {
        max-width: 350px
    }
}

.new-contact .o-footer {
    padding: 0 0 40px
}

@media (min-width:992px) {
    .new-contact .o-footer {
        padding: 0 0 40px
    }
}

.cn-form {
    position: relative;
    background: #fff
}

.cn-form:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/contact-us/dashed-line.png) 0 0 repeat;
    height: 5px;
    width: 100%;
    top: 0;
    left: 0;
    right: 0
}

.cn-form:after {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/contact-us/dashed-line.png) 0 0 repeat;
    height: 5px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    display: none
}

@media (min-width:992px) {
    .cn-form:after {
        display: block
    }
}

.cn-form .row .col-md-10 {
    margin: 0 auto
}

.o-contact-us {
    padding-top: 0 !important
}

@media (min-width:992px) {
    .o-contact-us {
        padding-top: 0 !important
    }
}

.contact-addr .office ul {
    background: #fff
}

.o-contact-form__contact-form {
    padding: 0 15px
}

@media (min-width:992px) {
    .o-contact-form__contact-form {
        padding: 0
    }
}

.opt-phn {
    position: relative
}

.opt-phn input {
    background: 0 0;
    width: 100%;
    font-size: 14px
}

.url-list label {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    cursor: default
}

.url-input {
    padding: 0;
    font-size: 16px;
    display: initial;
    display: initial
}

.contact-modal .modal-content button#cloudFileAdd {
    background-color: #fd5900;
    color: #fff;
    font-size: 17px;
    line-height: 16px;
    height: 42px;
    padding: 10px 20px;
    text-transform: uppercase;
    display: block !important;
    width: 150px;
    margin: 0 0 0 !important;
    border-radius: 4px;
    cursor: pointer;
    float: right;
    font-weight: 600;
    text-align: left
}

.contact-modal .modal-content button#cloudFileAdd:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 13px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) 50% 50% no-repeat;
    background-size: auto;
    background-size: 15px;
    margin-left: 10px;
    position: absolute;
    right: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.contact-modal .modal-content .cloudModalFooter button,
.contact-modal .modal-content button#cloudFileAdd {
    background-color: #fd5900;
    color: #fff;
    font-size: 17px;
    line-height: 16px;
    height: 42px;
    padding: 10px 20px;
    text-transform: uppercase;
    display: block !important;
    width: 150px;
    margin: 0 0 0 !important;
    border-radius: 4px;
    cursor: pointer;
    float: right;
    font-weight: 600;
    text-align: left
}

.contact-modal .modal-content .cloudModalFooter button:after,
.contact-modal .modal-content button#cloudFileAdd:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 13px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) 50% 50% no-repeat;
    background-size: auto;
    background-size: 15px;
    margin-left: 10px;
    position: absolute;
    right: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.contact-h1 {
    padding-left: 0;
    padding-top: 0;
    position: relative;
    font-weight: 900;
    text-transform: none;
    padding-left: 40px;
    font-size: 42px !important;
    line-height: 61px;
    color: #333 !important;
    display: inline-block;
    letter-spacing: 2.5px;
    text-shadow: none;
    margin-bottom: 15px
}

.contact-h1 .white-text {
    position: relative;
    color: #fff !important
}

.contact-h1:before {
    content: '';
    position: absolute;
    height: 70px;
    width: 105px;
    right: inherit;
    left: 105px;
    top: 0
}

@media (min-width:992px) {
    .contact-h1:before {
        right: 0;
        top: 0;
        left: inherit
    }
}

.drop-p {
    font-size: 18px !important;
    line-height: 33px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left;
    color: #333 !important;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    margin-bottom: 0
}

@media (min-width:992px) {
    .new-contact .o-contact-us {
        padding-top: 50px;
        padding-bottom: 20px
    }
}

.new-contact .o-contact-us .subheading {
    font-weight: 600
}

.new-contact .o-contact-us .office {
    margin-bottom: 30px
}

.new-contact .o-contact-us .office .main-img {
    position: relative;
    vertical-align: top;
    margin-bottom: 20px
}

.new-contact .o-contact-us .office .main-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:992px) {
    .new-contact .o-contact-us .office .main-img img {
        height: auto
    }
}

.new-contact .o-contact-us .office .main-img h3 {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 24px;
    position: absolute;
    left: 50%;
    top: 56%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 48px;
    color: #fff
}

.new-contact .o-contact-us .office .main-img .location-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    right: 20px;
    margin: auto;
    z-index: 99;
    text-align: center;
    cursor: pointer;
    background: rgba(0, 0, 0, .2)
}

.new-contact .o-contact-us .office .main-img .location-icon img {
    width: 16px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.new-contact .o-contact-us .office .main-img .location-icon:hover {
    background: rgba(255, 88, 0, .2)
}

.new-contact .o-contact-us .office ul {
    padding-bottom: 30px
}

.new-contact .o-contact-us .office ul li {
    color: #000;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 0
}

@media (min-width:992px) {
    .new-contact .o-contact-us .office ul li {
        margin-bottom: 15px;
        font-size: 16px;
        margin: 0 0 25px 0
    }
}

.new-contact .o-contact-us .office ul li img {
    margin-right: 10px;
    display: none;
    vertical-align: top;
    margin-top: 0
}

@media (min-width:992px) {
    .new-contact .o-contact-us .office ul li img {
        display: inline-block
    }
}

.new-contact .o-contact-us .office ul li .mailicon {
    width: 15px;
    padding-top: 3px;
    opacity: .5
}

.new-contact .o-contact-us .office ul li span {
    display: inline-block;
    width: 88%
}

.new-contact .o-contact-us .office ul li a {
    color: #4492dc;
    cursor: pointer;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .new-contact .o-contact-us .office ul li a {
        color: #333
    }
}

.new-contact .o-contact-us .office ul li a.email {
    color: #4492dc
}

.new-contact .o-contact-us .office ul li a:hover {
    text-decoration: underline
}

.new-contact .o-contact-form--white-bg input#phoneNumber {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/icon-phone.png) 0 50% no-repeat
}

.new-contact .s-f-right input#phoneNumber {
    background-image: none
}

.new-contact .o-contact-form--white-bg input.pc-phone {
    padding-left: 40px !important
}

.new-contact .o-contact-us-new h2 {
    text-transform: none;
    padding-left: 40px;
    font-size: 42px !important;
    display: inline-block;
    padding-top: 30px
}

.new-contact .o-contact-us-new .subheading {
    font-size: 22px;
    line-height: 38px;
    padding-top: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    padding-right: 0;
    padding-bottom: 75px
}

@media (min-width:992px) {
    .new-contact .o-contact-us-new .subheading {
        padding-bottom: 120px;
        padding-right: 125px
    }
}

.new-contact .o-contact-us-new .subheading strong {
    font-weight: 700;
    color: #27c070
}

.new-contact .o-contact-us-new .o-contact-form--white-bg {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/contact-us/dashed-line.png) 0 0 repeat-x;
    padding: 30px 0 50px !important;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #ebebeb
}

@media (min-width:992px) {
    .new-contact .o-contact-us-new .o-contact-form--white-bg {
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        border-bottom: 0;
        padding: 20px 0 40px !important
    }
}

.new-contact .o-contact-us-new .o-contact-form--white-bg .form-text {
    position: relative;
    padding: 0 15px;
    text-align: left;
    margin-bottom: 0
}

@media (min-width:992px) {
    .new-contact .o-contact-us-new .o-contact-form--white-bg .form-text {
        text-align: center;
        padding: 0 0 20px 0;
        margin-bottom: 25px
    }
}

.new-contact .o-contact-us-new .o-contact-form--white-bg .form-text:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 1px solid #4a90e2;
    width: 200px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 240px;
    display: none
}

@media (min-width:992px) {
    .new-contact .o-contact-us-new .o-contact-form--white-bg .form-text:after {
        display: block
    }
}

@media (min-width:992px) {
    .new-contact .ywg {
        padding: 70px 0 20px
    }
}

.new-contact .ywg h2 {
    text-transform: uppercase;
    font-size: 40px
}

.new-contact .ywg ul li {
    width: 100%;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 9px 55px 9px;
    vertical-align: top;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .new-contact .ywg ul li {
        width: 22%;
        display: inline-block;
        text-align: center
    }
}

@media screen and (min-width:1200px) {
    .new-contact .ywg ul li {
        width: 23%
    }
}

.new-contact .ywg ul li img {
    float: none;
    margin: 0 auto;
    display: block;
    width: 50px
}

@media (min-width:992px) {
    .new-contact .ywg ul li img {
        width: auto
    }
}

.new-contact .addr-section {
    padding: 50px 0 0
}

@media (min-width:992px) {
    .new-contact .addr-section {
        padding: 75px 0 50px
    }
}

.new-contact .contact-addr {
    padding-bottom: 0
}

@media (min-width:992px) {
    .new-contact .contact-addr {
        padding-top: 60px;
        padding-bottom: 40px
    }
}

.new-contact .contact-addr h2 {
    text-transform: inherit;
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 35px;
    font-family: Montserrat, sans-serif;
    position: relative;
    text-align: left
}

@media (min-width:992px) {
    .new-contact .contact-addr h2 {
        font-size: 48px;
        text-align: center;
        margin-bottom: 50px
    }
}

.new-contact .contact-addr h2:before {
    content: '';
    position: absolute;
    background: #49c684;
    height: 2px;
    width: 50px;
    bottom: -15px;
    left: 0;
    display: block
}

@media (min-width:992px) {
    .new-contact .contact-addr h2:before {
        display: none;
        bottom: 0
    }
}

.new-contact .contact-addr .office {
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    margin-bottom: 40px;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .new-contact .contact-addr .office {
        display: block;
        padding: 0;
        margin: 0 0 40px;
        -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
        border-bottom: 0
    }
}

.new-contact .contact-addr .office .main-img {
    margin-bottom: 0;
    width: 100%;
    height: auto;
    border-radius: 0;
    overflow: hidden
}

@media (min-width:992px) {
    .new-contact .contact-addr .office .main-img {
        width: auto;
        height: auto;
        border-radius: 0
    }
}

.new-contact .contact-addr .office .main-img a {
    width: 100%;
    height: 100%;
    display: block
}

.new-contact .contact-addr .office .main-img a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.new-contact .contact-addr .office ul {
    padding-bottom: 10px;
    padding-top: 15px
}

@media screen and (min-width:992px) {
    .new-contact .contact-addr .office ul {
        padding: 15px 15px 10px
    }
}

@media screen and (min-width:1200px) {
    .new-contact .contact-addr .office ul {
        min-height: 241px
    }
}

.new-contact .contact-addr .office ul li {
    padding-left: 0;
    font-weight: 500
}

.new-contact .contact-addr .office .office-left {
    float: left;
    width: 100%;
    overflow: hidden
}

@media (min-width:992px) {
    .new-contact .contact-addr .office .office-left {
        width: 32%;
        height: auto;
        border-radius: 0
    }
}

.new-contact .contact-addr .office .office-right {
    float: right;
    width: 100%;
    margin-top: 20px
}

@media (min-width:992px) {
    .new-contact .contact-addr .office .office-right {
        width: 64%;
        padding: 30px 0 0 0;
        margin-top: 0
    }
}

.new-contact .contact-addr .office .office-right .c-name {
    color: #000;
    font-weight: 500;
    font-size: 16px
}

.new-contact .contact-addr .office .office-right p {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px
}

.new-contact .contact-addr .office .office-right .addr {
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    float: left;
    width: 100%;
    background: 0 0;
    padding-left: 0;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .new-contact .contact-addr .office .office-right .addr {
        width: 46%;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/contact-us/map.png) 0 5px no-repeat;
        padding-left: 40px;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px
    }
}

@media screen and (min-width:1200px) {
    .new-contact .contact-addr .office .office-right .addr {
        width: 54%;
        font-size: 17px;
        line-height: 27px
    }
}

.new-contact .contact-addr .office .office-right .contact-new {
    float: none
}

@media (min-width:992px) {
    .new-contact .contact-addr .office .office-right .contact-new {
        margin-right: 50px;
        float: right
    }
}

.new-contact .contact-addr .office .office-right .contact-new ul {
    padding: 0
}

.new-contact .contact-addr .office .office-right .contact-new ul li {
    list-style-type: none;
    padding-left: 0;
    vertical-align: top;
    font-size: 15px
}

@media (min-width:992px) {
    .new-contact .contact-addr .office .office-right .contact-new ul li {
        font-size: 16px
    }
}

.new-contact .blue-bg {
    background-color: #132a49;
    background-repeat: no-repeat;
    background-position: 0 100%
}

.new-contact .blue-bg h2 {
    color: #fff;
    text-transform: inherit;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    font-size: 24px;
    margin-bottom: 60px
}

@media (min-width:992px) {
    .new-contact .blue-bg h2 {
        font-size: 48px
    }
}

.new-contact .blue-bg li span {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 24px;
    padding-left: 20px
}

@media (min-width:992px) {
    .new-contact .blue-bg li span {
        font-size: 18px;
        margin-top: 25px;
        display: block;
        padding-left: 0
    }
}

.new-contact .office-right p {
    font-family: Montserrat, sans-serif;
    font-size: 14px
}

.new-contact .office-right p:before {
    display: none
}

.new-contact .office h4 {
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 27px
}

@media (min-width:992px) {
    .new-contact .office h4 {
        font-size: 17px;
        margin-bottom: 15px
    }
}

.new-contact .office p {
    position: relative;
    padding-left: 0;
    font-family: Montserrat, sans-serif;
    margin: 0
}

@media (min-width:992px) {
    .new-contact .office p {
        padding-left: 35px;
        margin: 0 0 25px 0
    }
}

.new-contact .office p:before {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/contact-us/map.png) no-repeat 0 0;
    height: 50px;
    width: 30px;
    position: absolute;
    left: 0;
    top: 3px;
    background-size: 15px;
    display: none
}

@media (min-width:992px) {
    .new-contact .office p:before {
        display: block
    }
}

.new-contact .office p br {
    display: none
}

@media (min-width:992px) {
    .new-contact .office p br {
        display: block
    }
}

.new-contact .office img {
    width: 22px;
    margin-right: 5px
}

.new-contact .office a:hover {
    text-decoration: none
}

.new-contact .o-contact-us-new h2 {
    padding-left: 0;
    padding-top: 0;
    position: relative;
    font-weight: 900;
    font-size: 40px
}

.new-contact .o-contact-us-new h2:before {
    content: '';
    position: absolute;
    height: 70px;
    width: 105px;
    right: -6px;
    top: -7px
}

@media (min-width:992px) {
    .new-contact .o-contact-us-new h2:before {
        right: 0;
        top: 0
    }
}

.new-contact .o-contact-us-new h2 span {
    position: relative
}

.new-contact .o-contact-us-new h2 .white-text {
    color: #fff;
    text-shadow: none
}

.new-contact .o-contact-form {
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
    text-align: center;
    margin-top: 0
}

.new-contact .o-skills-hero__background.cntct-bnr {
    display: none
}

@media (min-width:992px) {
    .new-contact .o-skills-hero__background.cntct-bnr {
        display: block
    }
}

.new-contact .gd-compny {
    text-align: center !important;
    color: #9b9b9b !important;
    font-size: 16px !important;
    text-transform: uppercase
}

@media (min-width:992px) {
    .new-contact .o-contact-form__contact-form {
        text-align: center
    }
}

.new-contact .o-contact-us {
    position: relative;
    top: 0;
    z-index: 9
}

@media (min-width:992px) {
    .new-contact .o-contact-us {
        top: 0
    }
}

.new-contact .grp-logo {
    display: block;
    margin: 0 auto
}

@media (min-width:992px) {
    .new-contact .grp-logo {
        display: inherit
    }
}

.new-contact .o-navigation-bar #primaryNav .request-quote {
    display: none !important
}

.logo-group {
    position: relative
}

.logo-group:before {
    content: '';
    position: absolute;
    background: #f9f5f5;
    height: 100%;
    width: 1px;
    left: 50%
}

.logo-group-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #f9f5f5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.logo-group-sub-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 35px 15px
}

.logo-group .no-border {
    border-bottom: 0
}

.cntct-bnr {
    position: absolute;
    height: 340px;
    display: none
}

@media screen and (min-width:992px) {
    .cntct-bnr {
        height: 390px;
        display: block
    }
}

@media screen and (min-width:1200px) {
    .cntct-bnr {
        height: 340px
    }
}

.contact-h1 {
    padding-left: 0;
    padding-top: 0;
    font-size: 36px !important;
    line-height: 61px;
    color: #333 !important;
    display: block;
    text-shadow: none;
    margin-bottom: 15px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    text-align: left
}

@media (min-width:992px) {
    .contact-h1 {
        display: inline-block;
        text-transform: capitalize;
        padding-top: 0;
        position: relative;
        font-weight: 900;
        font-size: 42px !important;
        letter-spacing: 2.5px
    }
}

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

@media (min-width:992px) {
    .cntct-pg-section {
        padding: 100px 20px 60px !important
    }
}

.u-submit.s-btn-modifier {
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 13px 0;
    font-size: 14px;
    text-transform: uppercase;
    max-width: 350px;
    text-decoration: none;
    position: relative;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
    width: 100%;
    margin: 25px auto 0
}

@media (min-width:992px) {
    .u-submit.s-btn-modifier {
        width: 478px;
        font-size: 18px;
        padding: 19px 0;
        margin: 0 auto
    }
}

.modal-dialog {
    max-width: 600px !important
}

.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg {
    padding: 0 20px 7px 20px;
    background-color: #fff
}

.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .group,
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .ue,
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .un {
    position: relative
}

.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .ue:after,
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .un:after {
    border-bottom: 1px solid #c9c8c8;
    content: "";
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 5px
}

.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .group input,
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .ue input,
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .un input {
    padding: 10px 0;
    background: 0 0;
    width: 100%;
    border: 0
}

.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .c-btn--lg {
    margin: 0;
    border-radius: 5px;
    display: block;
    font-weight: 400;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/contact-form-button.png) no-repeat 0 0;
    border: 0;
    padding-left: 60px;
    padding-bottom: 10px;
    background-size: 100%;
    padding: 2px 0 6px 35px;
    line-height: 0;
    font-size: 15px;
    width: 100%;
    height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:992px) {
    .quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .c-btn--lg {
        height: 80px;
        font-size: 18px
    }
}

.o-thank-you__top {
    max-width: 850px;
    margin: 0 auto;
    padding: 50px 0 30px;
    border-bottom: 1px solid #e9e9e9;
    text-align: center
}

body[data-page=thank-you] .o-contact-form .o-contact-form--white-bg {
    max-width: 790px;
    margin: 60px auto;
    text-align: left;
    display: block;
    padding: 40px
}

body[data-page=thank-you] .o-contact-form .o-contact-form--white-bg .fieldset-content {
    margin-bottom: 20px;
    padding: 10px
}

body[data-page=thank-you] .o-contact-form .o-contact-form--white-bg .fieldset-content label {
    display: block;
    text-align: left;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    color: #414446;
    font-size: 16px;
    line-height: 28px
}

body[data-page=thank-you] .o-contact-form .o-contact-form--white-bg .fieldset-content label input {
    margin-right: 10px
}

body[data-page=thank-you] .attach {
    background-image: none;
    padding: 0
}

body[data-page=thank-you] .o-contact-form__attachement-text {
    font-size: 16px;
    display: block;
    color: #878787
}

.o-thank-you__top h3 {
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 44px
}

.o-contact-form h5 {
    font-size: 26px;
    line-height: 35px;
    font-weight: 500
}

body[data-page=thank-you] .u-name {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-1.png) 0 50% no-repeat;
    border: 0;
    border-bottom: 1px solid #c9c8c8;
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400
}

body[data-page=thank-you] .u-email {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-2.png) 0 50% no-repeat;
    border: 0;
    border-bottom: 1px solid #c9c8c8;
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400
}

body[data-page=thank-you] .u-phone {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-3.png) 0 50% no-repeat;
    border: 0;
    border-bottom: 1px solid #c9c8c8;
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400
}

body[data-page=thank-you] .u-message textarea {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/icon-message.svg) 0 20px no-repeat;
    padding: 20px 20px 20px 40px;
    color: #333;
    min-height: 130px;
    width: 100%;
    margin-bottom: 15px;
    border: 0
}

body[data-page=thank-you] .group select {
    margin-top: 10px;
    width: 100%;
    padding: 10px;
    height: 50px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #c9c8c8
}

body[data-page=thank-you] .c-btn {
    display: block;
    outline: 0;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    background: #ff5800;
    border-radius: 4px;
    text-transform: uppercase;
    border: 2px solid #ff5800;
    line-height: 60px;
    font-size: 20px;
    padding: 0 24px;
    border-radius: 10px;
    width: auto;
    margin: 0 auto
}

input {
    outline: 0
}

.mobile-off {
    display: none
}

@media (min-width:992px) {
    .mobile-off {
        display: block
    }
}

.cu-lets-talk {
    background: #091b38;
    padding: 96px 25px 45px;
    position: relative;
    text-align: left
}

@media screen and (min-width:992px) {
    .cu-lets-talk {
        padding: 45px 25px
    }
}

.cu-lets-talk:before {
    content: '';
    position: absolute;
    top: 80px;
    right: 5px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/b-form-envelop.webp) no-repeat center center/100%;
    width: 159px;
    height: 159px
}

.cu-lets-talk:after {
    content: '';
    background: #091b38;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    bottom: -12px;
    left: 35px;
    z-index: 9
}

.cu-lets-talk h3 {
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    font-family: Montserrat, sans-serif
}

.cu-lets-talk p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    padding-right: 40%;
    margin-bottom: 0
}

.cu-lets-talk p a {
    color: #36e079
}

.row.bnr-form {
    padding: 0 25px
}

@media (min-width:992px) {
    .row.bnr-form {
        padding: 0
    }
}

.msgg-colo {
    padding: 0
}

@media (min-width:992px) {
    .msgg-colo {
        padding: 0 15px
    }
}

.mobile-off-inline {
    display: none
}

@media (min-width:992px) {
    .mobile-off-inline {
        display: inline-block
    }
}

.good-sec {
    padding: 30px 0 35px;
    border-bottom: 1px solid #dedede
}

@media (min-width:992px) {
    .good-sec {
        padding: 20px 0 35px
    }
}

.good-sec h5 {
    text-align: center;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    margin-bottom: 20px
}

.good-sec ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 360px;
    margin: 0 auto
}

.good-sec ul li {
    padding: 10px
}

.good-sec ul li img {
    -webkit-filter: grayscale(.9);
    filter: grayscale(.9)
}

.ind-ofc {
    min-height: auto
}

@media screen and (min-width:992px) {
    .ind-ofc {
        height: auto
    }
}

@media screen and (min-width:1200px) {
    .ind-ofc {
        height: 282px
    }
}

.or-hd {
    font-size: 30px;
    margin-bottom: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.logo-group-sub-box img,
.logo-group-sub-box svg {
    height: 45px;
    -webkit-filter: grayscale(.9);
    filter: grayscale(.9)
}

.logo-group-sub-box .st-logo {
    height: 35px
}

.fieldset-content label {
    cursor: pointer;
    margin-bottom: 4px
}

.fieldset-content label input {
    position: relative;
    top: 1px
}

.attachment-list li {
    margin-right: 0 !important;
    width: 100%
}

.attachment-list li input {
    border-radius: 0;
    width: calc(100% - 25px) !important
}

.attachment-list li label {
    white-space: nowrap;
    width: calc(100% - 28px);
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 17px
}

.contact-thankyou-attachment li {
    border-radius: 30px;
    background: #fafafa;
    margin-bottom: 10px;
    padding: 8px 15px
}

.attach-icon {
    display: inline-block;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/icon-attachment.svg) 0 0 no-repeat;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: middle
}

.cloudModalFooter button {
    border: none !important
}

.disabledAttachButton button {
    pointer-events: none;
    background-color: #ebb79b !important;
    opacity: .9
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg {
    padding: 0 15px 7px 15px
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg input,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg textarea {
    border-bottom: 1px solid #aaa !important
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg input::-webkit-input-placeholder,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg textarea::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg input::-moz-placeholder,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg textarea::-moz-placeholder {
    color: #000;
    opacity: 1
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg input:-ms-input-placeholder,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg textarea:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg input::-ms-input-placeholder,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg textarea::-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg input::placeholder,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg textarea::placeholder {
    color: #000;
    opacity: 1
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .un:after {
    display: none
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .un .u-name {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-1.png) 0 50% no-repeat
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .ue:after {
    display: none
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .ue .u-email {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-2.png) 0 50% no-repeat
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .new-b-a-call {
    background-image: none;
    background-color: #fc591f;
    border-radius: 11px;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    line-height: 14px;
    padding: 13px 0
}

@media screen and (min-width:992px) {
    .new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .new-b-a-call {
        padding: 20px 0;
        font-size: 17px
    }
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .cmn-left-pd-wrp input {
    padding: 12px 15px 12px 30px
}

@media screen and (min-width:1280px) {
    .new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .cmn-left-pd-wrp input {
        padding: 15px 15px 15px 30px
    }
}

@media screen and (min-width:1400px) {
    .new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .cmn-left-pd-wrp input {
        padding: 20px 15px 20px 30px
    }
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .cmn-left-pd-wrp input.u-phone {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-3.png) 0 50% no-repeat
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .attach {
    background-position: 0 10px;
    padding: 0 20px 5px 30px;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 5px
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list .cloud-attach,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list .comp-attach {
    margin-bottom: 10px
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list .cloud-attach .attachedFileUrl,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list .comp-attach .attachedFileUrl {
    height: auto
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list .cloud-attach .attachedFile,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list .comp-attach .attachedFile {
    border-bottom: none !important
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.cloud-attach,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.styled-list {
    background: #f8f8f8;
    max-width: 100%;
    border-radius: 5px;
    position: relative;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    height: 30px;
    border: 1px solid #d1d1d1
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.cloud-attach .removeAttachedFile2,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.styled-list .removeAttachedFile2 {
    background: #f5f5f5;
    border: 0;
    margin-right: 0;
    padding: 0 0;
    position: absolute;
    right: 0;
    height: 100%;
    width: 50px;
    border-left: 1px solid #d1d1d1
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.cloud-attach .removeAttachedFile2 img,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.styled-list .removeAttachedFile2 img {
    position: relative;
    top: 0;
    width: 15px
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.cloud-attach .removeAttachedFile2:hover,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.styled-list .removeAttachedFile2:hover {
    background: #ff1c31
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.cloud-attach .removeAttachedFile2:hover img,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.styled-list .removeAttachedFile2:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2410%) hue-rotate(122deg) brightness(117%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2410%) hue-rotate(122deg) brightness(117%) contrast(101%)
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.cloud-attach .attachedFileUrl,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.styled-list .attachedFileUrl {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 84%
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.cloud-attach span,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.styled-list span {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.cloud-attach i,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.styled-list i {
    margin-right: 10px;
    background: #f5f5f5;
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #d1d1d1;
    height: 100%
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.cloud-attach i img,
.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list li.styled-list i img {
    width: 20px
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list .inp-wrapper {
    width: 0;
    height: 0;
    background: 0 0;
    visibility: hidden;
    opacity: 0;
    padding: 0 !important;
    margin: 0 !important
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg .url-list .inp-wrapper .cloned {
    width: 0;
    height: 0;
    background: 0 0;
    visibility: hidden;
    opacity: 0;
    padding: 0 !important;
    margin: 0 !important
}

.new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg textarea {
    padding: 12px 20px 15px 30px
}

@media screen and (min-width:1280px) {
    .new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg textarea {
        padding: 15px 20px 20px 30px
    }
}

@media screen and (min-width:992px) {
    .new-quickform-holder .new-slide-form .o-contact-form .o-contact-form--white-bg {
        padding: 0 30px 7px 30px
    }
}

.new-quickform-holder .big-girl {
    width: 377px
}

@media screen and (min-width:992px) {
    .new-quickform-holder .big-girl {
        left: 0;
        top: 43px
    }
}

.new-quickform-holder .o-contact-form--white-bg {
    -webkit-box-shadow: none;
    box-shadow: none
}

.new-quickform-holder .s-f-left {
    padding: 30px 0 15px
}

@media screen and (min-width:992px) {
    .new-quickform-holder .s-f-left {
        padding: 0
    }
}

.new-quickform-holder .add-computer-file-new .comp-file {
    position: absolute;
    right: -9999px;
    visibility: hidden;
    opacity: 0
}

.o-bottom-form .url-list li,
.o-contact-form-contact-us .url-list li {
    text-align: left
}

.o-bottom-form .url-list label,
.o-contact-form-contact-us .url-list label {
    color: #000;
    font-size: 13px !important
}

.o-bottom-form .url-list.add-height,
.o-contact-form-contact-us .url-list.add-height {
    overflow-y: auto;
    scroll-behavior: smooth
}

@media screen and (min-width:992px) {

    .o-bottom-form .url-list.add-height,
    .o-contact-form-contact-us .url-list.add-height {
        height: 65px
    }
}

@media screen and (min-width:1280px) {

    .o-bottom-form .url-list.add-height,
    .o-contact-form-contact-us .url-list.add-height {
        height: 81px
    }
}

@media screen and (min-width:1400px) {

    .o-bottom-form .url-list.add-height,
    .o-contact-form-contact-us .url-list.add-height {
        height: 115px
    }
}

@media screen and (min-width:1800px) {

    .o-bottom-form .url-list.add-height,
    .o-contact-form-contact-us .url-list.add-height {
        height: 115px
    }
}

.o-bottom-form .url-list::-webkit-scrollbar,
.o-contact-form-contact-us .url-list::-webkit-scrollbar {
    width: 5px
}

.o-bottom-form .url-list::-webkit-scrollbar-track,
.o-contact-form-contact-us .url-list::-webkit-scrollbar-track {
    background: #f1f1f1
}

.o-bottom-form .url-list::-webkit-scrollbar-thumb,
.o-contact-form-contact-us .url-list::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.o-bottom-form .url-list::-webkit-scrollbar-thumb:hover,
.o-contact-form-contact-us .url-list::-webkit-scrollbar-thumb:hover {
    background: #555
}

.o-bottom-form .attach,
.o-contact-form-contact-us .attach {
    background-position: 0 10px;
    padding: 0 20px 5px 30px;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 5px
}

.o-bottom-form .url-list .cloud-attach,
.o-bottom-form .url-list .comp-attach,
.o-contact-form-contact-us .url-list .cloud-attach,
.o-contact-form-contact-us .url-list .comp-attach {
    margin-bottom: 10px
}

.o-bottom-form .url-list .cloud-attach .attachedFileUrl,
.o-bottom-form .url-list .comp-attach .attachedFileUrl,
.o-contact-form-contact-us .url-list .cloud-attach .attachedFileUrl,
.o-contact-form-contact-us .url-list .comp-attach .attachedFileUrl {
    height: auto
}

.o-bottom-form .url-list .cloud-attach .attachedFile,
.o-bottom-form .url-list .comp-attach .attachedFile,
.o-contact-form-contact-us .url-list .cloud-attach .attachedFile,
.o-contact-form-contact-us .url-list .comp-attach .attachedFile {
    border-bottom: none !important
}

.o-bottom-form .url-list li.cloud-attach,
.o-bottom-form .url-list li.styled-list,
.o-contact-form-contact-us .url-list li.cloud-attach,
.o-contact-form-contact-us .url-list li.styled-list {
    background: #f8f8f8;
    max-width: 100%;
    border-radius: 5px;
    position: relative;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    height: 35px;
    border: 1px solid #d1d1d1
}

.o-bottom-form .url-list li.cloud-attach .removeAttachedFile2,
.o-bottom-form .url-list li.styled-list .removeAttachedFile2,
.o-contact-form-contact-us .url-list li.cloud-attach .removeAttachedFile2,
.o-contact-form-contact-us .url-list li.styled-list .removeAttachedFile2 {
    background: #f5f5f5;
    border: 0;
    margin-right: 0;
    padding: 0 0;
    position: absolute;
    right: 0;
    height: 100%;
    width: 50px;
    border-left: 1px solid #d1d1d1
}

.o-bottom-form .url-list li.cloud-attach .removeAttachedFile2 img,
.o-bottom-form .url-list li.styled-list .removeAttachedFile2 img,
.o-contact-form-contact-us .url-list li.cloud-attach .removeAttachedFile2 img,
.o-contact-form-contact-us .url-list li.styled-list .removeAttachedFile2 img {
    position: relative;
    top: 0;
    width: 15px
}

.o-bottom-form .url-list li.cloud-attach .removeAttachedFile2:hover,
.o-bottom-form .url-list li.styled-list .removeAttachedFile2:hover,
.o-contact-form-contact-us .url-list li.cloud-attach .removeAttachedFile2:hover,
.o-contact-form-contact-us .url-list li.styled-list .removeAttachedFile2:hover {
    background: #ff1c31
}

.o-bottom-form .url-list li.cloud-attach .removeAttachedFile2:hover img,
.o-bottom-form .url-list li.styled-list .removeAttachedFile2:hover img,
.o-contact-form-contact-us .url-list li.cloud-attach .removeAttachedFile2:hover img,
.o-contact-form-contact-us .url-list li.styled-list .removeAttachedFile2:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2410%) hue-rotate(122deg) brightness(117%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2410%) hue-rotate(122deg) brightness(117%) contrast(101%)
}

.o-bottom-form .url-list li.cloud-attach .attachedFileUrl,
.o-bottom-form .url-list li.styled-list .attachedFileUrl,
.o-contact-form-contact-us .url-list li.cloud-attach .attachedFileUrl,
.o-contact-form-contact-us .url-list li.styled-list .attachedFileUrl {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 84%
}

.o-bottom-form .url-list li.cloud-attach span,
.o-bottom-form .url-list li.styled-list span,
.o-contact-form-contact-us .url-list li.cloud-attach span,
.o-contact-form-contact-us .url-list li.styled-list span {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.o-bottom-form .url-list li.cloud-attach i,
.o-bottom-form .url-list li.styled-list i,
.o-contact-form-contact-us .url-list li.cloud-attach i,
.o-contact-form-contact-us .url-list li.styled-list i {
    margin-right: 10px;
    background: #f5f5f5;
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #d1d1d1;
    height: 100%
}

.o-bottom-form .url-list li.cloud-attach i img,
.o-bottom-form .url-list li.styled-list i img,
.o-contact-form-contact-us .url-list li.cloud-attach i img,
.o-contact-form-contact-us .url-list li.styled-list i img {
    width: 20px
}

.o-bottom-form .url-list .inp-wrapper,
.o-contact-form-contact-us .url-list .inp-wrapper {
    width: 0;
    height: 0;
    background: 0 0;
    visibility: hidden;
    opacity: 0;
    padding: 0 !important;
    margin: 0 !important
}

.o-bottom-form .url-list .inp-wrapper .cloned,
.o-contact-form-contact-us .url-list .inp-wrapper .cloned {
    width: 0;
    height: 0;
    background: 0 0;
    visibility: hidden;
    opacity: 0;
    padding: 0 !important;
    margin: 0 !important
}

.o-contact-form-contact-us .url-list li.cloud-attach span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%
}

.attachedFile {
    width: 0;
    height: 0;
    padding: 0;
    visibility: hidden;
    position: absolute;
    pointer-events: none;
    right: -999999px
}

.product-bnr {
    min-height: 520px;
    background-size: cover
}

@media (min-width:992px) {
    .product-bnr {
        background: 0 0
    }
}

.o-skills-hero__product {
    text-align: left;
    padding-top: 95px !important
}

.o-skills-hero__product .container {
    padding: 0 30px 0 30px !important
}

@media (min-width:992px) {
    .o-skills-hero__product .container {
        padding: 30px 15px 0 15px !important
    }
}

.o-skills-hero__product .container .product_banner {
    padding-bottom: 80px
}

@media (min-width:992px) {
    .o-skills-hero__product .container .product_banner {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/products/product-banner.png) no-repeat 0 0;
        padding-bottom: 125px;
        padding-top: 80px;
        padding-left: 40%;
        background-size: 34%
    }
}

.o-skills-hero__product .container .product_banner h1 {
    color: #fff;
    font-size: 28px;
    line-height: 38px;
    padding-bottom: 10px
}

@media (min-width:992px) {
    .o-skills-hero__product .container .product_banner h1 {
        font-size: 55px;
        line-height: 60px;
        color: #14df7d
    }
}

.o-skills-hero__product .container .product_banner p {
    color: #49c684;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600
}

@media (min-width:992px) {
    .o-skills-hero__product .container .product_banner p {
        font-size: 32px;
        line-height: 48px;
        color: #fff
    }
}

.o-skills-hero__product .o-skills-hero__case-studies__banner-content {
    text-align: left
}

.product-1-left h3 {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .product-1-left h3 {
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 80px
    }
}

.product-1-left p {
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .product-1-left p {
        font-family: Montserrat, sans-serif;
        font-size: 19px;
        line-height: 30px
    }
}

@media (min-width:992px) {
    .product-1-right ul {
        padding-left: 100px
    }
}

.product-1-right ul li {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/products/green-tick.png) no-repeat 0 10px;
    padding: 0 0 10px 30px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

@media (min-width:992px) {
    .product-1-right ul li {
        font-size: 19px;
        line-height: 28px;
        font-weight: 700
    }
}

.product-pan2 h3 {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    margin-bottom: 30px;
    padding-top: 15px
}

@media (min-width:992px) {
    .product-pan2 h3 {
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 80px;
        padding-top: 50px
    }
}

.product-pan2 p {
    font-size: 16px;
    line-height: 24px;
    padding-top: 20px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 0
}

@media (min-width:992px) {
    .product-pan2 p {
        font-size: 19px;
        line-height: 30px;
        font-family: Montserrat, sans-serif;
        margin-bottom: 25px
    }
}

.product-pan2 ul {
    padding-top: 20px
}

.product-pan2 ul li {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/products/green-tick.png) no-repeat 0 6px;
    padding: 0 0 10px 30px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .product-pan2 ul li {
        font-family: Montserrat, sans-serif;
        font-weight: 700;
        font-size: 19px;
        line-height: 28px;
        background-position: 0 10px
    }
}

.p-logo-sec {
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:992px) {
    .p-logo-sec {
        display: block
    }
}

.p-logo-sec li {
    display: inline-block;
    padding: 0 15px;
    vertical-align: middle;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.p-logo-sec li:first-child {
    padding: 0 15px 0 0 !important;
    border-right: 1px solid #ccc;
    text-align: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%
}

@media (min-width:992px) {
    .p-logo-sec li:first-child {
        padding: 15px 20px 20px 0;
        padding: 5px 20px 5px 0 !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        border-right: 1px solid #979797
    }
}

.p-logo-sec li:first-child img {
    width: 100%
}

@media (min-width:992px) {
    .p-logo-sec li:first-child img {
        width: auto
    }
}

.p-logo-sec li:last-child {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (min-width:992px) {
    .p-logo-sec li:last-child {
        display: inline;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.p-logo-sec li:last-child img {
    margin-right: 10px;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15px;
    flex: 0 0 15px;
    width: 15px;
    height: 15px
}

@media (min-width:992px) {
    .p-logo-sec li:last-child img {
        width: auto;
        height: auto
    }
}

.p-logo-sec li a {
    display: inline-block;
    color: #333;
    font-size: 12px
}

@media (min-width:992px) {
    .p-logo-sec li a {
        font-size: 18px
    }
}

.product-blue-banner {
    background: #091b38;
    padding-bottom: 50px
}

@media screen and (min-width:992px) {
    .product-blue-banner {
        padding-bottom: 30px
    }
}

@media screen and (min-width:1200px) {
    .product-blue-banner {
        padding-bottom: 0
    }
}

.product-blue-banner img {
    float: right
}

.product-blue-banner h2 {
    color: #fff;
    font-size: 24px;
    line-height: 37px;
    padding: 25px 0 0
}

@media screen and (min-width:992px) {
    .product-blue-banner h2 {
        font-size: 36px;
        line-height: 42px
    }
}

@media screen and (min-width:1200px) {
    .product-blue-banner h2 {
        font-size: 44px;
        line-height: 55px
    }
}

.product-blue-banner a {
    border: 2px solid #ff5800;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) 86% 50% no-repeat;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-family: Montserrat, sans-serif;
    padding: 16px 60px 18px 60px;
    border-radius: 5px;
    margin: 20px 0 0 0;
    display: inline-block;
    font-weight: 500;
    width: 310px;
    margin: 15px auto 0;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width:992px) {
    .product-blue-banner a {
        width: inherit;
        margin: 15px 0 15px;
        padding: 16px 30px 18px 0
    }
}

@media screen and (min-width:1200px) {
    .product-blue-banner a {
        padding: 16px 60px 18px 60px;
        margin: 15px 0 0
    }
}

.product-blue-banner a:focus {
    color: #fff
}

.product-blue-banner a:hover {
    background-color: #ff5800;
    color: #fff
}

.btn2 ul {
    margin-bottom: 50px;
    text-align: center
}

@media (min-width:992px) {
    .btn2 ul {
        margin-bottom: 75px
    }
}

.btn2 ul li {
    display: block;
    margin: 0 5px
}

@media (min-width:992px) {
    .btn2 ul li {
        display: inline-block
    }
}

.btn2 ul li a.btn-whi {
    border: 2px solid #ff5800;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/products/arrow-black.png) 75% 50% no-repeat #fff !important;
    color: #333;
    font-size: 17px;
    line-height: 24px;
    padding: 16px 60px 18px 30px;
    border-radius: 5px;
    margin: 20px 0 0 0;
    display: inline-block;
    font-weight: 600;
    width: 300px;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase
}

@media (min-width:992px) {
    .btn2 ul li a.btn-whi {
        max-width: 350px;
        text-decoration: none;
        position: relative;
        width: inherit;
        background-position: 83% 50% !important
    }
}

.btn2 ul li a.btn-ora {
    border: 2px solid #ff5800;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) 93% 50% no-repeat #ff5800 !important;
    color: #fff;
    font-size: 17px;
    line-height: 24px;
    font-family: Montserrat, sans-serif;
    padding: 16px 40px 18px 10px;
    border-radius: 5px;
    margin: 20px 0 0 0;
    display: inline-block;
    font-weight: 600;
    width: 300px;
    text-transform: uppercase
}

@media (min-width:992px) {
    .btn2 ul li a.btn-ora {
        padding: 16px 60px 18px 30px;
        max-width: 350px;
        text-decoration: none;
        position: relative;
        width: inherit;
        background-position: 89% 50% !important
    }
}

.product-pan1 {
    padding-top: 40px
}

@media (min-width:992px) {
    .product-pan1 {
        padding-top: 80px;
        padding-bottom: 5px
    }
}

.zip-alert-logo {
    margin-bottom: 15px
}

@media (min-width:992px) {
    .zip-alert-logo {
        margin-bottom: 30px
    }
}

.o-skills-hero__case-studies__banner-image {
    padding: 50px 0 0
}

@media screen and (min-width:768px) {
    .o-skills-hero__case-studies__banner-image {
        padding: 0
    }
}

.o-skills-hero__case-studies__banner-content {
    text-align: center
}

@media (min-width:992px) {
    .o-skills-hero__case-studies__banner-content {
        text-align: left
    }
}

.o-skills-hero__case-studies__banner-content h4 {
    color: #14df7d;
    font-family: Montserrat, sans-serif
}

.o-skills-hero__case-studies__banner-content h2 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.o-skills-hero__case-studies__banner-content p {
    color: #14df7d;
    font-family: Montserrat, sans-serif;
    font-size: 25px;
    line-height: 43px;
    font-weight: 600;
    margin-bottom: 0;
    border-bottom: 1px solid #14df7d;
    display: inline-block;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .o-skills-hero__case-studies__banner-content p {
        font-size: 30px;
        line-height: 43px;
        border-bottom: 0
    }
}

.o-skills-hero__case-studies__banner-content h1 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: none
}

@media screen and (min-width:768px) {
    .o-skills-hero__case-studies__banner-content h1 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (min-width:992px) {
    .o-skills-hero__case-studies__banner-content h1 {
        font-size: 46px;
        line-height: 61px
    }
}

.o-skills-hero__case-studies__technology-div h2 {
    font-size: 24px
}

.o-skills-hero__case-studies__technology-div ul {
    display: block;
    text-align: center
}

.o-skills-hero__case-studies__technology-div ul li {
    vertical-align: top;
    display: inline-block;
    margin: 0 6px;
    font-family: Montserrat, sans-serif
}

.o-skills-hero__case-studies__technology-div ul li span {
    display: block;
    width: 100px;
    height: 100px;
    text-align: center;
    padding: 20px 10px;
    border: 2px solid #14df7d;
    border-radius: 50%;
    margin-bottom: 10px;
    color: #fff;
    font-size: 11px;
    font-family: Montserrat, sans-serif;
    position: relative
}

.o-skills-hero__case-studies__technology-div ul li span a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.o-skills-hero__case-studies__technology-div ul li span img {
    margin-bottom: 3px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    width: 42px
}

.o-skills-hero__case-studies__technology-div ul li span img.wdth-25 {
    width: 25px
}

.o-skills-hero__case-studies__technology-div ul li span img.wdth-15 {
    width: 15px
}

.o-skills-hero__case-studies__technology-div ul li span .vertical-image-resize {
    height: 54px;
    width: auto
}

@media screen and (min-width:992px) {
    .o-skills-hero__case-studies__technology-div ul li span .transip {
        width: 70px;
        height: 70px
    }
}

.o-case-study__clients__the-client-content {
    padding: 0
}

@media (min-width:992px) {
    .o-case-study__clients__the-client-content {
        padding: 30px 0 0 0
    }
}

.o-case-study__clients__the-client-content h3 {
    font-size: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0
}

.o-case-study__clients__the-client-content h4 {
    font-size: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 0
}

@media (min-width:992px) {
    .o-case-study__clients__the-client-content p {
        font-size: 19px;
        line-height: 30px
    }
}

.o-case-study__clients__the-client-content ul {
    margin-bottom: 15px;
    margin-top: 15px
}

@media (min-width:992px) {
    .o-case-study__clients__the-client-content ul {
        margin-top: 0
    }
}

.o-case-study__clients__the-client-content ul li {
    padding-left: 35px;
    padding-bottom: 15px;
    font-size: 19px;
    line-height: 32px;
    position: relative;
    font-family: Montserrat, sans-serif;
    position: relative
}

.o-case-study__clients__the-client-content ul li:before {
    content: '';
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/green-arrow.png);
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 3px;
    background-size: 100%
}

.o-case-study__clients__the-client-content ul.number-style li::before {
    background-image: none !important;
    top: 0 !important
}

.o-case-study__clients__the-client-content ul.number-style .number-style1::before {
    content: '1.'
}

.o-case-study__clients__the-client-content ul.number-style .number-style2::before {
    content: '2.'
}

.o-case-study__clients__the-client-content ul.number-style .number-style3::before {
    content: '3.'
}

.o-case-study__clients__the-client-content ul.number-style .number-style4::before {
    content: '4.'
}

.o-case-study__clients__the-client-content ul.number-style .number-style5::before {
    content: '5.'
}

.o-case-study__clients__the-client-content ul.number-style .number-style6::before {
    content: '6.'
}

.o-case-study__clients__the-client-content ul.number-style .number-style7::before {
    content: '7.'
}

.o-case-study__clients__the-client-content ul.number-style .number-style8::before {
    content: '8.'
}

.o-case-study__clients__the-client-content__services {
    padding: 60px 0 0 0
}

.o-case-study__clients__the-client-content__services ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.o-case-study__clients__the-client-content__services ul li {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    font-size: 30px !important;
    font-weight: 500;
    line-height: 25px;
    width: 170px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .o-case-study__clients__the-client-content__services ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

.o-case-study__clients__the-client-content__services ul li span {
    display: block;
    min-height: 60px;
    font-size: 16px
}

.o-case-study__clients__the-client-content__services ul li span img {
    margin-bottom: 10px
}

.o-case-study__clients__the-client-content__services ul li span:last-child {
    min-height: auto !important
}

.o-case-study__clients__the-client-content__services ul li:before {
    display: none
}

.o-case-study__clients__the-client-content__services ul li:after {
    content: '';
    border-right: 1px solid #d8d8d8;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.o-case-study__clients__the-client-content__services ul li:last-of-type:after {
    content: '';
    border-right: 1px solid transparent
}

@media (min-width:992px) {
    .o-case-study__clients__the-client-content__services ul li:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        padding-right: 50px !important
    }
}

.o-case-study__clients__the-client-content .the-results {
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0)
}

.o-case-study__clients__the-client-content .results-content {
    background-color: #fff;
    color: #333
}

.o-case-study__clients__the-client-content .results-content ul li {
    font-family: Montserrat, sans-serif
}

.o-case-study__clients__the-client-content .results-content ul li:before {
    width: 20px;
    height: 20px;
    top: 5px;
    background-size: 100%;
    content: '';
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/green-arrow.png);
    position: absolute;
    left: 0
}

.o-case-study__clients__the-client-content .results-content h4 {
    margin: 0
}

.o-case-study__clients__the-client-content__icon-header {
    position: relative
}

.o-case-study__clients__the-client-content__icon-header img {
    position: absolute;
    max-width: 36px
}

.o-case-study__clients__the-client-content__icon-header h4 {
    padding-left: 55px
}

.o-case-study__clients__the-results {
    position: relative;
    padding-top: 100px
}

.o-case-study__clients__the-results__div {
    padding-top: 10px
}

.o-case-study__clients__the-results__div h4 {
    color: #05b281;
    padding-bottom: 20px
}

.font-size-24-i {
    font-size: 24px !important;
    line-height: 32px !important
}

.padding-top-60 {
    padding-top: 60px
}

.o-case-studies-new {
    padding: 15px 0 20px
}

@media (min-width:992px) {
    .o-case-studies-new {
        padding: 65px 0 50px
    }
}

@media (min-width:992px) {
    .o-case-studies-new .btn_wrapper {
        margin-top: 0
    }
}

@media (min-width:992px) {
    .o-case-studies-new .filter {
        margin-bottom: 10px;
        text-align: right
    }
}

.o-case-studies-new .filter span.flt-tech {
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    color: #000
}

@media (min-width:992px) {
    .o-case-studies-new .filter span.flt-tech {
        margin-right: 0;
        margin-left: 15px;
        font-size: 16px
    }
}

.o-case-studies-new .filter ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.o-case-studies-new .filter ul li label {
    cursor: pointer
}

.o-case-studies-new .product {
    width: 90%;
    margin: 15px;
    text-align: center;
    border: 1px solid #eaeaea;
    padding: 20px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 15px 0 #00000030;
    box-shadow: 0 0 15px 0 #00000030;
    background-color: #fff;
    overflow: hidden
}

@media (min-width:992px) {
    .o-case-studies-new .product {
        min-height: 430px
    }
}

.o-case-studies-new .product a img {
    width: 100%
}

.o-case-studies-new .product-portfolio {
    width: 100%;
    float: left;
    text-align: center;
    min-height: 340px;
    padding: 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .25);
    border: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #fff
}

.o-case-studies-new .product-portfolio h3 {
    padding: 10px 0;
    min-height: 70px;
    text-align: left;
    font-weight: 400
}

.o-case-studies-new .product-portfolio p {
    font-weight: 500;
    text-align: left
}

.o-case-studies-new .product-portfolio img {
    margin-left: 0;
    margin-right: 0
}

.o-case-studies-new .product-portfolio .pp-thumb {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.o-case-studies-new .product-portfolio .p-button {
    border: 1px solid #a4bb66;
    border-radius: 5px;
    display: block;
    margin-bottom: 10px;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    margin-left: 20px;
    margin-right: 20px
}

.o-case-studies-new .product-portfolio .p-button:hover {
    background-color: #a4bb66;
    color: #fff
}

.o-case-studies-new .product-portfolio .p-link {
    margin-bottom: 10px;
    color: #333;
    font-size: 13px;
    font-weight: 300;
    background: url(/assets/images/portfolio/link-icon.png) 83% 6px no-repeat;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    width: 120px;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 2px 0 2px 19px;
    border-radius: 20px;
    float: right
}

.o-case-studies-new .product-portfolio .p-link:hover {
    color: #fff;
    background: url(/assets/images/portfolio/link-icon-hover.png) 83% 6px no-repeat #ff5800
}

.o-case-studies-new .product-portfolio .bottom-casestudies {
    padding: 0 20px;
    text-align: left !important
}

.o-case-studies-new .product-portfolio .bottom-casestudies .country-code {
    text-indent: 0 !important;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 30px !important;
    display: inline-block !important
}

.o-case-studies-new .product-portfolio .bottom-casestudies .country-code img {
    width: auto
}

.o-case-studies-new .product-portfolio .bottom-casestudies img {
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin-left: 0 !important;
    margin-right: 15px !important;
    width: 20px
}

.o-case-studies-new .product span {
    text-indent: -10000px;
    font-size: 0;
    line-height: 0;
    display: none
}

.o-case-studies-new .product h3 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    height: 80px;
    overflow: hidden
}

.o-case-studies-new .product h3 a {
    color: #000
}

.o-case-studies-new .product h2 {
    font-size: 17px;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    overflow: hidden
}

@media (min-width:992px) {
    .o-case-studies-new .product h2 {
        margin-top: 20px;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0;
        padding-bottom: 15px
    }
}

.o-case-studies-new .product h2 a {
    color: #000
}

.o-case-studies-new .product p {
    font-size: 15px;
    line-height: 21px;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    min-height: 85px;
    text-align: left;
    padding-bottom: 5px
}

@media (min-width:992px) {
    .o-case-studies-new .product p {
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 20px;
        margin-top: 0
    }
}

.o-case-studies-new .product .bottom-casestudies {
    text-align: center;
    overflow: hidden
}

.o-case-studies-new .product .bottom-casestudies a.color-icon {
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    margin: 0 10px 0 0;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 50%
}

.o-case-studies-new .product .bottom-casestudies a.color-icon img {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0
}

.o-case-studies-new .product .bottom-casestudies .btn-casestudies {
    padding: 0 13px;
    float: none;
    display: block;
    margin: 0 auto 0;
    max-width: 200px;
    background-color: #fff;
    color: #ff5800;
    float: right
}

@media (min-width:992px) {
    .o-case-studies-new .product .bottom-casestudies .btn-casestudies {
        padding: 0 15px
    }
}

.o-case-studies-new .product .bottom-casestudies .btn-casestudies:hover {
    background-color: #ff5800;
    color: #fff;
    border: 2px solid #ff5800
}

.o-case-studies-new .product .bottom-casestudies .btn-casestudies1 {
    padding: 13px 32px;
    float: left;
    display: block;
    margin: 10px auto 0;
    max-width: 200px;
    background-color: #fff;
    color: #333;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study-home/icon-pdf.svg) 0 50% no-repeat;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: relative
}

.o-case-studies-new .product .bottom-casestudies .btn-casestudies1:after {
    content: "";
    position: absolute;
    left: 32px;
    bottom: 9px;
    width: 100px;
    background-color: #c3c3c3;
    height: 1px
}

.o-case-studies-new .product .bottom-casestudies .btn-casestudies1:hover::after {
    background-color: #494646
}

.o-case-studies-new .filter-height {
    height: 340px;
    overflow-y: scroll;
    margin: 0 0 50px 0;
    display: none;
    position: absolute;
    z-index: 9;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 25px;
    right: 0;
    top: 2px;
    text-align: left;
    min-width: 215px
}

.o-case-studies-new .filter-height ul li .case-study-label {
    position: relative;
    line-height: 100%;
    cursor: pointer
}

.o-case-studies-new .filter-height ul li:last-child {
    padding-bottom: 0
}

.o-case-studies-new .tech-filter-height {
    z-index: 99
}

.o-case-studies-new .filter-height ul li {
    padding: 0 0 12px;
    position: relative
}

.o-case-studies-new .filter-height ul li img {
    margin-right: 10px;
    width: 20px
}

.o-case-studies-new .filter-height ul li input {
    margin: 0 5px 0 0;
    cursor: pointer
}

.btn-casestudies {
    display: inline-block;
    outline: 0;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    background: #ff5800;
    border-radius: 4px;
    font-size: 15px;
    line-height: 38px;
    text-transform: uppercase;
    border: 2px solid #ff5800;
    padding: 0 27px
}

@media (min-width:992px) {
    .btn-casestudies {
        font-size: 16px;
        line-height: 43px
    }
}

.btn-casestudies:hover {
    color: #fff;
    border-color: #fff;
    background-color: #14df7d
}

.drop-down-technologies {
    text-align: center;
    position: relative
}

@media (min-width:992px) {
    .drop-down-technologies {
        margin-right: 20px;
        text-align: right
    }
}

.drop-down-technologies .selected a img.filter-icon {
    margin-top: -6px
}

.drop-down-technologies .selected a img.icon-arrow {
    z-index: 10;
    position: relative;
    background-color: #fff
}

.drop-down-technologies .selected a img.icon-up {
    padding: 10px 5px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -wenkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

@media (min-width:992px) {
    .drop-down-technologies .selected a img.icon-up {
        padding: 10px 15px
    }
}

.drop-down-technologies .selected a img.icon-down {
    padding: 10px 5px;
    border: 1px solid 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -wenkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    border-bottom: none
}

@media (min-width:992px) {
    .drop-down-technologies .selected a img.icon-down {
        padding: 10px 15px
    }
}

.o-case-study-cta {
    padding: 20px 0 60px 0;
    text-align: center
}

.paging {
    text-align: center;
    margin: 15px 0 30px 0
}

@media (min-width:992px) {
    .paging {
        margin: 30px 0 30px 0
    }
}

.paging span {
    padding: 6px 12px;
    font-weight: 700;
    color: #000;
    margin: 5px
}

.paging span.current {
    background: #ff5800;
    color: #fff
}

.paging em {
    padding: 10px;
    font-weight: 700;
    color: #000;
    margin: 5px
}

.paging a {
    color: #000;
    font-weight: 700;
    padding: 6px
}

.paging ul {
    text-align: center
}

.paging ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    border-radius: 5px;
    color: #000
}

.paging ul li:first-child {
    border: 1px solid #333;
    color: #373737;
    margin-right: 5px;
    position: relative;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/left-icon.svg) no-repeat center center
}

.paging ul li:first-child .flex-center {
    text-indent: 9999px
}

.paging ul li .flex-center {
    padding: 6px 0;
    cursor: pointer;
    width: 32px;
    height: 32px
}

.paging ul li .active-page {
    background: #ff5800;
    color: #fff;
    border-radius: 5px;
    height: 34px !important
}

.paging ul li:last-child {
    border: 1px solid #333;
    color: #373737;
    margin-left: 5px;
    position: relative;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/right-icon.svg) no-repeat center center
}

.paging ul li:last-child .flex-center {
    text-indent: 9999px
}

.paging ul li:nth-child(2) {
    display: inline-block !important;
    position: relative
}

.paging ul li:nth-last-child(2) {
    display: inline-block !important;
    position: relative
}

.paging ul li:nth-last-child(2):before {
    content: "...";
    float: left;
    margin: 2px 0 0
}

.paging ul.prevShep li:nth-child(2):before {
    display: none
}

.paging ul.midShep li:nth-child(2):before {
    content: "...";
    float: right;
    margin: 2px 0 0
}

.paging ul.lastShep li:nth-child(2):before {
    content: "...";
    float: right;
    margin: 2px 0 0
}

.paging ul.lastShep li:nth-last-child(2):before {
    display: none
}

.paging ul.eSepter li:nth-last-child(2):before {
    display: none
}

.filter ::-webkit-scrollbar {
    width: 5px;
    background-color: #ccc
}

.filter ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #fcfcfc;
    box-shadow: inset 0 0 5px #fcfcfc;
    border-radius: 10px
}

.filter ::-webkit-scrollbar-thumb {
    border-radius: 25px;
    height: 30px;
    background-color: #4a4a4a;
    margin-top: 25px
}

.banner-image-over {
    display: none
}

.image-position-case {
    position: relative;
    width: 80px;
    float: left;
    height: 60px
}

.image-position-case img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -wenkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.padding-top-90-mlnp {
    padding-top: 90px !important;
    height: 509px
}

.case-study-background-mlnp {
    height: 509px
}

.case-studies-banner {
    background-color: #cc2622db;
    padding: 0 15px !important
}

.case-studies-banner .mlpn-left {
    padding-left: 0
}

.case-studies-banner__banner-content {
    padding-top: 50px
}

.case-studies-banner__banner-content p {
    background-color: #9e2116;
    display: inline;
    padding: 10px 20px;
    font-size: 18px;
    color: #fff
}

.case-studies-banner__banner-content h1 {
    font-size: 36px;
    padding: 5px 0 25px;
    line-height: 46px
}

.client-heading-mlnp {
    color: #494949;
    font-size: 55px !important;
    text-transform: uppercase !important;
    margin-bottom: 30px !important;
    margin-top: 35px !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700
}

.client-description-mlnp {
    font-size: 17px !important
}

.challenge-bullets {
    display: block
}

@media (min-width:992px) {
    .challenge-bullets {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.challenge-bullets li {
    padding-left: 20px !important;
    padding-right: 10px;
    line-height: 28px !important
}

.challenge-bullets li:before {
    content: '';
    background-color: #ec3e2e;
    background-image: none !important;
    top: 5px !important;
    width: 4px !important;
    height: 50px !important
}

@media (min-width:992px) {
    .challenge-bullets li:before {
        height: 75px !important
    }
}

.mlnp-watch-text {
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    display: inline;
    position: relative;
    padding-top: 2px !important
}

.mlnp-watch-text:before {
    content: '';
    position: absolute;
    width: 290px;
    height: 4px;
    background-color: #d0352b;
    left: 0;
    top: -8px
}

.video-mlnp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.video {
    height: 315px
}

.video-box {
    height: 315px;
    position: relative
}

.video-thumbnail {
    z-index: 300;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.video-frame {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.thumbnail-link .video-thumbnail {
    display: block
}

.thumbnail-link:hover .video-thumbnail {
    display: none
}

#video-container {
    position: relative;
    max-width: 40em;
    margin: auto;
    border: 1px solid #000;
    -webkit-box-shadow: .25em .25em .25em rgba(0, 0, 0, .3);
    box-shadow: .25em .25em .25em rgba(0, 0, 0, .3)
}

#video-container video {
    display: block;
    width: 100%;
    height: auto
}

#video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    cursor: pointer
}

.hide {
    display: none
}

#starter {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.gradient-green-blue-mlnp {
    background: #00b35c;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #00b35c), color-stop(47%, #0b8a8a), color-stop(100%, #004475));
    background: linear-gradient(135deg, #00b35c -22%, #0e5579 47%, #004475 100%)
}

p.service-txt {
    min-height: auto !important;
    margin-bottom: 0 !important;
    font-family: Montserrat, sans-serif
}

.download-form {
    max-width: 625px;
    margin: 0 auto;
    padding: 0;
    border-radius: 5px;
    overflow: hidden
}

.download-form form {
    padding: 20px 40px 20px 40px;
    background-color: #fff
}

@media (min-width:992px) {
    .download-form form {
        padding: 20px 60px 40px
    }
}

.download-form label {
    display: block;
    margin-bottom: 10px
}

.download-form input {
    border-bottom: 1px solid #000;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 10px 20px 50px;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.download-form .cs-name {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-1.png) 0 50% no-repeat
}

.download-form .cs-email {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-2.png) 0 50% no-repeat
}

.download-form button {
    margin: 20px 0 0 0
}

.download-form .popup-heading {
    width: 100%;
    height: 110px;
    padding: 30px 140px 30px 40px;
    position: relative
}

@media (min-width:992px) {
    .download-form .popup-heading {
        padding: 30px 110px 30px 60px
    }
}

.download-form .popup-heading:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study/popup-heading-bg.png) 100% 100% no-repeat;
    content: "";
    position: absolute;
    right: 30px;
    bottom: 0;
    width: 108px;
    height: 88px
}

.download-form .popup-heading h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #fff
}

@media (min-width:992px) {
    .download-form .popup-heading h2 {
        font-size: 30px;
        line-height: 47px
    }
}

.download-form .popup-heading p {
    color: #fff;
    font-size: 19px;
    line-height: 30px
}

.download-form .ohnohoney {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1
}

.popup-modal button.close {
    z-index: 999;
    position: relative;
    right: 23% !important;
    top: 42px !important;
    background: 0 0 !important;
    padding: 10px;
    opacity: 1
}

.cs-banner-pdf {
    padding: 7px 32px;
    float: none;
    margin: 30px auto;
    color: #fff;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study/icon-pdf-1.svg) 0 50% no-repeat;
    text-decoration: underline;
    font-family: Montserrat, sans-serif;
    position: relative;
    text-decoration: none;
    font-size: 20px
}

.case-studies-details .cs-banner-pdf {
    font-size: 16px;
    font-weight: 600;
    padding-right: 0
}

@media (min-width:992px) {
    .cs-banner-pdf {
        float: left;
        display: block;
        margin: 30px auto 0
    }
}

.cs-banner-pdf:after {
    content: "";
    position: absolute;
    left: 34px;
    bottom: 0;
    width: 288px;
    background-color: #14df7d;
    height: 2px;
    display: none
}

@media (min-width:992px) {
    .cs-banner-pdf:after {
        display: block
    }
}

.case-studies-details .cs-banner-pdf:after {
    display: block;
    width: auto;
    right: 0
}

.cs-banner-pdf:hover {
    color: #fff
}

.cs-banner-pdf:hover::after {
    background-color: #fff
}

.cs-banner-pdf:focus {
    color: #fff
}

.case-study-download {
    padding: 30px 0;
    margin: 60px 0 0 0;
    text-align: center;
    background-color: #091b38
}

@media (min-width:992px) {
    .case-study-download {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/case-study/download-bg.jpg) 50% 50% no-repeat #091b38;
        text-align: left
    }
}

.case-study-download img.download-icon {
    float: right;
    display: none
}

@media (min-width:992px) {
    .case-study-download img.download-icon {
        display: block
    }
}

.case-study-download h2 {
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    font-weight: 700;
    padding: 15px 0 0;
    text-transform: uppercase
}

.cs-bot-banner-pdf {
    border: 2px solid #ff5800;
    color: #fff;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study/icon-down-arrow.png) 88% 50% no-repeat;
    font-size: 17px;
    line-height: 24px;
    font-family: Montserrat, sans-serif;
    padding: 16px 60px 18px 30px;
    border-radius: 5px;
    margin: 40px 0 0 0;
    display: inline-block;
    background-color: #ff5800;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .cs-bot-banner-pdf {
        padding: 16px 60px 18px 15px
    }
}

@media screen and (min-width:1200px) {
    .cs-bot-banner-pdf {
        padding: 16px 60px 18px 30px
    }
}

.cs-bot-banner-pdf:focus {
    color: #fff
}

.cs-bot-banner-pdf:hover {
    background-color: #ff5800;
    color: #fff;
    border: 2px solid #fff
}

.retention-rate {
    background: #10d08e;
    background: linear-gradient(135deg, #10d08e 0, #082653 100%);
    padding: 45px 35px 130px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.hurry {
    width: 80%;
    position: absolute;
    left: 50%;
    top: -210px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 40px 80px 60px;
    text-align: center;
    -webkit-box-shadow: 0 0 18px 0 #a6a6a6;
    box-shadow: 0 0 18px 0 #a6a6a6;
    background: #fff;
    text-align: center;
    border-radius: 10px
}

.hurry h3 {
    font-size: 36px;
    margin-bottom: 10px
}

.hurry p {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    font-family: Montserrat, sans-serif
}

.hurry .btn {
    padding: 12px 0 !important;
    max-width: 240px !important
}

@media (min-width:992px) {
    .hurry .btn {
        padding: 19px 0 !important;
        max-width: 350px !important
    }
}

.o-casestudies-thankyou {
    text-align: center;
    position: relative;
    padding: 170px 0 50px;
    overflow: hidden;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/casestudies-thank-you/thank-you-banner.jpg) 50% 50% no-repeat;
    margin-bottom: 290px
}

.o-casestudies-thankyou h1 {
    font-size: 40px;
    line-height: 44px;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.o-casestudies-thankyou p {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    padding-bottom: 40px
}

.o-casestudies-thankyou p a {
    text-decoration: underline;
    color: #fff !important
}

.case-thanks .btn {
    z-index: 0;
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
    padding: 12px 0;
    max-width: 240px
}

.case-thanks .btn:after {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: -1
}

.case-thanks .social-footer-divider--social-pan {
    border-top: 0 !important
}

.cheaper-better {
    border: 2px solid #15b96a;
    padding: 10px 35px 30px;
    margin-bottom: 30px;
    margin-top: 30px
}

@media (min-width:992px) {
    .cheaper-better {
        padding: 50px 35px
    }
}

.cheaper-better p {
    font-size: 24px;
    line-height: 30px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .cheaper-better p {
        font-size: 30px;
        line-height: 36px
    }
}

.cheaper-better p span {
    display: block;
    font-size: 110px;
    line-height: 120px;
    font-weight: 600
}

.retention-rate1 {
    background: #10d08e;
    background: linear-gradient(135deg, #10d08e 0, #082653 100%);
    padding: 20px 35px 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .retention-rate1 {
        padding: 45px 35px 0
    }
}

.retention-rate1 h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 20px;
    text-align: center
}

@media (min-width:992px) {
    .retention-rate1 h4 {
        text-align: left;
        font-size: 28px;
        line-height: 36px
    }
}

.off-video-pan {
    border: 1px solid #d8d8d8;
    padding: 25px 30px;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .off-video-pan {
        padding: 20px
    }
}

.off-video-pan .off-video {
    max-width: 100%;
    float: left
}

@media (min-width:992px) {
    .off-video-pan .off-video {
        max-width: 250px;
        margin-right: 10px
    }
}

.off-video-pan .off-video-txt {
    width: 45%;
    margin-top: 0;
    float: left;
    margin-left: 10px
}

.off-video-pan .off-video-txt h3 {
    font-size: 22px;
    margin-bottom: 5px;
    line-height: 28px
}

.off-video-pan .off-video-txt p {
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif
}

.off-video-pan .off-video-txt a {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #ff5800 !important
}

.post-pan {
    border: 1px solid #d8d8d8;
    padding: 25px 20px 20px 20px
}

@media (min-width:992px) {
    .post-pan {
        padding: 10px 20px 30px 20px
    }
}

.post-pan h2 {
    font-size: 24px;
    margin-bottom: 30px;
    text-align: center
}

@media (min-width:992px) {
    .post-pan h2 {
        text-align: left;
        font-size: 30px
    }
}

.post-pan ul {
    padding-bottom: 20px
}

.post-pan ul li {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    overflow: hidden;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .post-pan ul li {
        font-size: 18px;
        line-height: 26px
    }
}

.post-pan ul li span {
    float: left;
    margin-right: 20px
}

.post-pan ul li a {
    color: #000;
    display: inline-block;
    width: 80%;
    padding-top: 10px
}

.post-pan .btn {
    max-width: 300px !important
}

.thank-right-top {
    overflow: hidden
}

.thank-right-top ul {
    overflow: hidden;
    margin-bottom: 20px
}

.thank-right-top ul li {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.thank-right-top ul li span {
    display: inline-block;
    margin-right: 10px;
    width: 25px
}

.thank-right-top ul li a {
    color: #000
}

.thank-right-top h3 {
    font-size: 28px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    margin-bottom: 30px
}

.thank-right-top p {
    font-family: Montserrat, sans-serif;
    font-size: 19px;
    font-weight: 600
}

.t-left {
    border: 1px solid #d8d8d8;
    padding: 30px;
    margin-bottom: 30px;
    float: left;
    width: 48%;
    min-height: 368px
}

.t-right {
    border: 1px solid #d8d8d8;
    padding: 30px;
    margin-bottom: 30px;
    float: right;
    width: 48%;
    min-height: 368px
}

@media (min-width:992px) {
    .banner-top-position__center {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-60%);
        -webkit-transform: translateY(-60%);
        -moz-transform: translateY(-60%);
        -ms-transform: translateY(-60%)
    }
}

@media (min-width:992px) {
    .case-studies-details .banner-top-position__center {
        display: block;
        position: relative;
        top: inherit;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.o-case-studies-new .masonry {
    -webkit-column-count: inherit;
    -moz-column-count: inherit;
    column-count: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:768px) {
    .o-case-studies-new .masonry {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:1280px) {
    .o-case-studies-new .masonry {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.o-case-studies-new .product {
    width: 100%;
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

@media (min-width:992px) {
    .o-case-studies-new .product {
        margin: 15px 10px
    }
}

@media screen and (min-width:992px) {
    .o-case-studies-new .product {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        width: 47%
    }
}

@media screen and (min-width:1280px) {
    .o-case-studies-new .product {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31.55%;
        flex: 0 0 31.55%;
        max-width: 31.55%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.o-case-studies-new .product .bottom-casestudies {
    text-align: left;
    border-top: 1px solid #eaeaea;
    padding: 13px 20px 13px;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:992px) {
    .o-case-studies-new .product .bottom-casestudies {
        margin-top: auto
    }
}

.o-case-studies-new .product .bottom-casestudies .btn-casestudies1 {
    padding: 13px 13px 13px 32px;
    float: left;
    display: block;
    margin: 0 auto 0;
    max-width: 200px;
    background-color: #fff;
    color: #333;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study-home/icon-pdf.svg) 0 50% no-repeat;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: relative
}

@media (min-width:992px) {
    .o-case-studies-new .product .bottom-casestudies .btn-casestudies1 {
        padding: 13px 32px
    }
}

#myModal1 .modal-content {
    padding: 0 !important;
    background-color: transparent
}

#myModal1 .modal-body {
    padding: 0 !important
}

.download-form .popup-heading:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study/popup-heading-bg.png) 100% 100% no-repeat;
    content: "";
    position: absolute;
    right: 30px;
    bottom: 0;
    width: 108px;
    height: 88px
}

.download-form input {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 10px 20px 50px;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    border: 0;
    border-bottom: 1px solid #000
}

.download-form .cs-name {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-1.png) 0 50% no-repeat
}

.download-form .cs-email {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/form-icon-2.png) 0 50% no-repeat
}

.download-form .u-submit {
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 19px 0;
    font-size: 18px;
    text-transform: uppercase;
    max-width: 350px;
    text-decoration: none;
    position: relative;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
    width: 250px;
    margin: 20px 0 0 0
}

.u-submit:after {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: -1;
    display: none
}

.download-form p {
    font-family: Montserrat, sans-serif;
    padding-top: 20px;
    font-size: 14px
}

#myModal1 button.close {
    z-index: 999;
    position: relative;
    right: -88% !important;
    top: 0 !important;
    background: 0 0 !important;
    padding: 10px;
    opacity: 1;
    width: 37px;
    text-align: center;
    background: 0 0 !important;
    float: right
}

@media (min-width:992px) {
    #myModal1 button.close {
        right: -50% !important;
        top: 5px !important;
        margin-left: 325px
    }
}

.o-thank-you__application {
    padding: 150px 0
}

.o-thank-you__top p {
    font-size: 14px;
    margin-bottom: 30px;
    font-family: Montserrat, sans-serif
}

.o-thank-you__footer {
    text-align: center;
    padding: 50px 0;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    color: #414446;
    font-size: 12px;
    line-height: 15px
}

.case-study-text {
    margin-top: 15px !important;
    display: inline-block !important
}

.mlnp-ch .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 60px 0
}

.mlnp-sol {
    padding: 60px 0
}

.mlnp-sol .mlnp-sol-img {
    display: block;
    margin: 0 auto
}

.mlnp-res {
    padding-top: 65px
}

.mlnp-res h3 {
    color: #fff
}

.mlnp-res .padding-bottom-60.img-responsive.center-block {
    display: block;
    margin: 0 auto
}

.mlnp-res h4 {
    line-height: 32px;
    padding-bottom: 20px;
    font-size: 24px !important;
    color: #333;
    margin-top: 50px !important
}

@media (min-width:992px) {
    .faq-section .btn_wrapper {
        margin-top: 40px !important
    }
}

.case-study-bnr {
    background: #0a1b39;
    padding: 80px 0 0 0;
    min-height: 145px
}

@media screen and (min-width:992px) {
    .case-study-bnr {
        padding: 80px 0 0 0;
        min-height: 150px
    }
}

@media screen and (min-width:992px) {
    .case-study-bnr {
        min-height: 280px;
        padding: 130px 0 0 200px;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/case-study/case-studies-banner.png) no-repeat 10% 100% #0a1b39
    }
}

.case-study-bnr h1 {
    text-align: center;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #36df7d
}

@media (min-width:992px) {
    .case-study-bnr h1 {
        font-size: 62px
    }
}

@media (min-width:992px) {
    .case-studies-class .o-case-studies-new {
        padding-top: 80px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content h3,
body.case-studies-details .o-case-study__clients__the-client-content h4,
body.case-studies-details .o-case-study__clients__the-client-content p,
body.case-studies-details .o-case-study__clients__the-client-content ul li,
body.case-studies-details .o-case-study__clients__the-client-content__services ul li,
body.case-studies-details .o-skills-hero__case-studies__banner-content,
body.case-studies-details .o-skills-hero__case-studies__banner-content p {
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {

    body.case-studies-details .o-case-study__clients__the-client-content h3,
    body.case-studies-details .o-case-study__clients__the-client-content h4,
    body.case-studies-details .o-case-study__clients__the-client-content p,
    body.case-studies-details .o-case-study__clients__the-client-content ul li,
    body.case-studies-details .o-case-study__clients__the-client-content__services ul li,
    body.case-studies-details .o-skills-hero__case-studies__banner-content,
    body.case-studies-details .o-skills-hero__case-studies__banner-content p {
        font-family: Montserrat, sans-serif
    }
}

body.case-studies-details .o-skills-hero {
    padding: 100px 0 50px
}

@media (min-width:992px) {
    body.case-studies-details .o-skills-hero {
        padding: 100px 0 !important
    }

    body.case-studies-details .o-skills-hero.padding-100 {
        padding: 120px 0 80px !important
    }

    body.case-studies-details .o-skills-hero.padding-100 .o-skills-hero__case-studies__banner-image {
        padding-top: 30px !important
    }
}

body.case-studies-details .o-skills-hero__case-studies .container>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body.case-studies-details .o-skills-hero__case-studies .col-sm-6.banner-top-position__center {
    position: relative;
    top: auto;
    -webkit-transform: none;
    transform: none
}

@media screen and (min-width:768px) {
    body.case-studies-details .o-skills-hero__case-studies .col-sm-6.banner-top-position__center {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width:992px) {
    body.case-studies-details .o-skills-hero__case-studies__banner-image {
        padding-top: 0
    }
}

body.case-studies-details .cs-banner-pdf {
    margin: 15px auto 0
}

@media (min-width:992px) {
    body.case-studies-details .cs-banner-pdf {
        margin: 30px 0 0
    }
}

body.case-studies-details .o-case-study__clients .container {
    padding-left: 30px;
    padding-right: 30px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

body.case-studies-details .pad-80 {
    padding: 50px 0
}

@media (min-width:992px) {
    body.case-studies-details .pad-80 {
        padding: 80px 0
    }
}

body.case-studies-details .padding-80 {
    padding-top: 50px
}

@media (min-width:992px) {
    body.case-studies-details .padding-80 {
        padding-top: 80px
    }
}

body.case-studies-details .font-weight-600 {
    font-weight: 600 !important
}

body.case-studies-details .font-weight-700 {
    font-weight: 700 !important
}

body.case-studies-details .o-case-study__clients-first {
    text-align: center;
    padding-top: 50px
}

@media screen and (min-width:768px) {
    body.case-studies-details .o-case-study__clients-first {
        padding-top: 40px;
        text-align: left
    }
}

body.case-studies-details .o-case-study__clients-first ul {
    text-align: left
}

body.case-studies-details .o-case-study__clients-title {
    font-size: 30px !important
}

body.case-studies-details .pad-80.o-case-study__clients-banner {
    padding-top: 0
}

@media (min-width:992px) {
    body.case-studies-details .pad-80.o-case-study__clients-banner {
        padding-top: 80px
    }
}

body.case-studies-details .o-case-study__clients-banner {
    padding-bottom: 50px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients-banner {
        padding-bottom: 80px
    }
}

body.case-studies-details .o-case-study__clients-banner .container {
    padding: 0
}

body.case-studies-details .o-case-study__clients-banner .o-case-study__clients__the-client-image img {
    width: 100%
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients-banner .o-case-study__clients__the-client-image img {
        width: auto
    }
}

body.case-studies-details .o-case-study__clients-banner .o-case-study__clients__the-client-content {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-top: 30px
}

body.case-studies-details .pad-bot-150 {
    padding-bottom: 105px
}

@media (min-width:992px) {
    body.case-studies-details .pad-bot-150 {
        padding-bottom: 150px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content h3 {
    font-size: 24px;
    line-height: 30px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content h3 {
        font-size: 24px;
        line-height: 36px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content h4 {
    font-size: 20px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content h4 {
        font-size: 30px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content p,
body.case-studies-details .o-case-study__clients__the-client-content ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

@media (min-width:992px) {

    body.case-studies-details .o-case-study__clients__the-client-content p,
    body.case-studies-details .o-case-study__clients__the-client-content ul li {
        font-size: 19px;
        line-height: 30px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content p {
    margin-bottom: 20px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content p {
        margin-bottom: 25px
    }
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content p[class=font-weight-600] {
        margin-bottom: 10px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content>p:last-of-type {
    margin-bottom: 0
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content>p:last-of-type {
        margin-bottom: 25px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content .font-size-24-i {
    font-size: 20px !important
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content .font-size-24-i {
        font-size: 24px !important
    }
}

body.case-studies-details .o-case-study__clients__the-client-content__services {
    padding-top: 0
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content__services {
        padding-top: 60px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content__services ul {
    margin-bottom: 0
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content__services ul {
        margin-bottom: 15px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content__services ul li {
    padding: 0 5px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content__services ul li {
        padding: 0 15px 15px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content__services ul li:after {
    display: none
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content__services ul li:after {
        display: block
    }
}

body.case-studies-details .o-case-study__clients__the-client-content__services ul li span {
    font-size: 14px;
    line-height: normal
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content__services ul li span {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:992px) {

    body.case-studies-details .o-case-study__clients__the-client-content__services+h3,
    body.case-studies-details .o-case-study__clients__the-client-content__services+h4 {
        margin-top: 20px
    }
}

body.case-studies-details .o-case-study__clients__the-client-image {
    text-align: center
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-image {
        text-align: left
    }
}

body.case-studies-details .padding-all-60 {
    padding: 30px
}

@media (min-width:992px) {
    body.case-studies-details .padding-all-60 {
        padding: 60px
    }
}

body.case-studies-details .o-case-study__clients__the-results {
    background: linear-gradient(135deg, #00b35c 0, #0b8a8a 47%, #004475 100%);
    padding-top: 55px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-results {
        padding-top: 100px
    }
}

body.case-studies-details .o-case-study__clients__the-results__div {
    padding-top: 0
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-results__div {
        padding-top: 10px
    }
}

body.case-studies-details .o-case-study__clients__the-client-content .the-results {
    top: -55px;
    max-width: 158px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-client-content .the-results {
        top: -70px;
        max-width: none
    }
}

body.case-studies-details .o-case-study__clients__the-results .o-case-study__clients__the-client-content h3 {
    margin-bottom: 0
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-results .o-case-study__clients__the-client-content h3 {
        margin-bottom: 20px
    }
}

body.case-studies-details .font-size-24-i,
body.case-studies-details .o-case-study__clients__the-results__div h4 {
    font-size: 20px;
    line-height: 28px
}

@media (min-width:992px) {

    body.case-studies-details .font-size-24-i,
    body.case-studies-details .o-case-study__clients__the-results__div h4 {
        font-size: 30px;
        line-height: normal
    }
}

body.case-studies-details .o-case-study__clients__the-results__div p {
    font-size: 16px
}

@media (min-width:992px) {
    body.case-studies-details .o-case-study__clients__the-results__div p {
        font-size: 19px
    }
}

body.case-studies-details .results-content {
    padding-bottom: 5px
}

@media (min-width:992px) {
    body.case-studies-details .results-content {
        padding-bottom: 60px
    }
}

body.case-studies-details .case-study-download {
    margin-top: 50px;
    padding: 50px 0;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study/download-mob-bg.jpg) 50% 50% no-repeat #091b38;
    background-size: auto 100%
}

@media (min-width:992px) {
    body.case-studies-details .case-study-download {
        margin-top: 60px;
        padding: 30px 0;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/case-study/download-bg.jpg) 50% 50% no-repeat #091b38;
        background-size: 100% auto
    }
}

body.case-studies-details .case-study-download img.download-icon {
    display: block;
    margin: 0 auto;
    float: none;
    max-width: 117px
}

@media (min-width:992px) {
    body.case-studies-details .case-study-download img.download-icon {
        max-width: 100%
    }
}

body.case-studies-details .cs-bot-banner-pdf {
    margin-top: 15px
}

@media (min-width:992px) {
    body.case-studies-details .cs-bot-banner-pdf {
        margin-top: 40px
    }
}

body.case-studies-details .case-studies-banner .cs-bot-banner-pdf {
    margin-top: 15px
}

body.case-studies-details .case-study-download h2 {
    font-size: 24px;
    line-height: 32px;
    max-width: 225px;
    margin: 0 auto
}

@media (min-width:992px) {
    body.case-studies-details .case-study-download h2 {
        font-size: 40px;
        line-height: 55px;
        max-width: none
    }
}

body.case-studies-thanks .hurry-section-cs .hurry .btn-orange {
    padding-right: 0 !important
}

body.case-studies-thanks .o-casestudies-thankyou {
    padding-bottom: 0;
    margin: 0
}

@media (min-width:992px) {
    body.case-studies-thanks .o-casestudies-thankyou {
        padding-bottom: 50px;
        margin-bottom: 290px
    }
}

body.case-studies-thanks .o-casestudies-thankyou h1 {
    font-size: 30px;
    max-width: 225px;
    margin: 0 auto
}

@media (min-width:992px) {
    body.case-studies-thanks .o-casestudies-thankyou h1 {
        font-size: 40px;
        max-width: none
    }
}

body.case-studies-thanks .o-casestudies-thankyou p {
    font-size: 18px
}

@media (min-width:992px) {
    body.case-studies-thanks .o-casestudies-thankyou p {
        font-size: 24px
    }
}

body.case-studies-thanks .survey-thank-pg {
    padding-top: 50px
}

body.case-studies-thanks .hurry {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding: 30px;
    -webkit-transform: none;
    transform: none
}

@media (min-width:992px) {
    body.case-studies-thanks .hurry {
        width: 70%;
        position: absolute;
        left: 50%;
        top: -200px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 40px 80px 60px
    }
}

body.case-studies-thanks .hurry h3 {
    font-size: 23px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    body.case-studies-thanks .hurry h3 {
        font-size: 36px;
        margin-bottom: 10px
    }
}

body.case-studies-thanks .hurry p {
    font-size: 16px;
    line-height: 28px
}

@media (min-width:992px) {
    body.case-studies-thanks .hurry p {
        font-size: 24px;
        line-height: 40px
    }
}

body.case-studies-thanks .hurry .btn-center-block {
    width: auto
}

@media (min-width:992px) {
    body.case-studies-thanks .hurry .btn-center-block {
        width: 350px
    }
}

body.case-studies-thanks .hurry .btn {
    width: auto;
    font-size: 16px
}

@media (min-width:992px) {
    body.case-studies-thanks .hurry .btn {
        font-size: 18px
    }
}

body.case-studies-thanks .t-left,
body.case-studies-thanks .t-right {
    width: 100%
}

@media (min-width:992px) {

    body.case-studies-thanks .t-left,
    body.case-studies-thanks .t-right {
        width: 48%
    }
}

body.case-studies-thanks .off-video-pan .off-video-txt {
    width: 100%
}

@media (min-width:992px) {
    body.case-studies-thanks .off-video-pan .off-video-txt {
        width: 45%
    }
}

body.case-studies-thanks .off-video {
    margin: 0 0 15px
}

@media (min-width:992px) {
    body.case-studies-thanks .off-video {
        margin-bottom: 0
    }
}

body.case-studies-thanks .post-pan ul li a {
    width: 68%
}

@media (min-width:992px) {
    body.case-studies-thanks .post-pan ul li a {
        width: 80%
    }
}

body.case-studies-thanks .thank-right-top ul li a {
    font-size: 13px
}

@media (min-width:992px) {
    body.case-studies-thanks .thank-right-top ul li a {
        font-size: 16px
    }
}

body.case-studies-thanks .btn {
    margin-left: auto !important;
    margin-right: auto !important
}

@media (min-width:992px) {
    body.case-studies-thanks .btn {
        margin-left: 0 !important
    }
}

body.case-studies-thanks .off-video-txt {
    margin-left: 0
}

@media (min-width:992px) {
    body.case-studies-thanks .off-video-txt {
        margin-left: 20px
    }
}

.case-studies-thanks .o-navigation-bar img {
    padding-top: 0
}

@media (min-width:992px) {
    .case-studies-thanks .o-navigation-bar img {
        padding-top: 15px
    }
}

.case-studies-thanks .o-casestudies-thankyou p {
    padding-bottom: 15px
}

@media (min-width:992px) {
    .case-studies-thanks .o-casestudies-thankyou p {
        padding-bottom: 40px
    }
}

.case-studies-thanks .t-right {
    min-height: inherit
}

@media (min-width:992px) {
    .case-studies-thanks .t-right {
        min-height: 368px
    }
}

.case-studies-thanks .o-footer p {
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .case-studies-thanks .o-footer p {
        font-family: Montserrat, sans-serif
    }
}

.hurry-section-cs {
    margin-top: 45px
}

@media (min-width:992px) {
    .hurry-section-cs {
        margin-top: 0
    }
}

.o-skills-hero__case-studies .mobile-off {
    display: none !important
}

@media (min-width:992px) {
    .o-skills-hero__case-studies .mobile-off {
        display: inline-block !important
    }
}

.o-skills-hero__case-studies .desktop-off {
    display: inline-block !important
}

@media (min-width:992px) {
    .o-skills-hero__case-studies .desktop-off {
        display: none !important
    }
}

.o-case-study__clients__the-client-image picture img[src="images/case-study/the-solution.jpg"] {
    margin-bottom: 40px
}

.o-case-study__clients__the-client-image picture img[src="images/case-study/the-solution.png"] {
    margin-bottom: 60px
}

@media (min-width:992px) {
    .ch-content {
        padding-left: 25px !important
    }
}

@media (min-width:992px) {

    .cli-content,
    .sol-content {
        padding-left: 25px !important
    }
}

@media (min-width:992px) {
    .sol {
        padding-top: 80px
    }
}

.small-img-text {
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 30px 0
}

@media (min-width:992px) {
    .small-img-text {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0
    }
}

.small-img-text h2 {
    max-width: 290px;
    padding-left: 20px;
    padding-top: 0;
    font-size: 28px;
    line-height: 36px
}

@media (min-width:992px) {
    .small-img-text h2 {
        font-size: 42px;
        line-height: 52px;
        padding-top: 10px
    }
}

.new-style h3 {
    font-size: 30px;
    line-height: 46px;
    font-weight: 500
}

.case-studies-details .gradient-green-blue {
    background: linear-gradient(135deg, #00b35c 0, #0b8a8a 47%, #004475 100%)
}

form#brandfilter {
    display: inline-block
}

.case-studies-class .process-section h2 {
    margin-bottom: 20px !important
}

.o-skills-hero__case-studies .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media screen and (min-width:768px) {
    .o-skills-hero__case-studies .row {
        -webkit-box-orient: inherit;
        -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
        flex-direction: inherit
    }
}

.case-study-bnr:after {
    background-size: 70%
}

.o-case-studies-slider .slick-track {
    background: #fff
}

.list-box {
    margin-bottom: 25px !important
}

.list-box li {
    padding: 15px !important
}

.list-box li:before {
    display: none
}

.list-box li p {
    margin-bottom: 10px !important;
    font-size: 16px !important;
    padding-left: 30px
}

.list-box li .title {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px !important;
    font-size: 19px !important
}

.list-box li .title:before {
    width: 20px;
    height: 20px;
    top: 5px;
    background-size: 100%;
    content: '';
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/green-arrow.png);
    position: absolute;
    left: 0
}

.cs-table table {
    font-size: 14px;
    color: #333
}

.cs-table table tr td {
    font-weight: 500
}

.cs-finance-img-wrp {
    text-align: left
}

.cs-finance-img-wrp .l-15 {
    margin-left: 15px
}

.green-arrow {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-study/green-right-arrow.png) no-repeat center center;
    width: 11px;
    height: 17px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 9px;
    background-size: 8px
}

.dm-box {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #05b281;
    margin-right: 5px;
    display: none
}

.table td {
    position: relative
}

@media (min-width:992px) {
    .results-content .table {
        margin: 20px 0 30px
    }
}

.car-box {
    margin-bottom: 30px
}

.car-box img {
    -webkit-box-shadow: 0 5px 10px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px 4px rgba(0, 0, 0, .1);
    border-radius: 15px;
    border-width: 1px 1px 1px 1px;
    border-color: #ead6d6;
    border-style: solid;
    border-bottom-color: #e6e0e0
}

.survey-thank-pg {
    padding-top: 99px
}

.survey-thank-pg .o-navigation-bar {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110;
    width: 100%;
    padding: 20px 0
}

.survey-thank-pg .o-skills-hero__thank-you-heading {
    text-align: center;
    text-align: center;
    background: #10d08e;
    background: linear-gradient(135deg, #10d08e 0, #082653 100%);
    margin-bottom: 40px
}

.survey-thank-pg .o-skills-hero__thank-you-heading h1.js-hero-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 20px
}

@media (min-width:992px) {
    .survey-thank-pg .o-skills-hero__thank-you-heading h1.js-hero-title {
        font-size: 40px;
        line-height: 44px
    }
}

.survey-thank-pg .o-skills-hero__thank-you-heading p {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-weight: 500
}

.survey-thank-pg .col-md-10 {
    margin: 0 auto
}

.survey-thank-pg .hurry {
    -webkit-box-shadow: 0 0 18px 0 #a6a6a6;
    box-shadow: 0 0 18px 0 #a6a6a6;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 40px
}

@media (min-width:992px) {
    .survey-thank-pg .hurry {
        width: 648px;
        padding: 40px 80px 60px
    }
}

.survey-thank-pg .hurry:before {
    display: none
}

.survey-thank-pg .o-photo-gallery .close {
    top: -15px;
    right: -13px;
    line-height: 29px
}

.hurry-section {
    position: relative
}

.hurry-section h3 {
    font-size: 30px;
    margin-bottom: 10px
}

.hurry-section p {
    font-size: 16px;
    line-height: 28px;
    color: #333;
    font-weight: 300
}

.hurry-section .js-talk-to-us {
    font-size: 16px;
    line-height: 51px;
    padding: 0 24px;
    border-radius: 10px;
    display: inline-block;
    outline: 0;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    background: #ff5800;
    border-radius: 4px;
    font-size: 16px;
    line-height: 43px;
    text-transform: uppercase;
    border: 2px solid #ff5800;
    padding: 0 27px
}

@media (min-width:992px) {
    .hurry-section .js-talk-to-us {
        line-height: 60px;
        font-size: 20px
    }
}

.hurry-section .js-talk-to-us:after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 13px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/icon-arrow-next-small.svg) 50% 50% no-repeat;
    background-size: 7px auto;
    margin-left: 15px
}

.j-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fifty-section .cheaper-better {
    margin-top: 0
}

.fifty-section .cheaper-better p span {
    color: #414446
}

.fifty-section .js-talk-to-us {
    display: inline-block;
    outline: 0;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    background: #ff5800;
    border-radius: 4px;
    font-size: 16px;
    line-height: 43px;
    text-transform: uppercase;
    border: 2px solid #ff5800;
    padding: 0 27px
}

.fifty-section .js-talk-to-us:after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 13px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/icon-arrow-next-small.svg) 50% 50% no-repeat;
    background-size: 7px auto;
    margin-left: 15px
}

.fifty-section .retention-rate h4 {
    font-size: 26px;
    color: #fff;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 20px;
    font-weight: 600
}

.fifty-section .retention-rate .c-btn.js-talk-to-us.js-hero-button {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.fifty-section .retention-rate img {
    position: absolute;
    left: 0;
    bottom: 0
}

.fifty-section .off-video-pan p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 28px
}

.fifty-section .off-video-pan .off-video-txt a:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/icon-arrow-next-o.svg) 50% 50% no-repeat
}

.fifty-section .post-pan {
    padding: 20px
}

@media (min-width:992px) {
    .fifty-section .post-pan {
        padding: 40px
    }
}

.c-bodytext-5 {
    font-size: 12px;
    line-height: 15px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    color: #414446
}

.survey-thank-pg-final .o-skills-hero__thank-you-heading {
    margin-bottom: 75px
}

.case-study-thank-pg .cheaper-better .btn,
.case-study-thank-pg .retention-rate1 .btn,
.case-study-thank-pg .thank-right-top .btn {
    display: block;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    z-index: 0;
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
    padding: 12px 0;
    max-width: 240px;
    margin: 0
}

@media (min-width:992px) {

    .case-study-thank-pg .cheaper-better .btn,
    .case-study-thank-pg .retention-rate1 .btn,
    .case-study-thank-pg .thank-right-top .btn {
        font-size: 18px
    }
}

.case-study-thank-pg .cheaper-better .btn:after,
.case-study-thank-pg .retention-rate1 .btn:after,
.case-study-thank-pg .thank-right-top .btn:after {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: -1
}

.case-study-thank-pg .off-video-pan .btn {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #ff5800 !important;
    z-index: 0;
    border: 2px solid #ff5800;
    padding: 12px 0;
    max-width: 240px;
    font-size: 16px
}

@media (min-width:992px) {
    .case-study-thank-pg .off-video-pan .btn {
        font-size: inherit
    }
}

.case-study-thank-pg .post-pan .btn {
    z-index: 0;
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
    padding: 12px 0;
    max-width: 300px !important;
    margin: 7px 0;
    font-size: 16px
}

@media (min-width:992px) {
    .case-study-thank-pg .post-pan .btn {
        font-size: inherit
    }
}

.case-study-thank-pg .post-pan .btn::after {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: -1
}

.o-casestudies-thankyou {
    text-align: center;
    position: relative;
    padding: 170px 0 50px;
    overflow: hidden;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/thank-you-banner.jpeg) 50% 50% no-repeat;
    margin-bottom: 290px
}

.case-study-thank-pg .o-casestudies-thankyou {
    padding-top: 75px
}

.hurry-section-cs .hurry {
    width: 70%;
    position: absolute;
    left: 50%;
    top: -210px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 40px 80px 60px;
    text-align: center;
    -webkit-box-shadow: 0 0 18px 0 #a6a6a6;
    box-shadow: 0 0 18px 0 #a6a6a6;
    background: #fff;
    text-align: center
}

.hurry-section-cs .hurry:before {
    display: none
}

@media (min-width:992px) {
    .hurry-section-cs .hurry .btn-orange {
        padding-right: 35px !important
    }
}

.hurry-section-cs .hurry h3 {
    font-size: 36px;
    margin-bottom: 10px
}

.hurry-section-cs .hurry p {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    font-family: Montserrat, sans-serif
}

.page-404 .o-hero-small {
    padding: 80px 0 0
}

.page-404 .o-hero-small .js-hero-sub-title {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    margin: 10px 0 0 0;
    font-family: Montserrat, sans-serif
}

.page-404 .o-hero-small__shadow {
    margin: 30px auto;
    text-align: center
}

.page-404 .o-hero-small__shadow span {
    display: inline-block;
    width: 100px;
    height: 8px;
    background: #333
}

.page-404 .common-bg-holder {
    padding: 80px 0 60px
}

.page-404 .common-bg-holder p {
    font-size: 16px;
    line-height: 28px;
    font-family: Montserrat, sans-serif
}

.page-404 .common-bg-holder .c-btn {
    display: inline-block;
    outline: 0;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    background: #ff5800;
    border-radius: 4px;
    font-size: 16px;
    line-height: 43px;
    text-transform: uppercase;
    border: 2px solid #ff5800;
    padding: 0 27px;
    line-height: 60px;
    font-size: 20px
}

.page-404 .common-bg-holder .c-btn:after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 24px;
    background-size: 14px auto;
    content: '';
    display: inline-block;
    width: 7px;
    height: 13px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/icon-arrow-next-bg.svg) 50% 50% no-repeat;
    background-size: 7px auto;
    margin-left: 15px
}

.st-header {
    background-color: #f7f8fa;
    padding: 20px 0 0
}

@media (min-width:992px) {
    .st-header {
        padding: 60px 0 35px
    }
}

.st-header h1 {
    font-size: 24px;
    line-height: 30px
}

@media (min-width:992px) {
    .st-header h1 {
        font-size: 45px;
        margin-bottom: 20px
    }
}

.st-header p {
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

@media (min-width:992px) {
    .st-header p {
        font-size: 22px;
        line-height: 34px
    }
}

.st-header img {
    float: left;
    margin-right: 20px;
    width: 90px
}

@media (min-width:992px) {
    .st-header img {
        width: auto
    }
}

.st-header .download-guide-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.st-header .download-guide-wrapper h1 {
    margin: 30px 0 40px
}

.st-header .download-guide-icon img {
    margin-right: 0
}

.st-header .s1000d-thank-dwnld-btn {
    font-family: poppins;
    background-color: #ff5800;
    border: 2px solid #ff5800;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase;
    width: 230px;
    height: 71px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.st-header .s1000d-thank-dwnld-btn svg {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.st-header .s1000d-thank-dwnld-btn:hover {
    background-color: transparent;
    color: #ff5800
}

.st-header .s1000d-thank-dwnld-btn:hover svg {
    stroke: #ff5800
}

.st-header .s1000d-thank-dwnld-btn:hover svg path {
    fill: #ff5800;
    stroke: #ff5800
}

.st-header-1 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/thankyou-bg.svg) 50% 50% no-repeat;
    text-align: center
}

.st-header-1 p {
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

@media (min-width:992px) {
    .st-header-1 p {
        font-size: 22px;
        line-height: 34px
    }
}

.s-thank .post-pan ul li a {
    width: 67%;
    padding-top: 0
}

@media (min-width:992px) {
    .s-thank .post-pan ul li a {
        width: 80%
    }
}

.survey-thank-pg-final .thank-you-final-banner {
    padding-top: 35px !important;
    padding-bottom: 5px !important;
    margin-bottom: 50px
}

.survey-thank-pg-final .thank-you-final-banner .o-skills-hero__icon {
    max-width: 80px;
    margin: 0 auto
}

.survey-thank-pg-final .thank-you-final-banner h1.js-hero-title {
    font-size: 32px;
    line-height: 32px
}

@media screen and (min-width:992px) {
    .post-pan ul li {
        font-size: 17px
    }
}

.post-pan ul li a {
    padding-top: 10px
}

@media screen and (min-width:992px) {
    .post-pan ul li a {
        padding-top: 0
    }
}

body[data-page=referral-program] .o-services-hero {
    background-image: none;
    text-align: left;
    background-color: #f1f4f8;
    padding: 0 0 50px;
    position: relative
}

@media (min-width:992px) {
    body[data-page=referral-program] .o-services-hero {
        padding: 10px 0 70px 0;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/common/header-pattern-r.png) 100% 0 no-repeat #f1f4f8;
        background-size: 30%
    }
}

body[data-page=referral-program] .o-services-hero .logo {
    display: block;
    margin: 0 auto 30px
}

@media (min-width:992px) {
    body[data-page=referral-program] .o-services-hero .logo {
        margin: 0 0 70px 0;
        display: inline
    }
}

body[data-page=referral-program] .o-services-hero p.med {
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 28px;
    font-family: Montserrat, sans-serif;
    text-align: center
}

@media (min-width:992px) {
    body[data-page=referral-program] .o-services-hero p.med {
        text-align: left
    }
}

body[data-page=referral-program] .o-services-hero h1 {
    font-size: 38px;
    line-height: 50px;
    color: #333;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: center
}

@media (min-width:992px) {
    body[data-page=referral-program] .o-services-hero h1 {
        text-align: left
    }
}

body[data-page=referral-program] .o-services-hero p.r-text1 {
    font-size: 24px;
    font-weight: 500;
    color: #25c351;
    line-height: 34px;
    font-family: Montserrat, sans-serif;
    text-align: center
}

@media (min-width:992px) {
    body[data-page=referral-program] .o-services-hero p.r-text1 {
        text-align: left
    }
}

body[data-page=referral-program] .o-services-hero p.r-text2 {
    font-size: 12px;
    line-height: 17px;
    font-family: Montserrat, sans-serif;
    text-align: center
}

@media (min-width:992px) {
    body[data-page=referral-program] .o-services-hero p.r-text2 {
        text-align: left
    }
}

body[data-page=referral-program] .o-services-hero__background-1 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/header-bottom-bg.png) 0 100% no-repeat;
    background-size: 40%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 150px
}

body[data-page=referral-program] .container {
    padding: 40px 20px
}

body[data-page=referral-program] .o-services-hero .refer-client-form {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/contact-us/dashed-line.png) 0 0 repeat-x #fff;
    padding: 40px;
    border-radius: 10px;
    margin-top: 50px
}

body[data-page=referral-program] .o-services-hero .refer-client-form h2 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    padding: 0;
    margin-bottom: 0;
    color: #333
}

body[data-page=referral-program] .o-services-hero .refer-client-form h3 {
    font-size: 16px;
    line-height: 32px;
    font-weight: 400
}

body[data-page=referral-program] .o-services-hero .refer-client-form input,
body[data-page=referral-program] .o-services-hero .refer-client-form textarea {
    outline: 0
}

body[data-page=referral-program] .o-services-hero .refer-client-form .u-name {
    border-bottom: 1px solid #c9c8c8;
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400
}

body[data-page=referral-program] .o-services-hero .refer-client-form .u-email {
    border-bottom: 1px solid #c9c8c8;
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400
}

body[data-page=referral-program] .o-services-hero .refer-client-form .u-name {
    border-bottom: 1px solid #c9c8c8;
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400
}

body[data-page=referral-program] .o-services-hero .refer-client-form .phone {
    border-bottom: 1px solid #c9c8c8;
    padding: 20px 20px 35px 0;
    color: #333;
    width: 100%;
    margin-bottom: 0;
    font-weight: 400;
    position: relative
}

body[data-page=referral-program] .o-services-hero .refer-client-form .phone input {
    width: 75%;
    border-bottom: 0
}

body[data-page=referral-program] .o-services-hero .refer-client-form .phone #r-phoneNumber {
    position: absolute;
    top: 19px;
    left: 60px
}

body[data-page=referral-program] .o-services-hero .refer-client-form .terms {
    margin: 20px 0;
    display: block;
    font-size: 16px
}

body[data-page=referral-program] .o-services-hero .refer-client-form .terms input {
    margin-right: 10px
}

body[data-page=referral-program] .o-services-hero .refer-client-form .r-submit {
    display: inline-block;
    outline: 0;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    background: #ff5800;
    text-transform: uppercase;
    border: 2px solid #ff5800;
    padding: 0 27px;
    border-radius: 10px;
    margin-bottom: 20px;
    line-height: 60px;
    font-size: 20px;
    max-width: 250px
}

body[data-page=referral-program] .o-services-hero .refer-client-form .r-submit:after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 13px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/icon-arrow-next-small.svg) 50% 50% no-repeat;
    background-size: 7px auto;
    margin-left: 15px
}

body[data-page=referral-program] .o-services-hero .refer-client-form input {
    margin-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0
}

body[data-page=referral-program] .o-services-hero .refer-client-form p {
    font-size: 13px;
    line-height: 18px;
    font-family: Montserrat, sans-serif
}

body[data-page=referral-program] .o-services-hero .refer-client-form p i {
    float: left;
    padding: 0 10px 20px 0
}

body[data-page=referral-program] .o-services-hero .refer-client-form .niceCountryInputMenuFilter input {
    width: 100%;
    width: calc(100% - 10px);
    margin: 5px;
    padding: 5px
}

body[data-page=referral-program] .o-services-hero .refer-client-form .niceCountryInputMenuDropdownContent {
    border: 1px solid #a8a8a8;
    border-top: 0;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 96px;
    background: #fff;
    width: 100%;
    z-index: 9
}

body[data-page=referral-program] .o-services-hero .refer-client-form .niceCountryInputMenuDropdownContent a {
    height: 25px;
    line-height: 25px;
    display: block;
    width: 100%;
    color: #000 !important;
    overflow: hidden;
    text-decoration: none;
    margin-bottom: 5px;
    font-weight: 400;
    padding: 0 10px
}

body[data-page=referral-program] .o-services-hero .refer-client-form .niceCountryInputMenuDropdownContent a:hover {
    background-color: gray !important;
    color: #fff !important;
    text-decoration: none
}

body[data-page=referral-program] .o-services-hero .refer-client-form .niceCountryInputMenuDropdownContent a img {
    margin-right: 10px
}

body[data-page=referral-program] .o-services-hero .refer-client-form .niceCountryInputMenuDropdownContent a span {
    font-weight: 300 !important
}

body[data-page=referral-program] .o-services-hero .refer-client-form .niceCountryInputMenu {
    background: #fff !important;
    color: #000 !important;
    border: 0;
    cursor: pointer;
    float: left;
    margin-right: 10px
}

body[data-page=referral-program] .o-services-hero .refer-client-form .niceCountryInputMenu .niceCountryInputMenuDefaultText {
    width: 35px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body[data-page=referral-program] .o-services-hero .refer-client-form .niceCountryInputMenu a {
    color: #000 !important
}

body[data-page=referral-program] .o-services-hero .refer-client-form .niceCountryInputMenu .niceCountryInputMenuCountryFlag {
    border: 1px solid #d3d3d3;
    width: 30px;
    height: auto;
    margin-left: 5px;
    margin-right: 5px
}

body[data-page=referral-program] .o-services-hero .refer-client-form .niceCountryInputMenu .niceCountryInputMenuDropdown {
    height: 25px;
    width: 21px;
    float: right;
    line-height: 25px;
    text-align: center;
    position: relative;
    right: 0;
    color: #000
}

.o-what-you-get-from-us--hit {
    text-align: center;
    padding: 40px 0
}

.o-what-you-get-from-us--hit h2 {
    font-size: 38px;
    line-height: 48px;
    font-weight: 600;
    color: #333;
    margin: 0 0 50px 0;
    text-transform: uppercase
}

@media (min-width:992px) {
    .o-what-you-get-from-us--hit h2 {
        font-size: 48px;
        line-height: 58px
    }
}

.o-what-you-get-from-us--hit h3 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 44px
}

.o-what-you-get-from-us--hit p {
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 25px 0;
    font-family: Montserrat, sans-serif
}

.srvy-thanku-ref {
    margin-bottom: 50px
}

.recaptcha-style {
    color: red;
    font-size: 14px;
    margin-top: 5px
}

.ml-auto,
.mx-auto {
    margin-left: auto
}

.mr-auto,
.mx-auto {
    margin-right: auto
}

@media (min-width:992px) {
    .mr-lg-0 {
        margin-right: 0
    }
}

.w-75 {
    width: 75%
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

@media (min-width:992px) {
    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.o-section {
    padding-top: 50px;
    padding-bottom: 50px
}

@media (min-width:992px) {
    .o-section {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width:992px) {
    .o-section--think-green {
        padding-top: 70px;
        padding-bottom: 80px
    }
}

.o-section__header {
    text-align: center;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .o-section__header {
        margin-bottom: 50px
    }
}

.o-section__desc {
    margin-bottom: 0;
    font-family: Montserrat, sans-serif
}

@media (max-width:767px) {
    .o-section__container-mobile {
        padding-left: 30px;
        padding-right: 30px
    }
}

.o-skills-hero--csr {
    background: #232b34;
    padding-bottom: 0
}

@media (min-width:1800px) {
    .o-skills-hero--csr .o-skills-hero__background {
        background-size: cover
    }
}

.o-skills-hero--csr .o-skills-hero__background::after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 70%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#232b34), color-stop(50%, #232b34), color-stop(99%, rgba(125, 185, 232, .02)), to(rgba(125, 185, 232, 0)));
    background: linear-gradient(to right, #232b34 0, #232b34 50%, rgba(125, 185, 232, .02) 99%, rgba(125, 185, 232, 0) 100%)
}

@media (min-width:992px) {
    .o-skills-hero--csr .o-skills-hero__container {
        padding-top: 140px;
        padding-bottom: 140px
    }
}

@media (min-width:992px) {
    .o-skills-hero__heading {
        font-size: 55px;
        line-height: 70px
    }
}

.o-skills-hero__sub-heading {
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .o-skills-hero__sub-heading {
        font-size: 24px;
        line-height: 40px
    }
}

.o-efforts__item {
    margin-bottom: 50px
}

@media (min-width:768px) {
    .o-efforts__item {
        margin-bottom: 50px
    }
}

@media (min-width:992px) {
    .o-efforts__item {
        margin-bottom: 80px
    }
}

.o-efforts__item:last-child {
    margin-bottom: 40px
}

.o-efforts__heading {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .o-efforts__heading {
        margin-bottom: 20px
    }
}

.o-efforts__info {
    padding: 30px 30px 0;
    margin: -50px 30px 0;
    text-align: center
}

@media (min-width:768px) {
    .o-efforts__info {
        padding: 50px 50px 0
    }
}

@media (min-width:992px) {
    .o-efforts__info {
        padding: 30px 0 30px 30px;
        margin: 0 0 0 -180px;
        text-align: left;
        max-width: 535px
    }
}

@media (min-width:992px) {
    .o-efforts__info--right {
        padding: 30px 30px 30px 0;
        margin: 0 -180px 0 0
    }
}

.o-efforts__desc {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 2
}

@media (min-width:992px) {
    .o-efforts__desc {
        font-size: 18px
    }
}

.o-think-green__media-wrapper {
    margin-bottom: 30px
}

@media (min-width:992px) {
    .o-think-green__media-wrapper {
        margin-bottom: 0
    }
}

.o-think-green__list-item {
    position: relative;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    padding-left: 36px
}

@media (min-width:992px) {
    .o-think-green__list-item {
        font-size: 18px
    }
}

.o-think-green__list-item:not(:last-child) {
    margin-bottom: 20px
}

.o-think-green__list-item::before {
    content: "";
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/csr/check_icon.svg);
    width: 21px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 8px
}

@media (min-width:992px) {
    .o-section--portfolio .o-section__heading {
        font-size: 46px;
        line-height: 56px
    }
}

.o-section--portfolio .o-section__desc {
    font-weight: 500;
    max-width: 90%;
    margin: 0 auto
}

@media (min-width:992px) {
    .o-section--portfolio .o-section__desc {
        font-size: 24px;
        max-width: 80%
    }
}

.o-portfolio {
    margin-left: -15px
}

.o-portfolio__item {
    padding: 0 0 15px 15px;
    position: relative;
    cursor: pointer
}

.o-portfolio__inner {
    position: relative
}

.o-portfolio__media {
    margin: 0
}

.o-portfolio__name {
    position: absolute;
    left: 35px;
    bottom: 30px;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    line-height: normal;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding-right: 60px;
    word-break: break-word;
    text-align: left
}

@media (min-width:1200px) {
    .o-portfolio__name {
        font-size: 24px;
        line-height: 32px;
        left: 50px;
        bottom: 35px;
        padding-right: 80px
    }
}

.o-portfolio__icon {
    position: absolute;
    right: 20px;
    bottom: 35px
}

@media (min-width:1200px) {
    .o-portfolio__icon {
        right: 35px;
        bottom: 42px
    }
}

.o-portfolio .slick-next,
.o-portfolio .slick-prev {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/node/prev.svg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    padding: 20px 30px;
    position: absolute;
    left: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    background-size: 10px
}

@media (min-width:992px) {

    .o-portfolio .slick-next,
    .o-portfolio .slick-prev {
        background-size: 100%;
        left: -30px
    }
}

.o-portfolio .slick-next.slick-disabled,
.o-portfolio .slick-prev.slick-disabled {
    opacity: .3;
    cursor: default
}

.o-portfolio .slick-next {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/node/next.svg);
    left: auto;
    right: -45px
}

.o-portfolio__right-pan {
    padding: 30px 15px;
    color: #333
}

@media (min-width:992px) {
    .o-portfolio__right-pan {
        padding: 60px
    }
}

.o-portfolio__proj-name {
    font-size: 24px;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    line-height: 32px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .o-portfolio__proj-name {
        font-size: 30px;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
}

.o-portfolio__proj-desc {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: normal
}

@media screen and (min-width:992px) {
    .o-portfolio__proj-desc {
        font-size: 14px
    }
}

@media screen and (min-width:1200px) {
    .o-portfolio__proj-desc {
        font-size: 18px;
        font-family: Montserrat, sans-serif
    }
}

.o-portfolio__link {
    font-family: Montserrat, sans-serif;
    color: #4a90e2;
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline
}

@media (min-width:992px) {
    .o-portfolio__link {
        font-family: Montserrat, sans-serif
    }
}

.slick-lightbox-on {
    overflow: hidden !important
}

.js-slider-modal {
    display: none
}

.slick-lightbox {
    z-index: 99999999 !important
}

.slick-lightbox .slick-lightbox-inner {
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px
}

@media (min-width:992px) {
    .slick-lightbox .slick-lightbox-inner {
        padding: 0
    }
}

.slick-lightbox .slick-lightbox-inner-wrap {
    background: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    position: relative;
    margin: auto;
    max-width: 100%
}

@media (min-width:992px) {
    .slick-lightbox .slick-lightbox-inner-wrap {
        max-width: 940px
    }
}

@media (min-width:1200px) {
    .slick-lightbox .slick-lightbox-inner-wrap {
        max-width: 1170px
    }
}

.slick-lightbox .slick-lightbox-slick-item {
    height: auto !important
}

.slick-lightbox .slick-lightbox-slick-item-inner {
    max-width: 100%;
    max-height: none !important;
    margin-top: -20px
}

@media (min-width:992px) {
    .slick-lightbox .slick-lightbox-slick-item-inner {
        max-height: 600px !important;
        overflow: hidden
    }
}

.slick-lightbox .slick-lightbox-slick-img {
    display: none !important
}

.slick-lightbox .slick-lightbox-slick-caption {
    margin: 0;
    text-align: left;
    display: inherit
}

@media (min-width:992px) {
    .slick-lightbox .slick-lightbox-slick-caption {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.slick-lightbox .slick-slide img {
    margin: 0 auto;
    width: 100%;
    height: auto
}

.slick-lightbox .slick-lightbox-close {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/node/close.svg) no-repeat center #fff;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0
}

@media (min-width:992px) {
    .slick-lightbox .slick-lightbox-close {
        top: 10px;
        right: 10px
    }
}

.slick-lightbox .slick-arrow {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/node/prev.svg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #2dbe70;
    background-size: 13px auto;
    border: 1px solid #2dbe70;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    z-index: 10;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.slick-lightbox .slick-arrow.slick-disabled {
    opacity: .3;
    cursor: default;
    border: 1px solid #333;
    background: #fff
}

@media (min-width:768px) {
    .slick-lightbox .slick-arrow {
        width: 50px;
        height: 50px
    }
}

@media (min-width:992px) {
    .slick-lightbox .slick-arrow {
        -webkit-transform: none;
        transform: none;
        top: auto;
        bottom: 0;
        border: 0;
        border-left: 1px solid #2dbe70;
        border-right: 1px solid #2dbe70
    }
}

.slick-lightbox .slick-next {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/node/next.svg);
    right: -45px !important
}

@media (min-width:992px) {
    .slick-lightbox .slick-next {
        right: 0 !important
    }
}

.slick-lightbox .slick-prev {
    left: -45px !important
}

@media (min-width:992px) {
    .slick-lightbox .slick-prev {
        left: auto !important;
        right: 51px
    }
}

ul.freamwork-list {
    display: inherit;
    text-align: center
}

@media (min-width:992px) {
    ul.freamwork-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: left
    }
}

ul.freamwork-list p {
    font-size: 18px;
    line-height: 28px
}

ul.freamwork-list p strong {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600
}

ul.freamwork-list li {
    margin-bottom: 20px;
    display: inherit
}

@media (min-width:992px) {
    ul.freamwork-list li {
        -webkit-box-flex: 50%;
        -ms-flex: 50%;
        flex: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:992px) {
    ul.freamwork-list li img {
        max-width: 187px;
        margin-right: 20px
    }
}

ul.freamwork-list li p {
    font-size: 16px;
    padding-bottom: 15px;
    font-family: Montserrat, sans-serif;
    margin-top: 10px
}

@media (min-width:992px) {
    ul.freamwork-list li p {
        font-family: Montserrat, sans-serif;
        font-size: 18px;
        padding-right: 20px;
        margin-top: 0
    }
}

ul.freamwork-list li p a {
    display: block;
    font-family: Montserrat, sans-serif;
    color: #333;
    text-decoration: underline;
    margin-top: 10px;
    font-weight: 500
}

ul.freamwork-list li p a:hover {
    text-decoration: none
}

.font-14 {
    font-size: 14px !important;
    line-height: 20px !important
}

.step-heading {
    display: block;
    vertical-align: top;
    margin-top: -5px;
    width: 150px !important
}

@media (min-width:992px) {
    .step-heading {
        display: inline-block;
        margin-left: 10px;
        width: 80% !important
    }
}

.why-dotnet li {
    vertical-align: top;
    margin-bottom: 30px;
    text-align: center
}

@media (min-width:992px) {
    .why-dotnet li {
        text-align: left
    }
}

.why-dotnet li img {
    display: inline-block;
    margin-right: 0;
    vertical-align: top;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .why-dotnet li img {
        width: 5%;
        margin-bottom: 0;
        position: relative;
        top: 5px;
        margin-right: 20px
    }
}

.why-dotnet li span {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    vertical-align: top;
    font-family: Montserrat, sans-serif;
    width: 100%;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .why-dotnet li span {
        width: 19%;
        margin-bottom: 0;
        margin-right: 30px
    }
}

.why-dotnet li p {
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    vertical-align: top;
    margin-bottom: 0
}

@media (min-width:992px) {
    .why-dotnet li p {
        width: 68%;
        margin-bottom: 25px
    }
}

.step-holder ol {
    padding-left: 20px
}

.step-holder ol li {
    list-style-type: decimal;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .step-holder ol li {
        font-family: Montserrat, sans-serif;
        font-size: 19px;
        line-height: 30px
    }
}

.new-step .how-it-works-holder span {
    line-height: 29px
}

.faq-holder {
    background-color: #fff
}

.faq-holder .panel1 p.related-tech {
    font-family: Montserrat, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important
}

.o-case-studies-new .faq-holder .accordion1 span {
    font-size: 16px !important
}

@media (min-width:992px) {
    .o-case-studies-new .faq-holder .accordion1 span {
        font-size: 20px !important
    }
}

.technology .o-skills-hero h1 {
    font-size: 28px !important;
    line-height: 38px !important;
    color: #fff
}

@media (min-width:992px) {
    .technology .o-skills-hero h1 {
        font-size: 48px !important;
        line-height: 68px !important
    }
}

.tech-text {
    font-size: 19px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    padding-top: 20px
}

.lds-dual-ring {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    -webkit-animation: lds-dual-ring 1.2s linear infinite;
    animation: lds-dual-ring 1.2s linear infinite
}

@-webkit-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.calendly-preloader {
    position: absolute;
    top: 25%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.calendly-preloader .calendly-preloader-text {
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 16px
}

.s-thank .why-details h5 {
    font-family: Montserrat, sans-serif
}

.o-efforts__item .col-md-4 {
    z-index: 9
}

.people-behind {
    padding: 50px 0
}

@media (min-width:992px) {
    .people-behind {
        padding: 80px 0 50px
    }
}

.o-aboutus--leadership-team .team {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-size: 18px;
    line-height: 26px;
    padding: 40px 0;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: relative
}

@media screen and (min-width:992px) {
    .o-aboutus--leadership-team .team {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (min-width:1200px) {
    .o-aboutus--leadership-team .team {
        font-size: 18px;
        line-height: 26px
    }
}

.o-aboutus--leadership-team-new .team {
    background-color: #fff
}

.team {
    min-height: 380px
}

.o-aboutus--leadership-team-new .team .team-img-holder {
    width: 178px;
    height: 178px;
    margin: 0 auto 40px;
    position: relative
}

.o-aboutus--leadership-team .team figure {
    display: inline-block;
    border: 20px solid #f7f7f7;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 30px
}

.o-aboutus--leadership-team-new .team span {
    font-size: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    display: block
}

@media screen and (min-width:992px) {
    .o-aboutus--leadership-team-new .team span {
        font-size: 18px
    }
}

@media screen and (min-width:1200px) {
    .o-aboutus--leadership-team-new .team span {
        font-size: 20px
    }
}

.o-aboutus--leadership-team-new .team .team-img-holder a.linkid-in {
    position: absolute;
    right: 12px;
    bottom: 40px
}

.o-section__desc {
    font-size: 18px;
    line-height: 24px
}

.csr-leadership-team h2 {
    margin-bottom: 30px
}

.hybrid .hybrid-offer .o-skills-benefits__contentholder {
    padding: 50px 30px
}

.hybrid .hybrid-offer .o-skills-benefits__contentholder .content-panel:before {
    display: none
}

.hybrid .hybrid-offer .o-skills-benefits__contentholder .content-panel img {
    height: 60px
}

.hybrid .hybrid-offer .o-skills-benefits__contentholder .content-panel h3 {
    padding: 20px 0 10px
}

.hybrid .t-list {
    text-align: center
}

.hybrid .t-list li {
    display: inline-block;
    text-align: center;
    margin: 10px 20px;
    font-family: Montserrat, sans-serif;
    font-size: 19px
}

.hybrid .t-list li img {
    display: block;
    margin: 0 auto 10px
}

.hybrid .hybrid-list {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top
}

.hybrid .hybrid-list.color-black li {
    color: #333
}

.hybrid .hybrid-list li {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    text-align: left;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/tick.png) no-repeat 0 0;
    padding-left: 30px;
    margin-bottom: 10px
}

.hybrid .hybrid-list-1 {
    width: 100%
}

@media (min-width:992px) {
    .hybrid .hybrid-list-1 {
        width: 15%
    }
}

.hybrid .hybrid-list-2 {
    width: 100%
}

@media (min-width:992px) {
    .hybrid .hybrid-list-2 {
        width: 20%
    }
}

.hybrid .hybrid-list-3 {
    width: 100%
}

@media (min-width:992px) {
    .hybrid .hybrid-list-3 {
        width: 30%
    }
}

.hybrid .hybrid-list-4 {
    width: 100%
}

@media (min-width:992px) {
    .hybrid .hybrid-list-4 {
        width: 20%
    }
}

.hybrid .masonry .body-text-medium {
    font-size: 19px;
    line-height: 32px
}

@media (min-width:992px) {
    .mid-border {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/staff/mid-border.png) repeat-y 50% 50%
    }
}

.with-cn-list {
    padding: 0 20px
}

.with-cn-list li {
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    line-height: 21px;
    clear: both;
    margin-bottom: 20px;
    vertical-align: top
}

.with-cn-list li span {
    float: left;
    vertical-align: top;
    width: 55px;
    margin-bottom: 30px
}

.with-cn {
    padding-bottom: 20px
}

@media (min-width:992px) {
    .with-cn {
        padding: 80px 0 50px
    }
}

.with-cn h2 {
    line-height: 36px
}

@media (min-width:992px) {
    .with-cn h2 {
        line-height: 43px
    }
}

.with-cn h3 {
    font-size: 20px;
    margin-bottom: 40px
}

.with-cn .padding-40 {
    padding-bottom: 40px
}

.expertise-python-section {
    border-top: 2px solid #14df7d
}

@media (min-width:992px) {
    .expertise-python-section {
        margin-bottom: 80px
    }
}

.expertise-python {
    border-bottom: 1px solid #9aa1ac;
    padding: 10px 0
}

.expertise-python span {
    width: 38%;
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    font-family: Montserrat, sans-serif;
    color: #333;
    font-weight: 600;
    vertical-align: middle
}

@media (min-width:992px) {
    .expertise-python span {
        font-size: 24px;
        line-height: 32px;
        vertical-align: top;
        padding-top: 10px
    }
}

.expertise-python .python-img-holder {
    display: inline-block;
    width: 60%;
    vertical-align: middle
}

@media (min-width:992px) {
    .expertise-python .python-img-holder {
        vertical-align: inherit
    }
}

.expertise-python img {
    display: inline-block;
    margin: 10px
}

.fc-acco.o-case-studies-new .faq-holder .accordion1 span {
    font-size: 16px !important;
    line-height: 28px
}

@media (min-width:992px) {
    .fc-acco.o-case-studies-new .faq-holder .accordion1 span {
        font-size: 20px !important;
        line-height: 32px
    }
}

.fc-acco .pad-80 {
    padding: 50px 0 10px
}

@media (min-width:992px) {
    .fc-acco .pad-80 {
        padding: 80px 0
    }
}

.fc-acco .faq-pan {
    margin-top: 20px
}

@media (min-width:992px) {
    .fc-acco .faq-pan {
        margin-top: 0;
        position: relative
    }
}

.faq-section {
    padding: 50px 0 10px
}

@media (min-width:992px) {
    .faq-section {
        padding: 80px 0
    }
}

.fc-acco .faq-holder {
    margin-bottom: 20px
}

.remote-dev .how-it-works-holder img {
    margin: 100px auto 0
}

.remote-dev .how-it-works-holder span {
    line-height: 36px
}

.o-engagement-model header {
    text-align: center;
    color: #fff
}

.o-engagement-model header p {
    font-family: Montserrat, sans-serif
}

.staff-chart {
    font-family: Montserrat, sans-serif
}

.staff-chart .chart-head .chart-head-1:first-child {
    background-color: transparent
}

.staff-chart .chart-head .chart-head-1 {
    width: 19%;
    display: inline-block;
    background-color: #71e19d;
    padding: 10px 15px;
    vertical-align: top;
    font-weight: 600
}

@media (min-width:992px) {
    .staff-chart .chart-head .chart-head-1 {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }
}

.staff-chart .chart-head .chart-head-1 img {
    display: inline-block;
    vertical-align: top
}

.staff-chart .chart-head .chart-head-1 span {
    display: inline-block
}

.staff-chart .chart-mid .chart-mid-1:first-child {
    border-bottom: none;
    background-color: #cbe3ff;
    font-size: 12px
}

@media (min-width:992px) {
    .staff-chart .chart-mid .chart-mid-1:first-child {
        border-bottom: 1px solid #474d5a
    }
}

.staff-chart .chart-mid .chart-mid-1:first-child span {
    font-size: 18px;
    padding-bottom: 5px;
    line-height: 20px
}

.staff-chart .chart-head .chart-head-1 span strong {
    display: block
}

.staff-chart .chart-mid .chart-mid-1 span {
    display: block
}

.staff-chart .chart-mid .chart-mid-1 {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    padding: 10px 15px;
    vertical-align: top;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #ccc
}

@media (min-width:992px) {
    .staff-chart .chart-mid .chart-mid-1 {
        width: 19%
    }
}

@media (min-width:992px) {
    .staff-chart .chart-mid .chart-mid-1 {
        min-height: 88px
    }
}

.mid-sub {
    padding: 10px 0 0
}

.mid-sub span {
    font-size: 16px
}

.staff-chart .chart-mid .chart-mid-1 span.price {
    font-size: 18px;
    padding: 10px 0;
    display: inline-block
}

@media (min-width:992px) {
    .staff-chart .chart-mid .chart-mid-1 span.price {
        padding: 20px 0
    }
}

.gst {
    color: #cbe3ff;
    font-size: 14px;
    padding: 10px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 0
}

@media (min-width:992px) {
    .gst {
        margin-bottom: 50px !important
    }
}

.staff-chart .chart-mid .staff-first-child {
    border-top-left-radius: 5px
}

@media (min-width:992px) {
    .staff-chart .chart-mid .staff-first-child-bottom {
        border-bottom-left-radius: 5px
    }
}

.we-hire {
    padding: 50px 0 20px
}

@media (min-width:992px) {
    .we-hire {
        padding: 80px 0 50px
    }
}

@media (min-width:992px) {
    .new-pricing .cmn-heading-para {
        max-width: 1024px;
        margin: 0 auto 20px
    }
}

.cs-new-p {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600
}

.cs-new-h3 {
    padding-bottom: 40px;
    font-size: 28px;
    line-height: 42px
}

@media (min-width:992px) {
    .cs-new-h3 {
        font-size: 36px;
        line-height: 49px
    }
}

.o-skills-hero__schdule .minus-schedule-box {
    margin-top: 0;
    height: 100%
}

.last-expertise {
    margin-bottom: 25px
}

@media (min-width:992px) {
    .last-expertise {
        margin-bottom: 0
    }
}

.tech-exp {
    padding: 45px 0 20px
}

@media (min-width:992px) {
    .tech-exp {
        padding: 65px 0 50px
    }
}

.fc-acco {
    padding: 45px 0 20px
}

@media (min-width:992px) {
    .fc-acco {
        padding: 65px 0 50px
    }
}

.skill-what .container {
    z-index: 9
}

.cb-header-left {
    text-align: left !important;
    padding-top: 10px
}

@media (min-width:992px) {
    .cb-header-left {
        padding-top: 40px
    }
}

.cb-header-left h1 {
    font-size: 24px !important;
    line-height: 28px !important;
    text-align: center;
    font-weight: 700;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .cb-header-left h1 {
        line-height: 58px !important;
        font-size: 48px !important;
        text-align: left
    }
}

.cb-header-left p {
    margin-bottom: 0;
    color: #2dbe70;
    font-size: 20px;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.cb-header-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

@media (min-width:992px) {
    .cb-header-left ul {
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        margin-top: 0;
        padding-bottom: 40px
    }
}

.cb-header-left ul li {
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 0;
    padding: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

@media screen and (min-width:992px) {
    .cb-header-left ul li {
        margin-right: 20px;
        padding: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (min-width:1200px) {
    .cb-header-left ul li {
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }
}

.cb-header-right {
    text-align: left !important;
    padding-top: 40px
}

.cb-header-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cb-header-right ul li {
    width: 43%;
    color: #fff;
    padding: 20px;
    margin: 0 10px 20px;
    border-radius: 5px
}

@media screen and (min-width:992px) {
    .cb-header-right ul li {
        width: 165px
    }
}

@media screen and (min-width:1200px) {
    .cb-header-right ul li {
        width: 184px
    }
}

.cb-header-right ul li:nth-child(1) {
    background-color: #4a90e2;
    border: 1px solid #4a90e2
}

.cb-header-right ul li:nth-child(2) {
    border: 1px solid #4a90e2
}

.cb-header-right ul li:nth-child(3) {
    border: 1px solid #009363
}

.cb-header-right ul li:nth-child(4) {
    background-color: #009363;
    border: 1px solid #009363
}

.cb-header-right img {
    margin-bottom: 10px;
    min-height: 46px
}

.cb-header-right h4 {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0
}

@media (min-width:992px) {
    .cb-header-right h4 {
        font-size: 24px;
        line-height: 29px
    }
}

.cb-header-right h5 {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 5px
}

@media (min-width:992px) {
    .cb-header-right h5 {
        font-size: 16px;
        line-height: 29px;
        margin-top: 0
    }
}

.or-circle-new {
    display: block;
    font-size: 12px;
    line-height: 15px;
    font-family: Montserrat;
    background: #ccc;
    padding: 11px 0;
    border-radius: 30px;
    font-weight: 700;
    width: 37px;
    height: 37px;
    text-align: center;
    margin: 10px auto
}

@media (min-width:992px) {
    .or-circle-new {
        display: inline-block;
        margin: 0 30px 0 auto
    }
}

.why-us-page {
    background: linear-gradient(135deg, #0e4173 0, #051423 100%)
}

@media (min-width:992px) {
    .why-us-page .btn_wrapper .btn-orange {
        margin: 0
    }
}

@media (min-width:992px) {
    .why-us-page .anchor-link {
        text-align: left;
        margin-top: 0
    }
}

.tech-list {
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden
}

.tech-list div {
    padding: 20px 10px;
    font-size: 18px;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    color: #fff
}

@media (min-width:992px) {
    .tech-list div {
        float: left;
        width: 20%
    }
}

.tech-list div.tect-blue-bg {
    background-color: #4a90e2
}

.tech-list div.tect-green-bg {
    background-color: #49c684
}

.tech-list ul {
    padding-bottom: 25px
}

@media (min-width:992px) {
    .tech-list ul {
        padding: 20px 0 20px 20px;
        float: left
    }
}

.tech-list ul li {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
    font-family: Montserrat, sans-serif
}

@media (min-width:992px) {
    .tech-list ul li {
        float: left;
        padding: 0 20px;
        border-right: 1px solid #dedede
    }
}

.tech-list ul li:last-child {
    border-right: 0
}

.tech-list ul li a {
    font-weight: 500;
    color: #4a90e2;
    text-decoration: underline;
    -webkit-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out
}

.tech-list ul li a:hover {
    color: #2275d7
}

.font-size-48 {
    font-size: 48px;
    line-height: 56px
}

.industry-box {
    padding: 40px;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .industry-box {
        min-height: 500px
    }
}

.industry-box h3 {
    font-size: 22px;
    line-height: 28px;
    padding-top: 20px
}

@media (min-width:992px) {
    .industry-box h3 {
        font-size: 30px;
        line-height: 40px
    }
}

.f-software .industry-box {
    margin-bottom: 0
}

@media (min-width:992px) {
    .f-software .industry-box {
        margin-bottom: 30px
    }
}

.f-software .industry-box p {
    margin-bottom: 0
}

@media (min-width:992px) {
    .f-software .industry-box p {
        margin-bottom: 25px
    }
}

.f-software .padding-bottom-40 h3 {
    text-align: center
}

.f-software .col-md-6 {
    margin-bottom: 25px
}

@media (min-width:992px) {
    .f-software .col-md-6 {
        margin-bottom: 0
    }
}

.industry-banner {
    padding: 50px 0 20px !important
}

@media (min-width:992px) {
    .industry-banner {
        padding: 115px 20px 45px !important
    }
}

.industry-banner h1 {
    font-size: 28px;
    line-height: 36px
}

@media (min-width:992px) {
    .industry-banner h1 {
        font-size: 48px;
        line-height: 56px
    }
}

.industry-banner h2 {
    font-size: 18px;
    line-height: 26px
}

@media (min-width:992px) {
    .industry-banner h2 {
        font-size: 24px;
        line-height: 38px
    }
}

.industry-banner p.green {
    font-size: 17px;
    color: #14df7d !important;
    padding-top: 20px;
    text-align: center
}

@media (min-width:992px) {
    .industry-banner p.green {
        text-align: left
    }
}

@media (min-width:992px) {
    .industry-banner .btn_wrapper .btn-orange {
        margin: 0
    }
}

@media (min-width:992px) {
    .industry-banner .anchor-link {
        text-align: left;
        margin-top: 0
    }
}

.f-software {
    padding: 50px 0 20px
}

@media (min-width:992px) {
    .f-software {
        font-size: 48px;
        line-height: 61px
    }
}

@media (min-width:992px) {
    .f-software .cmn-heading-para {
        font-size: 20px !important;
        line-height: 32px !important
    }
}

@media (min-width:992px) {
    .f-software {
        padding: 70px 0 50px
    }
}

.robust {
    padding: 50px 0 20px
}

@media (min-width:992px) {
    .robust {
        padding: 70px 0 50px
    }
}

.robust p strong {
    font-weight: 700
}

.robust ul.freamwork-list {
    display: block
}

@media (min-width:992px) {
    .robust ul.freamwork-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.industry-case {
    background: linear-gradient(135deg, #00b35c 0, #0b8a8a 47%, #004475 100%)
}

.industry-case br {
    display: none
}

@media (min-width:992px) {
    .industry-case br {
        display: block
    }
}

.we-use h2 {
    padding-bottom: 30px
}

@media (min-width:992px) {
    .we-use h2 {
        padding-bottom: 30px
    }
}

.js-portfolio-slider .slick-arrow {
    display: none !important
}

@media screen and (min-width:1200px) {
    .js-portfolio-slider .slick-arrow {
        display: block !important
    }
}

.more-class:before {
    display: none
}

.Android .services-pan.more-class,
.Drupal .services-pan.more-class,
.Magento .services-pan.more-class,
.VueJS .services-pan.more-class,
.iOS .services-pan.more-class {
    padding: 0
}

.nw-wp-section {
    background: #08426f !important
}

.odd-grey-bg {
    background: #f1f1f1
}

.mern-stack-text-new {
    color: #333
}

@media (min-width:992px) {
    .mern-stack-text-new {
        color: #fff
    }
}

p .anchor-link-new {
    text-align: left;
    max-width: 100%
}

.slick-track .async-image-new {
    height: 350px;
    background-position: center center
}

@media (min-width:992px) {
    .slick-track .async-image-new {
        height: auto
    }
}

.hover-underline-new {
    font-weight: 500;
    border-bottom: 1px solid #fff
}

.hover-underline-new:hover {
    border-bottom: 1px solid transparent
}

.staff-chart {
    font-family: Montserrat, sans-serif
}

.staff-chart .chart-head {
    font-size: 0
}

.staff-chart .chart-head .chart-head-1 {
    width: 100%;
    display: none;
    background-color: #71e19d;
    padding: 10px 15px;
    vertical-align: top;
    font-weight: 600;
    margin-right: 4px
}

@media (min-width:992px) {
    .staff-chart .chart-head .chart-head-1 {
        width: 19%;
        display: inline-block;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }
}

.staff-chart .chart-head .chart-head-1:first-child {
    background-color: transparent
}

.staff-chart .chart-head .chart-head-1 img {
    display: inline-block;
    vertical-align: top
}

.staff-chart .chart-head .chart-head-1 span {
    display: inline-block
}

@media (min-width:992px) {
    .staff-chart .chart-head .chart-head-1 span {
        font-size: 16px;
        line-height: 32px
    }
}

.staff-chart .chart-head .chart-head-1 span strong {
    display: block
}

.staff-chart .chart-mid {
    margin-bottom: 30px
}

@media (min-width:992px) {
    .staff-chart .chart-mid {
        margin-bottom: 0
    }
}

.staff-chart .chart-mid .chart-mid-1 {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    padding: 10px 35px 10px 15px;
    vertical-align: top;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #ccc !important;
    margin-right: 4px
}

@media (min-width:992px) {
    .staff-chart .chart-mid .chart-mid-1 {
        width: 19%;
        min-height: 88px;
        padding: 10px 15px
    }
}

.staff-chart .chart-mid .chart-mid-1 span.price {
    font-size: 15px;
    padding: 10px 0;
    display: inline-block
}

@media (min-width:992px) {
    .staff-chart .chart-mid .chart-mid-1 span.price {
        padding: 20px 0;
        font-size: 18px
    }
}

.staff-chart .chart-mid .chart-mid-1 span {
    display: block
}

.staff-chart .chart-mid .chart-mid-1:first-child {
    border-bottom: 1px solid 1px solid #ccc;
    background-color: #cbe3ff;
    font-size: 12px
}

@media (min-width:992px) {
    .staff-chart .chart-mid .chart-mid-1:first-child {
        border-top-right-radius: 0;
        border-top-right-radius: 0;
        border-bottom: 1px solid #474d5a
    }
}

.staff-chart .chart-mid .chart-mid-1:first-child span {
    font-size: 16px;
    padding-bottom: 5px
}

@media screen and (min-width:992px) {
    .staff-chart .chart-mid .chart-mid-1:first-child span {
        font-size: 14px
    }
}

@media screen and (min-width:1200px) {
    .staff-chart .chart-mid .chart-mid-1:first-child span {
        font-size: 18px
    }
}

.staff-chart .chart-mid .chart-mid-1:first-child span.price {
    font-size: 15px
}

@media screen and (min-width:992px) {
    .staff-chart .chart-mid .chart-mid-1:first-child span.price {
        font-size: 18px
    }
}

.staff-chart .chart-mid .staff-first-child {
    margin-top: 25px
}

@media (min-width:992px) {
    .staff-chart .chart-mid .staff-first-child {
        border-top-left-radius: 5px;
        margin-top: 0
    }
}

@media (min-width:992px) {
    .staff-chart .chart-mid .staff-first-child-bottom {
        border-bottom-left-radius: 5px
    }
}

.staff-chart .chart-mid .staff-last-child {
    border-bottom: 1px solid #474d5a
}

@media (min-width:992px) {
    .staff-chart .chart-mid .staff-last-child {
        border-bottom-right-radius: 5px
    }
}

@media (min-width:992px) {
    .staff-chart .chart-mid .last-line-min {
        min-height: 100px
    }
}

@media screen and (min-width:992px) {
    .staff-chart .chart-mid .chart-mid-wrapper {
        display: inline
    }
}

.staff-chart .chart-mid .chart-mid-wrapper .chart-mid-1:first-child {
    background: #fff;
    border-radius: 0 !important
}

.staff-chart .chart-mid .chart-mid-mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 15px 15px
}

@media screen and (min-width:992px) {
    .staff-chart .chart-mid .chart-mid-mod {
        display: inline-block;
        padding: 10px 15px
    }
}

.staff-chart .chart-mid .chart-mid-mod .chart-mid-sub {
    margin-left: 7px
}

@media screen and (min-width:992px) {
    .staff-chart .chart-mid .chart-mid-mod .chart-mid-sub {
        margin-left: 0
    }
}

.staff-chart .chart-mid .chart-mid-mod .chart-mid-sub .mid-sub {
    padding: 0 0 0
}

@media screen and (min-width:992px) {
    .staff-chart .chart-mid .chart-mid-mod .chart-mid-sub .mid-sub {
        padding: 10px 0 0
    }
}

.staff-chart .chart-mid .chart-mid-mod .chart-mid-sub span.price {
    padding: 0 0 0
}

@media screen and (min-width:992px) {
    .staff-chart .chart-mid .chart-mid-mod .chart-mid-sub span.price {
        padding: 10px 0
    }
}

.staff-chart .chart-mid .acco-head {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

@media screen and (min-width:992px) {
    .staff-chart .chart-mid .acco-head {
        border-top-left-radius: 0
    }
}

.staff-chart .chart-mid {
    font-size: 0;
    border-radius: 7px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden
}

.staff-chart .chart-mid:nth-child(2) .chart-mid-1:nth-child(1) {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

@media (min-width:992px) {
    .staff-chart .chart-mid:nth-child(2) .chart-mid-1:nth-child(1) {
        border-top-right-radius: 0
    }
}

@media (min-width:992px) {
    .staff-chart .chart-mid {
        border-radius: 0
    }
}

.staff-chart .chart-mid .acco-head {
    position: relative
}

.staff-chart .chart-mid .acco-head:before {
    content: '\002B';
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    right: 5px;
    height: 100%;
    font-size: 28px;
    line-height: 0;
    color: #ff5800
}

@media (min-width:992px) {
    .staff-chart .chart-mid .acco-head:before {
        display: none
    }
}

.staff-chart .chart-mid .acco-head.open:before {
    content: "\2212"
}

@media screen and (min-width:992px) {
    .Dedicated .staff-chart .chart-mid .chart-mid-1 span.price {
        padding: 26px 0;
        font-size: 18px
    }
}

@media screen and (min-width:1200px) {
    .Dedicated .staff-chart .chart-mid .chart-mid-1 span.price {
        padding: 20px 0
    }
}

ul.skill-page-mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

ul.skill-page-mod li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: inherit !important;
    padding: 0 10px !important
}

ul.skill-page-mod li:before {
    display: none
}

ul.skill-page-mod li svg {
    height: 100%;
    width: 100%
}

.Careers ul.skill-page-mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:992px) {
    .Careers ul.skill-page-mod {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.Careers ul.skill-page-mod li {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 30% !important;
    flex: 0 0 30% !important;
    position: inherit !important;
    padding: 5px 10px !important
}

@media screen and (min-width:992px) {
    .Careers ul.skill-page-mod li {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        padding: 0 10px !important
    }
}

.Careers ul.skill-page-mod li:before {
    display: none
}

.Careers ul.skill-page-mod li svg {
    height: 100%;
    width: 100%
}

ul.skill-page-mod li:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px
}

.schedule-box {
    padding: 40px 30px 20px 30px
}

.schedule-box-top {
    padding: 10px 15px 10px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/mid.png) repeat-y;
    background-position: 0 0;
    background-size: 100%
}

.schedule-box-top .btn-center-block {
    width: 340px;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .schedule-box-top .btn-center-block {
        width: auto
    }
}

@media screen and (min-width:1200px) {
    .schedule-box-top .btn-center-block {
        width: 340px
    }
}

.schedule-box-top .anchor-link {
    margin-top: 10px
}

.schedule-box-top .btn-orange {
    padding: 14px 15px;
    max-width: 340px !important;
    font-weight: 700
}

.schedule-box-top-text img {
    width: 69px;
    height: 69px
}

.schdule_h_img {
    vertical-align: top;
    margin-right: 15px
}

.schedule-box-top-text h2 {
    text-align: left;
    font-size: 20px;
    padding-top: 0;
    font-weight: 600 !important
}

@media screen and (min-width:992px) {
    .schedule-box-top-text h2 {
        font-size: 20px !important;
        line-height: 28px
    }
}

@media screen and (min-width:1200px) {
    .schedule-box-top-text h2 {
        font-size: 24px !important;
        line-height: 35px
    }
}

.schdule_h_text {
    font-size: 17px !important;
    line-height: 27px !important
}

.schedule-box-top-img {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/top.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
    height: 29px
}

.schedule-box-bottom-img {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/bottom.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
    height: 45px
}

.with-cn-list {
    padding: 0 20px
}

.with-cn-list li {
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    line-height: 21px;
    clear: both;
    margin-bottom: 20px;
    vertical-align: top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:992px) {
    .with-cn-list li {
        display: inline-block
    }
}

.with-cn-list li span {
    float: left;
    vertical-align: top;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .with-cn-list li span {
        width: 55px
    }
}

.with-cn-list li span img {
    width: 65%
}

@media screen and (min-width:992px) {
    .with-cn-list li span img {
        width: auto
    }
}

@media (min-width:992px) {
    .mid-border {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/staff/mid-border.png) repeat-y 50% 50%
    }
}

.staff-technology .box {
    width: 235px
}

.staff-technology .box__home-technology-01 {
    border-bottom: 4px solid #00b05c
}

.staff-technology .box__home-technology-02 {
    border-bottom: 4px solid #00af93
}

.staff-technology .box__home-technology-03 {
    border-bottom: 4px solid #0095b5
}

.staff-technology .box__home-technology-04 {
    border-bottom: 4px solid #007fab
}

.staff-technology .box {
    padding: 110px 10px 0
}

.staff-technology .box__home-technology-01:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/staff/icon-web.svg) repeat-y 50% 50% !important;
    width: 70px;
    height: 64px;
    top: 30px
}

.staff-technology .box__home-technology-02:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/staff/icon-software.svg) repeat-y 50% 50% !important;
    width: 70px;
    height: 64px;
    top: 30px
}

.staff-technology .box__home-technology-03:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/staff/icon-outsource.svg) repeat-y 50% 50% !important;
    width: 70px;
    height: 64px;
    top: 30px
}

.staff-technology .box__home-technology-04:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/staff/icon-qa.svg) repeat-y 50% 50% !important;
    width: 70px;
    height: 64px;
    top: 30px
}

.gst {
    color: #cbe3ff;
    font-size: 14px;
    padding: 10px
}

.expertise-python-section {
    border-top: 2px solid #14df7d
}

.expertise-python {
    border-bottom: 1px solid #9aa1ac;
    padding: 10px 0
}

.expertise-python span {
    width: 38%;
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    font-family: Montserrat, sans-serif;
    color: #333;
    font-weight: 600;
    vertical-align: top;
    padding-top: 10px
}

@media (min-width:992px) {
    .expertise-python span {
        font-size: 24px;
        line-height: 32px
    }
}

.expertise-python .python-img-holder {
    display: inline-block;
    width: 60%
}

.expertise-python img {
    display: inline-block;
    margin: 10px
}

.python-chart .last-line-min {
    min-height: auto !important
}

.case-studies-slider .slick-list {
    -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, .24)
}

.cs-slider div {
    padding-bottom: 0
}

ul.skill-page-mod-pro {
    width: 100%
}

.custom-software-development .service-wrap .services-pan__staff:before {
    width: 78px;
    height: 75px
}

.custom-software-development .service-wrap .services-pan__staff-service-01:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/staff/dt-icon-1.svg) no-repeat 50% 50%
}

.services-pan__staff {
    padding-top: 30px
}

@media (min-width:992px) {
    .services-pan__staff {
        padding-top: 50px
    }
}

.sm-p-section .staff-chart .chart-mid .chart-mid-1:first-child span {
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 67px;
    padding-bottom: 1px
}

.sm-p-section .staff-chart .chart-mid .chart-mid-1 span.price {
    font-size: 15px;
    padding: 22px 0
}

.pack-name {
    font-size: 18px
}

.chart-head-price {
    font-size: 20px
}

#price-tabs {
    text-align: center;
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:992px) {
    #price-tabs {
        display: inherit
    }
}

#price-tabs li {
    list-style: none;
    margin-right: 5px;
    margin-bottom: 2px;
    border-radius: 3px;
    outline: 0;
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 11px
}

@media screen and (min-width:992px) {
    #price-tabs li {
        font-size: 13px
    }
}

#price-tabs li:last-child {
    margin-right: 0
}

@media screen and (min-width:992px) {
    #price-tabs li:last-child {
        margin-right: 5px
    }
}

#price-tabs li a {
    cursor: pointer;
    color: #333;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    display: block;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    outline: 0;
    line-height: 24px;
    text-align: center;
    padding: 0 6px
}

@media screen and (min-width:992px) {
    #price-tabs li a {
        padding: 0 30px;
        width: 98px;
        border-radius: 20px;
        line-height: 36px
    }
}

#price-tabs li a.inactive {
    color: #fff;
    background: #27c070;
    outline: 0;
    position: relative;
    border: 1px solid #27c070
}

#price-tabs li a.inactive:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/price-white-tick.png) no-repeat 20% 50% #27c070;
    content: "";
    position: absolute;
    left: 20%;
    top: 50%;
    z-index: 100000;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none
}

@media screen and (min-width:992px) {
    #price-tabs li a.inactive:before {
        display: block
    }
}

#price-tabs li a:hover,
#tabs li a.inactive:hover {
    color: #fff;
    background: #27c070;
    outline: 0;
    border: 1px solid #27c070
}

.container1 {
    display: inline-block
}

.price-pan {
    text-align: center;
    font-size: 48px;
    color: #ff5800;
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

.price-pan strong {
    text-align: center;
    font-size: 26px;
    color: #ff5800
}

.new-price .h5 {
    margin-bottom: 30px;
    font-weight: 600
}

.sk-fading-circle {
    margin: 100px auto;
    width: 80px;
    height: 80px;
    position: relative
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #27c070;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {

    0%,
    100%,
    39% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {

    0%,
    100%,
    39% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

.why-hire-java .service-wrap {
    -webkit-column-count: inherit;
    -moz-column-count: inherit;
    column-count: inherit
}

@media screen and (min-width:992px) {
    .why-hire-java .service-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width:992px) {
    .why-hire-java .service-wrap .services-pan {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31.5%;
        flex: 0 0 31.5%
    }
}

.remote-3-developer {
    padding: 40px 0 30px
}

@media screen and (min-width:992px) {
    .remote-3-developer {
        padding: 80px 0
    }
}

.remote-3-developer h2 {
    margin-bottom: 20px
}

.remote-3-developer .rd-step img {
    margin: 5px 0 30px
}

@media screen and (min-width:992px) {
    .remote-3-developer .rd-step img {
        margin: 30px 0 60px
    }
}

.remote-3-developer .rd-block {
    background: #fff;
    -webkit-box-shadow: 0 0 15px 2px rgba(104, 98, 98, .1);
    box-shadow: 0 0 15px 2px rgba(104, 98, 98, .1);
    padding: 45px 30px 45px;
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    position: relative;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .remote-3-developer .rd-block {
        margin-bottom: 70px
    }
}

.remote-3-developer .rd-block .rd-img {
    height: 80px
}

.remote-3-developer .rd-block h3 {
    font-size: 24px;
    font-weight: 500;
    margin: 15px 0 10px
}

.remote-3-developer .rd-block p {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 0
}

.remote-3-developer .rd-block span {
    position: absolute;
    top: 7px;
    right: 10px;
    color: #3e93da;
    font-size: 36px;
    font-weight: 500;
    display: block
}

@media screen and (min-width:992px) {
    .blockchain-tevh-stack .tech-list div {
        width: 25%
    }
}

#hosted {
    max-width: 100% !important
}

.office-infrastructure .o-skills-hero__schedule {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/schedule-talk-bg.jpg) no-repeat 0 0/cover;
    padding-top: 100px !important;
    padding-bottom: 40px !important
}

@media screen and (min-width:992px) {
    .office-infrastructure .o-skills-hero__schedule {
        padding-bottom: 60px !important;
        padding-top: 150px !important
    }
}

.blog-section {
    padding: 50px 0 20px
}

@media screen and (min-width:992px) {
    .blog-section {
        padding: 75px 0 45px
    }
}

.blog-section h2 {
    margin-bottom: 40px;
    font-size: 30px
}

@media screen and (min-width:992px) {
    .blog-section h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.blog-section .blog-box {
    background: #fff;
    display: block;
    margin-bottom: 40px
}

.blog-section .blog-box img {
    width: 100%
}

.blog-section .blog-box .blog-img {
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.blog-section .blog-box .blog-text {
    padding: 30px 30px;
    text-align: left;
    border: 1px solid #c8c7cc;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

@media screen and (min-width:992px) {
    .blog-section .blog-box .blog-text {
        min-height: 180px
    }
}

.blog-section .blog-box .blog-text h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.blog-section .blog-box .blog-text p {
    color: #4a90e2;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .bor-rad-bl {
        border-bottom-left-radius: 5px !important
    }
}

@media screen and (min-width:992px) {
    .bor-rad-tl {
        border-top-left-radius: 5px !important
    }
}

.beauty-section .o-clients {
    border: none;
    padding: 15px 0 0
}

@media screen and (min-width:768px) {
    .beauty-section .o-clients {
        padding: 15px 0 25px
    }
}

.beauty-section .o-clients h3 {
    font-size: 24px;
    margin-bottom: 25px
}

.beauty-section .o-clients ul {
    max-width: 100%;
    height: auto
}

.beauty-section .o-clients ul li {
    margin: 15px 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 39%;
    flex: 0 0 39%
}

@media screen and (min-width:768px) {
    .beauty-section .o-clients ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        margin: 5px 15px
    }
}

@media screen and (min-width:992px) {
    .beauty-section .o-clients ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.beauty-section .o-clients ul li:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

@media screen and (min-width:992px) {
    .beauty-section .o-clients ul li:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.beauty-section .o-clients ul li:nth-child(2) {
    display: block
}

.beauty-section .o-clients ul li img {
    width: 100%
}

@media screen and (min-width:992px) {
    .pricing-btn .btn {
        max-width: 500px
    }
}

.pricing-btn .btn:after {
    right: 10px
}

@media screen and (min-width:992px) {
    .pricing-btn .btn:after {
        right: inherit
    }
}

.white.new-cta-style-fix {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    text-align: center;
    background: 0 0;
    border: none;
    font-size: 13px;
    line-height: 19px;
    text-transform: lowercase
}

@media screen and (min-width:992px) {
    .white.new-cta-style-fix {
        text-align: left
    }
}

.white.new-cta-style-fix:hover {
    background: 0 0
}

.full-witdth-box {
    width: 100%;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 15px 0 #e3e3e3;
    box-shadow: 0 0 15px 0 #e3e3e3;
    margin-bottom: 20px;
    padding: 25px;
    overflow: hidden;
    text-align: left
}

@media screen and (min-width:768px) {
    .full-witdth-box {
        padding: 60px
    }
}

.full-witdth-box .u-pull-left {
    float: none
}

@media screen and (min-width:992px) {
    .full-witdth-box .u-pull-left {
        float: left
    }
}

.full-witdth-box .u-pull-left img {
    max-width: 233px;
    padding-bottom: 20px
}

.fb-right-pan {
    padding-left: 0;
    width: 100%
}

@media screen and (min-width:992px) {
    .fb-right-pan {
        padding-left: 60px;
        width: 62%
    }
}

@media screen and (min-width:1200px) {
    .fb-right-pan {
        padding-left: 60px;
        width: 70%
    }
}

.fb-right-pan h3 {
    font-size: 24px;
    font-weight: 600
}

.fb-right-pan p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

@media screen and (min-width:992px) {
    .fb-right-pan p {
        font-size: 18px;
        line-height: 28px
    }
}

.fb-right-pan h3+p {
    font-weight: 500;
    font-size: 20px
}

.fb-right-pan ul li {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/tick.png) no-repeat 0 2px;
    padding-left: 40px;
    font-size: 16px;
    line-height: 27px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    background-size: 21px;
    margin-bottom: 6px
}

.pricing-box {
    width: 100%;
    background-color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 20px;
    vertical-align: top;
    margin: 0 10px 40px;
    min-height: 480px;
    position: relative
}

@media screen and (min-width:992px) {
    .pricing-box {
        width: 30%;
        min-height: 520px
    }
}

.pricing-box h2 {
    font-size: 30px;
    line-height: 37px;
    color: #333;
    padding: 10px 0;
    position: relative;
    margin-bottom: 0
}

.pricing-box p {
    font-weight: 500
}

.pricing-box h2:before {
    content: "";
    width: 60px;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.pricing-box .price-text {
    text-align: center;
    position: relative;
    padding-top: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 16px
}

.pricing-box .price-text span {
    font-size: 30px;
    padding-top: 15px;
    color: #ff5800;
    display: block;
    text-transform: none;
    font-weight: 600
}

.pricing-box .price-text span strong {
    font-size: 20px
}

.pricing-box a {
    width: 228px;
    height: 46px;
    line-height: 42px;
    border: 2px solid #333;
    border-radius: 5px;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in;
    margin: 0 auto;
    padding: 0 0 0 30px;
    display: inline-block;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-black-new.png) no-repeat 85% 50%;
    text-align: left;
    position: absolute;
    left: 50%;
    bottom: 40px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.pricing-box a:hover {
    border: 2px solid #ff5800;
    color: #ff5800;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/arrow-orange.png) no-repeat 85% 50%
}

.four-box {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 15px 0 #e3e3e3;
    box-shadow: 0 0 15px 0 #e3e3e3;
    padding: 30px 30px 5px 30px;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .four-box {
        min-height: 286px;
        padding: 40px 30px 20px 30px
    }
}

.four-box p {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 600
}

.four-box p span {
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    color: #4a90e2
}

.free-terms-list li {
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 32px;
    clear: both
}

.free-terms-list li span {
    display: inline-block;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    color: #2dbe70;
    line-height: 51px;
    border-radius: 100%;
    border: 1px solid #2dbe70;
    width: 51px;
    height: 51px;
    text-align: center;
    margin-right: 20px;
    float: left;
    margin-bottom: 20px;
    padding: 0 14px
}

@media screen and (min-width:768px) {
    .free-terms-list li span {
        margin-right: 40px
    }
}

.free-fact-section .all-facts ul li:last-child {
    width: 20%
}

.free-fact-section .all-facts ul li:nth-child(3) {
    background: #009c52;
    border-color: #009c52
}

.free-fact-section .all-facts ul li:nth-child(4) {
    background: 0 0;
    border-color: #4a90e2
}

.free-two-box {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 15px 0 #e3e3e3;
    box-shadow: 0 0 15px 0 #e3e3e3;
    padding: 50px;
    background-color: #fff;
    text-align: left
}

.free-two-box img {
    float: left
}

.free-two-box h3 {
    padding: 0 0 30px 80px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

@media screen and (min-width:768px) {
    .free-two-box h3 {
        font-size: 30px;
        line-height: 40px
    }
}

.free-two-box ul li {
    font-size: 16px;
    line-height: 28px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/tick.png) no-repeat 0 4px;
    padding-bottom: 20px;
    padding-left: 40px;
    background-size: 18px
}

.free-two-box ul li.cross {
    font-size: 16px;
    line-height: 28px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/free-trial/red-cross.svg) no-repeat 0 4px;
    padding-bottom: 20px;
    padding-left: 40px
}

.free-trial .header_left_pan {
    text-align: center
}

@media screen and (min-width:992px) {
    .free-trial .header_left_pan {
        text-align: left
    }
}

.free-trial .header_left_pan h1 {
    font-size: 30px;
    line-height: 36px;
    margin-top: 30px
}

@media screen and (min-width:992px) {
    .free-trial .header_left_pan h1 {
        font-size: 48px;
        line-height: 54px;
        margin-top: 0
    }
}

.free-trial .header_left_pan .btn_wrapper {
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .free-trial .header_left_pan .btn_wrapper {
        margin: 0
    }
}

.free-trial .header_left_pan p {
    display: block
}

.free-trial .fact-section h2 {
    font-size: 24px;
    line-height: 32px
}

@media screen and (min-width:992px) {
    .free-trial .fact-section h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.free-trial .c-icon-desc-3-col-box h2 {
    padding-bottom: 30px
}

.hire-designer .font-size-30 {
    font-size: 30px;
    line-height: 40px
}

.MERN .skill-service .brick h3 {
    color: #333 !important
}

.free-trial-banner .container .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media screen and (min-width:992px) {
    .free-trial-banner .container .row {
        -webkit-box-orient: inherit;
        -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
        flex-direction: inherit
    }
}

.free-terms-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:992px) {
    .free-terms-list li {
        display: inherit
    }
}

.banner-graphics-img-modify {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .banner-graphics-img-modify {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.banner-graphics-img-modify img {
    -o-object-fit: contain;
    object-fit: contain
}

.free-trial-banner {
    padding-bottom: 40px
}

@media (min-width:767px) {
    .free-trial-banner {
        padding-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .free-trial-banner {
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/new-home-banner/banner-gradient.png) !important;
        background-repeat: no-repeat !important;
        background-position: 0 0 !important
    }
}

.free-trial-banner:before {
    display: none
}

@media (max-width:767px) {
    .free-trial-banner__spacing {
        padding-top: 80px
    }
}

@media (min-width:992px) {
    .free-trial-banner__spacing:after {
        content: "";
        width: 453px;
        height: 199px;
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/new-home-banner/banner-gradient2.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 0
    }
}

.free-trial-banner .col-60 {
    width: 100%;
    max-width: 100%
}

@media screen and (min-width:992px) {
    .free-trial-banner .col-60 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 60%
    }
}

.free-trial-banner .col-40 {
    width: 100%;
    max-width: 100%
}

@media screen and (min-width:992px) {
    .free-trial-banner .col-40 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 40%
    }
}

.free-trial-banner__heading {
    font-size: 30px;
    line-height: 42px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 40px;
    text-align: center
}

@media (min-width:992px) {
    .free-trial-banner__heading {
        text-align: left
    }
}

@media (min-width:1024px) {
    .free-trial-banner__heading {
        margin-top: 0;
        font-size: 35px;
        line-height: 48px
    }
}

@media (min-width:1200px) {
    .free-trial-banner__heading {
        font-size: 45px;
        line-height: 58px
    }
}

.free-trial-banner__two-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
    position: relative;
    z-index: 1
}

@media (min-width:767px) {
    .free-trial-banner__two-section {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:992px) {
    .free-trial-banner__two-section {
        left: -25px
    }
}

.free-trial-banner__two-section-image {
    min-width: 180px;
    height: auto;
    display: none
}

@media (min-width:767px) {
    .free-trial-banner__two-section-image {
        min-width: 200px;
        display: block
    }
}

@media (min-width:991px) {
    .free-trial-banner__two-section-image {
        min-width: 200px
    }
}

@media (min-width:1024px) {
    .free-trial-banner__two-section-image {
        min-width: 230px
    }
}

.free-trial-banner__two-section-subheading {
    font-size: 25px;
    line-height: 32px;
    color: #fff;
    margin: 0;
    text-align: center
}

@media (min-width:992px) {
    .free-trial-banner__two-section-subheading {
        text-align: left
    }
}

@media (min-width:1024px) {
    .free-trial-banner__two-section-subheading {
        font-size: 30px;
        line-height: 38px;
        max-width: 530px;
        width: 100%;
        min-height: 180px;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/two-for-one/free-trial-banner-background.png) no-repeat center;
        background-size: 100% 100%;
        left: -20px;
        padding: 10px 10px 10px 20px
    }
}

.free-trial-banner__formarea::before {
    display: none
}

@media (min-width:1024px) {
    .free-trial-banner__formarea::before {
        display: initial;
        z-index: 0
    }
}

.how-free-trial {
    padding: 30px 0;
    background-color: #f6f6f6
}

@media (min-width:992px) {
    .how-free-trial {
        padding: 60px 0
    }
}

.how-free-trial__heading {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    color: #262e36;
    text-align: center;
    margin-bottom: 20px
}

@media (min-width:767px) {
    .how-free-trial__heading {
        font-size: 40px;
        line-height: 45px
    }
}

@media (min-width:1024px) {
    .how-free-trial__heading {
        font-size: 51px;
        line-height: 55px
    }
}

.how-free-trial__description {
    font-family: Poppins;
    text-align: center;
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 20px
}

.how-free-trial__description-br {
    display: none
}

@media (min-width:1200px) {
    .how-free-trial__description-br {
        display: block
    }
}

.how-free-trial__subheading {
    font-family: Poppins;
    font-size: 25px;
    line-height: 30px;
    color: #333;
    text-align: center
}

.how-free-trial__subheading::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 4px;
    background: #4492dc;
    background-size: 100%;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.how-free-trial__card-area {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 60px;
    gap: 20px
}

@media (min-width:767px) {
    .how-free-trial__card-area {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1024px) {
    .how-free-trial__card-area {
        grid-template-columns: repeat(4, 1fr)
    }
}

.how-free-trial__card {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 20px 30px
}

.how-free-trial__card-icon {
    width: 50px;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 15px
}

.how-free-trial__card-description {
    font-size: 17px;
    line-height: 27px;
    color: #333;
    font-weight: 400;
    font-family: Poppins
}

.who-can {
    padding: 30px 0
}

@media (min-width:992px) {
    .who-can {
        padding: 60px 0
    }
}

.who-can__heading {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    color: #262e36;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600
}

@media (min-width:767px) {
    .who-can__heading {
        font-size: 40px;
        line-height: 45px
    }
}

@media (min-width:1024px) {
    .who-can__heading {
        font-size: 51px;
        line-height: 55px
    }
}

.who-can__description {
    font-family: Poppins;
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px
}

@media (min-width:767px) {
    .who-can__description {
        font-size: 21px;
        line-height: 30px
    }
}

.who-can__description-br {
    display: none
}

@media (min-width:1200px) {
    .who-can__description-br {
        display: block
    }
}

.who-can__card-area {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    margin-top: 30px;
    margin-bottom: 50px
}

@media (min-width:767px) {
    .who-can__card-area {
        gap: 40px;
        grid-template-columns: repeat(2, 1fr)
    }
}

.who-can__big-card {
    position: relative;
    background-color: #fff;
    padding: 30px 25px;
    -webkit-box-shadow: 0 0 15px 0 #e3e3e3;
    box-shadow: 0 0 15px 0 #e3e3e3
}

.who-can__big-card--green {
    border-top: 6px solid #3cc065
}

.who-can__big-card--red {
    border-top: 6px solid #ff4949
}

.who-can__two-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.who-can__two-section-icon {
    width: 50px;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain
}

.who-can__two-section-heading {
    font-family: Poppins;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: #333;
    margin-bottom: 24px
}

@media (min-width:767px) {
    .who-can__two-section-heading {
        font-size: 30px;
        line-height: 40px
    }
}

.who-can__list-li {
    font-size: 16px;
    line-height: 22px;
    margin-left: 35px;
    margin-bottom: 22px;
    font-family: Poppins
}

.who-can__list-icon {
    font-size: 16px;
    line-height: 23px;
    margin-left: 25px
}

.who-can__list-icon {
    position: absolute;
    left: 0
}

.who-can__subheading {
    font-family: Poppins;
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
    text-align: center
}

.who-can__subheading-br {
    display: none
}

@media (min-width:1200px) {
    .who-can__subheading-br {
        display: block
    }
}

.section-invite {
    background-color: #0e003f;
    padding: 30px 0
}

@media (min-width:992px) {
    .section-invite {
        padding: 60px 0
    }
}

.section-invite__heading {
    font-family: Poppins;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 15px
}

@media (min-width:767px) {
    .section-invite__heading {
        font-size: 41px;
        line-height: 51px
    }
}

@media (min-width:1024px) {
    .section-invite__heading {
        font-size: 51px;
        line-height: 56px
    }
}

.section-invite__subheading {
    font-family: Poppins;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 40px
}

@media (min-width:767px) {
    .section-invite__subheading {
        font-size: 25px;
        line-height: 34px;
        padding-right: 80px
    }
}

.section-invite__list-area {
    margin-right: 0;
    gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

@media (min-width:767px) {
    .section-invite__list-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0
    }
}

.section-invite__asterisktext {
    margin: 0 0 40px;
    color: #fff;
    line-height: normal
}

.section-invite__list-item {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%
}

@media (min-width:767px) {
    .section-invite__list-item {
        padding-left: 30px;
        padding-right: 15px;
        border-right: 1px solid #5b81e1;
        border-bottom: 1px solid #5b81e1;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%
    }
}

@media (min-width:992px) {
    .section-invite__list-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

.section-invite__list-item:after {
    display: block;
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #0e003f;
    bottom: -7.5px;
    right: -7.5px;
    z-index: 1
}

@media (min-width:992px) {
    .section-invite__list-item:first-child {
        padding-left: 0
    }
}

@media (min-width:992px) {
    .section-invite__list-item:nth-child(5) {
        padding-left: 0
    }
}

@media (min-width:992px) {
    .section-invite__list-item:nth-child(9) {
        padding-left: 0
    }
}

@media (min-width:767px) {
    .section-invite__list-item:nth-child(3n+3) {
        border-right: none
    }
}

@media (min-width:992px) {
    .section-invite__list-item:nth-child(3n+3) {
        border-right: 1px solid #5b81e1
    }
}

@media (min-width:992px) {
    .section-invite__list-item:nth-child(4n+4) {
        border-right: none
    }
}

@media (min-width:767px) {
    .section-invite__list-item:nth-last-child(-n+2) {
        border-bottom: 0
    }
}

@media (min-width:767px) {
    .section-invite__list-item:nth-last-child(-n+3) {
        border-bottom: 0
    }
}

@media (min-width:992px) {
    .section-invite__list-item:nth-last-child(-n+4) {
        border-bottom: 0
    }
}

.section-invite__list-item:last-child {
    border-bottom: 0
}

.section-invite__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .section-invite__item {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.section-invite__item-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.section-invite .owl-stage-outer:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 1px;
    height: 82%;
    background: #5b81e1
}

.section-invite__item-title {
    font-family: Poppins;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0
}

@media (min-width:767px) {
    .section-invite__item-title {
        font-size: 27px;
        line-height: 27px
    }
}

.section-invite__item-title span {
    font-size: 14px;
    line-height: 18px;
    display: block
}

@media (min-width:767px) {
    .section-invite__item-title span {
        margin-top: 6px
    }
}

.terms-condition {
    background-color: #f7f7f7;
    padding: 30px 0
}

@media (min-width:767px) {
    .terms-condition {
        padding: 60px 0
    }
}

.terms-condition__heading {
    font-family: Poppins;
    font-size: 35px;
    line-height: 35px;
    color: #333;
    text-align: center
}

@media (min-width:767px) {
    .terms-condition__heading {
        font-size: 51px;
        line-height: 35px
    }
}

.terms-condition__subheading {
    font-family: Poppins;
    font-size: 25px;
    line-height: 35px;
    color: #333;
    text-align: center;
    margin-bottom: 30px
}

.terms-condition__card {
    position: relative;
    background-color: #fff;
    padding: 20px;
    padding-top: 40px;
    display: block;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0 15px 0 #e3e3e3;
    box-shadow: 0 0 15px 0 #e3e3e3
}

.terms-condition__card:last-child {
    margin-bottom: 0
}

@media (min-width:767px) {
    .terms-condition__card {
        padding-top: 0;
        padding: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 15px
    }
}

.terms-condition__card-count {
    font-family: Poppins;
    background-color: #fff;
    width: 49px;
    height: 49px;
    border-radius: 50px;
    border: 1px solid #3cc065;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600
}

@media (max-width:767px) {
    .terms-condition__card-count {
        position: absolute;
        top: 10px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.terms-condition__card-description {
    font-family: Poppins;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-bottom: 0;
    text-align: center
}

@media (min-width:767px) {
    .terms-condition__card-description {
        text-align: initial
    }
}

.demand-technologies {
    padding: 30px 0
}

@media (min-width:992px) {
    .demand-technologies {
        padding: 60px 0
    }
}

.demand-technologies__heading {
    font-family: Poppins;
    font-size: 31px;
    line-height: 40px;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

@media (min-width:767px) {
    .demand-technologies__heading {
        font-size: 41px;
        line-height: 45px;
        margin-bottom: 40px
    }
}

@media (min-width:1024px) {
    .demand-technologies__heading {
        font-size: 51px;
        line-height: 55px
    }
}

.demand-technologies__area {
    margin-bottom: 50px
}

.demand-technologies__list {
    display: block;
    margin-top: 20px;
    margin-bottom: 30px
}

@media (min-width:767px) {
    .demand-technologies__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0
    }
}

.demand-technologies__tech-title {
    font-family: Poppins;
    text-align: center;
    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
    padding-bottom: 5px;
    margin-top: 30px;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    border-radius: 10px 10px 0 0
}

@media (min-width:767px) {
    .demand-technologies__tech-title {
        padding: 0;
        border-radius: 0;
        max-width: 160px;
        margin-top: 0;
        width: 266px;
        padding-bottom: 15px;
        text-align: initial
    }
}

.demand-technologies__tech-title--blue {
    border: 2px solid #4492dc
}

@media (min-width:767px) {
    .demand-technologies__tech-title--blue {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 5px solid #4492dc
    }
}

.demand-technologies__tech-title--green {
    border: 2px solid #3cc065
}

@media (min-width:767px) {
    .demand-technologies__tech-title--green {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 5px solid #3cc065
    }
}

.demand-technologies__tech-lists {
    border-bottom: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #f9f9f9;
    padding: 10px;
    border-radius: 0 0 10px 10px
}

@media (min-width:767px) {
    .demand-technologies__tech-lists {
        padding: 0;
        background: 0 0;
        border-radius: 0;
        border-bottom: 1px solid #e1e1e1
    }
}

.demand-technologies__tech-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    padding-top: 5px;
    padding-top: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:767px) {
    .demand-technologies__tech-ul {
        padding-top: 5px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        gap: 0
    }
}

@media (min-width:992px) {
    .demand-technologies__tech-ul {
        gap: 15px
    }
}

.demand-technologies__tech-list {
    font-family: Poppins;
    border-right: 1px solid #e1e1e1;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 600
}

@media (min-width:767px) {
    .demand-technologies__tech-list:first-child {
        padding-left: 20px
    }
}

.demand-technologies__tech-list:last-child {
    border: none
}

.demand-technologies__subtitle {
    font-family: Poppins;
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 40px
}

.demand-technologies__subtitle-br {
    display: none
}

@media (min-width:1200px) {
    .demand-technologies__subtitle-br {
        display: block
    }
}

.x-page-logo {
    padding: 25px 0
}

.pricing-page {
    padding: 50px 0
}

@media screen and (min-width:992px) {
    .pricing-page {
        padding: 80px 0
    }
}

@media screen and (min-width:992px) {
    .pricing-page h2 {
        font-size: 56px
    }
}

.pricing-page small {
    display: block;
    font-size: 30px;
    margin-bottom: 30px
}

.pricing-page .p-page-box {
    padding: 50px 30px 50px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    background: #fff;
    width: 100%;
    text-align: center
}

.pricing-page .p-page-box h3 {
    color: #333;
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 400;
    margin: 15px 0
}

.pricing-page .p-page-box h4 {
    color: #ff5800;
    font-size: 36px
}

.pricing-page .p-page-box h4 small {
    font-size: 18px
}

.pricing-page .p-page-box p {
    font-size: 16px;
    line-height: 28px;
    color: #414446
}

.pricing-page .p-page-box ul li {
    font-size: 14px;
    line-height: 19px;
    padding-left: 15px;
    position: relative;
    margin-bottom: 10px;
    text-align: left
}

.pricing-page .p-page-box ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #ff6614
}

.pricing-page .p-page-box a {
    display: inline-block;
    margin: 20px auto 0;
    border: 2px solid #333;
    border-radius: 5px;
    font-size: 18px;
    color: #333;
    padding: 6px 20px
}

.pricing-page h6 {
    color: #ff6614;
    margin-top: 20px
}

.payment-section {
    padding: 50px 0
}

@media screen and (min-width:992px) {
    .payment-section {
        padding: 80px 0
    }
}

.payment-section h2 {
    font-size: 56px;
    margin-bottom: 30px
}

.payment-section .payment-box-wrap {
    padding: 25px 50px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    background: #fff;
    margin-bottom: 25px
}

.payment-section .payment-box-wrap .payment-box-left {
    padding: 20px 0 0
}

@media screen and (min-width:992px) {
    .payment-section .payment-box-wrap .payment-box-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        border-right: 1px solid #ccc
    }
}

.payment-section .payment-box-wrap .payment-box-right {
    padding: 20px 0 0 30px
}

@media screen and (min-width:992px) {
    .payment-section .payment-box-wrap .payment-box-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        border-left: 1px solid #ccc
    }
}

@media screen and (min-width:992px) {
    .payment-section .payment-box-wrap .payment-box-mid {
        padding: 20px 0 0 30px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.payment-section .payment-box-wrap h4 {
    font-size: 18px;
    font-weight: 500
}

.payment-section .payment-box-wrap p {
    padding: 20px 30px
}

@media screen and (min-width:1200px) {
    .UI-UX .o-engagement-model__cards__top__inner h3 {
        font-size: 28px
    }
}

.new-price-wrapper .o-engagement-model__cards .o-engagement-model__cards__top__inner {
    margin: 15px 0 5px 0
}

@media (min-width:992px) {
    .new-price-wrapper .o-engagement-model__cards .o-engagement-model__cards__top__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 74px;
        margin: 15px 0 5px 0
    }
}

.new-price-wrapper .o-engagement-model__cards .o-engagement-model__cards__top__inner h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0
}

@media (min-width:992px) {
    .new-price-wrapper .o-engagement-model__cards .o-engagement-model__cards__top__inner h3 {
        font-size: 28px;
        line-height: 37px
    }
}

.new-price-wrapper .o-engagement-model__cards .o-engagement-model__cards__top__inner h3 .container1 {
    color: #ff5800
}

.new-price-wrapper .o-engagement-model__cards .o-engagement-model__cards__top__inner h3 .price-hour-tag {
    color: #ff5800;
    font-weight: 500
}

.new-price-wrapper .o-engagement-model__cards .o-engagement-model__cards__bottom {
    padding: 0 0;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .new-price-wrapper .o-engagement-model__cards .o-engagement-model__cards__bottom {
        padding: 0
    }
}

.new-price-wrapper .o-engagement-model__cards .o-engagement-model__cards__bottom .price-text {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .new-price-wrapper .o-engagement-model__cards .time-material-side {
        margin-bottom: 35px
    }
}

.price-separate-btn {
    max-width: 370px;
    padding: 14px 10px
}

.box.review-item {
    margin-bottom: 30px;
    display: inline-block;
    border: 1px solid #c3c3c3;
    border-radius: 6px;
    padding: 30px 35px;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
    position: relative
}

.review-masonry {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin: 2em 0;
    -moz-column-gap: 2em;
    column-gap: 2em;
    -webkit-column-gap: 2em
}

.review-item p {
    color: #333;
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 20px
}

.review-item h3 {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    padding-right: 15px
}

.review-star {
    display: inline-block;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/star-icon.svg) no-repeat 0 0;
    width: 88px;
    height: 14px;
    margin-top: 10px
}

.o-case-studies-top-selector .selector-dropdown {
    width: 100%;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
    position: relative;
    margin-right: auto
}

.o-case-studies-top-selector__client-review .selector-dropdown .selector-toggle {
    position: relative;
    border: 1px solid #aebecd !important;
    padding: 0 60px 0 20px;
    border-radius: 25px;
    min-width: 227px;
    text-align: left;
    line-height: 35px;
    cursor: pointer;
    display: block
}

.o-case-studies-top-selector__client-review .selector-dropdown .selector-toggle:before {
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/nav-down-arrow.svg) 100% 50% no-repeat;
    position: absolute;
    right: 20px;
    width: 10px;
    height: 10px;
    top: 16px
}

.o-case-studies-top-selector__client-review .selector-dropdown .dropdown-content {
    position: absolute;
    min-width: 219px;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    padding: 12px 24px;
    z-index: 1;
    width: 100%;
    left: 4px;
    top: 30px;
    border-left: 1px solid #aebecd;
    border-right: 1px solid #aebecd;
    border-bottom: 1px solid #aebecd;
    background: #fff;
    display: none
}

.o-case-studies-top-selector .selector-dropdown .dropdown-content ul li a {
    color: #333;
    display: block;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 0;
    text-transform: uppercase;
    max-width: 350px;
    text-decoration: none;
    position: relative;
    border-radius: 5px
}

.client-top-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.client-top-wrap .client-circle {
    display: inline-block;
    width: 65px;
    height: 65px;
    overflow: hidden;
    margin-right: 20px
}

.client-top-wrap .client-review-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.client-top-wrap .client-review-right h3 {
    font-style: normal;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 5px
}

.client-top-wrap .client-review-right h6 {
    font-size: 14px;
    line-height: 14px;
    color: #333;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px
}

.client-top-wrap .client-review-right p {
    color: #8c8585;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500
}

.client-review-helper {
    padding-top: 50px
}

.box.review-item:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/clients-reviews/quote-icon.png);
    background-repeat: no-repeat;
    right: 35px;
    bottom: 30px
}

.review-item .star {
    display: none
}

.client-review-bnr-icon-wrap img {
    margin: 0 25px
}

.teamquote-body {
    position: relative
}

.teamquote-body .quote-section h2 {
    font-size: 32px;
    margin-top: 0;
    text-align: center
}

.teamquote-body .accordion-section .panel-body {
    display: none
}

.teamquote-body .accordion-section .panel {
    border: solid 1px #d6d6d6;
    border-radius: 8px;
    margin-bottom: 10px;
    background: #fff;
    position: relative
}

.teamquote-body .accordion-section .panel:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/team-quote/plus.png) no-repeat 0 0;
    height: 20px;
    width: 20px;
    top: 17px;
    right: 20px;
    cursor: pointer
}

.teamquote-body .accordion-section .panel.active:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/team-quote/minus.png) no-repeat 0 0;
    height: 10px;
    width: 30px;
    top: 25px;
    right: 15px;
    cursor: pointer
}

.teamquote-body .ttip {
    position: relative;
    display: inline-block
}

.teamquote-body .ttip img {
    position: relative;
    top: -1px;
    left: 5px
}

.teamquote-body .ttip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.teamquote-body .ttip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent
}

.teamquote-body .ttip:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.teamquote-body .quote-section-head h4 {
    font-size: 18px;
    margin-top: 0;
    line-height: inherit;
    text-align: center
}

.teamquote-body .quote-select {
    width: 190px;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 5px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 5px 3px rgba(0, 0, 0, .1);
    padding: 10px 20px;
    background-color: transparent;
    position: relative
}

.teamquote-body .quote-select:before {
    content: '';
    position: absolute;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/team-quote/down-arrow.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    right: 20px;
    top: 18px;
    height: 15px;
    width: 15px
}

.teamquote-body .quote-select select {
    -webkit-appearance: none;
    border: none;
    width: 100%;
    font-size: 14px;
    background: 0 0
}

.teamquote-body .quote-select select:focus {
    outline: 0
}

.teamquote-body .quote-section-head-right small {
    font-style: italic;
    font-size: 12px;
    margin-top: 10px;
    display: block
}

.teamquote-body .accordion-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center
}

.teamquote-body .accordion-head h3 {
    font-size: 24px;
    margin: 0
}

.teamquote-body .accordion-head-span1,
.teamquote-body .accordion-head-span2,
.teamquote-body .accordion-head-span3,
.teamquote-body .accordion-head-span4,
.teamquote-body .accordion-head-span5,
.teamquote-body .accordion-head-span6,
.teamquote-body .accordion-head-span7 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.teamquote-body .accordion-head-span1 {
    text-align: center
}

.teamquote-body .accordion-head-span3 {
    max-width: 167px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 167px;
    flex: 0 0 167px;
    margin-right: 35px
}

.teamquote-body .accordion-head-span4 {
    max-width: 122px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 122px;
    flex: 0 0 122px
}

.teamquote-body .body-cell1,
.teamquote-body .body-cell2,
.teamquote-body .body-cell3,
.teamquote-body .body-cell4,
.teamquote-body .body-cell5,
.teamquote-body .body-cell6,
.teamquote-body .body-cell7 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    margin-top: 20px
}

.teamquote-body .body-cell1 {
    text-align: center;
    font-size: 16px;
    font-weight: 600
}

.teamquote-body .panel-header {
    padding: 15px 25px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer
}

.teamquote-body .panel-header span {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    margin-left: 7px
}

.teamquote-body .panel-body {
    border-top: 1px solid #e7e4e4;
    padding: 0 25px 20px
}

.teamquote-body .body-cell3 .body-select-wrap {
    border-radius: 5px;
    border: 1px solid #6e6d6d;
    padding: 8px 20px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.teamquote-body .body-cell3 .body-select-wrap:before {
    content: '';
    position: absolute;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/team-quote/down-arrow.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    right: 10px;
    top: 15px;
    height: 15px;
    width: 15px
}

.teamquote-body .body-cell3 .body-select-wrap select {
    -webkit-appearance: none;
    border: none;
    width: 100%;
    font-size: 15px;
    background: 0 0
}

.teamquote-body .body-cell3 .body-select-wrap select:focus {
    outline: 0
}

.teamquote-body .body-cell4 .body-select-wrap {
    border-radius: 5px;
    border: 1px solid #6e6d6d;
    padding: 8px 20px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.teamquote-body .body-cell4 .body-select-wrap:before {
    content: '';
    position: absolute;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/team-quote/down-arrow.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    right: 10px;
    top: 15px;
    height: 15px;
    width: 15px
}

.teamquote-body .body-cell4 .body-select-wrap select {
    -webkit-appearance: none;
    border: none;
    width: 100%;
    font-size: 15px;
    background: 0 0
}

.teamquote-body .body-cell4 .body-select-wrap select:focus {
    outline: 0
}

.teamquote-body section.quote-section {
    position: relative;
    background: #f5f5f5;
    padding-top: 70px;
    padding-bottom: 80px
}

.teamquote-body .floating-section {
    position: relative
}

.teamquote-body .floating-section h3 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 25px;
    margin-top: 30px
}

.teamquote-body .developer-list {
    overflow-y: scroll;
    height: 120px
}

.teamquote-body .developer-list::-webkit-scrollbar-track {
    border: 2px solid #fff;
    background-color: #b2bec3
}

.teamquote-body .developer-list::-webkit-scrollbar {
    width: 5px;
    background-color: #dfe6e9
}

.teamquote-body .developer-list::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px
}

.teamquote-body .developer-list ul {
    padding-left: 0;
    min-height: 175px;
    padding-right: 30px
}

.teamquote-body .developer-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d5d1d1;
    padding: 15px 0
}

.teamquote-body .developer-list ul li:first-child {
    padding-top: 0
}

.teamquote-body .developer-list ul li:last-child {
    border-bottom: 0
}

.teamquote-body .developer-list-name {
    font-size: 13px;
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%
}

.teamquote-body .developer-list-pricing {
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.teamquote-body span.color {
    color: #3ed13e;
    font-weight: 600
}

.teamquote-body .developer-list-pricing {
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #ccc;
    font-size: 13px;
    font-weight: 500
}

.teamquote-body span.price {
    color: #333;
    font-weight: 600;
    font-size: 16px;
    margin-left: 20px
}

.teamquote-body .list-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.teamquote-body .list-total p {
    font-size: 13px;
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    color: #ccc;
    margin-bottom: 0
}

.teamquote-body .list-total span {
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;
    font-weight: 600;
    font-size: 16px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.teamquote-body .right-head {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 30px
}

.teamquote-body .right-head p {
    margin: 0;
    color: #ada7a7;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 39%;
    flex: 0 0 39%;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    margin-bottom: 15px
}

.teamquote-body .right-head h4 {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #000;
    font-size: 24px
}

.teamquote-body .right-body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.teamquote-body .right-body p {
    margin: 0;
    font-size: 17px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px
}

.teamquote-body .right-body h4 {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 17px;
    color: #000
}

.teamquote-body .right-foot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.teamquote-body .right-foot p {
    margin: 0;
    font-size: 24px;
    color: #3ec066;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px
}

.teamquote-body .right-foot h4 {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 24px;
    color: #3ec066;
    font-weight: 500
}

.teamquote-body .floating-section-right button {
    width: 100%;
    padding: 24px 0;
    border-radius: 8px;
    background: #ff5800;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    border: none;
    letter-spacing: 0;
    font-weight: 500;
    cursor: pointer;
    position: relative
}

.teamquote-body .floating-section-right button:before {
    content: '';
    position: absolute;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/team-quote/right-arrow.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    right: 21%;
    top: 30px;
    height: 25px;
    width: 25px
}

.teamquote-body input[type=range] {
    visibility: hidden;
    width: 0;
    font-size: 0
}

.teamquote-body button.range {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #fff;
    font-size: 24px;
    border: 1px solid #d3d3d3;
    cursor: pointer;
    -webkit-appearance: none;
    margin: 0 10px
}

.teamquote-body .float-sec-none {
    display: none
}

.teamquote-body .floating-section {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    bottom: 0;
    -webkit-box-shadow: 0 -12px 10px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 -12px 10px 0 rgba(0, 0, 0, .05)
}

.teamquote-body .floating-section-trigger {
    background: #fff;
    height: 35px;
    width: 70px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: absolute;
    top: -35px;
    right: 1%;
    cursor: pointer;
    -webkit-box-shadow: 0 -6px 10px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 -6px 10px 0 rgba(0, 0, 0, .05)
}

.teamquote-body .floating-section-trigger.active::before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/team-quote/down-arrow-big.png) no-repeat 0 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    top: 5px;
    top: 15px
}

.teamquote-body .floating-section-trigger::before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/team-quote/down-arrow-big.png) no-repeat 0 0;
    left: 0;
    right: 0;
    text-align: center;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: 5px
}

.teamquote-body .d-m-none {
    display: none
}

.teamquote-body .d-d-none {
    display: block
}

.teamquote-body .accordion-section .active .panel-body {
    display: block
}

.teamquote-body .ttip.d-d-none {
    margin-bottom: 15px
}

.teamquote-body .minus,
.teamquote-body .plus {
    width: 20px;
    height: 20px;
    background: 0 0;
    border-radius: 4px;
    padding: 8px 5px 8px 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 0
}

.teamquote-body .number input {
    width: 45px;
    border-radius: 5px;
    border: 1px solid #6e6d6d;
    text-align: center;
    font-size: 15px;
    padding: 2px 0
}

.teamquote-body .number .minus {
    position: relative;
    cursor: pointer
}

.teamquote-body .number .minus:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/team-quote/c-minus.png) no-repeat 0 0;
    height: 17px;
    width: 17px;
    top: 2px;
    left: -2px
}

.teamquote-body .number .plus {
    position: relative;
    cursor: pointer
}

.teamquote-body .number .plus:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/team-quote/c-plus.png) no-repeat 0 0;
    height: 17px;
    width: 17px;
    top: 2px;
    left: 4px
}

.teamquote-body .quote-section-head-right {
    text-align: center
}

@media only screen and (min-width:768px) {
    .teamquote-body .quote-section-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .teamquote-body .quote-section-head-right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: right
    }

    .teamquote-body .quote-select {
        margin: auto 0 auto auto
    }

    .teamquote-body .d-d-none {
        display: none
    }

    .teamquote-body .d-m-none {
        display: block
    }

    .teamquote-body .accordion-section .active .panel-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .teamquote-body .body-cell3 {
        max-width: 165px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 165px;
        flex: 0 0 165px;
        margin-right: 35px;
        margin-left: 35px
    }

    .teamquote-body .body-cell4 {
        max-width: 120px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px
    }

    .teamquote-body .body-cell1,
    .teamquote-body .body-cell2,
    .teamquote-body .body-cell3,
    .teamquote-body .body-cell4,
    .teamquote-body .body-cell5,
    .teamquote-body .body-cell6,
    .teamquote-body .body-cell7 {
        margin-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 20px 0
    }

    .teamquote-body .ttip.d-d-none {
        margin-bottom: 0
    }

    .teamquote-body .body-cell1 {
        text-align: left;
        max-width: 330px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 330px;
        flex: 0 0 330px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .teamquote-body .number {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .teamquote-body .floating-section-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px
    }

    .teamquote-body .floating-section-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        border-right: 1px solid #e7e4e4;
        padding-right: 30px
    }

    .teamquote-body .floating-section-right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 30px
    }

    .teamquote-body .floating-section-right button {
        font-size: 18px;
        letter-spacing: 3px
    }

    .teamquote-body .floating-section-right button:before {
        right: 23%
    }

    .teamquote-body .developer-list {
        height: 160px
    }

    .teamquote-body .right-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .teamquote-body .right-head p {
        text-align: left;
        margin-bottom: 0
    }

    .teamquote-body .right-head h4 {
        text-align: right
    }

    .teamquote-body .right-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .teamquote-body .right-body p {
        text-align: left;
        margin-bottom: 0
    }

    .teamquote-body .right-body h4 {
        text-align: right
    }

    .teamquote-body .right-foot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .teamquote-body .right-foot p {
        text-align: left;
        margin-bottom: 0
    }

    .teamquote-body .right-foot h4 {
        text-align: right
    }

    .teamquote-body .quote-section h2 {
        font-size: 42px;
        text-align: left
    }

    .teamquote-body .quote-section-head h4 {
        text-align: left
    }

    .teamquote-body .quote-section-head-right {
        text-align: right
    }

    .teamquote-body .quote-select {
        margin: auto 0 auto auto
    }

    .teamquote-body .accordion-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        padding: 0 25px
    }

    .teamquote-body .accordion-head-span1 {
        max-width: 330px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 330px;
        flex: 0 0 330px;
        text-align: left
    }

    .teamquote-body .body-cell6 {
        background: #eef9f1;
        font-weight: 600
    }

    .teamquote-body .accordion-head-span6 .ttip {
        font-weight: 600
    }

    .teamquote-body .panel-body {
        padding: 0 25px
    }

    .teamquote-body .list-total span {
        padding-right: 35px
    }

    .teamquote-body .accordion-head-span2.d-m-none {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 102px;
        flex: 0 0 102px
    }

    .teamquote-body .accordion-head-span3.d-m-none {
        margin: 0 35px
    }
}

.at-pan-1 {
    background-color: #fff;
    padding: 40px;
    border: 1px solid #c5c5c5;
    -webkit-box-shadow: 0 0 34px 0 #0000001c;
    box-shadow: 0 0 34px 0 #0000001c;
    margin-bottom: 30px;
    border-radius: 10px;
    text-align: left;
    vertical-align: top
}

@media (min-width:992px) {
    .at-pan-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.at-pan-1 h3 {
    text-align: left
}

.at-pan-1 p {
    text-align: left
}

.at-pan-1 img {
    margin-right: 20px;
    margin-bottom: 20px
}

.at-pan-1 ul li {
    width: 100%;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/green-tick.svg) no-repeat 0 5px;
    padding: 0 0 10px 30px;
    font-size: 18px;
    margin-right: 20px
}

@media (min-width:992px) {
    .at-pan-1 ul li {
        width: 30%;
        float: left
    }
}

.testing-tool-pan {
    border-top: 1px solid #ccc;
    padding: 20px 0;
    font-size: 18px
}

.testing-tool-pan p {
    font-weight: 500
}

.testing-tool-pan ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.testing-tool-pan ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    vertical-align: middle;
    font-size: 30px;
    -ms-flex-item-align: center;
    align-self: center
}

.testing-process {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
    overflow: hidden
}

.testing-process .arrow_box:after,
.testing-process .arrow_box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.testing-process .tp-pan-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

@media (min-width:992px) {
    .testing-process .tp-pan-left {
        -webkit-box-flex: 45%;
        -ms-flex: 45%;
        flex: 45%
    }
}

.testing-process .tp-pan-left div {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    padding: 20px 40px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    min-height: 100px;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 20px
}

@media (min-width:992px) {
    .testing-process .tp-pan-left div {
        width: 80%;
        margin-top: 0
    }
}

.testing-process .tp-pan-left div:after,
.testing-process .tp-pan-left div:before {
    left: 100%;
    top: 30px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.testing-process .tp-pan-left div:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #fff;
    border-width: 15px;
    margin-top: -15px
}

.testing-process .tp-pan-left div:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #e3e3e3;
    border-width: 16px;
    margin-top: -16px
}

.testing-process .tp-pan-left div span {
    background-color: #036497;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    left: 10px;
    top: 10px;
    position: absolute;
    content: "";
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 12px
}

@media (min-width:992px) {
    .testing-process .tp-pan-left div span {
        left: 454px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 17px
    }
}

.testing-process .tp-pan-left div img {
    margin-right: 10px;
    margin-left: 20px;
    width: 43px
}

@media (min-width:992px) {
    .testing-process .tp-pan-left div img {
        margin-right: 30px;
        margin-left: 0
    }
}

.testing-process .tp-pan-left div p {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0
}

.testing-process .tp-pan-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width:992px) {
    .testing-process .tp-pan-right {
        -webkit-box-flex: 45%;
        -ms-flex: 45%;
        flex: 45%
    }
}

.testing-process .tp-pan-right div {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    padding: 20px 40px;
    background-color: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 10px;
    min-height: 100px;
    position: relative;
    margin-top: 20px;
    text-align: right;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media (min-width:992px) {
    .testing-process .tp-pan-right div {
        width: 80%;
        margin-top: 80px
    }
}

.testing-process .tp-pan-right div:after,
.testing-process .tp-pan-right div:before {
    right: 100%;
    top: 30px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.testing-process .tp-pan-right div:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #fff;
    border-width: 15px;
    margin-top: -15px
}

.testing-process .tp-pan-right div:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #e3e3e3;
    border-width: 17px;
    margin-top: -17px
}

.testing-process .tp-pan-right div span {
    background-color: #036497;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    left: 10px;
    top: 10px;
    position: absolute;
    content: "";
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 12px
}

@media (min-width:992px) {
    .testing-process .tp-pan-right div span {
        left: -114px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 17px
    }
}

.testing-process .tp-pan-right div img {
    margin-right: 10px;
    margin-left: 20px;
    width: 43px
}

@media (min-width:992px) {
    .testing-process .tp-pan-right div img {
        margin-right: 30px;
        margin-left: 0
    }
}

.testing-process .tp-pan-right div p {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
}

.testing-process .tp-middle-line {
    background-color: #ccc;
    width: 4px;
    height: 58%;
    position: absolute;
    left: 50%;
    display: none
}

@media (min-width:992px) {
    .testing-process .tp-middle-line {
        display: block
    }
}

.software-test ul li {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/green-tick.svg) no-repeat 0 5px;
    padding: 0 0 10px 30px;
    font-size: 18px;
    margin-right: 20px
}

.cmn-bnr-mod {
    padding-top: 102px !important
}

@media screen and (min-width:992px) {
    .cmn-bnr-mod {
        padding: 65px 20px 0 !important
    }
}

.cmn-bnr-mod h1 {
    font-size: 30px !important;
    line-height: 40px !important;
    margin-bottom: 15px !important;
    margin-top: 0 !important
}

@media screen and (min-width:992px) {
    .cmn-bnr-mod h1 {
        font-size: 47px !important;
        line-height: 61px !important
    }
}

.cmn-bnr-mod h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500 !important
}

@media screen and (min-width:992px) {
    .cmn-bnr-mod h2 {
        font-size: 24px;
        line-height: 36px !important;
        font-weight: 600 !important
    }
}

@media screen and (min-width:992px) {
    .cmn-bnr-mod .skill-page-mod li img {
        padding: 20px 0 20px
    }
}

@media screen and (min-width:992px) {
    .cmn-bnr-mod .header_left_pan {
        padding-right: 20px !important;
        padding-top: 50px
    }
}

.cmn-bnr-mod .header_left_pan picture {
    display: inline-block
}

.cmn-bnr-mod .header_left_pan picture img {
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
    padding-top: 0 !important;
    height: 65px;
    width: auto
}

@media screen and (min-width:992px) {
    .cmn-bnr-mod .header_left_pan picture img {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        padding-bottom: 25px !important;
        height: 85px
    }
}

.cmn-bnr-mod .skill-page-mod li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important
}

@media screen and (min-width:992px) {
    .cmn-bnr-mod .skill-page-mod li:first-child {
        padding-left: 0 !important
    }
}

.cmn-bnr-mod .schedule-box {
    margin-top: 0;
    height: 100%
}

.cmn-bnr-mod .schedule-box-top {
    padding-bottom: 0
}

@media screen and (min-width:1200px) {
    .cmn-bnr-mod .schedule-box-top-text h2 {
        font-size: 23px !important;
        line-height: 35px
    }
}

.cmn-bnr-mod .header_right_pan {
    background: 0 0;
    padding: 0 15px;
    margin-top: 0
}

@media screen and (min-width:992px) {
    .cmn-bnr-mod .header_right_pan h3 {
        font-size: 21px !important;
        line-height: 35px;
        padding-bottom: 0;
        font-weight: 600
    }
}

.tools-tech {
    padding: 45px 0 50px
}

@media screen and (min-width:992px) {
    .tools-tech {
        padding: 70px 0 55px
    }
}

.tools-tech p {
    font-size: 18px
}

.tools-tech .tnt-box {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    height: 138px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .05)
}

.tools-tech .tnt-box i {
    display: block;
    height: 55px
}

.tools-tech .tnt-box span {
    display: block;
    font-size: 16px;
    line-height: 27px;
    margin-top: 20px
}

.tools-tech .row {
    margin-bottom: 25px
}

.tools-tech h2 {
    margin-bottom: 20px;
    font-weight: 600
}

.tools-tech h2 br {
    display: none
}

@media screen and (min-width:992px) {
    .tools-tech h2 br {
        display: block
    }
}

.step-by-step .spiral-col-box {
    padding: 30px 15px 30px 15px
}

@media screen and (min-width:992px) {
    .step-by-step .spiral-col-box {
        padding: 30px 30px 30px 35px
    }
}

.step-by-step h4 {
    font-size: 16px
}

@media screen and (min-width:992px) {
    .step-by-step h4 {
        font-size: 24px
    }
}

.step-by-step .btn_wrapper {
    margin-top: 25px
}

@media screen and (min-width:992px) {
    .step-by-step .btn_wrapper {
        margin-top: 0
    }
}

.step-by-step .spiral-col-box3 {
    margin-bottom: 60px
}

.step-by-step h2 {
    font-weight: 600
}

.tools-tech-section h2 {
    font-weight: 600;
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .tools-tech-section h2 {
        margin-bottom: 15px
    }
}

.tools-tech-section .tech-list {
    border: 1px solid #e1dfe6
}

@media screen and (min-width:992px) {
    .tools-tech-section .tech-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width:992px) {
    .tools-tech-section .tech-list div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.tools-tech-section .tech-list ul {
    padding-bottom: 0
}

@media screen and (min-width:992px) {
    .tools-tech-section .tech-list ul {
        padding: 15px 0 15px 20px
    }
}

@media screen and (min-width:992px) {
    .tools-tech-section .tech-list ul li {
        padding: 5px 15px;
        border: none;
        position: relative
    }
}

.tools-tech-section .tech-list ul li:before {
    display: none
}

@media screen and (min-width:992px) {
    .tools-tech-section .tech-list ul li:before {
        display: block;
        content: '';
        position: absolute;
        background: #dedede;
        height: 24px;
        width: 1px;
        left: 0;
        top: 6px
    }
}

.tools-tech-section .tech-list ul li:first-child:before {
    display: none
}

.tools-tech-section .tech-list ul li a {
    font-weight: 500;
    color: #4a90e2;
    text-decoration: underline;
    -webkit-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out
}

.tools-tech-section .tech-list ul li a:hover {
    color: #2275d7
}

@media screen and (min-width:1200px) {
    .tools-tech-section .tech-list ul .lg-no-left-bar:before {
        display: none
    }
}

.tools-tech-section .tech-list ul .md-no-left-bar:before {
    display: none
}

@media screen and (min-width:1200px) {
    .tools-tech-section .tech-list ul .md-no-left-bar:before {
        display: block
    }
}

@media screen and (min-width:1089px) {
    .tools-tech-section .tech-list ul .md-no-left-bar2:before {
        display: none
    }
}

@media screen and (min-width:1281px) {
    .tools-tech-section .tech-list ul .md-no-left-bar2:before {
        display: block
    }
}

.tools-tech-section .tech-list ul .md-no-left-bar3:before {
    display: none
}

@media screen and (min-width:1089px) {
    .tools-tech-section .tech-list ul .md-no-left-bar3:before {
        display: block
    }
}

@media screen and (min-width:1200px) {
    .tools-tech-section .tech-list .text-brk {
        padding-right: 15px
    }
}

@media screen and (min-width:992px) {
    .tools-tech-section .tech-list .text-brk-lg {
        margin-right: 15px
    }
}

@media screen and (min-width:1200px) {
    .tools-tech-section .tech-list .text-brk-lg {
        margin-right: 0
    }
}

.tools-tech-section .tech-list-inside {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
    display: block !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
    padding-left: 20px !important
}

.tools-tech-section .tech-list-inside ul {
    padding: 0;
    display: block;
    width: 100%
}

.tools-tech-section .tech-list-inside ul li {
    color: #333
}

.tools-tech-section .tech-list-inside ul li span {
    display: block;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .tools-tech-section .tech-list-inside ul li span {
        display: inline;
        margin-top: 0
    }
}

.tools-tech-section .btn_wrapper {
    margin-top: 30px
}

@media screen and (min-width:992px) {
    .tools-tech-section .btn_wrapper {
        margin-top: 50px
    }
}

.dev-process h2 {
    margin-bottom: 30px;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .dev-process h2 {
        margin-bottom: 75px
    }
}

.dev-process ul {
    margin-bottom: 0
}

.dev-process ul li {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 24px;
    padding-left: 25px
}

.dev-process ul li:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mobile-app/c-right-arrow.svg) no-repeat center center;
    top: 2px
}

@media screen and (min-width:992px) {
    .dev-process .spiral-col-box1 {
        margin-bottom: 105px
    }
}

@media screen and (min-width:992px) {
    .dev-process .spiral-col-box5 {
        margin-top: 180px
    }
}

@media screen and (min-width:992px) {
    .dev-process .spiral-col-box6 {
        margin-top: 180px;
        margin-bottom: 60px
    }
}

@media screen and (min-width:992px) {
    .process-mobile-app .spiral-col-mid {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24%;
        flex: 0 0 24%
    }
}

@media screen and (min-width:992px) {
    .process-mobile-app .spiral-col-box1 {
        margin-bottom: 50px;
        margin-top: 30px
    }
}

@media screen and (min-width:1200px) {
    .process-mobile-app .spiral-col-box1 {
        margin-bottom: 155px
    }
}

@media screen and (min-width:992px) {
    .process-mobile-app .spiral-col-box4 {
        margin-top: 210px
    }
}

@media screen and (min-width:1200px) {
    .process-mobile-app .spiral-col-box4 {
        margin-top: 230px
    }
}

@media screen and (min-width:992px) {
    .process-mobile-app .spiral-col-box5 {
        margin-top: 60px
    }
}

@media screen and (min-width:1200px) {
    .process-mobile-app .spiral-col-box5 {
        margin-top: 120px
    }
}

@media screen and (min-width:992px) {
    .process-mobile-app .spiral-col-box6 {
        margin-top: 60px
    }
}

@media screen and (min-width:1200px) {
    .process-mobile-app .spiral-col-box6 {
        margin-top: 110px
    }
}

@media screen and (min-width:992px) {
    .process-mobile-app .spiral-col-box2 {
        margin-bottom: 15px
    }
}

@media screen and (min-width:1200px) {
    .process-mobile-app .spiral-col-box2 {
        margin-bottom: 70px
    }
}

@media screen and (min-width:992px) {
    .process-mobile-app .spiral-col-box3 {
        margin-bottom: 30px
    }
}

@media screen and (min-width:1200px) {
    .process-mobile-app .spiral-col-box3 {
        margin-bottom: 110px
    }
}

.process-mobile-app .spiral-col-box7 .color-7 {
    color: #71f99b
}

@media screen and (min-width:992px) {
    .process-6-in-grid .spiral-col-box p {
        margin-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .process-6-in-grid .spiral-col-mid {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24%;
        flex: 0 0 24%
    }
}

@media screen and (min-width:992px) {
    .process-6-in-grid .spiral-col-box1 {
        margin-bottom: 20px;
        margin-top: 0
    }
}

@media screen and (min-width:1200px) {
    .process-6-in-grid .spiral-col-box1 {
        margin-bottom: 75px;
        margin-top: 30px
    }
}

@media screen and (min-width:992px) {
    .process-6-in-grid .spiral-col-box4 {
        margin-top: 210px
    }
}

@media screen and (min-width:1200px) {
    .process-6-in-grid .spiral-col-box4 {
        margin-top: 230px
    }
}

@media screen and (min-width:992px) {
    .process-6-in-grid .spiral-col-box5 {
        margin-top: 40px
    }
}

@media screen and (min-width:1200px) {
    .process-6-in-grid .spiral-col-box5 {
        margin-top: 150px
    }
}

@media screen and (min-width:992px) {
    .process-6-in-grid .spiral-col-box6 {
        margin-top: 20px
    }
}

@media screen and (min-width:1200px) {
    .process-6-in-grid .spiral-col-box6 {
        margin-top: 120px
    }
}

@media screen and (min-width:992px) {
    .process-6-in-grid .spiral-col-box2 {
        margin-bottom: 45px
    }
}

@media screen and (min-width:1200px) {
    .process-6-in-grid .spiral-col-box2 {
        margin-bottom: 110px
    }
}

@media screen and (min-width:992px) {
    .process-6-in-grid .spiral-col-box3 {
        margin-bottom: 30px
    }
}

@media screen and (min-width:1200px) {
    .process-6-in-grid .spiral-col-box3 {
        margin-bottom: 110px
    }
}

.app-cost-section {
    padding: 50px 0 30px
}

@media screen and (min-width:992px) {
    .app-cost-section {
        padding: 70px 0 60px
    }
}

.app-cost-section h2 {
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .app-cost-section h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.app-cost-section p {
    font-size: 16px;
    text-align: center;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .app-cost-section p {
        font-size: 18px
    }
}

.app-cost-section .cost-tabs-new {
    font-family: Poppins
}

.app-cost-section .cost-tabs-new li a {
    font-family: Poppins
}

.app-cost-section #cost-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px;
    margin-bottom: 25px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

@media screen and (min-width:992px) {
    .app-cost-section #cost-tabs {
        overflow-x: inherit;
        margin-top: 50px;
        margin-bottom: 40px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.app-cost-section #cost-tabs::-webkit-scrollbar {
    opacity: 0
}

.app-cost-section #cost-tabs li {
    margin: 0 5px
}

.app-cost-section #cost-tabs li a {
    border-radius: 18px;
    border: 1px solid #333;
    text-align: center;
    padding: 5px 20px;
    font-size: 16px;
    cursor: pointer;
    color: #333;
    display: inline-block
}

.app-cost-section #cost-tabs li a.active {
    background: #27c070;
    border: 1px solid #27c070;
    color: #fff
}

.app-cost-section .app-cost-box {
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 14px 15px 1px rgba(0, 0, 0, .03);
    box-shadow: 0 14px 15px 1px rgba(0, 0, 0, .03);
    margin-bottom: 50px
}

@media screen and (min-width:992px) {
    .app-cost-section .app-cost-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:1200px) {
    .app-cost-section .app-cost-box {
        max-width: 970px;
        margin: 0 auto 50px;
        padding: 15px
    }
}

.app-cost-section .app-cost-box-left {
    padding: 30px 15px
}

@media screen and (min-width:992px) {
    .app-cost-section .app-cost-box-left {
        padding: 40px 75px 30px 30px
    }
}

.app-cost-section .app-cost-box-left p {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .app-cost-section .app-cost-box-left p {
        text-align: left;
        font-size: 18px;
        line-height: 28px
    }
}

.app-cost-section .app-cost-box-left p:nth-child(2) {
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .app-cost-section .app-cost-box-left p:nth-child(2) {
        margin-top: 25px
    }
}

.app-cost-section .app-cost-box-right {
    text-align: center;
    background: #fafafa;
    border-top: 5px solid #4a90e2;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 30px 15px
}

@media screen and (min-width:992px) {
    .app-cost-section .app-cost-box-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 38%;
        flex: 0 0 38%;
        max-width: 38%;
        text-align: left
    }
}

@media screen and (min-width:992px) {
    .app-cost-section .app-cost-box-right {
        border-top: 0;
        border-left: 5px solid #4a90e2;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
        padding: 50px 50px 60px 40px
    }
}

.app-cost-section .app-cost-box-right h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 20px
}

@media screen and (min-width:992px) {
    .app-cost-section .app-cost-box-right h3 {
        font-size: 30px;
        line-height: 28px
    }
}

.app-cost-section .app-cost-box-right p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .app-cost-section .app-cost-box-right p {
        text-align: left;
        font-size: 18px;
        line-height: 28px
    }
}

.app-cost-section .app-cost-box-right-top {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .app-cost-section .app-cost-box-right-top {
        margin-bottom: 40px
    }
}

.service-box-cmn .services-pan {
    padding: 50px 25px 30px
}

@media screen and (min-width:992px) {
    .service-box-cmn .services-pan {
        padding: 50px 25px 30px
    }
}

.expertise-section {
    padding: 40px 0 20px
}

@media screen and (min-width:992px) {
    .expertise-section {
        padding: 70px 0 70px
    }
}

.expertise-section h2 {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .expertise-section h2 {
        margin-bottom: 70px
    }
}

.expertise-section .expertise-wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .expertise-section .expertise-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: inherit
    }
}

@media screen and (min-width:992px) {
    .expertise-section .expertise-wrapper-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%
    }
}

@media screen and (min-width:1200px) {
    .expertise-section .expertise-wrapper-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%
    }
}

@media screen and (min-width:992px) {
    .expertise-section .expertise-wrapper-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        margin-left: 20px
    }
}

@media screen and (min-width:1200px) {
    .expertise-section .expertise-wrapper-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%
    }
}

.expertise-section .expertise-wrapper .expertise-box {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .expertise-section .expertise-wrapper .expertise-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.expertise-section .expertise-wrapper .expertise-box-left {
    width: 170px;
    height: 143px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 170px;
    flex: 0 0 170px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #c5c5c5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 0 25px 17px rgba(0, 0, 0, .05);
    box-shadow: 0 0 25px 17px rgba(0, 0, 0, .05);
    margin: 0 auto 20px
}

@media screen and (min-width:992px) {
    .expertise-section .expertise-wrapper .expertise-box-left {
        margin: 0
    }
}

.expertise-section .expertise-wrapper .expertise-box p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0
}

.expertise-section .expertise-wrapper .expertise-box h3 {
    font-size: 20px;
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .expertise-section .expertise-wrapper .expertise-box h3 {
        font-size: 24px
    }
}

@media screen and (min-width:992px) {
    .expertise-section .expertise-wrapper .expertise-box-right {
        margin-left: 20px
    }
}

.blk-dev-pr-section {
    padding: 40px 0 20px
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section {
        padding: 70px 0 70px
    }
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section h2 {
        margin-bottom: 50px
    }
}

.blk-dev-pr-section .blk-dev-pr-left {
    margin-bottom: 20px;
    position: relative;
    margin-top: 25px
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section .blk-dev-pr-left {
        margin-top: 0;
        margin-bottom: 60px
    }
}

.blk-dev-pr-section .blk-dev-pr-left:before {
    content: '';
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: -73px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 21px
}

.blk-dev-pr-section .blk-dev-pr-left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.blk-dev-pr-section .blk-dev-pr-left-top img {
    width: 50px
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section .blk-dev-pr-left-top img {
        width: inherit
    }
}

.blk-dev-pr-section .blk-dev-pr-left-top h3 {
    margin-bottom: 0;
    width: 100%;
    padding-left: 20px;
    font-size: 18px
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section .blk-dev-pr-left-top h3 {
        font-size: 24px;
        width: 70%
    }
}

.blk-dev-pr-section .blk-dev-pr-left-c1::before {
    content: '01';
    background: #2c4d82
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section .blk-dev-pr-left-c2 {
        margin-bottom: 90px
    }
}

.blk-dev-pr-section .blk-dev-pr-left-c2::before {
    content: '02';
    background: #036497
}

.blk-dev-pr-section .blk-dev-pr-left-c3::before {
    content: '03';
    background: #1b89af
}

.blk-dev-pr-section .blk-dev-pr-left-c4::before {
    content: '04';
    background: #2bbdc3
}

.blk-dev-pr-section .blk-dev-pr-left-c5::before {
    content: '05';
    background: #28c89a
}

.blk-dev-pr-section .blk-dev-pr-left-c6::before {
    content: '06';
    background: #3be06e
}

.blk-dev-pr-section ul li {
    font-size: 16px;
    line-height: 24px;
    position: relative;
    padding-left: 23px;
    margin-bottom: 15px
}

.blk-dev-pr-section ul li:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/ledger/point-circle.svg) no-repeat 0 0;
    width: 15px;
    height: 15px;
    top: 5px;
    left: 0
}

.blk-dev-pr-section .blk-dev-pr-box {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, .05);
    box-shadow: 0 0 25px 10px rgba(0, 0, 0, .05);
    padding: 25px 15px 25px 15px;
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section .blk-dev-pr-box {
        padding: 40px 25px 35px 30px;
        margin-bottom: 0
    }
}

.blk-dev-pr-section .blk-dev-pr-box h4 {
    margin-bottom: 15px;
    font-size: 20px
}

.blk-dev-pr-section .blk-dev-pr-box ul li {
    margin-bottom: 7px
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section .blk-dev-pr-box-hight1 {
        min-height: 320px
    }
}

@media screen and (min-width:1200px) {
    .blk-dev-pr-section .blk-dev-pr-box-hight1 {
        min-height: 300px
    }
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section .blk-dev-pr-box-hight2 {
        min-height: 305px
    }
}

@media screen and (min-width:1200px) {
    .blk-dev-pr-section .blk-dev-pr-box-hight2 {
        min-height: 260px
    }
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section .blk-dev-pr-box-hight3 {
        min-height: 305px
    }
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section .blk-dev-pr-box-hight4 {
        min-height: 272px
    }
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section .blk-dev-pr-box-hight5 {
        min-height: 315px
    }
}

@media screen and (min-width:1200px) {
    .blk-dev-pr-section .blk-dev-pr-box-hight5 {
        min-height: 290px
    }
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section .blk-dev-pr-box-hight6 {
        min-height: 320px
    }
}

@media screen and (min-width:1200px) {
    .blk-dev-pr-section .blk-dev-pr-box-hight6 {
        min-height: 295px
    }
}

.blk-dev-pr-section .blk-dev-pr-wrapper {
    padding-left: 75px;
    position: relative;
    margin-bottom: 25px;
    margin-top: 50px
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section .blk-dev-pr-wrapper {
        margin-top: 0;
        margin-bottom: 50px
    }
}

.blk-dev-pr-section .blk-dev-pr-wrapper:before {
    content: '';
    position: absolute;
    background: #dfdfdf;
    width: 6px;
    height: 86%;
    top: 0;
    left: 25px
}

@media screen and (min-width:992px) {
    .blk-dev-pr-section .blk-dev-pr-wrapper:before {
        height: 88%
    }
}

@media screen and (min-width:992px) {
    .remote-dev h2 {
        padding: 0 20px
    }
}

.price-btn-mod {
    width: 100%
}

@media screen and (min-width:992px) {
    .price-btn-mod {
        width: inherit
    }
}

@media screen and (min-width:992px) {
    .jd-pr-mngr {
        height: 660px !important
    }
}

@media screen and (min-width:1200px) {
    .jd-pr-mngr {
        height: 575px !important
    }
}

@media screen and (min-width:992px) {
    .jd-pr-mngr2 {
        height: 590px !important
    }
}

@media screen and (min-width:1200px) {
    .jd-pr-mngr2 {
        height: 525px !important
    }
}

@media screen and (min-width:992px) {
    .intmdt .o-skills-hero {
        padding: 100px 20px 45px !important
    }
}

.intmdt .o-skills-hero h1 {
    margin: 25px 0 20px
}

@media screen and (min-width:992px) {
    .intmdt .o-skills-hero h1 {
        margin-bottom: .5rem;
        margin-top: 0;
        font-size: 38px;
        line-height: 38px
    }
}

.intmdt .intermediate-loader {
    padding-top: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #091b38;
    height: 100vh
}

.intmdt .intermediate-loader #intermediate-loader-p {
    margin-bottom: 0;
    line-height: inherit;
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .intmdt .intermediate-loader #intermediate-loader-p {
        font-size: 30px;
        margin-top: 20px
    }
}

@media screen and (min-width:1800px) {
    .intmdt .intermediate-loader #intermediate-loader-p {
        font-size: 36px;
        margin-top: 30px
    }
}

.intmdt h4.wait-text {
    font-size: 30px;
    line-height: 44px;
    color: #fff;
    -webkit-animation: beat 1.2s infinite alternate;
    animation: beat 1.2s infinite alternate;
    -webkit-transform-origin: center;
    transform-origin: center
}

@media screen and (min-width:992px) {
    .intmdt h4.wait-text {
        font-size: 40px;
        line-height: inherit
    }
}

@-webkit-keyframes beat {
    to {
        opacity: .8
    }
}

@keyframes beat {
    to {
        opacity: .8
    }
}

@media only screen and (max-width:780px) {
    .calendly-inline-widget {
        min-height: 960px
    }
}

.container-ledger {
    max-width: 220px;
    margin: 30px auto 0;
    height: 15px;
    background-color: #cccccc2e;
    border: 1px solid #fff;
    color: #000;
    font-size: 13px;
    text-align: center;
    -webkit-transition-delay: 3s;
    transition-delay: 3s;
    position: relative;
    overflow: hidden
}

@media screen and (min-width:992px) {
    .container-ledger {
        max-width: 280px;
        margin: 40px auto 10px;
        height: 15px
    }
}

#inner-container {
    width: 280px;
    height: 100%;
    margin-top: 0;
    background-color: #fff;
    border: 1px solid #fff
}

.career-form {
    background-size: cover
}

.new-career-form .common-input {
    width: 100%
}

@media screen and (min-width:768px) {
    .new-career-form .common-input {
        width: 46%;
        display: inline-block;
        margin: 0 20px 0 0
    }
}

.new-career-form [data-tip] {
    width: 100%
}

@media screen and (min-width:768px) {
    .new-career-form [data-tip] {
        width: 46%;
        display: inline-block;
        margin: 0 20px 0 0
    }
}

.new-career-form input.input7 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/job-icon-7.png) 0 50% no-repeat !important;
    width: 100%
}

.new-career-form input.years-of-experience {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/job-icon-5.png) 0 50% no-repeat !important;
    width: 100%
}

.new-career-form .p-skills-icon,
.new-career-form .s-skills-icon {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/career/form-icon9.png) no-repeat 0 30px !important;
    padding-left: 30px
}

.new-career-form .form-panel h4:before {
    display: none
}

.new-career-form .p-skills-icon {
    width: 100%
}

@media screen and (min-width:768px) {
    .new-career-form .p-skills-icon {
        display: inline-block;
        width: 46%;
        margin-right: 20px
    }
}

.new-career-form .s-skills-icon {
    width: 100%
}

@media screen and (min-width:768px) {
    .new-career-form .s-skills-icon {
        display: inline-block;
        width: 46%
    }
}

.new-career-form .attach {
    background-position: 0 19px
}

.new-career-form #attachedFiles li {
    padding-top: 0 !important
}

.new-career-form .select2 ul li {
    padding-top: 0 !important
}

.new-career-form .select2 button {
    width: auto
}

.career-form .u-submit {
    margin-top: 20px
}

.o-case-studies-new .faq-holder .accordion1 span.font-size-modify {
    font-size: 20px
}

@media screen and (min-width:992px) {
    .o-case-studies-new .faq-holder .accordion1 span.font-size-modify {
        font-size: 24px !important
    }
}

.new-service-section {
    padding: 40px 0 10px
}

@media screen and (min-width:992px) {
    .new-service-section {
        padding: 70px 0 60px
    }
}

.new-service-section h2 {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .new-service-section h2 {
        margin-bottom: 70px
    }
}

.new-service-section-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:992px) {
    .new-service-section-wrapper {
        display: inherit;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.new-service-section-box {
    margin-bottom: 35px;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-service-section-box {
        margin-bottom: 50px;
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.new-service-section-box i {
    display: block;
    width: 50px;
    margin: 0 auto 20px
}

@media screen and (min-width:992px) {
    .new-service-section-box i {
        display: inline-block;
        margin: 0
    }
}

.new-service-section-box-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-service-section-box-right {
        padding-left: 20px;
        margin-left: 10px;
        text-align: left
    }
}

.new-service-section-box-right h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .new-service-section-box-right h3 {
        font-size: 26px
    }
}

.new-service-section-box-right p {
    font-size: 16px;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .new-service-section-box-right p {
        line-height: 28px
    }
}

@media screen and (min-width:1200px) {
    .new-service-section-box-right p {
        font-size: 17px
    }
}

@media screen and (min-width:1280px) {
    .new-service-section-box-right p {
        font-size: 18px
    }
}

.new-service-section-box-right p a {
    display: inline;
    margin: 0;
    font-size: 18px;
    width: inherit;
    position: inherit;
    color: #333;
    text-decoration: underline
}

.new-service-section-box-right p a:before {
    display: none
}

.new-service-section-box-right p .inner-link {
    color: #0d6efd
}

.new-service-section-box-right p .inner-link:hover {
    color: #0143a3
}

.new-service-section-box-right a {
    font-size: 16px;
    display: block;
    margin: 5px auto 0;
    position: relative;
    width: 107px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.new-service-section-box-right a:before {
    content: "➞";
    position: absolute;
    right: -17px;
    top: 0;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

@media screen and (min-width:1200px) {
    .new-service-section-box-right a {
        font-size: 17px;
        margin-top: 5px;
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width:1280px) {
    .new-service-section-box-right a {
        font-size: 18px
    }
}

.new-service-section-box-right a:hover {
    text-decoration: underline;
    color: #0257d5
}

.new-service-section-box-right a:hover:before {
    right: -22px
}

.new-service-section .ns-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.new-service-section .ns-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.new-service-section .ns-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.new-service-section .ns-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.new-service-section .ns-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.new-service-section .ns-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.new-service-section .ns-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.new-service-section .ns-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.new-service-section .ns-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.new-service-section .ns-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.new-service-section .ns-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.new-service-section .ns-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.new-service-section .ns-order-13 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.new-service-section .ns-order-14 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14
}

.new-service-section .ns-order-15 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15
}

.margin-top-60-modify {
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .margin-top-60-modify {
        margin-top: 60px
    }
}

.blue-bnr-section {
    background-color: #04254a;
    padding: 40px 0 50px;
    text-align: center
}

@media screen and (min-width:992px) {
    .blue-bnr-section {
        background-size: contain;
        padding: 60px 0 75px
    }
}

.blue-bnr-section h2 {
    font-size: 28px;
    line-height: 38px;
    color: #fff
}

@media screen and (min-width:992px) {
    .blue-bnr-section h2 {
        font-size: 36px;
        line-height: 50px
    }
}

.blue-bnr-section p {
    color: #fff;
    font-size: 21px;
    line-height: 28px;
    max-width: 720px;
    margin: 0 auto;
    margin-bottom: 20px;
    font-family: Poppins
}

.blue-bnr-section p .anchor-link {
    font-size: 21px;
    line-height: 28px
}

.white-bnr-mod {
    background-color: #f7f8fa;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/digital-transformation/grad-white-bg.svg)
}

.white-bnr-mod h2 {
    color: #333
}

.white-bnr-mod p {
    color: #333
}

.d-trans-pro {
    padding: 40px 0 20px
}

@media screen and (min-width:992px) {
    .d-trans-pro {
        padding: 70px 0 60px
    }
}

.d-trans-pro h2 {
    text-align: center;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .d-trans-pro h2 {
        margin-bottom: 50px
    }
}

.d-trans-pro-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.d-trans-pro-wrapper .d-trans-pro-tab {
    display: none
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-tab {
        display: block
    }
}

.d-trans-pro-wrapper .d-trans-pro-tab-btn {
    position: relative;
    font-size: 18px;
    line-height: 27px;
    color: #333;
    margin-bottom: 35px;
    width: 352px;
    padding: 15px 30px;
    border: 1px solid #fff;
    cursor: pointer
}

.d-trans-pro-wrapper .d-trans-pro-tab-btn.active {
    font-weight: 500;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
    border: 1px solid #e3e3e3;
    border-radius: 8px
}

.d-trans-pro-wrapper .d-trans-pro-tab-btn .triangle-class {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 15px;
    bottom: 0;
    left: -13px
}

.d-trans-pro-wrapper .d-trans-pro-tab-btn .triangle-class::before {
    content: '';
    position: absolute;
    z-index: 9;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 13px solid #fff;
    border-bottom: 13px solid transparent
}

.d-trans-pro-wrapper .d-trans-pro-tab-btn .triangle-class::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid #e3e3e3;
    border-bottom: 15px solid transparent;
    left: -2px;
    top: -2px
}

.d-trans-pro-wrapper .d-trans-pro-tab-btn.active .triangle-class {
    visibility: visible;
    opacity: 1
}

.d-trans-pro-wrapper .d-trans-pro-tab-btn:before {
    position: absolute;
    top: 7px;
    left: -89px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    z-index: 9;
    display: none
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-tab-btn:before {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        left: -71px
    }
}

@media screen and (min-width:1200px) {
    .d-trans-pro-wrapper .d-trans-pro-tab-btn:before {
        left: -96px
    }
}

.d-trans-pro-wrapper .d-trans-pro-tab .step1:before {
    content: '01';
    background: #091b38
}

.d-trans-pro-wrapper .d-trans-pro-tab .step2:before {
    content: '02';
    background: #025683
}

.d-trans-pro-wrapper .d-trans-pro-tab .step3:before {
    content: '03';
    background: #036497
}

.d-trans-pro-wrapper .d-trans-pro-tab .step4:before {
    content: '04';
    background: #1b89af
}

.d-trans-pro-wrapper .d-trans-pro-tab .step5:before {
    content: '05';
    background: #2bbdc3
}

.d-trans-pro-wrapper .d-trans-pro-tab .step6:before {
    content: '06';
    background: #28c89a
}

.d-trans-pro-wrapper .d-trans-pro-tab .step7:before {
    content: '07';
    background: #3be06e
}

.d-trans-pro-wrapper .d-trans-pro-tab .step8:before {
    content: '08';
    background: #4ce369
}

.d-trans-pro-wrapper .d-trans-pro-tab .step9:before {
    content: '09';
    background: #75e34c
}

.d-trans-pro-wrapper .d-trans-pro-content {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.d-trans-pro-wrapper .d-trans-pro-content-box {
    background: #f7f8fa;
    border-radius: 8px;
    padding: 25px 15px 5px 20px;
    width: 100%;
    margin-bottom: 30px;
    position: relative
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box {
        display: none;
        margin-bottom: 0;
        padding: 30px 30px 5px 30px;
        width: 400px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box::before {
    position: absolute;
    top: 7px;
    left: -53px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    z-index: 9;
    display: flex
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box::before {
        display: none
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box i {
    display: inline-block;
    height: 45px;
    width: 45px
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box i {
        height: 60px;
        width: 60px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box i img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.d-trans-pro-wrapper .d-trans-pro-content-box h3 {
    font-size: 20px;
    line-height: 30px;
    padding: 15px 0 0;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box h3 {
        font-size: 26px;
        line-height: 36px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box p {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box p {
        font-size: 18px;
        line-height: 27px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box1:before {
    content: '01';
    background: #091b38
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box2 {
        margin-top: 80px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box2:before {
    content: '02';
    background: #025683
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box3 {
        margin-top: 180px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box3:before {
    content: '03';
    background: #036497
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box4 {
        margin-top: 280px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box4:before {
    content: '04';
    background: #1b89af
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box5 {
        margin-top: 390px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box5:before {
    content: '05';
    background: #2bbdc3
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box6 {
        margin-top: 390px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box6:before {
    content: '06';
    background: #28c89a
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box7 {
        margin-top: 390px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box7:before {
    content: '07';
    background: #3be06e
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box8 {
        margin-top: 422px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box8:before {
    content: '08';
    background: #3be06e
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-content-box9 {
        margin-top: 532px
    }
}

.d-trans-pro-wrapper .d-trans-pro-content-box9:before {
    content: '09';
    background: #75e34c
}

.d-trans-pro-wrapper .d-trans-pro-steps {
    margin-right: 40px;
    position: relative
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-steps {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        margin-right: 0
    }
}

@media screen and (min-width:1200px) {
    .d-trans-pro-wrapper .d-trans-pro-steps {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px
    }
}

.d-trans-pro-wrapper .d-trans-pro-steps:before {
    content: '';
    position: absolute;
    background: #dfdfdf;
    width: 4px;
    height: 98%;
    top: 7px;
    right: -10px
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper .d-trans-pro-steps:before {
        height: 92%;
        right: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.new-btn {
    max-width: 386px;
    padding: 14px 20px
}

.new-btn.new-btn-modify {
    max-width: 450px;
    margin-top: 30px
}

.block-chain-pb-mod {
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .blue-bnr-section-mod {
        padding: 60px 0 70px
    }

    .blue-bnr-section-mod p {
        margin-bottom: 0
    }
}

.d-trans-pro-wrapper .d-trans-pro-tab-btn.d-trans-pro-wrapper-new-modify {
    border: 1px solid transparent
}

.d-trans-pro-wrapper .d-trans-pro-tab-btn.d-trans-pro-wrapper-new-modify.active {
    border: 1px solid #e3e3e3
}

.d-trans-pro-wrapper .d-trans-pro-content-box-border-new {
    border: 1px solid #c6c6c6
}

@media screen and (min-width:992px) {
    .web-dev-process .d-trans-pro-wrapper .d-trans-pro-tab-btn {
        font-size: 17px;
        padding: 15px 20px
    }
}

.service-benifit {
    background: linear-gradient(135deg, #00b35c 0, #0b8a8a 47%, #004475 100%);
    padding: 0 0 20px
}

@media screen and (min-width:767px) {
    .service-benifit {
        padding: 80px 0
    }
}

.service-benifit .margin-bottom-25 {
    margin-bottom: 25px
}

.service-benifit__light {
    background: #fff
}

.service-benifit__light h2 {
    color: #333
}

.service-benifit__light .service-card {
    border: 1px solid #e1dfe6;
    -webkit-box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .05);
    height: auto;
    padding: 40px 28px 40px !important
}

.service-benifit__light .service-card .details {
    width: 80%
}

@media screen and (min-width:767px) {
    .service-benifit__light .service-card .details {
        width: 76%
    }
}

@media screen and (min-width:1024px) {
    .service-benifit__light .service-card .details {
        width: 82% !important
    }
}

.service-benifit__light .btn {
    text-transform: capitalize
}

.service-benifit--btnleft {
    margin: 15px 0 0;
    font-size: 15px;
    font-weight: 600;
    color: #333
}

.service-benifit--btnleft:hover {
    color: #ff5800
}

.service-benifit--btnleft:hover path {
    fill: #ff5800
}

.service-benifit h2 {
    font-weight: 600;
    margin-bottom: 0;
    padding: 40px 40px 30px
}

@media screen and (min-width:767px) {
    .service-benifit h2 {
        margin-bottom: 50px;
        padding: 0
    }
}

.service-benifit .service-card {
    background-color: #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 50px 34px;
    width: 100%;
    height: 100%
}

.service-benifit .service-card .icon {
    width: 16%;
    margin-right: 10px
}

@media screen and (min-width:767px) {
    .service-benifit .service-card .icon {
        width: 20%
    }
}

@media screen and (min-width:1024px) {
    .service-benifit .service-card .icon {
        width: 15%
    }
}

@media screen and (min-width:1200px) {
    .service-benifit .service-card .icon {
        width: 16%;
        margin-right: 0
    }
}

@media screen and (min-width:992px) {
    .service-benifit .service-card .service-card-join {
        height: 110px
    }
}

.service-benifit .service-card .details {
    width: 80%
}

@media screen and (min-width:767px) {
    .service-benifit .service-card .details {
        width: 76%
    }
}

@media screen and (min-width:1024px) {
    .service-benifit .service-card .details {
        width: 80%
    }
}

.service-benifit .service-card .details h4 {
    font-size: 20px;
    line-height: 24px;
    color: #333;
    margin-bottom: 15px
}

@media screen and (min-width:767px) {
    .service-benifit .service-card .details h4 {
        font-size: 24px;
        line-height: 36px
    }
}

.service-benifit .service-card .details p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 0
}

@media screen and (min-width:767px) {
    .service-benifit .service-card .details p {
        font-size: 18px;
        line-height: 28px
    }
}

.service-benifit .btn_wrapper {
    margin: 0 auto
}

@media screen and (min-width:767px) {
    .service-benifit .btn_wrapper {
        margin-top: 35px
    }
}

.service-benifit--django:before {
    display: none
}

.service-benifit--django .heading {
    font-size: 30px;
    line-height: 35px;
    color: #262e36;
    font-family: Poppins;
    font-weight: 700;
    margin-bottom: 15px
}

@media screen and (min-width:767px) {
    .service-benifit--django .heading {
        font-size: 38px;
        line-height: 46px;
        margin-bottom: 35px
    }
}

@media screen and (min-width:992px) {
    .service-benifit--django .heading {
        font-size: 51px;
        line-height: 65px;
        margin-bottom: 55px
    }
}

.service-benifit--django .sub-heading {
    font-weight: 500;
    text-align: center
}

@media screen and (min-width:992px) {
    .service-benifit--django .sub-heading {
        font-size: 21px;
        line-height: 31px;
        margin-bottom: 30px
    }
}

.service-benifit--django .custom-heading {
    font-size: 30px;
    line-height: 35px;
    color: #262e36;
    font-family: Poppins;
    font-weight: 700;
    margin-bottom: 15px
}

@media screen and (min-width:767px) {
    .service-benifit--django .custom-heading {
        font-size: 38px;
        line-height: 46px;
        margin-bottom: 35px
    }
}

@media screen and (min-width:992px) {
    .service-benifit--django .custom-heading {
        font-size: 48px;
        line-height: 61px;
        margin-bottom: 40px
    }
}

.service-benifit--django .service-card {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 40px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1)
}

.service-benifit--django .service-card .icon {
    width: 78%;
    margin-bottom: 25px
}

@media screen and (min-width:767px) {
    .service-benifit--django .service-card .icon {
        width: 66%
    }
}

.service-benifit--django .service-card .icon img {
    width: 100%
}

.service-benifit--django .service-card .icon-md {
    width: 70%
}

@media screen and (min-width:767px) {
    .service-benifit--django .service-card .icon-md {
        width: 51%
    }
}

.service-benifit--django .service-card .icon-sm {
    width: 45%
}

@media screen and (min-width:767px) {
    .service-benifit--django .service-card .icon-sm {
        width: 33%
    }
}

.service-benifit--django .service-card .icon-lg {
    width: 66%
}

@media screen and (min-width:767px) {
    .service-benifit--django .service-card .icon-lg {
        width: 47%
    }
}

.service-benifit--django .service-card .icon-width {
    max-width: 135px;
    width: 100%
}

.service-benifit--django .service-card .icon-widthm {
    max-width: 170px;
    width: 100%
}

.service-benifit--django .service-card .icon-widthl {
    max-width: 195px;
    width: 100%
}

.service-benifit--django .service-card .details {
    width: 100% !important
}

.service-benifit--mobileapp .service-card .icon img {
    width: 70px
}

.service-benifit--mobileapp .service-card .icon--large img {
    width: 170px
}

.service-benifit--mobileapp .service-card .icon--low img {
    width: 55px
}

.service-benifit--blockchain {
    background: #f5f5f5
}

.service-benifit--blockchain .service-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.service-benifit--blockchain .icon {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

.service-benifit--blockchain .icon img {
    width: auto !important
}

.service-benifit--blockchain .details {
    width: 100% !important;
    text-align: center
}

.width-255 {
    max-width: 255px
}

.industry-serve {
    padding: 40px 10px 20px
}

@media screen and (min-width:767px) {
    .industry-serve {
        padding: 80px 0
    }
}

.industry-serve h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 600
}

@media screen and (min-width:1024px) {
    .industry-serve h2 {
        font-size: 48px;
        line-height: 58px;
        margin-bottom: 50px
    }
}

.industry-serve .card {
    background: #fff;
    border: 1px solid #e1dfe6;
    border-radius: 10px;
    -webkit-box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .05);
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    margin-bottom: 25px
}

@media screen and (min-width:767px) {
    .industry-serve .card {
        height: 224px;
        padding: 30px
    }
}

.industry-serve .card i {
    margin-bottom: 10px
}

@media screen and (min-width:767px) {
    .industry-serve .card i {
        margin-bottom: 20px
    }
}

.industry-serve .card p {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    margin: 0;
    color: #333;
    text-align: center
}

.industry-serve .btn_wrapper {
    margin-top: 0
}

@media screen and (min-width:767px) {
    .industry-serve .btn_wrapper {
        margin-top: 35px
    }
}

.service-now-element {
    padding: 40px 0
}

@media screen and (min-width:767px) {
    .service-now-element {
        padding: 80px 0
    }
}

.service-now-element .process-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 15px 30px;
    border-radius: 10px;
    border: 1px dashed #626262
}

@media screen and (min-width:1024px) {
    .service-now-element .process-line {
        border: none
    }
}

@media screen and (min-width:1024px) {
    .service-now-element .process-line {
        padding: 0;
        border: none
    }
}

.service-now-element .process-line li {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #4492dc;
    border-radius: 10px;
    -webkit-box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    line-height: 27px;
    color: #333
}

@media screen and (min-width:1024px) {
    .service-now-element .process-line li {
        max-width: 270px;
        width: 22%;
        height: 103px
    }
}

.service-now-element .process-line li.ipad-view {
    display: none
}

@media screen and (min-width:992px) {
    .service-now-element .process-line li.ipad-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.service-now-element .process-line li:before {
    display: none;
    position: absolute;
    content: "";
    width: 67px;
    height: 63px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/service-now/arrow-line.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width:1024px) {
    .service-now-element .process-line li:before {
        display: block
    }
}

.service-now-element .process-line.intake-process {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    margin-bottom: 120px
}

@media screen and (min-width:1024px) {
    .service-now-element .process-line.intake-process {
        height: 400px;
        margin-bottom: 0
    }
}

.service-now-element .process-line.intake-process li {
    margin: 15px 0
}

@media screen and (min-width:1024px) {
    .service-now-element .process-line.intake-process li {
        margin: 0 15px
    }
}

.service-now-element .process-line.intake-process li:nth-child(1) {
    position: relative;
    left: inherit;
    bottom: inherit
}

@media screen and (min-width:1024px) {
    .service-now-element .process-line.intake-process li:nth-child(1) {
        position: absolute;
        left: 0;
        bottom: 0
    }
}

.service-now-element .process-line.intake-process li:nth-child(1):before {
    top: 0;
    right: -100px;
    -webkit-transform: rotate(290deg);
    transform: rotate(290deg)
}

.service-now-element .process-line.intake-process li:nth-child(2) {
    position: relative;
    left: inherit;
    top: inherit
}

@media screen and (min-width:1024px) {
    .service-now-element .process-line.intake-process li:nth-child(2) {
        position: absolute;
        left: 0;
        top: 35%
    }
}

.service-now-element .process-line.intake-process li:nth-child(2):before {
    bottom: 0;
    right: -100px;
    -webkit-transform: rotate(342deg);
    transform: rotate(342deg)
}

.service-now-element .process-line.intake-process li:nth-child(3):before {
    right: 0;
    bottom: -80px;
    left: 60px;
    margin: auto
}

.service-now-element .process-line.intake-process li:nth-child(4):before {
    right: 80px;
    bottom: -80px;
    left: 0;
    margin: auto;
    -webkit-transform: rotate(269deg);
    transform: rotate(269deg)
}

.service-now-element .process-line.intake-process li:nth-child(5) {
    position: relative;
    right: inherit;
    top: inherit
}

@media screen and (min-width:1024px) {
    .service-now-element .process-line.intake-process li:nth-child(5) {
        position: absolute;
        right: 0;
        top: 35%
    }
}

.service-now-element .process-line.intake-process li:nth-child(5):before {
    top: 40px;
    left: -100px;
    -webkit-transform: rotate(107deg);
    transform: rotate(107deg)
}

.service-now-element .process-line.intake-process li:nth-child(6) {
    position: relative;
    right: inherit;
    bottom: inherit
}

@media screen and (min-width:1024px) {
    .service-now-element .process-line.intake-process li:nth-child(6) {
        position: absolute;
        right: 0;
        bottom: 0
    }
}

.service-now-element .process-line.intake-process li:nth-child(6):before {
    bottom: 45%;
    left: -100px;
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg)
}

.service-now-element .process-line.outgoing-process {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 120px
}

@media screen and (min-width:1024px) {
    .service-now-element .process-line.outgoing-process {
        margin-top: -70px
    }
}

.service-now-element .process-line.outgoing-process li {
    margin: 15px 0
}

@media screen and (min-width:1024px) {
    .service-now-element .process-line.outgoing-process li {
        margin: 0 15px
    }
}

.service-now-element .process-line.outgoing-process li:nth-child(1):before {
    top: -80px;
    right: 0;
    left: 50px;
    margin: auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.service-now-element .process-line.outgoing-process li:nth-child(2):before {
    top: -80px;
    right: 0;
    left: -50px;
    margin: auto
}

.service-now-element picture {
    position: relative
}

.service-now-element picture .service-logo {
    position: relative;
    display: block;
    margin: auto;
    top: inherit;
    max-width: 240px
}

@media screen and (min-width:1024px) {
    .service-now-element picture .service-logo {
        top: -34%
    }
}

@media screen and (min-width:1200px) {
    .service-now-element picture .service-logo {
        max-width: 100%
    }
}

.service-now-element picture:before {
    display: block;
    position: absolute;
    content: "";
    width: 67px;
    height: 63px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/service-now/arrow-line.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    top: -90px;
    margin: auto;
    -webkit-transform: rotate(48deg);
    transform: rotate(48deg)
}

@media screen and (min-width:1024px) {
    .service-now-element picture:before {
        display: none
    }
}

.service-now-element picture:after {
    display: block;
    position: absolute;
    content: "";
    width: 67px;
    height: 63px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/service-now/arrow-line.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    bottom: -90px;
    margin: auto;
    -webkit-transform: rotate(48deg);
    transform: rotate(48deg)
}

@media screen and (min-width:1024px) {
    .service-now-element picture:after {
        display: none
    }
}

.view-chart-area {
    background: linear-gradient(135deg, #00b35c 0, #0b8a8a 47%, #004475 100%);
    padding: 40px 0
}

@media screen and (min-width:767px) {
    .view-chart-area {
        padding: 80px 0
    }
}

.view-chart-area .chart-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.view-chart-area .chart-wrapper .data-flow {
    width: 100%;
    padding: 20px 8px;
    border: 1px dashed #fff;
    border-radius: 10px
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .data-flow {
        width: 20%;
        padding: 0;
        border: none
    }
}

.view-chart-area .chart-wrapper .data-flow h2 {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px
}

@media screen and (min-width:1181px) {
    .view-chart-area .chart-wrapper .data-flow h2 {
        font-size: 36px;
        line-height: 43px;
        margin-bottom: 30px
    }
}

.view-chart-area .chart-wrapper .data-flow ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .data-flow ul {
        min-height: 475px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.view-chart-area .chart-wrapper .data-flow ul li {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 79px;
    display: block;
    border: 1px solid;
    -webkit-box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .05);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 12px;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 600
}

@media screen and (min-width:767px) {
    .view-chart-area .chart-wrapper .data-flow ul li {
        max-width: 170px
    }
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .data-flow ul li {
        width: 70%;
        margin: 0;
        margin-bottom: 20px
    }
}

@media screen and (min-width:1181px) {
    .view-chart-area .chart-wrapper .data-flow ul li {
        width: 100%
    }
}

.view-chart-area .chart-wrapper .data-flow ul li:last-child {
    margin-bottom: 0
}

.view-chart-area .chart-wrapper .data-flow ul li:after {
    display: none;
    position: absolute;
    content: "";
    width: 37px;
    height: 11px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/snowflake/line.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width:1024px) {
    .view-chart-area .chart-wrapper .data-flow ul li:after {
        display: block
    }
}

.view-chart-area .chart-wrapper .data-flow__input {
    text-align: center;
    position: relative;
    margin-bottom: 100px
}

.view-chart-area .chart-wrapper .data-flow__input:after {
    display: block;
    position: absolute;
    content: "";
    width: 37px;
    height: 11px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/snowflake/line.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 0;
    right: 0;
    margin: auto;
    bottom: -50px
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .data-flow__input:after {
        display: none
    }
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .data-flow__input {
        text-align: left;
        margin-bottom: 0
    }
}

.view-chart-area .chart-wrapper .data-flow__input li {
    border-color: #82ffa9 !important
}

.view-chart-area .chart-wrapper .data-flow__input li:after {
    right: -40%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .data-flow__input li:after {
        right: -40%
    }
}

@media screen and (min-width:1200px) {
    .view-chart-area .chart-wrapper .data-flow__input li:after {
        right: -30%
    }
}

.view-chart-area .chart-wrapper .data-flow__output {
    text-align: center;
    position: relative
}

.view-chart-area .chart-wrapper .data-flow__output:after {
    display: block;
    position: absolute;
    content: "";
    width: 37px;
    height: 11px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/snowflake/line.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 0;
    right: 0;
    margin: auto;
    top: -50px
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .data-flow__output:after {
        display: none
    }
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .data-flow__output {
        text-align: right;
        margin-top: 0
    }
}

.view-chart-area .chart-wrapper .data-flow__output ul {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.view-chart-area .chart-wrapper .data-flow__output ul li {
    border-color: #4492dc !important
}

.view-chart-area .chart-wrapper .data-flow__output ul li:after {
    left: -40%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .data-flow__output ul li:after {
        right: -40%
    }
}

@media screen and (min-width:1200px) {
    .view-chart-area .chart-wrapper .data-flow__output ul li:after {
        right: -30%
    }
}

.view-chart-area .chart-wrapper .stramtext {
    position: relative;
    width: 100%
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .stramtext {
        width: 10%
    }
}

.view-chart-area .chart-wrapper .stramtext:after {
    display: none;
    position: absolute;
    content: "";
    width: 37px;
    height: 111px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/snowflake/line-group.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 45%;
    right: 0
}

@media screen and (min-width:1024px) {
    .view-chart-area .chart-wrapper .stramtext:after {
        display: block
    }
}

.view-chart-area .chart-wrapper .stramtext h4 {
    position: relative;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 59px;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 30px;
    text-align: center;
    padding: 0 20px
}

.view-chart-area .chart-wrapper .stramtext h4:after {
    display: block;
    position: absolute;
    content: "";
    width: 37px;
    height: 11px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/snowflake/line.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 0;
    right: 0;
    margin: auto;
    bottom: -50px
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .stramtext h4:after {
        display: none
    }
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .stramtext h4 {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        margin: 0;
        position: absolute;
        width: 256px;
        left: -120px;
        right: 0;
        text-align: center;
        margin: auto;
        top: 49%
    }
}

@media screen and (min-width:1200px) {
    .view-chart-area .chart-wrapper .stramtext h4 {
        left: -97px
    }
}

.view-chart-area .chart-wrapper .showflake-main {
    width: 100%;
    position: relative;
    margin-bottom: 100px
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .showflake-main {
        width: 45%;
        margin-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .view-chart-area .chart-wrapper .showflake-main {
        height: 567px;
        overflow: hidden
    }
}

@media screen and (min-width:1181px) {
    .view-chart-area .chart-wrapper .showflake-main {
        height: auto
    }
}

.view-chart-area .chart-wrapper .showflake-main .snow-block {
    background: rgba(255, 255, 255, .05);
    border-radius: 30px;
    padding: 20px
}

@media screen and (min-width:767px) {
    .view-chart-area .chart-wrapper .showflake-main .snow-block {
        padding: 40px
    }
}

.view-chart-area .chart-wrapper .showflake-main .snow-block.showfirst {
    padding: 20px;
    margin-top: 80px;
    margin-bottom: 22px
}

@media screen and (min-width:767px) {
    .view-chart-area .chart-wrapper .showflake-main .snow-block.showfirst {
        padding: 40px 40px 30px
    }
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .showflake-main .snow-block.showfirst {
        margin-top: 20px
    }
}

@media screen and (min-width:1181px) {
    .view-chart-area .chart-wrapper .showflake-main .snow-block.showfirst {
        margin-top: 80px
    }
}

.view-chart-area .chart-wrapper .showflake-main .snow-block.showfirst ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .showflake-main .snow-block.showfirst ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.view-chart-area .chart-wrapper .showflake-main .snow-block.showfirst ul li {
    max-width: 45%;
    width: 100%;
    height: auto;
    border-radius: 10px;
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .05);
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:767px) {
    .view-chart-area .chart-wrapper .showflake-main .snow-block.showfirst ul li {
        max-width: 133px;
        width: 32%;
        height: 113px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px
    }
}

@media screen and (min-width:992px) {
    .view-chart-area .chart-wrapper .showflake-main .snow-block.showfirst ul li {
        margin-left: 0;
        margin-right: 0
    }
}

.view-chart-area .chart-wrapper .showflake-main .snow-block.showfirst ul li p {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    color: #333;
    margin: 10px 0 0;
    text-align: center
}

.view-chart-area .chart-wrapper .showflake-main .snow-block.showfirst .tag-logo {
    display: block;
    margin: 16px auto 0;
    text-align: center;
    width: 70%;
    height: auto
}

@media screen and (min-width:1200px) {
    .view-chart-area .chart-wrapper .showflake-main .snow-block.showfirst .tag-logo {
        width: auto;
        height: 70px;
        overflow: hidden
    }
}

.view-chart-area .chart-wrapper .showflake-main .snow-block.showsecond ul {
    text-align: center;
    height: auto
}

@media screen and (min-width:1200px) {
    .view-chart-area .chart-wrapper .showflake-main .snow-block.showsecond ul {
        height: 37px;
        overflow: hidden
    }
}

.view-chart-area .chart-wrapper .showflake-main .snow-block.showsecond ul li {
    display: inline-block;
    width: 35%;
    margin: 0 7px
}

@media screen and (min-width:767px) {
    .view-chart-area .chart-wrapper .showflake-main .snow-block.showsecond ul li {
        width: 29%;
        margin: 0 5px
    }
}

@media screen and (min-width:1200px) {
    .view-chart-area .chart-wrapper .showflake-main .snow-block.showsecond ul li {
        width: auto;
        margin: 0 15px
    }
}

.view-chart-area .chart-wrapper .showflake-main .snow-block.showsecond ul li:nth-child(2) {
    width: 14%
}

@media screen and (min-width:767px) {
    .view-chart-area .chart-wrapper .showflake-main .snow-block.showsecond ul li:nth-child(2) {
        width: 29%
    }
}

@media screen and (min-width:1200px) {
    .view-chart-area .chart-wrapper .showflake-main .snow-block.showsecond ul li:nth-child(2) {
        width: auto;
        margin: 0 15px
    }
}

.snowflake-process .d-trans-pro-content-box {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: #f7f8fa !important
}

@media screen and (min-width:992px) {
    .snowflake-process .d-trans-pro-steps:before {
        height: 84% !important
    }
}

.service-benifit-ecom h2.heading {
    margin-bottom: 20px
}

.service-benifit-ecom p {
    font-family: Poppins;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .service-benifit-ecom p {
        font-size: 21px;
        line-height: 31px;
        margin-bottom: 30px
    }
}

.dotnet-generic-section h2 {
    margin-bottom: 15px
}

.new-expertise-section {
    padding: 40px 0 20px
}

@media screen and (min-width:992px) {
    .new-expertise-section {
        padding: 70px 0 80px
    }
}

.new-expertise-section h2 {
    text-align: center;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .new-expertise-section h2 {
        argin-bottom: 60px
    }
}

.new-expertise-section-box {
    background: #fff;
    padding: 40px 20px 30px 25px;
    border-radius: 8px;
    border: 1px solid #c5c5c5;
    -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .05);
    box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .05);
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .new-expertise-section-box {
        margin-bottom: 0
    }
}

.new-expertise-section-box i {
    background: #f5f5f5;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 90px;
    width: 90px;
    margin-bottom: 20px
}

.new-expertise-section-box h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500
}

.new-expertise-section-box ul {
    margin-top: 25px
}

.new-expertise-section-box ul li {
    position: relative;
    padding: 0 0 10px 25px;
    font-size: 18px;
    line-height: 27px
}

.new-expertise-section-box ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/green-tick.svg) no-repeat 0 0;
    height: 16px;
    width: 16px
}

.new-tech-stack .tech-list {
    border: 1px solid #e1dfe6;
    -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .05);
    box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .05)
}

@media screen and (min-width:992px) {
    .hire-top-one {
        padding: 70px 0 0
    }
}

.hire-top-one .max-width-1024-center {
    padding-top: 10px;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .hire-top-one .max-width-1024-center {
        max-width: 900px;
        margin: 0 auto;
        font-size: 19px
    }
}

.hire-top-one .text-bg {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 30px 0 10px;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .hire-top-one .text-bg {
        padding: 50px 40px 30px;
        padding-bottom: 0
    }
}

.hire-top-one h3 {
    width: 100% !important
}

@media screen and (min-width:992px) {
    .hire-top-one h3 {
        margin-bottom: 20px
    }
}

.hire-top-one .text-bg:after {
    display: none
}

.hire-top-one .text-bg:before {
    display: none !important
}

.hire-top-one .how-it-works-holder {
    background: 0 0;
    position: relative;
    padding-left: 50px
}

.hire-top-one .how-it-works-holder::before {
    content: '';
    position: absolute;
    background: #f5f5f5;
    left: 10px;
    top: 0;
    border-radius: 5px;
    width: 4px;
    height: 98%
}

@media screen and (min-width:992px) {
    .hire-top-one .how-it-works-holder::before {
        right: 0;
        margin: 0 auto;
        left: 0
    }
}

.hire-top-one .how-it-works-holder .col-lg-5 {
    position: relative
}

.hire-top-one .how-it-works-holder .blue-c {
    position: absolute;
    border: 8px solid #fff;
    left: -58px
}

@media screen and (min-width:992px) {
    .hire-top-one .how-it-works-holder .blue-c {
        top: 40px
    }
}

.hire-top-one .how-it-works-holder .blue-c span {
    width: 50px;
    height: 50px;
    background: #1b7aaf;
    color: #fff;
    border-radius: 50%;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 0 2px #cde1fb;
    box-shadow: 0 0 0 2px #cde1fb;
    font-size: 20px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .hire-top-one .how-it-works-holder .blue-c1 {
        right: -113px;
        left: inherit
    }
}

@media screen and (min-width:1200px) {
    .hire-top-one .how-it-works-holder .blue-c1 {
        right: -127px
    }
}

@media screen and (min-width:1280px) {
    .hire-top-one .how-it-works-holder .blue-c1 {
        right: -130px
    }
}

@media screen and (min-width:992px) {
    .hire-top-one .how-it-works-holder .blue-c2 {
        left: -113px
    }
}

@media screen and (min-width:1200px) {
    .hire-top-one .how-it-works-holder .blue-c2 {
        left: -127px
    }
}

@media screen and (min-width:1280px) {
    .hire-top-one .how-it-works-holder .blue-c2 {
        left: -130px
    }
}

@media screen and (min-width:992px) {
    .hire-top-one .how-it-works-holder .blue-c3 {
        right: -113px;
        left: inherit
    }
}

@media screen and (min-width:1200px) {
    .hire-top-one .how-it-works-holder .blue-c3 {
        right: -127px
    }
}

@media screen and (min-width:1280px) {
    .hire-top-one .how-it-works-holder .blue-c3 {
        right: -130px
    }
}

@media screen and (min-width:992px) {
    .hire-top-one .how-it-works-holder .blue-c4 {
        left: -113px
    }
}

@media screen and (min-width:1200px) {
    .hire-top-one .how-it-works-holder .blue-c4 {
        left: -127px
    }
}

@media screen and (min-width:1280px) {
    .hire-top-one .how-it-works-holder .blue-c4 {
        left: -130px
    }
}

@media screen and (min-width:992px) {
    .hire-top-one .how-it-works-holder .blue-c5 {
        right: -113px;
        left: inherit
    }
}

@media screen and (min-width:1200px) {
    .hire-top-one .how-it-works-holder .blue-c5 {
        right: -127px
    }
}

@media screen and (min-width:1280px) {
    .hire-top-one .how-it-works-holder .blue-c5 {
        right: -130px
    }
}

@media screen and (min-width:992px) {
    .hire-top-one .how-it-works-holder {
        padding-left: 0;
        margin: 25px 0 50px
    }
}

@media screen and (min-width:992px) {
    .hire-top-one .how-it-works-holder img {
        width: 100%
    }
}

.hire-top-one p {
    font-size: 16px
}

@media screen and (min-width:992px) {
    .hire-top-one p {
        font-size: 18px;
        line-height: 27px
    }
}

.hire-top-one p strong {
    font-weight: 600
}

.bg-lightgray {
    background-color: #f9f9f9
}

.a-dev-pro h2 {
    margin-bottom: 15px
}

.a-dev-pro p.d-trans-pro-para {
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px
}

@media screen and (min-width:992px) {
    .a-dev-pro p.d-trans-pro-para {
        margin-bottom: 70px;
        font-size: 24px
    }
}

@media screen and (min-width:992px) {
    .a-dev-pro .d-trans-pro-wrapper .d-trans-pro-steps:before {
        height: 91%
    }
}

@media screen and (min-width:992px) {
    .a-dev-pro .d-trans-pro-wrapper .d-trans-pro-content-box4 {
        margin-top: 215px
    }
}

@media screen and (min-width:992px) {
    .a-dev-pro .d-trans-pro-wrapper .d-trans-pro-content-box5 {
        margin-top: 360px
    }
}

@media screen and (min-width:992px) {
    .a-dev-pro .d-trans-pro-wrapper .d-trans-pro-content-box6 {
        margin-top: 305px
    }
}

@media screen and (min-width:992px) {
    .new-tech-stack {
        padding: 70px 0 70px
    }
}

.new-tech-stack .tech-list ul li {
    font-weight: 500
}

.new-tech-stack .tech-list ul li a {
    font-weight: 500;
    color: #4a90e2;
    text-decoration: underline;
    -webkit-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out
}

.new-tech-stack .tech-list ul li a:hover {
    color: #2275d7
}

.new-tech-stack-para {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width:992px) {
    .new-tech-stack-para {
        font-size: 18px;
        line-height: 28px;
        max-width: 790px;
        margin: 0 auto 50px
    }
}

.new-tech-stack h2 {
    padding-bottom: 0;
    margin-bottom: 5px
}

@media screen and (min-width:992px) {
    .new-tech-stack h2 {
        margin-bottom: 15px
    }
}

.new-tech-stack h2.without-para-heading {
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .new-tech-stack h2.without-para-heading {
        margin-bottom: 35px
    }
}

.o-key-diff {
    padding: 50px 0 20px
}

@media screen and (min-width:992px) {
    .o-key-diff {
        padding: 70px 0 70px
    }
}

.o-key-diff h2 {
    text-align: center;
    margin-bottom: 15px
}

.o-key-diff-para {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .o-key-diff-para {
        font-size: 20px;
        line-height: 36px;
        max-width: 1024px;
        margin: 0 auto 50px
    }
}

@media screen and (min-width:992px) {
    .o-key-diff-left {
        padding-right: 20px;
        padding-top: 30px
    }
}

.o-key-diff-left h3 {
    font-size: 22px;
    line-height: 34px;
    position: relative;
    padding-bottom: 10px;
    text-align: center;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .o-key-diff-left h3 {
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 0;
        text-align: left
    }
}

.o-key-diff-left h3:before {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 0;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/api-development/l-right-arrow.svg) no-repeat 0 0;
    width: 70px;
    height: 14px;
    display: none
}

@media screen and (min-width:992px) {
    .o-key-diff-left h3:before {
        display: block
    }
}

.o-key-diff-box {
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    border-left-width: 8px;
    padding: 20px 15px;
    margin-bottom: 30px;
    width: 100%
}

@media screen and (min-width:992px) {
    .o-key-diff-box {
        padding: 30px
    }
}

.o-key-diff-box ul {
    list-style: disc;
    margin-top: 10px;
    padding-left: 20px
}

.o-key-diff-box ul li {
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 8px
}

.o-key-diff-box p {
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 0
}

.o-key-diff-box h4 {
    font-size: 20px;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .o-key-diff-box h4 {
        font-size: 24px
    }
}

.o-key-diff .bord-col-1 {
    border-left-color: #4a90e2
}

.o-key-diff .bord-col-2 {
    border-left-color: #49c684
}

.o-key-diff .bord-col-3 {
    border-left-color: #4a90e2
}

@media screen and (min-width:992px) {
    .o-key-diff .bord-col-3 {
        border-left-color: #49c684
    }
}

.o-key-diff .bord-col-4 {
    border-left-color: #49c684
}

@media screen and (min-width:992px) {
    .o-key-diff .bord-col-4 {
        border-left-color: #4a90e2
    }
}

@media screen and (min-width:992px) {
    .o-key-diff .col-lg-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.type-of-dev {
    padding: 50px 0 0
}

@media screen and (min-width:992px) {
    .type-of-dev {
        padding: 70px 0 0
    }
}

.type-of-dev h2 {
    text-align: center;
    margin-bottom: 15px
}

.type-of-dev-para {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .type-of-dev-para {
        font-size: 20px;
        line-height: 36px;
        max-width: 960px;
        margin: 0 auto 50px
    }
}

.type-of-dev-box {
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    border-bottom-width: 4px;
    padding: 20px 15px;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .type-of-dev-box {
        padding: 30px
    }
}

.type-of-dev-box p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 27px
}

.type-of-dev-box h3 {
    font-size: 20px;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .type-of-dev-box h3 {
        font-size: 24px
    }
}

.type-of-dev-box-color-1 {
    border-bottom-color: #4a90e2
}

.type-of-dev-box-color-2 {
    border-bottom-color: #49c684
}

@media screen and (min-width:992px) {
    .type-of-dev .col-lg-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.new-service-section-api-dev .ns-order-3 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.new-service-section-api-dev .ns-order-4 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.new-service-section-api-dev .ns-order-5 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.new-service-section-api-dev .ns-order-6 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.no-bnr-mod {
    background: #fff;
    padding-top: 20px
}

@media screen and (min-width:992px) {
    .no-bnr-mod {
        padding-top: 40px
    }
}

.smart-contract-use-case .o-key-diff-box {
    background: #fff
}

.ratecard-section {
    padding: 90px 0 40px;
    min-height: 400px
}

@media screen and (min-width:992px) {
    .ratecard-section {
        padding: 120px 0 80px;
        min-height: 600px
    }
}

.ratecard-section h2 {
    font-size: 30px
}

@media screen and (min-width:992px) {
    .ratecard-section h2 {
        font-size: 48px;
        line-height: 61px
    }
}

.dotnet-expertise {
    border: 1px solid #c5c5c5;
    padding: 26px 18px;
    border-radius: 5px;
    margin-bottom: 30px;
    min-height: 102px
}

@media (min-width:992px) {
    .dotnet-expertise {
        min-height: 127px
    }
}

.dotnet-expertise p {
    position: relative;
    margin-bottom: 0;
    font-size: 16px;
    padding-left: 27px
}

.dotnet-expertise p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/green-tick.svg) no-repeat 0 0;
    height: 16px;
    width: 16px
}

.navbar-toggler {
    display: block
}

@media screen and (min-width:992px) {
    .navbar-toggler {
        display: none
    }
}

.new-nav__wrapper {
    position: fixed;
    right: -100%;
    height: calc(100vh - 72px);
    top: 72px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: .4s all ease;
    transition: .4s all ease;
    background: #24cd7b;
    background: linear-gradient(280deg, #24cd7b 0, #355fd5 70%);
    padding: 15px 15px 0
}

@media screen and (min-width:992px) {
    .new-nav__wrapper {
        display: block;
        position: static;
        left: inherit;
        right: inherit;
        width: auto;
        height: auto;
        -webkit-transition: none;
        transition: none;
        padding: 0;
        background: 0 0;
        overflow: visible
    }
}

.new-nav__wrapper.show {
    position: absolute;
    width: 100vw;
    right: 0
}

.new-nav__list {
    position: relative;
    display: block
}

@media screen and (min-width:992px) {
    .new-nav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: 35px
    }
}

.new-nav__child-wrapper {
    display: none;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width:992px) {
    .new-nav__child-wrapper {
        position: absolute;
        top: 81px;
        left: 0;
        width: 334px;
        -webkit-transition: .3s all ease;
        transition: .3s all ease;
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
        visibility: hidden;
        opacity: 0;
        display: block;
        background: #fff;
        -webkit-box-shadow: 1px 0 13px 7px rgba(0, 0, 0, .1);
        box-shadow: 1px 0 13px 7px rgba(0, 0, 0, .1);
        margin-top: 0;
        padding-left: 0;
        padding-right: 0
    }
}

.new-nav__child-wrapper.showNav {
    display: block
}

@media screen and (min-width:992px) {
    .new-nav__child-wrapper:before {
        content: "";
        position: absolute;
        height: 10px;
        top: -10px;
        left: 0;
        right: 0;
        width: 100%
    }
}

.new-nav__items {
    padding: 10px 0;
    margin: 0;
    position: relative
}

@media screen and (min-width:992px) {
    .new-nav__items {
        margin: 0 10px;
        padding: 24px 0
    }
}

.new-nav__items:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    background: #29ad95;
    width: 100%;
    height: 4px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

@media screen and (min-width:992px) {
    .new-nav__items:hover .new-nav__child-wrapper {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@media screen and (min-width:992px) {
    .new-nav__items:hover:before {
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible;
        opacity: 1
    }
}

.new-nav__items:hover .new-nav__links {
    color: #fff
}

@media screen and (min-width:992px) {
    .new-nav__items:hover .new-nav__links {
        color: #35b15c
    }
}

.new-nav__items:hover .new-nav__arrow path {
    stroke: #35b15c
}

@media screen and (min-width:992px) {
    .new-nav__items--left-gap {
        padding-left: 12px;
        margin-right: 10px
    }
}

@media screen and (min-width:1200px) {
    .new-nav__items--left-gap {
        padding-left: 20px
    }
}

@media screen and (min-width:992px) {
    .new-nav__items--left-gap::before {
        left: 11px;
        width: 79px
    }
}

@media screen and (min-width:1200px) {
    .new-nav__items--left-gap::before {
        left: 11px;
        width: 75px
    }
}

.new-nav__items--left-gap:hover:before {
    display: none
}

@media screen and (min-width:992px) {
    .new-nav__items--left-gap:hover .new-nav__links--left-bar {
        background-size: 100% 100%
    }
}

.new-nav__links {
    font-family: Poppins;
    font-size: 21px;
    font-weight: 600;
    color: #fff;
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:992px) {
    .new-nav__links {
        color: #333;
        font-weight: 500;
        font-size: 13px;
        position: static;
        display: inherit
    }
}

@media screen and (min-width:1200px) {
    .new-nav__links {
        font-size: 16px
    }
}

.new-nav__links span {
    font-size: 28px;
    font-weight: 300;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    height: 30px;
    width: 30px;
    color: #fff;
    border-radius: 50%;
    border: #fff 1px solid;
    line-height: 30px;
    text-align: center;
    margin-right: 0
}

.new-nav__arrow {
    margin-left: 5px
}

.new-nav__child-items {
    position: relative
}

@media screen and (min-width:992px) {
    .new-nav__child-items {
        padding: 0
    }
}

@media screen and (min-width:992px) {
    .new-nav__child-items:hover {
        background: #24cd7b;
        background: linear-gradient(120deg, #24cd7b 0, #355fd5 60%)
    }
}

.new-nav__child-items:hover .new-nav__child-links {
    color: #fff
}

@media screen and (min-width:992px) {
    .new-nav__child-items:hover .new-nav__child-links:after {
        border: none
    }
}

.new-nav__child-items:hover path {
    stroke: #fff
}

@media screen and (min-width:992px) {
    .new-nav__child-items:hover .new-nav__child-wrapper-second {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.new-nav__child-items svg {
    position: absolute;
    display: none
}

@media screen and (min-width:992px) {
    .new-nav__child-items svg {
        top: 50%;
        right: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block
    }
}

@media screen and (min-width:992px) {
    .new-nav__child-items svg.before-link {
        position: relative;
        top: -1px;
        right: 0;
        -webkit-transform: none;
        transform: none;
        display: inline-block;
        margin-right: 5px
    }
}

.new-nav__child-items:last-child .new-nav__child-links:after {
    display: block
}

@media screen and (min-width:992px) {
    .new-nav__child-items:last-child .new-nav__child-links:after {
        display: none
    }
}

.new-nav__child-items--top-space {
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .new-nav__child-items--top-space {
        margin-top: 0
    }
}

.new-nav__child-links {
    font-family: Poppins !important;
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    position: relative;
    padding: 5px 0 5px
}

@media screen and (min-width:992px) {
    .new-nav__child-links {
        color: #333;
        font-size: 16px;
        font-weight: 600;
        padding: 16px 30px;
        -webkit-transition: none;
        transition: none
    }
}

.new-nav__child-links:after {
    content: '';
    position: absolute;
    top: 13px;
    left: -11px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/white-right-bracket.svg) no-repeat 0 0;
    width: 6px;
    height: 10px
}

@media screen and (min-width:992px) {
    .new-nav__child-links:after {
        content: "";
        position: absolute;
        top: inherit;
        bottom: -1px;
        left: 0;
        right: 0;
        width: 82%;
        height: 1px;
        margin: 0 auto;
        border-bottom: 1px dashed #d9d9d9;
        background: 0 0
    }
}

.new-nav__child-links--head {
    margin-bottom: 10px;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .new-nav__child-links--head {
        margin-bottom: 0;
        font-weight: 600
    }
}

.new-nav__child-links--head:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #14df7d;
    width: 35px;
    height: 2px;
    display: block
}

@media screen and (min-width:992px) {
    .new-nav__child-links--head:before {
        display: none
    }
}

.new-nav__child-wrapper-second {
    background: 0 0;
    padding: 0;
    position: relative
}

@media screen and (min-width:992px) {
    .new-nav__child-wrapper-second {
        position: absolute;
        top: 0;
        right: -303px;
        width: 303px;
        -webkit-transition: .3s all ease;
        transition: .3s all ease;
        -webkit-transform: translate(-30px, 0);
        transform: translate(-30px, 0);
        visibility: hidden;
        opacity: 0;
        background: #355fd5;
        padding: 10px 0
    }
}

.new-nav__child-wrapper-second--seperator {
    padding-bottom: 15px
}

@media screen and (min-width:992px) {
    .new-nav__child-wrapper-second--seperator {
        padding: 10px 0;
        margin-bottom: 0
    }
}

.new-nav__child-wrapper-second--seperator:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: #fff;
    display: none
}

@media screen and (min-width:992px) {
    .new-nav__child-wrapper-second--seperator:before {
        display: none
    }
}

.new-nav__child-wrapper-second:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 90%;
    background: #fff;
    display: block
}

@media screen and (min-width:992px) {
    .new-nav__child-wrapper-second:after {
        display: none
    }
}

.new-nav__child-wrapper-second--tree1:after {
    height: 78%
}

.new-nav__child-wrapper-second--tree2:after {
    height: 74%
}

.new-nav__child-items-second {
    padding: 0 0 0 20px;
    position: relative
}

@media screen and (min-width:992px) {
    .new-nav__child-items-second {
        padding: 1px 15px
    }
}

@media screen and (min-width:992px) {
    .new-nav__child-items-second:hover .new-nav__child-links-second {
        color: #fff;
        background: #26459b
    }
}

.new-nav__child-items-second:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 15px;
    height: 1px;
    background: #fff;
    display: block
}

@media screen and (min-width:992px) {
    .new-nav__child-items-second:before {
        display: none
    }
}

.new-nav__child-links-second {
    font-family: Poppins !important;
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    position: relative;
    background: 0 0;
    border-radius: 4px;
    padding: 5px 0;
    -webkit-transition: .2s all linear;
    transition: .2s all linear
}

@media screen and (min-width:992px) {
    .new-nav__child-links-second {
        padding: 8px 15px;
        font-weight: 500
    }
}

.overflow-y-hidden {
    overflow-y: hidden
}

@-webkit-keyframes animate {
    0% {
        background-position: 400%
    }

    100% {
        background-position: 0
    }
}

@keyframes animate {
    0% {
        background-position: 400%
    }

    100% {
        background-position: 0
    }
}

.data-engineering-service-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.data-engineering-service-wrap .data-engineering-service-box {
    width: 30%
}

.service-section-heading-new {
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .service-section-heading-new {
        margin-bottom: 40px
    }
}

.service-section-heading-new h2 {
    margin-bottom: 20px
}

.service-section-heading-new p {
    font-size: 16px;
    line-height: 25px;
    font-weight: 500
}

.service-section-heading-new--industries-we-serve p {
    font-size: 18px
}

@media all and (min-width:992px) {
    .service-section-heading-new--industries-we-serve p {
        font-size: 21px
    }
}

.d-trans-pro-tab-btn-new p {
    margin-bottom: 0
}

.industries-we-serve-content {
    display: block;
    width: 80%;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .industries-we-serve-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (min-width:992px) {
    .industries-we-serve-content ul {
        margin-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .industries-we-serve-content.ux-ui-serve-content-new ul {
        margin-bottom: 50px
    }
}

.d-trans-pro-wrapper-new {
    margin-bottom: 50px
}

.d-trans-pro-wrapper-new .d-trans-pro-content-spacing-new {
    margin-top: 0
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper-new .d-trans-pro-content-spacing-new {
        margin-top: 150px
    }
}

.d-trans-pro-wrapper-new .d-trans-pro-tab-btn-new {
    width: 400px
}

.d-trans-pro-wrapper-new .d-trans-pro-tab-btn-new.d-trans-pro-wrapper-analysis-new {
    margin-bottom: 0
}

.d-trans-pro-wrapper-new .d-trans-pro-tab-btn-new .d-trans-pro-steps::before {
    content: "";
    height: 98%
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper-new .d-trans-pro-tab-btn-new .d-trans-pro-steps::before {
        height: 88%
    }
}

@media screen and (min-width:992px) {
    .new-service-section-wrapper {
        display: inherit
    }
}

.o-key-diff-new h2 {
    margin-bottom: 40px
}

@media screen and (min-width:992px) {
    .o-key-diff-new h2 {
        margin-bottom: 60px
    }
}

.d-new-process h2 {
    margin-bottom: 62px
}

.d-new-process__ul {
    width: 100%
}

@media screen and (min-width:992px) {
    .d-new-process__ul {
        max-width: 960px
    }
}

@media screen and (min-width:1280px) {
    .d-new-process__ul {
        max-width: 1140px
    }
}

.d-new-process__item {
    max-width: 440px;
    border-radius: 10px;
    background-color: #fff;
    padding: 36px 30px 18px 34px;
    position: relative;
    width: 100%
}

@media screen and (min-width:992px) {
    .d-new-process__item {
        width: 39.3%
    }
}

.d-new-process__item:after {
    position: absolute;
    content: "";
    right: -18px;
    top: 30%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 0 17px 18px;
    border-color: transparent transparent transparent #fff;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    display: none
}

@media screen and (min-width:992px) {
    .d-new-process__item:after {
        display: block
    }
}

.d-new-process__item .count {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #ececec;
    color: #4492dc;
    font-size: 16px;
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -20px;
    left: 34px;
    background: #fff
}

.d-new-process__item h4 {
    font-size: 22px;
    line-height: 40px;
    color: #333;
    margin-bottom: 5px
}

.d-new-process__item p {
    font-size: 15px;
    color: #333;
    line-height: 24px
}

.d-new-process__item .process-image {
    width: 84px;
    height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    left: inherit;
    right: inherit;
    top: inherit
}

@media screen and (min-width:992px) {
    .d-new-process__item .process-image {
        position: absolute;
        border: 3px solid #33df67;
        right: -39%;
        background: #fff;
        top: 16%;
        border-radius: 50%
    }
}

.d-new-process__item .process-image:after {
    position: absolute;
    content: "";
    width: 16px;
    height: 67px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/generative-ai/arrow1.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    left: 0;
    right: 0;
    bottom: -105%;
    margin: auto;
    display: none
}

@media screen and (min-width:992px) {
    .d-new-process__item .process-image:after {
        display: block
    }
}

.d-new-process__list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px
}

@media screen and (min-width:992px) {
    .d-new-process__list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .d-new-process__list:nth-child(even) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media screen and (min-width:992px) {
    .d-new-process__list:nth-child(even) .d-new-process__item .count {
        left: inherit;
        right: 25px
    }
}

.d-new-process__list:nth-child(even) .d-new-process__item:after {
    position: absolute;
    content: "";
    right: inherit;
    left: -18px;
    top: 30%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 18px 17px 0;
    border-color: transparent #fff transparent transparent;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    display: none
}

@media screen and (min-width:992px) {
    .d-new-process__list:nth-child(even) .d-new-process__item:after {
        display: block
    }
}

@media screen and (min-width:992px) {
    .d-new-process__list:nth-child(even) .d-new-process__item .process-image {
        left: -39%;
        right: inherit
    }
}

.d-new-process__list:nth-child(2) .d-new-process__item .process-image {
    border-color: #37dc72
}

.d-new-process__list:nth-child(2) .d-new-process__item .process-image:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/generative-ai/arrow2.svg)
}

.d-new-process__list:nth-child(3) .d-new-process__item .process-image {
    border-color: #3cd38a
}

.d-new-process__list:nth-child(3) .d-new-process__item .process-image:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/generative-ai/arrow3.svg)
}

.d-new-process__list:nth-child(4) .d-new-process__item .process-image {
    border-color: #41c9a1
}

.d-new-process__list:nth-child(4) .d-new-process__item .process-image:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/generative-ai/arrow4.svg)
}

.d-new-process__list:nth-child(5) .d-new-process__item .process-image {
    border-color: #46c0b9
}

.d-new-process__list:nth-child(5) .d-new-process__item .process-image:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/generative-ai/arrow5.svg)
}

.d-new-process__list:last-child .d-new-process__item .process-image {
    border-color: #4bb6d0
}

.d-new-process__list:last-child .d-new-process__item .process-image:after {
    display: none
}

.technology-stack-sub-tittle {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 28px;
    margin-top: 40px;
    text-align: left
}

@media screen and (min-width:992px) {
    .technology-stack-sub-tittle {
        font-size: 24px
    }
}

.blue-background {
    background-color: #204379
}

.service-case-study {
    padding: 90px 0
}

.service-case-study .tittle {
    color: #fff;
    font-weight: 700;
    text-align: center
}

.service-case-study .sub-tittle {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    max-width: 1060px;
    margin: 0 auto 62px
}

.service-case-study .service-area {
    background: #fff;
    padding: 20px 40px 60px;
    border-radius: 10px;
    width: 100%;
    height: 100%
}

.service-case-study .service-tittle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px
}

.service-case-study .service-tittle i {
    margin-right: 10px;
    width: 45px;
    height: 45px
}

.service-case-study .service-tittle h3 {
    margin: 0;
    line-height: 40px
}

.service-case-study .service-list {
    margin-top: 22px
}

.service-case-study .service-item {
    margin-bottom: 15px;
    font-size: 18px;
    color: #333;
    line-height: 27px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/checkmark-icon-green.svg);
    background-position: left 4px;
    background-repeat: no-repeat;
    background-size: 17px;
    padding-left: 30px;
    width: 100%
}

.gradient-blue-bottom-green {
    background: linear-gradient(324deg, #1f906d 0, #0a4a75 15%, #042242 60%, #042242 100%)
}

.ai-workflow {
    position: relative;
    background: rgba(0, 0, 0, .3);
    border-radius: 20px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 77px 60px 70px;
    max-width: 1177px;
    margin: auto
}

.ai-workflow__first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:992px) {
    .ai-workflow__first {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.ai-workflow__userblock {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .ai-workflow__userblock {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 0;
        margin-right: 15px
    }
}

@media screen and (min-width:1177px) {
    .ai-workflow__userblock {
        margin-right: 0
    }
}

.ai-workflow__iconblock {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:992px) {
    .ai-workflow__iconblock {
        margin-right: 10px
    }
}

@media screen and (min-width:1177px) {
    .ai-workflow__iconblock {
        margin-right: 25px
    }
}

.ai-workflow__icontitle {
    color: #fff;
    font-size: 22px;
    line-height: 40px;
    font-weight: 700
}

.ai-workflow__text {
    font-size: 13px;
    line-height: 15px;
    color: #6d99ce;
    padding-bottom: 0 !important;
    margin: 0 !important;
    text-align: center
}

@media screen and (min-width:992px) {
    .ai-workflow__text {
        text-align: left
    }
}

.ai-workflow__text--witharrow {
    position: relative;
    padding-bottom: 26px !important
}

.ai-workflow__text--witharrow:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 8px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/generative-ai/user-line.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    left: 0;
    bottom: 0;
    display: none
}

@media screen and (min-width:992px) {
    .ai-workflow__text--witharrow:after {
        display: block
    }
}

.ai-workflow__icon {
    width: 73px;
    height: 73px;
    border-radius: 50%;
    background: #4492dc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ai-workflow__arrowtext {
    max-width: 155px
}

.ai-workflow__pointblock {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 20px;
    padding: 0 15px 15px;
    max-width: 248px;
    background: rgba(0, 0, 0, .1);
    border: 1px dashed #fff
}

@media screen and (min-width:1177px) {
    .ai-workflow__pointblock {
        padding: 0 30px 30px
    }
}

.ai-workflow__smallpoint {
    border-radius: 10px;
    background-color: #4492dc;
    color: #000;
    text-align: center;
    width: 100%;
    position: relative;
    margin-top: -18px;
    margin-bottom: 40px
}

.ai-workflow__smallpoint p {
    font-size: 16px;
    line-height: 40px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    color: #000
}

.ai-workflow__smallpoint p span {
    font-weight: 600
}

.ai-workflow__largepoint {
    border-radius: 10px;
    color: #000;
    width: 100%;
    height: 95px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 25px
}

.ai-workflow__largepoint i {
    margin-right: 15px
}

.ai-workflow__largepoint h6 {
    font-size: 18px;
    line-height: 40px;
    font-weight: 700;
    margin: 0;
    color: #000
}

.ai-workflow__largepoint--green {
    background-color: #3cc065
}

.ai-workflow__largepoint--white {
    background-color: #fff
}

.ai-workflow__arrowpointarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 14px 0 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ai-workflow__arrowpointarea .ai-workflow__text {
    width: 45%
}

.ai-workflow__arrowpoint {
    width: 55%;
    height: 67px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/generative-ai/compare-line.svg) no-repeat;
    background-position: 85% center;
    background-size: 8px 100%
}

.ai-workflow__releventblock {
    max-width: 200px;
    margin: 30px auto
}

@media screen and (min-width:992px) {
    .ai-workflow__releventblock {
        margin: 0 15px
    }
}

@media screen and (min-width:1177px) {
    .ai-workflow__releventblock {
        margin: 0
    }
}

.ai-workflow__releventblock p {
    width: 100%
}

@media screen and (min-width:992px) {
    .ai-workflow__releventblock p {
        width: 89%
    }
}

.ai-workflow__releventblock h6 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    font-weight: 600
}

.ai-workflow__releventicon {
    text-align: center;
    position: relative;
    margin: 14px 0 7px
}

.ai-workflow__releventicon:before {
    position: absolute;
    content: "";
    width: 62px;
    height: 6px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/generative-ai/relevent-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

@media screen and (min-width:992px) {
    .ai-workflow__releventicon:before {
        display: block
    }
}

.ai-workflow__releventicon:after {
    position: absolute;
    content: "";
    width: 62px;
    height: 6px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/generative-ai/relevent-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

@media screen and (min-width:992px) {
    .ai-workflow__releventicon:after {
        display: block
    }
}

.ai-workflow__second {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

@media screen and (min-width:992px) {
    .ai-workflow__second {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 16px
    }
}

@media screen and (min-width:992px) {
    .ai-workflow__taskoutput {
        margin-right: 95px
    }
}

@media screen and (min-width:1177px) {
    .ai-workflow__taskoutput {
        margin-right: 125px
    }
}

.ai-workflow__taskoutput .ai-workflow__iconblock {
    position: relative;
    margin-right: 0
}

@media screen and (min-width:992px) {
    .ai-workflow__taskoutput .ai-workflow__iconblock {
        left: 10px
    }
}

.ai-workflow__taskoutput .ai-workflow__arrowtext {
    max-width: 205px
}

.ai-workflow__taskoutput .ai-workflow__text--witharrow {
    text-align: center
}

@media screen and (min-width:992px) {
    .ai-workflow__taskoutput .ai-workflow__text--witharrow {
        text-align: right;
        padding: 20px 19px 20px 0 !important
    }
}

.ai-workflow__taskoutput .ai-workflow__text--witharrow:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/generative-ai/task-output-arrow.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 100% 100%;
    right: 0;
    top: 0;
    display: none
}

@media screen and (min-width:992px) {
    .ai-workflow__taskoutput .ai-workflow__text--witharrow:after {
        display: block
    }
}

.react-js-development-process .heading-para {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width:992px) {
    .react-js-development-process .heading-para {
        font-size: 18px;
        line-height: 24px
    }
}

.looking-service {
    padding: 15px 0 50px
}

@media screen and (min-width:992px) {
    .looking-service {
        padding: 65px 0 80px
    }
}

.looking-service .heading-top {
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .looking-service .heading-top {
        margin-bottom: 40px
    }
}

.looking-service .heading-top p {
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

@media screen and (min-width:992px) {
    .looking-service .heading-top p {
        font-size: 22px;
        line-height: 38px
    }
}

.looking-service h2 {
    margin-top: 25px;
    text-align: center
}

@media screen and (min-width:992px) {
    .looking-service h2 {
        margin-top: 0
    }
}

.looking-service .other-ser-box {
    padding: 35px 15px 30px 15px;
    background: #fff;
    border: 1px solid #e1dfe6;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
    text-align: center;
    margin-bottom: 15px;
    min-height: 200px;
    display: block;
    position: relative;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out
}

.looking-service .other-ser-box:hover {
    -webkit-box-shadow: 0 -3px 25px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 -3px 25px 1px rgba(0, 0, 0, .2)
}

@media screen and (min-width:992px) {
    .looking-service .other-ser-box {
        min-height: 300px
    }
}

.looking-service .other-ser-box-img {
    width: 100%
}

@media screen and (min-width:992px) {
    .looking-service .other-ser-box-img {
        height: 103px
    }
}

.looking-service .other-ser-box h4 {
    margin-top: 20px;
    font-size: 18px
}

@media screen and (min-width:992px) {
    .looking-service .other-ser-box h4 {
        font-size: 22px;
        line-height: 25px;
        font-weight: 500;
        min-height: 54px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.looking-service .other-ser-box.ml-0 {
    margin-left: 0
}

.looking-service .other-ser-box span {
    display: block;
    margin-top: 20px;
    left: 0;
    right: 0;
    bottom: 35px
}

@media screen and (min-width:992px) {
    .looking-service .other-ser-box span {
        position: absolute
    }
}

.looking-service .other-ser-right {
    text-align: center
}

@media screen and (min-width:992px) {
    .looking-service .other-ser-right {
        padding-left: 50px;
        text-align: left
    }
}

@media screen and (min-width:1200px) {
    .looking-service .other-ser-right {
        padding-left: 100px
    }
}

.looking-service .new-btn {
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .looking-service .new-btn {
        width: 335px;
        margin-top: 40px
    }
}

.react-js-development-process .d-trans-pro-wrapper .d-trans-pro-content-box2,
.react-js-development-process .d-trans-pro-wrapper .d-trans-pro-content-box3,
.react-js-development-process .d-trans-pro-wrapper .d-trans-pro-content-box4,
.react-js-development-process .d-trans-pro-wrapper .d-trans-pro-content-box5 {
    margin-top: 0
}

@media screen and (min-width:992px) {
    .react-js-development-process .d-trans-pro-wrapper .d-trans-pro-steps::before {
        height: 85%
    }
}

@media screen and (min-width:992px) {
    .react-js-development-process .d-trans-pro-wrapper {
        margin-top: 50px
    }
}

.react-js-development-process .heading-para {
    text-align: center
}

@media screen and (min-width:992px) {
    .react-js-development-process .heading-para {
        font-size: 18px;
        line-height: 27px;
        max-width: 950px;
        margin: 0 auto
    }
}

@media screen and (min-width:992px) {
    .react-js-development-process h2 {
        margin-bottom: 15px
    }
}

.rj-dev-stack {
    padding: 40px 0 50px
}

@media screen and (min-width:992px) {
    .rj-dev-stack {
        padding: 65px 0 30px
    }
}

.rj-dev-stack-top {
    text-align: center;
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .rj-dev-stack-top {
        margin-bottom: 25px
    }
}

.rj-dev-stack-top p {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width:992px) {
    .rj-dev-stack-top p {
        font-size: 18px;
        line-height: 28px;
        margin: 0 auto;
        max-width: 940px
    }
}

.rj-dev-stack .wrapper {
    border-radius: 5px;
    border: 1px solid #e1dfe6;
    -webkit-box-shadow: 3px 7px 13px 4px rgba(0, 0, 0, .05);
    box-shadow: 3px 7px 13px 4px rgba(0, 0, 0, .05)
}

@media screen and (min-width:992px) {
    .rj-dev-stack .wrapper {
        margin: 40px auto 50px;
        max-width: 970px;
        min-height: 419px;
        background: #fff
    }
}

.rj-dev-stack a {
    text-decoration: none
}

.rj-dev-stack .accordion {
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 0
}

@media screen and (min-width:992px) {
    .rj-dev-stack .accordion {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:992px) {
    .rj-dev-stack .top-left-b-r {
        border-top-left-radius: 5px;
        overflow: hidden
    }
}

.rj-dev-stack .accordion-title {
    vertical-align: top;
    background: #f6f6f6;
    position: relative
}

@media screen and (min-width:992px) {
    .rj-dev-stack .accordion-title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: inline-block
    }
}

@media screen and (min-width:992px) {
    .rj-dev-stack .accordion-title:hover a {
        background: #fff
    }

    .rj-dev-stack .accordion-title:hover a:before {
        content: '';
        position: absolute;
        background: #3cc065;
        height: 3px;
        width: 100%;
        top: inherit;
        bottom: 0;
        left: 0;
        z-index: 9
    }
}

.rj-dev-stack .accordion-title a {
    display: block;
    padding: 15px;
    font-size: 80%;
    font-size: 19px;
    color: #333;
    background: #fff;
    font-weight: 500;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #e1dfe6;
    cursor: pointer
}

@media screen and (min-width:992px) {
    .rj-dev-stack .accordion-title a {
        min-height: 82px;
        padding: 16px 16px 8px;
        border-right: 1px solid #e1dfe6;
        background: #f6f6f6;
        border-bottom: 0;
        text-align: center;
        font-size: 15px;
        line-height: 15px
    }
}

.rj-dev-stack .accordion-title a span {
    margin: 0 5px
}

@media screen and (min-width:992px) {
    .rj-dev-stack .accordion-title a span {
        display: block;
        width: 100%;
        margin: 0
    }
}

.rj-dev-stack .accordion-title a:before {
    content: '+';
    position: absolute;
    top: 10px;
    right: 15px;
    display: block;
    font-size: 24px;
    font-weight: 500;
    color: #dbbb7c
}

@media screen and (min-width:992px) {
    .rj-dev-stack .accordion-title a:before {
        display: none
    }
}

.rj-dev-stack .accordion-title a.no-border {
    border-right: 0
}

.rj-dev-stack .accordion-title.active {
    position: relative
}

.rj-dev-stack .accordion-title.active::before {
    content: '';
    position: absolute;
    background: #3cc065;
    height: 3px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9;
    display: none
}

@media screen and (min-width:992px) {
    .rj-dev-stack .accordion-title.active::before {
        display: block
    }
}

.rj-dev-stack .accordion-title.active a {
    background-color: #fff;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .rj-dev-stack .accordion-title.active a {
        font-weight: 600
    }
}

.rj-dev-stack .accordion-title.active a:before {
    content: '-';
    position: absolute;
    top: 0;
    right: 15px;
    left: inherit;
    display: block;
    font-size: 34px;
    font-weight: 500;
    color: #dbbb7c;
    width: auto;
    background: 0 0
}

@media screen and (min-width:992px) {
    .rj-dev-stack .accordion-title.active a:before {
        display: none
    }
}

.rj-dev-stack .accordion-content {
    width: 100%;
    margin-top: 0;
    padding: 20px 20px;
    text-align: center;
    border-bottom: 1px solid #e1dfe6;
    background: #fff
}

@media screen and (min-width:992px) {
    .rj-dev-stack .accordion-content {
        padding: 45px 30px 45px 50px;
        border-top: 1px solid #e1dfe6;
        border-bottom: 0;
        margin-bottom: 0;
        position: absolute;
        top: 82px;
        left: 0;
        text-align: left;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background: 0 0
    }
}

.rj-dev-stack .accordion-content h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .rj-dev-stack .accordion-content h3 {
        font-size: 26px;
        line-height: 36px
    }
}

.rj-dev-stack .accordion-content p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .rj-dev-stack .accordion-content p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 25px
    }
}

@media screen and (min-width:992px) {
    .rj-dev-stack .fs-0 {
        visibility: hidden
    }
}

.rj-dev-stack .accordion-content-img img {
    width: 200px
}

@media screen and (min-width:992px) {
    .rj-dev-stack .accordion-content-img img {
        width: inherit
    }
}

@media screen and (min-width:992px) {
    .iot-how-we-work .d-trans-pro-wrapper .d-trans-pro-steps:before {
        height: 90%
    }
}

@media screen and (min-width:992px) {

    .iot-how-we-work .d-trans-pro-wrapper .d-trans-pro-content-box4,
    .iot-how-we-work .d-trans-pro-wrapper .d-trans-pro-content-box5,
    .iot-how-we-work .d-trans-pro-wrapper .d-trans-pro-content-box6,
    .iot-how-we-work .d-trans-pro-wrapper .d-trans-pro-content-box7 {
        margin-top: 220px
    }
}

.leverage-section {
    padding: 50px 0 50px;
    background: linear-gradient(150deg, #038070 0, #00517f 45%, #023e66 64%, #051b39 100%)
}

@media screen and (min-width:992px) {
    .leverage-section {
        padding: 70px 0 70px
    }
}

.leverage-section h2 {
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .leverage-section h2 {
        margin-bottom: 50px
    }
}

.leverage-section .o-key-diff-left h3:before {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/iot/green-right-arrow.svg)
}

.leverage-section .o-key-diff-box {
    width: 100%;
    background: #fff
}

@media screen and (min-width:992px) {
    .leverage-section .o-key-diff-box ul {
        margin-top: 10px;
        padding-right: 15px
    }
}

.leverage-section .o-key-diff-box ul li {
    font-size: 16px;
    line-height: 27px;
    padding: 0 0 5px 25px;
    position: relative
}

.leverage-section .o-key-diff-box ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/green-tick.svg) no-repeat 0 0;
    height: 16px;
    width: 16px
}

.leverage-section .lts-discuss {
    text-align: center
}

@media screen and (min-width:992px) {
    .leverage-section .lts-discuss {
        margin-top: 50px
    }
}

.leverage-section .lts-discuss h2 {
    font-size: 28px;
    line-height: 38px
}

@media screen and (min-width:992px) {
    .leverage-section .lts-discuss h2 {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 5px
    }
}

.leverage-section .lts-discuss p {
    font-size: 18px;
    line-height: 28px;
    max-width: 680px;
    margin: 0 auto;
    margin-bottom: 20px
}

.iot-case {
    padding: 40px 0 50px
}

@media screen and (min-width:992px) {
    .iot-case {
        padding: 70px 0 70px
    }
}

.iot-case-top {
    margin-bottom: 25px;
    text-align: center
}

@media screen and (min-width:992px) {
    .iot-case-top {
        margin-bottom: 50px
    }
}

.iot-case-top h2 {
    text-align: center
}

.iot-case-top p {
    font-size: 20px;
    margin: 15px 0 0
}

@media screen and (min-width:992px) {
    .iot-case-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 805px;
        margin: 0 auto
    }
}

.iot-case-wrapper-box {
    margin-bottom: 20px;
    background: #fff;
    padding: 20px 15px;
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    border-bottom-width: 8px;
    -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .05);
    box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .05)
}

@media screen and (min-width:992px) {
    .iot-case-wrapper-box {
        width: 46%;
        margin: 0 15px 30px
    }
}

@media screen and (min-width:992px) {
    .iot-case-wrapper-box {
        padding: 35px 35px 30px 40px;
        min-height: 435px
    }
}

.iot-case-wrapper-box h3 {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .iot-case-wrapper-box h3 {
        font-size: 24px
    }
}

.iot-case-wrapper-box ul li {
    font-size: 16px;
    line-height: 27px;
    padding: 0 0 10px 25px;
    position: relative
}

@media screen and (min-width:992px) {
    .iot-case-wrapper-box ul li {
        font-size: 20px;
        line-height: 30px
    }
}

.iot-case-wrapper-box ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/green-tick.svg) no-repeat 0 0;
    height: 16px;
    width: 16px
}

.iot-case-wrapper .border-color1 {
    border-bottom-color: #4a90e2
}

.iot-case-wrapper .border-color2 {
    border-bottom-color: #49c684
}

.iot-case-wrapper .border-color3 {
    border-bottom-color: #4a90e2
}

@media screen and (min-width:992px) {
    .iot-case-wrapper .border-color3 {
        border-bottom-color: #49c684
    }
}

.iot-case-wrapper .border-color4 {
    border-bottom-color: #49c684
}

@media screen and (min-width:992px) {
    .iot-case-wrapper .border-color4 {
        border-bottom-color: #4a90e2
    }
}

@media screen and (min-width:992px) {
    .tt-section {
        padding: 70px 0 50px
    }
}

.tt-section .profile-tabs {
    width: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin: 40px auto;
    border-radius: 5px;
    border: none
}

@media (min-width:992px) {
    .tt-section .profile-tabs {
        width: 93%;
        border: 1px solid #ddd
    }
}

.tt-section .profile-tabs .tab-profile-header {
    display: none
}

@media (min-width:992px) {
    .tt-section .profile-tabs .tab-profile-header {
        width: 28%;
        border-right: 1px solid #ddd;
        display: block
    }
}

.tt-section .profile-tabs .tab-profile-header ul li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 15px;
    border-left: 3px solid transparent;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out
}

@media screen and (min-width:992px) {
    .tt-section .profile-tabs .tab-profile-header ul li {
        font-size: 18px
    }
}

.tt-section .profile-tabs .tab-profile-header ul li.active {
    border-left: 3px solid #2dbe70;
    background-color: #ecf9f9
}

@media screen and (min-width:992px) {
    .tt-section .profile-tabs .tab-profile-header ul li:hover {
        background-color: #ecf9f9;
        border-left: 3px solid #2dbe70
    }
}

.tt-section .profile-tabs .tab-profile-content {
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    width: 100%
}

@media (min-width:992px) {
    .tt-section .profile-tabs .tab-profile-content {
        width: 75%;
        background-color: #f2f2f2
    }
}

.tt-section .profile-tabs .tab-profile-content div {
    position: relative;
    opacity: 1;
    top: auto;
    left: auto
}

@media (min-width:992px) {
    .tt-section .profile-tabs .tab-profile-content div {
        position: absolute;
        top: -50vh;
        left: 100px;
        opacity: 0
    }
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area {
    width: 100%
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-title,
.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-wrap {
    position: static;
    opacity: 1
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-title {
    display: block;
    background: #ecfaf9;
    padding: 15px 20px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .tt-section .profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-title {
        display: none;
        padding: 10px 20px
    }
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-title h3 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 0;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 15px
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-title h3::after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-weight: 600;
    right: 0
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-wrap {
    display: none
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 10px
}

@media screen and (min-width:992px) {
    .tt-section .profile-tabs .tab-profile-content .tab-profile-content-area ul {
        margin-bottom: 0
    }
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area ul li {
    width: 33.33%
}

@media screen and (min-width:768px) {
    .tt-section .profile-tabs .tab-profile-content .tab-profile-content-area ul li {
        width: 20%
    }
}

@media screen and (min-width:992px) {
    .tt-section .profile-tabs .tab-profile-content .tab-profile-content-area ul li {
        width: 16.6%
    }
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e1dfe6;
    max-width: 100%;
    margin: 10px;
    height: 75px;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area ul li a img {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area ul li a:hover {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2)
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area p {
    margin-bottom: 0;
    padding: 0 11px;
    font-size: 16px
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area.active {
    top: 0;
    left: 0;
    opacity: 1;
    padding: 0;
    background: #f2f2f2;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .tt-section .profile-tabs .tab-profile-content .tab-profile-content-area.active {
        padding: 20px
    }
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area.active .tab-profile-content-wrap {
    display: block
}

.tt-section .profile-tabs .tab-profile-content .tab-profile-content-area.active h3::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.legacy-software-blue-banner p.legacy-software-blue-banner-text {
    max-width: 100%
}

.legacy-software-blue-banner .legacy-software-new-btn {
    max-width: 386px
}

@media screen and (min-width:992px) {
    .legacy-software-blue-banner .legacy-software-new-btn {
        max-width: 46%
    }
}

.d-trans-pro-content-box.d-trans-pro-content-legal-spacing-new {
    margin-top: 0
}

@media screen and (min-width:992px) {
    .d-trans-pro-content-box.d-trans-pro-content-legal-spacing-new {
        margin-top: 100px
    }
}

.d-trans-pro-content-box.d-trans-pro-content-legal-spacing-new-modify {
    margin-top: 0
}

@media screen and (min-width:992px) {
    .d-trans-pro-content-box.d-trans-pro-content-legal-spacing-new-modify {
        margin-top: 70px
    }
}

.legal-software-banner-cta-box {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .legal-software-banner-cta-box {
        margin-bottom: 65px
    }
}

.profile-our-story-text-content h2 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .profile-our-story-text-content h2 {
        text-align: left;
        margin-top: 0
    }
}

.profile-our-story-text-content p {
    text-align: center
}

@media screen and (min-width:992px) {
    .profile-our-story-text-content p {
        text-align: left
    }
}

.legacy-software-case-study-modify .legacy-software-case-study-cta {
    margin-top: 60px
}

@media screen and (min-width:992px) {
    .legacy-software-case-study-modify .legacy-software-case-study-cta {
        margin-top: 0
    }
}

.d-trans-pro-wrapper-new {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper-new {
        margin-bottom: 50px
    }
}

@media screen and (min-width:992px) {
    .d-trans-pro-wrapper-new.d-trans-pro-wrapper-new-modify-cl {
        margin-bottom: 0
    }
}

.other-ser-box-img-modify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.margin-top-20 {
    margin-top: 20px
}

.position-up {
    position: relative;
    z-index: 99
}

.new-service-section-new-modify {
    padding: 40px 0 10px
}

@media screen and (min-width:992px) {
    .new-service-section-new-modify {
        padding: 70px 0
    }
}

.methodologies {
    background: linear-gradient(150deg, #038070 0, #00517f 45%, #023e66 64%, #051b39 100%);
    padding: 50px 0 30px
}

@media screen and (min-width:992px) {
    .methodologies {
        padding: 60px 0 80px
    }
}

@media screen and (min-width:992px) {
    .methodologies .section-heading-top {
        margin-bottom: 40px
    }
}

.methodologies .section-heading-top p {
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

@media screen and (min-width:992px) {
    .methodologies .section-heading-top p {
        font-size: 18px;
        line-height: 28px;
        max-width: 815px;
        margin: 0 auto
    }
}

.methodologies-box {
    text-align: center;
    background: #fff;
    padding: 30px 20px 5px;
    border-radius: 8px;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .methodologies-box {
        padding: 50px 20px 30px;
        margin-bottom: 0
    }
}

.methodologies-box p {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width:992px) {
    .methodologies-box p {
        font-size: 18px;
        line-height: 28px
    }
}

.industries-serve .industries-para {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width:992px) {
    .industries-serve .industries-para {
        font-size: 18px;
        line-height: 28px
    }
}

@media screen and (min-width:992px) {
    .break-column-mod {
        -webkit-column-break-after: column;
        -moz-column-break-after: column;
        break-after: column
    }
}

.why-web-development {
    background: linear-gradient(150deg, #00b35d 0, #00517f 45%, #023e66 64%, #051b39 100%)
}

.why-web-development .methodologies-box i {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.why-web-development .methodologies-box i img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.why-web-development .section-heading-top p {
    font-size: 22px;
    line-height: 38px;
    max-width: 93%
}

.emerging {
    padding: 50px 0 30px
}

@media screen and (min-width:992px) {
    .emerging {
        padding: 60px 0 80px
    }
}

.emerging h2 {
    text-align: center;
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .emerging h2 {
        margin-bottom: 40px
    }
}

.emerging-box {
    text-align: center;
    background: #fff;
    padding: 30px 20px 5px;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px solid #d9d9d9
}

@media screen and (min-width:992px) {
    .emerging-box {
        padding: 50px 20px 30px;
        margin-bottom: 25px
    }
}

.emerging-box h3 {
    font-weight: 500;
    margin-bottom: 15px
}

.emerging-box p {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width:992px) {
    .emerging-box p {
        font-size: 18px;
        line-height: 28px
    }
}

.emerging-box .emerge-img {
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .emerging-box .emerge-img {
        height: 66px;
        margin-bottom: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width:992px) {
    .design-studio-uiux .o-key-diff-box {
        min-height: 230px
    }
}

@media screen and (min-width:992px) {
    .design-studio-uiux .o-key-diff-left h3 {
        font-size: 22px
    }
}

@media screen and (min-width:1280px) {
    .design-studio-uiux .o-key-diff-left h3 {
        font-size: 30px;
        line-height: 40px
    }
}

.design-studio-uiux .col-lg-4 {
    display: block
}

.sample-work {
    padding: 50px 0 30px
}

@media screen and (min-width:992px) {
    .sample-work {
        padding: 60px 0 80px
    }
}

.sample-work h2 {
    text-align: center;
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .sample-work h2 {
        margin-bottom: 40px
    }
}

.sample-work-box {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .sample-work-box {
        margin-bottom: 0
    }
}

.sample-work-box-wrapper {
    position: relative
}

.sample-work-box-wrapper .sample-work-box-img {
    width: 100%;
    height: 247px;
    border-radius: 6px;
    overflow: hidden
}

.sample-work-box-wrapper .sample-work-box-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.sample-work-box-wrapper .play-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.sample-work-box-wrapper .play-icon:hover {
    background: rgba(0, 0, 0, .25)
}

.sample-work-box-wrapper .play-icon:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.sample-work-box-wrapper .play-icon img {
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.sample-work-box h5 {
    margin-top: 15px;
    text-align: center
}

@media screen and (min-width:992px) {
    .sample-work-box h5 {
        text-align: left;
        margin-top: 30px
    }
}

.sample-work .btn_wrapper {
    margin-top: 0
}

@media screen and (min-width:992px) {
    .sample-work .btn_wrapper {
        margin-top: 60px
    }
}

.sample-work .slick-slide {
    margin: 0 15px
}

.sample-work ul.slick-dots {
    margin-top: 0
}

@media screen and (min-width:992px) {
    .sample-work ul.slick-dots {
        margin-top: 30px;
        margin-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .sample-work .splide__pagination {
        margin-top: 35px
    }
}

.sample-work-clip {
    z-index: 9999999;
    background: rgba(0, 0, 0, .95)
}

.sample-work-clip video {
    width: 100%;
    margin-top: 10px;
    border-radius: 12px
}

.sample-work-clip .modal-content {
    border: 0;
    border-radius: 0;
    background-color: transparent
}

.sample-work-clip .modal-header {
    padding: 0;
    border-bottom: 0
}

.sample-work-clip .modal-header .btn-close {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 7px;
    top: 0;
    width: 26px;
    height: 26px;
    background-color: #fff;
    opacity: 1;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 7px center;
    border: 1px solid #5b5b5b;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/design-studio/modal-close-icon.svg)
}

@media screen and (min-width:992px) {
    .sample-work-clip .modal-header .btn-close {
        right: -12px;
        top: -10px
    }
}

.sample-work-clip .modal-body {
    padding: 0;
    font-size: 18px;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .sample-work-clip .modal-body {
        font-size: 24px;
        background: #fff;
        padding: 10px 10px 0 10px;
        border-radius: 12px
    }
}

@media screen and (min-width:1280px) {
    .sample-work-clip .modal-body {
        padding: 10px 12px 0 12px
    }
}

.sample-work-clip .modal-body #videoTitle {
    display: none
}

@media screen and (min-width:992px) {
    .sample-work-clip .modal-body #videoTitle {
        display: block
    }
}

.sample-work-clip .modal-dialog {
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .sample-work-clip .modal-dialog {
        max-width: 800px !important
    }
}

.sample-work-clip .modal-dialog iframe {
    height: 470px
}

@media screen and (min-width:992px) {
    .sample-work-clip .modal-dialog iframe {
        border-radius: 12px;
        margin-top: 10px;
        height: 435px
    }
}

@media screen and (min-width:1280px) {
    .sample-work-clip .modal-dialog iframe {
        height: 463px
    }
}

@media screen and (min-width:1500px) {
    .sample-work-clip .modal-dialog iframe {
        height: 520px
    }
}

@media screen and (min-width:1700px) {
    .sample-work-clip .modal-dialog iframe {
        height: 615px
    }
}

@media screen and (min-width:1800px) {
    .sample-work-clip .modal-dialog iframe {
        height: 665px
    }
}

.sample-work-clip .modal-dialog iframe .vp-spin {
    display: none !important
}

@media screen and (min-width:1280px) {
    .sample-work-clip .modal-dialog {
        max-width: 845px !important
    }
}

@media screen and (min-width:1500px) {
    .sample-work-clip .modal-dialog {
        max-width: 945px !important
    }
}

@media screen and (min-width:1700px) {
    .sample-work-clip .modal-dialog {
        max-width: 1115px !important
    }
}

@media screen and (min-width:1800px) {
    .sample-work-clip .modal-dialog {
        max-width: 1200px !important
    }
}

.sample-work-clip .modal-dialog-centered {
    min-height: calc(100% - .5rem)
}

.new-tech-stack-heading-top {
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .new-tech-stack-heading-top {
        margin-bottom: 40px
    }
}

.sample-work-slider {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.sample-work-slider .col-lg-4 {
    width: 100%
}

.sample-work-slider .owl-dots {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .sample-work-slider .owl-dots {
        margin-bottom: 0;
        margin-top: 30px
    }
}

.ratecard {
    background: #091b38
}

.logo-section {
    padding: 25px 0;
    background: #fff
}

.rate-card-form-section {
    padding: 30px 0
}

@media only screen and (min-width:992px) {
    .rate-card-form-section {
        padding: 80px 0
    }
}

@media only screen and (min-width:992px) {
    .rate-card-form-section .rate-card-form-wrapper {
        max-width: 860px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-radius: 10px;
        overflow: hidden
    }
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative
}

@media only screen and (min-width:992px) {
    .rate-card-form-section .rate-card-form-wrapper .rate-card-form-left {
        overflow: hidden;
        padding: 50px 40px 50px 50px;
        background: linear-gradient(172deg, #057568 0, #03476d 43%, #0f274e 100%)
    }
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-left h3 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 26px;
    line-height: 35px;
    font-weight: 700
}

@media only screen and (min-width:992px) {
    .rate-card-form-section .rate-card-form-wrapper .rate-card-form-left h3 {
        font-size: 28px;
        line-height: 45px
    }
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-left p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    width: 50%
}

@media only screen and (min-width:992px) {
    .rate-card-form-section .rate-card-form-wrapper .rate-card-form-left p {
        font-size: 18px;
        line-height: 27px;
        width: 100%
    }
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-left p span {
    color: #2dbe70
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-left:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/rate-card/download-img.svg) no-repeat;
    width: 170px;
    height: 170px;
    bottom: -40px;
    right: -15px;
    background-size: contain
}

@media only screen and (min-width:992px) {
    .rate-card-form-section .rate-card-form-wrapper .rate-card-form-left:before {
        width: 204px;
        height: 204px;
        left: 40px;
        right: inherit;
        bottom: 70px
    }
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    background: #091b38;
    border: 0
}

@media only screen and (min-width:992px) {
    .rate-card-form-section .rate-card-form-wrapper .rate-card-form-right {
        padding: 50px 50px 70px;
        overflow: hidden;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border: 1px solid #284678;
        border-left: 0
    }
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-right form input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 15px 15px 15px 35px;
    margin-bottom: 10px;
    width: 100%;
    color: #fff
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-right form input::-webkit-input-placeholder {
    opacity: 1;
    color: #fff;
    font-weight: 400
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-right form input::-moz-placeholder {
    opacity: 1;
    color: #fff;
    font-weight: 400
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-right form input:-ms-input-placeholder {
    opacity: 1;
    color: #fff;
    font-weight: 400
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-right form input::-ms-input-placeholder {
    opacity: 1;
    color: #fff;
    font-weight: 400
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-right form input::placeholder {
    opacity: 1;
    color: #fff;
    font-weight: 400
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-right form .user {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/rate-card/user-icon.svg) no-repeat 0 50%
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-right form .email {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/rate-card/email-icon.svg) no-repeat 0 50%
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-right form .mobile {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/rate-card/mobile-icon.svg) no-repeat 0 50%
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-right form .btn-orange {
    width: 100%;
    max-width: inherit;
    padding: 13px;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 15px
}

@media only screen and (min-width:992px) {
    .rate-card-form-section .rate-card-form-wrapper .rate-card-form-right form .btn-orange {
        margin-top: 25px;
        margin-bottom: 20px
    }
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-right p {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 5px
}

.rate-card-form-section .rate-card-form-wrapper .rate-card-form-right p a {
    color: #4a90e2
}

.grey-mod-class .d-trans-pro-wrapper .d-trans-pro-content-box {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05)
}

.grey-mod-class .d-trans-pro-wrapper .d-trans-pro-tab-btn {
    border: 1px solid #f5f5f5
}

.grey-mod-class .d-trans-pro-wrapper .d-trans-pro-tab-btn.active {
    border-color: #e3e3e3
}

@media screen and (min-width:992px) {
    .grey-mod-class .heading-para {
        max-width: 875px
    }
}

.blue-bnr-section-mod .btn_wrapper {
    margin-top: 25px
}

.bnr-contact-mod h2.big-h2 {
    padding-bottom: 0;
    margin-bottom: 0
}

.bnr-contact-mod .bnr-contact {
    display: inline-block;
    margin-bottom: 25px;
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
    width: 155px;
    text-transform: uppercase;
    color: #55c77c;
    position: relative;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .bnr-contact-mod .bnr-contact {
        font-size: 19px;
        line-height: 30px
    }
}

.bnr-contact-mod .bnr-contact::before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/vuejs-development/green-arrow.svg) no-repeat;
    top: 4px;
    right: 0;
    width: 20px;
    height: 14px
}

@media screen and (min-width:992px) {
    .bnr-contact-mod .bnr-contact::before {
        top: 7px
    }
}

@media screen and (min-width:992px) {
    .node-js-development-process .d-trans-pro-wrapper .d-trans-pro-steps:before {
        height: 90%
    }
}

@media screen and (min-width:992px) {

    .node-js-development-process .d-trans-pro-wrapper .d-trans-pro-content-box4,
    .node-js-development-process .d-trans-pro-wrapper .d-trans-pro-content-box5,
    .node-js-development-process .d-trans-pro-wrapper .d-trans-pro-content-box6 {
        margin-top: 180px
    }
}

@media screen and (min-width:992px) {
    .ios-app-dev-process .d-trans-pro-wrapper .d-trans-pro-steps:before {
        height: 90%
    }
}

@media screen and (min-width:992px) {

    .ios-app-dev-process .d-trans-pro-wrapper .d-trans-pro-content-box4,
    .ios-app-dev-process .d-trans-pro-wrapper .d-trans-pro-content-box5,
    .ios-app-dev-process .d-trans-pro-wrapper .d-trans-pro-content-box6 {
        margin-top: 180px
    }
}

.o-key-diff-modify h2 {
    margin-bottom: 20px
}

.o-key-diff-modify .o-key-diff-box .ml-cases-img {
    min-height: 65px
}

.o-key-diff-modify .o-key-diff-box .skillsz-link {
    color: #000;
    text-decoration: underline
}

.o-key-diff-modify .o-key-diff-box .skillsz-link:hover {
    text-decoration: none
}

.ml-framwork-box-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.margin-top-50-modify {
    margin-top: 30px
}

@media screen and (min-width:992px) {
    .margin-top-50-modify {
        margin-top: 40px
    }
}

.gradient-bg-new {
    background: linear-gradient(135deg, #07b260 0, #051b39 40%)
}

.gradient-bg-new.ml-framwork h2,
.gradient-bg-new.ml-framwork p {
    color: #fff
}

.gradient-bg-new .ml-framwork-box {
    background-color: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 10px;
    padding: 20px 20px 20px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 15px 0
}

.gradient-bg-new .ml-framwork-box .heading-area {
    position: relative
}

.gradient-bg-new .ml-framwork-box .heading-area::after {
    content: "";
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0
}

.gradient-bg-new .ml-framwork-box .heading-area h4 {
    color: #fff;
    font-weight: 500;
    text-align: center
}

.gradient-bg-new .ml-framwork-box .ml-framwork-box-tick-icon {
    width: 18px;
    height: 18px;
    margin-right: 8px
}

.gradient-bg-new .ml-framwork-box .text-area {
    width: 90%
}

.gradient-bg-new .ml-framwork-box .text-area .ml-framwork-box-heading {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 20px
}

.gradient-bg-new .ml-framwork-box .text-area p {
    color: #000;
    font-size: 16px;
    margin: 0
}

.heading-area-main {
    display: block;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 10px
}

@media screen and (min-width:992px) {
    .heading-area-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.heading-area-main::after {
    content: "";
    position: absolute;
    top: auto;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    right: 50%;
    border-top: 10px solid #07b260;
    border-bottom: none;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 10px;
    height: 10px;
    bottom: -9px
}

@media screen and (min-width:992px) {
    .heading-area-main::after {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 8px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #07b260;
        width: 10px;
        height: 10px;
        bottom: auto
    }
}

.heading-area-main::before {
    content: "";
    position: absolute;
    width: 80%;
    height: 2px;
    top: auto;
    bottom: 0;
    right: 50%;
    background-color: #07b260;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

@media screen and (min-width:992px) {
    .heading-area-main::before {
        content: "";
        position: absolute;
        height: 80%;
        width: 2px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 28px;
        background-color: #07b260;
        bottom: auto
    }
}

.heading-area-main h4 {
    color: #fff
}

@media screen and (min-width:992px) {

    .ar-vr-process .d-trans-pro-wrapper .d-trans-pro-content-box4,
    .ar-vr-process .d-trans-pro-wrapper .d-trans-pro-content-box5,
    .ar-vr-process .d-trans-pro-wrapper .d-trans-pro-content-box6 {
        margin-top: 150px
    }
}

@media screen and (min-width:992px) {
    .ar-vr-tech .o-key-diff-box {
        padding: 30px 5px 30px 20px
    }
}

@media screen and (min-width:992px) {
    .ar-vr-tech .o-key-diff-box ul {
        padding-right: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.ar-vr-tech .o-key-diff-box ul li {
    font-size: 15px;
    padding: 0 0 8px 25px
}

.ar-vr-tech .o-key-diff-box .pr-0 {
    padding-right: 0
}

@media screen and (min-width:992px) {
    .ar-vr-tech .o-key-diff-left {
        padding-top: 20px
    }
}

@media screen and (min-width:992px) {
    .ar-vr-tech .o-key-diff-left h3 {
        font-size: 27px;
        line-height: 38px
    }
}

.d-trans-pro-content-box .process-content-order-list li {
    font-size: 18px;
    margin-bottom: 12px;
    position: relative;
    padding-left: 30px
}

.d-trans-pro-content-box .process-content-order-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/green-tick.svg) no-repeat 0 0;
    height: 16px;
    width: 16px
}

.cloude-computing-tech-stack .tech-stack-oreder-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 2
}

.cloude-computing-tech-stack .tech-stack-oreder-list li {
    width: 100%
}

@media screen and (min-width:480px) {
    .cloude-computing-tech-stack .tech-stack-oreder-list li {
        width: 50%
    }
}

@media screen and (min-width:992px) {
    .cloude-computing-tech-stack .tech-stack-oreder-list li {
        width: 25%
    }
}

.cloude-computing-tech-stack .tech-stack-oreder-list li .tech-stack-oreder-list-iteam {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
    margin: 10px;
    font-weight: 500;
    color: #000;
    font-size: 16px;
    position: relative;
    padding-left: 35px
}

@media screen and (min-width:992px) {
    .cloude-computing-tech-stack .tech-stack-oreder-list li .tech-stack-oreder-list-iteam {
        min-height: 78px
    }
}

.cloude-computing-tech-stack .tech-stack-oreder-list li .tech-stack-oreder-list-iteam::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 18px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dotnet/green-tick.svg) no-repeat 0 0;
    height: 16px;
    width: 16px
}

.cloude-case-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .cloude-case-wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.cloude-case-wrapper .iot-case-wrapper-box {
    border-bottom-width: 1px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    width: 100%
}

@media screen and (min-width:992px) {
    .cloude-case-wrapper .iot-case-wrapper-box {
        width: 30.33%
    }
}

.clode-computing-deployment-models-row {
    width: 100%;
    margin: auto
}

@media screen and (min-width:992px) {
    .clode-computing-deployment-models-row {
        width: 90%
    }
}

.clode-computing-deployment-models-row .clode-computing-deployment-models-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px
}

@media screen and (min-width:992px) {
    .clode-computing-deployment-models-row .clode-computing-deployment-models-box {
        padding: 30px 30px 30px 20px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.clode-computing-deployment-models-row .clode-computing-deployment-models-box .ml-cases-img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .clode-computing-deployment-models-row .clode-computing-deployment-models-box .ml-cases-img {
        width: 22%;
        margin-right: 30px;
        margin-bottom: 0
    }
}

.clode-computing-deployment-models-row .clode-computing-deployment-models-box .ml-cases-img img {
    width: 70px
}

@media screen and (min-width:992px) {
    .clode-computing-deployment-models-row .clode-computing-deployment-models-box .ml-cases-img img {
        width: 100%
    }
}

.clode-computing-deployment-models-row .clode-computing-deployment-models-box .clode-computing-right-side-text {
    width: 100%
}

@media screen and (min-width:992px) {
    .clode-computing-deployment-models-row .clode-computing-deployment-models-box .clode-computing-right-side-text {
        width: 70%
    }
}

.clode-computing-deployment-models-row--cloud-engineering .clode-computing-deployment-models-box {
    border-left-width: 6px
}

@media screen and (min-width:992px) {
    .clode-computing-deployment-models-row--cloud-engineering .clode-computing-deployment-models-box .ml-cases-img {
        width: 15%
    }
}

@media screen and (min-width:992px) {
    .cloud-computing-development-process-section {
        height: 800px
    }
}

.cloud-computing-development-process-section .cloud-computing-development-process .d-trans-pro-steps.d-trans-pro-steps-new::before {
    height: 98%
}

@media screen and (min-width:992px) {
    .cloud-computing-development-process-section .cloud-computing-development-process .d-trans-pro-steps.d-trans-pro-steps-new::before {
        height: 40%
    }
}

.cloud-computing-development-process-section .cloud-computing-development-process .cloud-computing-development-process-box {
    margin-top: 0
}

.cloud-computing-service-solution {
    position: relative;
    z-index: 2
}

.robust-new-modify {
    padding-bottom: 50px
}

@media screen and (min-width:992px) {
    .robust-new-modify {
        padding-bottom: 70px
    }
}

.margin-bottom-30 {
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .margin-bottom-30 {
        margin-bottom: 30px
    }
}

@media screen and (min-width:992px) {

    .codeigniter-dev .d-trans-pro-wrapper .d-trans-pro-content-box2,
    .codeigniter-dev .d-trans-pro-wrapper .d-trans-pro-content-box3,
    .codeigniter-dev .d-trans-pro-wrapper .d-trans-pro-content-box4 {
        margin-top: 0
    }
}

@media screen and (min-width:992px) {
    .codeigniter-dev .d-trans-pro-wrapper .d-trans-pro-steps:before {
        height: 86%
    }
}

.hr-btn {
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .hr-btn {
        margin-top: 30px
    }
}

.fixed-engagement-model.new-fixed-engagement-model {
    background: linear-gradient(311deg, #06a564 0, #00517f 41%, #023e66 72%, #051b39 100%);
    padding: 40px 0 50px
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model {
        padding: 65px 0 40px
    }
}

.fixed-engagement-model.new-fixed-engagement-model .heading-top {
    margin-bottom: 30px;
    position: relative
}

.fixed-engagement-model.new-fixed-engagement-model .heading-top p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    margin: 0 auto;
    max-width: 1000px;
    color: #fff
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .heading-top p {
        font-size: 22px;
        line-height: 34px
    }
}

.fixed-engagement-model.new-fixed-engagement-model .heading-top h3 {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    display: inline-block
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .heading-top h3 {
        font-size: 24px;
        line-height: 48px;
        vertical-align: top
    }
}

@media screen and (min-width:1200px) {
    .fixed-engagement-model.new-fixed-engagement-model .heading-top h3 {
        font-size: 30px;
        line-height: 56px
    }
}

.fixed-engagement-model.new-fixed-engagement-model .heading-top h3 span {
    font-weight: 700;
    color: #71e19d;
    font-size: 30px;
    line-height: 30px
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .heading-top h3 span {
        font-size: 36px;
        line-height: 56px
    }
}

.fixed-engagement-model.new-fixed-engagement-model .heading-top h3 strong {
    font-weight: 700;
    color: #71e19d;
    font-size: 30px;
    line-height: 30px
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .heading-top h3 strong {
        font-size: 36px;
        line-height: 56px
    }
}

.fixed-engagement-model.new-fixed-engagement-model .heading-top h3.m-extra-padding {
    padding: 0 48px
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .heading-top h3.m-extra-padding {
        padding: 0
    }
}

.fixed-engagement-model.new-fixed-engagement-model .heading-top h3.m-extra-padding span {
    white-space: nowrap
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .heading-top h3.m-extra-padding span {
        white-space: inherit
    }
}

.fixed-engagement-model.new-fixed-engagement-model .heading-top .list-unstyled {
    display: inline-block
}

.fixed-engagement-model.new-fixed-engagement-model .heading-top .slct-cntr {
    position: absolute;
    left: 20px;
    top: 19px;
    font-size: 15px;
    line-height: 17px;
    font-weight: 500;
    color: #fff;
    text-align: left
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .fixed-engagement {
        max-width: 970px;
        margin: 0 auto 50px
    }
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row h5 {
    color: #333;
    font-size: 20px;
    font-weight: 600 !important;
    position: relative;
    margin-bottom: 0
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row h5 strong {
    font-weight: 600 !important
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row h5 {
        font-weight: 700
    }
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41%;
    flex: 0 0 41%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #0160a9;
    padding: 20px 10px 20px 25px;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-left {
        margin-right: 5px
    }
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-left i {
    width: 42px
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-left h5 {
    font-size: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-left h5 {
        font-size: 20px
    }
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-left-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-left-content h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-left-content h5 {
        margin-bottom: 5px
    }
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-left-content p {
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    margin-bottom: 0
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0
    }
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border-bottom: 1px solid #dadbde;
    text-align: center
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col {
        margin: 0 5px
    }
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col span {
    font-size: 16px;
    padding: 0 10px;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col span {
        font-size: 15px;
        padding: 10px 25px
    }
}

@media screen and (min-width:1200px) {
    .fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col span {
        font-size: 16px
    }
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col span img {
    margin-left: 5px;
    position: relative;
    top: -1px;
    width: 20px
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col span.has-pointer {
    cursor: pointer
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .col-content-box {
    background: #fff;
    border-bottom: 1px solid #ecedee;
    padding: 15px
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .col-content-box-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .col-content-box-top h5 {
    color: #333;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    padding-right: 30px;
    margin-bottom: 0;
    position: relative;
    cursor: pointer
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .col-content-box-top h5:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-engagement-model/circle-down.svg) no-repeat center center;
    width: 28px;
    height: 28px;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .col-content-box-top h5.active:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-engagement-model/circle-up.svg) no-repeat center center
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .col-content-box-top span {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 25px
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .col-content-box .col-content-description {
    display: none;
    margin-top: 10px
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row .fixed-engagement-right .col-content-box .col-content-description p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-top .fixed-engagement-right .fixed-engagement-col {
    background: #71e19d;
    border-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 65px
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-top .fixed-engagement-right .fixed-engagement-col {
        min-height: 85px
    }
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-top .fixed-engagement-right .fixed-engagement-col.has-tooltip {
    position: relative
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-top .fixed-engagement-right h5 {
        padding: 9px 0;
        line-height: 25px;
        text-align: center
    }
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-top .fixed-engagement-right h5 img {
        position: relative;
        top: -2px
    }
}

.fixed-engagement-model.new-fixed-engagement-model .fixed-engagement-row-top .fixed-engagement-row-left {
    background: 0 0;
    border-bottom: none
}

.fixed-engagement-model.new-fixed-engagement-model .border-bottom-0 {
    border-bottom: none
}

.fixed-engagement-model.new-fixed-engagement-model .border-bottom-left-radius {
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px
}

.fixed-engagement-model.new-fixed-engagement-model .border-bottom-right-radius {
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px
}

.fixed-engagement-model.new-fixed-engagement-model .border-top-left-radius {
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px
}

.fixed-engagement-model.new-fixed-engagement-model .slct-box {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .slct-box {
        margin-left: 10px
    }
}

.fixed-engagement-model.new-fixed-engagement-model #price-tabs {
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 9999;
    padding: 0;
    display: none
}

.fixed-engagement-model.new-fixed-engagement-model #price-tabs li {
    width: 100%;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0
}

.fixed-engagement-model.new-fixed-engagement-model #price-tabs li a {
    background: 0 0;
    border: none;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 15px;
    height: auto;
    width: auto;
    text-align: left;
    color: #333;
    line-height: 26px;
    border-radius: 0;
    display: block
}

.fixed-engagement-model.new-fixed-engagement-model #price-tabs li a:before {
    display: none
}

.fixed-engagement-model.new-fixed-engagement-model #price-tabs li:last-child {
    border: none
}

.fixed-engagement-model.new-fixed-engagement-model #price-tabs li:hover a {
    background: #ccc;
    color: #333
}

.fixed-engagement-model.new-fixed-engagement-model #price-tabs.ae-show {
    display: block
}

.fixed-engagement-model.new-fixed-engagement-model .accordion_body {
    display: none
}

.fixed-engagement-model.new-fixed-engagement-model .dropdown-wrapper .ae-select {
    padding: 8px;
    position: relative;
    height: 56px;
    width: 240px;
    border: 2px #ff772f solid;
    position: relative;
    border-radius: 29px
}

.fixed-engagement-model.new-fixed-engagement-model .dropdown-wrapper .ae-select-content {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    width: 100%;
    display: block;
    text-align: right;
    padding-right: 35px;
    position: relative;
    text-transform: uppercase;
    top: 3px
}

.fixed-engagement-model.new-fixed-engagement-model .dropdown-wrapper .ae-select-content:before {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-engagement-model/bottom-arrow.svg) no-repeat center center;
    position: absolute;
    width: 14px;
    height: 8px;
    top: 13px;
    right: 12px
}

.fixed-engagement-model.new-fixed-engagement-model .dropdown-wrapper .ae-select .ae-select-content.active:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 12px;
    right: 12px
}

.fixed-engagement-model.new-fixed-engagement-model .dropdown-wrapper .ae-select.chosen {
    color: #333
}

.fixed-engagement-model.new-fixed-engagement-model .ae-select .up-icon,
.fixed-engagement-model.new-fixed-engagement-model .dropdown-wrapper .ae-select .down-icon {
    position: absolute;
    right: 8px;
    top: 7px
}

.fixed-engagement-model.new-fixed-engagement-model .dropdown-wrapper .ae-dropdown .select-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.fixed-engagement-model.new-fixed-engagement-model .dropdown-wrapper .ae-dropdown .ae-select,
.fixed-engagement-model.new-fixed-engagement-model .dropdown-wrapper .ae-dropdown .select-menu>li {
    cursor: pointer
}

.fixed-engagement-model.new-fixed-engagement-model .dropdown-wrapper .ae-dropdown .select-menu>li>a:focus,
.fixed-engagement-model.new-fixed-engagement-model .dropdown-wrapper .ae-dropdown .select-menu>li>a:hover {
    background: 0 0
}

.fixed-engagement-model.new-fixed-engagement-model .dropdown-wrapper .ae-disabled {
    pointer-events: none
}

.fixed-engagement-model.new-fixed-engagement-model .ae-hide {
    display: none
}

.fixed-engagement-model.new-fixed-engagement-model ul.select-menu {
    list-style-type: none
}

.fixed-engagement-model.new-fixed-engagement-model ul.select-menu {
    margin: 0;
    padding: 5px;
    border: 1px solid #ccc
}

.fixed-engagement-model.new-fixed-engagement-model ul.select-menu li {
    padding: 5px 0
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model .shr-rqst-btn a {
        max-width: 370px
    }
}

.fixed-engagement-model.new-fixed-engagement-model .hide {
    display: none
}

.fixed-engagement-model.new-fixed-engagement-model.fixed-engagement-model-dev .fixed-engagement-row-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%
}

.fixed-engagement-model.new-fixed-engagement-model.fixed-engagement-model-dev .fixed-engagement-row-left.fixed-engagement-row-left-new-bg {
    background: #091b3a;
    border-top-right-radius: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fixed-engagement-model.new-fixed-engagement-model.fixed-engagement-model-dev .fixed-engagement-row-left.fixed-engagement-row-left-new-bg h5 {
    color: #fff
}

.arrow:after,
.ui-tooltip {
    background: #fff9cf;
    border: 1px solid #e3d58f
}

.ui-tooltip {
    -webkit-box-shadow: 0 10px 27px -9px rgba(0, 0, 0, .75) !important;
    box-shadow: 0 10px 27px -9px rgba(0, 0, 0, .75) !important;
    background: #fff9cf !important;
    border: 1px solid #e3d58f !important;
    color: #333;
    text-align: left;
    padding: 5px 15px !important;
    border-radius: 6px !important;
    max-width: 260px;
    min-width: 380px;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: Montserrat, sans-serif !important
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px
}

.arrow.top {
    top: -16px;
    bottom: auto
}

.arrow.left {
    left: 20%
}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    -webkit-box-shadow: 6px 5px 9px -9px #000;
    box-shadow: 6px 5px 9px -9px #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.arrow.top:after {
    bottom: -20px;
    top: auto
}

.border-right-radious {
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px
}

.django-tech-stack {
    padding: 40px 0 50px
}

@media screen and (min-width:992px) {
    .django-tech-stack {
        padding: 70px 0 80px
    }
}

.django-tech-stack h2 {
    font-weight: 600
}

@media screen and (min-width:992px) {
    .django-tech-stack h2 {
        margin-bottom: 20px
    }
}

.django-tech-stack-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.django-tech-stack-wrapper ul li {
    text-align: center;
    padding: 0 10px;
    margin-top: 40px
}

@media screen and (min-width:992px) {
    .django-tech-stack-wrapper ul li {
        width: 12.5%
    }
}

.django-tech-stack-wrapper ul li span {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    display: block
}

.django-tech-stack-wrapper ul li i {
    display: inline-block;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .django-tech-stack-wrapper ul li i {
        height: 60px;
        width: 80px
    }
}

.django-tech-stack-wrapper ul li i img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.django-tech-stack-wrapper ul li i.stack-img-mod {
    width: 100px
}

.django-tech-stack-wrapper ul li i.open-api {
    position: relative;
    left: 5px
}

.django-tech-stack-wrapper ul .slick-dots {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
}

.django-tech-stack-wrapper ul .slick-dots li {
    padding: 0;
    margin-top: 0
}

.django-tech-stack-slider .owl-dots {
    margin-bottom: 0
}

.tech-stack-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.new-tech-mean-stack {
    padding: 40px 0 50px
}

@media screen and (min-width:992px) {
    .new-tech-mean-stack {
        padding: 70px 0 80px
    }
}

.new-tech-mean-stack h2 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 24px
}

@media screen and (min-width:992px) {
    .new-tech-mean-stack h2 {
        margin-bottom: 40px;
        font-weight: 600;
        font-size: 48px
    }
}

.new-tech-mean-stack .new-tech-mean-stack-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-tech-mean-stack .new-tech-mean-stack-ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.new-tech-mean-stack .new-tech-mean-stack-ul li {
    width: 100%
}

@media screen and (min-width:992px) {
    .new-tech-mean-stack .new-tech-mean-stack-ul li {
        width: 20%
    }
}

.new-tech-mean-stack .new-tech-mean-stack-ul li .new-tech-mean-stack-anchor {
    display: block;
    margin: 30px auto 0
}

@media screen and (min-width:992px) {
    .new-tech-mean-stack .new-tech-mean-stack-ul li .new-tech-mean-stack-anchor {
        margin: 0 25px
    }
}

.font-weignt-400 {
    font-weight: 400
}

.blue-bnr-section h2.font-size-resize-new {
    font-size: 26px
}

@media screen and (min-width:992px) {
    .blue-bnr-section h2.font-size-resize-new {
        font-size: 30px
    }
}

.font-weight-500 {
    font-weight: 500;
    margin-bottom: 22px
}

.dapp-blockchn.o-key-diff .bord-col-1 {
    border-bottom-color: #4a90e2
}

.dapp-blockchn.o-key-diff .bord-col-2 {
    border-bottom-color: #49c684
}

.dapp-blockchn.o-key-diff .o-key-diff-box {
    border-left: none;
    border-bottom-width: 8px;
    background: #fff
}

@media screen and (min-width:992px) {
    .dapp-blockchn.o-key-diff .o-key-diff-box {
        padding: 30px 15px 30px 25px
    }
}

.dapp-blockchn.o-key-diff .o-key-diff-box img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.dapp-blockchn.o-key-diff .o-key-diff-box h4 {
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .dapp-blockchn.o-key-diff .o-key-diff-box h4 {
        font-size: 22px
    }
}

.dapp-blockchn.o-key-diff .col-lg-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dapp-tech-stack .profile-tabs {
    overflow: inherit;
    display: block;
    width: 100%;
    border: none;
    margin-bottom: 0
}

.dapp-tech-stack .profile-tabs .tab-profile-header {
    width: 100%;
    border-right: none
}

.dapp-tech-stack .profile-tabs .tab-profile-header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dapp-tech-stack .profile-tabs .tab-profile-header ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #969696;
    padding: 0 15px 5px;
    border: none
}

@media screen and (min-width:992px) {
    .dapp-tech-stack .profile-tabs .tab-profile-header ul li {
        font-size: 26px
    }
}

.dapp-tech-stack .profile-tabs .tab-profile-header ul li.active {
    background: 0 0;
    border-left: none;
    border-left-width: 0;
    color: #333
}

.dapp-tech-stack .profile-tabs .tab-profile-header ul li.active span::before {
    height: 5px
}

.dapp-tech-stack .profile-tabs .tab-profile-header ul li span {
    position: relative;
    padding-bottom: 10px
}

.dapp-tech-stack .profile-tabs .tab-profile-header ul li span:before {
    content: '';
    position: absolute;
    background: #ff5800;
    height: 0;
    width: 148px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.dapp-tech-stack .profile-tabs .tab-profile-header ul li:hover {
    background: 0 0;
    border-left: none;
    color: #333;
    border-left-width: 0
}

.dapp-tech-stack .profile-tabs .tab-profile-content {
    background: 0 0;
    width: 100%
}

.dapp-tech-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dapp-tech-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul li {
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .dapp-tech-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul li {
        width: 20%;
        margin-top: 30px
    }
}

.dapp-tech-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul li a {
    background: 0 0;
    padding: 0;
    border: none
}

.dapp-tech-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul li a:hover {
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dapp-tech-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul li a img {
    height: 100%
}

.dapp-tech-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul li span {
    display: block;
    margin: 25px auto 0;
    text-align: center;
    font-size: 18px;
    font-weight: 500
}

.dapp-tech-stack .profile-tabs .tab-profile-content .tab-profile-content-area.active {
    background: 0 0
}

.dapp-tech-stack .profile-tabs .tab-profile-content div {
    position: inherit
}

@media screen and (min-width:992px) {
    .hybrid-tech-use.o-key-diff-modify h2 {
        margin-bottom: 50px
    }
}

.hybrid-tech-use .o-key-diff-box {
    border-left-width: 5px
}

@media screen and (min-width:992px) {
    .hybrid-tech-use .o-key-diff-box {
        padding: 35px 50px 35px 35px
    }
}

.hybrid-tech-use .o-key-diff-box img {
    margin-bottom: 15px
}

@media screen and (min-width:992px) {

    .hybrid-dev-process .d-trans-pro-wrapper .d-trans-pro-content-box2,
    .hybrid-dev-process .d-trans-pro-wrapper .d-trans-pro-content-box3,
    .hybrid-dev-process .d-trans-pro-wrapper .d-trans-pro-content-box4 {
        margin-top: 30px
    }
}

@media screen and (min-width:992px) {
    .hybrid-dev-process .d-trans-pro-wrapper .d-trans-pro-steps:before {
        height: 80%
    }
}

@media screen and (min-width:992px) {

    .flutter-dev-process .d-trans-pro-wrapper .d-trans-pro-content-box2,
    .flutter-dev-process .d-trans-pro-wrapper .d-trans-pro-content-box3,
    .flutter-dev-process .d-trans-pro-wrapper .d-trans-pro-content-box4 {
        margin-top: 30px
    }
}

@media screen and (min-width:992px) {

    .flutter-dev-process .d-trans-pro-wrapper .d-trans-pro-content-box5,
    .flutter-dev-process .d-trans-pro-wrapper .d-trans-pro-content-box6 {
        margin-top: 120px
    }
}

@media screen and (min-width:992px) {
    .flutter-dev-process .d-trans-pro-wrapper .d-trans-pro-steps:before {
        height: 90%
    }
}

@media screen and (min-width:992px) {
    .sd-process .d-trans-pro-wrapper .d-trans-pro-steps:before {
        height: 86%
    }
}

.mvp-texh-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul li a img.icon-small {
    width: 30px
}

.mvp-texh-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul li a img.icon-medium {
    width: 40px
}

.mvp-texh-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul li a img.icon-c-sharp {
    width: 52px
}

.mvp-texh-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul li a img.icon-azure-sql-database {
    width: 52px
}

.mvp-texh-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul.list-wise {
    margin-left: 10px
}

.mvp-texh-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul.list-wise li {
    width: 100%;
    font-size: 16px;
    position: relative;
    padding: 10px 10px 10px 15px;
    margin: 0;
    color: #333
}

@media screen and (min-width:992px) {
    .mvp-texh-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul.list-wise li {
        width: 50%
    }
}

.mvp-texh-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul.list-wise li:before {
    content: '';
    position: absolute;
    background: #005eb8;
    height: 8px;
    width: 8px;
    top: 18px;
    left: 0
}

.mvp-texh-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul.list-wise li a {
    text-decoration: underline;
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0;
    height: auto;
    color: #333
}

.mvp-texh-stack .profile-tabs .tab-profile-content .tab-profile-content-area ul.list-wise li a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #005eb8
}

.mvp-texh-stack .profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-wrap h4 {
    padding-left: 10px;
    margin-bottom: 15px;
    font-size: 18px;
    display: none
}

@media screen and (min-width:992px) {
    .mvp-texh-stack .profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-wrap h4 {
        display: block
    }
}

.mvp-texh-stack .profile-tabs .tab-profile-content .tab-profile-content-area .tab-profile-content-wrap span {
    padding-left: 10px
}

.mvp-benefit-development .heading-top {
    margin-bottom: 40px
}

.mvp-benefit-development .heading-top h2 {
    margin-bottom: 15px
}

.mvp-benefit-development .heading-top p {
    font-size: 19px;
    text-align: center
}

@media screen and (min-width:992px) {
    .mvp-benefit-development .heading-top p {
        font-size: 22px;
        line-height: 38px
    }
}

.mvp-key-role .heading-top {
    margin-bottom: 40px
}

.mvp-key-role .heading-top h2 {
    margin-bottom: 15px;
    padding-bottom: 0
}

.mvp-key-role .heading-top p {
    font-size: 19px;
    text-align: center
}

@media screen and (min-width:992px) {
    .mvp-key-role .heading-top p {
        font-size: 22px;
        line-height: 38px
    }
}

@media screen and (min-width:992px) {
    .mv-dev-process .d-trans-pro-wrapper .d-trans-pro-content-box5 {
        margin-top: 170px
    }
}

.aws-devops-tech-stack {
    padding: 40px 0 50px;
    background-color: #f4f4f4
}

@media screen and (min-width:992px) {
    .aws-devops-tech-stack {
        padding: 70px 0 80px;
        background-color: #f4f4f4
    }
}

.aws-devops-tech-stack h2 {
    font-weight: 600
}

@media screen and (min-width:992px) {
    .aws-devops-tech-stack h2 {
        margin-bottom: 20px
    }
}

.aws-devops-tech-stack-wrapper .aws-devops-tech-stack-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.aws-devops-tech-stack-wrapper .aws-devops-tech-stack-slider .splide_slidemod {
    text-align: center;
    padding: 0 10px;
    margin-top: 40px
}

@media screen and (min-width:992px) {
    .aws-devops-tech-stack-wrapper .aws-devops-tech-stack-slider .splide_slidemod {
        width: 25%
    }
}

.aws-devops-tech-stack-wrapper .aws-devops-tech-stack-slider .splide_slidemod .aws-devops-container {
    background-color: #fff;
    border-radius: 5px;
    padding: 25px 15px;
    margin-bottom: 15px;
    -webkit-box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .05)
}

.aws-devops-tech-stack-wrapper .aws-devops-tech-stack-slider .splide_slidemod .aws-devops-container span {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    display: block
}

.aws-devops-tech-stack-wrapper .aws-devops-tech-stack-slider .splide_slidemod .aws-devops-container i {
    display: inline-block;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .aws-devops-tech-stack-wrapper .aws-devops-tech-stack-slider .splide_slidemod .aws-devops-container i {
        height: 85px;
        width: 185px
    }
}

.aws-devops-tech-stack-wrapper .aws-devops-tech-stack-slider .splide_slidemod .aws-devops-container i img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.aws-devops-tech-stack-wrapper .aws-devops-tech-stack-slider .splide_slidemod .aws-devops-container i.stack-img-mod {
    width: 100px
}

.aws-devops-tech-stack-wrapper .aws-devops-tech-stack-slider .splide_slidemod .aws-devops-container i.open-api {
    position: relative;
    left: 5px
}

.aws-devops-tech-stack-wrapper .aws-devops-tech-stack-slider .slick-dots {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
}

.aws-devops-tech-stack-wrapper .aws-devops-tech-stack-slider .slick-dots li {
    padding: 0;
    margin-top: 0
}

.aws-devops-tech-stack-slider .owl-dots {
    margin-bottom: 0
}

.engagement-model-page-bnr {
    padding-bottom: 50px
}

@media screen and (min-width:992px) {
    .engagement-model-page-bnr {
        padding: 130px 20px 75px !important
    }
}

.engagement-model-page-bnr h1 {
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .engagement-model-page-bnr h1 {
        font-size: 55px;
        line-height: 64px;
        margin-bottom: 40px
    }
}

.engagement-model-page-bnr .header_right_pan {
    text-align: left;
    padding-top: 20px
}

@media screen and (min-width:992px) {
    .engagement-model-page-bnr .header_right_pan {
        padding-top: 40px
    }
}

.engagement-model-page-bnr .header_right_pan p {
    color: #e9f4f5;
    text-align: center
}

@media screen and (min-width:992px) {
    .engagement-model-page-bnr .header_right_pan p {
        font-size: 24px;
        line-height: 40px;
        text-align: left
    }
}

@media screen and (min-width:992px) {
    .engagement-model-page-bnr .header_right_pan .btn-orange {
        margin: 0
    }
}

@media screen and (min-width:992px) {
    .engagement-model-page-bnr .header_right_pan .anchor-link {
        text-align: left;
        display: block
    }
}

.page-engagement-specific .heading-top {
    margin-bottom: 45px
}

.page-engagement-specific .heading-top h2 {
    text-align: center;
    margin-bottom: 20px
}

.page-engagement-specific .heading-top p {
    font-size: 19px;
    text-align: center
}

@media screen and (min-width:992px) {
    .page-engagement-specific .heading-top p {
        font-size: 22px
    }
}

.page-engagement-specific .iot-case-wrapper {
    max-width: 100%
}

.page-engagement-specific .iot-case-wrapper-box {
    width: 100%;
    text-align: center;
    margin: 0;
    min-height: auto;
    margin-bottom: 30px;
    border-bottom-width: 5px
}

.page-engagement-specific .iot-case-wrapper-box h3 {
    font-size: 26px;
    font-weight: 600;
    margin-top: 30px
}

.page-engagement-specific .iot-case-wrapper-box p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px
}

.page-engagement-specific .iot-case-wrapper-box a {
    font-size: 16px;
    text-align: center;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    color: #333;
    display: block;
    margin: 0 auto;
    width: 162px;
    padding: 11px 0;
    font-weight: 500;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.page-engagement-specific .iot-case-wrapper-box a:hover {
    background: #ff5800;
    border-color: #ff5800;
    color: #fff
}

@media screen and (min-width:992px) {
    .engagement-models .page-engagement-specific .heading-top {
        margin-bottom: 40px
    }
}

.engagement-models .page-engagement-specific .heading-top h2 {
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .engagement-models .page-engagement-specific .heading-top h2 {
        font-size: 48px;
        line-height: 68px;
        font-weight: 600
    }
}

.engagement-models .page-engagement-specific .iot-case-wrapper-box {
    border-bottom-width: 5px;
    display: block
}

.engagement-models .page-engagement-specific .iot-case-wrapper-box h3 {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .engagement-models .page-engagement-specific .iot-case-wrapper-box h3 {
        font-size: 26px;
        line-height: 36px;
        font-weight: 600
    }
}

.engagement-models .page-engagement-specific .iot-case-wrapper-box p {
    margin-bottom: 15px;
    display: block
}

@media screen and (min-width:992px) {
    .engagement-models .page-engagement-specific .iot-case-wrapper-box p {
        font-size: 18px;
        line-height: 28px
    }
}

.message-section {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .message-section {
        padding: 80px 0
    }
}

@media screen and (min-width:992px) {
    .message-section__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 970px;
        margin: 0 auto
    }
}

.message-section__wrapper h2 {
    text-align: center;
    margin-bottom: 40px
}

@media screen and (min-width:992px) {
    .message-section__wrapper h2 {
        font-size: 30px;
        line-height: 48px;
        font-weight: 500;
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }
}

.message-section__left {
    -webkit-box-flex: 173px;
    -ms-flex: 173px;
    flex: 173px;
    max-width: 173px;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .message-section__left {
        margin-right: 30px
    }
}

.message-section__img {
    width: 100%;
    height: 173px;
    overflow: hidden;
    border-radius: 100%;
    border: 2px solid #b1b1b1
}

.message-section__information {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

@media screen and (min-width:992px) {
    .message-section__information {
        text-align: left
    }
}

.message-section__information h3 {
    font-size: 17px;
    line-height: 23px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .message-section__information h3 {
        font-size: 19px;
        line-height: 20px;
        margin-bottom: 20px;
        margin-top: 0
    }
}

.message-section__information h4 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 15px
}

.message-section__information h5 {
    font-size: 19px;
    line-height: 24px;
    font-weight: 600
}

.message-section__information h6 {
    display: block;
    font-size: 15px;
    line-height: 16px;
    font-weight: 500
}

.engagement-why {
    background: linear-gradient(150deg, #051b39 0, #023e66 45%, #00517f 64%, #038070 100%) !important
}

.engagement-why .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.engagement-why .owl-stage .owl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:992px) {
    .engagement-why .details {
        margin-left: 15px;
        width: inherit;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (min-width:992px) {
    .engagement-why .details h4 {
        font-size: 22px;
        line-height: 32px
    }
}

@media screen and (min-width:992px) {
    .engagement-why .details p {
        font-size: 16px;
        line-height: 27px
    }
}

@media screen and (min-width:992px) {
    .project-based-banner {
        padding-bottom: 0 !important
    }
}

.project-based-banner .paroject-based-banner-graphic {
    text-align: center
}

@media screen and (min-width:992px) {
    .project-based-banner .paroject-based-banner-graphic {
        position: absolute;
        bottom: 0;
        right: 0
    }
}

.project-based-banner .paroject-based-banner-graphic img {
    width: 90%
}

@media screen and (min-width:992px) {
    .project-based-banner .paroject-based-banner-graphic-mod {
        position: absolute;
        bottom: 0;
        right: inherit;
        left: -65px
    }
}

.project-based-banner .paroject-based-banner-graphic-mod img {
    width: 100%
}

.project-based-banner h1 {
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .project-based-banner h1 {
        font-size: 32px;
        line-height: 44px;
        margin-top: 0
    }
}

@media screen and (min-width:1089px) {
    .project-based-banner h1 {
        font-size: 48px;
        line-height: 60px;
        margin-bottom: 10px
    }
}

.project-based-banner p {
    font-weight: 500;
    font-size: 16px
}

@media screen and (min-width:992px) {
    .project-based-banner p {
        font-size: 20px
    }
}

@media screen and (min-width:992px) {
    .project-based-banner .project-based-banner-right-p {
        padding-right: 170px
    }
}

.project-based-banner .btn-orange {
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .project-based-banner .btn-orange {
        margin: 0
    }
}

.project-based-banner .anchor-link {
    margin-bottom: 35px
}

@media screen and (min-width:992px) {
    .project-based-banner .anchor-link {
        margin-bottom: 70px
    }
}

.project-based-banner .header_left_pan p {
    display: block
}

.project-based-banner .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media screen and (min-width:992px) {
    .project-based-banner .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.project-tailored .heading-top {
    margin-bottom: 35px
}

.project-tailored .heading-top h2 {
    text-align: center;
    margin-bottom: 20px
}

.project-tailored .heading-top p {
    font-size: 20px;
    text-align: center;
    line-height: 36px
}

@media screen and (min-width:992px) {
    .project-tailored .tailored-box {
        padding: 0 60px
    }
}

.project-tailored .tailored-box-gray {
    border-radius: 15px;
    padding-top: 60px;
    padding-bottom: 60px
}

@media screen and (min-width:992px) {
    .project-tailored .tailored-box-gray {
        margin: 70px 0;
        background: #f7f7f7
    }
}

@media screen and (min-width:992px) {
    .project-tailored .tailored-box-gray .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media screen and (min-width:992px) {
    .project-tailored .tailored-box-sequence1 {
        margin-top: 0
    }
}

@media screen and (min-width:992px) {
    .project-tailored .tailored-box-sequence1 .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width:992px) {
    .project-tailored .tailored-box-sequence2 .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.project-tailored .tailored-box-text h4 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .project-tailored .tailored-box-text h4 {
        margin-top: 0
    }
}

.project-tailored .tailored-box-text p {
    font-size: 16px;
    line-height: 27px;
    color: #333
}

.project-tailored .tailored-box-text h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px
}

.project-tailored .tailored-box-text ul li {
    font-size: 16px;
    line-height: 25px;
    color: #333;
    position: relative;
    padding-left: 30px;
    padding-bottom: 15px
}

.project-tailored .tailored-box-text ul li:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/project-based/circle-tick.svg) no-repeat 0 0;
    top: 4px;
    left: 0;
    width: 18px;
    height: 18px
}

.project-tailored .tailored-box-text ul li:last-child {
    padding-bottom: 0
}

.project-tailored .tailored-box .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.project-tailored .tailored-box .row img {
    margin: 0 auto;
    display: block
}

@media screen and (min-width:992px) {
    .project-tailored .tailored-box .row img {
        margin: 0;
        display: inline-block
    }
}

.pros-cons {
    padding: 40px 0 50px
}

@media screen and (min-width:992px) {
    .pros-cons {
        padding: 75px 0 80px
    }
}

.pros-cons .heading-top {
    margin-bottom: 40px
}

.pros-cons .heading-top h2 {
    text-align: center;
    margin-bottom: 20px
}

.pros-cons .heading-top p {
    font-size: 20px;
    text-align: center;
    line-height: 36px
}

.pros-cons-slab {
    border-radius: 5px;
    background: #fff;
    margin-top: 30px;
    padding: 10px 30px 30px
}

@media screen and (min-width:992px) {
    .pros-cons-slab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:992px) {
    .pros-cons-slab {
        padding: 30px
    }
}

.pros-cons-slab-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-width: 1px;
    border-style: solid;
    border-color: #e3e3e3;
    padding: 20px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1)
}

.pros-cons-slab-box h6 {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 15px
}

.pros-cons-slab-box h6:before {
    content: '';
    position: absolute;
    background: #333;
    bottom: 0;
    left: 0;
    width: 25px;
    height: 2px
}

.pros-cons-slab-box li {
    font-size: 16px;
    position: relative;
    padding-left: 10px;
    padding-bottom: 10px
}

.pros-cons-slab-box li:before {
    content: '•';
    position: absolute;
    top: 0;
    left: 0
}

.pros-cons-slab-box-title {
    width: 100%;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center
}

@media screen and (min-width:992px) {
    .pros-cons-slab-box-title {
        width: 200px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        text-align: left;
        padding-top: 40px
    }
}

.pros-cons-slab-box-title h4 {
    margin-top: 15px;
    text-align: center
}

@media screen and (min-width:992px) {
    .pros-cons-slab-box-title h4 {
        text-align: left
    }
}

.pros-cons-slab-box-gray {
    margin: 25px 0;
    background: #f7f7f7;
    border-color: #c7c7c7;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (min-width:992px) {
    .pros-cons-slab-box-gray {
        margin: 0 30px
    }
}

.pros-cons-slab-box-gray li:before {
    content: '-'
}

.pros-cons-slab-box-green {
    background: #30b058;
    border-color: #30b058;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pros-cons-slab-box-green h6 {
    color: #fff
}

.pros-cons-slab-box-green h6:before {
    background: #fff
}

.pros-cons-slab-box-green li:before {
    content: '+'
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover {
    background: #fff
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .heading-top p {
    color: #333
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement {
        max-width: 870px
    }
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-left {
    background: #091b3a
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-left h5 {
        font-size: 20px
    }
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-left-head {
    background: #e8eaed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-left-head {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-left-head h5 {
    color: #333;
    font-weight: 600
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-top .fixed-engagement-right h5 {
    color: #333
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-top .fixed-engagement-right h5 {
        font-size: 20px
    }
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-top .fixed-engagement-right h5 small {
    font-size: 14px;
    line-height: 24px
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-top .fixed-engagement-right .fixed-engagement-col {
    background: #71e19d;
    min-height: 65px
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-top .fixed-engagement-right .fixed-engagement-col {
        min-height: 85px
    }
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-top .fixed-engagement-right .fixed-engagement-col ul li {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col {
    border-left: 1px solid #dadbde;
    border-right: 1px solid #dadbde
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col ul {
    padding: 27px 30px 27px 20px
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col ul li {
    text-align: left;
    padding: 3px 0 3px 12px;
    position: relative;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col ul li {
        font-size: 18px;
        line-height: 28px
    }
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col ul li:before {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dedicated-team-based/right-arrow.svg) no-repeat 0 0;
    width: 7px;
    height: 11px;
    position: absolute;
    top: 11px;
    left: 0
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col-ul {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .col-content-box-top-ul ul {
    padding-left: 5px
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .col-content-box-top-ul ul li {
    text-align: left;
    padding: 3px 0 3px 12px;
    position: relative;
    font-size: 13px;
    line-height: 21px;
    font-weight: 500
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .col-content-box-top-ul ul li:before {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/dedicated-team-based/right-arrow.svg) no-repeat 0 0;
    width: 7px;
    height: 11px;
    position: absolute;
    top: 11px;
    left: 0
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .click-block {
    pointer-events: none
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .click-block .col-content-box-top-ul h5:before {
    display: none
}

.new-engagement-model-page {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/engagement-model/new-graphic/engagement-new-graphic.jpg) no-repeat 0 0/cover;
    position: relative
}

.new-engagement-model-page__left {
    position: relative;
    z-index: 99
}

@media screen and (min-width:992px) {
    .new-engagement-model-page {
        padding: 130px 20px 45px !important
    }
}

@media screen and (min-width:992px) {
    .new-engagement-model-page h1 {
        font-size: 45px;
        margin-bottom: 30px
    }
}

.new-engagement-model-page .new-btn {
    max-width: 300px
}

.circle-with-hand {
    text-align: center
}

@media screen and (min-width:992px) {
    .circle-with-hand {
        position: absolute;
        top: -45px;
        text-align: right;
        right: -50px
    }
}

.circle-with-hand img {
    max-width: 90%
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .heading-top-compare-model {
        margin-bottom: 45px
    }
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .new-compare-engagement {
    background: #f6f6f6;
    border: 1px solid #e3dfdf;
    border-radius: 10px
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .new-compare-engagement {
        max-width: 100%;
        padding: 30px
    }
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-left {
    margin-right: 0;
    background: #1d3d70;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-left h5 {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 0;
    position: relative;
    padding-left: 25px
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-left h5::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/engagement-model/new-graphic/white-tick.svg) no-repeat center center;
    width: 20px;
    height: 20px
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-left-head {
    margin-right: 0;
    background: 0 0;
    padding-left: 0
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-left-head h5 {
    font-size: 28px;
    line-height: 41px;
    font-weight: 700 !important;
    color: #1d3d70;
    position: relative;
    padding-left: 0
}

@media screen and (min-width:992px) {
    .fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row-left-head h5::before {
        content: '';
        position: absolute;
        top: inherit;
        bottom: -20px;
        left: 0;
        background: #3cc065;
        width: 91px;
        height: 4px;
        border-radius: 20px
    }
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right {
    border-top: 1px solid rgba(29, 61, 112, .3);
    border-left: 1px solid rgba(29, 61, 112, .3);
    border-right: 1px solid rgba(29, 61, 112, .3)
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col {
    margin: 0;
    padding: 25px 25px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #fff;
    display: block;
    text-align: left
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col h5 {
    font-size: 21px;
    line-height: 27px;
    font-weight: 700 !important;
    text-align: left
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col p {
    font-size: 16px;
    line-height: 27px;
    font-weight: 600
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col span {
    padding: 0;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col-border-right {
    border-right: 1px solid rgba(29, 61, 112, .3)
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col-right-head {
    padding: 10px 25px 5px
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col-right-head .box-head-bar {
    position: relative
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col-right-head .box-head-bar::before {
    content: '';
    position: absolute;
    top: -31px;
    left: 0;
    width: 100%;
    height: 12px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 99
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col-right-head .box-head-bar-green::before {
    background: #3cc065
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col-right-head .box-head-bar-blue::before {
    background: #4b699b
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col-right-head .box-head-bar:after {
    content: '';
    position: absolute;
    top: -30px;
    right: -4px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/engagement-model/new-graphic/triangle.png) no-repeat center center;
    width: 6px;
    height: 6px;
    background-size: 100%
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row:first-child .fixed-engagement-right {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-top: 15px;
    background: #fff
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row:last-child .fixed-engagement-right .fixed-engagement-col {
    border-bottom: 1px solid rgba(29, 61, 112, .3)
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row:last-child .fixed-engagement-row-left {
    border-bottom-left-radius: 15px
}

.fixed-engagement-model.new-fixed-engagement-model.new-fixed-engagement-model-bg-remover .fixed-engagement-row:nth-child(2) .fixed-engagement-row-left {
    border-top-left-radius: 15px
}

.fixed-engagement-model.new-fixed-engagement-model .m-compare-model .fixed-engagement-row .fixed-engagement-right .col-content-box-top h5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.fixed-engagement-model.new-fixed-engagement-model .m-compare-model .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col {
    padding: 10px 25px 25px
}

.fixed-engagement-model.new-fixed-engagement-model .m-compare-model .fixed-engagement-row .fixed-engagement-right .fixed-engagement-col p {
    margin-bottom: 0
}

.mwc-banner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: left;
    padding-bottom: 50px !important
}

@media screen and (min-width:992px) {
    .mwc-banner.o-skills-hero {
        padding-bottom: 60px !important;
        padding-top: 115px !important
    }
}

.mwc-banner .header_left_pan {
    text-align: left
}

@media screen and (min-width:992px) {
    .mwc-banner .header_left_pan {
        text-align: left
    }
}

.mwc-banner .header_left_pan .mwc-logo {
    width: 133px
}

@media screen and (min-width:992px) {
    .mwc-banner .header_left_pan .mwc-logo {
        width: auto
    }
}

.mwc-banner .header_left_pan p {
    display: block !important
}

.mwc-banner h1 {
    font-size: 24px;
    line-height: 34px;
    margin-top: 15px;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .mwc-banner h1 {
        font-size: 42px;
        line-height: 52px;
        margin-top: 20px;
        margin-bottom: 15px
    }
}

.mwc-banner h1 .spcl-text {
    color: #36e079
}

@media screen and (min-width:992px) {
    .mwc-banner h1 .spcl-text {
        color: #3cf0a9;
        display: block
    }
}

.mwc-banner p {
    font-size: 18px;
    line-height: 26px
}

@media screen and (min-width:992px) {
    .mwc-banner p {
        font-size: 22px;
        line-height: 33px;
        font-weight: 400;
        padding-right: 30px
    }
}

.mwc-banner .banner-label-shape {
    position: relative;
    margin-bottom: 20px;
    pointer-events: none
}

@media screen and (min-width:992px) {
    .mwc-banner .banner-label-shape {
        margin: 35px 0 25px
    }
}

.mwc-banner .banner-label-shape-text {
    position: absolute;
    top: 13px;
    left: 0;
    padding-left: 15px
}

@media screen and (min-width:360px) {
    .mwc-banner .banner-label-shape-text {
        top: 11px
    }
}

@media screen and (min-width:992px) {
    .mwc-banner .banner-label-shape-text {
        padding-left: 20px
    }
}

.mwc-banner .banner-label-shape-text span {
    font-size: 19px;
    font-weight: 700
}

@media screen and (min-width:360px) {
    .mwc-banner .banner-label-shape-text span {
        font-size: 22px
    }
}

@media screen and (min-width:992px) {
    .mwc-banner .banner-label-shape-text span {
        font-size: 24px
    }
}

.mwc-banner .banner-label-shape-text span.white {
    display: block;
    padding-bottom: 23px
}

@media screen and (min-width:360px) {
    .mwc-banner .banner-label-shape-text span.white {
        padding-bottom: 20px
    }
}

@media screen and (min-width:992px) {
    .mwc-banner .banner-label-shape-text span.white {
        margin-right: 50px;
        display: inline;
        padding-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .mwc-banner .btn-orange {
        margin: 0
    }
}

.page-engagement-specific {
    padding: 50px 0 20px
}

@media screen and (min-width:992px) {
    .page-engagement-specific {
        padding: 70px 0 70px
    }
}

.page-engagement-specific .heading-top {
    margin-bottom: 30px
}

.page-engagement-specific .heading-top h2 {
    font-size: 24px;
    line-height: 35px
}

@media screen and (min-width:992px) {
    .page-engagement-specific .heading-top h2 {
        font-size: 36px;
        line-height: 50px;
        font-weight: 700;
        margin-bottom: 40px
    }
}

.page-engagement-specific .heading-top h2.not-convinced-h2 {
    margin-bottom: 5px
}

.page-engagement-specific .heading-top p {
    font-size: 22px;
    line-height: 30px
}

@media screen and (min-width:992px) {
    .page-engagement-specific .heading-top {
        margin-bottom: 4px
    }
}

.page-engagement-specific .iot-case-wrapper-box {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-width: 1px
}

@media screen and (min-width:992px) {
    .page-engagement-specific .iot-case-wrapper-box {
        padding: 35px 30px 30px 30px;
        display: block
    }
}

.page-engagement-specific .iot-case-wrapper-box i {
    display: block;
    width: 58px
}

@media screen and (min-width:992px) {
    .page-engagement-specific .iot-case-wrapper-box i {
        height: 60px
    }
}

.page-engagement-specific .iot-case-wrapper-box h3 {
    font-size: 20px;
    margin-top: 0;
    margin-left: 20px;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .page-engagement-specific .iot-case-wrapper-box h3 {
        font-size: 24px;
        margin-top: 20px;
        margin-left: 0;
        margin-bottom: 10px;
        font-weight: 700
    }
}

.page-engagement-specific .iot-case-wrapper-box p {
    display: none
}

@media screen and (min-width:992px) {
    .page-engagement-specific .iot-case-wrapper-box p {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 0;
        display: block
    }
}

.mid-banner-sec1 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 50px 0
}

@media screen and (min-width:992px) {
    .mid-banner-sec1 {
        padding: 80px 0
    }
}

.mid-banner-sec1 h2 {
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .mid-banner-sec1 h2 {
        font-size: 36px;
        line-height: 44px
    }
}

.mid-banner-sec1 h2 span {
    color: #3cf0a9
}

.mid-banner-sec1 p {
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .mid-banner-sec1 p {
        margin: 30px 0 40px;
        font-size: 22px;
        line-height: 30px
    }
}

.not-convinced .heading-top {
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .not-convinced .heading-top {
        margin-bottom: 45px
    }
}

.not-convinced .heading-top p {
    font-size: 18px;
    line-height: 27px;
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .not-convinced .heading-top p {
        font-size: 22px;
        line-height: 30px;
        margin-top: 0;
        margin-bottom: 25px
    }
}

.not-convinced .iot-case-wrapper-box {
    position: relative;
    border: 1px solid #d2d2d2;
    display: block;
    padding: 30px 20px 30px 30px
}

@media screen and (min-width:992px) {
    .not-convinced .iot-case-wrapper-box {
        padding: 30px 25px 30px 25px
    }
}

.not-convinced .iot-case-wrapper-box h3 {
    margin-left: 0;
    margin-bottom: 10px;
    word-break: break-word;
    font-weight: 700
}

@media screen and (min-width:992px) {
    .not-convinced .iot-case-wrapper-box h3 {
        font-size: 22px;
        line-height: 27px;
        margin-top: 0
    }
}

.not-convinced .iot-case-wrapper-box p {
    display: block;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .not-convinced .iot-case-wrapper-box p {
        font-size: 14px;
        line-height: 23px
    }
}

.not-convinced .iot-case-wrapper-box .non-btn {
    background: 0 0;
    font-size: 14px;
    padding: 0;
    width: auto;
    display: inline;
    color: #4f8de9;
    border: none;
    position: relative;
    margin-top: 5px;
    display: inline-block
}

.not-convinced .iot-case-wrapper-box .non-btn:hover {
    text-decoration: underline;
    background: 0 0;
    border: none;
    color: #2270e3
}

.not-convinced .iot-case-wrapper-box .non-btn:before {
    content: '>>';
    position: absolute;
    top: 0;
    right: -20px
}

.not-convinced .iot-case-wrapper-box .numbr {
    position: absolute;
    top: -25px;
    left: 25px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    background: #4f8de9
}

@media screen and (min-width:992px) {
    .not-convinced .iot-case-wrapper-box .numbr {
        left: 25px
    }
}

.mid-banner-sec2 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media screen and (min-width:992px) {
    .mid-banner-sec2 {
        padding: 90px 0 100px
    }
}

.mid-banner-sec2 h2 {
    font-size: 24px;
    line-height: 32px
}

@media screen and (min-width:992px) {
    .mid-banner-sec2 h2 {
        font-size: 36px;
        line-height: 50px
    }
}

.mid-banner-sec2 p {
    font-size: 18px;
    line-height: 27px
}

@media screen and (min-width:992px) {
    .mid-banner-sec2 p {
        line-height: 28px
    }
}

.u-date {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/common/date-icon.svg) no-repeat 0 50%,
    url<?php bloginfo('template_directory');
    ?>/assets/images/common/bottom-arrow.svg) no-repeat 100% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #3b3b3b
}

.mwc-o-bottom-form .form-left {
    padding: 30px 30px 10px
}

@media screen and (min-width:992px) {
    .mwc-o-bottom-form .form-left {
        padding: 70px 60px 46px
    }
}

.mwc-o-bottom-form .form-left h3 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 32px
}

@media screen and (min-width:992px) {
    .mwc-o-bottom-form .form-left h3 {
        font-size: 36px;
        line-height: 46px
    }
}

.mwc-o-bottom-form .form-left p {
    font-weight: 500
}

@media screen and (min-width:992px) {
    .mwc-o-bottom-form .form-left p {
        font-size: 16px;
        line-height: 25px
    }
}

.mwc-o-bottom-form .btwn-line {
    margin: 40px 0;
    width: 100%;
    height: 1px;
    background: #515151
}

.mwc-o-bottom-form .common-input::-webkit-input-placeholder {
    color: #3b3b3b;
    opacity: 1;
    font-weight: 400
}

.mwc-o-bottom-form .common-input::-moz-placeholder {
    color: #3b3b3b;
    opacity: 1;
    font-weight: 400
}

.mwc-o-bottom-form .common-input:-ms-input-placeholder {
    color: #3b3b3b;
    opacity: 1;
    font-weight: 400
}

.mwc-o-bottom-form .common-input::-ms-input-placeholder {
    color: #3b3b3b;
    opacity: 1;
    font-weight: 400
}

.mwc-o-bottom-form .common-input::placeholder {
    color: #3b3b3b;
    opacity: 1;
    font-weight: 400
}

.mwc .top-addvertisement {
    display: none
}

.mwc .o-navigation-bar-new #primaryNav {
    top: 50px
}

@media screen and (min-width:992px) {
    .mwc .o-navigation-bar-new #primaryNav {
        top: 0
    }
}

.easter-offering-banner {
    background: #d9ede3;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 50px !important;
    position: relative
}

.easter-offering-banner::before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/easter-offering/banner-hanging-egg.png) no-repeat 0 0;
    width: 370px;
    height: 230px;
    top: 65px;
    right: 0;
    z-index: 99;
    background-size: contain;
    display: none
}

@media screen and (min-width:992px) {
    .easter-offering-banner::before {
        display: block
    }
}

.easter-offering-banner h1 {
    color: #000;
    text-align: center
}

@media screen and (min-width:992px) {
    .easter-offering-banner h1 {
        font-size: 45px;
        line-height: 52px;
        margin-bottom: 20px;
        padding-top: 30px;
        text-align: left
    }
}

.easter-offering-banner .project-based-banner-right-p {
    color: #000;
    text-align: center;
    font-size: 16px
}

@media screen and (min-width:992px) {
    .easter-offering-banner .project-based-banner-right-p {
        font-size: 24px;
        line-height: 35px;
        text-align: left
    }
}

.easter-offering-banner .project-based-banner-right-p .under-line {
    text-decoration: underline
}

@media screen and (min-width:992px) {
    .easter-offering-banner .new-btn {
        margin: 0;
        max-width: 300px
    }
}

@media screen and (min-width:992px) {
    .easter-offering-banner .paroject-based-banner-graphic-mod {
        padding-top: 90px
    }
}

.easter-offering-banner .cstm-link-p {
    text-align: center
}

@media screen and (min-width:992px) {
    .easter-offering-banner .cstm-link-p {
        text-align: left
    }
}

.easter-offering-banner-pt::before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/easter-offering/bg-pattern-lft.png) no-repeat 0 0;
    width: 222px;
    height: 55px;
    bottom: 0;
    left: 0;
    background-size: 40%
}

@media screen and (min-width:992px) {
    .easter-offering-banner-pt::before {
        height: 140px;
        background-size: 100%
    }
}

.easter-offering-banner-pt::after {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/easter-offering/bg-pattern-rt.png) no-repeat 0 0;
    width: 105px;
    height: 216px;
    bottom: 0;
    right: 0;
    display: none
}

@media screen and (min-width:992px) {
    .easter-offering-banner-pt::after {
        display: block
    }
}

.bottom-terms-text {
    background: #28345a;
    padding: 13px 0
}

.bottom-terms-text p {
    color: #fff;
    margin-bottom: 0;
    font-size: 16px
}

.bottom-terms-text p .light-text {
    font-weight: 300
}

.bottom-terms-text p img {
    margin-right: 5px
}

.egstra-support {
    padding: 40px 0 15px
}

@media screen and (min-width:992px) {
    .egstra-support {
        padding: 65px 0 50px
    }
}

.egstra-support h2 {
    font-weight: 600
}

@media screen and (min-width:992px) {
    .egstra-support h2 {
        font-size: 36px;
        line-height: 45px
    }
}

@media screen and (min-width:992px) {
    .egstra-support-top {
        font-size: 30px;
        line-height: 50px;
        font-weight: 500
    }
}

.egstra-support-blue {
    color: #4a90e2
}

@media screen and (min-width:992px) {
    .egstra-support p {
        font-size: 22px;
        line-height: 35px;
        margin-top: 25px
    }
}

.egstra-support .cstm-link-p {
    margin-top: 0
}

.easter-why-choose {
    padding: 40px 0 20px
}

@media screen and (min-width:992px) {
    .easter-why-choose {
        padding: 70px 0 70px
    }
}

@media screen and (min-width:992px) {
    .easter-why-choose .heading-top .cmn-heading-para {
        max-width: 960px;
        margin: 0 auto;
        font-size: 22px;
        line-height: 35px
    }
}

.easter-why-choose h3 {
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .easter-why-choose h3 {
        font-size: 24px;
        line-height: 50px;
        font-weight: 700;
        margin-bottom: 25px
    }
}

.easter-why-choose .o-key-diff-box {
    border-left-width: 5px;
    background: #fff
}

@media screen and (min-width:992px) {
    .easter-why-choose .o-key-diff-box {
        padding: 30px 25px
    }
}

.easter-why-choose .o-key-diff-box h4 {
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .easter-why-choose .o-key-diff-box h4 {
        font-size: 22px;
        font-weight: 700;
        margin-top: 25px
    }
}

.easter-why-choose .ml-cases-img i {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.easter-why-choose .cmn-heading-para {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .easter-why-choose .cmn-heading-para {
        margin-bottom: 20px
    }
}

.easter-how-does-work {
    background: #28345a;
    padding: 40px 0 20px
}

@media screen and (min-width:992px) {
    .easter-how-does-work {
        padding: 75px 0 45px
    }
}

.easter-how-does-work p {
    color: #fff
}

@media screen and (min-width:992px) {
    .easter-how-does-work p {
        font-size: 22px;
        line-height: 35px;
        padding-left: 50px
    }
}

.easter-how-does-work .btn_wrapper {
    margin: 0;
    margin-top: 25px
}

@media screen and (min-width:992px) {
    .easter-how-does-work .btn_wrapper {
        padding-left: 50px
    }
}

.easter-how-does-work .btn_wrapper a {
    margin: 0
}

.easter-how-does-work .cstm-link-p {
    text-align: left
}

.easter-how-does-work .bordered-box {
    position: relative
}

@media screen and (min-width:992px) {
    .easter-how-does-work .bordered-box {
        padding: 70px 40px 0;
        height: 100%
    }
}

.easter-how-does-work .bordered-box::before {
    content: '';
    position: absolute;
    border: 6px solid #67bc93;
    top: 0;
    left: 0;
    display: none
}

@media screen and (min-width:992px) {
    .easter-how-does-work .bordered-box::before {
        width: 451px;
        height: 369px
    }
}

@media screen and (min-width:992px) {
    .easter-how-does-work .bordered-box::before {
        display: block
    }
}

.easter-how-does-work .bordered-box:after {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/easter-offering/mid-egg-img.png) no-repeat 0 0;
    width: 280px;
    height: 350px;
    bottom: 45px;
    right: 30px;
    display: none
}

@media screen and (min-width:992px) {
    .easter-how-does-work .bordered-box:after {
        display: block
    }
}

.easter-how-does-work .bordered-box h2 {
    font-weight: 500
}

@media screen and (min-width:992px) {
    .easter-how-does-work .bordered-box h2 {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 0
    }
}

.easter-bottom-form-section {
    background: #afd0c1
}

.easter-bottom-form-section h3 {
    font-weight: 700;
    position: relative
}

.easter-bottom-form-section h3::before {
    content: '';
    background: #2b3446;
    height: 2px;
    width: 90%;
    position: absolute;
    bottom: 25px;
    left: 0;
    display: none
}

@media screen and (min-width:992px) {
    .easter-bottom-form-section h3::before {
        display: block
    }
}

@media screen and (min-width:992px) {
    .easter-bottom-form-section h3 {
        font-size: 36px;
        line-height: 46px;
        padding-bottom: 60px
    }
}

.easter-bottom-form-section h3 span {
    color: #ffe175
}

.easter-bottom-form-section .form-left {
    position: relative
}

@media screen and (min-width:992px) {
    .easter-bottom-form-section .form-left {
        padding: 70px 45px 46px
    }
}

.easter-bottom-form-section .form-left:before {
    content: '';
    position: absolute;
    width: 206px;
    height: 151px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/easter-offering/form-egg-img.png) no-repeat 0 0;
    bottom: 0;
    left: 30px;
    height: 50px;
    background-size: 33%
}

@media screen and (min-width:992px) {
    .easter-bottom-form-section .form-left:before {
        height: 150px;
        background-size: 100%
    }
}

.white-bnr-support-setcion {
    background-color: #f0f3f8
}

.white-bnr-support-setcion h2 {
    font-weight: 500
}

@media screen and (min-width:992px) {
    .white-bnr-support-setcion h2 {
        font-size: 30px;
        line-height: 37px
    }
}

.white-bnr-support-setcion h2 .text-blue {
    color: #4a90e2
}

.white-bnr-support-setcion p {
    max-width: 100%
}

@media screen and (min-width:992px) {
    .white-bnr-support-setcion p {
        font-size: 22px;
        line-height: 32px;
        margin-top: 20px
    }
}

.white-bnr-support-setcion p small {
    font-size: 16px
}

.white-bnr-support-setcion .cstm-link-p {
    margin-top: 0
}

.easter-offering .top-addvertisement {
    display: none
}

.easter-offering .o-skills-hero {
    padding-top: 102px
}

@media screen and (min-width:992px) {
    .easter-offering .o-skills-hero {
        padding: 115px 20px 45px !important
    }
}

@media screen and (min-width:992px) {
    .choose-offshore h2 {
        margin-bottom: 30px
    }
}

.choose-offshore .col-lg-3 {
    margin-bottom: 30px
}

.choose-offshore .o-key-diff-box {
    border: none;
    margin: 20px 0 0 0;
    position: relative
}

.choose-offshore .o-key-diff-box .choose-num {
    display: inline-block;
    left: 25px;
    top: -30px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #4f8de9;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .choose-offshore .o-key-diff-box .choose-num {
        position: absolute
    }
}

.choose-offshore .o-key-diff-box h4 {
    font-size: 20px;
    line-height: 27px;
    font-weight: 600
}

.fixed-engagement-model-dev .profile-tabs {
    border-radius: 15px;
    padding: 0 0 0;
    background: 0 0
}

.fixed-engagement-model-dev .profile-tabs h6 {
    font-size: 14px;
    color: #cbe3ff;
    font-weight: 300;
    position: relative;
    top: -15px
}

@media screen and (min-width:992px) {
    .fixed-engagement-model-dev .profile-tabs h6 {
        padding: 30px 0 20px
    }
}

.fixed-engagement-model-dev .profile-tabs .tab-profile-content div {
    opacity: 1
}

.fixed-engagement-model-dev .profile-tabs .tab-profile-header {
    display: none
}

@media screen and (min-width:992px) {
    .fixed-engagement-model-dev .profile-tabs .tab-profile-header {
        display: block
    }
}

.fixed-engagement-model-dev .profile-tabs .tab-profile-header ul {
    position: relative
}

@media screen and (min-width:1200px) {
    .fixed-engagement-model-dev .profile-tabs .tab-profile-header ul {
        max-width: 825px;
        margin: 0 auto
    }
}

.fixed-engagement-model-dev .profile-tabs .tab-profile-header ul::before {
    content: '';
    position: absolute;
    background: #4f8de9;
    opacity: .6;
    width: 100%;
    height: 3px;
    bottom: 0
}

.fixed-engagement-model-dev .profile-tabs .tab-profile-header ul li {
    padding: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.fixed-engagement-model-dev .profile-tabs .tab-profile-header ul li img {
    position: relative;
    top: 5px
}

.fixed-engagement-model-dev .profile-tabs .tab-profile-header ul li span {
    display: inline-block;
    width: 100%;
    color: #61f38e;
    font-size: 20px
}

@media screen and (min-width:992px) {
    .fixed-engagement-model-dev .profile-tabs .tab-profile-header ul li span {
        padding: 0 15px 20px 60px
    }
}

.fixed-engagement-model-dev .profile-tabs .tab-profile-header ul li span:before {
    background: #3cc065;
    width: 100%;
    bottom: -1px
}

.fixed-engagement-model-dev .profile-tabs .tab-profile-header ul li span::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 30px;
    height: 50px;
    display: none
}

@media screen and (min-width:992px) {
    .fixed-engagement-model-dev .profile-tabs .tab-profile-header ul li span::after {
        display: block
    }
}

.fixed-engagement-model-dev .profile-tabs .tab-profile-header ul li span.flag1:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/offshore-web-development/flag1.png)
}

.fixed-engagement-model-dev .profile-tabs .tab-profile-header ul li span.flag2:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/offshore-web-development/flag2.png)
}

.fixed-engagement-model-dev .profile-tabs .tab-profile-header ul li span.flag3:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/offshore-web-development/flag3.png)
}

.fixed-engagement-model-dev .profile-tabs .tab-profile-header ul li span.flag4:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/offshore-web-development/flag4.png)
}

.fixed-engagement-model-dev .profile-tabs .tab-profile-header ul li span small {
    display: block;
    color: #fff;
    font-size: 14px
}

@media screen and (min-width:992px) {
    .fixed-engagement-model-dev .profile-tabs {
        padding: 30px 20px 0;
        background: rgba(0, 0, 0, .1)
    }
}

.fixed-engagement-model-dev.dapp-tech-stack {
    padding: 40px 0 20px
}

@media screen and (min-width:992px) {
    .fixed-engagement-model-dev.dapp-tech-stack {
        padding: 65px 0 40px
    }
}

.fixed-engagement-model-dev.dapp-tech-stack .fixed-engagement {
    max-width: 100%;
    margin-bottom: 0
}

.fixed-engagement-model-dev.dapp-tech-stack .tab-profile-content-area {
    margin-top: 0
}

.fixed-engagement-model-dev.dapp-tech-stack .tab-profile-content-area.active {
    padding-bottom: 0
}

@media screen and (min-width:992px) {
    .fixed-engagement-model-dev.dapp-tech-stack .tab-profile-content-area.active {
        margin-top: 30px
    }
}

@media screen and (min-width:1200px) {
    .fixed-engagement-model-dev.dapp-tech-stack .tab-profile-content-area.active {
        padding: 20px 0 0
    }
}

@media screen and (min-width:992px) {
    .fixed-engagement-model-dev.dapp-tech-stack .fixed-engagement-row-left {
        padding: 32px 10px 32px 25px
    }
}

.fixed-engagement-model-dev.dapp-tech-stack .fixed-engagement-row-top .fixed-engagement-right {
    margin-bottom: 0
}

.fixed-engagement-model-dev.dapp-tech-stack .fixed-engagement-row-top .fixed-engagement-right .fixed-engagement-col h5 {
    font-size: 16px;
    padding: 10px 12px
}

@media screen and (min-width:992px) {
    .fixed-engagement-model-dev.dapp-tech-stack .fixed-engagement-row-top .fixed-engagement-right .fixed-engagement-col h5 {
        font-size: 18px
    }
}

.fixed-engagement-model-dev.dapp-tech-stack .fixed-engagement-row-top .fixed-engagement-right .col-content-box {
    pointer-events: none
}

.fixed-engagement-model-dev.dapp-tech-stack .fixed-engagement-row-top .fixed-engagement-right .col-content-box-top h5::before {
    background-image: none;
    background-color: #333;
    width: 15px;
    height: 1px
}

.fixed-engagement-model.new-fixed-engagement-model.fixed-engagement-model-dev.dapp-tech-stack .fixed-engagement-row-left.fixed-engagement-row-left-new-bg {
    background: rgba(203, 227, 255, .1)
}

.fixed-engagement-model.new-fixed-engagement-model.fixed-engagement-model-dev.dapp-tech-stack .fixed-engagement-row-left.fixed-engagement-row-left-new-bg h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 500
}

.fixed-engagement-model.new-fixed-engagement-model.fixed-engagement-model-dev.dapp-tech-stack .fixed-engagement-row-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 19%;
    flex: 0 0 19%;
    background: #cbe3ff;
    border-bottom: 1px solid #474d5a
}

.fixed-engagement-model.new-fixed-engagement-model.fixed-engagement-model-dev.dapp-tech-stack .fixed-engagement-row-left h5 {
    color: #333;
    font-weight: 500;
    margin-bottom: 0
}

.pricing-new-table {
    background: #fff
}

.pricing-new-table tr th {
    border-bottom: 1px solid #ccc;
    padding: 15px;
    background: rgba(0, 0, 0, .1)
}

.pricing-new-table tr th:first-child {
    background: #cbe3ff
}

.pricing-new-table tr td {
    padding: 15px;
    vertical-align: middle;
    border-right: 1px solid #ccc
}

.pricing-new-table tr td:last-child {
    border-right: 0
}

.pricing-new-table thead tr th {
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc
}

.pricing-new-table thead tr th:last-child {
    border-right: 0
}

.pricing-new-table thead tr th:first-child {
    background: rgba(0, 0, 0, .1)
}

.no-border-mod .o-key-diff-box {
    border-width: 0
}

@media screen and (min-width:992px) {
    .no-border-mod .o-key-diff-box {
        border-left-width: 5px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px
    }
}

.table-responsive::-webkit-scrollbar {
    width: 1px
}

.table-responsive::-webkit-scrollbar-track {
    background: 0 0
}

.table-responsive::-webkit-scrollbar-thumb {
    background: 0 0
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: 0 0
}

.th-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.th-flex i {
    display: inline-block;
    height: 27px;
    width: 27px;
    margin-right: 5px;
    position: relative;
    top: 2px
}

.th-flex i img {
    height: 100%;
    width: 100%
}

.role-class {
    position: relative;
    top: -3px
}

.experts-mod .o-key-diff-box {
    background: #fff
}

@media screen and (min-width:992px) {
    .experts-mod .o-key-diff-box {
        padding: 35px 85px 35px 35px
    }
}

@media screen and (min-width:992px) {
    .experts-mod .o-key-diff-box p {
        font-size: 24px;
        line-height: 40px
    }
}

@media screen and (min-width:992px) {
    .hire-web-developers-ser .new-service-section-wrapper {
        margin-bottom: 30px
    }
}

.sitemap-body {
    padding: 70px 0 20px
}

@media screen and (min-width:992px) {
    .sitemap-body {
        padding: 90px 0 60px
    }
}

.sitemap-body h2 {
    font-size: 24px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .sitemap-body h2 {
        margin-bottom: 30px;
        font-size: 30px
    }
}

.sitemap-body h3 {
    position: relative;
    padding-left: 35px;
    font-size: 20px
}

@media screen and (min-width:992px) {
    .sitemap-body h3 {
        font-size: 24px
    }
}

.sitemap-body h3::before {
    content: '';
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/common/green-arrow.png);
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100%
}

@media screen and (min-width:992px) {
    .sitemap-body h3::before {
        top: 1px
    }
}

.sitemap-body h1 {
    font-size: 24px
}

@media screen and (min-width:992px) {
    .sitemap-body h1 {
        font-size: 30px
    }
}

.sitemap-body h1,
.sitemap-body h2,
.sitemap-body h3 {
    font-weight: 600
}

.sitemap-body h1 a,
.sitemap-body h2 a,
.sitemap-body h3 a {
    color: #2dbe70;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.sitemap-body h1 a:hover,
.sitemap-body h2 a:hover,
.sitemap-body h3 a:hover {
    color: #ff5800
}

@media screen and (min-width:992px) {

    .sitemap-body h1.industry-mb-mod,
    .sitemap-body h2.industry-mb-mod,
    .sitemap-body h3.industry-mb-mod {
        margin-bottom: 15px
    }
}

.sitemap-page {
    vertical-align: top
}

@media screen and (min-width:992px) {
    .sitemap-page.sitemap-page-3 {
        width: 33%
    }
}

@media screen and (min-width:992px) {
    .sitemap-page.sitemap-page-2 {
        width: 49.5%
    }
}

.sitemap-page li {
    position: relative;
    padding: 6px 0 6px 20px
}

@media screen and (min-width:992px) {
    .sitemap-page li {
        padding: 10px 0 10px 30px
    }
}

.sitemap-page li a {
    font-size: 16px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

@media screen and (min-width:992px) {
    .sitemap-page li a {
        font-size: 18px
    }
}

.sitemap-page li a:hover {
    color: #2dbe70
}

.sitemap-page li::before {
    border: 4px solid #ecebf9;
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    background: #4842a8;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

@media screen and (min-width:992px) {
    .sitemap-page li::before {
        top: 15px
    }
}

.sitemap-page-tech {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sitemap-page-tech li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%
}

.sitemap-page-tech2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sitemap-page-tech2 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.sitemap-wrap {
    margin-bottom: 20px;
    padding-left: 15px
}

.sitemap-wrap.pl-0 {
    padding-left: 0
}

@media screen and (min-width:992px) {
    .sitemap-wrap {
        margin-bottom: 40px;
        padding-left: 25px
    }
}

.btn-v2 {
    max-width: 409px;
    height: 62px;
    margin: 0 auto;
    border-width: 2px;
    border-style: solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Poppins !important;
    font-size: 19px;
    font-weight: 600;
    border-radius: 5px;
    text-transform: capitalize
}

.btn-v2--transparent {
    background-color: transparent
}

.btn-v2--transparent-black {
    background-color: transparent;
    color: #333;
    border-color: #333
}

.btn-v2--transparent-black:hover {
    background: #333;
    color: #fff;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.btn-v2--transparent-black:hover path {
    fill: #fff;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.btn-v2 .btn-arrow {
    margin-left: 10px
}

.btn-orange {
    font-family: Poppins !important;
    background: #ff5800;
    color: #fff;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.btn-orange:hover {
    background: #fff;
    color: #ff5800
}

.btn-orange:hover path {
    fill: #ff5800
}

.btn-wrapper-v2--pair {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.btn-wrapper-v2--pair .btn-v2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px;
    max-width: 360px;
    margin: 15px auto 0
}

@media screen and (min-width:770px) {
    .btn-wrapper-v2--pair .btn-v2 {
        max-width: 49%
    }
}

@media screen and (min-width:992px) {
    .btn-wrapper-v2--pair .btn-v2 {
        margin: 50px 5px 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 370px;
        flex: 0 0 370px;
        max-width: 370px
    }
}

.btn-wrapper-v2--pair .btn-v3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px;
    max-width: 360px;
    margin: 15px auto 0;
    text-transform: capitalize
}

@media screen and (min-width:770px) {
    .btn-wrapper-v2--pair .btn-v3 {
        max-width: 49%
    }
}

@media screen and (min-width:992px) {
    .btn-wrapper-v2--pair .btn-v3 {
        margin: 50px 5px 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 410px;
        flex: 0 0 410px;
        max-width: 410px
    }
}

.cmn-btn-transition {
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.cmn-btn-transition svg {
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.cmn-btn-transition path {
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.cmn-btn-transition:hover svg {
    -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0)
}

.btn-arrow {
    margin-left: 10px
}

.white-hover:hover path {
    fill: #ff5800
}

.btn--transparent {
    background: 0 0
}

.btn-center {
    margin: 0 auto !important
}

.pool-section {
    padding: 25px 0 40px;
    border-bottom: 1px solid #e0e0e0
}

@media screen and (min-width:992px) {
    .pool-section {
        padding: 60px 0;
        border-bottom: 0
    }
}

.pool-section h2 {
    font-family: Poppins !important;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    position: relative;
    padding-bottom: 15px
}

@media screen and (min-width:992px) {
    .pool-section h2 {
        font-size: 48px;
        line-height: 61px;
        padding-bottom: 0
    }
}

.pool-section h2::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #3cc065;
    width: 83px;
    height: 7px;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .pool-section h2::before {
        display: none
    }
}

.pool-section h3 {
    font-family: Poppins !important;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: #35b15c
}

@media screen and (min-width:992px) {
    .pool-section h3 {
        margin-bottom: 40px;
        font-size: 25px;
        line-height: 34px
    }
}

.pool-section h3 .heading-underline {
    position: relative;
    display: inline-block
}

.pool-section h3 .heading-underline:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #35b15c;
    height: 1px;
    width: 100%
}

.pool-section h4 {
    font-family: Poppins !important;
    text-align: center;
    margin-top: 15px;
    font-size: 20px;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .pool-section h4 {
        font-size: 17px;
        line-height: 30px;
        text-align: left;
        margin-top: 0
    }
}

@media screen and (min-width:1280px) {
    .pool-section h4 {
        font-size: 18px;
        line-height: 30px
    }
}

.pool-section .p-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pool-section .pool-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pool-section .pool-box.mb-40 {
    margin-bottom: 45px
}

.pool-section .pool-box .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 0 0;
    position: relative;
    gap: 0 10px;
    height: 45px
}

@media screen and (min-width:992px) {
    .pool-section .pool-box .owl-dots {
        top: 35px;
        padding: 30px 0;
        height: 73px
    }
}

.pool-section .pool-box .owl-dots .owl-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #e1e1e1
}

.pool-section .pool-box .owl-dots .owl-dot.active {
    width: 13px;
    height: 13px;
    background: #ff5800
}

.pool-section .pool-box .splide__pagination__page {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #e1e1e1
}

.pool-section .pool-box .splide__pagination__page.is-active {
    width: 13px;
    height: 13px;
    background: #ff5800;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.pool-section .pool-box-list {
    background: #d6e3f0;
    border-radius: 10px;
    border: 1px solid #d6e3f0;
    padding: 2px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    text-align: center;
    background: #fff;
    margin: 7px 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    height: 77px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

@media screen and (min-width:992px) {
    .pool-section .pool-box-list {
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        padding: 2px;
        overflow: hidden;
        border: none;
        border: none;
        height: inherit;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.pool-section .pool-box-list:before {
    display: none
}

@media screen and (min-width:992px) {
    .pool-section .pool-box-list:before {
        display: block;
        content: "";
        position: absolute;
        top: -106px;
        right: 0;
        bottom: 0;
        left: -100px;
        background: #d6e3f0;
        width: 560px;
        height: 500px;
        -webkit-transition: .5s all ease-in-out;
        transition: .5s all ease-in-out
    }
}

.pool-section .pool-box-list img {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.pool-section .pool-box-list small {
    font-family: Poppins !important;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-left: 15px
}

.pool-section .pool-box-list i {
    display: inline-block;
    width: auto
}

.pool-section .pool-box-list .wd-50 {
    width: 45px
}

.pool-section .pool-box-list .rltv-3 {
    position: relative;
    top: -3px
}

.pool-section .pool-box-list a {
    background: #fff;
    color: #333;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    position: relative;
    z-index: 99
}

@media screen and (min-width:992px) {
    .pool-section .pool-box-list a {
        padding: 17px 23px
    }
}

.pool-section .pool-box-list:hover {
    border-color: #508ec8
}

.pool-section .pool-box-list:hover:before {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

.pool-section .btn_wrapper {
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .pool-section .btn_wrapper {
        width: 180px;
        margin: 20px 0 0
    }
}

.pool-section .btn_wrapper .btn {
    font-family: Poppins !important;
    margin: 0 auto;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .pool-section .btn_wrapper .btn {
        margin: 0;
        padding: 8px;
        font-size: 15px
    }
}

@media screen and (min-width:992px) {
    .pool-section .col-lg-8 {
        width: 69%
    }
}

@media screen and (min-width:1280px) {
    .pool-section .col-lg-8 {
        width: 66%
    }
}

@media screen and (min-width:992px) {
    .pool-section .col-lg-4 {
        width: 31%
    }
}

@media screen and (min-width:1280px) {
    .pool-section .col-lg-4 {
        width: 34%
    }
}

.pool-section .pool-slider {
    position: relative
}

.pool-section .pool-slider .owl-prev {
    position: absolute;
    left: -30px;
    top: 32px;
    width: auto
}

.pool-section .pool-slider .owl-prev span {
    font-family: Poppins !important;
    display: inline-block;
    background: #fff;
    border: 1px solid #ccc;
    color: #3cc065;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    font-size: 30px;
    line-height: 26px
}

.pool-section .pool-slider .owl-next {
    position: absolute;
    right: -30px;
    top: 32px;
    width: auto
}

.pool-section .pool-slider .owl-next span {
    font-family: Poppins !important;
    display: inline-block;
    background: #fff;
    border: 1px solid #ccc;
    color: #3cc065;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    font-size: 30px;
    line-height: 26px
}

.pool-section .btn-wrapper-v2--pair .btn-v2 {
    margin-bottom: 0;
    margin-top: 44px
}

.pool-section--subpage h2 {
    margin-bottom: 40px
}

.pool-section--subpage .pool-box-list {
    margin: 7px
}

.pool-section--cloud-engineering .pool-box-list i {
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.pool-section--cloud-engineering .pool-box-list i img {
    width: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.pool-section .splide__pagination {
    position: absolute;
    bottom: -25px
}

.o-platform-work {
    border-bottom: 1px solid #dedede
}

.o-platform-work__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-platform-work__spacing {
        padding: 60px 0
    }
}

.o-platform-work__spacing--inner {
    border-top: 1px solid #cae0e7
}

.o-platform-work__title {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    color: #262e36;
    text-align: center;
    font-weight: 700
}

@media screen and (min-width:767px) {
    .o-platform-work__title {
        font-size: 38px;
        line-height: 45px
    }
}

@media screen and (min-width:992px) {
    .o-platform-work__title {
        font-size: 48px;
        line-height: 58px
    }
}

.o-platform-work__title--inner {
    margin-bottom: 20px
}

.o-platform-work__subtitle {
    font-family: Poppins;
    color: #35b15c;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 50px
}

.o-platform-work__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #d6e3f0;
    border-radius: 10px;
    height: 100%;
    background-color: #fff;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.o-platform-work__box--noanchor {
    padding: 30px
}

@media screen and (min-width:767px) {
    .o-platform-work__box--noanchor {
        padding: 20px 10px
    }
}

.o-platform-work__box:hover {
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .1)
}

.o-platform-work__anchor {
    display: block;
    text-align: center;
    width: 100%;
    padding: 30px
}

@media screen and (min-width:767px) {
    .o-platform-work__anchor {
        padding: 20px 10px
    }
}

.o-platform-work__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.o-platform-work__icon img {
    max-height: 100%
}

.o-platform-work__text {
    font-family: Poppins;
    color: #333;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin: 0
}

.o-platform-work .btn-wrapper-v2--pair .btn-v2 {
    margin: 20px 5px 0
}

.bg-gray {
    background-color: #f9f9f9
}

.mb-30 {
    margin-bottom: 30px
}

.new-bottom-form {
    padding: 35px 0 40px;
    background: #052c58 !important
}

@media screen and (min-width:992px) {
    .new-bottom-form {
        background-color: #052c58 !important;
        background-repeat: no-repeat !important;
        background-position: 0 0;
        padding: 0 0 40px
    }
}

.new-bottom-form .container {
    padding: 0 15px
}

.new-bottom-form__wrapper {
    position: relative
}

@media screen and (min-width:992px) {
    .new-bottom-form__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.new-bottom-form__left {
    position: relative;
    z-index: 99;
    margin-right: 0
}

@media screen and (min-width:992px) {
    .new-bottom-form__left {
        padding-top: 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58%;
        flex: 0 0 58%;
        margin-right: 45px
    }
}

@media screen and (min-width:1180px) {
    .new-bottom-form__left {
        margin-right: 90px
    }
}

.new-bottom-form__left .attachment-list {
    width: 100%
}

@media screen and (min-width:992px) {
    .new-bottom-form__left .attachment-list {
        width: 99%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0 10px
    }
}

@media screen and (min-width:992px) {
    .new-bottom-form__left .attachment-list li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49% !important
    }
}

.new-bottom-form__right {
    position: relative;
    display: inline-block
}

@media screen and (min-width:992px) {
    .new-bottom-form__right {
        display: inherit;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.new-bottom-form h2 {
    font-family: Poppins;
    font-size: 31px;
    line-height: 38px;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-bottom-form h2 {
        text-align: left
    }
}

.new-bottom-form .form-sub-heading {
    font-family: Poppins;
    padding: 0;
    color: #fff;
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    margin: 0 0 25px
}

@media screen and (min-width:992px) {
    .new-bottom-form .form-sub-heading {
        color: #75a3f0;
        margin: 15px 0 25px
    }
}

.new-bottom-form .o-contact-form__contact-form {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.new-bottom-form .form-panel {
    width: 100%;
    padding: 0;
    background: 0 0
}

.new-bottom-form input {
    font-family: Poppins;
    background: 0 0;
    border: 1px solid #98bcf8;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 15px;
    margin-bottom: 15px;
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width:992px) {
    .new-bottom-form input {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48.5%;
        flex: 0 0 48.5%;
        margin-bottom: 20px;
        padding: 20px 15px
    }
}

.new-bottom-form input::-webkit-input-placeholder {
    font-size: 17px;
    font-weight: 500 !important;
    color: #fff
}

.new-bottom-form input::-moz-placeholder {
    font-size: 17px;
    font-weight: 500 !important;
    color: #fff
}

.new-bottom-form input:-ms-input-placeholder {
    font-size: 17px;
    font-weight: 500 !important;
    color: #fff
}

.new-bottom-form input::-ms-input-placeholder {
    font-size: 17px;
    font-weight: 500 !important;
    color: #fff
}

.new-bottom-form input::placeholder {
    font-size: 17px;
    font-weight: 500 !important;
    color: #fff
}

.new-bottom-form input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none
}

.new-bottom-form input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.new-bottom-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.new-bottom-form textarea {
    font-family: Poppins;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border: 1px solid #98bcf8;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 500;
    background: 0 0 !important;
    padding: 25px 15px;
    height: 120px;
    margin-bottom: 15px;
    color: #fff
}

@media screen and (min-width:992px) {
    .new-bottom-form textarea {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: 150px
    }
}

.new-bottom-form textarea::-webkit-input-placeholder {
    font-size: 17px;
    font-weight: 500 !important;
    color: #fff
}

.new-bottom-form textarea::-moz-placeholder {
    font-size: 17px;
    font-weight: 500 !important;
    color: #fff
}

.new-bottom-form textarea:-ms-input-placeholder {
    font-size: 17px;
    font-weight: 500 !important;
    color: #fff
}

.new-bottom-form textarea::-ms-input-placeholder {
    font-size: 17px;
    font-weight: 500 !important;
    color: #fff
}

.new-bottom-form textarea::placeholder {
    font-size: 17px;
    font-weight: 500 !important;
    color: #fff
}

.new-bottom-form .attach {
    background-position: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width:767px) {
    .new-bottom-form .attach {
        background-position: 0 0;
        padding: 0 20px 0 40px;
        margin-bottom: 20px;
        margin-top: 10px
    }
}

.new-bottom-form .o-contact-form__attachement-text {
    font-family: Poppins;
    color: #75a3f0;
    font-size: 16px
}

.new-bottom-form label {
    color: #fff
}

.new-bottom-form__btn-wrapper {
    margin-top: 15px;
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:992px) {
    .new-bottom-form__btn-wrapper {
        margin-top: 10px;
        margin-bottom: 50px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: inherit
    }
}

.new-bottom-form__btn-wrapper button {
    font-family: Poppins;
    margin: 0 auto !important;
    padding: 19px 0;
    font-size: 17px;
    font-weight: 600;
    width: 360px;
    text-transform: capitalize
}

@media screen and (min-width:992px) {
    .new-bottom-form__btn-wrapper button {
        width: 280px;
        margin: 0 !important
    }
}

.new-bottom-form .confidential-text-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .new-bottom-form .confidential-text-wrap {
        text-align: left;
        margin-top: 0;
        margin-bottom: 0
    }
}

.new-bottom-form .confidential-text-wrap ul li {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 0 15px
}

.new-bottom-form .confidential-text-wrap ul li:first-child {
    padding-left: 0
}

.new-bottom-form .confidential-text-wrap ul li::after {
    background: #215894;
    height: 16px;
    top: 4px
}

.new-bottom-form .confidential-text-wrap ul li img {
    width: 17px;
    height: 17px
}

.new-bottom-form__whats-next {
    padding-top: 35px;
    border-top: 1px solid #215894;
    margin-top: 45px
}

@media screen and (min-width:992px) {
    .new-bottom-form__whats-next {
        margin-top: 0
    }
}

.new-bottom-form__whats-next h3 {
    font-family: Poppins;
    font-size: 31px;
    font-weight: 700;
    color: #fff
}

.new-bottom-form__whats-next p {
    font-family: Poppins;
    font-size: 21px;
    font-weight: 600;
    color: #4492dc
}

.new-bottom-form .form-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%
}

.new-bottom-form .form-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    padding: 0;
    position: relative;
    background-color: transparent
}

.new-bottom-form__email {
    text-align: center;
    background: #135195;
    padding: 60px 40px 60px
}

.new-bottom-form__email img {
    margin-bottom: 25px
}

.new-bottom-form__email h4 {
    font-family: Poppins;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    color: #bad2ed
}

.new-bottom-form__email h4 a {
    font-weight: 700;
    color: #f3f6f9;
    position: relative
}

.new-bottom-form__email h4 a:before {
    content: "";
    background: #5289c7;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.new-bottom-form__trust {
    background: #04254a;
    padding: 50px 40px 40px
}

.new-bottom-form__trust h5 {
    font-family: Poppins;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #f3f6f9;
    margin-bottom: 25px
}

.new-bottom-form__trust h5 span {
    color: #bad2ed;
    font-weight: 400
}

.new-bottom-form__trust ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    gap: 15px
}

.new-bottom-form__trust ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .new-bottom-form__trust ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.new-bottom-form__trust ul li img {
    -webkit-filter: none;
    filter: none
}

@media screen and (min-width:992px) {
    .new-bottom-form__trust ul li:nth-of-type(odd) {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width:992px) {
    .new-bottom-form__trust ul li:nth-of-type(even) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.new-bottom-form__trust ul li:nth-child(3) {
    margin-top: 15px
}

.new-bottom-form__trust ul li:nth-child(4) {
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .new-bottom-form__trust ul li:nth-child(4) {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.new-bottom-form__trust ul li:nth-child(2) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.new-bottom-form__trust ul li:nth-child(6) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.new-bottom-form__trust h6 {
    font-family: Poppins;
    color: #75a3f0;
    font-size: 15px;
    font-weight: 500
}

.skill-bottom-form-custom-dev h2 {
    font-weight: 500
}

.new-banner-area {
    position: relative;
    background: #081c36;
    width: 100%;
    overflow: hidden
}

@media screen and (min-width:992px) {
    .new-banner-area {
        overflow: visible
    }
}

.new-banner-area:before {
    position: absolute;
    content: "";
    width: 410px;
    height: 245px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/two-for-one/banner-top-gradient.png) no-repeat top left;
    background-size: 100%;
    top: 65px;
    left: 0
}

.new-banner-area:after {
    position: absolute;
    content: "";
    width: 500px;
    height: 160px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/two-for-one/banner-bottom-blue.svg) no-repeat bottom center;
    background-size: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.new-banner-area__spacing {
    padding: 115px 20px 0
}

.new-banner-area__lefttop-area {
    margin-top: 35px
}

.new-banner-area__contentarea {
    max-width: 554px
}

@media screen and (min-width:992px) {
    .new-banner-area__contentarea {
        padding-top: 40px
    }
}

.new-banner-area__subheading {
    font-family: Poppins;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: #84a5f9;
    margin-bottom: 35px;
    width: 50%
}

@media screen and (min-width:370px) {
    .new-banner-area__subheading {
        width: 60%
    }
}

@media screen and (min-width:992px) {
    .new-banner-area__subheading {
        font-size: 40px;
        line-height: 46px;
        width: 100%;
        margin-bottom: 15px
    }
}

.new-banner-area__heading {
    font-family: Poppins;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    max-width: 400px;
    width: 55%
}

@media screen and (min-width:992px) {
    .new-banner-area__heading {
        font-size: 38px;
        line-height: 51px;
        margin-bottom: 12px;
        width: 100%
    }
}

.new-banner-area__headingbold {
    font-family: Poppins;
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    color: #3cc065;
    margin-bottom: 15px;
    max-width: 389px
}

@media screen and (min-width:992px) {
    .new-banner-area__headingbold {
        font-size: 27px;
        line-height: 36px;
        margin-bottom: 26px
    }
}

.new-banner-area__headingcontent {
    font-family: Poppins;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    color: #fff
}

@media screen and (min-width:992px) {
    .new-banner-area__headingcontent {
        font-size: 23px;
        line-height: 33px
    }
}

.new-banner-area__twologo {
    max-width: 170px;
    position: absolute;
    right: -20px;
    top: -55px
}

@media screen and (min-width:420px) {
    .new-banner-area__twologo {
        max-width: 200px
    }
}

@media screen and (min-width:992px) {
    .new-banner-area__twologo {
        right: -35px;
        top: 50px
    }
}

@media screen and (min-width:1180px) {
    .new-banner-area__twologo {
        max-width: 320px;
        right: -60px;
        top: 0
    }
}

.new-banner-area__formarea {
    position: relative;
    text-align: center;
    background: 0 0 !important;
    top: 7px
}

@media screen and (min-width:560px) {
    .new-banner-area__formarea {
        top: inherit
    }
}

@media screen and (min-width:1025px) {
    .new-banner-area__formarea {
        text-align: right
    }
}

.new-banner-area__formarea:before {
    position: absolute;
    content: "";
    width: 750px;
    height: 528px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/two-for-one/new-banner-form-before.png) no-repeat bottom center;
    background-size: 100%
}

@media screen and (min-width:1024px) {
    .new-banner-area__formarea:before {
        left: -35%;
        right: inherit
    }
}

.new-banner-area__formpart {
    position: relative;
    max-width: 460px;
    text-align: left;
    background-color: #fff;
    padding: 30px 20px;
    display: inline-block;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    z-index: 1111
}

@media screen and (min-width:992px) {
    .new-banner-area__formpart {
        padding: 35px 27px
    }
}

.new-banner-area__formpart:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/contact-us/dashed-line.png) 0 0 repeat;
    height: 5px;
    width: 100%;
    top: 0;
    left: 0;
    right: 0
}

.new-banner-area__formwrapperaction {
    background: 0 0 !important;
    padding: 0
}

.new-banner-area__formwrapperaction #django-o-contact-form1 {
    padding: 0;
    display: block
}

.new-banner-area__formwrapperaction #django-o-contact-form1 .new-bottom-form__btn-wrapper {
    margin: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.new-banner-area__formwrapperaction .new-bottom-form__wrapper {
    position: relative;
    max-width: 100%;
    text-align: left;
    background-color: #fff;
    display: inline-block
}

.new-banner-area__formwrapperaction .attach {
    margin: 5px 0 20px !important;
    background-position: 0 9px;
    padding: 0 0 0 35px
}

.new-banner-area__formwrapperaction .attach .o-contact-form__attachement-text {
    color: #333 !important;
    font-size: 15px !important;
    font-weight: 400 !important
}

.new-banner-area__formwrapperaction .attach .o-contact-form__attachement-text label {
    color: #3cc065 !important;
    font-weight: 500 !important
}

.new-banner-area__formwrapperaction .new-banner-area__confidential {
    margin: 30px 0 0 !important;
    text-align: center;
    width: 100%
}

.new-banner-area__formwrapperaction .confidential-text-wrap ul {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new-banner-area__formwrapperaction .confidential-text-wrap ul li {
    width: auto;
    padding: 0 10px 4px !important
}

.new-banner-area__formtittle {
    font-family: Poppins;
    font-size: 30px;
    line-height: 30px;
    color: #333;
    font-weight: 700;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .new-banner-area__formtittle {
        font-size: 40px;
        line-height: 40px
    }
}

.new-banner-area__forminput {
    font-family: Poppins !important;
    width: 100%;
    border: 1px solid #dbdbdb !important;
    color: #333 !important;
    line-height: 52px !important;
    font-size: 14px !important;
    margin-bottom: 12px !important;
    padding: 0 19px !important;
    font-weight: 400 !important
}

@media screen and (min-width:992px) {
    .new-banner-area__forminput {
        font-size: 15px !important
    }
}

.new-banner-area__forminput::-webkit-input-placeholder {
    font-family: Poppins !important;
    color: #333 !important
}

.new-banner-area__forminput::-moz-placeholder {
    font-family: Poppins !important;
    color: #333 !important
}

.new-banner-area__forminput:-ms-input-placeholder {
    font-family: Poppins !important;
    color: #333 !important
}

.new-banner-area__forminput:-moz-placeholder {
    font-family: Poppins !important;
    color: #333 !important
}

.new-banner-area__forminput--textarea {
    resize: none !important;
    height: 120px !important;
    padding: 0 19px !important
}

.new-banner-area__forminput--textarea::-webkit-input-placeholder {
    font-family: Poppins !important;
    color: #333 !important
}

.new-banner-area__forminput--textarea::-moz-placeholder {
    font-family: Poppins !important;
    color: #333 !important
}

.new-banner-area__forminput--textarea:-ms-input-placeholder {
    font-family: Poppins !important;
    color: #333 !important
}

.new-banner-area__forminput--textarea:-moz-placeholder {
    font-family: Poppins !important;
    color: #333 !important
}

.new-banner-area__confidential-list {
    font-family: Poppins;
    color: #333 !important;
    font-size: 14px !important;
    padding: 0 7px !important;
    line-height: 15px !important
}

@media screen and (min-width:992px) {
    .new-banner-area__confidential-list {
        font-size: 16px !important;
        line-height: 17px !important
    }
}

.new-banner-area__confidential-list:after {
    background-color: #e1e1e1 !important
}

.new-banner-area__btn {
    font-family: Poppins !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    padding: 17px 25px !important;
    text-transform: capitalize !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px
}

@media screen and (min-width:767px) {
    .new-banner-area__btn {
        max-width: 255px !important
    }
}

.new-banner-area__btn svg {
    margin-left: 10px
}

.new-banner-area__btn:hover g {
    fill: #ff5800
}

.offer-details {
    position: relative;
    background: #f9f9f9
}

.offer-details__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .offer-details__spacing {
        padding: 60px 0
    }
}

.offer-details__tittle {
    font-family: Poppins;
    font-size: 28px;
    line-height: 30px;
    color: #333;
    margin-bottom: 32px;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width:992px) {
    .offer-details__tittle {
        font-size: 34px;
        line-height: 35px
    }
}

.offer-details__list {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.offer-details__margin-bottom {
    margin-bottom: 25px
}

.offer-details__item {
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 30px;
    border-radius: 5px;
    max-width: 370px;
    margin: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    border-bottom: 4px solid #62dbbe
}

@media screen and (min-width:992px) {
    .offer-details__item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1)
    }
}

.offer-details__itemcount {
    background-color: #36e079;
    position: absolute;
    width: 34px;
    height: 34px;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0
}

.offer-details__itemtext {
    width: 100%;
    margin: 0;
    font-family: Poppins;
    font-size: 19px;
    line-height: 30px;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-top: 20px
}

@media screen and (min-width:1024px) {
    .offer-details__itemtext {
        margin-top: 0;
        font-size: 21px;
        line-height: 31px;
        text-align: left;
        margin-top: 20px
    }
}

.offer-details__btn {
    margin: 47px auto 0;
    max-width: 100%;
    width: 100%;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
    padding: 17px 25px;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:767px) {
    .offer-details__btn {
        max-width: 287px
    }
}

.offer-details__btn svg {
    margin-left: 10px
}

.offer-details__btn:hover g {
    fill: #ff5800
}

.note-text {
    font-family: Poppins;
    background-color: #f4f4f4;
    font-size: 18px;
    line-height: 26px;
    color: #333;
    text-align: center;
    padding: 24px 15px
}

.offer-benefits {
    position: relative;
    background: #fff
}

.offer-benefits__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .offer-benefits__spacing {
        padding: 60px 0
    }
}

.offer-benefits__tittle {
    font-family: Poppins;
    font-size: 28px;
    line-height: 30px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width:992px) {
    .offer-benefits__tittle {
        font-size: 34px;
        line-height: 35px;
        margin-bottom: 45px
    }
}

.offer-benefits__list {
    margin: 46px 0 67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.offer-benefits__item {
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1);
    padding: 40px 36px 40px;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 362px;
    width: 100%;
    text-align: center;
    height: 318px
}

@media screen and (min-width:1181px) {
    .offer-benefits__item:nth-child(3n+3) {
        margin-right: 0
    }
}

@media screen and (min-width:1025px) {
    .offer-benefits__item {
        margin-right: 30px;
        margin-left: inherit;
        -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
        width: 30%
    }
}

.offer-benefits__itemtittle {
    font-family: Poppins;
    font-size: 19px;
    line-height: 23px;
    font-weight: 700;
    color: #333;
    display: block;
    margin: 20px 0 10px;
    width: 90%
}

@media screen and (min-width:992px) {
    .offer-benefits__itemtittle {
        font-size: 21px;
        line-height: 25px
    }
}

.offer-benefits__itemtext {
    font-family: Poppins;
    margin-top: auto;
    font-size: 16px;
    line-height: 27px;
    color: #333;
    margin-bottom: 0;
    font-weight: 400
}

.offer-benefits__btn {
    font-family: Poppins;
    margin: 20px auto 0;
    width: 100%;
    max-width: 100%;
    font-size: 17px;
    font-weight: 600;
    padding: 17px 20px;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:767px) {
    .offer-benefits__btn {
        width: 397px;
        margin: 0 auto;
        padding: 17px 25px
    }
}

.offer-benefits__btn svg {
    margin-left: 10px
}

.offer-benefits__btn:hover g {
    fill: #ff5800
}

.excellence-meets {
    position: relative;
    overflow: hidden;
    padding: 25px 0 0
}

@media screen and (min-width:992px) {
    .excellence-meets {
        padding: 0
    }
}

.excellence-meets--toppadding {
    padding-top: 30px
}

@media screen and (min-width:992px) {
    .excellence-meets--toppadding {
        padding-top: 60px
    }
}

.excellence-meets__tittle {
    font-family: Poppins;
    font-size: 22px;
    color: #333;
    line-height: 30px;
    margin-bottom: 25px;
    font-weight: 700;
    text-align: center;
    position: relative
}

@media screen and (min-width:992px) {
    .excellence-meets__tittle {
        font-size: 22px;
        line-height: 30px;
        text-align: left;
        margin-bottom: 16px;
        padding-bottom: 15px
    }
}

.excellence-meets__tittle:after {
    content: "";
    width: 52px;
    height: 3px;
    position: absolute;
    background-color: #3cc065;
    position: absolute;
    left: 0;
    bottom: 0;
    display: none
}

@media screen and (min-width:992px) {
    .excellence-meets__tittle:after {
        display: block
    }
}

.excellence-meets__subtittle {
    font-family: Poppins;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-bottom: 25px;
    font-weight: 500;
    text-align: center
}

@media screen and (min-width:992px) {
    .excellence-meets__subtittle {
        text-align: left;
        font-size: 18px;
        line-height: 26px
    }
}

.excellence-meets__clientlists-mb {
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .excellence-meets__clientlists-mb {
        margin-bottom: 0
    }
}

.excellence-meets__clientlists-mb .owl-dots {
    top: 30px;
    height: 73px
}

.excellence-meets__clientlist {
    display: inherit
}

@media screen and (min-width:768px) {
    .excellence-meets__clientlist {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:992px) {
    .excellence-meets__clientlist {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.excellence-meets__clientlist .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.excellence-meets__clientitem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .excellence-meets__clientitem {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 5px 20px !important
    }
}

.excellence-meets .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 10px
}

@media screen and (min-width:992px) {
    .excellence-meets .owl-stage {
        gap: 0
    }
}

.excellence-meets__clienttext {
    font-family: Poppins;
    font-size: 15px;
    line-height: 26px;
    color: #333;
    font-weight: 500;
    margin-top: 0;
    display: block;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    top: -20px
}

@media screen and (min-width:770px) {
    .excellence-meets__clienttext {
        top: inherit
    }
}

@media screen and (min-width:992px) {
    .excellence-meets__clienttext {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 0;
        text-align: left;
        position: static;
        margin-top: 20px;
        margin-bottom: 30px;
        top: -55px
    }
}

.excellence-meets__meetsarea {
    position: relative;
    background-color: #0e003f;
    width: 100%;
    height: 100%;
    padding: 45px 20px 25px
}

@media screen and (min-width:992px) {
    .excellence-meets__meetsarea {
        padding: 40px 0 40px 40px
    }
}

.excellence-meets__meetsarea:before {
    position: absolute;
    content: "";
    width: 1000%;
    height: 100%;
    background-color: #0e003f;
    right: -1000%;
    top: 0;
    bottom: 0;
    display: none
}

@media screen and (min-width:992px) {
    .excellence-meets__meetsarea:before {
        display: block
    }
}

.excellence-meets__meetsarea:after {
    position: absolute;
    content: "";
    width: 1000%;
    height: 2px;
    background-color: #0e003f;
    bottom: -1px;
    left: 0;
    display: none
}

@media screen and (min-width:992px) {
    .excellence-meets__meetsarea:after {
        display: block
    }
}

.excellence-meets__meetsarea .splide__pagination {
    bottom: -15px !important
}

.excellence-meets__meetsarea .owl-stage-outer {
    position: relative
}

.excellence-meets__meetsarea .owl-stage-outer::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: -16px;
    margin: 0 auto;
    width: 1px;
    height: 100%;
    background: #5b81e1
}

.excellence-meets__meetsarea .owl-dots {
    top: 10px;
    height: 73px
}

.excellence-meets .splide__pagination {
    position: absolute;
    bottom: -55px
}

.excellence-meets .splide__pagination__page {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #e1e1e1
}

.excellence-meets .splide__pagination__page.is-active {
    width: 13px;
    height: 13px;
    background: #ff5800;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.excellence-meets__meetslist .splide__track {
    position: relative
}

.excellence-meets__meetslist .splide__track::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: -16px;
    margin: 0 auto;
    width: 1px;
    height: 100%;
    background: #5b81e1
}

.excellence-meets__meetstittle {
    font-family: Poppins;
    font-size: 34px;
    line-height: 36px;
    color: #84a5f9;
    font-weight: 900;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .excellence-meets__meetstittle {
        font-size: 60px;
        line-height: 66px
    }
}

.excellence-meets__meetstittle svg {
    margin-top: -33px;
    width: 40px;
    position: relative;
    top: 2px;
    right: -6px
}

@media screen and (min-width:992px) {
    .excellence-meets__meetstittle svg {
        width: inherit;
        position: static
    }
}

.excellence-meets__meetslist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.excellence-meets__meetslist .splide__pagination {
    margin-top: 15px
}

.excellence-meets__meetslist .splide__pagination__page {
    background: #9b9b9b
}

.excellence-meets__meetsitem {
    position: relative;
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (min-width:770px) {
    .excellence-meets__meetsitem {
        width: 45%;
        margin: 10px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width:992px) {
    .excellence-meets__meetsitem {
        width: 33.33%;
        padding-bottom: 30px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-right: 1px solid #5b81e1;
        border-bottom: 1px solid #5b81e1;
        padding-bottom: 15px;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0
    }
}

.excellence-meets__meetsitem:after {
    display: none
}

@media screen and (min-width:992px) {
    .excellence-meets__meetsitem:after {
        display: block;
        position: absolute;
        content: "";
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #0e003f;
        bottom: -7.5px;
        right: -7.5px;
        z-index: 1
    }
}

.excellence-meets__meetsitem:nth-child(2n+2) {
    border-right: none
}

.excellence-meets__meetsitem:nth-child(2n+2):after {
    display: none
}

@media screen and (min-width:992px) {
    .excellence-meets__meetsitem:nth-child(2n+2):after {
        display: block
    }
}

@media screen and (min-width:992px) {
    .excellence-meets__meetsitem:nth-child(2n+2) {
        border-right: 1px solid #5b81e1
    }
}

@media screen and (min-width:992px) {
    .excellence-meets__meetsitem:nth-child(3n+3) {
        border-right: none;
        padding-left: 10px
    }

    .excellence-meets__meetsitem:nth-child(3n+3):after {
        display: none
    }
}

@media screen and (min-width:992px) {
    .excellence-meets__meetsitem:nth-last-child(-n+3) {
        border-bottom: none;
        padding-bottom: 5px
    }

    .excellence-meets__meetsitem:nth-last-child(-n+3):after {
        display: none
    }
}

.excellence-meets__meetsitem:nth-last-child(-n+2) {
    border-bottom: none
}

@media screen and (min-width:992px) {
    .excellence-meets__meetsitem:nth-last-child(-n+2) {
        padding-bottom: 5px
    }
}

.excellence-meets__meetsitem:nth-child(5) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:770px) {
    .excellence-meets__meetsitem:nth-child(5) {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width:992px) {
    .excellence-meets__meetsitem:nth-child(5) {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.excellence-meets__meetsitem img {
    margin-right: 10px
}

@media screen and (min-width:992px) {
    .excellence-meets__meetsitem img {
        margin-right: 0
    }
}

.excellence-meets__listcontent {
    margin-top: 5px;
    margin-left: 0;
    max-width: 100%;
    text-align: left
}

@media screen and (min-width:992px) {
    .excellence-meets__listcontent {
        margin-top: 0;
        margin-left: 15px;
        max-width: 162px
    }
}

.excellence-meets__contenttittle {
    font-family: Poppins;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0
}

@media screen and (min-width:992px) {
    .excellence-meets__contenttittle {
        font-size: 25px;
        line-height: 26px
    }
}

.excellence-meets__contenttext {
    font-family: Poppins;
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    margin: 0
}

.excellence-meets__officetittle {
    margin: 30px 0 15px;
    font-family: Poppins;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #84a5f9;
    text-align: center
}

@media screen and (min-width:992px) {
    .excellence-meets__officetittle {
        margin: 28px 0 15px;
        text-align: left
    }
}

.excellence-meets__officelist {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 8px;
    border-radius: 5px;
    border: 1px solid #84a5f9
}

.excellence-meets__officeitem {
    height: 120px;
    border-radius: 5px;
    overflow: hidden
}

.excellence-meets__officeitems {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.excellence-meets__officeitems:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .1)
}

.excellence-meets__officeitems img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.excellence-meets__officeitems:hover:before {
    background-color: rgba(0, 0, 0, .3)
}

.excellence-meets__officeitems:hover:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/two-for-one/pop-up-icon.svg) no-repeat center;
    background-size: 100%;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto
}

.excellence-meets .office-wrapper {
    padding: 6px 8px;
    border-radius: 5px;
    border: 1px solid #84a5f9
}

.excellence-meets__officebuttonarea {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.excellence-meets__officebtn {
    font-family: Poppins;
    margin: 0 0 15px 0;
    max-width: 100%;
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    padding: 17px 25px;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .excellence-meets__officebtn {
        max-width: 215px;
        margin: 0 13px 0 0
    }
}

.excellence-meets__officebtn svg {
    margin-left: 10px
}

.excellence-meets__officebtn:hover g {
    fill: #ff5800
}

.excellence-meets__takebtn {
    margin: 0;
    max-width: 100%;
    width: 100%;
    border: 2px solid #fff;
    color: #fff;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
    padding: 17px 25px;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .excellence-meets__takebtn {
        max-width: 307px
    }
}

.excellence-meets__takebtn img {
    max-width: 20px;
    margin-right: 10px
}

@media screen and (min-width:992px) {
    .excellence-meets__takebtn img {
        max-width: 30px;
        margin-right: 15px
    }
}

.excellence-meets__takebtn svg {
    margin-left: 10px
}

.excellence-meets__takebtn:hover {
    background-color: #fff;
    color: #ff5800
}

.excellence-meets__takebtn:hover g {
    fill: #ff5800
}

.excellence-meets .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0 25px;
    position: relative;
    gap: 0 10px;
    height: 45px;
    margin: 0
}

@media screen and (min-width:992px) {
    .excellence-meets .owl-dots {
        padding: 30px 0;
        top: 35px;
        height: 73px
    }
}

.excellence-meets .owl-dots .owl-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #e1e1e1
}

.excellence-meets .owl-dots .owl-dot.active {
    width: 13px;
    height: 13px;
    background: #ff5800
}

.excellence-meets__asterisktext {
    color: #fff;
    margin: 5px 0 0;
    line-height: normal
}

.slbOverlay {
    z-index: 999999 !important;
    opacity: .9 !important
}

.slbWrapOuter {
    z-index: 999999 !important
}

@media screen and (min-width:767px) {
    .home-excellence {
        border-top: 1px solid #cbcbcb
    }
}

@media screen and (min-width:767px) {
    .home-excellence .col-lg-4 {
        padding-top: 30px
    }
}

.custom-review {
    position: relative
}

.custom-review__spacing {
    padding: 30px 0 35px
}

@media screen and (min-width:992px) {
    .custom-review__spacing {
        padding: 60px 0 50px
    }
}

.custom-review__spacing--light {
    padding: 35px 0
}

@media screen and (min-width:992px) {
    .custom-review__spacing--light {
        padding: 50px 0
    }
}

.custom-review__tittleimg {
    display: block;
    text-align: center
}

@media screen and (min-width:992px) {
    .custom-review__tittleimg {
        text-align: left
    }
}

.custom-review__tittle {
    position: relative;
    font-family: Poppins;
    font-size: 25px;
    line-height: 35px;
    color: #262e36;
    padding-bottom: 20px;
    margin-bottom: 22px;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width:770px) {
    .custom-review__tittle {
        margin-top: 10px
    }
}

@media screen and (min-width:992px) {
    .custom-review__tittle {
        text-align: left;
        font-size: 34px;
        line-height: 46px;
        margin-top: 25px;
        padding-bottom: 34px
    }
}

.custom-review__tittle:after {
    position: absolute;
    content: "";
    width: 83px;
    height: 7px;
    background-color: #498df9;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

@media screen and (min-width:992px) {
    .custom-review__tittle:after {
        right: inherit;
        margin: 0
    }
}

.custom-review__subtittle {
    font-family: Poppins;
    font-size: 18px;
    line-height: 27px;
    color: #333;
    font-weight: 600;
    margin: 0 0 15px;
    text-align: left
}

@media screen and (min-width:992px) {
    .custom-review__subtittle {
        font-size: 22px;
        line-height: 32px;
        text-align: left;
        padding: 0 20px 0 0
    }
}

.custom-review__reviewarea {
    position: relative
}

.custom-review__reviewarea .owl-nav {
    display: block !important;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0
}

@media screen and (min-width:992px) {
    .custom-review__reviewarea .owl-nav {
        float: right;
        margin-bottom: 0;
        margin-top: 10px;
        text-align: center
    }
}

.custom-review__reviewarea .splide__arrow--prev {
    font-size: 45px !important;
    color: #3cc065 !important;
    width: 30px;
    height: 30px;
    border: 1px solid #3cc065 !important;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    font-weight: 300 !important;
    background: 0 0
}

@media screen and (min-width:992px) {
    .custom-review__reviewarea .splide__arrow--prev {
        width: 50px;
        height: 50px
    }
}

.custom-review__reviewarea .splide__arrow--prev:hover {
    color: #fff !important;
    background-color: #3cc065 !important
}

.custom-review__reviewarea .splide__arrow--prev:hover svg path {
    fill: #fff
}

.custom-review__reviewarea .splide__arrow--prev span {
    position: relative;
    top: -3px;
    left: -1px;
    height: 50px;
    line-height: 50px
}

.custom-review__reviewarea .splide__arrow--next {
    font-size: 45px !important;
    color: #3cc065 !important;
    width: 30px;
    height: 30px;
    border: 1px solid #3cc065 !important;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    font-weight: 300 !important;
    background: 0 0
}

@media screen and (min-width:992px) {
    .custom-review__reviewarea .splide__arrow--next {
        width: 50px;
        height: 50px
    }
}

.custom-review__reviewarea .splide__arrow--next:hover {
    color: #fff !important;
    background-color: #3cc065 !important
}

.custom-review__reviewarea .splide__arrow--next:hover svg path {
    fill: #fff
}

.custom-review__reviewarea .splide__arrow--next span {
    position: relative;
    top: -3px;
    right: -1px;
    height: 50px;
    line-height: 50px
}

.custom-review__reviewitem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 18px
}

.custom-review__reviewitems {
    max-width: 100%;
    width: 100%;
    min-height: 300px;
    height: auto;
    border: 1px solid #ddd;
    padding: 25px;
    margin-bottom: 5px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:1024px) {
    .custom-review__reviewitems {
        max-width: 277px;
        margin-bottom: 15px
    }
}

@media screen and (min-width:1120px) {
    .custom-review__reviewitems {
        max-width: 330px
    }
}

@media screen and (min-width:1300px) {
    .custom-review__reviewitems {
        max-width: 345px
    }
}

.custom-review__reviewitems:hover {
    border: 1px solid #fff;
    -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .2)
}

.custom-review__quoteimg {
    display: block;
    margin-bottom: 10px
}

.custom-review__quotecontent {
    font-family: Poppins;
    color: #333;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500
}

.custom-review__authorarea {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:992px) {
    .custom-review__authorarea {
        margin-top: auto
    }
}

.custom-review__authorimage {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden
}

.custom-review__authordetails {
    margin-left: 16px
}

.custom-review__authorname {
    font-family: Poppins;
    font-size: 18px;
    line-height: normal;
    color: #333;
    font-weight: 600;
    margin: 0
}

.custom-review__authordesignation {
    font-family: Poppins;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin: 0;
    font-weight: 600
}

.custom-review__authorcompany {
    font-family: Poppins;
    font-size: 14px;
    line-height: 20px;
    color: #898989;
    margin: 0;
    font-weight: 500
}

.custom-review__btn {
    margin: 0 auto;
    max-width: 360px;
    width: auto;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
    padding: 17px 25px;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .custom-review__btn {
        max-width: 333px;
        margin-left: 15px;
        width: 100%;
        margin: 0 0 0 14px
    }
}

.custom-review__btn svg {
    margin-left: 10px
}

.custom-review__btn:hover g {
    fill: #ff5800
}

.custom-review__partner {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin: 18px 0 25px
}

.custom-review__partnerlist {
    min-height: 120px;
    margin: 0 20px 7px 0;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:992px) {
    .custom-review__partnerlist {
        margin: 0 30px 10px 0
    }
}

.custom-review__partnerlist:nth-last-child(-n+2) {
    margin: 0 30px 0 0
}

.custom-review__rankribbon {
    position: relative;
    font-family: Poppins;
    color: #fff;
    font-size: 21px;
    line-height: 34px;
    font-weight: 700;
    max-width: 318px;
    width: 100%;
    text-align: center;
    margin: auto;
    background-color: #3cc065;
    padding: 5.5px;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .custom-review__rankribbon {
        margin-bottom: 0
    }
}

.custom-review__rankribbon:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: -16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 30px 0 0;
    border-color: #4e6454 transparent transparent transparent;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.custom-review .col-lg-8-rel {
    position: relative
}

.custom-review .sk-fading-circle {
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 120px;
    left: 0;
    right: 0
}

@media screen and (min-width:992px) {
    .custom-review .sk-fading-circle {
        top: 239px
    }
}

.custom-review .cs-cont.invisible {
    height: 324px
}

@media screen and (min-width:992px) {
    .custom-review .cs-cont.invisible {
        height: 648px
    }
}

.custom-review .splide__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: -6px;
    right: 40px
}

@media screen and (min-width:992px) {
    .custom-review .splide__arrows {
        bottom: -30px;
        right: 53px
    }
}

.custom-review .splide__arrow--prev {
    right: 8px;
    left: inherit
}

@media screen and (min-width:992px) {
    .custom-review .splide__arrow--prev {
        right: 20px
    }
}

.custom-review .splide__arrow--prev svg {
    width: 18px
}

.custom-review .splide__arrow--next {
    right: -40px;
    left: inherit
}

.custom-review .splide__arrow--next svg {
    width: 18px
}

.trustpilot-widget-mod {
    top: 20px
}

.custom-review__reviewitem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:992px) {
    .custom-review__reviewitem .slide {
        padding: 0 15px 0 15px
    }
}

.grt-slider-light .splide__arrows {
    display: none
}

.o-appoinrment-header {
    background-color: #0d2642;
    padding: 30px 0;
    min-height: auto
}

@media screen and (min-width:992px) {
    .o-appoinrment-header {
        min-height: 117px
    }
}

.o-appoinrment-header__logopan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    align-items: center;
    height: 100%;
    min-height: 57px
}

@media screen and (min-width:992px) {
    .o-appoinrment-header__logopan {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0
    }
}

.o-appoinrment-header__logoicon {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #a3c2d0;
    max-width: 48%
}

@media screen and (min-width:992px) {
    .o-appoinrment-header__logoicon {
        max-width: 160px;
        margin-right: 27px;
        padding-right: 27px
    }
}

.o-appoinrment-header__logoicon:last-child {
    border: none;
    margin: 0;
    padding: 0
}

.o-appoinrment-header__list {
    padding: 0 5px
}

@media screen and (min-width:992px) {
    .o-appoinrment-header__list {
        padding: 0 20px
    }
}

.o-appoinrment-header__list:before {
    position: absolute;
    content: "";
    width: 18px;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background: #0d2642;
    background: -webkit-gradient(linear, right top, left top, from(rgba(13, 38, 66, 0)), color-stop(45%, #0d2642));
    background: linear-gradient(270deg, rgba(13, 38, 66, 0) 0, #0d2642 45%);
    z-index: 9999
}

@media screen and (min-width:992px) {
    .o-appoinrment-header__list:before {
        width: 30px
    }
}

.o-appoinrment-header__list:after {
    position: absolute;
    content: "";
    width: 18px;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0d2642;
    background: -webkit-gradient(linear, left top, right top, from(rgba(13, 38, 66, 0)), color-stop(45%, #0d2642));
    background: linear-gradient(90deg, rgba(13, 38, 66, 0) 0, #0d2642 45%);
    z-index: 9999
}

@media screen and (min-width:992px) {
    .o-appoinrment-header__list:after {
        width: 30px
    }
}

.o-appoinrment-header__listarea .o-appoinrment-header__item {
    width: auto !important
}

.o-appoinrment-header__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 57px;
    padding: 0 10px
}

@media screen and (min-width:992px) {
    .o-appoinrment-header__item {
        padding: 0 13px
    }
}

.o-appoinrment-header__itemcontent {
    margin-left: 14px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.o-appoinrment-header__itemtittle {
    font-family: Poppins;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    margin: 0;
    color: #fff
}

@media screen and (min-width:992px) {
    .o-appoinrment-header__itemtittle {
        font-size: 20px;
        line-height: 24px
    }
}

.o-appoinrment-header__itemsub {
    font-family: Poppins;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    font-weight: 500;
    color: #fff
}

@media screen and (min-width:992px) {
    .o-appoinrment-header__itemsub {
        font-size: 15px;
        line-height: 20px
    }
}

.o-appointment {
    padding-bottom: 22px;
    border-bottom: 1px solid #a3c2d0;
    position: relative;
    background: #e3f3fa;
    background: -webkit-gradient(linear, left top, left bottom, from(#e3f3fa), color-stop(66%, rgba(235, 246, 251, .6)), to(white));
    background: linear-gradient(180deg, #e3f3fa 0, rgba(235, 246, 251, .6) 66%, #fff 100%)
}

@media screen and (min-width:992px) {
    .o-appointment {
        background: 0 0
    }
}

.o-appointment:before {
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    background: #e3f3fa;
    background: -webkit-gradient(linear, left top, left bottom, from(#e3f3fa), color-stop(66%, rgba(235, 246, 251, .6)), to(white));
    background: linear-gradient(180deg, #e3f3fa 0, rgba(235, 246, 251, .6) 66%, #fff 100%);
    left: 0;
    top: 0;
    bottom: 0;
    display: none
}

@media screen and (min-width:992px) {
    .o-appointment:before {
        display: block
    }
}

.o-appointment:after {
    opacity: 0;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    animation: fadeIn ease 5s;
    -webkit-animation: fadeIn ease 5s;
    -moz-animation: fadeIn ease 5s;
    -o-animation: fadeIn ease 5s;
    -ms-animation: fadeIn ease 5s
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

.o-appointment.js-grayed-out:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #a3c2d0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(163, 194, 208, 0)), color-stop(35%, rgba(163, 194, 208, .1)), color-stop(50%, rgba(163, 194, 208, .6)), color-stop(70%, rgba(163, 194, 208, .3)), to(rgba(163, 194, 208, 0)));
    background: linear-gradient(0deg, rgba(163, 194, 208, 0) 0, rgba(163, 194, 208, .1) 35%, rgba(163, 194, 208, .6) 50%, rgba(163, 194, 208, .3) 70%, rgba(163, 194, 208, 0) 100%);
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    opacity: 1;
    animation: fadeIn ease 5s;
    -webkit-animation: fadeIn ease .5s;
    -moz-animation: fadeIn ease .5s;
    -o-animation: fadeIn ease .5s;
    -ms-animation: fadeIn ease .5s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

@media screen and (min-width:992px) {
    .o-appointment.js-grayed-out:after {
        width: 50%;
        height: 86%
    }
}

.o-appointment .right-border-transparent {
    position: relative
}

.o-appointment .right-border-transparent:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    background: #a3c2d0;
    background: -webkit-gradient(linear, left top, left bottom, from(#a3c2d0), color-stop(70%, rgba(163, 194, 208, .62)), to(rgba(163, 194, 208, 0)));
    background: linear-gradient(180deg, #a3c2d0 0, rgba(163, 194, 208, .62) 70%, rgba(163, 194, 208, 0) 100%);
    display: none
}

@media screen and (min-width:992px) {
    .o-appointment .right-border-transparent:before {
        display: block
    }
}

.o-appointment__ortext {
    position: absolute;
    font-family: Poppins;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    width: 50px;
    height: 50px;
    background: #4492dc;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 52px;
    margin: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    display: none
}

@media screen and (min-width:992px) {
    .o-appointment__ortext {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.o-appointment__formpanel {
    position: relative;
    width: 100%;
    height: auto;
    padding: 2em 0
}

@media screen and (min-width:992px) {
    .o-appointment__formpanel {
        padding: 52px 0 0;
        background: 0 0
    }
}

.o-appointment__tittle {
    position: relative;
    font-family: Poppins;
    color: #262e36;
    font-size: 24px;
    line-height: 38px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 12px
}

@media screen and (min-width:992px) {
    .o-appointment__tittle {
        font-size: 28px;
        line-height: 46.5px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.o-appointment__tittle i {
    margin-right: 10px
}

.o-appointment__subtittle {
    font-family: Poppins;
    color: #262e36;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: center
}

.o-appointment__subtittle span {
    border-bottom: 1px solid #848484
}

@media screen and (min-width:992px) {
    .o-appointment__subtittle {
        font-size: 21px;
        line-height: 29px;
        text-align: left
    }
}

.o-appointment--conversation-form {
    max-width: 100%;
    width: 100%;
    margin: auto
}

@media screen and (min-width:992px) {
    .o-appointment--conversation-form {
        padding-right: 3em
    }
}

.o-appointment--conversation-form input {
    font-family: Poppins;
    max-width: 100%;
    width: 100%;
    height: 69px;
    border: 1px solid #7fa0b0;
    margin: 0 0 20px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 10px 0 10px 16px;
    font-size: 17px;
    font-weight: 500;
    color: #262e36;
    border-radius: 5px
}

.o-appointment--conversation-form input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none
}

.o-appointment--conversation-form input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.o-appointment--conversation-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.o-appointment--conversation-form input.fileattached-url-mod {
    height: auto;
    padding: 0;
    margin: 0
}

.o-appointment--conversation-form input#phoneNumber {
    background: #fff !important
}

.o-appointment--conversation-form input::-webkit-input-placeholder {
    font-family: Poppins;
    font-weight: 500 !important;
    font-size: 17px !important;
    color: #262e36 !important
}

.o-appointment--conversation-form input:-moz-placeholder {
    font-family: Poppins;
    font-weight: 500 !important;
    font-size: 17px !important;
    color: #262e36 !important
}

.o-appointment--conversation-form input::-moz-placeholder {
    font-family: Poppins;
    font-weight: 500 !important;
    font-size: 17px !important;
    color: #262e36 !important
}

.o-appointment--conversation-form input:-ms-input-placeholder {
    font-family: Poppins;
    font-weight: 500 !important;
    font-size: 17px !important;
    color: #262e36 !important
}

.o-appointment--conversation-form textarea {
    font-family: Poppins;
    max-width: 100%;
    width: 100%;
    height: 157px;
    border: 1px solid #7fa0b0;
    margin: 0 0 20px 0;
    float: left;
    padding: 20px 16px 16px;
    color: #262e36;
    font-size: 16px;
    font-weight: 500;
    resize: none;
    border-radius: 5px
}

.o-appointment--conversation-form textarea::-webkit-input-placeholder {
    font-family: Poppins;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #262e36 !important
}

.o-appointment--conversation-form textarea:-moz-placeholder {
    font-family: Poppins;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #262e36 !important
}

.o-appointment--conversation-form textarea::-moz-placeholder {
    font-family: Poppins;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #262e36 !important
}

.o-appointment--conversation-form textarea:-ms-input-placeholder {
    font-family: Poppins;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #262e36 !important
}

.o-appointment__formwrapper {
    position: relative;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.o-appointment__formwrapperinside {
    padding: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible
}

.o-appointment__formwrapperinside:before {
    display: none
}

.o-appointment__formwrapperinside:after {
    display: none
}

.o-appointment__formwrapperinside .o-contact-form__contact-form {
    padding: 0
}

.o-appointment__calender {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 30px 0 15px;
    margin-top: 50px;
    z-index: 9
}

@media screen and (min-width:992px) {
    .o-appointment__calender {
        margin-top: inherit;
        padding: 52px 0 2em 3em
    }
}

.o-appointment__calender:before {
    position: absolute;
    content: "Or";
    font-family: Poppins;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    width: 50px;
    height: 50px;
    background: #4492dc;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: -45px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

@media screen and (min-width:992px) {
    .o-appointment__calender:before {
        display: none
    }
}

.o-appointment__calender:after {
    display: block;
    position: absolute;
    content: "";
    background: #a3c2d0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(163, 194, 208, 0)), color-stop(50%, rgba(163, 194, 208, .68)), to(rgba(163, 194, 208, 0)));
    background: linear-gradient(270deg, rgba(163, 194, 208, 0) 0, rgba(163, 194, 208, .68) 50%, rgba(163, 194, 208, 0) 100%);
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    top: -20px;
    margin: auto
}

@media screen and (min-width:992px) {
    .o-appointment__calender:after {
        display: none
    }
}

.o-appointment__attach {
    position: relative;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/two-for-one/attach-icon-black.svg) no-repeat center;
    background-position: 0 5px !important;
    padding: 0 0 0 35px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden;
    margin: 10px 0 0 !important
}

@media screen and (min-width:992px) {
    .o-appointment__attach {
        margin: 10px 0 !important
    }
}

.o-appointment__attach .o-contact-form__attachement-text {
    font-family: Poppins;
    color: #262e36;
    font-size: 16px;
    line-height: 30px
}

.o-appointment__attach .o-contact-form__attachement-text label {
    text-decoration: none;
    font-weight: 600
}

.o-appointment__calendercontainer #calendar {
    max-width: 375px;
    margin: auto
}

.o-appointment__calendercontainer #calendar .ui-datepicker-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 15px 0 5px
}

.o-appointment__calendercontainer #calendar .ui-datepicker-header .ui-datepicker-prev {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    cursor: pointer
}

.o-appointment__calendercontainer #calendar .ui-datepicker-header .ui-datepicker-prev .ui-icon {
    font-size: 0;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #3cc065;
    border-radius: 50%;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.o-appointment__calendercontainer #calendar .ui-datepicker-header .ui-datepicker-prev .ui-icon:hover {
    background: #ff5800
}

.o-appointment__calendercontainer #calendar .ui-datepicker-header .ui-datepicker-prev .ui-icon:after {
    content: "‹";
    font-size: 30px;
    line-height: 0;
    color: #fff;
    position: relative;
    top: -2px;
    left: -1px
}

.o-appointment__calendercontainer #calendar .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled {
    pointer-events: none;
    opacity: .4
}

.o-appointment__calendercontainer #calendar .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled .ui-icon {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.o-appointment__calendercontainer #calendar .ui-datepicker-header .ui-datepicker-title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-family: Poppins;
    margin: 0 15px;
    font-weight: 400;
    font-size: 16px
}

.o-appointment__calendercontainer #calendar .ui-datepicker-header .ui-datepicker-next {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    cursor: pointer
}

.o-appointment__calendercontainer #calendar .ui-datepicker-header .ui-datepicker-next .ui-icon {
    font-size: 0;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #3cc065;
    border-radius: 50%;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.o-appointment__calendercontainer #calendar .ui-datepicker-header .ui-datepicker-next .ui-icon:hover {
    background: #ff5800
}

.o-appointment__calendercontainer #calendar .ui-datepicker-header .ui-datepicker-next .ui-icon:after {
    content: "›";
    font-size: 30px;
    line-height: 0;
    color: #fff;
    position: relative;
    top: -2px;
    right: -1px
}

.o-appointment__calendercontainer #calendar .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
    pointer-events: none;
    opacity: .4
}

.o-appointment__calendercontainer #calendar .ui-datepicker-header .ui-datepicker-next.ui-state-disabled .ui-icon {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.o-appointment__calendercontainer #calendar .ui-datepicker-calendar {
    width: 100%;
    font-family: Poppins;
    font-size: 12px
}

.o-appointment__calendercontainer #calendar .ui-datepicker-calendar th {
    font-weight: 400;
    text-align: center;
    height: 44px;
    width: 44px;
    color: #1a1a1a;
    text-transform: uppercase
}

.o-appointment__calendercontainer #calendar .ui-datepicker-calendar td {
    font-size: 16px;
    text-align: center;
    height: 44px;
    width: 44px;
    color: rgba(26, 26, 26, .612)
}

.o-appointment__calendercontainer .ui-datepicker-week-end.ui-datepicker-today {
    background: 0 0;
    pointer-events: none
}

.o-appointment__calendercontainer .ui-datepicker-week-end.ui-datepicker-today a {
    background: 0 0;
    color: inherit;
    font-weight: 500
}

.o-appointment__calendercontainer .ui-datepicker-week-end.ui-datepicker-today a::after {
    display: none
}

.o-appointment__calendertittle {
    font-family: Poppins;
    font-size: 20px;
    line-height: 32px;
    color: #333;
    text-align: center
}

.o-appointment__emailtext {
    position: relative;
    font-family: Poppins;
    font-size: 20px;
    line-height: 32px;
    color: #333;
    font-weight: 600;
    margin-top: 25px
}

@media screen and (min-width:992px) {
    .o-appointment__emailtext {
        font-size: 22px;
        line-height: 36px;
        margin-top: 50px;
        z-index: 3
    }
}

.o-appointment__emailanchor {
    color: #4a90e2;
    text-decoration: underline
}

.o-appointment .c-btn {
    font-family: Poppins;
    max-width: 100% !important;
    width: 100%;
    margin: 20px 0 0;
    text-transform: capitalize;
    font-size: 17px;
    padding: 15px;
    float: none;
    z-index: 2
}

@media screen and (min-width:992px) {
    .o-appointment .c-btn {
        max-width: 250px !important;
        float: right;
        margin: 0 0 0
    }
}

.o-appointment .c-btn svg {
    margin-left: 10px
}

.o-appointment .c-btn:hover {
    background: #fff;
    color: #ff5800
}

.o-appointment .c-btn:hover g {
    fill: #ff5800
}

.o-appointment__flipform {
    max-width: 400px;
    width: 100%;
    margin: 30px auto 0
}

.o-appointment__flipform input {
    font-family: Poppins;
    max-width: 100%;
    width: 100%;
    height: 69px;
    border: 1px solid #7fa0b0;
    margin: 0 0 20px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 20px 0 20px 16px;
    font-size: 17px;
    font-weight: 500;
    color: #262e36;
    border-radius: 5px
}

.o-appointment__flipform input::-webkit-input-placeholder {
    font-family: Poppins;
    font-weight: 500 !important;
    font-size: 17px !important;
    color: #262e36 !important
}

.o-appointment__flipform input:-moz-placeholder {
    font-family: Poppins;
    font-weight: 500 !important;
    font-size: 17px !important;
    color: #262e36 !important
}

.o-appointment__flipform input::-moz-placeholder {
    font-family: Poppins;
    font-weight: 500 !important;
    font-size: 17px !important;
    color: #262e36 !important
}

.o-appointment__flipform input:-ms-input-placeholder {
    font-family: Poppins;
    font-weight: 500 !important;
    font-size: 17px !important;
    color: #262e36 !important
}

.o-appointment__flipform .c-btn {
    border-radius: 5px;
    font-weight: 600;
    float: none !important;
    margin: 15px auto 0 !important;
    max-width: 100% !important
}

.o-appointment__flipform .c-btn:disabled {
    pointer-events: none;
    background-color: #f2b493;
    border-color: #f2b493
}

.ui-datepicker-current a {
    position: relative;
    background-color: rgba(0, 105, 255, .067);
    color: #0060e6;
    font-weight: 700;
    width: 44px;
    height: 100%;
    border-radius: 50%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-datepicker-current a:hover {
    background-color: rgba(0, 105, 255, .149)
}

.ui-datepicker-current a:after {
    content: ".";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: auto;
    font-weight: 700;
    font-size: 25px
}

.ui-datepicker-noneworking a {
    background-color: rgba(0, 105, 255, .067);
    color: #0060e6;
    font-weight: 700;
    width: 44px;
    height: 100%;
    border-radius: 50%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-datepicker-noneworking a:hover {
    background-color: rgba(0, 105, 255, .149)
}

.flip-container {
    -webkit-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    border-radius: 5px;
    border: 1px solid #a3c2d0;
    border-top: 5px solid #3cc065;
    position: relative;
    overflow: hidden
}

.flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.back,
.flip-container,
.front {
    width: 350px;
    height: 430px;
    margin: auto
}

@media screen and (min-width:767px) {

    .back,
    .flip-container,
    .front {
        width: 400px
    }
}

@media screen and (min-width:992px) {

    .back,
    .flip-container,
    .front {
        margin: 0
    }
}

@media screen and (min-width:1025px) {

    .back,
    .flip-container,
    .front {
        width: 517px
    }
}

.flipper {
    -webkit-transition: .6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: .6s;
    -moz-transform-style: preserve-3d;
    -o-transition: .6s;
    -o-transform-style: preserve-3d;
    transition: .6s;
    transform-style: preserve-3d;
    position: relative
}

.back,
.front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 15px
}

.back .back-logo,
.front .back-logo {
    position: relative;
    margin: 0 auto 25px;
    max-width: 428px
}

.back .back-anchore,
.front .back-anchore {
    font-family: Poppins;
    position: relative;
    font-size: 20px;
    line-height: 26px;
    color: #262e36;
    font-weight: 600
}

.back .back-anchore svg,
.front .back-anchore svg {
    position: relative;
    margin-right: 4px;
    margin-top: -2px;
    -webkit-transition: 1s all ease-in-out;
    transition: 1s all ease-in-out
}

.back .back-anchore:hover,
.front .back-anchore:hover {
    color: #ff5800
}

.back .back-anchore:hover svg,
.front .back-anchore:hover svg {
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0)
}

.back .back-anchore:hover svg g,
.front .back-anchore:hover svg g {
    stroke: #ff5800
}

.front {
    z-index: 2
}

.back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: #f5f9fa;
    z-index: 3
}

body.js-mobilebodygray {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative
}

body.js-mobilebodygray .mobile-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(163, 194, 208, .5);
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s
}

body.js-mobilebodygray .flip-container {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff
}

body.js-mobilebodygray .o-appointment {
    position: initial
}

body.js-mobilebodygray .o-appointment__calender {
    position: initial
}

.js-conversation-error {
    text-align: left
}

@media screen and (min-width:1180px) {
    .js-conversation-error {
        position: absolute;
        left: 0;
        bottom: -78px
    }
}

.contact-new {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-contact/mobile-bg.jpg) no-repeat center center/cover;
    overflow: visible;
    padding: 85px 0 0 !important;
    height: 860px
}

@media screen and (min-width:992px) {
    .contact-new {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/new-contact/banner-bg.jpg) no-repeat center center/cover
    }
}

@media screen and (min-width:992px) {
    .contact-new {
        padding: 120px 20px 0 !important;
        height: auto
    }
}

.contact-new .o-contact-us {
    padding-bottom: 0
}

.contact-new .o-contact-us-new h1 {
    font-family: Poppins;
    font-size: 31px !important;
    line-height: 38px !important;
    font-weight: 700;
    position: relative;
    margin-bottom: 30px;
    text-align: center
}

@media screen and (min-width:992px) {
    .contact-new .o-contact-us-new h1 {
        font-size: 40px !important;
        line-height: 46px !important;
        text-align: left;
        padding-bottom: 30px
    }
}

.contact-new .o-contact-us-new h1::before {
    content: '';
    background: #fff;
    position: absolute;
    top: inherit;
    bottom: 0;
    left: 0;
    width: 83px;
    height: 7px;
    display: none
}

@media screen and (min-width:992px) {
    .contact-new .o-contact-us-new h1::before {
        display: block
    }
}

.contact-new .o-contact-us-new h1 span {
    color: #3cc065
}

.contact-new .o-contact-us-new h3 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px
}

.contact-new__banner-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px 0
}

.contact-new__logo-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.contact-new .o-contact-form__contact-form {
    padding: 0 15px 20px !important
}

@media screen and (min-width:992px) {
    .contact-new .o-contact-form__contact-form {
        padding: 20px 40px 40px !important
    }
}

.contact-new .o-contact-form__contact-form input {
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    background-image: none;
    padding: 17px 15px;
    margin-bottom: 20px;
    width: 100%
}

.contact-new .o-contact-form__contact-form input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none
}

.contact-new .o-contact-form__contact-form input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.contact-new .o-contact-form__contact-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.contact-new .o-contact-form__contact-form input#phoneNumber {
    background-image: none
}

.contact-new .o-contact-form__contact-form input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400 !important;
    color: #333 !important
}

.contact-new .o-contact-form__contact-form input::-moz-placeholder {
    font-size: 16px;
    font-weight: 400 !important;
    color: #333 !important
}

.contact-new .o-contact-form__contact-form input:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400 !important;
    color: #333 !important
}

.contact-new .o-contact-form__contact-form input::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400 !important;
    color: #333 !important
}

.contact-new .o-contact-form__contact-form input::placeholder {
    font-size: 16px;
    font-weight: 400 !important;
    color: #333 !important
}

.contact-new .o-contact-form__contact-form textarea {
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    background-image: none;
    padding: 15px;
    width: 100%;
    height: 110px
}

.contact-new .o-contact-form__contact-form textarea::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400 !important;
    color: #333 !important
}

.contact-new .o-contact-form__contact-form textarea::-moz-placeholder {
    font-size: 16px;
    font-weight: 400 !important;
    color: #333 !important
}

.contact-new .o-contact-form__contact-form textarea:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400 !important;
    color: #333 !important
}

.contact-new .o-contact-form__contact-form textarea::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400 !important;
    color: #333 !important
}

.contact-new .o-contact-form__contact-form textarea::placeholder {
    font-size: 16px;
    font-weight: 400 !important;
    color: #333 !important
}

.contact-new .o-contact-form__contact-form .u-message {
    border: 0
}

.contact-new .o-contact-form__contact-form h2 {
    font-family: Poppins;
    font-size: 31px !important;
    font-weight: 600;
    color: #262e36;
    text-align: left !important;
    display: block !important
}

@media screen and (min-width:992px) {
    .contact-new .o-contact-form__contact-form h2 {
        font-size: 51px !important
    }
}

@media screen and (min-width:992px) {
    .contact-new .o-contact-form__contact-form .confidential-text-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.contact-new .o-contact-form__contact-form .u-submit.s-btn-modifier {
    font-family: Poppins;
    max-width: 255px;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 16px 0
}

.contact-new .o-contact-form__contact-form .u-submit.s-btn-modifier:hover {
    background-color: #fff;
    color: #ff5800
}

.contact-new .o-contact-form__contact-form .u-submit.s-btn-modifier:hover svg path {
    fill: #ff5800
}

@media screen and (min-width:992px) {
    .contact-new__col-left {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (min-width:992px) {
    .contact-new__col-right {
        width: 61%
    }
}

.contact-new .o-contact-form__attachement-text {
    font-family: Poppins;
    font-size: 15px;
    color: #333
}

.contact-new .attach {
    background-position: 0 0
}

.contact-new .u-message {
    margin-bottom: 20px
}

.contact-new .u-message span#requirements_feedback {
    right: 40px
}

.contact-new .confidential-text-wrap__inverse ul {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.contact-new .confidential-text-wrap__inverse li {
    font-family: Poppins;
    font-size: 16px;
    color: #333
}

.contact-new .confidential-text-wrap__inverse li:first-child {
    padding-left: 0
}

.contact-new .confidential-text-wrap__inverse li img {
    width: 15px;
    height: 15px
}

.contact-new .o-contact-form {
    overflow: visible
}

.contact-new .o-contact-us-new .cn-form {
    overflow: visible;
    border-radius: 0;
    padding: 20px 0 15px !important;
    position: relative;
    top: -10px;
    border: none
}

@media screen and (min-width:992px) {
    .contact-new .o-contact-us-new .cn-form {
        position: static;
        padding: 20px 0 65px !important;
        border-bottom: 1px solid #ebebeb
    }
}

.contact-new .o-contact-us-new .cn-form:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-contact/same-day-response-badge.svg) no-repeat 0 0;
    top: -44px;
    right: 20px;
    bottom: inherit;
    left: inherit;
    width: 186px;
    height: 170px
}

.contact-new__more {
    font-family: Poppins;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    display: inline-block
}

.contact-new .contact-require-message {
    position: absolute;
    bottom: 0;
    left: 12px
}

.contact-new .u-message .contact-require-message {
    left: 0;
    bottom: -14px
}

.contact-meets {
    position: relative;
    border-bottom: 1px solid #cbcbcb
}

@media screen and (min-width:992px) {
    .contact-meets {
        padding-bottom: 50px
    }
}

.contact-meets:before {
    display: none
}

@media screen and (min-width:992px) {
    .contact-meets:before {
        display: block;
        content: '';
        position: absolute;
        background: #0e003f;
        top: 0;
        right: 0;
        bottom: 0;
        width: 58%;
        height: 100%
    }
}

.contact-meets .excellence-meets__tittle p {
    font-family: Poppins;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #333 !important
}

.contact-meets h3 {
    font-family: Poppins;
    color: #fff;
    font-size: 31px;
    font-weight: 700
}

@media screen and (min-width:992px) {
    .contact-meets h3 {
        font-size: 51px
    }
}

.contact-meets__wrapper {
    position: relative
}

@media screen and (min-width:992px) {
    .contact-meets__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.contact-meets__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    padding-right: 0;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .contact-meets__left {
        padding-right: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

.contact-meets__left:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background: #6385da;
    width: 100%;
    height: 1px
}

@media screen and (min-width:992px) {
    .contact-meets__left:before {
        content: '';
        position: absolute;
        left: inherit;
        right: 0;
        top: 0;
        bottom: inherit;
        background: #6385da;
        width: 1px;
        height: 100%
    }
}

.contact-meets__left-card {
    padding-right: 30px
}

.contact-meets__left-card--gurgaon {
    margin-top: 20px;
    border-top: 1px solid #6385da;
    padding-top: 20px
}

.contact-meets__left-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.contact-meets__left-top span {
    font-family: Poppins;
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    margin-left: 15px;
    display: inline-block
}

.contact-meets__rightbox p {
    margin-bottom: 7px !important
}

@media screen and (min-width:992px) {
    .contact-meets__rightbox {
        padding-left: 50px;
        padding-right: 10px
    }
}

.contact-meets__rightbox:first-child,
.contact-meets__rightbox:nth-child(2) {
    margin-bottom: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #6385da
}

@media screen and (min-width:992px) {

    .contact-meets__rightbox:first-child,
    .contact-meets__rightbox:nth-child(2) {
        margin-bottom: 18px;
        padding-bottom: 20px
    }
}

.contact-meets__right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.contact-meets__right-top span {
    font-family: Poppins;
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    margin-left: 15px;
    display: inline-block
}

.contact-meets .owl-dots {
    padding: 0 0 20px;
    height: 30px;
    margin: 0
}

.contact-meets .contact-location-spacing-new {
    background: #0e003f;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 45px
}

@media screen and (min-width:992px) {
    .contact-meets .contact-location-spacing-new {
        background: 0 0;
        padding-left: 60px;
        padding-top: 45px;
        padding-bottom: 0;
        margin-top: 0
    }
}

.contact-meets .contact-location-spacing-new h3 {
    margin-bottom: 20px;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .contact-meets .contact-location-spacing-new h3 {
        margin-bottom: 35px;
        font-size: 42px;
        line-height: 50px
    }
}

.contact-meets .contact-location-spacing-new p {
    font-family: Poppins;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px
}

.contact-meets .contact-location-spacing-new a {
    font-family: Poppins;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-decoration: underline
}

.contact-meets .contact-location-spacing-new h4 {
    font-family: Poppins;
    color: #fff;
    font-size: 21px
}

.contact-meets .col-lg-5 {
    padding-right: 15px
}

@media screen and (min-width:992px) {
    .contact-meets .col-lg-5 {
        padding-right: 50px;
        padding-top: 30px
    }
}

@media screen and (min-width:1600px) {
    .contact-meets .col-lg-5 {
        padding-right: 65px
    }
}

.contact-meets .excellence-meets__clientlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-count: inherit;
    -moz-column-count: inherit;
    column-count: inherit;
    -webkit-column-gap: inherit;
    -moz-column-gap: inherit;
    column-gap: inherit
}

.contact-meets .excellence-meets__clientitem {
    display: inherit;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 28%;
    flex: 0 0 28%
}

@media screen and (min-width:992px) {
    .contact-meets .excellence-meets__clientitem {
        margin-bottom: 30px;
        margin-right: 13px
    }
}

.team-fortune {
    background: 0 0 !important;
    padding: 40px 0 50px
}

@media screen and (min-width:992px) {
    .team-fortune {
        padding: 60px 0
    }
}

.team-fortune h2 {
    font-family: Poppins;
    font-size: 25px;
    line-height: 38px;
    font-weight: 600;
    color: #262e36;
    text-align: left;
    position: relative;
    text-transform: none !important;
    padding-top: 80px;
    margin-bottom: 50px
}

@media screen and (min-width:992px) {
    .team-fortune h2 {
        font-size: 36px;
        line-height: 50px
    }
}

.team-fortune h2 span {
    position: absolute;
    top: 0;
    left: 0
}

.team-fortune ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

@media screen and (min-width:992px) {
    .team-fortune ul {
        gap: 0
    }
}

.team-fortune ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    position: relative
}

@media screen and (min-width:992px) {
    .team-fortune ul li {
        border-bottom: 1px solid #dbdfe7;
        border-right: 1px solid #dbdfe7;
        padding: 25px 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media screen and (min-width:1140px) {
    .team-fortune ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }
}

@media screen and (min-width:992px) {
    .team-fortune ul li:nth-child(4n+4) {
        border-right: 0
    }
}

@media screen and (min-width:1140px) {
    .team-fortune ul li:nth-child(4n+4) {
        border-right: 1px solid #dbdfe7
    }
}

@media screen and (min-width:1140px) {
    .team-fortune ul li:nth-child(5n+5) {
        border-right: 0
    }
}

.team-fortune ul li:nth-child(6) .ywg__info span {
    font-family: Poppins;
    font-size: 24px;
    line-height: 27px
}

.team-fortune ul li:nth-child(7) .ywg__info span {
    font-family: Poppins;
    font-size: 24px;
    line-height: 27px
}

@media screen and (min-width:1140px) {
    .team-fortune ul li:nth-last-child(-n+4) {
        border-bottom: none
    }
}

@media screen and (min-width:1140px) {
    .team-fortune ul li:nth-last-child(-n+3) {
        border-bottom: none
    }
}

@media screen and (min-width:992px) {
    .team-fortune ul li:nth-last-child(-n+2) {
        border-bottom: none
    }
}

.team-fortune ul li:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 0;
    border-bottom: 0
}

.team-fortune ul li:last-child .ywg__info span {
    font-family: Poppins;
    font-size: 24px;
    line-height: 27px
}

@media screen and (min-width:992px) {
    .team-fortune ul li:before {
        content: '';
        position: absolute;
        bottom: -8px;
        right: -17px;
        background: #fff;
        width: 32px;
        height: 15px;
        z-index: 9
    }
}

.team-fortune ul li i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.team-fortune ul .ywg__info {
    margin-left: 5px
}

@media screen and (min-width:992px) {
    .team-fortune ul .ywg__info {
        margin-left: 15px
    }
}

.team-fortune ul .ywg__info span {
    font-family: Poppins;
    font-weight: 700;
    font-size: 23px;
    line-height: 18px
}

@media screen and (min-width:992px) {
    .team-fortune ul .ywg__info span {
        font-size: 26px
    }
}

.team-fortune ul .ywg__info small {
    font-family: Poppins;
    font-size: 13px;
    line-height: 16px;
    display: block;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .team-fortune ul .ywg__info small {
        font-size: 15px;
        line-height: 18px
    }
}

.team-fortune .owl-dots {
    margin-bottom: 0
}

.team-fortune .owl-dots .owl-dot.active {
    background: #ff5800
}

.team-fortune .owl-stage-outer {
    position: relative
}

.team-fortune .owl-stage-outer::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    background: #dbdfe7;
    height: 100%;
    width: 1px
}

.team-fortune .splide__track::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    background: #dbdfe7;
    height: 100%;
    width: 1px
}

.team-fortune .splide__pagination {
    gap: 0
}

.team-fortune .splide__pagination li {
    display: inline-block;
    padding: 0;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important
}

.team-fortune__asterisktext {
    margin: 0;
    line-height: normal
}

.email-info {
    padding: 315px 0 50px;
    position: relative;
    border-bottom: 1px solid #cbcbcb
}

@media screen and (min-width:992px) {
    .email-info {
        padding: 60px 0
    }
}

.email-info:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e0e0e0;
    height: 1px;
    width: 88%;
    margin: 0 auto;
    display: block
}

@media screen and (min-width:992px) {
    .email-info:before {
        display: none
    }
}

.email-info__wrapper {
    text-align: center
}

@media screen and (min-width:992px) {
    .email-info__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 960px;
        margin: 0 auto;
        text-align: left
    }
}

.email-info__left {
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .email-info__left {
        margin: 0
    }
}

.email-info__left span {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    color: #333
}

.email-info__left a {
    font-family: Poppins;
    display: block;
    font-size: 20px;
    color: #4492dc;
    font-weight: 700;
    text-decoration: underline
}

@media screen and (min-width:992px) {
    .email-info__left a {
        font-size: 25px
    }
}

@media screen and (min-width:992px) {
    .email-info__right {
        padding-left: 180px
    }
}

.email-info__right span {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    color: #333
}

.email-info__right a {
    font-family: Poppins;
    display: block;
    font-size: 20px;
    color: #4492dc;
    font-weight: 700;
    text-decoration: underline
}

@media screen and (min-width:992px) {
    .email-info__right a {
        font-size: 25px
    }
}

.office-inside {
    position: relative;
    margin-top: 20px;
    padding: 0 15px
}

@media screen and (min-width:992px) {
    .office-inside {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 58%;
        margin-top: 0;
        padding: 0
    }
}

.office-inside-images {
    height: 142px
}

.office-inside-images img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.contact-dropdown {
    position: relative;
    margin-bottom: 20px;
    margin-bottom: 20px;
    text-align: left
}

.contact-dropdown.open .dropdown-label {
    background: #f5f5f5
}

.contact-dropdown .dropdown-list {
    padding: 25px 15px;
    background: #f5f5f5;
    position: absolute;
    top: 58px;
    left: 0;
    right: 0;
    border: 1px solid #cfcfcf;
    display: none;
    z-index: 10
}

@media screen and (min-width:992px) {
    .contact-dropdown .dropdown-list {
        padding: 25px 20px 5px
    }
}

.contact-dropdown .checkbox {
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.contact-dropdown .dropdown-label {
    font-family: Poppins;
    display: block;
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    color: #333;
    border: 1px solid #cfcfcf;
    padding: 0 40px 0 20px;
    cursor: pointer;
    position: relative;
    background: #fff;
    border-radius: 3px
}

.contact-dropdown .dropdown-label:before {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-contact/bottom-arrow.svg) no-repeat 0 0;
    width: 15px;
    height: 8px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.contact-dropdown.open .dropdown-list {
    display: block
}

@media screen and (min-width:992px) {
    .contact-dropdown.open .dropdown-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.contact-dropdown.open .checkbox {
    -webkit-transition: 2s opacity 2s;
    transition: 2s opacity 2s;
    opacity: 1
}

.contact-dropdown.open .dropdown-label:before {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.contact-checkbox {
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .contact-checkbox {
        margin-bottom: 17px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        width: 45%
    }
}

@media screen and (min-width:992px) {
    .contact-checkbox:nth-child(odd) {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

.contact-checkbox:last-child {
    margin-bottom: 0
}

.contact-checkbox .checkbox-custom {
    display: none
}

.contact-checkbox .checkbox-custom-label {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer
}

.contact-checkbox .checkbox-custom+.checkbox-custom-label:before {
    content: '';
    background: 0 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    text-align: center;
    width: 16px;
    height: 16px;
    border: 1px solid #b6b2b2;
    border-radius: 3px;
    margin-top: -2px
}

.contact-checkbox .checkbox-custom:checked+.checkbox-custom-label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    height: 12px;
    padding: 2px;
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
    text-align: center;
    border: 1px solid #000;
    border-width: 0 2px 2px 0;
    width: 6px
}

.contact-checkbox .checkbox-custom-label {
    font-family: Poppins;
    line-height: 15px;
    font-size: 15px;
    margin-right: 0;
    margin-left: 0;
    color: #333
}

@media screen and (min-width:992px) {
    .contact-checkbox .checkbox-custom-label {
        font-size: 16px
    }
}

.o-engagement-banner {
    position: relative;
    background-color: #052c58
}

.o-engagement-banner:before {
    position: absolute;
    content: "";
    width: 70%;
    height: 93%;
    background: #060a25;
    background: radial-gradient(circle, rgba(6, 10, 37, .7) 0, rgba(5, 44, 88, 0) 40%);
    border-radius: 50%;
    left: 0;
    top: 0
}

.o-engagement-banner:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/banner-gradient-inverse.png),
    url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/banner-gradient.png);
    background-repeat: no-repeat;
    background-position: 100% 0, 0 0;
    top: 0;
    left: 0;
    right: 0
}

.o-engagement-banner .z-1 {
    z-index: 1
}

.o-engagement-banner .col-55 {
    width: 100%;
    max-width: 100%
}

@media screen and (min-width:992px) {
    .o-engagement-banner .col-55 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 55%
    }
}

.o-engagement-banner .col-45 {
    width: 100%;
    max-width: 100%
}

@media screen and (min-width:992px) {
    .o-engagement-banner .col-45 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45%
    }
}

.o-engagement-banner .col-52 {
    width: 100%;
    max-width: 100%
}

@media screen and (min-width:992px) {
    .o-engagement-banner .col-52 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 52%;
        padding-right: 0
    }
}

.o-engagement-banner .col-48 {
    width: 100%;
    max-width: 100%
}

@media screen and (min-width:992px) {
    .o-engagement-banner .col-48 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 48%;
        padding-left: 0
    }
}

.o-engagement-banner__spacing {
    padding: 110px 0 30px
}

@media screen and (min-width:992px) {
    .o-engagement-banner__spacing {
        padding: 150px 0 40px
    }
}

@media screen and (min-width:992px) {
    .o-engagement-banner__spacing--how-work {
        padding: 150px 0 60px
    }
}

@media screen and (min-width:992px) {
    .o-engagement-banner__spacing--dedicated {
        padding: 150px 0 0
    }
}

.o-engagement-banner__title {
    font-family: Poppins;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-engagement-banner__title {
        font-size: 51px;
        line-height: 60px;
        text-align: left
    }
}

.o-engagement-banner__subtitle {
    font-family: Poppins;
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    color: #3cc065;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-engagement-banner__subtitle {
        font-size: 31px;
        line-height: 64px;
        text-align: left
    }
}

.o-engagement-banner__subtitle--how-we {
    line-height: 40px
}

.o-engagement-banner__subtitle--dedicated {
    margin-bottom: 20px;
    font-weight: 600;
    color: #fff
}

@media screen and (min-width:992px) {
    .o-engagement-banner__subtitle--dedicated {
        font-size: 31px;
        line-height: 38px;
        margin-bottom: 40px
    }
}

.o-engagement-banner__subheading {
    font-family: Poppins;
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 12px
}

@media screen and (min-width:992px) {
    .o-engagement-banner__subheading {
        font-size: 31px;
        line-height: 40px;
        text-align: left
    }
}

.o-engagement-banner__subcontent {
    font-family: Poppins;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-engagement-banner__subcontent {
        font-size: 18px;
        line-height: 26px;
        text-align: left
    }
}

.o-engagement-banner__bannerimage {
    margin: 0 auto 30px;
    display: block
}

@media screen and (min-width:992px) {
    .o-engagement-banner__bannerimage {
        margin: 0 auto
    }
}

.o-engagement-banner__reviewicon {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/banner-left-arrow.svg),
    url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/banner-right-arrow.svg);
    background-repeat: no-repeat;
    background-position: 0 0, 100% 0;
    background-size: auto 100%;
    padding: 30px 25px 20px;
    margin-bottom: 37px
}

.o-engagement-banner__icontitle {
    font-family: Poppins;
    font-size: 17px;
    line-height: 26px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff
}

@media screen and (min-width:992px) {
    .o-engagement-banner__icontitle {
        font-size: 21px;
        line-height: 31px
    }
}

.o-engagement-banner__iconlist {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.o-engagement-banner__iconitem {
    padding: 10px;
    max-width: 50%
}

@media screen and (min-width:992px) {
    .o-engagement-banner__iconitem {
        max-width: 25%
    }
}

.o-engagement-banner__btn {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 15px
}

@media screen and (min-width:992px) {
    .o-engagement-banner__btn {
        max-width: 280px
    }
}

@media screen and (min-width:992px) {
    .o-engagement-banner__btn--autowidth {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        padding: 15px 30px;
        text-transform: capitalize;
        margin-bottom: 80px
    }
}

.o-core-engagement {
    position: relative
}

.o-core-engagement:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 7%;
    left: 0;
    top: 0;
    right: 0;
    background-color: #052c58
}

.o-core-engagement__wrapper {
    position: relative;
    padding: 25px 10px 10px;
    background-color: #fff;
    position: relative;
    width: 100%;
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #b2bac7
}

@media screen and (min-width:992px) {
    .o-core-engagement__wrapper {
        padding: 35px 20px 20px
    }
}

@media screen and (min-width:1180px) {
    .o-core-engagement__wrapper {
        padding: 65px 80px 30px
    }
}

.o-core-engagement__wrapper:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 25%;
    background: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(white), to(#b2bac7));
    background: linear-gradient(0deg, #fff 0, #b2bac7 100%);
    left: 0;
    top: 5px
}

.o-core-engagement__wrapper:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 25%;
    background: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(white), to(#b2bac7));
    background: linear-gradient(0deg, #fff 0, #b2bac7 100%);
    right: 0;
    top: 5px
}

.o-core-engagement__largetitle {
    font-family: Poppins;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    color: #262e36;
    margin-bottom: 20px;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-core-engagement__largetitle {
        font-size: 46px;
        line-height: 60px;
        margin-bottom: 35px
    }
}

.o-core-engagement__smalltitle {
    font-family: Poppins;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    color: #262e36;
    margin-bottom: 20px;
    margin-top: 25px;
    text-align: center
}

@media screen and (min-width:768px) {
    .o-core-engagement__smalltitle {
        margin-top: 60px;
        margin-bottom: 30px
    }
}

@media screen and (min-width:992px) {
    .o-core-engagement__smalltitle {
        font-size: 34px;
        line-height: 48px;
        margin-bottom: 44px;
        margin-top: 100px
    }
}

.o-core-engagement__corewrapper {
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .12);
    width: 100%;
    height: auto;
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .o-core-engagement__corewrapper {
        height: 100%;
        margin-bottom: 0
    }
}

.o-core-engagement__coreheading {
    position: relative;
    padding: 30px 18px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #0e003f;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 5px 5px 0 0
}

@media screen and (min-width:1024px) {
    .o-core-engagement__coreheading {
        padding: 26px 25px 26px
    }
}

.o-core-engagement__coreheading i {
    width: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

@media screen and (min-width:1024px) {
    .o-core-engagement__coreheading i {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.o-core-engagement__popular {
    position: absolute;
    left: 25px;
    top: -15px;
    background: #3cc065;
    font-family: Poppins;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    padding: 0 19px;
    text-transform: uppercase
}

.o-core-engagement__corecontent {
    padding: 16px 30px 30px;
    display: block
}

@media screen and (min-width:768px) {
    .o-core-engagement__corecontent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 87%
    }
}

@media screen and (min-width:1024px) {
    .o-core-engagement__corecontent {
        height: 80%
    }
}

@media screen and (min-width:1180px) {
    .o-core-engagement__corecontent {
        display: block;
        height: auto
    }
}

.o-core-engagement__coretitle {
    font-family: Poppins;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    margin-left: 11px;
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1;
    flex: 0 0 1
}

@media screen and (min-width:992px) {
    .o-core-engagement__coretitle {
        font-size: 31px;
        line-height: 40px;
        margin-left: 20px
    }
}

.o-core-engagement__innertitle {
    font-family: Poppins;
    color: #333;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.o-core-engagement__innertitle i {
    margin-right: 16px
}

.o-core-engagement__innercontent {
    font-family: Poppins;
    color: #333;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    margin-bottom: 25px
}

.o-core-engagement__innercontent:nth-child(6) {
    margin-bottom: 35px
}

.o-core-engagement__innerbtn {
    text-transform: capitalize;
    font-size: 19px;
    max-width: 100%;
    padding: 15px;
    margin-top: auto
}

.o-core-engagement__moreitem {
    margin-bottom: 40px;
    padding-bottom: 40px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #b2bac7), color-stop(0, rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, #b2bac7 40%, rgba(255, 255, 255, 0) 0);
    background-position: bottom;
    background-size: 12px 1px;
    background-repeat: repeat-x;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-core-engagement__moreitem {
        text-align: left
    }
}

.o-core-engagement__moreitem:last-child {
    background-image: none;
    padding: 0
}

.o-core-engagement__itemtitle {
    font-family: Poppins;
    color: #333;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: 20px
}

.o-core-engagement__itemtitle:after {
    position: absolute;
    content: "";
    width: 64px;
    height: 4px;
    background: #3cc065;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

@media screen and (min-width:992px) {
    .o-core-engagement__itemtitle:after {
        right: inherit
    }
}

.o-core-engagement__itemcontent {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 5px
}

.o-core-engagement__btn-gradient {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 2px;
    border-radius: 7px;
    margin: 25px auto 0;
    overflow: hidden;
    cursor: pointer
}

.o-core-engagement__btn-gradient:after {
    content: '';
    position: absolute;
    top: -200px;
    right: 0;
    bottom: 0;
    left: -50px;
    background: #ff5800;
    width: 500px;
    height: 500px;
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.o-core-engagement__btn-gradient:hover:after {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

.o-core-engagement__itembtn {
    position: relative;
    max-width: 100%;
    width: 100%;
    font-size: 15px;
    text-transform: capitalize;
    color: #333;
    padding: 10px 20px;
    background-color: #fff;
    z-index: 1
}

@media screen and (min-width:768px) {
    .o-core-engagement__itembtn {
        font-size: 17px;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        width: auto;
        padding: 10px 30px
    }
}

.o-compare-sheet {
    background-color: #f6f6f6
}

.o-compare-sheet__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-compare-sheet__spacing {
        padding: 60px 0
    }
}

.o-compare-sheet__heading {
    font-family: Poppins;
    font-size: 34px;
    line-height: 42px;
    font-weight: 700;
    color: #262e36;
    margin-bottom: 20px;
    text-align: center;
    text-transform: capitalize
}

@media screen and (min-width:992px) {
    .o-compare-sheet__heading {
        font-size: 51px;
        line-height: 60px;
        margin-bottom: 30px
    }
}

.o-compare-sheet__table {
    position: relative;
    width: 100%;
    margin-bottom: 68px
}

.o-compare-sheet__thead {
    margin-bottom: 20px;
    border: 1px solid #bbc6d4;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1)
}

@media screen and (min-width:768px) {
    .o-compare-sheet__thead {
        margin-bottom: 0;
        border: none;
        border-radius: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.o-compare-sheet__tbody .o-compare-sheet__tr {
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #bbc6d4;
    border-bottom: none;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1)
}

@media screen and (min-width:768px) {
    .o-compare-sheet__tbody {
        -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
        overflow: hidden;
        border-radius: 0 0 10px 10px
    }

    .o-compare-sheet__tbody .o-compare-sheet__tr {
        margin-bottom: 0;
        border-radius: 0;
        overflow: visible;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .o-compare-sheet__tbody .o-compare-sheet__tr:first-child .o-compare-sheet__td:first-child {
        border-radius: 10px 0 0 0
    }

    .o-compare-sheet__tbody .o-compare-sheet__tr:last-child .o-compare-sheet__td:first-child {
        border-radius: 0 0 0 10px;
        overflow: hidden
    }

    .o-compare-sheet__tbody .o-compare-sheet__tr:last-child .o-compare-sheet__td:last-child {
        border-radius: 0 0 10px 0;
        overflow: hidden
    }
}

.o-compare-sheet__tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media screen and (min-width:768px) {
    .o-compare-sheet__tr {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.o-compare-sheet__th {
    font-family: Poppins;
    width: 100%;
    padding: 15px 10px 10px;
    background-color: #f3f4f9;
    font-size: 17px;
    line-height: 25px;
    color: #262e36;
    font-weight: 600;
    border-bottom: 1px solid #bbc6d4;
    text-align: center
}

@media screen and (min-width:768px) {
    .o-compare-sheet__th {
        width: 19.5%;
        border-right: 1px solid #bbc6d4;
        -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
        text-align: center
    }
}

@media screen and (min-width:1180px) {
    .o-compare-sheet__th {
        width: 19%;
        font-size: 21px;
        line-height: 30px;
        padding: 25px 25px 15px
    }
}

.o-compare-sheet__th:first-child {
    width: 100%;
    background-color: transparent;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    padding: 10px;
    border-right: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none;
    text-align: center
}

@media screen and (min-width:768px) {
    .o-compare-sheet__th:first-child {
        width: 22%;
        padding: 10px 10px 0 0;
        text-align: left
    }
}

@media screen and (min-width:1180px) {
    .o-compare-sheet__th:first-child {
        width: 24%;
        font-size: 26px;
        line-height: 38px
    }
}

.o-compare-sheet__th:nth-child(2) {
    border-radius: 10px 0 0 0
}

.o-compare-sheet__th:last-child {
    border-radius: 0 10px 0 0;
    border-right: none;
    border-bottom: none
}

@media screen and (min-width:768px) {
    .o-compare-sheet__th:last-child {
        border-bottom: 1px solid #bbc6d4
    }
}

.o-compare-sheet__th i {
    display: block;
    margin-bottom: 7px
}

.o-compare-sheet__td {
    font-family: Poppins;
    color: #333;
    font-size: 16px;
    line-height: 22px;
    padding: 10px;
    font-weight: 500;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    border-bottom: 1px solid #bbc6d4
}

@media screen and (min-width:768px) {
    .o-compare-sheet__td {
        font-size: 15px;
        width: 19.5%;
        border-right: 1px solid #bbc6d4
    }
}

@media screen and (min-width:1180px) {
    .o-compare-sheet__td {
        font-size: 16px;
        line-height: 27px;
        padding: 25px;
        width: 19%
    }
}

.o-compare-sheet__td:first-child {
    width: 100%;
    background: #0e003f;
    color: #fff;
    font-weight: 600;
    border-bottom: 1px solid #2746a0
}

@media screen and (min-width:768px) {
    .o-compare-sheet__td:first-child {
        width: 22%
    }
}

@media screen and (min-width:1180px) {
    .o-compare-sheet__td:first-child {
        width: 24%
    }
}

.o-compare-sheet__td i {
    margin-right: 7px
}

.o-compare-sheet__moretitle {
    font-family: Poppins;
    color: #333;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 23px
}

.o-compare-sheet__freebtn {
    max-width: 409px;
    width: 100%;
    padding: 15px;
    text-transform: capitalize
}

.o-idea-transform {
    background-color: #052c58;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/how-we-help-you/how-we-help-graphic.png);
    background-repeat: no-repeat;
    background-position: top left
}

.o-idea-transform__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-idea-transform__spacing {
        padding: 60px 0
    }
}

.o-idea-transform__wrapper {
    max-width: 860px;
    width: 100%;
    margin: auto;
    text-align: center
}

.o-idea-transform__heading {
    font-family: Poppins;
    font-size: 34px;
    line-height: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 28px;
    text-align: center;
    text-transform: capitalize
}

@media screen and (min-width:992px) {
    .o-idea-transform__heading {
        font-size: 51px;
        line-height: 60px;
        margin-bottom: 30px
    }
}

.o-idea-transform__heading--black {
    color: #262e36
}

.o-idea-transform__content {
    font-family: Poppins;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 40px;
    text-align: center
}

.o-idea-transform__content--black {
    color: #262e36
}

.o-idea-transform__btnarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:992px) {
    .o-idea-transform__btnarea {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.o-idea-transform__btn {
    text-transform: capitalize;
    font-size: 17px;
    padding: 15px;
    margin: 10px 0;
    width: 100%
}

@media screen and (min-width:768px) {
    .o-idea-transform__btn {
        width: 333px
    }
}

@media screen and (min-width:1180px) {
    .o-idea-transform__btn {
        margin: 0 8px
    }
}

.o-idea-transform__btn--white {
    color: #fff;
    border-color: #fff
}

.o-idea-transform__btn--white:hover {
    background: #fff
}

.o-idea-transform__btn--white:hover svg g {
    fill: #333
}

.o-idea-transform__btn--black {
    border-color: #ff5800
}

.o-idea-transform__btn--black:hover {
    color: #ff5800;
    background: #fff
}

.o-idea-transform__btn--black:hover svg g {
    fill: #ff5800
}

.o-idea-transform--no-background {
    background-color: #f6f6f6;
    background-image: none
}

.new-clean-banner {
    position: relative;
    background: #052c58;
    width: 100%;
    overflow: hidden;
    padding: 120px 0 40px
}

@media (min-width:767px) {
    .new-clean-banner {
        padding: 150px 0 60px
    }
}

.new-clean-banner:before {
    position: absolute;
    content: "";
    width: 410px;
    height: 245px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/two-for-one/banner-top-gradient.png) no-repeat top left;
    background-size: 100%;
    top: 65px;
    left: 0
}

.new-clean-banner__heading {
    font-size: 31px;
    line-height: 41px;
    margin-bottom: 12px;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
    font-family: Poppins !important
}

@media screen and (min-width:992px) {
    .new-clean-banner__heading {
        text-align: left
    }
}

@media (min-width:1024px) {
    .new-clean-banner__heading {
        font-size: 41px;
        line-height: 51px
    }
}

@media (min-width:1200px) {
    .new-clean-banner__heading {
        font-size: 51px;
        line-height: 62px
    }
}

.new-clean-banner__heading-span {
    color: #14df7d
}

.new-clean-banner__subheading {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
    margin-right: 0;
    text-transform: capitalize;
    margin-bottom: 20px;
    text-align: center;
    font-family: Poppins !important
}

@media (min-width:767px) {
    .new-clean-banner__subheading {
        margin-right: 140px;
        margin-bottom: 30px
    }
}

@media screen and (min-width:992px) {
    .new-clean-banner__subheading {
        text-align: left
    }
}

@media (min-width:1200px) {
    .new-clean-banner__subheading {
        font-size: 30px;
        line-height: 40px
    }
}

.new-clean-banner__cta-area {
    display: initial
}

@media (min-width:767px) {
    .new-clean-banner__cta-area {
        gap: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:1024px) {
    .new-clean-banner__cta-area {
        gap: 0
    }
}

.new-clean-banner__bnner-image {
    margin: 0 auto 20px;
    display: block
}

@media (min-width:767px) {
    .new-clean-banner__bnner-image {
        margin: 20px auto 0
    }
}

@media (min-width:1024px) {
    .new-clean-banner__bnner-image {
        margin: 0 auto
    }
}

.highest-rated {
    background-color: #081c36;
    padding: 30px 0 20px
}

@media (min-width:1024px) {
    .highest-rated {
        padding: 40px 0
    }
}

.highest-rated__content-area {
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1024px) {
    .highest-rated__content-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.highest-rated__bracket {
    display: none
}

@media (min-width:1024px) {
    .highest-rated__bracket {
        display: block
    }
}

.highest-rated__heading {
    font-size: 24px;
    color: #fff;
    line-height: 31px;
    font-weight: 700;
    margin-right: 25px;
    margin-bottom: 20px;
    text-align: center;
    font-family: Poppins !important
}

@media (min-width:1024px) {
    .highest-rated__heading {
        margin-bottom: 0;
        text-align: initial
    }
}

.highest-rated__heading-br {
    display: none
}

@media (min-width:1024px) {
    .highest-rated__heading-br {
        display: block
    }
}

.highest-rated__image-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1024px) {
    .highest-rated__image-area {
        gap: 15px;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial
    }
}

.highest-rated__ratings {
    width: auto;
    height: 60px
}

@media (min-width:1024px) {
    .highest-rated__ratings {
        height: 80px
    }
}

.earning-commission {
    padding: 30px 0;
    background-color: #f9f9f9;
    position: relative
}

@media screen and (min-width:992px) {
    .earning-commission {
        padding: 60px 0
    }
}

.earning-commission__heading {
    font-size: 31px;
    line-height: 45px;
    text-align: center;
    margin-bottom: 20px;
    font-family: Poppins !important
}

@media (min-width:767px) {
    .earning-commission__heading {
        font-size: 41px;
        line-height: 55px;
        margin-bottom: 35px
    }
}

@media (min-width:1024px) {
    .earning-commission__heading {
        font-size: 51px;
        line-height: 65px
    }
}

.earning-commission__heading-br {
    display: none
}

@media (min-width:1024px) {
    .earning-commission__heading-br {
        display: block
    }
}

.earning-commission__heading-span {
    color: #476fd4
}

.earning-commission__card-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-top: 20px
}

@media (min-width:767px) {
    .earning-commission__card-list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1024px) {
    .earning-commission__card-list {
        grid-template-columns: repeat(4, 1fr)
    }
}

.commission-card {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    padding: 20px 15px
}

@media screen and (min-width:992px) {
    .commission-card {
        padding: 40px 24px
    }
}

.commission-card__icon-area {
    margin-bottom: 15px
}

.commission-card__icon {
    width: 50px
}

.commission-card__icon--lg {
    width: 50px
}

@media (min-width:767px) {
    .commission-card__icon--lg {
        width: 70px
    }
}

.commission-card__heading {
    font-size: 21px;
    line-height: 28px;
    font-weight: 600;
    font-family: Poppins !important
}

.commission-card__heading-lg {
    font-family: Poppins !important;
    font-size: 21px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 15px
}

@media (min-width:767px) {
    .commission-card__heading-lg {
        font-size: 34px;
        line-height: 31px;
        font-weight: 700
    }
}

.commission-card__description-lg {
    font-family: Poppins !important;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0
}

@media (min-width:992px) {
    .commission-card__description-lg {
        font-size: 25px;
        line-height: 38px;
        margin-bottom: 25px
    }
}

.commission-card__description {
    font-family: Poppins !important;
    font-size: 15px;
    line-height: 24px
}

.commission-card--lg {
    padding: 20px 15px
}

@media screen and (min-width:992px) {
    .commission-card--lg {
        padding: 40px 68px
    }
}

@media (min-width:1024px) {
    .commission-card:hover {
        -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1)
    }
}

.referral-program-top {
    height: 30px
}

@media screen and (min-width:992px) {
    .referral-program-top {
        height: 60px
    }
}

.referral-program {
    background-color: #052c58;
    padding: 40px 35px;
    margin-bottom: 40px
}

@media (min-width:767px) {
    .referral-program {
        padding: 55px 30px
    }
}

@media (min-width:1024px) {
    .referral-program {
        padding: 55px 48px
    }
}

@media (min-width:1200px) {
    .referral-program {
        padding: 75px 68px
    }
}

.referral-program__header {
    color: #fff;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 50px;
    font-family: Poppins !important
}

@media (min-width:767px) {
    .referral-program__header {
        font-size: 34px;
        line-height: 38px;
        font-weight: 700
    }
}

.referral-program__steps-area {
    display: block
}

@media (min-width:767px) {
    .referral-program__steps-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.referral-program__card {
    background-color: #fff;
    padding: 40px 20px 30px;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    margin-bottom: 1px
}

@media (min-width:992px) {
    .referral-program__card {
        margin-bottom: 0;
        padding: 40px 20px 20px
    }

    .referral-program__card:after {
        position: absolute;
        content: "";
        width: 31px;
        height: 108px;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/new-referral/arrow-right.svg) no-repeat top left;
        background-size: 100%;
        top: 25px;
        right: -15px;
        z-index: 1
    }

    .referral-program__card:last-child::after {
        display: none
    }
}

.referral-program__step-count {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #052c58;
    position: absolute;
    top: -25px;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width:992px) {
    .referral-program__step-count {
        left: 42%;
        -webkit-transform: none;
        transform: none
    }
}

.referral-program__circle {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 2px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-weight: 600;
    font-size: 20px
}

.referral-program__card-icon {
    margin-bottom: 10px;
    width: 50px;
    height: 50px
}

.referral-program__subtitle {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    font-family: Poppins !important
}

@media (min-width:767px) {
    .referral-program__subtitle {
        font-size: 20px;
        line-height: 31px
    }
}

.referral-reasons {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .referral-reasons {
        padding: 60px 0
    }
}

.referral-reasons__heading {
    font-size: 31px;
    line-height: 38px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: Poppins !important
}

@media screen and (min-width:992px) {
    .referral-reasons__heading {
        font-size: 41px;
        line-height: 55px;
        margin-bottom: 40px
    }
}

@media (min-width:1024px) {
    .referral-reasons__heading {
        font-size: 51px;
        line-height: 65px
    }
}

.referral-reasons__heading-br {
    display: none
}

@media (min-width:1200px) {
    .referral-reasons__heading-br {
        display: block
    }
}

.referral-reasons__card-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px
}

@media (min-width:767px) {
    .referral-reasons__card-area {
        gap: 30px
    }
}

@media (min-width:1024px) {
    .referral-reasons__card-area {
        gap: 40px
    }
}

.referral-reasons__card {
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    border: 1px solid #898989;
    padding: 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:991px) {
    .referral-reasons__card {
        -ms-flex-preferred-size: 250px;
        flex-basis: 250px;
        min-height: 320px;
        padding: 20px
    }
}

@media (min-width:1024px) {
    .referral-reasons__card {
        -ms-flex-preferred-size: 340px;
        flex-basis: 340px;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 30px
    }
}

.referral-reasons__card-icon {
    width: 50px;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 15px
}

.referral-reasons__card-subtitle {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
    font-family: Poppins !important
}

@media (min-width:991px) {
    .referral-reasons__card-subtitle {
        font-size: 24px;
        line-height: 31px
    }
}

.referral-reasons__card-description {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0
}

.ready-join {
    padding: 30px 0;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-referral/ready-to-join-bg.jpg) no-repeat center center/cover
}

@media screen and (min-width:992px) {
    .ready-join {
        padding: 60px 0
    }
}

.ready-join h2 {
    font-family: Poppins;
    font-size: 30px;
    line-height: 44px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center
}

@media screen and (min-width:992px) {
    .ready-join h2 {
        font-size: 51px;
        line-height: 60px;
        margin-bottom: 30px;
        text-align: left
    }
}

.ready-join p {
    font-family: Poppins;
    color: #fff;
    font-size: 19px;
    line-height: 30px;
    font-weight: 600;
    text-align: center
}

@media screen and (min-width:992px) {
    .ready-join p {
        text-align: left;
        font-size: 25px;
        line-height: 36px
    }
}

.ready-join__btn-wrapper {
    text-align: center
}

@media screen and (min-width:992px) {
    .ready-join__btn-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: inherit
    }
}

.ready-join__btn {
    font-family: Poppins;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ff5800;
    border: 2px solid #ff5800;
    color: #fff;
    padding: 16px 40px;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.ready-join__btn svg {
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    margin-left: 15px
}

.ready-join__btn:hover {
    background: #fff;
    color: #ff5800
}

.ready-join__btn:hover svg {
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.ready-join__btn:hover path {
    fill: #ff5800
}

.ready-join__link {
    font-family: Poppins;
    margin-top: 20px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-decoration: underline;
    display: inline-block
}

.ready-join__link:hover {
    color: #00b54a
}

@media screen and (min-width:992px) {
    .ready-join__link {
        margin-top: 0;
        margin-left: 25px;
        display: inherit
    }
}

.referral-p .nw-client {
    background-color: #f9f9f9;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6
}

.new-faq {
    font-family: Poppins;
    font-size: 51px;
    font-weight: 700;
    color: #262e36;
    background: #ddf0f8;
    padding-bottom: 50px;
    padding-top: 30px !important
}

@media screen and (min-width:992px) {
    .new-faq {
        padding: 60px 0 60px !important
    }
}

.new-faq__wrapper {
    height: 335px;
    overflow: hidden;
    position: relative;
    max-width: 830px;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .new-faq__wrapper {
        height: 275px
    }
}

.new-faq__blur--active {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 50%;
    background: #ddf0f8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(221, 240, 248, 0)), to(#ddf0f8));
    background: linear-gradient(180deg, rgba(221, 240, 248, 0) 0, #ddf0f8 100%);
    z-index: 99
}

@media screen and (min-width:992px) {
    .new-faq__blur--active {
        height: 52%
    }
}

.new-faq__blur--active:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(.1rem);
    backdrop-filter: blur(.1rem)
}

@media screen and (min-width:992px) {
    .new-faq__blur--active-dita {
        height: 65%
    }
}

.new-faq .faq-holder {
    background: 0 0;
    border-bottom: 1px solid #333;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0
}

.new-faq .faq-holder .accordion1 {
    font-family: Poppins;
    font-size: 17px;
    line-height: 25px;
    color: #262e36;
    font-weight: 600;
    background: 0 0;
    padding: 15px 50px 15px 0
}

@media screen and (min-width:992px) {
    .new-faq .faq-holder .accordion1 {
        font-size: 17px;
        line-height: 20px;
        padding: 20px 0
    }
}

.new-faq .faq-holder .accordion1:after {
    font-size: 36px;
    position: absolute;
    right: 2px;
    width: 37px;
    height: 37px;
    line-height: 37px;
    color: #333;
    border: 1px solid #333;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.new-faq .faq-holder .panel1 {
    font-family: Poppins;
    padding: 0;
    background: 0 0;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400
}

.new-faq .faq-holder .panel1 p {
    font-family: Poppins !important;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400
}

.new-faq .faq-holder .panel1 li {
    font-family: Poppins !important;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400
}

.new-faq .click-to-btn {
    text-align: center;
    position: absolute;
    bottom: -60px;
    z-index: 99
}

.new-faq .click-to-btn span {
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
    background: #fff;
    color: #333;
    max-width: 230px;
    display: block;
    border: 2px solid #333;
    border-radius: 5px;
    padding: 15px 0;
    margin: 0 auto;
    cursor: pointer
}

.new-faq .click-to-btn svg {
    position: relative;
    top: -10px
}

.new-faq h2 {
    font-weight: 700
}

.new-faq .subheading {
    font-family: Poppins;
    font-size: 25px;
    line-height: 34px;
    font-weight: 600;
    color: #333;
    display: block;
    max-width: 810px;
    margin: 0 auto 35px;
    text-align: center
}

.mwc-header {
    background-color: #102e6e;
    background-size: 101% 105%;
    max-width: 1146px;
    margin: 0 auto;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    padding: 5px 0;
    border-bottom: 1px solid #1d4c88
}

@media screen and (min-width:992px) {
    .mwc-header {
        top: 15px;
        padding: 0;
        border: 1px solid #1d4c88;
        background: url(../images/mwc-new/banner/header-bg.jpg) no-repeat center center
    }
}

.mwc-header__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:992px) {
    .mwc-header__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.mwc-header__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .mwc-header__logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        display: block;
        padding: 13px 3px 13px 35px;
        margin-bottom: 0
    }
}

.mwc-header__logo::before {
    display: block;
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    background: #385f85;
    height: 1px;
    width: 90%;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .mwc-header__logo::before {
        display: none
    }
}

.mwc-header__logo svg {
    margin: 0 0 0 15px
}

.mwc-header .gsma-logo {
    display: inline-block
}

@media screen and (min-width:992px) {
    .mwc-header .gsma-logo {
        position: relative;
        left: -12px
    }
}

.mwc-header .leap-logo {
    display: inline-block
}

@media screen and (min-width:992px) {
    .mwc-header .leap-logo {
        position: relative;
        margin-left: 12px
    }
}

.mwc-header__information {
    text-align: center;
    margin-top: 10px
}

@media screen and (min-width:992px) {
    .mwc-header__information {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 58px;
        text-align: left;
        margin-top: 0;
        position: relative
    }
}

@media screen and (min-width:992px) {
    .mwc-header__information::before {
        content: "";
        position: absolute;
        left: 3px;
        top: -3px;
        width: 1px;
        height: 72px;
        background: #385f85
    }
}

.mwc-header__information p {
    margin-bottom: 0;
    font-family: Poppins;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .mwc-header__information p {
        font-size: 22px;
        line-height: 33px
    }
}

.mwc-header__information .line1 {
    color: #fff
}

.mwc-header__information .line2 {
    color: #3cc065
}

@media screen and (min-width:992px) {
    .mwc-header__information--leap {
        padding: 13px 0 13px 60px
    }
}

@media screen and (min-width:992px) {
    .mwc-header__information--leap:before {
        top: 13px;
        left: 13px;
        width: 1px;
        height: 84px
    }
}

@media screen and (min-width:992px) {
    .mwc-header__information--leap p {
        font-size: 20px;
        line-height: 28px
    }
}

.mwc-main-banner-wrap {
    background: #061d3a;
    padding-top: 15px
}

@media screen and (min-width:992px) {
    .mwc-main-banner-wrap {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/mwc-new/banner/bg-graphic.jpg) no-repeat center center/cover
    }
}

.mwc-banner {
    padding: 0 0 50px !important;
    position: relative
}

@media screen and (min-width:992px) {
    .mwc-banner {
        padding: 45px 0 80px !important
    }
}

.mwc-banner--leap {
    padding: 50px 0 50px !important
}

@media screen and (min-width:992px) {
    .mwc-banner--leap {
        padding: 45px 0 80px !important
    }
}

.mwc-banner__top {
    margin-top: 30px
}

@media screen and (min-width:992px) {
    .mwc-banner__top {
        margin-top: 0
    }
}

.mwc-banner__left h1 {
    font-family: Poppins;
    font-size: 32px;
    line-height: 42px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .mwc-banner__left h1 {
        font-size: 49px;
        line-height: 60px;
        text-align: left;
        margin-bottom: 15px
    }
}

@media screen and (min-width:1300px) {
    .mwc-banner__left h1 {
        font-size: 51px
    }
}

.mwc-banner__left h3 {
    font-family: Poppins;
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    color: #3cc065;
    text-align: center
}

@media screen and (min-width:992px) {
    .mwc-banner__left h3 {
        font-size: 31px;
        line-height: 47px;
        text-align: left
    }
}

.mwc-banner__left p {
    font-family: Poppins;
    font-size: 18px;
    line-height: 34px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .mwc-banner__left p {
        font-size: 25px;
        line-height: 38px;
        text-align: left;
        padding-right: 115px
    }
}

.mwc-banner__left p.long-text {
    font-weight: 400
}

@media screen and (min-width:992px) {
    .mwc-banner__left p.long-text {
        font-size: 24px;
        line-height: 32px
    }
}

.mwc-banner__left p.long-text strong {
    font-weight: 600
}

.mwc-banner__left p a {
    position: relative;
    display: inline-block;
    color: #fff
}

.mwc-banner__left p a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px
}

.mwc-banner__left p a.bottom-line1:before {
    background: #64b9f4
}

.mwc-banner__left p a.bottom-line2:before {
    background: #e26826
}

.mwc-banner__left p a.bottom-line3:before {
    background: #8ac640
}

.mwc-banner__left p a.bottom-line4:before {
    background: #fbba14
}

.mwc-banner__left p a.bottom-line5:before {
    background: #804b8b
}

.mwc-banner__left p a.bottom-line6:before {
    background: #64b9f4
}

.mwc-banner__left p a.bottom-line7:before {
    background: #e98e5c
}

@media screen and (min-width:992px) {
    .mwc-banner__left--post h1 {
        font-size: 38px;
        line-height: 50px
    }
}

.mwc-banner__left--post p {
    font-weight: 400
}

@media screen and (min-width:992px) {
    .mwc-banner__left--post p {
        font-size: 21px;
        line-height: 32px
    }
}

.mwc-banner__left--post p strong {
    font-weight: 600
}

.mwc-banner__right {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width:992px) {
    .mwc-banner__right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: right
    }
}

.mwc-banner__bracket {
    height: 115px
}

@media screen and (min-width:992px) {
    .mwc-banner__bracket {
        height: 165px
    }
}

.mwc-banner__bracket img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mwc-banner__ratting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .mwc-banner__ratting {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.mwc-banner__animated {
    position: relative;
    width: 150px;
    height: 150px;
    pointer-events: none;
    position: relative;
    top: -15px
}

@media screen and (min-width:992px) {
    .mwc-banner__animated {
        width: 200px;
        height: 200px;
        position: static
    }
}

.mwc-banner__animated img {
    position: relative;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.mwc-banner__animated .animated1 {
    top: 18px;
    left: 12px;
    width: 140px
}

@media screen and (min-width:992px) {
    .mwc-banner__animated .animated1 {
        top: 40px;
        left: 35px
    }
}

.mwc-banner__animated .animated2 {
    top: 22px;
    left: 5px
}

@media screen and (min-width:992px) {
    .mwc-banner__animated .animated2 {
        top: 47px;
        left: 24px
    }
}

.mwc-banner__animated .animated3 {
    top: 15px;
    left: 6px
}

@media screen and (min-width:992px) {
    .mwc-banner__animated .animated3 {
        top: 40px;
        left: 29px
    }
}

.mwc-banner__animated .animated4 {
    top: 32px;
    left: 7px
}

@media screen and (min-width:992px) {
    .mwc-banner__animated .animated4 {
        top: 56px;
        left: 30px
    }
}

.mwc-banner__bottom {
    position: relative;
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .mwc-banner__bottom {
        margin-top: 60px
    }
}

.mwc-banner__bottom h2 {
    font-family: Poppins;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    color: #000;
    font-weight: 700;
    font-size: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center;
    background: #fcc900;
    padding: 5px 0;
    width: 250px;
    z-index: 99;
    line-height: 31px;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .mwc-banner__bottom h2 {
        font-size: 25px;
        width: 300px;
        padding: 11px 0;
        top: -35px;
        left: 0;
        right: inherit;
        margin: 0
    }
}

.mwc-banner__bottom h2::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 39%;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mwc-new/banner/touble-triangle.svg) no-repeat center center;
    width: 45px;
    height: 37px
}

.mwc-banner__gradient {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    padding: 5px
}

.mwc-banner__gradient:before {
    content: "";
    position: absolute;
    top: -307px;
    left: -113px;
    width: 1400px;
    height: 1400px;
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

.mwc-banner__gradient:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%);
    opacity: .5
}

.mwc-banner__offer {
    padding: 30px 20px 20px;
    position: relative;
    background: #061833;
    z-index: 9;
    border-radius: 10px
}

@media screen and (min-width:992px) {
    .mwc-banner__offer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 15px;
        padding: 30px 20px
    }
}

.mwc-banner__offer1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
    background: #12b746;
    background: linear-gradient(142deg, #12b746 0, #009a30 100%);
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .mwc-banner__offer1 {
        margin-bottom: 0
    }
}

.mwc-banner__offer2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #3296f3;
    padding: 10px;
    border-radius: 5px;
    background: linear-gradient(142deg, #3296f3 0, #1f5cd2 100%)
}

.mwc-banner .shine-effect {
    position: relative;
    overflow: hidden
}

.mwc-banner .shine-effect:before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    content: "";
    display: block;
    height: 100%;
    left: -75%;
    position: absolute;
    top: 0;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    width: 50%;
    z-index: 2
}

.mwc-banner .shine-effect:focus:before,
.mwc-banner .shine-effect:hover:before {
    -webkit-animation: shine .85s linear;
    animation: shine .85s linear
}

.mwc-banner__offer-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    height: 90px;
    overflow: hidden;
    border-radius: 4px
}

@media screen and (min-width:992px) {
    .mwc-banner__offer-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 147px;
        flex: 0 0 147px;
        max-width: 147px;
        height: 138px
    }
}

.mwc-banner__offer-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mwc-banner__offer-info {
    margin-left: 10px
}

@media screen and (min-width:992px) {
    .mwc-banner__offer-info {
        margin-left: 25px
    }
}

.mwc-banner__offer-info h3 {
    font-family: Poppins;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 5px
}

@media screen and (min-width:992px) {
    .mwc-banner__offer-info h3 {
        font-size: 31px;
        line-height: 36px;
        font-weight: 700;
        margin-bottom: .5rem
    }
}

.mwc-banner__offer-info span {
    font-family: Poppins;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    display: block;
    width: 90px
}

@media screen and (min-width:992px) {
    .mwc-banner__offer-info span {
        font-size: 16px;
        width: 109px
    }
}

.mwc-banner__offer-info span::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff
}

.mwc-banner .owl-carousel-vertical {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    height: 100%
}

.mwc-banner .owl-carousel-vertical .owl-stage-outer {
    height: 100%
}

.mwc-banner .owl-carousel-vertical .item {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg)
}

.mwc-banner__meeticons {
    position: relative;
    padding: 0 0 20px
}

@media screen and (min-width:570px) {
    .mwc-banner__meeticons {
        padding: 20px 0
    }
}

@media screen and (min-width:768px) {
    .mwc-banner__meeticons {
        padding: 0;
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 40px
    }
}

@media screen and (min-width:1024px) {
    .mwc-banner__meeticons {
        margin-bottom: 0
    }
}

.mwc-banner__meeticons:after {
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    height: 70px;
    background-color: #fff;
    left: 0;
    right: 0;
    top: 5px;
    margin: auto
}

@media screen and (min-width:570px) {
    .mwc-banner__meeticons:after {
        height: 60px;
        top: 20px
    }
}

@media screen and (min-width:770px) {
    .mwc-banner__meeticons:after {
        display: none
    }
}

.mwc-banner__meetsitem {
    position: relative;
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (min-width:770px) {
    .mwc-banner__meetsitem {
        width: 33%;
        padding: 10px
    }
}

@media screen and (min-width:992px) {
    .mwc-banner__meetsitem {
        width: 16.66%;
        padding-bottom: 30px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.mwc-banner__meetsitem:before {
    display: none
}

@media screen and (min-width:770px) {
    .mwc-banner__meetsitem:before {
        display: block;
        position: absolute;
        content: "";
        width: 93%;
        height: 1px;
        background-color: #5b81e1;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }
}

.mwc-banner__meetsitem:after {
    display: none
}

@media screen and (min-width:770px) {
    .mwc-banner__meetsitem:after {
        display: block;
        position: absolute;
        content: "";
        width: 1px;
        height: 85%;
        background-color: #5b81e1;
        top: 49%;
        right: -1px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.mwc-banner__meetsitem:nth-child(3n+3):after {
    display: none
}

@media screen and (min-width:992px) {
    .mwc-banner__meetsitem:nth-child(3n+3):after {
        display: block
    }
}

@media screen and (min-width:992px) {
    .mwc-banner__meetsitem:nth-child(6n+6) {
        padding-left: 10px
    }

    .mwc-banner__meetsitem:nth-child(6n+6):after {
        display: none
    }
}

@media screen and (min-width:992px) {
    .mwc-banner__meetsitem:nth-last-child(-n+6) {
        padding-bottom: 5px
    }

    .mwc-banner__meetsitem:nth-last-child(-n+6):before {
        display: none
    }
}

@media screen and (min-width:992px) {
    .mwc-banner__meetsitem:nth-last-child(-n+5) {
        padding-bottom: 5px
    }

    .mwc-banner__meetsitem:nth-last-child(-n+5):before {
        display: none
    }
}

@media screen and (min-width:992px) {
    .mwc-banner__meetsitem:nth-last-child(-n+4) {
        padding-bottom: 5px
    }

    .mwc-banner__meetsitem:nth-last-child(-n+4):before {
        display: none
    }
}

@media screen and (min-width:770px) {
    .mwc-banner__meetsitem:nth-last-child(-n+3):before {
        display: none
    }
}

@media screen and (min-width:992px) {
    .mwc-banner__meetsitem:nth-last-child(-n+3) {
        padding-bottom: 5px
    }

    .mwc-banner__meetsitem:nth-last-child(-n+3):before {
        display: none
    }
}

@media screen and (min-width:770px) {
    .mwc-banner__meetsitem:nth-last-child(-n+2):before {
        display: none
    }
}

@media screen and (min-width:992px) {
    .mwc-banner__meetsitem:nth-last-child(-n+2) {
        padding-bottom: 5px
    }
}

.mwc-banner__meetsitem img {
    margin-right: 10px
}

@media screen and (min-width:992px) {
    .mwc-banner__meetsitem img {
        margin-right: 0
    }
}

.mwc-banner__listcontent {
    margin-top: 5px;
    margin-left: 0;
    text-align: left
}

@media screen and (min-width:992px) {
    .mwc-banner__listcontent {
        margin-top: 0;
        margin-left: 10px
    }
}

.mwc-banner__contenttittle {
    font-family: Poppins;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    color: #358acb;
    margin: 0
}

@media screen and (min-width:992px) {
    .mwc-banner__contenttittle {
        font-size: 17px;
        line-height: 22px
    }
}

.mwc-banner__contenttext {
    font-family: Poppins;
    color: #fff;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important
}

.mwc-banner__container {
    position: relative
}

@media screen and (min-width:992px) {
    .mwc-banner__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.mwc-banner .highest-rated {
    background: 0 0;
    padding-bottom: 0
}

.mwc-banner .highest-rated__content-area {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:992px) {
    .mwc-banner .highest-rated__content-area {
        max-width: 600px
    }
}

@media screen and (min-width:992px) {
    .mwc-banner .highest-rated__image-area {
        gap: 25px
    }
}

.mwc-banner .highest-rated__ratings {
    height: auto
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

@-webkit-keyframes rotation2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotation2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes horizontal-shaking {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    75% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes horizontal-shaking {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    75% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.shake-animation {
    -webkit-animation: horizontal-shaking .2s;
    animation: horizontal-shaking .2s
}

.trusted {
    padding: 40px 0 50px
}

@media screen and (min-width:992px) {
    .trusted {
        padding: 80px 0
    }
}

.trusted__container {
    position: relative
}

@media screen and (min-width:992px) {
    .trusted__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.trusted h2 {
    font-family: Poppins;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #262e36;
    margin-bottom: 15px;
    text-align: center
}

@media screen and (min-width:992px) {
    .trusted h2 {
        text-align: left;
        font-size: 25px;
        line-height: 29px;
        margin-bottom: 30px
    }
}

.trusted .good-company__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px 20px;
    margin-bottom: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .trusted .good-company__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        gap: 30px 20px;
        min-height: 200px
    }
}

.trusted .good-company__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%
}

@media screen and (min-width:992px) {
    .trusted .good-company__list li {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit
    }
}

.trusted .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.trusted .m-good-company-slider .good-company__list li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 47%
}

@media screen and (min-width:992px) {
    .trusted .m-good-company-slider .good-company__list li {
        height: 120px
    }
}

.trusted .owl-dots .owl-dot {
    background: #e1e1e1
}

.trusted .owl-dots .owl-dot.active {
    background: #ff5800
}

@media screen and (min-width:992px) {
    .trusted__wrapper-top {
        margin-bottom: 25px
    }
}

.trusted__slider-wrapper {
    margin-bottom: 25px
}

.book-an-appointment-toggle {
    position: fixed;
    bottom: 15px;
    background: #4492dc;
    z-index: 9999999;
    width: 50px;
    height: 50px;
    right: 15px;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.book-an-appointment-toggle img {
    width: 30px
}

.book-an-appointment-toggle.close {
    top: 13px;
    bottom: inherit;
    opacity: 1;
    width: 30px;
    height: 30px
}

.book-an-appointment-toggle.close::before {
    content: "✕";
    position: absolute;
    font-size: 16px;
    color: #fff
}

.book-an-appointment-toggle.close img {
    visibility: hidden
}

@media screen and (min-width:992px) {
    .super-sticky {
        position: absolute;
        z-index: 9999;
        padding-top: 15px
    }
}

@media screen and (min-width:992px) {
    .super-sticky.sticky-active {
        position: fixed;
        top: 0
    }
}

.mwc-appointment-form {
    background: 0 0;
    position: relative;
    width: 100%;
    padding: 0;
    -webkit-box-shadow: 1px 10px 9px 10px rgba(0, 0, 0, .05);
    box-shadow: 1px 10px 9px 10px rgba(0, 0, 0, .05);
    z-index: 9999
}

@media screen and (min-width:992px) {
    .mwc-appointment-form {
        display: block;
        right: inherit;
        left: inherit;
        width: 440px
    }
}

.mwc-appointment-form.show {
    display: block;
    height: 100vh;
    background: #fff
}

.mwc-appointment-form .form-panel {
    float: none;
    width: 100%;
    padding: 20px 0;
    background: #fff
}

@media screen and (min-width:992px) {
    .mwc-appointment-form .form-panel {
        padding: 25px
    }
}

.mwc-appointment-form .common-input {
    font-family: Poppins;
    padding: 10px 15px 10px 15px;
    background: 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    font-size: 14px;
    color: #333;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .mwc-appointment-form .common-input {
        padding: 10px 15px 10px 15px
    }
}

.mwc-appointment-form .common-input::-webkit-input-placeholder {
    color: #333 !important;
    font-size: 14px !important
}

.mwc-appointment-form .common-input::-moz-placeholder {
    color: #333 !important;
    font-size: 14px !important
}

.mwc-appointment-form .common-input:-ms-input-placeholder {
    color: #333 !important;
    font-size: 14px !important
}

.mwc-appointment-form .common-input::-ms-input-placeholder {
    color: #333 !important;
    font-size: 14px !important
}

.mwc-appointment-form .common-input::placeholder {
    color: #333 !important;
    font-size: 14px !important
}

.mwc-appointment-form .common-input.u-message {
    height: 85px;
    margin-bottom: 5px !important
}

@media screen and (min-width:992px) {
    .mwc-appointment-form .common-input.u-message {
        height: 75px
    }
}

.mwc-appointment-form .u-submit {
    font-family: Poppins;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    text-transform: uppercase;
    margin: 15px 0 0 0;
    max-width: 100%
}

.mwc-appointment-form .book-slot-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 10px
}

@media screen and (min-width:992px) {
    .mwc-appointment-form .book-slot-wrapper {
        -ms-flex-wrap: inherit;
        flex-wrap: inherit
    }
}

.mwc-appointment-form .book-slot-wrapper .date-slot {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 10px 10px 10px;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .mwc-appointment-form .book-slot-wrapper .date-slot {
        padding: 10px 10px 10px 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 43%;
        flex: 0 0 43%
    }
}

.mwc-appointment-form .book-slot-wrapper .time-slot {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 10px 10px 10px;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .mwc-appointment-form .book-slot-wrapper .time-slot {
        padding: 10px 10px 10px 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%
    }
}

.mwc-appointment-form .book-a-slot-label {
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 1;
    font-size: 0;
    position: absolute
}

.mwc-appointment-form .book-a-slot-heading {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    color: #163996;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .mwc-appointment-form .book-a-slot-heading {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin-bottom: 0
    }
}

.mwc-appointment-form .slot-radio-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    margin-bottom: 20px
}

.mwc-appointment-form .slot-radio {
    height: 42px;
    position: relative;
    margin-top: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mwc-appointment-form .slot-radio input,
.mwc-appointment-form .slot-radio label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mwc-appointment-form .slot-radio input[type=radio] {
    opacity: .011;
    z-index: 100;
    cursor: pointer
}

.mwc-appointment-form .slot-radio input[type=radio]:checked+label {
    border-radius: 4px;
    font-weight: 600;
    border: 1px solid #757575;
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.mwc-appointment-form .slot-radio label {
    cursor: pointer;
    z-index: 90;
    line-height: 1.8em;
    font-family: Poppins;
    font-size: 15px;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #dbdbdb;
    border-radius: 3px
}

.mwc-appointment-form .mwc-appointment-form-top {
    background: #163996;
    padding: 15px 20px 20px 20px;
    position: relative
}

@media screen and (min-width:992px) {
    .mwc-appointment-form .mwc-appointment-form-top {
        padding: 25px 20px 30px
    }
}

.mwc-appointment-form .mwc-appointment-form-top::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mwc-new/trusted/stripe-bg.jpg) repeat-x;
    background-position: 15px 0
}

.mwc-appointment-form .mwc-appointment-form-top h3 {
    font-family: Poppins;
    color: #fff;
    text-align: center;
    font-size: 19px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 0
}

.mwc-appointment-form .mwc-appointment-form-top h3 .light-text {
    font-family: Poppins;
    font-size: 20px
}

.mwc-appointment-form .mwc-appointment-form-top h3 .hall-info {
    font-family: Poppins;
    font-size: 20px;
    color: #53d094;
    position: relative
}

.mwc-appointment-form .mwc-appointment-form-top h3 .hall-info::before {
    content: "";
    position: absolute;
    left: 7px;
    bottom: 0;
    height: 1px;
    width: 96%;
    background: #53d094
}

.common-left-side-wrapper {
    max-width: 100%
}

@media screen and (min-width:992px) {
    .common-left-side-wrapper {
        max-width: 690px
    }
}

.common-bottom-area {
    max-width: 320px;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .common-bottom-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 100%;
        margin: 0
    }
}

.common-bottom-area .common-orange-btn {
    font-family: Poppins;
    border: 2px solid #ff5800;
    border-radius: 5px;
    background: #ff5800;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding: 17px;
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize
}

@media screen and (min-width:992px) {
    .common-bottom-area .common-orange-btn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 340px;
        flex: 0 0 340px;
        max-width: 340px;
        -webkit-transition: .3s all ease-in;
        transition: .3s all ease-in
    }
}

.common-bottom-area .common-orange-btn .common-arrow {
    margin-left: 15px;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in
}

.common-bottom-area .common-orange-btn:hover {
    background: 0 0;
    color: #ff5800
}

.common-bottom-area .common-orange-btn:hover .common-arrow {
    -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0)
}

.common-bottom-area .common-orange-btn:hover path {
    fill: #ff5800
}

.common-bottom-area .email-line {
    font-family: Poppins;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #898989;
    margin-left: 0;
    margin-top: 15px;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width:992px) {
    .common-bottom-area .email-line {
        text-align: left;
        margin-top: 0;
        margin-left: 25px;
        font-size: 18px;
        line-height: 28px;
        display: inline;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }
}

.common-bottom-area .email-line a {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 700;
    color: #4492dc;
    position: relative;
    max-width: 252px;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .common-bottom-area .email-line a {
        max-width: 308px;
        max-width: inherit;
        margin: 0
    }
}

.common-bottom-area .email-line a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #4492dc
}

.fortune-information {
    padding: 50px 0;
    background: #0d2642
}

@media screen and (min-width:992px) {
    .fortune-information {
        padding: 80px 0
    }
}

.fortune-information h2 {
    font-family: Poppins;
    color: #fff;
    font-size: 21px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center
}

@media screen and (min-width:992px) {
    .fortune-information h2 {
        text-align: left;
        padding-right: 50px;
        font-size: 24px;
        line-height: 34px;
        font-weight: 700;
        margin-bottom: 30px
    }
}

.fortune-information h2 span {
    position: relative;
    cursor: pointer
}

.fortune-information h2 span:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff
}

.fortune-information h2 span:nth-child(1):after {
    background: #64b9f4
}

.fortune-information h2 span:nth-child(2):after {
    background: #e26826
}

.fortune-information h2 span:nth-child(3):after {
    background: #8ac640
}

.fortune-information h2 span:nth-child(4):after {
    background: #fbba14
}

.fortune-information h2 span:nth-child(5):after {
    background: #64b9f4
}

.fortune-information h2 span:nth-child(6):after {
    background: #804b8b
}

.fortune-information__meetsarea {
    position: relative;
    max-width: 660px
}

@media screen and (min-width:992px) {
    .fortune-information__meetsarea {
        max-width: 660px;
        margin-bottom: 30px
    }
}

.fortune-information__meetsarea::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 29px;
    margin: 0 auto;
    width: 1px;
    height: 41%;
    background: #5b81e1;
    display: block
}

@media screen and (min-width:992px) {
    .fortune-information__meetsarea::before {
        display: none;
        height: 76%
    }
}

.fortune-information__meetsarea .owl-dots {
    background: #0d2642
}

.fortune-information__meetsarea .owl-dots .owl-dot {
    background: #e1e1e1
}

.fortune-information__meetsarea .owl-dots .owl-dot.active {
    background: #ff5800
}

.fortune-information__meetslist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:992px) {
    .fortune-information__meetslist {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.fortune-information__meetsitem {
    position: relative;
    width: 100%;
    padding: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:992px) {
    .fortune-information__meetsitem {
        width: 33.33%;
        padding-bottom: 30px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-right: 1px solid #5b81e1;
        border-bottom: 1px solid #5b81e1
    }
}

.fortune-information__meetsitem:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #0d2642;
    bottom: -7.5px;
    right: -7.5px;
    z-index: 1
}

.fortune-information__meetsitem:nth-child(2n+2) {
    border-right: none
}

.fortune-information__meetsitem:nth-child(2n+2):after {
    display: none
}

@media screen and (min-width:992px) {
    .fortune-information__meetsitem:nth-child(2n+2):after {
        display: block
    }
}

@media screen and (min-width:992px) {
    .fortune-information__meetsitem:nth-child(2n+2) {
        border-right: 1px solid #5b81e1
    }
}

@media screen and (min-width:992px) {
    .fortune-information__meetsitem:nth-child(3n+3) {
        border-right: none;
        padding-left: 20px
    }

    .fortune-information__meetsitem:nth-child(3n+3):after {
        display: none
    }
}

@media screen and (min-width:992px) {
    .fortune-information__meetsitem:nth-last-child(-n+3) {
        border-bottom: none;
        padding-top: 30px;
        padding-bottom: 10px
    }

    .fortune-information__meetsitem:nth-last-child(-n+3):after {
        display: none
    }
}

.fortune-information__meetsitem:nth-last-child(-n+2) {
    border-bottom: none
}

.fortune-information__meetsitem:nth-child(2n) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fortune-information__meetsitem:nth-child(2n) .excellence-meets__listcontent {
    max-width: 100px
}

.fortune-information__meetsitem:nth-child(5n) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fortune-information__meetsitem:nth-child(5n) .excellence-meets__listcontent {
    margin: 0;
    max-width: 120px
}

.fortune-information__listcontent {
    margin-top: 20px;
    margin-left: 10px;
    max-width: 100%;
    text-align: left
}

@media screen and (min-width:992px) {
    .fortune-information__listcontent {
        margin-top: 0;
        margin-left: 20px;
        max-width: 162px
    }
}

.fortune-information__contenttittle {
    font-family: Poppins;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    margin-top: 5px
}

@media screen and (min-width:992px) {
    .fortune-information__contenttittle {
        font-size: 23px;
        line-height: 25px;
        margin-top: 10px
    }
}

.fortune-information__contenttext {
    font-family: Poppins;
    color: #fff;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    margin: 0
}

@media screen and (min-width:992px) {
    .fortune-information__contenttext {
        font-size: 15px;
        line-height: 18px
    }
}

.fortune-information--new .fortune-information__meetsarea::before {
    top: 15px
}

.fortune-information--new .fortune-information__contenttittle {
    font-size: 18px;
    line-height: 20px;
    color: #358acb
}

@media screen and (min-width:992px) {
    .fortune-information--new .fortune-information__contenttittle {
        font-size: 23px;
        line-height: 25px;
        margin-top: 5px
    }
}

@media screen and (min-width:992px) {
    .fortune-information--new .fortune-information__meetsitem {
        padding-bottom: 20px
    }
}

.fortune-information--new .fortune-information__meetsitem:nth-child(2n) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.fortune-information--new .fortune-information__meetsitem::after {
    display: none
}

@media screen and (min-width:992px) {
    .fortune-information--new .fortune-information__meetsitem::after {
        display: block
    }
}

@media screen and (min-width:992px) {
    .fortune-information--new .fortune-information__meetsitem:nth-last-child(-n+3) {
        padding-top: 20px
    }
}

.fortune-information .common-bottom-area {
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .fortune-information .common-bottom-area {
        margin-top: 0
    }
}

.limited-time {
    padding: 40px 0 50px;
    border-bottom: 1px solid #e6e6e6
}

@media screen and (min-width:992px) {
    .limited-time {
        padding: 100px 0
    }
}

.limited-time__wrapper {
    max-width: 660px
}

.limited-time h2 {
    font-family: Poppins;
    font-size: 32px;
    line-height: 40px;
    color: #262e36;
    margin-bottom: 15px;
    text-align: center
}

@media screen and (min-width:992px) {
    .limited-time h2 {
        font-size: 51px;
        line-height: 40px;
        text-align: left;
        margin-bottom: 60px
    }
}

.limited-time h2 .mwc-offer-black {
    color: #000;
    display: block;
    margin-top: 0
}

@media screen and (min-width:992px) {
    .limited-time h2 .mwc-offer-black {
        display: inline-block;
        margin-top: 0;
        margin-top: 24px
    }
}

.limited-time h2 .top-graphic {
    position: relative
}

.limited-time h2 .top-graphic:after {
    content: "";
    position: absolute;
    top: -9px;
    right: 0;
    left: 0;
    margin: auto;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mwc-new/banner/touble-triangle.svg) no-repeat center center;
    width: 18px;
    height: 18px;
    background-size: 100%
}

@media screen and (min-width:992px) {
    .limited-time h2 .top-graphic:after {
        top: -32px;
        width: 45px;
        height: 37px;
        background-size: inherit
    }
}

.limited-time__card-top {
    height: 1px
}

.limited-time__card {
    position: relative;
    margin-top: 13px;
    margin-bottom: 30px;
    padding: 30px 15px;
    border: 1px solid;
    border-top: 8px solid;
    border-color: #3cc065;
    background: #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05)
}

@media screen and (min-width:992px) {
    .limited-time__card {
        padding: 45px 39px;
        margin-bottom: 43px
    }
}

.limited-time__card h3 {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    left: 15px;
    top: -24px;
    padding: 10px 10px;
    color: #000;
    background: #fcc900;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

@media screen and (min-width:992px) {
    .limited-time__card h3 {
        top: -23px;
        left: 39px;
        font-size: 19px;
        padding: 8px 14px
    }
}

.limited-time__card h3:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 12px 0 0;
    border-color: #fcc900 transparent transparent transparent;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: -12px;
    top: 0
}

.limited-time__card h3:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 0 12px;
    border-color: transparent transparent transparent #fcc900;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: -12px;
    bottom: 0
}

.limited-time__card h4 {
    font-family: Poppins;
    font-size: 21px;
    line-height: 30px;
    color: #262e36;
    margin-bottom: 16px;
    font-weight: 700
}

@media screen and (min-width:992px) {
    .limited-time__card h4 {
        font-size: 31px
    }
}

.limited-time__card ul {
    padding-left: 30px;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .limited-time__card ul {
        margin-bottom: 28px
    }
}

.limited-time__card ul li {
    font-family: Poppins;
    position: relative;
    color: #262e36;
    font-size: 16px;
    line-height: 28px
}

@media screen and (min-width:992px) {
    .limited-time__card ul li {
        font-size: 17px
    }
}

.limited-time__card ul li:before {
    position: absolute;
    content: "";
    left: -30px;
    top: 5px;
    width: 16px;
    height: 16px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mwc-new/icon/green-tick.svg) no-repeat center center;
    background-size: 100% 100%
}

.limited-time__card .btn {
    font-family: Poppins;
    text-transform: capitalize;
    margin: 0;
    border: 2px solid #333;
    font-weight: 600;
    padding: 10px;
    width: 214px;
    font-size: 15px;
    font-weight: 700;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in
}

.limited-time__card .btn .far-arrow {
    margin-left: 15px;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in
}

.limited-time__card .btn:hover {
    background: 0 0;
    color: #ff5800;
    border-color: #ff5800
}

.limited-time__card .btn:hover .far-arrow {
    -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0)
}

.limited-time__card .btn:hover path {
    fill: #ff5800
}

.limited-time__card--blue {
    border-color: #4492dc
}

.limited-time__card--blue ul li:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/mwc-new/icon/blue-tick.svg) no-repeat center center;
    background-size: 100% 100%
}

.limited-time__lets-meet {
    position: relative
}

.limited-time__lets-meet h5 {
    font-family: Poppins;
    font-size: 26px;
    line-height: 36px;
    color: #262e36;
    font-weight: 600;
    text-align: center
}

@media screen and (min-width:992px) {
    .limited-time__lets-meet h5 {
        font-size: 36px;
        text-align: left
    }
}

.limited-time__lets-meet p {
    font-family: Poppins;
    font-size: 20px;
    line-height: 30px;
    color: #262e36;
    font-weight: 500;
    margin-bottom: 18px;
    text-align: center
}

@media screen and (min-width:992px) {
    .limited-time__lets-meet p {
        font-size: 24px;
        line-height: 36px;
        text-align: left
    }
}

.limited-time__lets-meet p span {
    background-color: #7feba1;
    padding: 0 5px;
    border-radius: 10px;
    font-weight: 600;
    display: block;
    max-width: 300px;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .limited-time__lets-meet p span {
        display: inline-block;
        max-width: inherit;
        margin: 0
    }
}

@media screen and (min-width:992px) {
    .limited-time__lets-meet--post h5 {
        font-size: 29px
    }
}

.limited-time__lets-meet--post p {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width:992px) {
    .limited-time__lets-meet--post p {
        font-size: 18px;
        line-height: 30px
    }
}

.limited-time .common-bottom-area .email-line a::before {
    width: 100%
}

.mwc-reviews {
    position: relative;
    background-color: #f3f3f3;
    padding: 30px 0 80px
}

@media screen and (min-width:992px) {
    .mwc-reviews {
        padding: 76px 0 98px
    }
}

.mwc-reviews__star {
    margin-bottom: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mwc-reviews__star li {
    margin-left: 1px;
    margin-right: 1px
}

@media screen and (min-width:992px) {
    .mwc-reviews__star li {
        margin-left: inherit;
        margin-right: 3px
    }
}

.mwc-reviews h2 {
    font-family: Poppins;
    font-size: 26px;
    line-height: 36px;
    color: #262e36;
    padding-bottom: 34px;
    margin-bottom: 22px;
    text-align: left
}

@media screen and (min-width:992px) {
    .mwc-reviews h2 {
        font-size: 42px;
        line-height: 46px;
        margin-bottom: 35px
    }
}

.mwc-reviews h2:after {
    position: absolute;
    content: "";
    width: 83px;
    height: 7px;
    background-color: #498df9;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0
}

@media screen and (min-width:992px) {
    .mwc-reviews h2:after {
        right: inherit
    }
}

@media screen and (min-width:992px) {
    .mwc-reviews__reviewarea {
        padding-bottom: 30px;
        max-width: 660px
    }
}

.mwc-reviews__reviewarea .owl-nav {
    margin-bottom: 0;
    margin-top: 10px;
    width: auto;
    text-align: left
}

@media screen and (min-width:992px) {
    .mwc-reviews__reviewarea .owl-nav {
        float: right;
        margin-bottom: 0;
        margin-top: 40px;
        margin-right: -5px;
        margin-bottom: 15px
    }
}

.mwc-reviews__reviewarea .owl-nav .owl-prev {
    font-size: 30px !important;
    color: #3cc065 !important;
    width: 36px;
    height: 36px;
    border: 1px solid #3cc065 !important;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    font-weight: 300 !important
}

@media screen and (min-width:992px) {
    .mwc-reviews__reviewarea .owl-nav .owl-prev {
        font-size: 45px !important;
        width: 50px;
        height: 50px
    }
}

.mwc-reviews__reviewarea .owl-nav .owl-prev span {
    position: relative;
    top: -1px;
    left: -1px;
    height: 50px;
    line-height: 50px
}

@media screen and (min-width:992px) {
    .mwc-reviews__reviewarea .owl-nav .owl-prev span {
        top: -3px
    }
}

.mwc-reviews__reviewarea .owl-nav .owl-prev:hover {
    color: #fff !important;
    background-color: #3cc065 !important
}

.mwc-reviews__reviewarea .owl-nav .owl-next {
    font-size: 30px !important;
    color: #3cc065 !important;
    width: 36px;
    height: 36px;
    border: 1px solid #3cc065 !important;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    font-weight: 300 !important
}

@media screen and (min-width:992px) {
    .mwc-reviews__reviewarea .owl-nav .owl-next {
        font-size: 45px !important;
        width: 50px;
        height: 50px
    }
}

.mwc-reviews__reviewarea .owl-nav .owl-next span {
    position: relative;
    top: -1px;
    right: -1px;
    height: 50px;
    line-height: 50px
}

@media screen and (min-width:992px) {
    .mwc-reviews__reviewarea .owl-nav .owl-next span {
        top: -3px
    }
}

.mwc-reviews__reviewarea .owl-nav .owl-next:hover {
    color: #fff !important;
    background-color: #3cc065 !important
}

.mwc-reviews__reviewitems {
    max-width: 100%;
    height: 100%;
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 20px 20px 20px 20px;
    margin: 0 0 20px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:992px) {
    .mwc-reviews__reviewitems {
        height: auto;
        max-width: 345px;
        margin: 0 0 30px;
        min-height: 380px;
        padding: 38px 30px 50px 43px
    }
}

.mwc-reviews__reviewitems:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2)
}

.mwc-reviews__quoteimg {
    margin-bottom: 20px
}

.mwc-reviews__quotecontent {
    font-family: Poppins;
    color: #333;
    font-size: 20px;
    line-height: 29px;
    font-weight: 500
}

.mwc-reviews__authorarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .mwc-reviews__authorarea {
        margin-top: auto
    }
}

.mwc-reviews__authorimage {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden
}

.mwc-reviews__authordetails {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 15px
}

.mwc-reviews__authorname {
    font-family: Poppins;
    font-size: 18px;
    line-height: normal;
    color: #333;
    font-weight: 600;
    margin: 0
}

.mwc-reviews__authordesignation {
    font-family: Poppins;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin: 0;
    font-weight: 600
}

.mwc-reviews__authorcompany {
    font-family: Poppins;
    font-size: 14px;
    line-height: 20px;
    color: #898989;
    margin: 0;
    font-weight: 500
}

.mwc-reviews .splide__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    bottom: -80px
}

.mwc-reviews .splide__arrow {
    position: static;
    width: 50px;
    height: 50px;
    background: 0 0;
    border: 1px solid #3cc065;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.mwc-reviews .splide__arrow svg path {
    fill: #3cc065
}

.mwc-reviews .splide__arrow:hover {
    background: #3cc065
}

.mwc-reviews .splide__arrow:hover svg path {
    fill: #fff
}

.mwc-reviews .splide__arrow--prev {
    margin-right: 10px
}

.mwc-footer {
    padding: 50px 0;
    background-color: #04254a;
    font-family: Poppins
}

@media screen and (min-width:992px) {
    .mwc-footer {
        padding: 79px 0 82px
    }
}

.mwc-footer__top {
    padding-bottom: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #244376;
    text-align: left
}

@media screen and (min-width:992px) {
    .mwc-footer__top {
        max-width: 660px
    }
}

.mwc-footer__paragraph {
    font-family: Poppins;
    font-size: 12px;
    line-height: 20px;
    color: #aec7da;
    margin: 20px 0 0
}

@media screen and (min-width:992px) {
    .mwc-footer__paragraph {
        padding-right: 30px
    }
}

.mwc-footer__bottom {
    text-align: left
}

.mwc-footer__bottom p {
    font-family: Poppins;
    color: #fff;
    font-size: 14px;
    line-height: 24px
}

@media screen and (min-width:992px) {
    .mwc-footer__bottom p {
        line-height: 15px
    }
}

.mwc-footer__copyright {
    font-family: Poppins;
    margin-bottom: 15px
}

.datepicker-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #dbdbdb;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker-wrapper input {
    font-family: Poppins;
    border: 0;
    font-weight: 400;
    font-size: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 10px 15px;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb
}

.datepicker-wrapper #prevBtn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    max-width: 40px;
    font-size: 24px
}

.datepicker-wrapper #nextBtn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    max-width: 40px;
    font-size: 24px
}

.mwc-gain {
    margin: 40px 0 0
}

.mwc-gain .btn {
    font-family: Poppins;
    border: 2px solid #ff5800;
    border-radius: 5px;
    background: #ff5800;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    padding: 17px;
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize
}

.mwc-gain .btn .common-arrow {
    margin-left: 15px;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in
}

.mwc-gain .btn:hover .common-arrow {
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0)
}

.mwc-gain p {
    font-family: Poppins;
    position: relative;
    color: #262e36;
    font-size: 17px;
    line-height: 28px;
    margin: 10px 0 20px
}

.custom-day {
    font-weight: 700
}

.mwc-casestudy-wrap {
    width: 100%
}

@media screen and (min-width:992px) {
    .mwc-casestudy-wrap {
        max-width: 660px
    }
}

.mwc-casestudy-wrap .o-testimonial__heading {
    font-family: Poppins;
    font-size: 26px !important;
    line-height: 36px !important;
    color: #262e36;
    padding-bottom: 34px;
    text-align: left;
    font-weight: 800 !important;
    margin: 0 !important
}

@media screen and (min-width:992px) {
    .mwc-casestudy-wrap .o-testimonial__heading {
        font-size: 42px !important;
        line-height: 46px !important;
        margin-bottom: 35px
    }
}

.mwc-casestudy-wrap .o-testimonial__more--splidebtn {
    margin: 20px 0 0 !important;
    position: relative;
    text-decoration: none;
    font-family: Poppins;
    text-transform: capitalize;
    margin: 0;
    border-radius: 5px;
    border: 2px solid #ff5800;
    font-weight: 600;
    padding: 10px;
    width: 250px;
    font-size: 17px;
    font-weight: 600;
    padding: 17px;
    color: #ff5800;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in
}

.mwc-casestudy-wrap .o-testimonial__more--splidebtn:hover {
    text-decoration: none;
    background: #ff5800;
    color: #fff
}

.mwc-casestudy-wrap .o-testimonial__item {
    margin: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mwc-casestudy-wrap .o-testimonial__itemimage {
    height: 200px !important
}

.mwc-casestudy-wrap .o-testimonial__itemtitle {
    font-size: 18px !important;
    line-height: 26px !important
}

.mwc-casestudy-wrap .splide__arrows {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    bottom: -80px;
    width: 100%
}

.mwc-casestudy-wrap .splide__arrow {
    position: static !important;
    width: 50px;
    height: 50px;
    background: 0 0;
    border: 1px solid #3cc065;
    -webkit-transform: none;
    transform: none
}

.mwc-casestudy-wrap .splide__arrow--prev {
    margin-right: 10px
}

.mwc-casestudy-wrap .splide__arrow svg {
    fill: #3cc065
}

.preloader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    z-index: 9999
}

.preloader.hidden {
    display: none
}

@media screen and (min-width:992px) {
    .mwc-banner-digital {
        padding: 45px 0 50px !important
    }
}

@media screen and (min-width:992px) {
    .mwc-banner-digital .mwc-banner__left p {
        padding-right: 50px
    }
}

@media screen and (min-width:992px) {
    .mwc-banner-digital .mwc-banner__left p.long-text {
        padding-right: 40px
    }
}

.o-how-it-work {
    background-color: #f9f9f9
}

.o-how-it-work__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-how-it-work__spacing {
        padding: 60px 0
    }
}

.o-how-it-work__heading {
    text-align: center;
    font-family: Poppins;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: #262e36;
    margin-bottom: 45px
}

@media screen and (min-width:992px) {
    .o-how-it-work__heading {
        font-size: 51px;
        line-height: 53px;
        margin-bottom: 60px
    }
}

.o-how-it-work__list {
    position: relative;
    width: 100%;
    margin-bottom: 60px
}

.o-how-it-work__item {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: inherit;
    margin-bottom: 50px
}

@media screen and (min-width:992px) {
    .o-how-it-work__item {
        margin-bottom: inherit;
        margin-top: -30px
    }
}

.o-how-it-work__item:nth-child(2n+2) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width:992px) {
    .o-how-it-work__item:nth-child(2n+2) .o-how-it-work__itembox:before {
        left: -36px;
        border-color: transparent #bbc6d4 transparent transparent
    }
}

@media screen and (min-width:992px) {
    .o-how-it-work__item:nth-child(2n+2) .o-how-it-work__itembox:after {
        left: -32px;
        border-color: transparent #fff transparent transparent
    }
}

@media screen and (min-width:992px) {
    .o-how-it-work__item:nth-child(2n+2) .o-how-it-work__itemnumber {
        left: inherit;
        right: 35px
    }
}

.o-how-it-work__itembox {
    position: relative;
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #bbc6d4;
    padding: 35px;
    background: #fff;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-how-it-work__itembox {
        text-align: left
    }
}

.o-how-it-work__itembox:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: inherit;
    left: 0;
    right: 0;
    bottom: -36px;
    border-style: solid;
    border-color: #bbc6d4 transparent transparent transparent;
    border-width: 18px;
    margin: auto
}

@media screen and (min-width:992px) {
    .o-how-it-work__itembox:before {
        top: 28px;
        left: 100%;
        right: inherit;
        bottom: inherit;
        border-color: transparent transparent transparent #bbc6d4
    }
}

.o-how-it-work__itembox:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    top: inherit;
    bottom: -32px;
    border-color: #fff transparent transparent transparent;
    border-width: 16px
}

@media screen and (min-width:992px) {
    .o-how-it-work__itembox:after {
        top: 30px;
        left: 100%;
        right: inherit;
        bottom: inherit;
        border-color: transparent transparent transparent #fff
    }
}

@media screen and (min-width:992px) {
    .o-how-it-work__itembox {
        max-width: 510px;
        width: 40%
    }
}

.o-how-it-work__itemnumber {
    position: absolute;
    width: 49px;
    height: 49px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #4492dc;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 600;
    left: 35px;
    top: -25px;
    border: 1px solid #4492dc;
    border-radius: 50%;
    background: #fff;
    z-index: 1
}

.o-how-it-work__itemtitle {
    font-family: Poppins;
    color: #333;
    font-size: 21px;
    line-height: 40px;
    margin-bottom: 14px
}

.o-how-it-work__itemcontent {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 0
}

.o-how-it-work__imagemarker {
    position: absolute;
    width: 84px;
    height: 84px;
    border: 1px solid #7feba1;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    left: 0;
    right: 0;
    top: 10px;
    margin: auto;
    padding: 15px
}

.o-how-it-work__imagemarker:after {
    position: absolute;
    content: "";
    width: 11px;
    height: 48px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/two-for-one/how-it-work-downarrow.svg) no-repeat;
    background-position: center;
    background-size: auto 100%;
    left: 0;
    right: 0;
    bottom: -60px;
    margin: auto
}

.o-how-it-work__itempointitem {
    position: relative;
    padding-left: 30px;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 5px;
    color: #333;
    font-weight: 500;
    text-align: left
}

.o-how-it-work__itempointitem:last-child {
    margin-bottom: 0
}

.o-how-it-work__itempointitem:before {
    position: absolute;
    content: "";
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/two-for-one/how-it-work-list-icon.svg) no-repeat;
    background-position: center;
    background-size: 100% 100%
}

.o-how-it-work__btn {
    width: auto;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    font-size: 19px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 15px 30px
}

.o-tailored {
    background: #fff;
    border-top: 1px solid #e0e0e0
}

.o-tailored--company-profile {
    background: #f9f9f9;
    border-top: none
}

@media screen and (min-width:1200px) {
    .o-tailored--company-profile .container {
        max-width: 1050px
    }
}

.o-tailored__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-tailored__spacing {
        padding: 60px 0
    }
}

.o-tailored__heading {
    text-align: center;
    font-family: Poppins;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: #262e36;
    margin-bottom: 25px;
    position: relative
}

.o-tailored__heading:after {
    position: absolute;
    content: "";
    width: 83px;
    height: 7px;
    left: 0;
    right: 0;
    bottom: -22px;
    margin: auto;
    background-color: #3cc065
}

@media screen and (min-width:992px) {
    .o-tailored__heading--company-profile {
        line-height: 65px !important
    }
}

.o-tailored__heading--company-profile:after {
    display: none
}

@media screen and (min-width:992px) {
    .o-tailored__heading {
        font-size: 51px;
        line-height: 53px;
        margin-bottom: 45px
    }
}

@media screen and (min-width:992px) {
    .o-tailored__heading--company-profile-dita {
        margin-bottom: 20px
    }
}

.o-tailored__subheading {
    text-align: center;
    font-family: Poppins;
    color: #474747;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 35px
}

@media screen and (min-width:992px) {
    .o-tailored__subheading {
        font-size: 25px;
        line-height: 34px
    }
}

.o-tailored__box {
    padding: 25px;
    border: 1px solid #898989;
    height: 100%;
    min-height: auto;
    width: 100%;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-tailored__box {
        min-height: 193px;
        text-align: left;
        padding: 26px 18px 18px 22px
    }
}

@media screen and (min-width:992px) {
    .o-tailored__box--company-profile {
        min-height: 294px;
        padding: 40px 18px 15px 30px
    }
}

.o-tailored__box--company-profile i {
    display: inline-block;
    height: 46px
}

.o-tailored__box--company-profile .o-tailored__boxheading {
    font-size: 21px;
    line-height: 31px;
    margin-bottom: 15px
}

.o-tailored__box--company-profile .o-tailored__boxcontent {
    font-size: 16px;
    line-height: 25px
}

.o-tailored .mb-30 {
    margin-bottom: 30px
}

.o-tailored__boxheading {
    font-family: Poppins;
    color: #333;
    font-size: 20px;
    line-height: 31px;
    margin: 11px 0 7px;
    font-weight: 600
}

.o-tailored__boxcontent {
    font-family: Poppins;
    color: #727272;
    font-size: 14px;
    line-height: 22px;
    margin: 0
}

.o-tailored__bottomtittle {
    font-family: Poppins;
    color: #333;
    font-size: 25px;
    line-height: 40px;
    margin: 18px 0 16px;
    font-weight: 700;
    text-align: center
}

.o-tailored__btn {
    max-width: 100%;
    width: 100%;
    text-transform: capitalize;
    font-size: 19px;
    padding: 15px
}

@media screen and (min-width:992px) {
    .o-tailored__btn {
        max-width: 313px
    }
}

.o-tailored--company-profile-dita {
    border-bottom: 1px solid #e6e6e6;
    background: #fff !important
}

@media screen and (min-width:1280px) {
    .o-tailored--company-profile-dita .container {
        max-width: 1170px
    }
}

.o-tailored--company-profile-dita .o-tailored__box--company-profile {
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 22px 10px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 22px 10px rgba(0, 0, 0, .05)
}

@media screen and (min-width:992px) {
    .o-tailored--company-profile-dita .o-tailored__box--company-profile {
        min-height: 250px
    }
}

.o-tailored--company-profile-dita .o-tailored__box--company-profile i {
    height: 50px
}

.o-tailored--company-profile-dita .o-tailored__boxheading {
    margin-top: 20px;
    margin-bottom: 5px
}

@media screen and (min-width:992px) {
    .o-tailored--company-profile-dita .o-tailored__boxheading {
        font-size: 21px;
        line-height: 25px;
        font-weight: 700
    }
}

.o-tailored--company-profile-dita .o-tailored__boxcontent {
    font-size: 15px;
    line-height: 25px;
    color: #333
}

.o-tailored--company-profile-dita .btn-orange {
    font-size: 16px
}

@media screen and (min-width:992px) {
    .o-tailored--company-profile-dita .btn-orange {
        width: 280px;
        margin-top: 10px
    }
}

.o-tailored__para {
    text-align: center;
    font-family: Poppins;
    color: #333;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .o-tailored__para {
        font-size: 22px;
        line-height: 29px;
        margin-bottom: 40px
    }
}

.o-how-excellence {
    background-color: #0e003f
}

.o-how-excellence__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-how-excellence__spacing {
        padding: 60px 0
    }
}

.o-how-excellence__heading {
    text-align: center;
    font-family: Poppins;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    max-width: 100%;
    margin: 0 auto 45px
}

@media screen and (min-width:992px) {
    .o-how-excellence__heading {
        max-width: 85%
    }
}

.o-how-excellence__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

@media screen and (min-width:992px) {
    .o-how-excellence__list {
        gap: 0
    }
}

.o-how-excellence__item {
    position: relative;
    max-width: 48%;
    width: 48%;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .o-how-excellence__item {
        max-width: 25%;
        width: 25%;
        border-right: 1px solid #5b81e1;
        border-bottom: 1px solid #5b81e1
    }
}

@media screen and (min-width:1140px) {
    .o-how-excellence__item {
        max-width: 16.5%;
        width: 16.5%
    }
}

.o-how-excellence__item:after {
    display: none
}

@media screen and (min-width:992px) {
    .o-how-excellence__item:after {
        display: block;
        position: absolute;
        content: "";
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #0e003f;
        bottom: -7.5px;
        right: -7.5px;
        z-index: 1
    }
}

@media screen and (min-width:992px) {
    .o-how-excellence__item:first-child {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.o-how-excellence__item:nth-child(2n+2) {
    border-right: none
}

@media screen and (min-width:992px) {
    .o-how-excellence__item:nth-child(2n+2) {
        border-right: 1px solid #5b81e1
    }
}

@media screen and (min-width:992px) {
    .o-how-excellence__item:nth-child(4n+4) {
        border-right: none
    }
}

@media screen and (min-width:1140px) {
    .o-how-excellence__item:nth-child(4n+4) {
        border-right: 1px solid #5b81e1
    }
}

@media screen and (min-width:1140px) {
    .o-how-excellence__item:nth-child(6n+6) {
        border-right: none
    }
}

.o-how-excellence__item:last-child {
    border-right: none;
    border-bottom: none
}

.o-how-excellence__item:nth-last-child(-n+2) {
    border-bottom: none
}

@media screen and (min-width:992px) {
    .o-how-excellence__item:nth-last-child(-n+3) {
        border-bottom: none
    }
}

@media screen and (min-width:992px) {
    .o-how-excellence__item:nth-last-child(-n+4) {
        border-bottom: none
    }
}

@media screen and (min-width:1140px) {
    .o-how-excellence__item:nth-last-child(-n+5) {
        border-bottom: none
    }
}

@media screen and (min-width:1140px) {
    .o-how-excellence__item:nth-last-child(-n+6) {
        border-bottom: none
    }
}

.o-how-excellence__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 85%;
    width: 100%
}

@media screen and (min-width:992px) {
    .o-how-excellence__items {
        max-width: 178px
    }
}

.o-how-excellence__items i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 10px
}

@media screen and (min-width:992px) {
    .o-how-excellence__items i {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        margin-right: 9px
    }
}

@media screen and (min-width:1180px) {
    .o-how-excellence__items i {
        margin-left: 10px;
        margin-right: 15px
    }
}

.o-how-excellence .owl-stage-outer:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 1px;
    height: 100%;
    background: #5b81e1
}

.o-how-excellence__itemtitle {
    font-family: Poppins;
    color: #fff;
    font-size: 18px !important;
    line-height: 20px !important;
    font-weight: 700;
    margin: 0
}

@media screen and (min-width:992px) {
    .o-how-excellence__itemtitle {
        font-size: 20px !important;
        line-height: 24px !important
    }
}

.o-how-excellence__itemtitle--f21 {
    font-size: 16px !important
}

@media screen and (min-width:992px) {
    .o-how-excellence__itemtitle--f21 {
        font-size: 20px !important
    }
}

.o-how-excellence__itemsub {
    font-family: Poppins;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .o-how-excellence__itemsub {
        font-size: 14px;
        line-height: 20px
    }
}

.o-how-excellence__asterisktext {
    margin: 5px 0 0;
    color: #fff;
    line-height: normal
}

.banner-technologies {
    padding: 40px 0;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/banner-gradient.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
    background-color: #0d2642
}

.banner-technologies__subtitle {
    font-family: Poppins;
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    color: #3cc065
}

@media (min-width:767px) {
    .banner-technologies__subtitle {
        font-size: 25px;
        line-height: 40px;
        font-weight: 700
    }
}

@media (min-width:1024px) {
    .banner-technologies__subtitle {
        font-size: 31px;
        line-height: 47px
    }
}

.banner-technologies__header-br {
    display: none
}

@media (min-width:1024px) {
    .banner-technologies__header-br {
        display: block
    }
}

@media (min-width:1024px) {
    .banner-technologies {
        padding: 60px 0
    }
}

@media (min-width:1024px) {
    .banner-technologies {
        padding: 80px 0
    }
}

.banner-technologies__heading {
    font-size: 31px;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 25px;
    font-family: Poppins !important
}

@media (min-width:767px) {
    .banner-technologies__heading {
        font-size: 41px;
        line-height: 46px;
        margin-bottom: 30px
    }
}

@media (min-width:1024px) {
    .banner-technologies__heading {
        font-size: 51px;
        line-height: 56px;
        margin-bottom: 40px
    }
}

.banner-technologies__list-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    gap: 5px !important;
    border: 1px solid transparent !important
}

@media (min-width:767px) {
    .banner-technologies__list-items {
        gap: 10px !important
    }
}

.banner-technologies__list-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    white-space: nowrap;
    width: auto;
    padding: 6px 16px;
    color: #fff;
    border: none !important;
    border-radius: 50px;
    font-family: Poppins !important
}

.banner-technologies__list-item:before {
    width: 500px !important;
    height: 500px !important;
    top: -250px !important;
    left: -20% !important;
    right: inherit;
    bottom: inherit
}

@media (min-width:767px) {
    .banner-technologies__list-item {
        padding: 6px 20px
    }
}

@media (min-width:992px) {
    .banner-technologies__list-item {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        width: auto !important
    }
}

@media (min-width:1024px) {
    .banner-technologies__list-item {
        padding: 8px 24px
    }
}

.banner-technologies__list-link {
    color: #fff;
    font-size: 15px !important;
    font-weight: 500 !important
}

@media (min-width:767px) {
    .banner-technologies__list-link {
        font-size: 18px !important;
        font-weight: 500 !important
    }
}

@media (min-width:1024px) {
    .banner-technologies__list-link {
        font-size: 21px !important;
        font-weight: 500 !important
    }
}

.banner-technologies .no-href {
    font-family: Poppins !important;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 5px;
    background: #0d2642;
    border-radius: 30px;
    padding: 5px 15px;
    position: relative;
    z-index: 9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media screen and (min-width:992px) {
    .banner-technologies .no-href {
        font-size: 26px;
        padding: 5px 25px
    }
}

.banner-technologies .no-href svg {
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.banner-technologies .green-blue:hover:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 87, 181, .62)), color-stop(20%, rgba(35, 116, 212, .62)), color-stop(52%, #1ab864), to(#88deb1));
    background: linear-gradient(180deg, rgba(6, 87, 181, .62) 0, rgba(35, 116, 212, .62) 20%, #1ab864 52%, #88deb1 100%)
}

.technologies-tab {
    position: relative;
    overflow: hidden;
    padding: 30px 0
}

@media (min-width:992px) {
    .technologies-tab {
        padding: 60px 0;
        padding-bottom: 0
    }
}

.technologies-tab--accorbtn .o-accordion__tab {
    font-size: 22px !important
}

.technologies-tab__heading {
    font-size: 31px;
    line-height: 45px;
    font-family: Poppins !important;
    color: #000;
    text-align: center
}

@media (min-width:767px) {
    .technologies-tab__heading {
        font-size: 41px;
        line-height: 45px
    }
}

@media (min-width:1024px) {
    .technologies-tab__heading {
        font-size: 51px;
        line-height: 55px
    }
}

@media (min-width:1024px) {
    .technologies-tab__heading-br {
        display: block
    }
}

.technologies-tab__area {
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 30px
}

@media (min-width:770px) {
    .technologies-tab__area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:1024px) {
    .technologies-tab__area {
        display: grid;
        grid-template-columns: 3fr 4fr;
        padding-top: 70px
    }
}

.technologies-tab__area-left {
    width: 100%
}

@media (min-width:770px) {
    .technologies-tab__area-left {
        width: 50%
    }
}

@media (min-width:992px) {
    .technologies-tab__area-left {
        width: auto
    }
}

.technologies-tab__area-right {
    position: relative;
    display: none
}

@media (min-width:770px) {
    .technologies-tab__area-right {
        display: block;
        width: 50%
    }
}

@media (min-width:992px) {
    .technologies-tab__area-right {
        width: auto
    }
}

.o-accordion {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .o-accordion {
        margin-bottom: 80px
    }
}

.o-accordion__header {
    line-height: normal !important
}

.o-accordion__button {
    background-color: transparent !important;
    padding: 0 26px 0;
    background-color: transparent !important;
    padding-left: 20px;
    color: #000 !important;
    font-size: 20px;
    font-weight: 600;
    line-height: auto;
    font-family: Poppins !important;
    text-transform: capitalize;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 10px;
    padding-top: 10px
}

@media (min-width:767px) {
    .o-accordion__button {
        padding-left: 26px;
        font-size: 24px;
        font-weight: 700
    }
}

.o-accordion__button:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.o-accordion__button:after {
    position: absolute;
    left: 0;
    color: #000
}

@media (max-width:767px) {
    .o-accordion__button:after {
        width: 14px;
        height: 14px;
        background-size: 14px
    }
}

.o-accordion__button:not(.collapsed)::after {
    color: #000
}

.o-accordion__item {
    border: none
}

.o-accordion__body {
    padding: 0 5px 0;
    margin-top: 10px
}

@media (min-width:767px) {
    .o-accordion__body {
        padding: 0 28px 0
    }
}

.o-accordion__tab-icon {
    opacity: 0;
    margin-right: 10px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

@media (max-width:767px) {
    .o-accordion__tab-icon {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 20px;
        margin-right: 0
    }
}

.o-accordion__tab {
    text-align: left;
    text-transform: inherit;
    font-size: 16px;
    line-height: 35px;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

@media (min-width:767px) {
    .o-accordion__tab {
        font-size: 19px;
        line-height: 45px
    }
}

.o-accordion__tab:hover {
    border-bottom: 1px solid #4492dc;
    color: #4492dc
}

.o-accordion__tab:hover .o-accordion__tab-icon {
    opacity: 1;
    margin-right: 0
}

.o-accordion__btn {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 15px 30px;
    margin: 10px auto 0;
    text-transform: capitalize;
    width: 100%
}

@media (min-width:767px) {
    .o-accordion__btn {
        padding: 15px 30px;
        margin: 50px 0 0
    }
}

.o-accordion__nav {
    width: 100%;
    padding-left: 14px
}

.o-accordion__nav .active {
    border-bottom: 1px solid #4492dc;
    color: #4492dc
}

.o-accordion__nav .active .o-accordion__tab-icon {
    opacity: 1;
    margin-right: 0
}

.o-accordion__content-background {
    display: none;
    position: absolute;
    background: #f9f9f9;
    width: 200%;
    height: 100%;
    padding: 40px
}

@media (min-width:767px) {
    .o-accordion__content-background {
        display: block
    }
}

.o-accordion__content {
    background: #f9f9f9;
    padding: 30px 15px;
    z-index: 1;
    position: relative
}

@media (min-width:991px) {
    .o-accordion__content {
        padding: 40px 25px
    }
}

@media (min-width:1024px) {
    .o-accordion__content {
        padding: 40px 35px
    }
}

@media (min-width:1200px) {
    .o-accordion__content {
        padding: 40px 0 55px 55px
    }
}

.o-accordion__content-title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    font-family: Poppins !important;
    margin-bottom: 10px;
    padding-top: 15px;
    color: #333
}

@media (min-width:767px) {
    .o-accordion__content-title {
        margin-bottom: 15px;
        margin-top: 0;
        font-size: 26px;
        line-height: 32px
    }
}

@media (min-width:1024px) {
    .o-accordion__content-title {
        font-size: 36px;
        line-height: 42px
    }
}

.o-accordion__content-description {
    font-size: 14px;
    line-height: 25px;
    color: #333;
    font-family: Poppins !important;
    margin-bottom: 15px !important
}

@media (min-width:767px) {
    .o-accordion__content-description {
        font-size: 16px;
        line-height: 27px
    }
}

.o-accordion__pool-section {
    padding: 0
}

@media (max-width:767px) {
    .o-accordion__pool-section {
        padding-top: 0 !important;
        border: none !important
    }
}

@media (min-width:992px) {
    .o-accordion__pool-section {
        padding: 0 !important
    }
}

.o-accordion__pool-box {
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important;
    gap: 0 10px
}

@media (max-width:767px) {
    .o-accordion__pool-box {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 0
    }
}

.o-accordion__pool-box-list:before {
    width: 600px !important;
    height: 600px !important;
    top: -300px !important;
    left: -30% !important
}

@media (max-width:767px) {
    .o-accordion__pool-box-list {
        height: 65px !important
    }
}

@media (max-width:767px) {
    .o-accordion__pool-box-list a small {
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        text-align: left;
        margin-left: 10px !important
    }
}

.o-accordion .accordion-collapse {
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.o-accordion .collapse.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.o-accordion .show.collapsing {
    height: auto;
    overflow: hidden;
    -webkit-transition: height 0s ease;
    transition: height 0s ease
}

.accordion-button {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.hidden {
    display: none
}

.hidden-tab {
    display: none
}

.technology-faq__subtitle {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    margin-top: -15px
}

@media (min-width:767px) {
    .technology-faq__subtitle {
        font-size: 20px;
        line-height: 30px
    }
}

@media (min-width:1024px) {
    .technology-faq__subtitle {
        font-size: 25px;
        line-height: 34px
    }
}

.technology-faq__subtitle-br {
    display: none
}

@media (min-width:1024px) {
    .technology-faq__subtitle-br {
        display: block
    }
}

.augmentation-banner {
    padding: 40px 0;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/agile-pod-banner.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
    background-size: cover;
    background-color: #070550
}

@media (min-width:992px) {
    .augmentation-banner {
        padding: 80px 0
    }
}

.augmentation-banner--fixedcost {
    background: #070550 url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/agile-fixed-cost-banner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media (min-width:992px) {
    .augmentation-banner--fixedcost {
        padding: 60px 0
    }
}

.augmentation-banner--stuff-augmentation {
    background: #070550 url<?php bloginfo('template_directory');
    ?>/assets/images/staff-augmentation/banner-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media (min-width:992px) {
    .augmentation-banner--stuff-augmentation {
        padding: 110px 0
    }
}

.augmentation-banner--stuff-augmentation .augmentation-banner__heading {
    color: #3cc065
}

.augmentation-banner--stuff-augmentation .augmentation-banner__btn {
    background: #ff5800
}

.augmentation-banner--stuff-augmentation .augmentation-banner__btn:hover {
    background: 0 0
}

@media screen and (min-width:992px) {
    .augmentation-banner--stuff-augmentation .augmentation-banner__bannertitle {
        font-size: 28px;
        line-height: 40px;
        font-weight: 500
    }
}

.augmentation-banner__heading {
    font-family: Poppins;
    color: #20dea5;
    font-size: 17px;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    margin: 0
}

@media (min-width:767px) {
    .augmentation-banner__heading {
        text-align: left;
        font-size: 21px
    }
}

.augmentation-banner__subheading {
    font-family: Poppins;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin: 12px 0 18px
}

@media (min-width:767px) {
    .augmentation-banner__subheading {
        text-align: left;
        font-size: 50px;
        line-height: 60px
    }
}

.augmentation-banner__bannertitle {
    font-family: Poppins;
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 15px;
    color: #fff
}

@media (min-width:767px) {
    .augmentation-banner__bannertitle {
        text-align: left;
        font-size: 21px;
        line-height: 26px
    }
}

.augmentation-banner__bannercontent {
    font-family: Poppins;
    font-size: 17px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    margin: 0
}

@media (min-width:767px) {
    .augmentation-banner__bannercontent {
        text-align: left;
        font-size: 18px
    }
}

.augmentation-banner__btn {
    border: 2px solid #ff5800;
    margin: 20px auto 0;
    font-family: Poppins;
    color: #fff;
    max-width: 100%;
    font-size: 17px;
    font-weight: 600;
    text-transform: inherit;
    padding: 17.5px;
    width: 100%
}

@media (min-width:767px) {
    .augmentation-banner__btn {
        width: 340px
    }
}

.augmentation-banner__btn svg {
    margin-left: 3px
}

.augmentation-banner__btn:hover {
    background-color: #ff5800;
    color: #fff
}

@media (min-width:767px) {
    .augmentation-banner__btn {
        max-width: 340px;
        margin: 35px 0 0
    }
}

.development-company {
    background-color: #f9f9f9;
    padding: 35px 0
}

.development-company__content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:767px) {
    .development-company__content {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.development-company__content svg {
    display: none
}

@media (min-width:992px) {
    .development-company__content svg {
        display: block
    }
}

.development-company__title {
    font-family: Poppins;
    font-size: 21px;
    font-weight: 500;
    line-height: 32px;
    color: #333;
    margin: 0 0 15px;
    width: 100%;
    text-align: center
}

@media (min-width:992px) {
    .development-company__title {
        width: 90%;
        text-align: left;
        margin: 0
    }
}

.development-company__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:1024px) {
    .development-company__list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.development-company__list li {
    width: 47%
}

@media (min-width:767px) {
    .development-company__list li {
        width: auto
    }
}

.what-are {
    border-top: 1px solid #dddada;
    border-bottom: 1px solid #dddada;
    padding: 40px 0
}

@media (min-width:992px) {
    .what-are {
        padding: 80px 0
    }
}

.what-are__title {
    font-family: Poppins;
    color: #262e36;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    margin: 0 0 20px;
    font-weight: 500
}

@media (min-width:767px) {
    .what-are__title {
        text-align: left;
        margin: 0;
        font-size: 50px;
        line-height: 60px
    }
}

.what-are__content {
    font-family: Poppins;
    color: #262e36;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin: 0
}

@media (min-width:767px) {
    .what-are__content {
        text-align: left;
        font-size: 21px;
        line-height: 35px
    }
}

.why-choose {
    background-color: #f9f9f9;
    padding: 40px 0;
    border-bottom: 1px solid #dddada
}

@media (min-width:992px) {
    .why-choose {
        padding: 80px 0
    }
}

.why-choose--fixed-cost .why-choose__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.why-choose--fixed-cost .why-choose__item {
    width: 100%;
    border: 1px solid #d0e3f5;
    background-color: #fff
}

.why-choose--fixed-cost .why-choose__item:before {
    display: none
}

@media (min-width:767px) {
    .why-choose--fixed-cost .why-choose__item {
        max-width: 370px;
        height: 300px
    }
}

.why-choose--fixed-cost .why-choose__btn {
    text-transform: inherit;
    width: 100%;
    max-width: 100%;
    margin: 30px auto 0
}

@media (min-width:767px) {
    .why-choose--fixed-cost .why-choose__btn {
        max-width: 310px
    }
}

.why-choose__heading {
    font-family: Poppins;
    color: #262e36;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 35px;
    font-weight: 600;
    text-align: center
}

@media (min-width:767px) {
    .why-choose__heading {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 50px
    }
}

.why-choose__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 18px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:992px) {
    .why-choose__list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.why-choose__item {
    position: relative;
    cursor: default;
    overflow: hidden;
    padding: 2px 1.4px 1px;
    border: 0;
    max-width: 415px;
    width: 100%;
    height: auto
}

@media (min-width:992px) {
    .why-choose__item {
        height: 377px
    }
}

.why-choose__item:before {
    content: '';
    position: absolute;
    top: -120px;
    right: 0;
    bottom: 0;
    left: -120px;
    background: #898989;
    width: 600px;
    height: 600px;
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.why-choose__item:hover:before {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

.why-choose__items {
    position: relative;
    background-color: #f9f9f9;
    width: 100%;
    height: 100%;
    display: block;
    padding: 30px 28px
}

.why-choose__items--stuff-aug {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:992px) {
    .why-choose__items--stuff-aug {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 45px 30px
    }
}

.why-choose__itemscontent {
    padding-top: 20px
}

@media (min-width:992px) {
    .why-choose__itemscontent {
        padding-top: 0;
        padding-left: 40px
    }
}

@media (min-width:1200px) {
    .why-choose__itemscontent {
        padding-right: 40px
    }
}

.why-choose__title {
    font-family: Poppins;
    font-size: 20px;
    line-height: 24px;
    margin: 20px 0 15px;
    font-weight: 600;
    color: #262e36
}

@media (min-width:992px) {
    .why-choose__title {
        font-size: 24px;
        line-height: 27px;
        margin: 30px 0 20px
    }
}

.why-choose__title--stuff-aug {
    margin: 0 0 10px
}

@media (min-width:992px) {
    .why-choose__title--stuff-aug {
        margin: 0 0 5px
    }
}

.why-choose__content {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    margin: 0;
    color: #262e36
}

.sample-pods {
    padding: 40px 0;
    background-color: #fff
}

@media (min-width:992px) {
    .sample-pods {
        padding: 80px 0
    }
}

.sample-pods__heading {
    font-family: Poppins;
    color: #262e36;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
    font-weight: 500;
    text-align: center
}

@media (min-width:992px) {
    .sample-pods__heading {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 50px
    }
}

.sample-pods__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1167px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sample-pods__item {
    width: 100%;
    height: auto;
    border: 1px solid #d7d6d6;
    margin-bottom: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:767px) {
    .sample-pods__item {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:992px) {
    .sample-pods__item {
        height: 328px;
        margin-bottom: 45px
    }
}

.sample-pods__item:last-child {
    margin-bottom: 0
}

.sample-pods__itemimage {
    max-width: 359px;
    width: 100%;
    height: 100%
}

.sample-pods__itemimage img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.sample-pods__itemcontent {
    width: auto;
    padding: 25px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:992px) {
    .sample-pods__itemcontent {
        padding: 50px
    }
}

.sample-pods__itemtitle {
    font-family: Poppins;
    font-size: 20px;
    color: #0c2848;
    margin: 0 0 10px;
    font-weight: 600
}

@media (min-width:992px) {
    .sample-pods__itemtitle {
        font-size: 30px
    }
}

.sample-pods__itemparagraph {
    font-family: Poppins;
    font-size: 20px;
    line-height: 27px;
    margin: 0 0 20px;
    color: #0c2848
}

.sample-pods__ulheading {
    font-family: Poppins;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    font-weight: 600;
    margin: 0 0 10px
}

.sample-pods__ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sample-pods__li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.sample-pods__li span {
    font-family: Poppins;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    padding: 8px 19px 6px;
    border-radius: 20px;
    border: 1px solid;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    cursor: default
}

.sample-pods__li span.blue {
    border-color: #0a9def
}

.sample-pods__li span.blue:hover {
    background-color: #0a9def;
    color: #fff
}

.sample-pods__li span.green {
    border-color: #20dea5
}

.sample-pods__li span.green:hover {
    background-color: #20dea5;
    color: #fff
}

.sample-pods__li span.yellow {
    border-color: #ffc327
}

.sample-pods__li span.yellow:hover {
    background-color: #ffc327;
    color: #fff
}

.sample-pods__li span.bergendy {
    border-color: #a66bd4
}

.sample-pods__li span.bergendy:hover {
    background-color: #a66bd4;
    color: #fff
}

.sample-pods__li span.deepgreen {
    border-color: #4fa941
}

.sample-pods__li span.deepgreen:hover {
    background-color: #4fa941;
    color: #fff
}

.sample-pods__btn {
    text-transform: inherit;
    max-width: 100%;
    font-size: 17px;
    padding: 17px;
    width: 100%;
    margin: 45px auto 0
}

@media (min-width:767px) {
    .sample-pods__btn {
        max-width: 340px
    }
}

.pods-billing {
    padding: 40px 0;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/agile-prods/billing-background.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
    background-size: cover;
    background-color: #052c58
}

@media (min-width:992px) {
    .pods-billing {
        padding: 80px 0
    }
}

.pods-billing--fixed-cost .pods-billing__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:992px) {
    .pods-billing--fixed-cost .pods-billing__item {
        min-height: 660px
    }
}

.pods-billing--staff-augmentation .pods-billing__sub-heading {
    font-family: Poppins;
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 60px
}

.pods-billing--staff-augmentation .pods-billing__big-card {
    background-color: #fff;
    padding: 25px;
    border-radius: 20px;
    margin-bottom: 70px
}

@media (min-width:1024px) {
    .pods-billing--staff-augmentation .pods-billing__big-card {
        padding: 50px
    }
}

.pods-billing__heading {
    font-family: Poppins;
    color: #fff;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    text-align: center;
    margin: 0 0 25px
}

@media (min-width:992px) {
    .pods-billing__heading {
        font-size: 50px;
        line-height: 60px;
        margin: 0 0 40px
    }
}

.pods-billing__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pods-billing__item {
    position: relative;
    max-width: 100%;
    width: 100%;
    padding: 25px 15px;
    border-bottom: 8px solid;
    background-color: #fff;
    text-align: center;
    margin: 0 0 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:767px) {
    .pods-billing__item {
        max-width: 494px
    }
}

@media (min-width:992px) {
    .pods-billing__item {
        margin: 0 15px;
        min-height: 732px;
        padding: 40px 30px
    }
}

@media (min-width:1100px) {
    .pods-billing__item {
        margin: 0 30px
    }
}

.pods-billing__item--blue {
    border-color: #5250a7
}

.pods-billing__item--blue .pods-billing__listheading {
    color: #0e003f
}

.pods-billing__item--blue .pods-billing__itemworks {
    border-color: #0a9def
}

.pods-billing__item--blue .pods-billing__itemworks h5 {
    background-color: #0e003f
}

.pods-billing__item--green {
    border-color: #0eb885
}

.pods-billing__item--green .pods-billing__listheading {
    color: #0eb885
}

.pods-billing__item--green .pods-billing__itemworks {
    border-color: #0eb885
}

.pods-billing__item--green .pods-billing__itemworks h5 {
    background-color: #0eb885
}

.pods-billing__listheading {
    font-family: Poppins;
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    margin: 0 0 20px
}

@media (min-width:992px) {
    .pods-billing__listheading {
        font-size: 36px;
        line-height: 42px;
        margin: 0 0 30px
    }
}

.pods-billing__itemworks {
    position: relative;
    width: 100%;
    border-radius: 6px;
    border: 1px solid;
    padding: 20px 15px 15px;
    text-align: center;
    margin-bottom: 25px
}

@media (min-width:992px) {
    .pods-billing__itemworks {
        padding: 25px 23px 20px;
        margin-bottom: 35px
    }
}

.pods-billing__itemworks h5 {
    font-family: Poppins;
    font-size: 14px;
    background-color: #ccc;
    color: #fff;
    padding: 3px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    margin: auto;
    width: 139px
}

.pods-billing__itemworks p {
    font-family: Poppins;
    font-size: 16px;
    line-height: 22px;
    color: #0c2848;
    margin: 0 !important
}

.pods-billing__listbartitle {
    position: relative;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    color: #0c2848;
    margin-bottom: 18px
}

.pods-billing__listbartitle::after {
    position: absolute;
    content: "";
    width: 49px;
    height: 3px;
    border-radius: 4px;
    background-color: #0c2848;
    left: 0;
    right: 0;
    bottom: -8px;
    margin: auto
}

.pods-billing p {
    font-family: Poppins;
    color: #0c2848;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px
}

.pods-billing__listitle {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    color: #0c2848;
    margin: 0 0 7px !important
}

.pods-billing__btn {
    text-transform: inherit;
    max-width: 100%;
    width: 100%;
    margin-top: auto;
    font-size: 17px;
    padding: 17px
}

.pods-billing__btn svg {
    margin-left: 5px
}

.pods-billing__big-card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pods-billing__big-card-item {
    width: 100%;
    padding: 25px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px dashed #d9d9d9
}

@media (min-width:1024px) {
    .pods-billing__big-card-item {
        width: 50%;
        border-right: 1px dashed #d9d9d9;
        min-height: 250px;
        padding-right: 70px
    }
}

.pods-billing__big-card-item:nth-child(1) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.pods-billing__big-card-item:nth-child(2) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.pods-billing__big-card-item:nth-child(5) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (min-width:1024px) {
    .pods-billing__big-card-item:nth-child(5) {
        padding-top: 70px;
        border-bottom: 0
    }
}

.pods-billing__big-card-item:nth-child(6) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 0;
    border-bottom: 0
}

@media (min-width:1024px) {
    .pods-billing__big-card-item:nth-child(6) {
        padding-top: 70px
    }
}

.pods-billing__big-card-item:nth-child(2n+2) {
    padding-left: 0;
    border-right: 0
}

@media (min-width:1024px) {
    .pods-billing__big-card-item:nth-child(2n+2) {
        padding-left: 50px
    }
}

.pods-billing__big-card-item li {
    font-family: Poppins;
    font-size: 16px;
    line-height: 22px;
    color: #262e36;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pods-billing__big-card-item li svg {
    margin-right: 12px;
    margin-top: 6px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18px;
    flex: 0 0 18px
}

.pods-billing__big-card-item-top {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.pods-billing__big-card-item-top i {
    margin-right: 12px
}

.pods-billing__big-card-item-top h3 {
    font-family: Poppins;
    color: #0c2848;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600
}

.pods-billing__ready-bottom-text {
    font-family: Poppins;
    font-size: 35px;
    line-height: 46px;
    color: #fff;
    margin-left: 14px;
    text-align: center;
    font-weight: 600
}

.pods-billing__ready-bottom-sub-text {
    font-family: Poppins;
    font-size: 24px;
    line-height: 33px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    margin-bottom: 35px
}

.pods-billing__ready-bottom-ul {
    max-width: 562px;
    margin: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pods-billing__ready-bottom-ul li {
    font-family: Poppins;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin: 5px 0;
    width: 100%
}

@media (min-width:992px) {
    .pods-billing__ready-bottom-ul li {
        width: 50%
    }
}

.compare-agile {
    padding: 40px 0;
    background-color: #fff;
    border-bottom: 1px solid #dddada
}

@media (min-width:992px) {
    .compare-agile {
        padding: 80px 0
    }
}

.compare-agile--fixed-cost .compare-agile__heading {
    margin-bottom: 15px
}

@media (min-width:992px) {
    .compare-agile--fixed-cost .compare-agile__tableitems li {
        height: 120px
    }
}

.compare-agile--fixed-cost .compare-agile__tableitems li:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:992px) {
    .compare-agile--fixed-cost .compare-agile__tableitems:last-child li:nth-child(3) {
        height: 150px
    }
}

.compare-agile--fixed-cost .compare-agile__btn {
    text-transform: inherit;
    width: 100%;
    padding: 17px;
    margin: 45px auto 0
}

@media (min-width:992px) {
    .compare-agile--fixed-cost .compare-agile__btn {
        max-width: 431px
    }
}

.compare-agile--stuff-aug .compare-agile__heading {
    margin-bottom: 20px
}

@media (min-width:992px) {
    .compare-agile--stuff-aug .compare-agile__tableitems li {
        height: 150px
    }
}

.compare-agile--stuff-aug .compare-agile__tableitems li:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:992px) {
    .compare-agile--stuff-aug .compare-agile__tableitems:last-child li:nth-child(3) {
        height: 165px
    }
}

.compare-agile--stuff-aug .compare-agile__btn {
    text-transform: inherit;
    width: 100%;
    padding: 17px;
    margin: 45px auto 0
}

@media (min-width:992px) {
    .compare-agile--stuff-aug .compare-agile__btn {
        max-width: 431px
    }
}

.compare-agile__heading {
    font-family: Poppins;
    color: #262e36;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 35px;
    font-weight: 500;
    text-align: center
}

@media (min-width:992px) {
    .compare-agile__heading {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 50px
    }
}

.compare-agile__subheading {
    font-family: Poppins;
    color: #474747;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 35px;
    font-weight: 600;
    text-align: center
}

@media (min-width:992px) {
    .compare-agile__subheading {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 50px
    }
}

.compare-agile__tablewrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.compare-agile__topheading {
    display: block;
    font-family: Poppins;
    color: #262e36;
    font-size: 18px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .compare-agile__topheading {
        display: none
    }
}

.compare-agile__tabletitle {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%
}

@media (min-width:992px) {
    .compare-agile__tabletitle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.compare-agile__tabletitle li {
    font-family: Poppins;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
    color: #262e36;
    background-color: #f7f9fb;
    width: 100%;
    height: 110px;
    border-top: 1px solid #b6becd;
    border-bottom: 1px solid #b6becd;
    border-left: 1px solid #b6becd
}

@media (min-width:992px) {
    .compare-agile__tabletitle li {
        width: 25%
    }
}

.compare-agile__tabletitle li:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 20px 55px
}

.compare-agile__tabletitle li:last-child {
    border-right: 1px solid #b6becd
}

.compare-agile__tabletitle li:last-child::after {
    position: absolute;
    content: "";
    width: 41px;
    height: 6px;
    background-color: #a66bd4;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.compare-agile__tabletitle li:nth-child(2) {
    height: 134px;
    border-radius: 9px 9px 0 0;
    border-top: 3px solid #a5b8dc;
    border-left: 3px solid #a5b8dc;
    border-right: 3px solid #a5b8dc
}

.compare-agile__tabletitle li:nth-child(2)::after {
    position: absolute;
    content: "";
    width: 41px;
    height: 6px;
    background-color: #20dea5;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.compare-agile__tabletitle li:nth-child(3) {
    background-color: #eaeff5;
    border-left: 0
}

.compare-agile__tabletitle li:nth-child(3)::after {
    position: absolute;
    content: "";
    width: 41px;
    height: 6px;
    background-color: #ffc327;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.compare-agile__tableitems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 20px;
    border-radius: 0 0 4px 4px
}

@media (min-width:992px) {
    .compare-agile__tableitems {
        margin: 0;
        border-radius: 0
    }
}

.compare-agile__tableitems li {
    font-family: Poppins;
    position: relative;
    color: #333;
    padding: 20px 25px;
    text-align: left;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    border-bottom: 1px solid #b6becd;
    border-left: 1px solid #b6becd;
    border-right: 1px solid #b6becd;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.compare-agile__tableitems li.text-center {
    background-color: #eaeff5
}

.compare-agile__tableitems li h6 {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600
}

@media (min-width:992px) {
    .compare-agile__tableitems li {
        width: 25%;
        height: 100px;
        border-right: 0;
        border-bottom: 1px solid #b6becd;
        border-left: 1px solid #b6becd
    }
}

.compare-agile__tableitems li b {
    font-weight: 600
}

.compare-agile__tableitems li:last-child {
    border-right: 1px solid #b6becd
}

.compare-agile__tableitems li:first-child {
    background-color: #0e003f;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    border-left: 0;
    border-bottom: 1px solid #1d3d70
}

.compare-agile__tableitems li:first-child svg {
    margin-right: 12px
}

@media (min-width:992px) {
    .compare-agile__tableitems li:nth-child(3) {
        border-left: 3px solid #a5b8dc;
        border-right: 3px solid #a5b8dc
    }
}

@media (min-width:992px) {
    .compare-agile__tableitems li:nth-child(5) {
        border-left: 0;
        background-color: #eaeff5
    }
}

.compare-agile__tableitems:last-child li:first-child {
    border-bottom: 0
}

@media (min-width:992px) {
    .compare-agile__tableitems:last-child li:nth-child(3) {
        height: 124px;
        border-radius: 0 0 9px 9px;
        border-bottom: 3px solid #a5b8dc
    }
}

.our-approach {
    background-color: #f9f9f9
}

.our-approach .o-development-process__spacing {
    padding: 40px 0
}

@media (min-width:992px) {
    .our-approach .o-development-process__spacing {
        padding: 80px 0
    }
}

.our-approach__heading {
    font-family: Poppins;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin: 0;
    text-align: center
}

@media (min-width:992px) {
    .our-approach__heading {
        font-size: 50px;
        line-height: 60px;
        margin: 0 0 30px
    }
}

.our-approach .o-development-process__items {
    border: 1px solid #d0e3f5;
    -webkit-box-shadow: 0 15px 20px 0 rgba(12, 40, 72, .07);
    box-shadow: 0 15px 20px 0 rgba(12, 40, 72, .07);
    padding: 0 15px 20px;
    margin: 60px 0 0
}

@media (min-width:992px) {
    .our-approach .o-development-process__items {
        min-height: 335px;
        margin: 52px 0 0;
        padding: 0 28px 15px
    }
}

.our-approach .o-development-process__items.blue {
    border-bottom: 5px solid #64b9f4
}

.our-approach .o-development-process__items.lgreen {
    border-bottom: 5px solid #20dea5
}

.our-approach .o-development-process__items.dyellow {
    border-bottom: 5px solid #f29906
}

.our-approach .o-development-process__items.lyellow {
    border-bottom: 5px solid #ffc327
}

.our-approach .o-development-process__items.purple {
    border-bottom: 5px solid #a15fae
}

.our-approach .o-development-process__items.dgreen {
    border-bottom: 5px solid #4fa941
}

.our-approach .o-development-process__items::after {
    display: none
}

.our-approach .o-development-process__itemtitle {
    font-size: 24px;
    line-height: 30px;
    color: #0c2848;
    margin: 0 0 5px
}

.our-approach .o-development-process__itemcontent {
    font-size: 16px;
    line-height: 27px;
    color: #262e36
}

.our-approach__btn {
    max-width: 340px !important;
    padding: 17px !important
}

.get-fortress {
    border-top: 1px solid #d8d8d8;
    background-color: #fff;
    padding: 40px 0
}

@media (min-width:992px) {
    .get-fortress {
        padding: 80px 0
    }
}

.get-fortress--fixed-cost .get-fortress__btn {
    width: 100%;
    max-width: 100%;
    margin: 35px auto 0
}

@media (min-width:767px) {
    .get-fortress--fixed-cost .get-fortress__btn {
        max-width: 366px
    }
}

.get-fortress__heading {
    font-family: Poppins;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin: 0 0 10px
}

@media (min-width:992px) {
    .get-fortress__heading {
        font-size: 50px;
        line-height: 60px
    }
}

.get-fortress__content {
    font-family: Poppins;
    font-size: 18px;
    line-height: 30px;
    color: #262e36;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .get-fortress__content {
        font-size: 21px;
        line-height: 35px;
        margin-bottom: 25px
    }
}

@media (min-width:992px) {
    .get-fortress__content--mb50 {
        margin-bottom: 50px
    }
}

.get-fortress__content.medium-0 {
    font-weight: 500;
    margin-bottom: 10px
}

.get-fortress__robust {
    padding: 25px 0;
    background: #052c58 url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/agile-prods/get-fortress.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    margin-bottom: 40px
}

@media (min-width:992px) {
    .get-fortress__robust {
        padding: 45px 0;
        margin-bottom: 80px
    }
}

.get-fortress__robustul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.get-fortress__robustul li {
    background-color: #fff;
    padding: 25px;
    border-top: 5px solid;
    margin-bottom: 9px
}

@media (min-width:992px) {
    .get-fortress__robustul li {
        margin-bottom: 9px;
        padding: 38px 42px
    }
}

.get-fortress__robustul li:last-child {
    margin-bottom: 0
}

.get-fortress__robustul li.blue {
    border-color: #0a9def
}

.get-fortress__robustul li.green {
    border-color: #20dea5
}

.get-fortress__robustul li.yellow {
    border-color: #ffc327
}

.get-fortress__robustul li h4 {
    font-family: Poppins;
    font-size: 20px;
    line-height: 24px;
    color: #0c2848;
    margin-bottom: 5px;
    font-weight: 600
}

@media (min-width:992px) {
    .get-fortress__robustul li h4 {
        font-size: 24px;
        line-height: 27px
    }
}

.get-fortress__robustul li p {
    font-family: Poppins;
    font-size: 16px;
    line-height: 25px;
    margin: 0
}

.get-fortress__btn {
    text-transform: inherit;
    max-width: 100%;
    padding: 17px;
    margin: auto
}

@media (min-width:767px) {
    .get-fortress__btn {
        max-width: 284px
    }
}

.pods-benefits {
    border-top: 1px solid #d8d8d8;
    background-color: #f9f9f9;
    padding: 40px 0
}

@media (min-width:992px) {
    .pods-benefits {
        padding: 80px 0
    }
}

.pods-benefits--fixed-cost .pods-benefits__item {
    width: 100%;
    padding: 20px
}

@media (min-width:767px) {
    .pods-benefits--fixed-cost .pods-benefits__item {
        width: 240px;
        padding: 30px 25px
    }
}

@media (min-width:992px) {
    .pods-benefits--fixed-cost .pods-benefits__item {
        height: 176px
    }
}

.pods-benefits--fixed-cost .pods-benefits__item::before {
    position: absolute;
    content: "";
    width: 41px;
    height: 4px;
    left: 25px;
    top: 0
}

.pods-benefits__heading {
    font-family: Poppins;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin: 0 0 30px;
    text-align: center
}

@media (min-width:992px) {
    .pods-benefits__heading {
        font-size: 50px;
        line-height: 60px;
        margin: 0 0 50px
    }
}

.pods-benefits__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:992px) {
    .pods-benefits__list {
        gap: 25px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.pods-benefits__item {
    position: relative;
    width: 100%;
    background-color: #fff;
    padding: 30px;
    border: 1px solid #dde2ea
}

@media (min-width:767px) {
    .pods-benefits__item {
        width: 300px;
        height: 275px
    }
}

.pods-benefits__item::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 41px;
    left: 0;
    top: 40px
}

.pods-benefits__item.blue:before {
    background-color: #0a9def
}

.pods-benefits__item.purple:before {
    background-color: #a66bd4
}

.pods-benefits__item.green:before {
    background-color: #20dea5
}

.pods-benefits__item.yellow:before {
    background-color: #ffc327
}

.pods-benefits__item.lgreen:before {
    background-color: #4fa941
}

.pods-benefits__itemheading {
    font-family: Poppins;
    font-size: 18px;
    line-height: 24px;
    color: #0c2848;
    font-weight: 600;
    margin: 0 0 5px
}

@media (min-width:992px) {
    .pods-benefits__itemheading {
        font-size: 20px;
        line-height: 27px
    }
}

.pods-benefits__itemcontent {
    font-family: Poppins;
    font-size: 16px;
    line-height: 26px;
    color: #0c2848;
    margin: 0
}

.get-experience {
    background: #052c58 url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/agile-prods/ready-experience-background.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    padding: 40px 0
}

@media (min-width:992px) {
    .get-experience {
        padding: 80px 0
    }
}

@media (min-width:767px) {
    .get-experience--fixed-cost .get-experience__btn {
        max-width: 408px
    }
}

.get-experience--staff-augmentation .get-experience__content {
    font-family: Poppins;
    color: #fff;
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 20px;
    font-weight: 500
}

.get-experience--staff-augmentation .get-experience__btn {
    margin: 0
}

@media (min-width:767px) {
    .get-experience--staff-augmentation .get-experience__btn {
        max-width: 259px
    }
}

.get-experience--staff-augmentation .get-experience__btn1 {
    margin: 0;
    text-transform: inherit;
    padding: 17px;
    color: #fff;
    border-color: #fff;
    max-width: 100%;
    width: 100%
}

@media (min-width:767px) {
    .get-experience--staff-augmentation .get-experience__btn1 {
        max-width: 259px
    }
}

.get-experience--staff-augmentation .get-experience__btn1:hover {
    background-color: #fff;
    color: #ff5800
}

.get-experience__heading {
    font-family: Poppins;
    color: #fff;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    margin: 0 0 10px
}

@media (min-width:992px) {
    .get-experience__heading {
        font-size: 40px;
        line-height: 46px
    }
}

.get-experience__content {
    font-family: Poppins;
    color: #fff;
    font-size: 16px;
    line-height: 28px
}

.get-experience__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 25px
}

.get-experience__items {
    font-family: Poppins;
    color: #b0c0e9;
    font-size: 14px;
    font-weight: 600
}

.get-experience__btn {
    text-transform: inherit;
    font-size: 17px;
    padding: 17px;
    max-width: 100%;
    margin: 40px auto 0;
    width: 100%
}

@media (min-width:767px) {
    .get-experience__btn {
        max-width: 299px
    }
}

.get-experience__bottomnote {
    font-family: Poppins;
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    margin: 20px 0 0
}

.get-experience__pair {
    max-width: 684px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    margin: auto;
    margin-bottom: 25px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:992px) {
    .get-experience__pair {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.get-experience__infomail {
    font-family: Poppins;
    text-align: center;
    font-size: 17px;
    color: #b0c0e9
}

.get-experience__infomail a {
    display: block;
    font-family: Poppins;
    color: #fff;
    font-size: 17px;
    font-weight: 600
}

.get-experience__infomail a:hover {
    color: #ff5800
}

.how-it-agile {
    background-color: #f9f9f9;
    padding: 40px 0;
    border-bottom: 1px solid #dddada
}

@media (min-width:992px) {
    .how-it-agile {
        padding: 80px 0
    }
}

.how-it-agile__heading {
    font-family: Poppins;
    color: #262e36;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 35px;
    font-weight: 500;
    text-align: center
}

@media (min-width:767px) {
    .how-it-agile__heading {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 43px
    }
}

.how-it-agile__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    gap: 20px
}

@media (min-width:1200px) {
    .how-it-agile__list {
        gap: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 613px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.how-it-agile__items {
    position: relative;
    max-width: 305px;
    width: 100%;
    height: 284px;
    border-radius: 6px;
    border: 1px solid #d0e3f5;
    background-color: #fff;
    -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .06);
    padding: 40px 20px 30px
}

@media (min-width:1200px) {
    .how-it-agile__items:nth-child(2) {
        left: 190px
    }
}

@media (min-width:1200px) {
    .how-it-agile__items:nth-child(4) {
        left: 190px
    }
}

.how-it-agile__items.blue:after {
    position: absolute;
    content: "";
    width: 52px;
    height: 253px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/agile-fixed-cost/blue-arrow.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    bottom: -253px;
    margin: auto;
    display: none
}

@media (min-width:1200px) {
    .how-it-agile__items.blue:after {
        display: block
    }
}

@media (min-width:1230px) {
    .how-it-agile__items.blue:after {
        left: 25px
    }
}

.how-it-agile__items.green:after {
    position: absolute;
    content: "";
    width: 52px;
    height: 253px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/agile-fixed-cost/arrow-green.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    top: -253px;
    margin: auto;
    display: none
}

@media (min-width:1200px) {
    .how-it-agile__items.green:after {
        display: block
    }
}

@media (min-width:1230px) {
    .how-it-agile__items.green:after {
        left: 25px
    }
}

.how-it-agile__items.purple:after {
    position: absolute;
    content: "";
    width: 52px;
    height: 173px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/agile-fixed-cost/arrow-purple.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    bottom: -173px;
    margin: auto;
    display: none
}

@media (min-width:1200px) {
    .how-it-agile__items.purple:after {
        display: block
    }
}

@media (min-width:1230px) {
    .how-it-agile__items.purple:after {
        left: 25px
    }
}

.how-it-agile__items.yellow:after {
    position: absolute;
    content: "";
    width: 52px;
    height: 173px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/agile-fixed-cost/arrow-yellow.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    top: -173px;
    margin: auto;
    display: none
}

@media (min-width:1200px) {
    .how-it-agile__items.yellow:after {
        display: block
    }
}

@media (min-width:1230px) {
    .how-it-agile__items.yellow:after {
        left: 25px
    }
}

.how-it-agile__titlearea {
    margin-bottom: 12px;
    text-align: center
}

@media (min-width:992px) {
    .how-it-agile__titlearea {
        text-align: left
    }
}

.how-it-agile__itemtitle {
    font-family: Poppins;
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
    margin: 20px 0 0;
    color: #0c2848
}

.how-it-agile__itemcontent {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    color: #262e36;
    font-weight: 400;
    margin: 0
}

.how-it-agile__number {
    position: absolute;
    font-family: Poppins;
    font-size: 54px;
    color: #f2f2f2;
    right: 10px;
    top: 10px
}

.how-it-agile__btn {
    text-transform: inherit;
    padding: 17px;
    max-width: 100%;
    width: 100%;
    margin: 30px auto 0
}

@media (min-width:767px) {
    .how-it-agile__btn {
        margin: 50px auto 0;
        max-width: 341px
    }
}

.how-stuff-augmentation {
    background-color: #fff
}

.how-stuff-augmentation .o-development-process__spacing {
    padding: 40px 0
}

@media (min-width:992px) {
    .how-stuff-augmentation .o-development-process__spacing {
        padding: 80px 0
    }
}

.how-stuff-augmentation .o-development-process__items {
    width: 100%;
    border: 1px solid #d0e3f5;
    -webkit-box-shadow: 0 15px 20px 0 rgba(12, 40, 72, .07);
    box-shadow: 0 15px 20px 0 rgba(12, 40, 72, .07);
    background-color: #fff;
    margin: 50px 0 0
}

@media (min-width:767px) {
    .how-stuff-augmentation .o-development-process__items {
        width: 260px;
        height: 280px
    }
}

.how-stuff-augmentation .o-development-process__items.blue:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/staff-augmentation/blue-arrow.svg);
    width: 26px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    right: -28px;
    display: none
}

@media (min-width:992px) {
    .how-stuff-augmentation .o-development-process__items.blue:after {
        display: block
    }
}

.how-stuff-augmentation .o-development-process__items.green:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/staff-augmentation/green-arrow.svg);
    width: 26px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    right: -28px;
    display: none
}

@media (min-width:992px) {
    .how-stuff-augmentation .o-development-process__items.green:after {
        display: block
    }
}

.how-stuff-augmentation .o-development-process__items.yellow:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/staff-augmentation/yellow-arrow.svg) !important;
    width: 26px !important;
    height: 18px !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    right: -28px;
    bottom: inherit;
    top: 50%;
    display: none
}

@media (min-width:992px) {
    .how-stuff-augmentation .o-development-process__items.yellow:after {
        display: block
    }
}

.how-stuff-augmentation .o-development-process__itemtitle {
    font-family: Poppins;
    font-size: 24px;
    line-height: 30px;
    color: #0c2848;
    font-weight: 600;
    margin: 0 0 10px
}

.how-stuff-augmentation .o-development-process__itemcontent {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    color: #262e36
}

.how-stuff-augmentation .o-development-process__bottom-text {
    font-family: Poppins;
    font-size: 30px;
    line-height: 50px;
    margin: 50px 0 15px;
    font-weight: 500
}

.how-stuff-augmentation .o-development-process__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px
}

@media (min-width:1024px) {
    .how-stuff-augmentation .o-development-process__list {
        gap: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.how-stuff-augmentation__btn {
    text-transform: inherit;
    max-width: 100%;
    width: 100%
}

@media (min-width:767px) {
    .how-stuff-augmentation__btn {
        max-width: 263px
    }
}

.stuff-augmentation-technologies {
    padding: 40px 0;
    padding-bottom: 0
}

@media (min-width:992px) {
    .stuff-augmentation-technologies {
        padding: 80px 0
    }
}

.stuff-augmentation-technologies .technologies-tab__heading {
    font-weight: 500
}

.stuff-augmentation-technologies .o-accordion__button {
    font-weight: 600
}

.stuff-augmentation-technologies .o-accordion__content-title {
    font-weight: 600
}

.custom-dev-tech .technologies-tab__heading {
    font-weight: 500
}

.custom-dev-tech .custom-solution__sub-heading {
    font-weight: 400 !important
}

.new-home-banner {
    position: relative;
    background-color: #0d2642;
    padding: 25px 0 40px
}

@media screen and (min-width:992px) {
    .new-home-banner {
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/new-home-banner/banner-gradient.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        padding: 60px 0 160px
    }
}

@media screen and (min-width:992px) {
    .new-home-banner:after {
        content: "";
        width: 453px;
        height: 199px;
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/new-home-banner/banner-gradient2.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 0
    }
}

.new-home-banner__wrapper {
    position: relative
}

@media screen and (min-width:992px) {
    .new-home-banner__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width:992px) {
    .new-home-banner__wrapper--out {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.new-home-banner__wrapper--leap-mwc:before {
    content: '';
    position: absolute;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/leap-mwc-gradiant.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    left: 140px;
    bottom: -235px;
    width: 854px;
    height: 685px;
    display: none
}

@media screen and (min-width:992px) {
    .new-home-banner__wrapper--leap-mwc:before {
        display: block
    }
}

.new-home-banner__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 69%;
    flex: 0 0 69%;
    position: relative
}

@media screen and (min-width:992px) {
    .new-home-banner__left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        padding-right: 80px
    }
}

@media screen and (min-width:1025px) {
    .new-home-banner__left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 69%;
        flex: 0 0 69%
    }
}

.new-home-banner__left::before {
    display: none
}

@media screen and (min-width:992px) {
    .new-home-banner__left::before {
        content: "";
        position: absolute;
        top: 5px;
        right: 5px;
        width: 2px;
        height: 565px;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/new-home-banner/banner-devider2.png) no-repeat 0 0;
        display: block
    }
}

@media screen and (min-width:992px) {
    .new-home-banner__left--leap-mwc {
        padding-top: 20px
    }
}

.new-home-banner__left--leap-mwc:before {
    display: none
}

@media screen and (min-width:992px) {
    .new-home-banner__left--leap-mwc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58%;
        flex: 0 0 58%;
        padding-right: 25px
    }
}

@media screen and (min-width:1025px) {
    .new-home-banner__left--leap-mwc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%
    }
}

.new-home-banner__left--leap-mwc .new-home-banner__sub-heading-white {
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .new-home-banner__left--leap-mwc .new-home-banner__sub-heading-white {
        font-size: 58px;
        line-height: 68px;
        margin-top: 0;
        margin-bottom: 25px
    }
}

.new-home-banner__left--leap-mwc .new-home-banner__sub-heading-white .new-home-banner__sub-heading-green {
    color: #3cc065
}

.new-home-banner__left--leap-mwc .new-home-banner__blue-para {
    color: #97b3ce;
    font-weight: 500;
    font-family: Poppins;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-home-banner__left--leap-mwc .new-home-banner__blue-para {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 30px;
        text-align: left
    }
}

.new-home-banner__left--leap-mwc .new-home-banner__btn {
    margin-left: 0
}

@media screen and (min-width:992px) {
    .new-home-banner__left--out {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.new-home-banner__left--out:before {
    display: none
}

.new-home-banner__right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width:992px) {
    .new-home-banner__right {
        padding-left: 65px
    }
}

.new-home-banner__right--out {
    padding: 20px 15px;
    border: 1px solid #0e003f;
    background: #04254a;
    text-align: center;
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .new-home-banner__right--out {
        padding: 50px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 482px;
        flex: 0 0 482px;
        text-align: left;
        margin-top: 0
    }
}

.new-home-banner__right--leap-mwc {
    padding: 25px 15px;
    margin-top: 20px;
    position: relative
}

@media screen and (min-width:992px) {
    .new-home-banner__right--leap-mwc {
        padding: 15px 15px;
        position: relative;
        margin-top: 0
    }
}

.new-home-banner__right--leap-mwc .new-home-banner__right-deatils {
    top: 0
}

.new-home-banner__right--leap-mwc .new-home-banner__right-deatils {
    font-weight: 700
}

.new-home-banner__right--leap-mwc-top {
    background: rgba(0, 0, 0, .7);
    padding: 25px;
    margin-bottom: 20px
}

.new-home-banner__right--leap-mwc-top p {
    margin-bottom: 0
}

.new-home-banner__right--leap-mwc-top .date {
    font-family: Poppins;
    background: #b913d6;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #fff
}

.new-home-banner__right--leap-mwc-top-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 2px solid #fff
}

.new-home-banner__right--leap-mwc-bottom-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 2px solid #fff
}

.new-home-banner__right--leap-mwc-bottom {
    background: rgba(0, 0, 0, .7);
    padding: 25px
}

.new-home-banner__right--leap-mwc-bottom p {
    margin-top: 10px;
    margin-bottom: 0;
    font-family: Poppins;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #fff
}

.new-home-banner__right--leap-mwc-bottom .date {
    font-family: Poppins;
    background: #de002b;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #fff
}

.new-home-banner__right--leap-mwc-top {
    background: rgba(0, 0, 0, .7);
    border: 1px solid rgba(101, 115, 132, .62);
    padding: 25px
}

.new-home-banner__right--leap-mwc-top p {
    margin-top: 10px;
    margin-bottom: 0;
    font-family: Poppins;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #fff;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-home-banner__right--leap-mwc-top p {
        text-align: left
    }
}

.new-home-banner__right--leap-mwc-top-box-leap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new-home-banner__right--leap-mwc-top-box-leap-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    background-color: #fff
}

.new-home-banner__right--leap-mwc-top-box-leap-left:before {
    position: absolute;
    content: "";
    width: 80%;
    height: 80%;
    background-color: #000;
    left: 0;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto
}

.new-home-banner__right--leap-mwc-top-box-leap-left img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.new-home-banner__right--leap-mwc-top-box-leap-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #0c0c68;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.new-home-banner__right--leap-mwc-top-box-leap-right span {
    font-family: Poppins;
    font-weight: 800;
    color: #fff
}

@media screen and (min-width:992px) {
    .new-home-banner__right--leap-mwc-top-box-leap-right span {
        font-size: 34px
    }
}

.new-home-banner__right--leap-mwc-bottom {
    background: rgba(0, 0, 0, .7);
    padding: 25px;
    border: 1px solid rgba(101, 115, 132, .62)
}

.new-home-banner__right--leap-mwc-bottom p {
    margin-top: 10px;
    margin-bottom: 0;
    font-family: Poppins;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #fff;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-home-banner__right--leap-mwc-bottom p {
        text-align: left
    }
}

.new-home-banner__right--leap-mwc-bottom-box-leap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new-home-banner__right--leap-mwc-bottom-box-leap-left {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff
}

.new-home-banner__right--leap-mwc-bottom-box-leap-left:before {
    position: absolute;
    content: "";
    width: 80%;
    height: 80%;
    background-color: #000;
    left: 0;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto
}

.new-home-banner__right--leap-mwc-bottom-box-leap-left img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.new-home-banner__right--leap-mwc-bottom-box-leap-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #22569d;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.new-home-banner__right--leap-mwc-bottom-box-leap-right span {
    font-family: Poppins;
    font-weight: 800;
    color: #fff;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-home-banner__right--leap-mwc-bottom-box-leap-right span {
        font-size: 24px
    }
}

.new-home-banner__right--leap-mwc-bottom-box-leap-right span small {
    font-size: 19px;
    display: block
}

.new-home-banner__right--convergence-gitex {
    position: relative
}

.new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-top-box-leap-left {
    padding: 12px 17px
}

.new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-top-box-leap-left::before {
    display: none
}

.new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-top-box-leap-left img {
    width: inherit;
    height: inherit;
    -o-object-fit: initial;
    object-fit: initial
}

.new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-bottom-box-leap-right {
    background: #0e1488
}

.new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-bottom-box-leap-right.bg-darkgreen {
    background: #00666c
}

.new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-top .date {
    background: #ec008c;
    padding: 3px 0;
    font-weight: 700
}

@media screen and (min-width:992px) {
    .new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-top .date {
        font-size: 21px
    }
}

.new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-bottom-box-leap-right span {
    font-size: 20px;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-bottom-box-leap-right span {
        font-size: 28px;
        font-weight: 800
    }
}

.new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-bottom-box-leap-right span small {
    display: block;
    font-size: 16px;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-bottom-box-leap-right span small {
        font-size: 22px;
        font-weight: 800
    }
}

.new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-bottom-box-leap-left {
    padding: 5px 15px
}

.new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-bottom-box-leap-left::before {
    display: none
}

.new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-bottom-box-leap-left img {
    width: inherit;
    height: inherit;
    -o-object-fit: initial;
    object-fit: initial
}

.new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-bottom .date {
    padding: 3px 0;
    font-weight: 700
}

@media screen and (min-width:992px) {
    .new-home-banner__right--convergence-gitex .new-home-banner__right--leap-mwc-bottom .date {
        font-size: 21px
    }
}

.new-home-banner__heading {
    color: #fff;
    font-weight: 700;
    font-family: Poppins !important;
    text-align: center;
    font-size: 30px;
    line-height: 38px;
    position: relative;
    padding-bottom: 20px
}

@media screen and (min-width:992px) {
    .new-home-banner__heading {
        font-size: 56px;
        line-height: 68px;
        text-align: left;
        padding-bottom: 30px
    }
}

@media screen and (min-width:992px) {
    .new-home-banner__heading:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        background: #91accd;
        height: 2px;
        width: 265px
    }
}

.new-home-banner__heading--leap-mwc {
    padding-bottom: 0;
    font-size: 26px;
    line-height: normal;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .new-home-banner__heading--leap-mwc {
        font-size: 44px;
        line-height: 50px;
        font-weight: 700;
        margin-bottom: 10px
    }
}

.new-home-banner__heading--leap-mwc:before {
    content: '';
    position: absolute;
    background: #84a5f9;
    width: 168px;
    height: 5px;
    display: none
}

@media screen and (min-width:992px) {
    .new-home-banner__heading--leap-mwc:before {
        display: block
    }
}

.new-home-banner__heading--leap-mwc:before {
    display: none
}

.new-home-banner__heading--out {
    position: relative
}

@media screen and (min-width:992px) {
    .new-home-banner__heading--out {
        font-size: 31px;
        line-height: 40px;
        font-weight: 700
    }
}

.new-home-banner__heading--out:before {
    content: '';
    position: absolute;
    background: #84a5f9;
    width: 168px;
    height: 5px;
    display: none
}

@media screen and (min-width:992px) {
    .new-home-banner__heading--out:before {
        display: block
    }
}

.new-home-banner__heading--green-out {
    color: #2dbe70
}

.new-home-banner__arrow {
    position: absolute;
    top: -86px;
    right: -76px
}

.new-home-banner__sub-heading {
    color: #3cc065;
    font-family: Poppins !important
}

@media screen and (min-width:992px) {
    .new-home-banner__sub-heading {
        font-size: 31px;
        line-height: 40px;
        font-weight: 600
    }
}

.new-home-banner__sub-heading-white {
    color: #fff;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-home-banner__sub-heading-white {
        font-size: 60px;
        line-height: 68px;
        font-weight: 700;
        margin-top: 35px;
        text-align: left
    }
}

.new-home-banner__right-heading {
    font-family: Poppins !important;
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
    color: #3cc065;
    margin-top: 25px;
    margin-bottom: 20px;
    text-align: center;
    display: block
}

@media screen and (min-width:992px) {
    .new-home-banner__right-heading {
        text-align: left;
        font-size: 26px;
        line-height: 42px;
        color: #fff;
        margin-top: 0
    }
}

.new-home-banner__right-heading .banner-line-break li {
    display: inline-block;
    margin-right: 4px
}

.new-home-banner__right-heading .banner-line-break li:last-child {
    margin-right: 0
}

@media screen and (min-width:992px) {
    .new-home-banner__right-heading .banner-line-break li {
        display: block;
        margin-right: 0
    }
}

.new-home-banner__right-heading a {
    color: #3cc065;
    display: inline-block;
    margin-right: 4px
}

@media screen and (min-width:992px) {
    .new-home-banner__right-heading a {
        margin-right: 6px;
        color: #fff
    }
}

@media screen and (min-width:992px) {
    .new-home-banner__right-heading a span {
        background: -webkit-gradient(linear, left top, left bottom, from(#3cc065)) left no-repeat, #fff;
        background: linear-gradient(#3cc065) left no-repeat, #fff;
        background-size: 0 100%;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-transition: .2s all ease-in-out;
        transition: .2s all ease-in-out;
        display: inline-block
    }
}

@media screen and (min-width:992px) {
    .new-home-banner__right-heading a:hover span {
        background-size: 100% 100%
    }
}

.new-home-banner__right-bottom-bar {
    position: relative;
    display: inline-block
}

.new-home-banner__right-bottom-bar:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    border-radius: 10px;
    -webkit-animation: 4s linear animate infinite;
    animation: 4s linear animate infinite
}

@media screen and (min-width:992px) {
    .new-home-banner__right-bottom-bar:before {
        height: 4px;
        border-radius: 30px
    }
}

.new-home-banner__right-bottom-bar--first:before {
    background: -webkit-gradient(linear, left top, right top, from(#03a9f4), color-stop(#ff5800), color-stop(#fbba14), to(#03a9f4));
    background: linear-gradient(90deg, #03a9f4, #ff5800, #fbba14, #03a9f4);
    background-size: 200%
}

.new-home-banner__right-bottom-bar--second:before {
    background: -webkit-gradient(linear, left top, right top, from(#ffe70e), color-stop(#78e6ff), color-stop(#15fe8a), to(#ffe70e));
    background: linear-gradient(90deg, #ffe70e, #78e6ff, #15fe8a, #ffe70e);
    background-size: 200%
}

.new-home-banner__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .new-home-banner__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit
    }
}

.new-home-banner__list-item {
    border-width: 1px;
    border-style: solid;
    border-radius: 26px;
    padding: 1px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
    position: relative;
    overflow: hidden;
    margin: 0 2.5px 5px
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item {
        border-radius: 30px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        border: none;
        padding: 1.5px;
        margin: 0 0 5px
    }
}

.new-home-banner__list-item path {
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.new-home-banner__list-item:hover svg {
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0)
}

.new-home-banner__list-item:before {
    content: "";
    position: absolute;
    top: -80px;
    right: 0;
    bottom: 0;
    left: -13px;
    width: 250px;
    height: 250px;
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color1 {
        width: 155px
    }
}

.new-home-banner__list-item--border-color1::before {
    background: #64b9f4
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color1:hover {
        width: 181px
    }
}

.new-home-banner__list-item--border-color1:hover path {
    fill: #fff
}

.new-home-banner__list-item--border-color1:hover:before {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color2 {
        width: 155px
    }
}

.new-home-banner__list-item--border-color2:before {
    background: #e26826
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color2:hover {
        width: 185px
    }
}

.new-home-banner__list-item--border-color2:hover path {
    fill: #fff
}

.new-home-banner__list-item--border-color2:hover:before {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color3 {
        width: 195px
    }
}

.new-home-banner__list-item--border-color3:before {
    background: #fbba14
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color3:hover {
        width: 225px
    }
}

.new-home-banner__list-item--border-color3:hover path {
    fill: #fff
}

.new-home-banner__list-item--border-color3:hover:before {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color4 {
        width: 155px
    }
}

.new-home-banner__list-item--border-color4:before {
    background: #648ff4;
    width: 310px;
    height: 310px;
    left: -20px;
    top: -120px
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color4:hover {
        width: 180px
    }
}

.new-home-banner__list-item--border-color4:hover path {
    fill: #fff
}

.new-home-banner__list-item--border-color4:hover:before {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color5 {
        width: 260px
    }
}

.new-home-banner__list-item--border-color5:before {
    background: #804b8b;
    width: 310px;
    height: 310px;
    left: -20px;
    top: -120px
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color5:hover {
        width: 275px
    }
}

.new-home-banner__list-item--border-color5:hover path {
    fill: #fff
}

.new-home-banner__list-item--border-color5:hover:before {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color6 {
        width: 165px
    }
}

.new-home-banner__list-item--border-color6:before {
    background: #3b95d3
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color6:hover {
        width: 195px
    }
}

.new-home-banner__list-item--border-color6:hover path {
    fill: #fff
}

.new-home-banner__list-item--border-color6:hover:before {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color7 {
        width: 155px
    }
}

.new-home-banner__list-item--border-color7:before {
    background: #e98e5c
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color7:hover {
        width: 185px
    }
}

.new-home-banner__list-item--border-color7:hover path {
    fill: #fff
}

.new-home-banner__list-item--border-color7:hover:before {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color8 {
        width: 115px
    }
}

.new-home-banner__list-item--border-color8:before {
    background: #3cc065
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color8:hover {
        width: 145px
    }
}

.new-home-banner__list-item--border-color8:hover path {
    fill: #fff
}

.new-home-banner__list-item--border-color8:hover:before {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color9 {
        width: 270px
    }
}

.new-home-banner__list-item--border-color9:before {
    background: #e98e5c;
    width: 310px;
    height: 310px;
    left: -20px;
    top: -120px
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item--border-color9:hover {
        width: 285px
    }
}

.new-home-banner__list-item--border-color9:hover path {
    fill: #fff
}

.new-home-banner__list-item--border-color9:hover:before {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

.new-home-banner__list-item a {
    font-family: Poppins !important;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 5px;
    background: #0d2642;
    border-radius: 30px;
    padding: 5px 15px;
    position: relative;
    z-index: 9
}

@media screen and (min-width:992px) {
    .new-home-banner__list-item a {
        font-size: 26px;
        padding: 5px 25px
    }
}

.new-home-banner__list-item a svg {
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.new-home-banner__left-arrow {
    position: absolute;
    left: 0;
    top: -15px
}

.new-home-banner__right-arrow {
    position: absolute;
    right: 0;
    top: -15px
}

.new-home-banner__right-deatils {
    font-family: Poppins !important;
    color: #fff;
    font-weight: 400
}

@media screen and (min-width:992px) {
    .new-home-banner__right-deatils {
        position: relative;
        top: -25px;
        font-size: 31px;
        line-height: 40px
    }
}

.new-home-banner__right-deatils-green {
    color: #3cc065;
    font-weight: 700
}

@media screen and (min-width:992px) {
    .new-home-banner__rating {
        margin: 20px auto 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0 50px 0 0;
        position: relative
    }
}

.new-home-banner__rated-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-home-banner__rated-text {
        text-align: left
    }
}

.new-home-banner__rated-heading {
    font-family: Poppins !important;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700
}

.new-home-banner__rated-sub-heading {
    font-family: Poppins !important;
    color: #3cc065;
    font-size: 21px;
    line-height: 27px;
    font-weight: 500
}

.new-home-banner__rated-icon {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:992px) {
    .new-home-banner__rated-icon {
        margin-left: 40px
    }
}

.new-home-banner__icon-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 0
}

.new-home-banner__btn-wrapper {
    margin-top: 25px
}

@media screen and (min-width:992px) {
    .new-home-banner__btn-wrapper {
        margin-bottom: 40px;
        position: absolute;
        bottom: -135px;
        left: 0;
        margin-top: 0
    }
}

@media screen and (min-width:1025px) {
    .new-home-banner__btn-wrapper {
        bottom: -85px
    }
}

.new-home-banner__btn {
    border-color: #ff5800;
    color: #fff;
    border-width: 2px;
    background: #ff5800 !important
}

@media screen and (min-width:992px) {
    .new-home-banner__btn {
        width: 380px;
        background: 0 0 !important
    }

    .new-home-banner__btn:hover {
        background: 0 0;
        color: #fff;
        -webkit-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out
    }
}

.new-home-banner__btn path {
    fill: #fff
}

@media screen and (min-width:992px) {
    .new-home-banner__btn path {
        fill: #ff5800
    }
}

.new-home-banner__btn-arrow {
    margin-left: 10px
}

.new-home-banner__leftlist {
    width: 100%;
    max-width: 510px;
    margin: auto
}

@media screen and (min-width:1024px) {
    .new-home-banner__leftlist {
        max-width: inherit;
        margin: 0 0 20px
    }
}

.new-home-banner__leftlist li {
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    color: #8fc4f5;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/new-banner-sky-tick.svg) no-repeat 0 0;
    background-size: 20px 20px;
    padding-left: 28px;
    margin: 12px 0
}

@media screen and (min-width:992px) {
    .new-home-banner__leftlist li {
        font-size: 21px;
        line-height: 36px;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/new-home-banner/new-banner-sky-tick.svg) no-repeat center left;
        background-size: 23px 23px;
        margin: 0;
        padding-left: 32px
    }
}

.new-home-banner .new-banner-img {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

@media screen and (min-width:1266px) {
    .new-home-banner .new-banner-img {
        height: auto
    }
}

@media screen and (min-width:1367px) {
    .new-home-banner .new-banner-img {
        height: 90%
    }
}

.new-home-banner .new-banner-img.desktop-banner-img {
    display: none
}

@media screen and (min-width:992px) {
    .new-home-banner .new-banner-img.desktop-banner-img {
        display: block
    }
}

.new-home-banner .new-banner-img.mobile-banner-img {
    display: block
}

@media screen and (min-width:992px) {
    .new-home-banner .new-banner-img.mobile-banner-img {
        display: none
    }
}

.new-home-banner .new-home-banner-content {
    padding: 60px 0;
    position: relative
}

@media screen and (min-width:992px) {
    .new-home-banner .new-home-banner-content {
        padding: 125px 0 195px
    }
}

@media screen and (min-width:1089px) {
    .new-home-banner .new-home-banner-content {
        padding: 100px 0 220px
    }
}

@media screen and (min-width:1367px) {
    .new-home-banner .new-home-banner-content {
        padding: 100px 0 220px
    }
}

@media screen and (min-width:1600px) {
    .new-home-banner .new-home-banner-content {
        padding: 100px 0 215px
    }
}

@media screen and (min-width:1700px) {
    .new-home-banner .new-home-banner-content {
        padding: 100px 0 215px
    }
}

@media screen and (min-width:1813px) {
    .new-home-banner .new-home-banner-content {
        padding: 115px 0 232px
    }
}

@media screen and (min-width:2040px) {
    .new-home-banner .new-home-banner-content {
        padding: 170px 0 275px
    }
}

@media screen and (min-width:2720px) {
    .new-home-banner .new-home-banner-content {
        padding: 190px 0 400px
    }
}

@media screen and (min-width:4080px) {
    .new-home-banner .new-home-banner-content {
        padding: 86px 0 550px
    }
}

.new-home-banner .new-home-banner-content .new-home-banner-text-order-1 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media screen and (min-width:992px) {
    .new-home-banner .new-home-banner-content .new-home-banner-text-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.new-home-banner .new-home-banner-content .new-home-banner-text-order-2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media screen and (min-width:992px) {
    .new-home-banner .new-home-banner-content .new-home-banner-text-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.new-home-banner .new-home-banner-content .banner-main-heading-text {
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 44px;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-home-banner .new-home-banner-content .banner-main-heading-text {
        font-weight: 700;
        margin-bottom: 20px;
        font-size: 49px;
        line-height: 61px;
        text-align: left
    }
}

@media screen and (min-width:1280px) {
    .new-home-banner .new-home-banner-content .banner-main-heading-text {
        font-size: 51px;
        line-height: 62px
    }
}

.new-home-banner .new-home-banner-content .on-demand-p {
    color: #fff;
    font-size: 22px;
    margin: 25px 0 20px
}

@media screen and (min-width:992px) {
    .new-home-banner .new-home-banner-content .on-demand-p {
        font-size: 24px;
        margin: 25px 0 35px
    }
}

.new-home-banner .new-home-banner-content .new-banner-text-area .new-banner-text {
    margin-bottom: 0;
    padding-left: 0;
    position: relative;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-home-banner .new-home-banner-content .new-banner-text-area .new-banner-text {
        padding-left: 40px;
        text-align: left
    }

    .new-home-banner .new-home-banner-content .new-banner-text-area .new-banner-text::before {
        content: "";
        width: 2px;
        left: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        background-color: #d8d8d8
    }
}

.new-home-banner .new-home-banner-content .new-banner-text-area .new-banner-text .new-banner-text-li {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    color: #46df75
}

@media screen and (min-width:992px) {
    .new-home-banner .new-home-banner-content .new-banner-text-area .new-banner-text .new-banner-text-li {
        font-size: 30px;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 20px
    }
}

.new-home-banner .new-home-banner-content .btn-orange.banner-btn-new {
    margin: 0 auto
}

.new-home-banner .new-home-banner-content .bottom-form-link {
    text-align: center
}

@media screen and (min-width:992px) {
    .new-home-banner .new-home-banner-content .bottom-form-link {
        text-align: left
    }
}

.new-home-banner .new-banner-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .new-home-banner .new-banner-list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.new-home-banner .new-banner-list li {
    color: #3cc065;
    position: relative;
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    padding: 5px 0
}

@media screen and (min-width:992px) {
    .new-home-banner .new-banner-list li {
        font-size: 18px;
        line-height: 24px;
        text-transform: capitalize;
        margin: 0 15px;
        width: auto
    }
}

.new-home-banner .new-banner-list li:before {
    content: "";
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/banner-bullet.png) no-repeat 0 0;
    top: 13px;
    right: -65px;
    height: 40px;
    width: 40px;
    background-size: 100%;
    background-position-y: 50%;
    display: none
}

@media screen and (min-width:992px) {
    .new-home-banner .new-banner-list li:before {
        display: block;
        top: 10px;
        right: -25px;
        width: 20px
    }
}

.new-home-banner .new-banner-list li:last-child::before {
    display: none
}

.new-home-banner .new-banner-rated-area {
    background: #061226;
    position: relative
}

.new-home-banner .new-banner-rated-area.m-height {
    height: 110px
}

@media screen and (min-width:992px) {
    .new-home-banner .new-banner-rated-area.m-height {
        height: auto
    }
}

.new-home-banner .new-banner-rated-area p {
    margin-bottom: 0
}

.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box,
.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:992px) {

    .new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box,
    .new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box .new-banner-rated-area-box,
.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod .new-banner-rated-area-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 50px;
    border-right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

@media screen and (min-width:992px) {

    .new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box .new-banner-rated-area-box,
    .new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod .new-banner-rated-area-box {
        padding: 18px 25px;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

@media screen and (min-width:1200px) {

    .new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box .new-banner-rated-area-box,
    .new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod .new-banner-rated-area-box {
        padding: 14px 40px
    }
}

@media screen and (min-width:1280px) {

    .new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box .new-banner-rated-area-box,
    .new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod .new-banner-rated-area-box {
        padding: 14px 44px
    }
}

.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box .new-banner-rated-area-box:before,
.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod .new-banner-rated-area-box:before {
    content: "";
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/banner-devider.png) no-repeat 0 0;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0
}

.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box .new-banner-rated-area-box:last-child:before,
.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod .new-banner-rated-area-box:last-child:before {
    display: none
}

.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box .new-banner-rated-area-box .rated-left-area,
.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod .new-banner-rated-area-box .rated-left-area {
    text-align: center;
    padding-right: 20px
}

@media screen and (min-width:992px) {

    .new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box .new-banner-rated-area-box .rated-left-area,
    .new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod .new-banner-rated-area-box .rated-left-area {
        padding-right: 20px
    }
}

@media screen and (min-width:1200px) {

    .new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box .new-banner-rated-area-box .rated-left-area,
    .new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod .new-banner-rated-area-box .rated-left-area {
        padding-right: 38px
    }
}

.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box .new-banner-rated-area-box .rated-left-area .rated-text,
.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod .new-banner-rated-area-box .rated-left-area .rated-text {
    color: #8d9eb2;
    font-size: 13px
}

.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box .new-banner-rated-area-box .rated-left-area .rated-percentage,
.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod .new-banner-rated-area-box .rated-left-area .rated-percentage {
    color: #81baff;
    font-weight: 500;
    font-size: 36px;
    padding: 0 0 5px
}

.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box .new-banner-rated-area-box .rated-left-area .rated-star i,
.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod .new-banner-rated-area-box .rated-left-area .rated-star i {
    color: #f7b500;
    font-size: 10px
}

.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box .slick-dots,
.new-home-banner .new-banner-rated-area .new-banner-rated-area-main-box-mod .slick-dots {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 20px
}

.new-home-banner .splide__arrows {
    display: none
}

.new-home-banner--time-business-award {
    position: relative
}

.new-home-banner--time-business-award:after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/green-gradiant-tr.png) no-repeat 0 0;
    width: 710px;
    height: 486px;
    top: 0;
    right: 0;
    left: inherit;
    -webkit-transform: none;
    transform: none;
    z-index: 0
}

@media screen and (min-width:992px) {
    .new-home-banner--time-business-award {
        padding: 0
    }
}

.new-home-banner--time-business-award .new-home-banner__left:before {
    display: none
}

@media screen and (min-width:992px) {
    .new-home-banner--time-business-award .new-home-banner__left {
        padding: 120px 0 0
    }
}

.new-home-banner--time-business-award .new-home-banner__heading {
    font-size: 31px;
    line-height: 38px;
    font-weight: 700
}

@media screen and (min-width:992px) {
    .new-home-banner--time-business-award .new-home-banner__heading {
        font-size: 44px;
        line-height: 53px
    }
}

.new-home-banner--time-business-award .new-home-banner__heading:before {
    display: none
}

.new-home-banner--time-business-award .new-home-banner__heading-quote {
    color: #3cc065
}

.new-home-banner--time-business-award .new-home-banner__blue-para {
    font-family: Poppins;
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
    color: #8fc4f5;
    text-align: center;
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .new-home-banner--time-business-award .new-home-banner__blue-para {
        padding-right: 290px;
        font-size: 21px;
        line-height: 27px;
        text-align: left;
        margin-top: 0
    }
}

.new-home-banner--time-business-award .new-home-banner__btn-wrapper {
    position: relative;
    top: 0
}

@media screen and (min-width:992px) {
    .new-home-banner--time-business-award .new-home-banner__btn-wrapper {
        margin-top: 27px
    }
}

@media screen and (min-width:992px) {
    .new-home-banner--time-business-award .new-home-banner__award-img {
        position: absolute;
        top: 35px;
        right: 0;
        z-index: 999
    }
}

@media screen and (min-width:992px) {
    .new-home-banner--time-business-award .new-home-banner__award-img img {
        width: 94%;
        margin-left: auto;
        display: block
    }
}

@media screen and (min-width:992px) {
    .new-home-banner--et-award {
        padding: 60px 0 80px 0;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/new-home-banner/et-award-slider.jpg) no-repeat center center/cover
    }
}

.new-home-banner--et-award:after {
    display: none
}

.new-home-banner--et-award .new-home-banner__left:before {
    display: none
}

.new-home-banner--et-award .new-home-banner__heading:before {
    display: none
}

.new-home-banner--et-award .new-home-banner__heading {
    font-family: Poppins;
    font-weight: 700;
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .new-home-banner--et-award .new-home-banner__heading {
        font-size: 44px;
        line-height: 50px;
        padding-bottom: 0;
        margin-bottom: 25px;
        margin-top: 0
    }
}

.new-home-banner--et-award .new-home-banner__blue-para {
    font-family: Poppins;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #97b3ce;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-home-banner--et-award .new-home-banner__blue-para {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 55px;
        text-align: left
    }
}

.new-home-banner--et-award .new-home-banner__heading-quote {
    color: #3cc065
}

@media screen and (min-width:992px) {
    .new-home-banner--et-award .new-home-banner__left {
        padding-top: 100px
    }
}

@media screen and (min-width:1025px) {
    .new-home-banner--et-award .new-home-banner__left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%
    }
}

@media screen and (min-width:992px) {
    .new-home-banner--et-excellence {
        padding: 80px 0;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/new-home-banner/et-excellence-slider.jpg) no-repeat center right;
        background-size: 100% 100%
    }
}

@media screen and (min-width:1600px) {
    .new-home-banner--et-excellence {
        background-size: cover
    }
}

.new-home-banner--et-excellence:after {
    display: none
}

.new-home-banner--et-excellence .new-home-banner__left {
    padding-right: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%
}

.new-home-banner--et-excellence .new-home-banner__left:before {
    display: none
}

.new-home-banner--et-excellence .new-home-banner__right {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .new-home-banner--et-excellence .new-home-banner__right {
        padding: 0
    }
}

@media screen and (min-width:992px) {
    .new-home-banner--et-excellence .new-home-banner__heading {
        font-size: 44px;
        line-height: 58px;
        margin: 0
    }
}

.new-home-banner--et-excellence .new-home-banner__heading:before {
    display: none
}

.new-home-banner--et-excellence .new-home-banner__blue-para {
    font-family: Poppins;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
    text-align: center
}

@media screen and (min-width:992px) {
    .new-home-banner--et-excellence .new-home-banner__blue-para {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 55px;
        text-align: left
    }
}

.new-home-banner--et-excellence .new-home-banner__btn-wrapper {
    margin-top: 35px
}

@media screen and (min-width:992px) {
    .new-home-banner--outsoucing-success-blueprint {
        padding: 60px 0 80px 0;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/new-home-banner/outsourcing-bg.jpg) no-repeat center center/cover
    }
}

.new-home-banner--outsoucing-success-blueprint:after {
    display: none
}

.new-home-banner--outsoucing-success-blueprint:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 386px;
    height: 360px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/banner-gradient.png) no-repeat 0 0;
    display: none
}

@media screen and (min-width:992px) {
    .new-home-banner--outsoucing-success-blueprint:before {
        display: block
    }
}

.new-home-banner--outsoucing-success-blueprint .new-home-banner__btn-wrapper {
    position: relative;
    left: 0;
    bottom: 0;
    margin-bottom: 15px
}

.new-home-banner--outsoucing-success-blueprint .new-home-banner__btn {
    background: #ff5800 !important
}

.new-home-banner--outsoucing-success-blueprint .new-home-banner__btn svg path {
    fill: #fff
}

.new-home-banner--outsoucing-success-blueprint .new-home-banner__btn:hover {
    background: #fff !important
}

.new-home-banner--outsoucing-success-blueprint .new-home-banner__btn:hover svg path {
    fill: #ff5800
}

@media screen and (min-width:992px) {
    .new-home-banner--leap-mwc {
        padding: 80px 0 50px 0;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/new-home-banner/leap-mwc-bg.jpg) no-repeat center center/cover
    }
}

.new-home-banner--leap-mwc:after {
    display: none
}

.new-home-banner--leap-mwc .new-home-banner__btn-wrapper {
    position: static;
    margin-bottom: 0
}

.new-home-banner--leap-mwc .btn-orange {
    background: #ff5800 !important;
    font-size: 17px
}

@media screen and (min-width:992px) {
    .new-home-banner--leap-mwc .btn-orange {
        max-width: 350px;
        width: 350px
    }
}

.new-home-banner--leap-mwc .btn-orange svg path {
    fill: #fff !important
}

.new-home-banner--leap-mwc .btn-orange:hover {
    background: 0 0 !important;
    color: #fff
}

.new-home-banner--leap-mwc .new-home-banner__right-items {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    margin: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new-home-banner--leap-mwc .new-home-banner__right-items svg {
    margin-right: 15px
}

.new-home-banner--leap-mwc .new-home-banner__right-list {
    margin: 25px 0 35px
}

@keyframes animate {
    0% {
        background-position: 400%
    }

    100% {
        background-position: 0
    }
}

.text-left-mod {
    text-align: left !important
}

.margin-unset {
    margin-bottom: 0
}

.num-color {
    color: #43bf69
}

@media screen and (min-width:992px) {
    .hm-about-section .about-details-para {
        width: 92%
    }
}

.hm-about-section .font-size-42 {
    font-size: 24px;
    line-height: 36px
}

@media screen and (min-width:992px) {
    .hm-about-section .font-size-42 {
        font-size: 41px;
        line-height: 52px
    }
}

@media screen and (min-width:1280px) {
    .hm-about-section .font-size-42 {
        font-size: 42px;
        line-height: 52px
    }
}

.new-home-banner-wrapper .splide__arrows {
    display: none
}

.new-home-banner-wrapper .custom-pagination-wrapper {
    position: absolute;
    background: rgba(0, 0, 0, .4);
    width: 100%;
    bottom: 0;
    height: 60px
}

.new-home-banner-wrapper .custom-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    max-width: 1150px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px
}

@media screen and (min-width:992px) {
    .new-home-banner-wrapper .custom-pagination {
        padding: 0
    }
}

.new-home-banner-wrapper .pagination-dot {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #acacac));
    background: linear-gradient(to right, #fff 50%, #acacac 50%);
    background-size: 200% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    color: transparent;
    border: none;
    padding: 0;
    margin: 0 30px 0 0;
    cursor: pointer;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 300;
    width: auto;
    text-transform: capitalize;
    background-position: 100% 0
}

.new-home-banner-wrapper .pagination-dot.is-active {
    background-position: 0 0
}

.new-home-banner-wrapper .pay-pause-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.new-home-banner-wrapper .pagination-pay-pause {
    width: 30px;
    height: 30px;
    color: #acacac;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/pause-white.svg) no-repeat 55% 50%/60%;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    opacity: .5
}

.new-home-banner-wrapper .pagination-pay-pause.paused {
    border: 2px solid #fff;
    border-radius: 50%;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/play-white.svg) no-repeat 62% 50%/60%
}

.new-home-banner-wrapper .pagination-pay-pause:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.new-home-banner-wrapper .splide__pagination {
    position: relative;
    bottom: 25px
}

@media screen and (min-width:992px) {
    .new-home-banner-wrapper .splide__pagination {
        display: none
    }
}

.new-home-banner-wrapper .splide__progress {
    position: absolute;
    top: 0;
    width: 100%
}

.new-home-banner-wrapper .splide__progress__bar {
    background: #a8d04d;
    height: 4px;
    -webkit-animation: 4s linear animate infinite;
    animation: 4s linear animate infinite;
    background: -webkit-gradient(linear, left top, right top, from(#03a9f4), color-stop(#ff5800), color-stop(#fbba14), to(#03a9f4));
    background: linear-gradient(90deg, #03a9f4, #ff5800, #fbba14, #03a9f4);
    background-size: 200%
}

.new-home-banner-wrapper {
    background: #0d2642
}

@-webkit-keyframes fillLine {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@keyframes fillLine {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@media screen and (min-width:992px) {
    .convergence-gitx-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        padding-right: 20px
    }
}

@media screen and (min-width:1025px) {
    .convergence-gitx-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 63%;
        flex: 0 0 63%
    }
}

@media screen and (min-width:992px) {
    .convergence-gitx-left .new-home-banner__sub-heading-white {
        font-size: 50px;
        line-height: 60px
    }
}

.fixed-cost-banner {
    text-align: center;
    padding-bottom: 15px
}

@media screen and (min-width:992px) {
    .fixed-cost-banner {
        text-align: inherit;
        padding-bottom: 0
    }
}

.fixed-cost-banner:before {
    display: none
}

@media screen and (min-width:992px) {
    .fixed-cost-banner:before {
        display: block
    }
}

@media screen and (min-width:992px) {
    .fixed-cost-banner__spacing {
        padding: 120px 0 40px
    }
}

@media screen and (min-width:992px) {
    .fixed-cost-banner__subtitle {
        line-height: 37px;
        color: #fff
    }
}

@media screen and (min-width:992px) {
    .fixed-cost-banner__subtitle .highlight {
        color: #53d094
    }
}

.fixed-cost-banner__btn {
    padding: 15px 15px;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    margin-top: 30px;
    display: inline-block
}

@media screen and (min-width:992px) {
    .fixed-cost-banner__btn {
        padding: 15px 30px
    }
}

.fixed-cost-banner__btn svg {
    margin-left: 5px;
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.fixed-cost-banner__btn:hover svg {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.fixed-cost-banner__btn:hover path {
    fill: #ff5800
}

.fixed-cost-banner .o-engagement-banner__bannerimage {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .fixed-cost-banner .o-engagement-banner__bannerimage {
        margin-bottom: 0
    }
}

.fixed-core-engagement {
    padding-bottom: 0
}

@media screen and (min-width:992px) {
    .fixed-core-engagement {
        padding-bottom: 0
    }
}

.fixed-core-engagement:before {
    height: 20%
}

.fixed-core-engagement__wrapper {
    padding: 25px 10px 0
}

@media screen and (min-width:1180px) {
    .fixed-core-engagement__wrapper {
        padding: 65px 80px 0
    }
}

.fixed-core-engagement__wrapper:after,
.fixed-core-engagement__wrapper:before {
    display: none
}

.fixed-core-engagement__title {
    margin-bottom: 10px
}

.fixed-core-engagement__sub-heading {
    text-align: center;
    color: #474747;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .fixed-core-engagement__sub-heading {
        font-size: 25px;
        line-height: 34px;
        margin-bottom: 35px
    }
}

.fixed-core-engagement__corewrapper {
    padding: 20px;
    text-align: center;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@media screen and (min-width:992px) {
    .fixed-core-engagement__corewrapper {
        padding: 50px 70px
    }
}

.fixed-core-engagement__corewrapper i {
    display: block;
    margin: 0 auto;
    height: 50px
}

.fixed-core-engagement__corewrapper h3 {
    font-family: Poppins;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #333;
    margin-top: 15px;
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .fixed-core-engagement__corewrapper h3 {
        font-size: 31px;
        line-height: 38px;
        margin-top: 25px;
        margin-bottom: 15px
    }
}

.fixed-core-engagement__corewrapper p {
    font-family: Poppins;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .fixed-core-engagement__corewrapper p {
        font-size: 21px;
        line-height: 31px;
        margin-bottom: 30px
    }
}

.fixed-core-engagement__corewrapper a {
    font-family: Poppins;
    background: #ff5800;
    color: #fff;
    border: 2px solid #ff5800;
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    display: block;
    max-width: 250px;
    margin: 0 auto
}

.fixed-core-engagement__corewrapper a svg {
    margin-left: 5px;
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.fixed-core-engagement__corewrapper a:hover {
    background: 0 0;
    color: #ff5800
}

.fixed-core-engagement__corewrapper a:hover svg {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.fixed-core-engagement__corewrapper a:hover path {
    fill: #ff5800
}

.fixed-core-engagement__corewrapper--blue {
    border-bottom: 8px solid #4492dc
}

.fixed-core-engagement__corewrapper--green {
    border-bottom: 8px solid #3cc065
}

.fixed-core-engagement__need-help {
    text-align: center
}

.fixed-core-engagement__need-help h4 {
    font-family: Poppins;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .fixed-core-engagement__need-help h4 {
        margin-top: 50px;
        font-size: 31px
    }
}

.fixed-core-engagement__need-help a {
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
    color: #75a3f0
}

.fixed-core-engagement__need-help a svg {
    margin-left: 10px
}

.fixed-core-engagement__need-help a:hover {
    color: #3cc065
}

.fixed-core-engagement__need-help a:hover svg {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.fixed-core-engagement__need-help a:hover path {
    fill: #3cc065
}

.fixed-core-engagement__need-help a:hover span:before {
    background: #3cc065
}

.fixed-core-engagement__need-help a span {
    position: relative
}

.fixed-core-engagement__need-help a span:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #75a3f0
}

.fixed-cost-model {
    padding: 0;
    background: #f9f9f9
}

@media screen and (min-width:992px) {
    .fixed-cost-model {
        padding: 0
    }
}

.fixed-cost-model__heading {
    font-family: Poppins;
    text-align: center;
    color: #262e36
}

@media screen and (min-width:992px) {
    .fixed-cost-model__heading {
        font-size: 44px;
        line-height: 60px
    }
}

.fixed-cost-model__subheading {
    font-family: Poppins;
    text-align: center;
    color: #262e36;
    font-weight: 700;
    padding-bottom: 20px;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .fixed-cost-model__subheading {
        font-size: 40px;
        line-height: 58px;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
}

.fixed-cost-model__subheading:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    width: 201px;
    height: 4px;
    background: #3cc065
}

.fixed-cost-model__subtitle {
    font-family: Poppins;
    text-align: center;
    color: #474747;
    font-weight: 600;
    position: relative
}

@media screen and (min-width:992px) {
    .fixed-cost-model__subtitle {
        font-size: 22px;
        line-height: 34px
    }
}

.fixed-cost-model__sub-heading {
    font-family: Poppins;
    color: #262e36;
    font-size: 24px;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width:992px) {
    .fixed-cost-model__sub-heading {
        font-size: 31px
    }
}

.fixed-cost-model__wrapper {
    position: relative
}

@media screen and (min-width:992px) {
    .fixed-cost-model__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.fixed-cost-model__wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 2px;
    width: 100%;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/fixed-cost/dashed-img.png) repeat-x 0 0;
    display: none
}

@media screen and (min-width:992px) {
    .fixed-cost-model__wrapper:before {
        display: block;
        width: 87%
    }
}

@media screen and (min-width:1200px) {
    .fixed-cost-model__wrapper:before {
        width: 87%
    }
}

@media screen and (min-width:1280px) {
    .fixed-cost-model__wrapper:before {
        width: 100%
    }
}

.fixed-cost-model__card {
    border: 1px solid #898989;
    padding: 30px 30px 30px 25px;
    position: relative;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .fixed-cost-model__card {
        margin: 33px 0;
        padding: 30px 30px 30px 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24.4%;
        flex: 0 0 24.4%
    }
}

@media screen and (min-width:1200px) {
    .fixed-cost-model__card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25.4%;
        flex: 0 0 25.4%
    }
}

@media screen and (min-width:1280px) {
    .fixed-cost-model__card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.4%;
        flex: 0 0 29.4%
    }
}

@media screen and (min-width:992px) {

    .fixed-cost-model__card:nth-child(2),
    .fixed-cost-model__card:nth-child(5) {
        margin: 33px 66px
    }
}

.fixed-cost-model__card:last-child {
    margin-right: 0
}

@media screen and (min-width:992px) {
    .fixed-cost-model__card--right-arrow::before {
        content: "";
        position: absolute;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/fixed-cost/arrow-right.svg) no-repeat 0 0;
        width: 57px;
        height: 17px;
        right: -59px;
        top: 94px
    }
}

.fixed-cost-model__card-icon {
    display: inline-block;
    height: 50px;
    margin-bottom: 15px
}

.fixed-cost-model__card-heading {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    color: #333
}

.fixed-cost-model__card-para {
    font-family: Poppins;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin-bottom: 0
}

.fixed-cost-model__numerics {
    font-family: Poppins;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #0e003f;
    color: #fff;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 600;
    border: 11px solid #ebeffa
}

.fixed-cost-model__curve-arrow-right {
    position: absolute;
    top: 141px;
    right: -48px;
    display: none
}

@media screen and (min-width:992px) {
    .fixed-cost-model__curve-arrow-right {
        top: 163px;
        right: 10px;
        display: block
    }
}

@media screen and (min-width:1200px) {
    .fixed-cost-model__curve-arrow-right {
        top: 141px;
        right: 17px
    }
}

@media screen and (min-width:1280px) {
    .fixed-cost-model__curve-arrow-right {
        right: -48px
    }
}

.fixed-cost-model__curve-arrow-left {
    position: absolute;
    left: -49px;
    bottom: 128px;
    display: none
}

@media screen and (min-width:992px) {
    .fixed-cost-model__curve-arrow-left {
        left: 10px;
        bottom: 150px;
        display: block
    }
}

@media screen and (min-width:1200px) {
    .fixed-cost-model__curve-arrow-left {
        bottom: 128px;
        left: 17px
    }
}

@media screen and (min-width:1280px) {
    .fixed-cost-model__curve-arrow-left {
        left: -49px
    }
}

.fixed-cost-benefits {
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .fixed-cost-benefits {
        margin-top: 33px
    }
}

.fixed-cost-benefits h4 {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
    color: #262e36;
    text-align: center;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .fixed-cost-benefits h4 {
        font-size: 31px;
        margin-bottom: 35px
    }
}

.fixed-cost-benefits__card {
    padding: 30px 30px 30px 25px;
    border: 1px solid #ddd;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .fixed-cost-benefits__card {
        padding: 30px 30px 30px 25px;
        height: 100%;
        margin-bottom: 0
    }
}

.fixed-cost-benefits__card-icon {
    display: inline-block;
    height: 50px;
    margin-bottom: 15px
}

.fixed-cost-benefits__card-heading {
    font-family: Poppins;
    font-size: 21px;
    line-height: 32px;
    font-weight: 600;
    color: #333
}

.fixed-cost-benefits__card-para {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    color: #333;
    margin-bottom: 0
}

.fixed-cost-benefits__btn {
    font-family: Poppins;
    background: #ff5800;
    color: #fff;
    border: 2px solid #ff5800;
    padding: 15px 15px;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    display: inline-block;
    margin: 15px 0 0
}

@media screen and (min-width:992px) {
    .fixed-cost-benefits__btn {
        margin: 35px 0 0;
        padding: 15px 30px
    }
}

.fixed-cost-benefits__btn svg {
    margin-left: 5px;
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.fixed-cost-benefits__btn:hover {
    background: 0 0;
    color: #ff5800
}

.fixed-cost-benefits__btn:hover svg {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.fixed-cost-benefits__btn:hover path {
    fill: #ff5800
}

@media screen and (min-width:992px) {
    .v-gap {
        height: 60px
    }
}

@media screen and (min-width:992px) {
    .custom-solution--fixed {
        padding: 60px 0 60px !important
    }
}

@media screen and (min-width:992px) {
    .custom-solution--fixed .custom-solution__heading {
        margin-bottom: 40px
    }
}

@media screen and (min-width:992px) {
    .custom-solution--fixed .btn-wrapper-v2--pair .btn-v2 {
        margin: 25px 5px 20px
    }
}

.new-faq--fixed .faq-sub-title {
    font-family: Poppins;
    font-size: 19px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .new-faq--fixed .faq-sub-title {
        font-size: 25px;
        line-height: 34px;
        margin-bottom: 30px
    }
}

@media screen and (min-width:992px) and (min-width:992px) {
    .new-faq--fixed .faq-sub-title {
        margin-bottom: 50px
    }
}

.new-faq--fixed h2 {
    font-weight: 700
}

@media screen and (min-width:992px) {
    .new-faq--fixed h2 {
        padding-bottom: 15px
    }
}

.agile-process {
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 40px
}

@media screen and (min-width:992px) {
    .agile-process {
        padding: 0 0 60px
    }
}

.agile-process h3 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .agile-process h3 {
        margin-bottom: 0
    }
}

.agile-process .fixed-cost-model__card {
    border: 1px solid #ddd
}

@media screen and (min-width:992px) {
    .agile-process .fixed-cost-model__card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        padding: 30px 25px 30px 25px;
        -webkit-box-shadow: 5px -4px 20px -7px rgba(0, 0, 0, .1);
        box-shadow: 5px -4px 20px -7px rgba(0, 0, 0, .1)
    }
}

@media screen and (min-width:1200px) {
    .agile-process .fixed-cost-model__card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24%;
        flex: 0 0 24%
    }
}

.agile-process .fixed-cost-model__wrapper:before {
    width: 68%;
    top: 49.5%;
    right: inherit;
    left: 23.5%
}

@media screen and (min-width:992px) {
    .agile-process .fixed-cost-model__wrapper:before {
        width: 80%;
        top: 49.5%;
        right: inherit;
        left: 19%
    }
}

@media screen and (min-width:1200px) {
    .agile-process .fixed-cost-model__wrapper:before {
        width: 69%;
        top: 49.5%;
        right: inherit;
        left: 23%
    }
}

@media screen and (min-width:1280px) {
    .agile-process .fixed-cost-model__wrapper:before {
        width: 68%;
        top: 49.5%;
        right: inherit;
        left: 23.5%
    }
}

.agile-process .fixed-cost-model__curve-arrow-right {
    right: 46px;
    top: 137px
}

@media screen and (min-width:992px) {
    .agile-process .fixed-cost-model__curve-arrow-right {
        right: -41px;
        top: 135px
    }
}

@media screen and (min-width:1200px) {
    .agile-process .fixed-cost-model__curve-arrow-right {
        right: 40px;
        top: 137px
    }
}

@media screen and (min-width:1280px) {
    .agile-process .fixed-cost-model__curve-arrow-right {
        right: 46px;
        top: 137px
    }
}

.agile-process .fixed-cost-model__curve-arrow-left {
    left: 215px;
    bottom: 134px
}

@media screen and (min-width:992px) {
    .agile-process .fixed-cost-model__curve-arrow-left {
        left: 122px;
        bottom: 132px
    }
}

@media screen and (min-width:1200px) {
    .agile-process .fixed-cost-model__curve-arrow-left {
        left: 207px;
        bottom: 133px
    }
}

@media screen and (min-width:1280px) {
    .agile-process .fixed-cost-model__curve-arrow-left {
        left: 215px;
        bottom: 134px
    }
}

.agile-process .fixed-cost-model__card--mr0 {
    margin-right: 0
}

.agile-process .fixed-cost-model__card-para {
    font-size: 16px
}

.agile-process .fixed-cost-model__card-heading {
    font-size: 18px
}

@media screen and (min-width:1200px) {
    .agile-process .fixed-cost-model__card-heading {
        font-size: 19px
    }
}

@media screen and (min-width:992px) {
    .agile-process .fixed-cost-model__card--right-arrow::before {
        top: 100px
    }
}

.fixed-cost .custom-review {
    background: #f9f9f9;
    border-top: 1px solid #e0e0e0
}

.scroll-to-box {
    height: 40px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 30px;
    background: #fff
}

@media screen and (min-width:992px) {
    .scroll-to-box {
        height: 72px;
        margin-bottom: 60px
    }
}

.scroll-to-box-agile {
    height: 40px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 30px;
    background: #f9f9f9
}

@media screen and (min-width:992px) {
    .scroll-to-box-agile {
        height: 71px;
        margin-bottom: 60px
    }
}

.custom-solution {
    background-color: #f9f9f9;
    padding: 30px 0 40px
}

@media screen and (min-width:992px) {
    .custom-solution {
        padding: 60px 0
    }
}

.custom-solution__heading {
    color: #262e36;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px
}

@media screen and (min-width:992px) {
    .custom-solution__heading {
        padding-bottom: 0
    }
}

.custom-solution__sub-heading {
    font-family: Poppins !important;
    font-size: 25px;
    line-height: 34px;
    font-weight: 600;
    color: #474747;
    margin-top: 15px
}

.custom-solution__sub-heading--home-sub {
    padding: 10px 0 30px
}

.custom-solution__sub-heading--small {
    font-size: 21px;
    line-height: 32px;
    margin: 25px 0 0
}

.custom-solution__card-gradient {
    margin-bottom: 15px;
    border: 1px solid #898989;
    display: block;
    position: relative
}

@media screen and (min-width:992px) {
    .custom-solution__card-gradient {
        cursor: pointer;
        overflow: hidden;
        padding: 2px;
        border: 0;
        margin-bottom: 25px
    }
}

.custom-solution__card-gradient:before {
    content: '+';
    position: absolute;
    top: 20px;
    right: 10px;
    font-size: 36px;
    line-height: 0;
    font-weight: 300;
    color: #898989;
    z-index: 99;
    display: none
}

@media screen and (min-width:992px) {
    .custom-solution__card-gradient:before {
        display: block
    }
}

.custom-solution__card-gradient:after {
    content: '';
    position: absolute;
    top: -106px;
    right: 0;
    bottom: 0;
    left: -31px;
    background: #898989;
    width: 430px;
    height: 430px;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    display: none
}

@media screen and (min-width:992px) {
    .custom-solution__card-gradient:after {
        display: block
    }
}

.custom-solution__card-gradient:hover:after {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%);
    display: none
}

@media screen and (min-width:992px) {
    .custom-solution__card-gradient:hover:after {
        display: block
    }
}

.custom-solution__card-gradient:hover:before {
    color: #35b15c
}

@media screen and (min-width:992px) {
    .custom-solution__card-gradient--active {
        background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
        background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
    }
}

.custom-solution__card-gradient--active:before {
    content: '-';
    top: 16px;
    font-size: 44px;
    color: #35b15c
}

@media screen and (min-width:992px) {
    .custom-solution__card-gradient--active:after {
        -webkit-animation: rotation2 3s linear infinite;
        animation: rotation2 3s linear infinite;
        background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
        background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
    }
}

.custom-solution__card {
    background: #f9f9f9;
    page-break-inside: avoid;
    padding: 20px 40px 20px 15px;
    position: relative;
    z-index: 9
}

@media screen and (min-width:992px) {
    .custom-solution__card {
        padding: 20px 20px 20px 20px
    }
}

.custom-solution__collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.custom-solution__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    margin-right: 15px
}

.custom-solution__icon--fixed-flex {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px;
    max-width: 45px
}

.custom-solution__card-heading {
    font-family: Poppins !important;
    font-size: 19px;
    line-height: 31px;
    font-weight: 600;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .custom-solution__card-description-wrapper {
        display: none;
        margin-top: 15px
    }
}

.custom-solution__card-description {
    font-family: Poppins !important;
    font-size: 14px;
    line-height: 22px;
    color: #727272;
    display: none
}

@media screen and (min-width:992px) {
    .custom-solution__card-description {
        display: block
    }
}

.custom-solution__card-link {
    font-family: Poppins !important;
    font-size: 0;
    font-weight: 600;
    color: #333;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width:992px) {
    .custom-solution__card-link {
        font-size: 14px;
        position: static
    }
}

.custom-solution__card-link::before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/custom-solutions/r-arrow.png) no-repeat 0 0;
    width: 22px;
    height: 12px;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block
}

@media screen and (min-width:992px) {
    .custom-solution__card-link::before {
        display: none
    }
}

.custom-solution__card-link svg {
    margin-left: 10px;
    display: none
}

@media screen and (min-width:992px) {
    .custom-solution__card-link svg {
        display: inherit
    }
}

.custom-solution .btn-wrapper-v2--pair .btn-v2 {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .custom-solution .btn-wrapper-v2--pair .btn-v2 {
        margin-top: 25px
    }
}

@keyframes rotation2 {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.o-scale-dedicated {
    background-color: #f9f9f9
}

.o-scale-dedicated__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-scale-dedicated__spacing {
        padding: 60px 0
    }
}

.o-scale-dedicated__heading {
    font-family: Poppins;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    color: #262e36;
    margin: 0 0 20px;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-scale-dedicated__heading {
        font-size: 51px;
        line-height: 30px;
        margin: 0 0 45px
    }
}

.o-scale-dedicated__heading--second {
    margin: 30px 0 20px
}

@media screen and (min-width:992px) {
    .o-scale-dedicated__heading--second {
        line-height: 65px;
        margin: 30px 0 20px
    }
}

.o-scale-dedicated__box {
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 18px 18px 22px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    text-align: center
}

@media screen and (min-width:992px) {
    .o-scale-dedicated__box {
        height: 100%;
        min-height: 225px;
        padding: 29px 30px 40px 45px;
        text-align: left
    }
}

.o-scale-dedicated__boxtitle {
    font-family: Poppins;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #333;
    margin: 10px 0 10px
}

@media screen and (min-width:992px) {
    .o-scale-dedicated__boxtitle {
        font-size: 21px;
        line-height: 32px
    }
}

.o-scale-dedicated__boxcontent {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    color: #333;
    margin: 0
}

.o-scale-dedicated .mb-30 {
    margin-bottom: 30px
}

.o-scale-dedicated__list {
    max-width: 942px;
    margin: 20px auto 0
}

.o-scale-dedicated__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #898989), color-stop(0, rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, #898989 40%, rgba(255, 255, 255, 0) 0);
    background-position: bottom;
    background-size: 10px 1px;
    background-repeat: repeat-x;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-scale-dedicated__item {
        padding: 34px 0 44px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left
    }
}

.o-scale-dedicated__item i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 54px;
    flex: 0 0 54px;
    margin-right: 18px;
    height: auto !important
}

.o-scale-dedicated i {
    display: inline-block;
    height: 52px
}

.o-scale-dedicated__itemcontent {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%
}

.o-scale-dedicated__itemtitle {
    font-family: Poppins;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #333;
    margin: 12px 0
}

@media screen and (min-width:992px) {
    .o-scale-dedicated__itemtitle {
        font-size: 21px;
        line-height: 32px;
        margin: 0 0 10px
    }
}

.o-scale-dedicated__itemsub {
    font-family: Poppins;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #333;
    margin: 0
}

.o-scale-dedicated__headingbottom {
    font-family: Poppins;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #262e36;
    text-align: center;
    margin: 40px 0 30px
}

@media screen and (min-width:992px) {
    .o-scale-dedicated__headingbottom {
        font-size: 31px;
        line-height: 40px
    }
}

.o-scale-dedicated__btn {
    margin: auto;
    text-transform: capitalize
}

.o-how-dedicated {
    background-color: #0e003f
}

.o-how-dedicated__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-how-dedicated__spacing {
        padding: 60px 0
    }
}

.o-how-dedicated__heading {
    font-family: Poppins;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 15px;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-how-dedicated__heading {
        font-size: 51px;
        line-height: 60px
    }
}

.o-how-dedicated__subheading {
    font-family: Poppins;
    font-size: 21px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    margin-bottom: 45px
}

.o-how-dedicated__list {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:992px) {
    .o-how-dedicated__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 50px
    }
}

.o-how-dedicated__item {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 28px 15px 20px 22px;
    max-width: 254px;
    margin: 0 auto 60px;
    width: 100%;
    min-height: 220px;
    position: relative
}

@media screen and (min-width:992px) {
    .o-how-dedicated__item {
        width: 22%;
        margin: 0
    }
}

.o-how-dedicated__item:after {
    position: absolute;
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/two-for-one/dedicated-right-arrow.svg) no-repeat center;
    background-size: 100%;
    height: 10px;
    width: 35px;
    top: inherit;
    right: 0;
    left: 0;
    bottom: -35px;
    margin: auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (min-width:992px) {
    .o-how-dedicated__item:after {
        top: 50%;
        right: -35px;
        bottom: inherit;
        left: inherit;
        -webkit-transform: none;
        transform: none
    }
}

.o-how-dedicated__item:last-child {
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .o-how-dedicated__item:last-child {
        margin: 0
    }
}

.o-how-dedicated__item:last-child:after {
    display: none
}

.o-how-dedicated__item i {
    display: inline-block;
    height: 52px
}

.o-how-dedicated__itemtitle {
    font-family: Poppins;
    font-size: 21px;
    line-height: 31px;
    color: #333;
    font-weight: 600;
    margin: 18px 0 8px
}

.o-how-dedicated__itemcontent {
    font-family: Poppins;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    margin: 0
}

.o-how-dedicated__itemcontent a {
    color: #ff5800;
    font-weight: 500
}

.o-how-dedicated__itemcontent a:hover {
    text-decoration: underline;
    position: relative
}

.o-how-dedicated__number {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    width: 58px;
    height: 58px;
    background-color: #0e003f;
    border-radius: 50%;
    border: 11px solid #ebeff9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 9px
}

.new-home-banner__btn-arrow {
    margin-left: 10px
}

.faq-subform {
    font-family: Poppins;
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 35px;
    color: #333
}

.pool-dedicated-btn {
    margin: 15px auto 0 !important
}

@media screen and (min-width:992px) {
    .pool-dedicated-btn {
        margin: 50px 5px 0 !important
    }
}

.banner-services__subtitle {
    font-family: Poppins;
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    color: #3cc065
}

@media (min-width:767px) {
    .banner-services__subtitle {
        font-size: 25px;
        line-height: 40px;
        font-weight: 700
    }
}

@media (min-width:1024px) {
    .banner-services__subtitle {
        font-size: 31px;
        line-height: 47px
    }
}

.banner-services__header-br {
    display: none
}

@media (min-width:1024px) {
    .banner-services__header-br {
        display: block
    }
}

@media screen and (min-width:992px) {
    .services-tab {
        overflow: visible
    }
}

.services-tab__heading {
    margin-bottom: 20px
}

.services-tab__description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600px;
    text-align: center;
    font-family: Poppins !important;
    margin-bottom: 0
}

@media (min-width:767px) {
    .services-tab__description {
        font-size: 20px;
        line-height: 30px
    }
}

@media (min-width:1024px) {
    .services-tab__description {
        font-size: 25px;
        line-height: 34px
    }
}

.services-tab .o-accordion__nav .active {
    color: #4492dc
}

.services-tab .o-accordion__tab:hover {
    color: #4492dc
}

@media screen and (min-width:992px) {
    .o-accordion__content-title--service {
        padding-top: 0;
        margin-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .o-accordion__content-area--service {
        position: static
    }
}

@media screen and (min-width:992px) {
    .o-accordion__content--service {
        padding: 40px 0 55px 55px
    }
}

.o-accordion__content-head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .o-accordion__content-head {
        padding-right: 50px;
        padding-bottom: 15px
    }
}

.o-accordion__content-head:before {
    content: '';
    position: absolute;
    background: #4492dc;
    width: 49px;
    height: 4px;
    bottom: 0;
    left: 0
}

.o-accordion__content-head i {
    display: inline-block;
    margin-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55px;
    flex: 0 0 55px;
    height: 60px;
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.o-accordion__content-items {
    padding-left: 40px;
    margin-bottom: 10px;
    position: relative
}

.o-accordion__content-items:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/new-services/tick-circle.png) no-repeat 0 0;
    width: 25px;
    height: 25px
}

.o-accordion__content-items h4 {
    font-family: Poppins;
    font-size: 21px
}

.o-accordion__content-items p {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px
}

.o-accordion__content-btn {
    font-family: Poppins;
    display: inline-block;
    padding: 15px 24px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #ff5800;
    border: 1px solid #ff5800;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    position: relative;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-accordion__content-btn {
        font-size: 15px
    }
}

.o-accordion__content-btn svg {
    margin-left: 7px;
    width: 20px
}

@media screen and (min-width:992px) {
    .o-accordion__content-btn svg {
        width: 32px;
        margin-left: 10px
    }
}

.o-accordion__content-btn:hover {
    color: #ff5800;
    background: 0 0
}

.o-accordion__content-btn:hover svg {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.o-accordion__content-btn:hover path {
    fill: #ff5800
}

.c-core-element-wrap {
    border-bottom: 1px solid #e0e0e0
}

.c-core-element-wrap__subheading {
    font-family: Poppins;
    font-size: 18px;
    line-height: 27px;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin: 0 0 15px
}

@media screen and (min-width:992px) {
    .c-core-element-wrap__subheading {
        font-size: 21px;
        line-height: 31px
    }
}

.c-core-element-wrap__subheading--stext {
    font-size: 15px;
    margin: 0;
    line-height: normal;
    text-align: left
}

.c-core-element-wrap__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-core-element-wrap__item {
    width: 100%;
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    border: 1px solid #ddd;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .c-core-element-wrap__item {
        width: 20%;
        border: none;
        margin-bottom: 30px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.c-core-element-wrap__border-bottom {
    position: relative
}

@media screen and (min-width:992px) {
    .c-core-element-wrap__border-bottom:after {
        content: "";
        position: absolute;
        width: 80%;
        height: 1px;
        background-color: #ddd;
        bottom: -15px;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

@media screen and (min-width:992px) {
    .c-core-element-wrap__border-right {
        border-right: 1px solid #ddd
    }
}

.sample-work-wrap h2 {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: #262e36;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .sample-work-wrap h2 {
        font-size: 48px;
        line-height: 58px;
        margin-bottom: 40px
    }
}

.sample-work-wrap h5 {
    font-family: Poppins
}

@media screen and (min-width:767px) {
    .o-development-process.o-skill-service .btn-auto-width {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

.common-padding {
    padding: 30px 0 40px
}

@media screen and (min-width:992px) {
    .common-padding {
        padding: 45px 0 60px
    }
}

.about-us__topheading {
    font-family: Poppins;
    font-size: 20px;
    line-height: 34px;
    font-weight: 700;
    color: #3cc065;
    text-align: center;
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .about-us__topheading {
        font-size: 31px;
        line-height: 54px
    }
}

.about-us__heading {
    font-family: Poppins;
    color: #262e36;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width:992px) {
    .about-us__heading {
        font-size: 46px;
        line-height: 60px
    }
}

.company-banner {
    position: relative;
    background: #0d2642 url<?php bloginfo('template_directory');
    ?>/assets/images/new-company-profile/company-profile-banner.png) no-repeat;
    background-position: 27% 0;
    background-size: 200%;
    margin-top: 68px;
    overflow: hidden
}

@media screen and (min-width:992px) {
    .company-banner {
        background: #0d2642 url<?php bloginfo('template_directory');
        ?>/assets/images/new-company-profile/company-profile-banner.png) no-repeat;
        background-position: top right;
        background-size: 80%
    }
}

.company-banner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/banner-gradient.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 20%;
    top: 0;
    left: 0
}

.company-banner__spacing {
    padding: 60px 0
}

@media screen and (min-width:992px) {
    .company-banner__spacing {
        padding: 110px 0
    }
}

@media screen and (min-width:1540px) {
    .company-banner__spacing {
        padding: 159px 0
    }
}

.company-banner__heading {
    font-family: Poppins;
    color: #fff;
    font-size: 31px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center
}

@media screen and (min-width:992px) {
    .company-banner__heading {
        font-size: 51px;
        line-height: 54px
    }
}

.company-banner__subheading {
    font-family: Poppins;
    color: #fff;
    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 25px;
    text-align: center
}

@media screen and (min-width:992px) {
    .company-banner__subheading {
        font-size: 31px;
        line-height: 38px
    }
}

.company-banner__btn {
    width: 100%;
    max-width: 100%;
    padding: 15px;
    text-transform: capitalize
}

@media screen and (min-width:992px) {
    .company-banner__btn {
        max-width: 333px
    }
}

.o-our-story {
    position: relative;
    background-color: #f9f9f9
}

@media screen and (min-width:1200px) {
    .o-our-story .container {
        max-width: 1000px
    }
}

.o-our-story .about-us__heading {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .o-our-story .about-us__heading {
        margin-bottom: 60px
    }
}

.o-our-story__content {
    font-family: Poppins;
    color: #333;
    font-size: 16px;
    line-height: 27px;
    margin: 0 auto 15px;
    width: 100%;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-our-story__content {
        margin: 0 auto 20px;
        text-align: left
    }
}

@media screen and (min-width:1180px) {
    .o-our-story__content {
        width: 90%
    }
}

.o-our-story__btn {
    width: 100%;
    max-width: 100%;
    padding: 15px;
    text-transform: capitalize;
    margin: 15px auto 0
}

@media screen and (min-width:992px) {
    .o-our-story__btn {
        max-width: 292px;
        margin: 40px auto 0
    }
}

.o-our-evolution .about-us__heading {
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .o-our-evolution .about-us__heading {
        margin-bottom: 10px
    }
}

.o-our-evolution__bottomtext {
    font-family: Poppins;
    color: #333;
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .o-our-evolution__bottomtext {
        font-size: 25px;
        line-height: 27px
    }
}

.o-our-evolution__timeline {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 30px 0 5px;
    width: 100%;
    overflow: hidden
}

@media screen and (min-width:992px) {
    .o-our-evolution__timeline {
        margin: 66px 0 10px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.o-our-evolution__timeline .splide__arrows {
    display: block
}

.o-our-evolution__timeline .splide__arrow--prev {
    top: 28px
}

.o-our-evolution__timeline .splide__arrow--next {
    top: 28px
}

.o-our-evolution__year {
    width: 100%;
    display: none
}

@media screen and (min-width:800px) {
    .o-our-evolution__year {
        width: 20%;
        display: block;
        padding-left: 35px
    }
}

.o-our-evolution__year li {
    position: relative
}

.o-our-evolution__year li:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    top: 27px;
    background-color: #c4bbc5;
    left: -23px;
    z-index: 1;
    display: none
}

@media screen and (min-width:992px) {
    .o-our-evolution__year li:after {
        display: block
    }
}

.o-our-evolution__year li a {
    display: block;
    width: auto;
    height: auto;
    text-align: center;
    opacity: 1;
    background: 0 0;
    color: #6e6e71;
    margin: 15px 0;
    position: relative;
    font-size: 21px;
    font-weight: 600;
    display: inline-block
}

.o-our-evolution__year li a:hover {
    color: #4492dc;
    text-indent: 2px
}

.o-our-evolution__year li a:hover:before {
    border-color: #4492dc
}

@media screen and (min-width:992px) {
    .o-our-evolution__year li a {
        text-align: left
    }
}

.o-our-evolution__year li a:before {
    content: "";
    position: absolute;
    top: 6px;
    left: -32.5px;
    width: 21px;
    height: 21px;
    border-radius: 100%;
    background-color: #fff;
    border: 2px solid #898989;
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 2;
    display: none
}

@media screen and (min-width:992px) {
    .o-our-evolution__year li a:before {
        display: block
    }
}

.o-our-evolution__year li a.active {
    color: #4492dc
}

.o-our-evolution__year li a.active:hover {
    text-indent: 0
}

.o-our-evolution__year li a.active:before {
    background-color: #4492dc;
    border: 2px solid #4492dc
}

@media screen and (min-width:992px) {
    .o-our-evolution__year li:first-child a {
        margin: 0 0 15px
    }
}

@media screen and (min-width:992px) {
    .o-our-evolution__year li:last-child a {
        margin: 15px 0 0
    }
}

.o-our-evolution__year li:last-child:after {
    display: none
}

.o-our-evolution__yearcontent {
    width: 100%;
    height: 400px;
    overflow: hidden
}

@media screen and (min-width:800px) {
    .o-our-evolution__yearcontent {
        width: 40%;
        padding: 0 10px
    }
}

.o-our-evolution .owl-item {
    -webkit-animation-duration: 30ms;
    animation-duration: 30ms
}

.o-our-evolution .owl-nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%
}

.o-our-evolution .owl-prev {
    font-size: 45px !important;
    color: #000 !important;
    background-color: #fff !important;
    width: 50px;
    height: 50px;
    border: 1px solid #3cc065 !important;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    font-weight: 300 !important
}

.o-our-evolution .owl-prev span {
    position: relative;
    top: -3px;
    left: -1px;
    height: 50px;
    line-height: 50px
}

.o-our-evolution .owl-prev:hover {
    color: #fff !important;
    background-color: #3cc065 !important
}

.o-our-evolution .owl-next {
    font-size: 45px !important;
    color: #000 !important;
    background-color: #fff !important;
    width: 50px;
    height: 50px;
    border: 1px solid #3cc065 !important;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    font-weight: 300 !important
}

.o-our-evolution .owl-next span {
    position: relative;
    top: -3px;
    right: -1px;
    height: 50px;
    line-height: 50px
}

.o-our-evolution .owl-next:hover {
    color: #fff !important;
    background-color: #3cc065 !important
}

.o-our-evolution .ele {
    margin-bottom: 50px
}

.o-our-evolution .ele h6 {
    font-family: Poppins;
    color: #4492dc;
    display: block;
    font-size: 30px;
    margin: 10px 0 30px;
    font-weight: 700;
    opacity: 1;
    -webkit-transition: .2s ease .4s;
    transition: .2s ease .4s;
    text-align: center
}

@media screen and (min-width:800px) {
    .o-our-evolution .ele h6 {
        opacity: .2;
        font-size: 24px;
        color: #333
    }
}

@media screen and (min-width:992px) {
    .o-our-evolution .ele h6 {
        font-size: 31px;
        margin: 0 0 15px;
        text-align: left
    }
}

.o-our-evolution .ele p {
    font-family: Poppins;
    color: #333;
    font-size: 18px;
    line-height: 26px;
    color: #333;
    font-weight: 500;
    opacity: 1;
    -webkit-transition: .2s ease .6s;
    transition: .2s ease .6s;
    margin: 0;
    text-align: center
}

@media screen and (min-width:800px) {
    .o-our-evolution .ele p {
        opacity: .2
    }
}

@media screen and (min-width:992px) {
    .o-our-evolution .ele p {
        font-size: 21px;
        line-height: 35px;
        text-align: left
    }
}

.o-our-evolution .ele .mobile-timeline-image {
    margin-top: 15px;
    display: block
}

@media screen and (min-width:800px) {
    .o-our-evolution .ele .mobile-timeline-image {
        display: none
    }
}

.o-our-evolution .ele.active h6 {
    opacity: 1;
    -webkit-transition: .4s ease .8s;
    transition: .4s ease .8s
}

.o-our-evolution .ele.active p {
    opacity: 1;
    -webkit-transition: .4s ease 1s;
    transition: .4s ease 1s
}

.o-our-evolution .timeline-image {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
    display: none;
    position: relative
}

@media screen and (min-width:800px) {
    .o-our-evolution .timeline-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 36%;
        margin-left: 4%;
        margin-top: 0
    }
}

.o-our-evolution .time-image {
    position: absolute;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: .2s ease .8s;
    transition: .2s ease .8s;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    left: 0;
    top: 0;
    right: 0;
    width: auto;
    margin: auto
}

.o-our-evolution .time-image.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: .6s ease 1.4s;
    transition: .6s ease 1.4s
}

@media screen and (min-width:1200px) {
    .o-partner-need .container {
        max-width: 1000px
    }
}

@media screen and (min-width:992px) {
    .o-partner-need .about-us__heading {
        margin-bottom: 50px
    }
}

.o-partner-need__box {
    background-color: #fff;
    border: 1px solid #e4e6e9;
    border-radius: 6px 6px 0 0;
    -webkit-box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .12);
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 25px
}

@media screen and (min-width:992px) {
    .o-partner-need__box {
        padding: 35px 25px 20px
    }
}

@media screen and (min-width:1180px) {
    .o-partner-need__box {
        padding: 43px 50px 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.o-partner-need__box i {
    display: inline-block;
    height: 50px
}

.o-partner-need__box--green {
    border-bottom: 8px solid #3cc065
}

.o-partner-need__box--blue {
    border-bottom: 8px solid #4492dc
}

.o-partner-need__boxheading {
    font-family: Poppins;
    font-size: 28px;
    line-height: 33px;
    font-weight: 700;
    text-align: center;
    margin: 30px 0 15px;
    text-align: center;
    color: #333
}

@media screen and (min-width:992px) {
    .o-partner-need__boxheading {
        font-size: 31px;
        line-height: 36px
    }
}

.o-partner-need__boxcontent {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    color: #333
}

.o-partner-need__boxbtn {
    max-width: 100%;
    width: 100%;
    padding: 15px;
    margin-top: auto;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 600;
    border: 2px solid #ff5800
}

@media screen and (min-width:992px) {
    .o-partner-need__boxbtn {
        max-width: 250px
    }
}

.o-partner-need__btn {
    width: 100%;
    max-width: 100%;
    margin: 27px auto 0;
    text-transform: capitalize
}

@media screen and (min-width:992px) {
    .o-partner-need__btn {
        max-width: 275px
    }
}

.mb-30 {
    margin-bottom: 15px !important
}

@media screen and (min-width:768px) {
    .mb-30 {
        margin-bottom: 30px !important
    }
}

.o-why-capital {
    position: relative;
    background-color: #0e003f
}

.o-why-capital .about-us__heading {
    color: #fff;
    margin-bottom: 15px;
    text-align: center
}

.o-why-capital__content {
    color: #fff;
    font-size: 21px;
    line-height: 27px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 45px
}

.o-why-capital__box {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 25px 22px;
    text-align: center
}

.o-why-capital__box i {
    display: inline-block;
    height: 50px
}

@media screen and (min-width:992px) {
    .o-why-capital__box {
        text-align: left
    }
}

.o-why-capital__title {
    font-family: Poppins;
    font-size: 21px;
    line-height: 26px;
    color: #333;
    margin: 18px 0 7px;
    font-weight: 600
}

.o-why-capital__boxcontent {
    font-family: Poppins;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    margin: 0
}

.o-why-capital__btn {
    max-width: 100%;
    width: 100%;
    text-transform: capitalize;
    padding: 15px;
    margin: 11px auto 0
}

@media screen and (min-width:992px) {
    .o-why-capital__btn {
        max-width: 358px
    }
}

.o-people__topcontent {
    font-family: Poppins;
    font-size: 20px;
    line-height: 30px;
    color: #333;
    margin: 25px auto;
    font-weight: 500;
    text-align: center;
    width: 100%
}

@media screen and (min-width:992px) {
    .o-people__topcontent {
        width: 92%;
        font-size: 25px;
        line-height: 37px
    }
}

.o-people__btn {
    padding: 15px;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 600;
    max-width: 100%;
    width: 100%;
    margin: auto
}

@media screen and (min-width:992px) {
    .o-people__btn {
        max-width: 311px;
        margin: 30px auto 0
    }
}

.o-people .team {
    position: relative;
    border-color: #898989 !important;
    border-radius: 0 !important;
    font-family: Poppins;
    font-size: 15px;
    min-height: 348px
}

.o-people .team:hover {
    border-color: #fff !important
}

.o-people .team span {
    font-size: 22px;
    font-weight: 500
}

.o-people .owl-dots {
    margin-top: 30px
}

.o-people .splide__pagination {
    position: relative;
    margin: 30px 0 20px
}

.o-people .splide__pagination .splide__pagination__page.is-active {
    background: #ff5800
}

.o-testimonial {
    background-color: #f9f9f9
}

.o-testimonial__heading {
    font-family: Poppins;
    font-size: 31px;
    line-height: 38px;
    color: #262e36;
    text-align: center;
    font-weight: 700;
    margin-bottom: 35px
}

@media screen and (min-width:992px) {
    .o-testimonial__heading {
        font-size: 51px;
        line-height: 56px
    }
}

.o-testimonial .splide__arrows {
    display: block
}

.o-testimonial .splide__arrow--prev {
    font-size: 45px !important;
    color: #000 !important;
    background-color: #fff !important;
    width: 50px;
    height: 50px;
    border: 1px solid #3cc065 !important;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    font-weight: 300 !important;
    bottom: -125px;
    top: inherit;
    left: 35%
}

@media screen and (min-width:992px) {
    .o-testimonial .splide__arrow--prev {
        left: 40%
    }
}

@media screen and (min-width:1100px) {
    .o-testimonial .splide__arrow--prev {
        left: 45%
    }
}

.o-testimonial .splide__arrow--prev svg {
    position: relative;
    top: 0;
    left: 0;
    height: 20px;
    line-height: 0;
    width: 20px
}

.o-testimonial .splide__arrow--prev:hover {
    color: #fff !important;
    background-color: #3cc065 !important
}

.o-testimonial .splide__arrow--prev:hover svg path {
    fill: #fff
}

.o-testimonial .splide__arrow--next {
    font-size: 45px !important;
    color: #000 !important;
    background-color: #fff !important;
    width: 50px;
    height: 50px;
    border: 1px solid #3cc065 !important;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    font-weight: 300 !important;
    bottom: -125px;
    top: inherit;
    right: 35%
}

@media screen and (min-width:992px) {
    .o-testimonial .splide__arrow--next {
        right: 40%
    }
}

@media screen and (min-width:1100px) {
    .o-testimonial .splide__arrow--next {
        right: 45%
    }
}

.o-testimonial .splide__arrow--next svg {
    position: relative;
    top: 0;
    right: 0;
    height: 20px;
    line-height: 0;
    width: 20px
}

.o-testimonial .splide__arrow--next:hover {
    color: #fff !important;
    background-color: #3cc065 !important
}

.o-testimonial .splide__arrow--next:hover svg path {
    fill: #fff
}

.o-testimonial__list .owl-nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .o-testimonial__list .owl-nav {
        margin-top: 60px
    }
}

.o-testimonial__list .owl-prev {
    font-size: 45px !important;
    color: #000 !important;
    background-color: #fff !important;
    width: 50px;
    height: 50px;
    border: 1px solid #3cc065 !important;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    font-weight: 300 !important
}

.o-testimonial__list .owl-prev span {
    position: relative;
    top: -3px;
    left: -1px;
    height: 50px;
    line-height: 50px
}

.o-testimonial__list .owl-prev:hover {
    color: #fff !important;
    background-color: #3cc065 !important
}

.o-testimonial__list .owl-next {
    font-size: 45px !important;
    color: #000 !important;
    background-color: #fff !important;
    width: 50px;
    height: 50px;
    border: 1px solid #3cc065 !important;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    font-weight: 300 !important
}

.o-testimonial__list .owl-next span {
    position: relative;
    top: -3px;
    right: -1px;
    height: 50px;
    line-height: 50px
}

.o-testimonial__list .owl-next:hover {
    color: #fff !important;
    background-color: #3cc065 !important
}

.o-testimonial__item {
    max-width: 620px;
    width: 95%;
    margin: 0
}

@media screen and (min-width:992px) {
    .o-testimonial__item {
        margin: auto;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .07);
        box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .07)
    }
}

.o-testimonial__itemimage {
    width: 100%;
    display: block;
    height: 300px
}

@media screen and (min-width:992px) {
    .o-testimonial__itemimage {
        height: 435px
    }
}

.o-testimonial__itemimage img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.o-testimonial__itemcontent {
    padding: 20px;
    min-height: auto;
    border: 1px solid #e1e1e1;
    border-top: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

@media screen and (min-width:992px) {
    .o-testimonial__itemcontent {
        padding: 35px 25px 35px 42px;
        height: auto;
        min-height: 317px
    }
}

.o-testimonial__itemtitle {
    font-family: Poppins;
    font-size: 25px;
    line-height: 32px;
    color: #333;
    font-weight: 700;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .o-testimonial__itemtitle {
        font-size: 30px;
        line-height: 40px
    }
}

.o-testimonial__itemtech {
    font-family: Poppins;
    font-size: 18px;
    line-height: 26px;
    color: #333;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .o-testimonial__itemtech {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 25px
    }
}

.o-testimonial__itemtech span {
    color: #4492dc
}

.o-testimonial__itembtn {
    font-family: Poppins;
    color: #4492dc;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    margin-top: auto
}

.o-testimonial__itembtn:hover {
    color: #ff5800
}

.o-testimonial__itembtn:hover svg {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0)
}

.o-testimonial__itembtn:hover svg g {
    fill: #ff5800
}

.o-testimonial__more {
    font-family: Poppins;
    font-size: 20px;
    line-height: 26px;
    color: #333;
    font-weight: 500;
    text-decoration: underline;
    margin-top: 40px;
    display: inline-block
}

.o-testimonial__more:hover {
    color: #ff5800;
    text-decoration: underline
}

.o-testimonial__more--splidebtn {
    margin-top: 130px
}

.o-testimonial__more--about {
    margin-top: 140px
}

.bt-ass {
    border-top: 1px solid #e6e6e6
}

.o-company-awards__heading {
    font-family: Poppins;
    font-size: 31px;
    line-height: 38px;
    color: #262e36;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .o-company-awards__heading {
        font-size: 51px;
        line-height: 56px;
        margin-bottom: 35px
    }
}

.o-company-awards__navtab {
    border: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 27px
}

@media screen and (min-width:992px) {
    .o-company-awards__navtab {
        margin-bottom: 39px
    }
}

.o-company-awards__navtab li {
    position: relative;
    max-width: 100px;
    width: 100%
}

@media screen and (min-width:992px) {
    .o-company-awards__navtab li {
        max-width: 130px
    }
}

.o-company-awards__navtab li a {
    font-family: Poppins;
    font-size: 18px;
    line-height: 30px;
    color: #898989;
    padding: 0 10px 20px;
    border-bottom: 1px solid #d9d9d9;
    display: block;
    width: 100%;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-company-awards__navtab li a {
        font-size: 21px;
        line-height: 40px
    }
}

.o-company-awards__navtab li.active a {
    color: #4492dc
}

.o-company-awards__navtab li.active:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 5px;
    background-color: #4492dc;
    bottom: 0;
    left: 0;
    right: 0
}

.o-company-awards__tab-content {
    min-height: 395px
}

.o-company-awards .o-company-awards__list:before {
    position: absolute;
    content: "";
    width: 25%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, #fff 30%, rgba(255, 255, 255, 0) 100%);
    z-index: 9;
    display: none
}

@media screen and (min-width:992px) {
    .o-company-awards .o-company-awards__list:before {
        width: 10%;
        display: block
    }
}

@media screen and (min-width:1600px) {
    .o-company-awards .o-company-awards__list:before {
        width: 15%
    }
}

@media screen and (min-width:1800px) {
    .o-company-awards .o-company-awards__list:before {
        width: 25%
    }
}

.o-company-awards .o-company-awards__list:after {
    position: absolute;
    content: "";
    width: 25%;
    height: 100%;
    right: 0;
    top: 0;
    background: #fff;
    background: -webkit-gradient(linear, right top, left top, color-stop(30%, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(270deg, #fff 30%, rgba(255, 255, 255, 0) 100%);
    z-index: 9;
    display: none
}

@media screen and (min-width:992px) {
    .o-company-awards .o-company-awards__list:after {
        width: 10%;
        display: block
    }
}

@media screen and (min-width:1600px) {
    .o-company-awards .o-company-awards__list:after {
        width: 15%
    }
}

@media screen and (min-width:1800px) {
    .o-company-awards .o-company-awards__list:after {
        width: 25%
    }
}

.o-company-awards__list {
    position: relative
}

.o-company-awards__list .splide__arrows {
    display: block !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 32px 0 5px;
    position: absolute;
    bottom: -42px;
    width: 100%
}

.o-company-awards__list .splide__arrows svg {
    display: none
}

.o-company-awards__list .splide__arrow--prev {
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 36%;
    width: 31px;
    height: 12px;
    background: url('data:image/svg+xml,<svg width="31px" height="12px" viewBox="0 0 31 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Vector-279" fill="%23D9D9D9" fill-rule="nonzero"><path d="M0.21966975,4.99264075 C-0.07322325,5.28553075 -0.07322325,5.76041075 0.21966975,6.05330075 L4.99263975,10.8262708 C5.28552975,11.1191708 5.76040975,11.1191708 6.05329975,10.8262708 C6.34618975,10.5333708 6.34618975,10.0584708 6.05329975,9.76557075 L1.81065975,5.52297075 L6.05329975,1.28033075 C6.34618975,0.98744075 6.34618975,0.51256275 6.05329975,0.21966975 C5.76040975,-0.07322325 5.28552975,-0.07322325 4.99263975,0.21966975 L0.21966975,4.99264075 Z M0.74999975,6.27297075 L30.7499998,6.27297075 L30.7499998,4.77297075 L0.74999975,4.77297075 L0.74999975,6.27297075 Z" id="Shape"></path></g></g></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% !important;
    margin: 0 13px
}

@media screen and (min-width:992px) {
    .o-company-awards__list .splide__arrow--prev {
        left: 46%
    }
}

@media screen and (min-width:1300px) {
    .o-company-awards__list .splide__arrow--prev {
        left: 46.5%
    }
}

.o-company-awards__list .splide__arrow--prev:hover {
    background: url('data:image/svg+xml,<svg width="31px" height="12px" viewBox="0 0 31 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Vector-279" fill="%23333333" fill-rule="nonzero"><path d="M0.21966975,4.99264075 C-0.07322325,5.28553075 -0.07322325,5.76041075 0.21966975,6.05330075 L4.99263975,10.8262708 C5.28552975,11.1191708 5.76040975,11.1191708 6.05329975,10.8262708 C6.34618975,10.5333708 6.34618975,10.0584708 6.05329975,9.76557075 L1.81065975,5.52297075 L6.05329975,1.28033075 C6.34618975,0.98744075 6.34618975,0.51256275 6.05329975,0.21966975 C5.76040975,-0.07322325 5.28552975,-0.07322325 4.99263975,0.21966975 L0.21966975,4.99264075 Z M0.74999975,6.27297075 L30.7499998,6.27297075 L30.7499998,4.77297075 L0.74999975,4.77297075 L0.74999975,6.27297075 Z" id="Shape"></path></g></g></svg>') !important
}

.o-company-awards__list .splide__arrow--next {
    opacity: 1;
    position: absolute;
    bottom: 0;
    right: 36%;
    width: 31px;
    height: 12px;
    background: url('data:image/svg+xml,<svg width="31px" height="12px" viewBox="0 0 31 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Vector-280" transform="translate(0.000000, 0.477029)" fill="%23D9D9D9" fill-rule="nonzero"><path d="M30.5303,6.05330075 C30.8232,5.76041075 30.8232,5.28553075 30.5303,4.99264075 L25.7574,0.21966975 C25.4645,-0.07322325 24.9896,-0.07322325 24.6967,0.21966975 C24.4038,0.51256375 24.4038,0.98744075 24.6967,1.28033075 L28.9393,5.52297075 L24.6967,9.76557075 C24.4038,10.0584708 24.4038,10.5333708 24.6967,10.8262708 C24.9896,11.1191708 25.4645,11.1191708 25.7574,10.8262708 L30.5303,6.05330075 Z M0,6.27297075 L30,6.27297075 L30,4.77297075 L0,4.77297075 L0,6.27297075 Z" id="Shape"></path></g></g></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% !important;
    margin: 0 13px
}

@media screen and (min-width:992px) {
    .o-company-awards__list .splide__arrow--next {
        right: 46%
    }
}

@media screen and (min-width:1300px) {
    .o-company-awards__list .splide__arrow--next {
        right: 46.5%
    }
}

.o-company-awards__list .splide__arrow--next:hover {
    background: url('data:image/svg+xml,<svg width="31px" height="12px" viewBox="0 0 31 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Vector-280" transform="translate(0.000000, 0.477029)" fill="%23333333" fill-rule="nonzero"><path d="M30.5303,6.05330075 C30.8232,5.76041075 30.8232,5.28553075 30.5303,4.99264075 L25.7574,0.21966975 C25.4645,-0.07322325 24.9896,-0.07322325 24.6967,0.21966975 C24.4038,0.51256375 24.4038,0.98744075 24.6967,1.28033075 L28.9393,5.52297075 L24.6967,9.76557075 C24.4038,10.0584708 24.4038,10.5333708 24.6967,10.8262708 C24.9896,11.1191708 25.4645,11.1191708 25.7574,10.8262708 L30.5303,6.05330075 Z M0,6.27297075 L30,6.27297075 L30,4.77297075 L0,4.77297075 L0,6.27297075 Z" id="Shape"></path></g></g></svg>') !important
}

.o-company-awards__item {
    max-width: 375px;
    height: 351px;
    border: 1px solid #f6c7a3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
    border-radius: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.o-company-awards__item i {
    height: 144px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 20px;
    min-width: 120px;
    width: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.o-company-awards__item i img {
    width: auto;
    max-height: 100%
}

.o-company-awards__item p {
    font-family: Poppins;
    font-size: 21px;
    line-height: 28px;
    font-weight: 500;
    margin: 0;
    text-align: center
}

.o-company-awards__item:hover {
    border-color: #e1263b
}

.o-company-awards__btn {
    width: 100%;
    max-width: 100%;
    padding: 15px;
    margin: 20px auto 0;
    text-transform: capitalize
}

@media screen and (min-width:992px) {
    .o-company-awards__btn {
        max-width: 363px;
        margin: 30px auto 0
    }
}

.o-social-responsible {
    position: relative;
    background: #001a36;
    background-size: auto 100%;
    overflow: hidden;
    width: 100%
}

@media screen and (min-width:992px) {
    .o-social-responsible {
        background: #001a36 url<?php bloginfo('template_directory');
        ?>/assets/images/new-company-profile/social-background.png) no-repeat right bottom
    }
}

.o-social-responsible:before {
    position: absolute;
    content: "";
    width: 420px;
    height: 400px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-company-profile/left-blue.svg) no-repeat bottom left;
    background-size: 100%;
    bottom: 0;
    left: 0;
    display: none
}

@media screen and (min-width:992px) {
    .o-social-responsible:before {
        display: block
    }
}

.o-social-responsible__topgreen {
    position: relative
}

.o-social-responsible__topgreen:before {
    position: absolute;
    content: "";
    width: 450px;
    height: 460px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-company-profile/top-green.svg) no-repeat top left;
    background-size: 100%;
    top: -60px;
    left: -10%;
    display: none
}

@media screen and (min-width:992px) {
    .o-social-responsible__topgreen:before {
        display: block
    }
}

.o-social-responsible__heading {
    font-family: Poppins;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-social-responsible__heading {
        font-size: 40px;
        line-height: 50px;
        text-align: left
    }
}

.o-social-responsible__content {
    font-family: Poppins;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 25px;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-social-responsible__content {
        text-align: left;
        font-size: 25px;
        line-height: 37px
    }
}

.o-social-responsible__content span {
    color: #3cc065
}

.o-social-responsible__btn {
    margin: auto;
    text-transform: capitalize;
    font-size: 17px;
    padding: 15px;
    max-width: 100%;
    width: 100%
}

@media screen and (min-width:992px) {
    .o-social-responsible__btn {
        max-width: 290px;
        margin: 0
    }
}

.btn-center-block1 {
    width: 100%;
    margin: auto;
    padding: 0 15px
}

@media screen and (min-width:768px) {
    .btn-center-block1 {
        max-width: 363px
    }
}

.section-footer {
    background-color: #04254a;
    padding: 40px 0 30px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width:992px) {
    .section-footer {
        padding: 50px 0 30px
    }
}

.section-footer__navarea {
    padding-bottom: 30px
}

@media (min-width:767px) {
    .section-footer__navarea {
        padding-bottom: 40px
    }
}

.section-footer__navbar-heading {
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    font-family: Poppins;
    margin-bottom: 15px
}

.section-footer__navbar-heading::after {
    content: " ";
    display: block;
    background: #3cc065;
    height: 2px;
    width: 31px;
    position: relative;
    margin-top: 5px
}

.section-footer__two-navbar-list {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.section-footer__a-tag {
    color: #c4e0f5;
    font-size: 15px;
    font-weight: 400;
    font-family: Poppins;
    line-height: 28px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.section-footer__a-tag:hover {
    color: #fff
}

.section-footer__divider {
    background-color: #15467e;
    height: 1px;
    width: 100%;
    margin-bottom: 35px
}

.section-footer__copy-right-details {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #aec7da;
    font-family: Poppins;
    margin-bottom: 0;
    margin-bottom: 15px
}

@media (min-width:767px) {
    .section-footer__copy-right-details {
        margin-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .section-footer__copy-right-details {
        margin-bottom: 30px
    }
}

.section-footer__social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    position: relative;
    z-index: 1
}

.section-footer__align-cener {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.thank-contact {
    text-align: center;
    background: #edfaff;
    padding: 40px 0
}

@media screen and (min-width:992px) {
    .thank-contact {
        padding: 60px 0
    }
}

.thank-contact__heading {
    font-family: Poppins;
    font-weight: 700;
    color: #000
}

@media screen and (min-width:992px) {
    .thank-contact__heading {
        font-size: 40px;
        line-height: 55px
    }
}

.thank-contact__sub-heading {
    font-family: Poppins;
    font-weight: 600;
    color: #4492dc;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .thank-contact__sub-heading {
        font-size: 25px;
        line-height: 29px
    }
}

.discover-services {
    position: relative;
    padding-bottom: 25px
}

.discover-services:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #edfaff;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #c2d7df
}

.discover-services__wrapper {
    border: 3px solid #84a5f9;
    border-radius: 10px;
    padding: 30px 15px;
    position: relative;
    background: #fff;
    z-index: 99
}

@media screen and (min-width:992px) {
    .discover-services__wrapper {
        padding: 60px 0 50px
    }
}

.discover-services__heading {
    font-family: Poppins;
    font-weight: 700;
    color: #000;
    text-align: center
}

@media screen and (min-width:992px) {
    .discover-services__heading {
        font-size: 31px;
        line-height: 33px
    }
}

.discover-services__sub-heading {
    font-family: Poppins;
    font-weight: 500;
    color: #333;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .discover-services__sub-heading {
        font-size: 21px;
        line-height: 27px
    }
}

.discover-services__btn-list {
    margin-top: 25px
}

@media screen and (min-width:992px) {
    .discover-services__btn-list {
        margin-top: 35px
    }
}

.discover-services__btn-list .banner-technologies__list-link {
    font-family: Poppins;
    z-index: 1;
    position: relative;
    background: #fff;
    border-radius: 30px;
    color: #333;
    display: inline-block;
    padding: 8px 10px;
    font-size: 16px !important;
    font-weight: 600 !important
}

@media screen and (min-width:992px) {
    .discover-services__btn-list .banner-technologies__list-link {
        font-size: 26px !important;
        padding: 8px 30px
    }
}

.discover-services__btn-list .new-home-banner__list-item {
    margin: 0 1px 3px
}

@media screen and (min-width:992px) {
    .discover-services__btn-list .new-home-banner__list-item {
        margin: 0 3px 10px
    }
}

@media screen and (min-width:992px) {
    .discover-services__btn-list .new-home-banner__list-item:hover svg {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.discover-services__btn-list .new-home-banner__list-item:hover path {
    -webkit-transform: none;
    transform: none;
    fill: #35b15c
}

.discover-services__btn-list .new-home-banner__list-item:hover .banner-technologies__list-link {
    color: #35b15c
}

.story {
    padding-bottom: 20px
}

@media screen and (min-width:992px) {
    .story {
        padding-bottom: 40px
    }
}

.story__dive {
    background: #0e003f;
    padding: 30px 20px;
    border-radius: 10px
}

@media screen and (min-width:992px) {
    .story__dive {
        padding: 60px 50px;
        height: 100%
    }
}

.story__dive h2 {
    font-family: Poppins;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .story__dive h2 {
        font-size: 31px;
        line-height: 33px
    }
}

.story__dive p {
    font-family: Poppins;
    color: #fff;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .story__dive p {
        font-size: 21px;
        line-height: 30px
    }
}

.story__btn {
    font-family: Poppins;
    background: 0 0;
    border: 2px solid #fff;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    padding: 15px 30px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 25px
}

.story__btn svg {
    margin-left: 10px
}

.story__btn:hover {
    color: #fff;
    border-color: #ff5800;
    background: #ff5800
}

.story__btn:hover svg {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.story__btn--reverse {
    border-color: #ff5800;
    color: #333
}

.story__btn--reverse:hover path {
    fill: #fff
}

.story__btn--white {
    color: #fff
}

.story__uncover {
    padding: 30px 20px;
    border: 1px solid #84a5f9;
    border-radius: 10px;
    height: auto
}

@media screen and (min-width:992px) {
    .story__uncover {
        height: 100%;
        padding: 60px 50px;
        margin-top: 0
    }
}

.story__uncover h2 {
    font-family: Poppins;
    color: #000;
    font-weight: 700;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .story__uncover h2 {
        font-size: 31px;
        line-height: 36px
    }
}

.story__uncover p {
    font-family: Poppins;
    font-size: 21px;
    line-height: 30px;
    font-weight: 500;
    color: #333;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .story__box-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.story__box-head i {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .story__box-head i {
        margin-right: 30px;
        margin-bottom: 0
    }
}

.story__insights {
    padding: 30px 20px;
    border: 1px solid #84a5f9;
    border-radius: 10px;
    height: auto
}

@media screen and (min-width:992px) {
    .story__insights {
        height: 100%;
        padding: 60px 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 0
    }
}

.story__insights i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 30px;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .story__insights i {
        margin-bottom: 0
    }
}

.story__insights h2 {
    color: #000;
    font-weight: 700;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .story__insights h2 {
        font-size: 31px;
        line-height: 36px
    }
}

.story__insights p {
    font-family: Poppins;
    font-size: 21px;
    line-height: 30px;
    font-weight: 500;
    color: #333;
    margin-bottom: 0
}

.story__insights .story__box-head {
    display: block
}

.story__business {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-thank-you/business.jpg) no-repeat 0 0/cover;
    border-radius: 10px;
    padding: 30px 20px
}

@media screen and (min-width:992px) {
    .story__business {
        padding: 60px 50px;
        height: 100%;
        margin-top: 0
    }
}

.story__business h2 {
    font-family: Poppins;
    color: #fff;
    font-size: 31px;
    line-height: 38px;
    font-weight: 700
}

.story__business p {
    font-family: Poppins;
    font-size: 21px;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0
}

.story__wrapper {
    text-align: center
}

@media screen and (min-width:992px) {
    .story__wrapper {
        text-align: left
    }
}

.new-thank-you-page .slbWrapOuter {
    height: auto
}

.scrollable-wrapper {
    margin-top: 70px
}

.scrollable-wrapper__flickbutton {
    position: fixed;
    right: 10px;
    bottom: 20px;
    z-index: 9999;
    background-color: #fff;
    width: 69px;
    height: 69px;
    border: 1px solid #ff5826;
    border-radius: 50%;
    font-weight: 600;
    font-size: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .2s;
    transition: all .2s
}

@media screen and (min-width:992px) {
    .scrollable-wrapper__flickbutton {
        display: none
    }
}

.scrollable-wrapper__flickbutton.rotate {
    background-color: #ff5826;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)
}

.scrollable-wrapper__flickbutton.rotate .icon-fill {
    fill: #fff
}

body.case-studies-details #myModal1 .modal-dialog {
    background: rgba(0, 0, 0, .5)
}

.regular {
    position: relative
}

.regular__spacing {
    padding: 20px 0
}

@media screen and (min-width:992px) {
    .regular__spacing {
        padding: 40px 0
    }
}

.regular__regular-tittle {
    position: relative;
    font-family: Poppins;
    font-size: 28px;
    line-height: 44px;
    font-weight: 700;
    padding-bottom: 10px;
    color: #262e36
}

@media screen and (min-width:992px) {
    .regular__regular-tittle {
        font-size: 41px;
        line-height: 55px
    }
}

.regular__regular-tittle:after {
    position: absolute;
    content: "";
    width: 113px;
    height: 4px;
    background-color: #24cd7c;
    border-radius: 4px;
    bottom: 0;
    left: 0
}

.regular__regular-content {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    color: #333
}

.regular__regular-content:last-child {
    margin: 0
}

.regular__regular-list {
    list-style: disc;
    padding-left: 20px
}

.regular__regular-item {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    color: #333
}

.regular__img {
    margin: 30px 0;
    border-radius: 15px
}

.regular__slider {
    position: relative;
    margin-top: 35px
}

.regular__slider .owl-nav {
    position: absolute;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    top: -85px;
    right: 0
}

.regular__slider .owl-prev {
    font-size: 45px !important;
    color: #1c2958 !important;
    background-color: #e1e1e1 !important;
    width: 45px;
    height: 45px;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    font-weight: 300 !important
}

.regular__slider .owl-prev span {
    position: relative;
    height: 45px;
    line-height: 35px;
    left: -1px
}

.regular__slider .owl-prev:hover {
    background-color: #7feba1 !important
}

.regular__slider .owl-prev.disabled {
    cursor: auto;
    color: #fff !important;
    background: #f2f2f2 !important
}

.regular__slider .owl-next {
    font-size: 45px !important;
    color: #1c2958 !important;
    background-color: #e1e1e1 !important;
    width: 45px;
    height: 45px;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    font-weight: 300 !important
}

.regular__slider .owl-next span {
    position: relative;
    height: 45px;
    line-height: 35px;
    left: 2px
}

.regular__slider .owl-next:hover {
    background-color: #7feba1 !important
}

.regular__slider .owl-next.disabled {
    cursor: auto;
    color: #fff !important;
    background: #f2f2f2 !important
}

.regular__slider .splide__arrows {
    display: block;
    position: absolute;
    top: -60px;
    right: 40px
}

@media screen and (min-width:992px) {
    .regular__slider .splide__arrows {
        top: -70px
    }
}

.regular__slider .splide__arrow {
    position: absolute;
    right: 0;
    width: 45px;
    height: 45px
}

.regular__slider .splide__arrow--prev {
    right: 15px;
    left: inherit
}

.regular__slider .splide__arrow--next {
    right: -40px;
    left: inherit
}

.regular__slider-mod {
    position: relative;
    margin-top: 35px
}

.regular__slider-mod .splide__arrows {
    display: block;
    position: absolute;
    top: -60px;
    right: 40px
}

@media screen and (min-width:992px) {
    .regular__slider-mod .splide__arrows {
        top: -70px
    }
}

.regular__slider-mod .splide__arrow {
    position: absolute;
    right: 0;
    width: 45px;
    height: 45px
}

.regular__slider-mod .splide__arrow--prev {
    right: 15px;
    left: inherit
}

.regular__slider-mod .splide__arrow--next {
    right: -40px;
    left: inherit
}

.case-study-banner {
    background-color: #05264a;
    position: relative
}

.case-study-banner:before {
    position: absolute;
    content: "";
    width: 178px;
    height: 148px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/case-studies-details/case-study-common/banner-left-circle.png);
    background-repeat: no-repeat;
    background-position: 100%;
    left: 0;
    bottom: 0
}

.case-study-banner:after {
    position: absolute;
    content: "";
    width: 214px;
    height: 185px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/case-studies-details/case-study-common/banner-right-circle.png);
    background-repeat: no-repeat;
    background-position: 100%;
    right: 0;
    top: 0
}

.case-study-banner__container {
    position: relative
}

.case-study-banner__wrapper {
    position: absolute;
    top: 120px;
    width: 320px
}

.case-study-banner__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .case-study-banner__spacing {
        padding: 57px 0 38px
    }
}

.case-study-banner__bannertag {
    font-family: Poppins;
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 34px;
    text-indent: -5px;
    font-weight: 600;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/case-studies-details/case-study-common/ribbon.svg);
    text-transform: uppercase;
    position: relative;
    display: block;
    width: 149px;
    height: 34px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

@media screen and (min-width:992px) {
    .case-study-banner__bannertag {
        margin: 0;
        font-size: 16px
    }
}

@media screen and (min-width:992px) {
    .case-study-banner__bannertag {
        font-size: 18px
    }
}

.case-study-banner__bannertittle {
    font-family: Poppins;
    color: #fff;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    margin: 15px 0 0;
    text-align: center
}

@media screen and (min-width:992px) {
    .case-study-banner__bannertittle {
        text-align: left;
        font-size: 40px;
        line-height: 50px
    }
}

.case-study-banner__btnarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

@media screen and (min-width:1590px) {
    .case-study-banner__btnarea {
        display: none
    }
}

.case-study-banner__btnarea .case-study-banner__stickybtn {
    color: #fff;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 15px;
    background-color: #ff5800
}

@media screen and (min-width:767px) {
    .case-study-banner__btnarea .case-study-banner__stickybtn {
        width: 48%;
        margin: 0
    }
}

.case-study-banner__btnarea .case-study-banner__stickybtn:hover {
    background-color: #fff
}

.case-study-banner__btnarea .case-study-banner__discussbtn {
    max-width: 100%;
    font-size: 16px;
    padding: 15px
}

@media screen and (min-width:767px) {
    .case-study-banner__btnarea .case-study-banner__discussbtn {
        max-width: 48%;
        font-size: 18px
    }
}

.case-study-banner__sticky {
    position: absolute;
    max-width: 320px;
    width: 100%;
    background: #fff;
    padding: 12px 10px 12px;
    border-radius: 10px;
    border: 1px solid #a2c3ee;
    -webkit-box-shadow: 0 0 27px 0 rgba(0, 0, 0, .01);
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, .01);
    z-index: 99
}

.case-study-banner__stickylist {
    position: relative
}

.case-study-banner__stickylistpadding {
    width: 100%;
    padding: 0 26px 0
}

.case-study-banner__listtittle {
    font-family: Poppins;
    color: #252424;
    font-size: 21px;
    line-height: 50px;
    font-weight: 600;
    border-bottom: 1px solid #bebebe
}

.case-study-banner__listul {
    list-style: disc;
    padding-left: 20px;
    margin-top: 17px
}

.case-study-banner__listitem {
    margin-bottom: 10px;
    line-height: 20px
}

.case-study-banner__listitem::marker {
    color: #4492dc;
    font-size: 22px
}

.case-study-banner__stickyitem {
    font-family: Poppins;
    color: #333;
    font-size: 15px;
    line-height: 25px;
    position: relative;
    top: -3px
}

.case-study-banner__stickyitem:hover {
    color: #4492dc;
    font-weight: 600
}

.case-study-banner__stickyitem.active {
    color: #4492dc;
    font-weight: 600
}

.case-study-banner__stickybtn {
    border-radius: 5px;
    border: 1.5px solid #ff5800;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    display: none;
    margin: 0
}

@media screen and (min-width:1590px) {
    .case-study-banner__stickybtn {
        display: block
    }
}

.case-study-banner__stickybtn i {
    margin-right: 7px
}

.case-study-banner__stickybtn:hover {
    color: #ff5800
}

.case-study-banner__stickydiscuss {
    background: #15a241;
    border-radius: 8px;
    padding: 30px 27px;
    position: relative;
    display: none;
    margin-top: 15px
}

@media screen and (min-width:1590px) {
    .case-study-banner__stickydiscuss {
        display: block
    }
}

.case-study-banner__stickydiscuss:after {
    position: absolute;
    content: "";
    width: 93px;
    height: 93px;
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/case-studies-details/case-study-common/require-circle.png);
    background-repeat: no-repeat;
    background-position: 100%;
    right: 0;
    bottom: 0
}

.case-study-banner__discusstittle {
    font-family: Poppins;
    color: #fff;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 10px
}

.case-study-banner__discussubtittle {
    font-family: Poppins;
    color: #fff;
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    margin-bottom: 30px
}

.case-study-banner__discussbtn {
    font-family: "Plus Jakarta Sans", sans-serif;
    display: block;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border: 2px solid;
    padding: 7px;
    max-width: 210px;
    width: 100%
}

.case-study-banner__discussbtn:hover {
    color: #ff5800;
    background-color: #fff
}

.case-study-banner__discussbtn:hover path {
    fill: #ff5800
}

.case-study-client {
    background-color: #e3efff
}

.case-study-client__spacing {
    padding: 30px 0;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .case-study-client__spacing {
        padding: 60px 0 28px;
        margin-bottom: 0
    }
}

.case-study-client__tittle {
    font-family: Poppins;
    font-size: 28px;
    line-height: 44px;
    font-weight: 700;
    color: #262e36;
    padding-bottom: 10px
}

@media screen and (min-width:992px) {
    .case-study-client__tittle {
        font-size: 35px;
        line-height: 55px
    }
}

.case-study-client__tittle:after {
    position: absolute;
    content: "";
    width: 113px;
    height: 4px;
    background-color: #24cd7c;
    border-radius: 4px;
    bottom: 0;
    left: 0
}

.case-study-client__content {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    color: #262e36
}

.case-study-client__techbox {
    margin-bottom: 20px
}

.case-study-client__techtittle {
    position: relative;
    font-family: Poppins;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: #262e36
}

.case-study-client__techtittle:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #24cd7c;
    border-radius: 4px;
    bottom: 0;
    left: 0
}

.case-study-client__techcontent {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    color: #262e36;
    margin: 0
}

.service-section {
    background-color: #3766b0;
    color: #fff;
    padding: 20px;
    border-radius: 20px
}

@media screen and (min-width:767px) {
    .service-section {
        padding: 20px 30px;
        border-radius: 40px
    }
}

@media screen and (min-width:992px) {
    .service-section {
        padding: 40px 60px
    }
}

.service-section__tittle {
    position: relative;
    font-family: Poppins;
    font-size: 25px;
    line-height: 35px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .service-section__tittle {
        font-size: 30px;
        line-height: 55px
    }
}

.service-section__tittle:after {
    position: absolute;
    content: "";
    width: 113px;
    height: 4px;
    background-color: #24cd7c;
    border-radius: 4px;
    bottom: 0;
    left: 0
}

.service-section__anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 15px
}

.service-section__anchor i {
    margin-right: 10px
}

.service-section__anchor a {
    font-family: Poppins;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    text-decoration: underline;
    color: #fff
}

@media screen and (min-width:992px) {
    .service-section__anchor a {
        font-size: 24px;
        line-height: 25px
    }
}

.service-section__anchor a:hover {
    color: #24cd7c
}

.technology-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 35px
}

.technology-list__items {
    margin: 10px;
    text-align: center;
    max-width: 150px
}

@media screen and (min-width:767px) {
    .technology-list__items {
        margin-right: 25px;
        margin-bottom: 12px
    }
}

.technology-list__items span {
    font-family: Poppins;
    font-size: 15px;
    line-height: 22px;
    color: #333
}

.technology-list__items:hover .technology-list__item {
    -webkit-box-shadow: 0 6px 14px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 6px 14px 0 rgba(0, 0, 0, .1)
}

.technology-list__item {
    width: 150px;
    height: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #d6e3f0;
    border-radius: 10px;
    margin-bottom: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 14px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 6px 14px 0 rgba(0, 0, 0, .07);
    -webkit-transition: all .5s;
    transition: all .5s
}

.result-block {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.result-block:last-child {
    margin: 0
}

.result-block i {
    max-width: 43px;
    margin-right: 17px;
    width: 100%
}

.result-block h4 {
    font-family: Poppins;
    font-size: 24px;
    line-height: 30px;
    color: #333
}

.result-block p {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    color: #333;
    margin: 0
}

.bottom-download {
    background-color: #f3f6fa;
    text-align: center
}

@media screen and (min-width:767px) {
    .bottom-download {
        text-align: left
    }
}

.bottom-download__spacing {
    padding: 42px 0
}

.bottom-download h4 {
    font-family: Poppins;
    font-size: 25px;
    line-height: 35px;
    color: #262e36;
    font-weight: 700;
    margin: 15px 0;
    display: block
}

@media screen and (min-width:767px) {
    .bottom-download h4 {
        font-size: 31px;
        line-height: 44px;
        margin: 0
    }
}

.bottom-download__btn {
    font-family: Poppins;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ff5800;
    width: 252px;
    height: 60px;
    border: 1px solid #ff5800;
    border-radius: 5px;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    margin: auto
}

@media screen and (min-width:767px) {
    .bottom-download__btn {
        margin: 0
    }
}

.bottom-download__btn svg {
    margin-left: 10px
}

.bottom-download__btn:hover {
    color: #ff5800;
    background-color: #f3f6fa
}

.bottom-download__btn:hover path {
    fill: #ff5800
}

.more-case-study {
    background-color: #0a1d4d
}

.more-case-study__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .more-case-study__spacing {
        padding: 60px 0
    }
}

.more-case-study__tittle {
    position: relative;
    font-family: Poppins;
    font-size: 41px;
    line-height: 55px;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 50px;
    color: #fff;
    text-align: center
}

.more-case-study__tittle:after {
    position: absolute;
    content: "";
    width: 113px;
    height: 4px;
    background-color: #24cd7c;
    border-radius: 4px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.more-case-study__list {
    margin-bottom: 20px
}

.more-case-study__list .owl-nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 42px
}

.more-case-study__list .owl-prev {
    font-size: 45px !important;
    color: #1c2958 !important;
    background-color: #fff !important;
    width: 45px;
    height: 45px;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    font-weight: 300 !important
}

.more-case-study__list .owl-prev span {
    position: relative;
    height: 45px;
    line-height: 35px;
    left: -1px
}

.more-case-study__list .owl-prev:hover {
    background-color: #3cc065 !important;
    color: #fff !important
}

.more-case-study__list .owl-next {
    font-size: 45px !important;
    color: #1c2958 !important;
    background-color: #fff !important;
    width: 45px;
    height: 45px;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    font-weight: 300 !important
}

.more-case-study__list .owl-next span {
    position: relative;
    height: 45px;
    line-height: 35px;
    left: 2px
}

.more-case-study__list .owl-next:hover {
    background-color: #3cc065 !important;
    color: #fff !important
}

.more-case-study__item {
    background: #fff
}

.more-case-study__item a img {
    height: 259px
}

@media screen and (min-width:992px) {
    .more-case-study__item a img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.more-case-study__itemcontent {
    position: relative;
    padding: 20px 25px 35px 25px;
    min-height: 250px;
    background-color: #fff
}

.more-case-study__itemtitle {
    font-family: Poppins;
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
    min-height: 81px
}

.more-case-study__itemtech {
    font-family: Poppins;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 400
}

.more-case-study__itemtech strong {
    color: #4492dc;
    font-weight: 700
}

.more-case-study__link {
    font-family: Poppins;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600
}

.more-case-study__link svg {
    margin-left: 5px
}

.more-case-study__more {
    font-family: Poppins;
    color: #84a5f9;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    text-decoration: underline;
    margin-top: 25px;
    display: inline-block
}

@media screen and (min-width:992px) {
    .more-case-study__more {
        margin-top: 100px
    }
}

.more-case-study .splide__arrows {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: -105px;
    width: 100%
}

@media screen and (min-width:992px) {
    .more-case-study .splide__arrows {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.more-case-study .splide__arrow {
    position: static;
    margin: 0 5px;
    width: 45px;
    height: 45px;
    opacity: 1;
    background: #fff
}

.scrollable-wrapper__sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: fixed;
    top: 0;
    right: -120%;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media screen and (min-width:992px) {
    .scrollable-wrapper__sidebar {
        position: inherit;
        right: inherit;
        top: inherit
    }
}

.scrollable-wrapper__sidebar.fly-open {
    right: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 999
}

.new-service-section-dita {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .new-service-section-dita {
        padding: 60px 0
    }
}

.new-service-section-dita__heading {
    font-family: Poppins;
    font-weight: 700;
    margin-bottom: 20px !important
}

@media screen and (min-width:992px) {
    .new-service-section-dita__heading {
        font-size: 51px;
        line-height: 60px
    }
}

.new-service-section-dita__para {
    font-family: Poppins;
    font-weight: 500;
    color: #333;
    text-align: center;
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .new-service-section-dita__para {
        font-size: 21px;
        line-height: 29px;
        margin-bottom: 50px
    }
}

.new-service-section-dita .btn-orange {
    font-size: 16px
}

@media screen and (min-width:992px) {
    .new-service-section-dita .btn-orange {
        width: 280px;
        max-width: 280px !important;
        margin: 20px 5px 0
    }
}

.new-service-section-dita .new-service-section-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .new-service-section-dita .new-service-section-wrapper {
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit
    }
}

@media screen and (min-width:992px) {
    .conversion-exp-dita .about-us__heading {
        font-size: 51px;
        line-height: 55px
    }
}

@media screen and (min-width:992px) {
    .conversion-exp-dita .o-why-capital__content {
        padding: 0 120px
    }
}

.conversion-exp-dita .o-why-capital__box {
    padding: 25px 25px
}

.conversion-exp-dita .o-why-capital__title {
    font-weight: 700
}

.conversion-exp-dita .btn-orange {
    font-size: 16px
}

@media screen and (min-width:992px) {
    .conversion-exp-dita .btn-orange {
        width: 280px
    }
}

.conversion-solutuion {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .conversion-solutuion {
        padding: 60px 0
    }
}

.conversion-solutuion__heading {
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .conversion-solutuion__heading {
        font-size: 51px;
        line-height: 60px;
        margin-bottom: 40px
    }
}

.conversion-solutuion .btn-orange {
    text-transform: capitalize;
    font-size: 16px
}

@media screen and (min-width:992px) {
    .conversion-solutuion .btn-orange {
        width: 280px;
        max-width: 280px !important
    }
}

@media screen and (min-width:992px) {
    .unlock-power {
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/dita/power-unlock-bg.jpg) no-repeat center center/cover
    }
}

.unlock-power__subtitle {
    font-family: Poppins;
    font-weight: 500;
    color: #cae7ff;
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

@media screen and (min-width:992px) {
    .unlock-power__subtitle {
        padding-right: 120px;
        text-align: left
    }
}

@media screen and (min-width:992px) {
    .unlock-power .o-discuss-project__spacing {
        padding: 70px 0
    }
}

.how-help-you {
    background-color: #052c58;
    padding: 25px 0 40px
}

@media screen and (min-width:992px) {
    .how-help-you {
        padding: 60px 0 80px;
        background-repeat: no-repeat;
        background-position: top left
    }
}

@media screen and (min-width:992px) {
    .how-help-you__card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%;
        margin: 0 auto
    }
}

.how-help-you__card-items {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    padding: 30px 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-top: 20px;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}

@media screen and (min-width:770px) {
    .how-help-you__card-items {
        margin: 15px 0;
        height: 380px
    }
}

@media screen and (min-width:992px) {
    .how-help-you__card-items {
        padding: 30px 25px 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        height: inherit;
        margin: 0 7px !important
    }
}

.how-help-you__card-items a svg {
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.how-help-you__card-items a:hover svg {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.how-help-you__card-items a:hover path {
    fill: #ff5800
}

.how-help-you__card-items--border-blue {
    border-bottom: 8px solid #4492dc
}

.how-help-you__card-items--border-green {
    border-bottom: 8px solid #3cc065
}

.how-help-you__label {
    font-family: Poppins !important;
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.how-help-you__label:hover .how-help-you__radio~.how-help-you__checkmark {
    background-color: #333
}

.how-help-you__radio {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.how-help-you__radio:checked~.how-help-you__checkmark {
    background-color: #fff;
    border: 2px solid #333
}

.how-help-you__radio:checked~.how-help-you__checkmark:after {
    display: block
}

.how-help-you__checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 2px solid #333;
    border-radius: 50%
}

.how-help-you__checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #333
}

.how-help-you__icon {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:992px) {
    .how-help-you__icon {
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit
    }
}

.how-help-you__heading {
    font-family: Poppins !important;
    font-size: 25px;
    line-height: 38px;
    font-weight: 700;
    color: #fff
}

@media screen and (min-width:992px) {
    .how-help-you__heading {
        font-size: 51px;
        line-height: 64px
    }
}

.how-help-you__sub-heading {
    font-family: Poppins !important;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #35b15c;
    margin-bottom: 35px
}

@media screen and (min-width:992px) {
    .how-help-you__sub-heading {
        font-size: 25px;
        line-height: 34px;
        margin-bottom: 25px
    }
}

.how-help-you__card-heading {
    font-family: Poppins !important;
    font-size: 21px;
    line-height: 30px;
    font-weight: 700;
    margin: 0 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width:992px) {
    .how-help-you__card-heading {
        font-size: 31px;
        line-height: 36px;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }
}

.how-help-you__card-sub-heading {
    font-weight: 600;
    color: #333;
    font-size: 15px;
    line-height: 21px;
    margin: 0
}

@media screen and (min-width:992px) {
    .how-help-you__card-sub-heading {
        margin-bottom: 0
    }
}

.how-help-you__badge {
    font-family: Poppins !important;
    position: absolute;
    top: -5px;
    right: 15px;
    background: #3cc065;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 130px;
    height: 37px
}

.how-help-you .how-we-help-buttons,
.how-help-you .let-help__btn {
    font-family: Poppins !important;
    display: block;
    margin: 0 auto;
    width: 300px;
    background: #ff5800;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    padding: 16px 0;
    border-radius: 5px;
    border: 1px solid #ff5800;
    position: relative;
    z-index: 99;
    margin-top: 20px
}

.how-help-you .how-we-help-buttons:hover,
.how-help-you .let-help__btn:hover {
    color: #ff5800;
    background: #fff
}

.how-help-you .owl-dots {
    display: none
}

.how-help-you__details {
    margin: 20px 0
}

.how-help-you__link {
    text-align: center
}

.how-help-you__anchor {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    color: #1d52c7;
    display: inline-block;
    margin-top: 0;
    text-decoration: underline;
    background: 0 0;
    width: auto;
    max-width: inherit
}

.how-help-you__anchor:hover {
    color: #3cc065
}

.let-help {
    max-width: 100%;
    position: relative;
    text-align: center;
    margin-top: 25px
}

@media screen and (min-width:992px) {
    .let-help {
        max-width: 1050px;
        margin: 60px auto 0;
        padding: 0 20px 20px 20px
    }
}

.let-help:before {
    content: '';
    position: absolute;
    border: 1px solid #5787be;
    top: 14px;
    left: 0;
    right: 0;
    height: 100%;
    border-radius: 5px;
    display: none
}

@media screen and (min-width:992px) {
    .let-help:before {
        display: block
    }
}

.let-help__heading {
    font-family: Poppins !important;
    font-size: 23px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    display: inline-block;
    background-color: #052c58
}

@media screen and (min-width:992px) {
    .let-help__heading {
        font-size: 25px;
        padding: 0 15px
    }
}

.let-help__sub-heading {
    font-family: Poppins !important;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .let-help__sub-heading {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 30px
    }
}

.let-help__checkbox-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:992px) {
    .let-help__checkbox-list {
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.let-help__checkbox-items {
    -webkit-box-flex: 0;
    -ms-flex: 0 47%;
    flex: 0 47%;
    margin: 10px
}

@media screen and (min-width:992px) {
    .let-help__checkbox-items {
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        overflow: hidden;
        border-radius: 5px;
        padding: 1px;
        background: #1e8e41;
        background: -webkit-gradient(linear, left top, left bottom, from(#1e8e41), to(#274dad));
        background: linear-gradient(180deg, #1e8e41 0, #274dad 100%)
    }
}

@media screen and (min-width:992px) {
    .let-help__inner-wrapper {
        border-radius: 5px;
        background-color: #05284d;
        padding: 20px 15px 20px 15px
    }
}

.let-help__checkbox-label {
    font-family: Poppins !important;
    text-align: left;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width:992px) {
    .let-help__checkbox-label {
        font-size: 14px;
        line-height: 21px
    }
}

.let-help__checkbox-label:hover__checkbox-input~.let-help__checkbox-label:hover__checkmark {
    background-color: #ccc
}

.let-help__checkbox-label:hover__checkbox-input~.let-help__checkbox-label:hover__checkmark:after {
    display: block
}

.let-help__checkbox-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.let-help__checkbox-input:checked~.let-help__checkmark {
    background-color: transparent
}

.let-help__checkbox-input:checked~.let-help__checkmark:after {
    content: "";
    position: absolute;
    display: block;
    left: 2px;
    top: 2px;
    width: 5px;
    height: 11px;
    border: solid #000;
    width: 12px;
    height: 12px;
    border: 0;
    background: #3cc065;
    border-radius: 50%
}

.let-help__checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 2px;
    border: 1px solid #3cc065;
    background-color: transparent;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width:992px) {
    .let-help__checkmark {
        top: 2px;
        -webkit-transform: inherit;
        transform: inherit
    }
}

.let-help__btn {
    font-family: Poppins !important;
    background-color: #ff5800;
    border: 1px solid #ff5800;
    border-radius: 5px;
    padding: 18px 15px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    width: 360px;
    margin: 30px auto 0;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    text-transform: capitalize;
    margin-bottom: 0
}

.let-help__btn svg {
    margin-left: 10px
}

.let-help__btn:hover {
    background-color: #fff;
    color: #ff5800
}

.let-help__btn:hover path {
    fill: #ff5800
}

.let-help .compare-engage-link {
    font-size: 13px;
    line-height: 20px;
    text-decoration: underline;
    position: relative;
    z-index: 99;
    margin-top: 10px;
    font-weight: 700
}

.let-help .compare-engage-link:hover {
    color: #00b54a !important
}

.link {
    background: 0 0 !important;
    padding: 0 !important;
    width: auto !important;
    border: none !important;
    display: block !important;
    margin: 10px auto;
    color: #fff
}

.custom-dev-help .how-help-you {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/how-we-help-you/custom-dev-how-we-bg.jpg) no-repeat bottom right/cover
}

.custom-dev-help .let-help__heading {
    background: 0 0
}

.custom-dev-help .how-help-you__heading {
    font-weight: 500
}

@media screen and (min-width:992px) {
    .custom-dev-help .how-help-you__card-heading {
        font-size: 24px;
        line-height: 29px
    }
}

.custom-dev-help .how-help-you__card-items {
    border-bottom: none
}

.custom-dev-help .how-we-help-buttons {
    background: 0 0;
    color: #333;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.custom-dev-help .how-we-help-buttons svg path {
    fill: #333
}

.custom-dev-help .how-we-help-buttons:hover {
    background: #ff5800;
    color: #fff
}

.custom-dev-help .how-we-help-buttons:hover svg path {
    fill: #fff
}

.custom-dev-help .how-we-help-knowmore {
    color: #0d65ca
}

.custom-dev-help .how-help-you__card-sub-heading {
    margin: 0
}

@media screen and (min-width:992px) {
    .custom-dev-help .how-help-you__card-sub-heading {
        font-weight: 500;
        font-size: 15px;
        line-height: 21px;
        margin: 0 0 25px
    }
}

.portfolio-banner {
    position: relative;
    background: #04254a url<?php bloginfo('template_directory');
    ?>/assets/images/new-portfolio/banner-left-graphic.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 30px 0 25px;
    width: 100%;
    overflow: hidden
}

@media screen and (min-width:992px) {
    .portfolio-banner {
        padding: 36px 0 36px
    }
}

.portfolio-banner:after {
    position: absolute;
    content: "";
    width: 289px;
    height: 196px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-portfolio/banner-right-graphic.png) no-repeat bottom center;
    background-size: 100%;
    bottom: 0;
    right: 0
}

.portfolio-banner__heading-text {
    font-family: Poppins;
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700
}

@media screen and (min-width:992px) {
    .portfolio-banner__heading-text {
        margin-bottom: 0
    }
}

.portfolio-banner__assets {
    position: relative
}

.portfolio-banner__assets:before {
    position: absolute;
    content: "";
    width: 690px;
    height: 345px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-portfolio/banner-assets-background.svg) no-repeat center;
    background-size: 100% 100%;
    top: -35px;
    left: -80px;
    display: none
}

@media screen and (min-width:992px) {
    .portfolio-banner__assets:before {
        display: block
    }
}

.portfolio-banner__middle {
    position: relative;
    max-width: 430px;
    width: 100%;
    margin: auto;
    z-index: 1
}

.portfolio-banner__asset-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.portfolio-banner__asset-heading {
    font-family: Poppins;
    color: #3cc065;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    width: 300px;
    margin-bottom: 22px
}

.portfolio-banner__asset-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 26px
}

@media screen and (min-width:992px) {

    .portfolio-banner__asset-box:nth-child(3),
    .portfolio-banner__asset-box:nth-child(4) {
        margin-bottom: 16px
    }
}

.portfolio-banner__asset-icon {
    width: 50px;
    text-align: center;
    margin-right: 15px
}

.portfolio-banner__asset-text {
    max-width: 105px
}

.portfolio-banner__asset-text h3 {
    font-family: Poppins;
    font-size: 27px;
    font-weight: 700;
    color: #fff;
    margin: 0
}

.portfolio-banner__asset-text p {
    font-family: Poppins;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    margin: 0
}

.portfolio-view__spacing {
    padding: 15px 0 0
}

@media screen and (min-width:992px) {
    .portfolio-view__spacing {
        padding: 40px 0 0;
        display: block
    }
}

@media screen and (min-width:992px) {
    .portfolio-view__leftpart {
        border-right: 1px solid #e0e0e0;
        position: static;
        background: inherit;
        height: 100%
    }
}

.portfolio-view__leftpart .portfolio-view__spacing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:992px) {
    .portfolio-view__leftpart .portfolio-view__spacing {
        display: block
    }
}

.portfolio-view__leftpart .sk-fading-circle {
    margin: 15px auto 0;
    width: 40px;
    height: 40px;
    position: relative
}

.portfolio-view__filterwrapper {
    padding-right: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
    position: relative
}

@media screen and (min-width:992px) {
    .portfolio-view__filterwrapper {
        margin-bottom: 30px
    }
}

.portfolio-view__filterwrapper:before {
    content: "OR";
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    font-family: Poppins;
    font-size: 11px;
    font-weight: 600;
    color: #333;
    padding: 0 5px;
    width: 30px;
    background: #ccc;
    height: 30px;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none
}

@media screen and (min-width:992px) {
    .portfolio-view__filterwrapper:before {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.portfolio-view__filterwrapper--country {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .portfolio-view__filterwrapper--country {
        margin-bottom: 30px
    }
}

.portfolio-view__filterwrapper--country::before {
    display: none
}

.portfolio-view__filtertittle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 12px;
    border-radius: 15px 0 15px 0;
    margin-bottom: 18px
}

.portfolio-view__filtertittle--blue {
    background-color: #dee7ff
}

.portfolio-view__filtertittle--green {
    background-color: #d4ffe1
}

.portfolio-view__filtertittle--orange {
    background-color: #ffeadf
}

.portfolio-view__filtertittle i {
    margin-right: 8px
}

.portfolio-view__filtertittle h4 {
    font-family: Poppins;
    font-size: 16px;
    color: #333;
    line-height: 33px;
    font-weight: 600;
    margin: 0
}

.portfolio-view__filterlist {
    position: relative
}

.portfolio-view__filteritem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.portfolio-view__filteritem input {
    margin-right: 12px;
    color: #898989;
    border-color: #898989;
    width: 16px;
    height: 16px
}

.portfolio-view__filteritem img {
    margin-right: 10px
}

.portfolio-view__filteritem label {
    font-family: Poppins;
    font-size: 15px;
    line-height: 33px;
    color: #333;
    font-weight: 500
}

.portfolio-view__filtermore {
    font-family: Poppins;
    color: #4492dc;
    font-size: 15px;
    line-height: 33px;
    font-weight: 500;
    margin-left: 27px;
    display: inline-block;
    margin-top: 6px;
    cursor: pointer
}

.portfolio-view__rightpart {
    position: relative;
    padding-bottom: 30px
}

@media screen and (min-width:992px) {
    .portfolio-view__rightpart {
        padding-bottom: 60px
    }
}

.portfolio-view__rightpart .sticky-bottom {
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:992px) {
    .portfolio-view__rightpart .sticky-bottom {
        padding: 15px 0
    }
}

.portfolio-view__rightpart .sticky-bottom.fixed {
    position: fixed;
    top: 71px;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 5px 12px;
    background: #fff;
    -webkit-box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, .05);
    box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, .05);
    border-bottom: 1px solid #f5f5f5
}

.portfolio-view__rightpart .sticky-bottom .filter-icon {
    font-size: 16px;
    font-weight: 500;
    font-family: Poppins;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.portfolio-view__rightpart .sticky-bottom .filter-icon i {
    display: inline-block;
    margin-left: 10px
}

.portfolio-view__rightpart .icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portfolio-view__rightpart .sticky-icon {
    width: 30px;
    height: 30px;
    cursor: pointer
}

.portfolio-view__rightittle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:992px) {
    .portfolio-view__rightittle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: inherit;
        -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
        flex-direction: inherit;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.portfolio-view__rightittlearea {
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .portfolio-view__rightittlearea {
        margin-bottom: 0
    }
}

.portfolio-view__rightittlearea h4 {
    font-family: Poppins;
    font-size: 24px;
    line-height: 27px;
    font-weight: 600;
    color: #000;
    margin: 0
}

.portfolio-view__rightittlearea p {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    color: #000;
    margin: 0
}

.portfolio-view__select {
    border: 1px solid #d9d9d9;
    padding: 10px;
    width: 183px;
    border-radius: 2px;
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-portfolio/select-arrow.svg) 93%/15% no-repeat #fff;
    background-size: 13px
}

.portfolio-view__masonry {
    position: relative;
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .portfolio-view__masonry {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        orphans: 1;
        widows: 1
    }
}

@media screen and (min-width:992px) {
    .portfolio-view__masonry.orphan3 {
        orphans: 2
    }
}

.portfolio-view__masonry .no-data {
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .portfolio-view__masonry .no-data {
        top: 50%;
        height: 100vh;
        margin-top: 60px;
        padding-bottom: 30px;
        position: absolute;
        font-size: 40px
    }
}

.portfolio-view__masonryitem {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 12px 13px;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .portfolio-view__masonryitem {
        margin-bottom: 30px
    }
}

.portfolio-view__itemimage {
    margin-bottom: 24px
}

.portfolio-view__itemimage img {
    border-radius: 10px;
    width: 100%
}

.portfolio-view__itemtitlearea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.portfolio-view__titlelink {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width:992px) {
    .portfolio-view__titlelink {
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 5px
    }
}

.portfolio-view__titlelink .portfolio-tittle {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 22px;
    line-height: 33px;
    font-weight: 700;
    color: #000;
    padding-right: 15px;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .portfolio-view__titlelink .portfolio-tittle {
        margin: 0 15px 0 0
    }
}

.portfolio-view__titlelink .d-flex.justify-content-center.align-items-center .portfolio-link {
    display: none
}

.portfolio-view__titlelink .portfolio-link {
    font-family: "Plus Jakarta Sans", sans-serif;
    color: #4492dc;
    font-size: 14px;
    line-height: 33px
}

.portfolio-view__titlelink .portfolio-link img {
    margin-right: 10px
}

.portfolio-view__itemlink {
    width: 10%
}

.portfolio-view__itemdesc {
    font-family: Poppins;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-bottom: 15px
}

.portfolio-view__filter-value {
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    display: none;
    text-indent: 99999
}

.portfolio-view__techstack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.portfolio-view__techstack li {
    margin: 3px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 10px
}

.portfolio-view__techstack li:nth-child(1) {
    border: 1px solid #64b9f4
}

.portfolio-view__techstack li:nth-child(2) {
    border: 1px solid #e26826
}

.portfolio-view__techstack li:nth-child(3) {
    border: 1px solid #fbba14
}

.portfolio-view__techstack li:nth-child(4) {
    border: 1px solid #8ac640
}

.portfolio-view__techstack li:nth-child(5) {
    border: 1px solid #804b8b
}

.portfolio-view__techstack li:nth-child(6) {
    border: 1px solid #64b9f4
}

.portfolio-view__techstack li:nth-child(7) {
    border: 1px solid #e26826
}

.portfolio-view__techstack li:nth-child(8) {
    border: 1px solid #fbba14
}

.portfolio-view__techstack li:nth-child(9) {
    border: 1px solid #8ac640
}

.portfolio-view__techstack li:nth-child(10) {
    border: 1px solid #804b8b
}

.portfolio-view__techstack li a {
    color: #030303;
    font-weight: 700
}

.portfolio-view__paggination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.portfolio-view__paggination li .flex-center {
    width: 51px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    color: #000;
    border: 1px solid #e1e1e1;
    margin-right: 13px;
    border-radius: 50%;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    cursor: pointer
}

.portfolio-view__paggination li .flex-center.active-page {
    background-color: #3cc065;
    border-color: #3cc065;
    font-weight: 600;
    color: #fff
}

.portfolio-view__paggination li:hover .flex-center {
    border-color: #3cc065
}

.portfolio-view__paggination li:first-child .flex-center,
.portfolio-view__paggination li:last-child .flex-center {
    background-color: #f4f4f4
}

.portfolio-view__paggination li:first-child .flex-center.active-page,
.portfolio-view__paggination li:last-child .flex-center.active-page {
    background-color: #3cc065
}

.portfolio-view__paggination li:nth-last-child(2) {
    display: inline-block !important
}

.portfolio-view__paggination li:nth-last-child(2):before {
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/portfolio/three-dot.png) no-repeat 18px 23px;
    float: left;
    margin: 0 0 0 13px;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    color: #000;
    line-height: 0;
    position: relative;
    left: -13px
}

.portfolio-view__paggination.midShep li:nth-child(2) {
    display: inline-block !important
}

.portfolio-view__paggination.midShep li:nth-child(2):before {
    content: "";
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/portfolio/three-dot.png) no-repeat 17px 23px;
    float: right;
    margin: 0 13px 0 13px;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-size: 14px
}

.discover {
    background-color: #0f123e
}

.discover__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .discover__spacing {
        padding: 60px 0
    }
}

.discover__title {
    font-family: Poppins;
    font-size: 31px;
    line-height: 33px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width:992px) {
    .discover__title {
        text-align: left
    }
}

.discover__desc {
    font-family: Poppins;
    font-size: 21px;
    line-height: 27px;
    color: #fff;
    font-weight: 500;
    text-align: center
}

@media screen and (min-width:992px) {
    .discover__desc {
        text-align: left
    }
}

.discover__btn {
    max-width: 333px;
    border-color: #ff5800;
    margin: 10px auto 15px;
    padding: 16px;
    color: #fff;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize
}

@media screen and (min-width:992px) {
    .discover__btn {
        margin: 10px 0 0
    }
}

.discover__btn img {
    margin-left: 10px
}

.discover__btn:hover {
    color: #ff5800
}

.discover__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.discover__list li {
    width: auto !important;
    margin: 10px 5px
}

.discover__list li a {
    padding: 1px 20px
}

.portfolio-we-do .how-help-you {
    background: #052c58 url<?php bloginfo('template_directory');
    ?>/assets/images/new-portfolio/banner-left-graphic.png);
    background-repeat: no-repeat;
    background-position: top left
}

.portfolio-loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99999999;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, .8)
}

.portfolio-loader-inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.portfolio-loader-inside:before {
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border: 4px solid #3498db;
    border-radius: 50%;
    border-top-color: transparent;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.pagination-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .pagination-container {
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit
    }
}

.pagination-container a {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    color: #000;
    border: 1px solid #e1e1e1;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    cursor: pointer
}

@media screen and (min-width:992px) {
    .pagination-container a {
        width: 50px;
        height: 50px;
        margin-right: 13px;
        font-size: 16px
    }
}

.pagination-container a.active {
    background-color: #3cc065;
    border-color: #3cc065;
    font-weight: 600;
    color: #fff
}

.pagination-container a:hover {
    border-color: #3cc065
}

.pagination-container a.pagination-next,
.pagination-container a.pagination-prev {
    background-color: #f4f4f4
}

#filterModal {
    display: none;
    position: fixed;
    z-index: 9999999 !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    padding-top: 0;
    border-radius: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

#filterModal .modal-content {
    background-color: #fefefe;
    margin: 0;
    padding: 20px 0 0;
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    height: 540px
}

#filterModal .modal-body {
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    height: 100vh;
    overflow: scroll
}

#filterModal .close:focus,
#filterModal .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

#filterModal .close {
    color: #000;
    float: right;
    font-size: 44px;
    font-weight: 500;
    opacity: 1;
    text-align: right;
    position: absolute;
    right: 10px;
    top: -3px;
    z-index: 99
}

#filterModal .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto;
    border: 0 !important;
    padding: 15px 15px
}

#filterModal .modal-footer .warning {
    color: red;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#filterModal .modal-footer button:disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

#filterModal #clearFiltersBtn {
    border: 1px solid #000;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 7px 0 0
}

#filterModal #applyFiltersBtn {
    background: #3cc065;
    border: 1px solid #3cc065;
    color: #fff;
    font-size: 15px;
    padding: 10px 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600;
    margin: 0 0 0 7px
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.service-pages {
    font-family: Poppins !important
}

.o-skill-banner {
    background: #0d2642 url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/banner-gradient.png) no-repeat;
    background-position: top left;
    padding: 135px 20px 27px;
    overflow: hidden
}

.o-skill-banner__bannertitle {
    font-family: Poppins;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    text-align: center
}

@media screen and (min-width:767px) {
    .o-skill-banner__bannertitle {
        font-size: 41px;
        line-height: 45px;
        text-align: left;
        margin-bottom: 30px
    }
}

@media screen and (min-width:992px) {
    .o-skill-banner__bannertitle {
        font-size: 51px;
        line-height: 60px
    }
}

@media screen and (min-width:992px) {
    .o-skill-banner__bannertitle--dita {
        font-size: 44px;
        line-height: 56px
    }
}

@media screen and (min-width:992px) {
    .o-skill-banner__bannertitle--salesforce {
        font-size: 42px !important;
        line-height: 47px !important
    }
}

.o-skill-banner__bannersubtitle {
    font-family: Poppins;
    font-size: 25px;
    line-height: 40px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

@media screen and (min-width:767px) {
    .o-skill-banner__bannersubtitle {
        font-size: 31px;
        line-height: 44px;
        text-align: left
    }
}

@media screen and (min-width:767px) {
    .o-skill-banner__bannersubtitle--ver-2 {
        font-size: 28px;
        line-height: 40px
    }
}

@media screen and (min-width:767px) {
    .o-skill-banner__bannersubtitle--ver-3 {
        font-size: 20px;
        line-height: 27px;
        font-weight: 500
    }
}

@media screen and (min-width:767px) {
    .o-skill-banner__bannersubtitle--custom-soft {
        font-size: 27px;
        line-height: 38px
    }
}

.o-skill-banner__bannersubtitle--green {
    color: #3cc065
}

@media screen and (min-width:767px) {
    .o-skill-banner__bannersubtitle--green {
        font-size: 24px;
        line-height: 31px
    }
}

.o-skill-banner__bannerpara {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-skill-banner__bannerpara {
        text-align: left
    }
}

.o-skill-banner__subtitlelink {
    color: #fff
}

.o-skill-banner__subtitlelink:hover span {
    background-size: 100% 100%
}

.o-skill-banner__subtitlelink span {
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#3cc065)) left no-repeat, #fff;
    background: linear-gradient(#3cc065) left no-repeat, #fff;
    background-size: 0 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
    display: inline-block
}

.o-skill-banner__subtitlelink span:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    border-radius: 10px;
    -webkit-animation: 4s linear animate infinite;
    animation: 4s linear animate infinite
}

.o-skill-banner__subtitlelink span.link-color1:before {
    background: -webkit-gradient(linear, left top, right top, from(#03a9f4), color-stop(#ff5800), color-stop(#fbba14), to(#03a9f4));
    background: linear-gradient(90deg, #03a9f4, #ff5800, #fbba14, #03a9f4);
    background-size: 200%
}

.o-skill-banner__subtitlelink span.link-color2:before {
    background: -webkit-gradient(linear, left top, right top, from(#ffe70e), color-stop(#78e6ff), color-stop(#15fe8a), to(#ffe70e));
    background: linear-gradient(90deg, #ffe70e, #78e6ff, #15fe8a, #ffe70e);
    background-size: 200%
}

.o-skill-banner__reviewarea {
    position: relative;
    padding: 20px 30px;
    border-radius: 10px;
    border: 1px solid #495fcd;
    margin-top: 50px
}

.o-skill-banner__reviewarea:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 70%;
    left: -2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #0d2642
}

@media screen and (min-width:767px) {
    .o-skill-banner__reviewarea:before {
        width: 2px;
        left: -1px
    }
}

.o-skill-banner__reviewarea:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 70%;
    right: -2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #0d2642
}

@media screen and (min-width:767px) {
    .o-skill-banner__reviewarea:after {
        width: 2px;
        right: -1px
    }
}

.o-skill-banner__reviewtitle {
    position: relative;
    font-family: Poppins;
    font-size: 15px;
    line-height: 23px;
    color: #fff;
    font-weight: 500;
    background: #0d2642;
    padding: 0 5px;
    display: inline-block;
    margin: 0;
    top: -30px
}

@media screen and (min-width:767px) {
    .o-skill-banner__reviewtitle {
        font-size: 18px
    }
}

.o-skill-banner__reviewlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.o-skill-banner__reviewitem {
    padding: 0
}

@media screen and (min-width:767px) {
    .o-skill-banner__reviewitem {
        width: 20%
    }
}

.o-skill-banner__rightoverlay {
    position: relative;
    margin-top: 70px
}

@media screen and (min-width:992px) {
    .o-skill-banner__rightoverlay {
        margin: 0
    }
}

.o-skill-banner__rightoverlay:before {
    position: absolute;
    content: "";
    width: 570px;
    height: 1000px;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-47%);
    transform: translateY(-50%) translateX(-47%);
    background: #3cc065;
    background: radial-gradient(circle, rgba(60, 192, 101, .4) 0, rgba(255, 255, 255, 0) 50%)
}

.o-skill-banner__reviewtitle {
    top: -33px
}

.o-skill-banner__reviewlist {
    position: relative;
    top: -7px
}

@media screen and (min-width:992px) {
    .o-skill-banner__reviewlist {
        position: relative;
        top: -6px
    }
}

.o-skill-banner__reviewitem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.o-skill-banner__reviewitem:last-child .o-skill-banner__reviewitem-star {
    position: relative;
    top: -3px
}

.o-skill-banner__reviewitem-left {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.o-skill-banner__reviewitem-right {
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:992px) {
    .o-skill-banner__reviewitem-icon img {
        height: inherit
    }
}

.o-skill-banner__reviewitem-star img {
    height: 20px
}

@media screen and (min-width:992px) {
    .o-skill-banner__reviewitem-star img {
        height: inherit
    }
}

.o-skill-banner__reviewitem-name {
    font-size: 13px;
    font-weight: 500;
    color: #fff
}

@media screen and (min-width:992px) {
    .o-skill-banner__reviewitem-name {
        font-size: 15px
    }
}

.o-skill-banner__reviewitem-number {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    margin-top: 5px;
    display: inline-block
}

@media screen and (min-width:992px) {
    .o-skill-banner__reviewitem-number {
        font-size: 28px
    }
}

.o-skill-banner__rightbox {
    position: relative;
    background-color: #0c315b;
    max-width: 429px;
    width: 100%;
    display: inline-block;
    border: 2px solid #3cc065;
    padding: 15px
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightbox {
        padding: 29px
    }
}

.o-skill-banner__rightbox:before {
    position: absolute;
    content: "";
    width: 35%;
    height: 2px;
    background-color: #0c315b;
    left: 0;
    right: 0;
    top: -2px;
    margin: auto
}

.o-skill-banner__rightbox--ver-1:before {
    width: 83%
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightbox--ver-2 {
        padding: 29px 20px 20px;
        margin-top: 12px
    }
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightbox--salesforce {
        padding: 29px 20px 40px
    }
}

.o-skill-banner__rightboxtop {
    text-align: center;
    padding-top: 30px
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightboxtop {
        padding-top: 20px
    }
}

.o-skill-banner__rightboxtop .btn {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    max-width: 310px !important;
    padding: 12px
}

.o-skill-banner__rightboxtop .btn svg {
    margin-left: 7px
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightboxtop .btn {
        font-size: 16px;
        padding: 14px
    }
}

@-webkit-keyframes gradient-spin {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@keyframes gradient-spin {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.o-skill-banner__rightboxtop h5 {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 14px;
    background: linear-gradient(45deg, #ffe70e, #78e6ff, #15fe8a, #ffe70e);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-animation: gradient-spin 4s infinite linear;
    animation: gradient-spin 4s infinite linear
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightboxtop h5 {
        font-size: 20px
    }
}

.o-skill-banner__rightboxtop--no-padding {
    padding-top: 0
}

.o-skill-banner__rightboxtopimg {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto
}

.o-skill-banner__rightboxtitle {
    font-family: Poppins;
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightboxtitle {
        font-size: 25px;
        line-height: 32px
    }
}

.o-skill-banner__rightboxtitle--24 {
    font-size: 24px
}

.o-skill-banner__rightboxtitle a {
    color: #fff
}

.o-skill-banner__rightboxtitle a span {
    position: relative;
    display: inline-block
}

.o-skill-banner__rightboxtitle a span:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    width: 100%;
    border-radius: 10px;
    -webkit-animation: 4s linear animate infinite;
    animation: 4s linear animate infinite
}

.o-skill-banner__rightboxtitle a span.link-color1:before {
    background: -webkit-gradient(linear, left top, right top, from(#03a9f4), color-stop(#ff5800), color-stop(#fbba14), to(#03a9f4));
    background: linear-gradient(90deg, #03a9f4, #ff5800, #fbba14, #03a9f4);
    background-size: 200%
}

.o-skill-banner__rightboxtitle a span.link-color2:before {
    background: -webkit-gradient(linear, left top, right top, from(#ffe70e), color-stop(#78e6ff), color-stop(#15fe8a), to(#ffe70e));
    background: linear-gradient(90deg, #ffe70e, #78e6ff, #15fe8a, #ffe70e);
    background-size: 200%
}

.o-skill-banner__rightboxbottom {
    background-color: #194b83;
    padding: 12px;
    margin-top: 18px;
    border-radius: 4px
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightboxbottom {
        padding: 25px;
        margin-top: 26px
    }
}

.o-skill-banner__rightboxbottom--pad-20 {
    padding: 12px
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightboxbottom--pad-20 {
        padding: 20px
    }
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightboxbottom--salesforce {
        margin-top: 40px
    }
}

.o-skill-banner__rightboxbottomtitle {
    font-family: Poppins;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
    text-align: center
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightboxbottomtitle {
        font-size: 17px;
        line-height: 29px
    }
}

.o-skill-banner__rightboxbottomtitle--font-18 {
    font-size: 12px
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightboxbottomtitle--font-18 {
        font-size: 19px;
        line-height: 29px
    }
}

.o-skill-banner__rightboxbottomtext {
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 11px;
    line-height: 18px;
    font-family: Poppins;
    margin-bottom: 0
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightboxbottomtext {
        font-size: 15px;
        line-height: 25px
    }
}

.o-skill-banner__rightboxbottomtext--font-17 {
    font-size: 11px
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightboxbottomtext--font-17 {
        font-size: 17px;
        line-height: 27px
    }
}

.o-skill-banner__rightboxbottomlist {
    position: relative;
    counter-reset: counter
}

.o-skill-banner__rightboxbottomitem {
    font-family: Poppins;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #fff;
    text-align: left
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightboxbottomitem {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 12px
    }
}

.o-skill-banner__rightboxbottomitem:last-child {
    margin-bottom: 0
}

.o-skill-banner__rightboxbottomitem:before {
    content: counter(counter);
    counter-increment: counter;
    color: #fff;
    background-color: #3cc065;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 27px;
    height: 27px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    margin-top: 4px;
    border-radius: 50%;
    float: left
}

.o-skill-banner__rightboxbottomitem-14 {
    font-size: 11px
}

@media screen and (min-width:767px) {
    .o-skill-banner__rightboxbottomitem-14 {
        font-size: 14px
    }
}

@media screen and (min-width:992px) {
    .o-skill-banner__with-logo-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.o-skill-banner__with-logo {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:992px) {
    .o-skill-banner__with-logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
        flex: 0 0 140px;
        max-width: 140px;
        margin-right: 45px;
        display: inherit
    }
}

.o-skill-banner__with-logo-partner {
    font-family: Poppins;
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block
}

@media screen and (min-width:992px) {
    .o-skill-banner__with-logo-partner {
        font-size: 31px;
        margin-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .o-skill-banner--hire-salesforce .o-skill-banner__bannertitle {
        font-size: 38px;
        line-height: 48px
    }
}

@media screen and (min-width:992px) {
    .o-skill-banner .o-skill-banner__bannersubtitle {
        font-size: 18px;
        line-height: 32px;
        font-weight: 600
    }
}

@media screen and (min-width:992px) {
    .o-skill-banner .o-skill-banner__rightboxtop .btn {
        max-width: 340px !important;
        padding: 14px 10px;
        font-size: 15px
    }
}

.o-skill-service {
    background-color: #f9f9f9;
    border-bottom: 1px solid #e0e0e0
}

.o-skill-service .custom-solution__heading {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: #262e36;
    margin-bottom: 15px
}

@media screen and (min-width:767px) {
    .o-skill-service .custom-solution__heading {
        font-size: 38px;
        line-height: 46px
    }
}

@media screen and (min-width:992px) {
    .o-skill-service .custom-solution__heading {
        font-size: 48px;
        line-height: 58px
    }
}

.o-skill-service .custom-solution__heading--nosub {
    margin: 0 0 30px
}

@media screen and (min-width:992px) {
    .o-skill-service .custom-solution__heading--nosub {
        margin: 0 0 45px
    }
}

.o-skill-service .custom-solution__sub-heading {
    font-family: Poppins;
    font-size: 18px;
    line-height: 27px;
    color: #474747;
    margin: 0 0 30px;
    font-weight: 500;
    display: block
}

@media screen and (min-width:992px) {
    .o-skill-service .custom-solution__sub-heading {
        font-size: 21px;
        line-height: 31px;
        margin: 0 0 45px
    }
}

.o-skill-service .custom-solution__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:992px) {
    .o-skill-service .custom-solution__card {
        display: inherit
    }
}

.o-skill-service .custom-solution__card-gradient:before {
    display: block
}

.o-skill-service .custom-solution__card-heading {
    font-family: Poppins;
    font-size: 20px;
    line-height: 25px
}

.o-skill-service .custom-solution__card-heading--smaller {
    font-size: 17px
}

.o-skill-service .custom-solution__card-description {
    font-family: Poppins;
    font-size: 15px;
    line-height: 25px;
    color: #333;
    margin: 0 0 15px
}

.o-skill-service .custom-solution__card-description a {
    font-family: Poppins;
    color: #3cc065;
    font-weight: 500
}

.o-skill-service .custom-solution__card-description-wrapper {
    margin-top: 20px;
    display: none
}

.o-skill-service .card-list-bulleted {
    list-style: disc;
    padding-left: 15px
}

.o-skill-service .card-list-bulleted li::marker {
    color: #102355
}

.o-skill-service .custom-solution__card-gradient1 {
    display: block;
    position: relative;
    margin-bottom: 26px;
    cursor: pointer;
    overflow: hidden;
    padding: 2px;
    border: 0
}

.o-skill-service .custom-solution__card-gradient1:before {
    content: "+";
    position: absolute;
    top: 20px;
    right: 10px;
    font-size: 36px;
    line-height: 0;
    font-weight: 300;
    color: #898989;
    z-index: 99
}

.o-skill-service .custom-solution__card-gradient1:after {
    content: "";
    position: absolute;
    top: -200px;
    right: 0;
    bottom: 0;
    left: -150px;
    background: #898989;
    width: 950px;
    height: 950px;
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.o-skill-service .custom-solution__card-gradient1:hover:after {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

.o-skill-service .custom-solution__card-gradient1--active:before {
    content: "-";
    top: 16px;
    font-size: 44px;
    color: #568fe0
}

.o-skill-service .custom-solution__card-gradient1--active:after {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

.o-skill-service .custom-solution__card-description {
    display: block
}

.o-skill-service .btn-v2 {
    width: 100%;
    max-width: 434px;
    font-size: 16px
}

@media screen and (min-width:767px) {
    .o-skill-service .btn-v2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 434px;
        flex: 0 0 434px;
        font-size: 17px
    }
}

.o-skill-service .btn-v2-small {
    max-width: 310px
}

@media screen and (min-width:767px) {
    .o-skill-service .btn-v2-small {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        font-size: 17px
    }
}

.skill-technologies-tab__heading {
    font-family: Poppins;
    font-size: 26px;
    line-height: 35px;
    color: #262e36;
    margin-bottom: 15px
}

@media screen and (min-width:767px) {
    .skill-technologies-tab__heading {
        font-size: 38px;
        line-height: 45px
    }
}

@media screen and (min-width:992px) {
    .skill-technologies-tab__heading {
        font-size: 48px;
        line-height: 58px
    }
}

.skill-technologies-tab__subheading {
    font-family: Poppins;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #3cc065;
    text-align: center
}

@media screen and (min-width:992px) {
    .skill-technologies-tab__subheading {
        font-size: 25px;
        line-height: 34px
    }
}

.skill-technologies-tab .o-accordion__tab {
    font-family: Poppins;
    font-size: 24px;
    line-height: 55px;
    color: #262e36;
    font-weight: 700;
    padding: 15px 0;
    border: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.skill-technologies-tab .o-accordion__tab--small {
    font-size: 22px
}

.skill-technologies-tab .o-accordion__tab--short {
    font-size: 23px
}

@media screen and (min-width:992px) {
    .skill-technologies-tab .o-accordion__tab {
        padding: 0
    }
}

.skill-technologies-tab .o-accordion__tab:hover {
    color: #0e003f
}

@media screen and (min-width:992px) {
    .skill-technologies-tab .o-accordion__tab:hover {
        border-color: #e1e1e1
    }
}

.skill-technologies-tab .o-accordion__tab.active {
    color: #0e003f
}

@media screen and (min-width:992px) {
    .skill-technologies-tab .o-accordion__tab.active {
        border-color: #e1e1e1
    }
}

@media screen and (min-width:992px) {
    .skill-technologies-tab .o-accordion__content {
        background: #0e003f
    }
}

@media screen and (min-width:992px) {
    .skill-technologies-tab .o-accordion__content-background {
        background: #0e003f
    }
}

.skill-technologies-tab .pool-section {
    padding: 0;
    border: none
}

.skill-technologies-tab .o-accordion__content-title {
    font-family: Poppins;
    font-size: 28px;
    line-height: 40px;
    font-weight: 700
}

@media screen and (min-width:992px) {
    .skill-technologies-tab .o-accordion__content-title {
        font-size: 36px;
        line-height: 42px;
        color: #fff
    }
}

.skill-technologies-tab .o-accordion__btn {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    margin: 50px auto 0;
    max-width: 100%
}

@media screen and (min-width:767px) {
    .skill-technologies-tab .o-accordion__btn {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

@media screen and (min-width:992px) {
    .skill-technologies-tab .o-accordion__btn {
        margin: 50px 0 0;
        font-size: 19px
    }
}

.skill-technologies-tab .technologies-tab__area {
    padding-top: 0
}

@media screen and (min-width:992px) {
    .skill-technologies-tab .technologies-tab__area {
        padding-top: 50px
    }
}

.skill-technologies-tab .o-accordion__item {
    padding-top: 30px
}

.skill-technologies-tab__bottom-link {
    font-family: Poppins;
    font-size: 14px;
    line-height: 26px;
    color: #0e003f;
    text-decoration: underline;
    font-weight: 500;
    margin-top: 10px;
    display: block;
    text-align: center
}

@media screen and (min-width:992px) {
    .skill-technologies-tab__bottom-link {
        display: inline-block;
        color: #bed7ee
    }
}

.skill-technologies-tab__bottom-link:hover {
    color: #000
}

@media screen and (min-width:992px) {
    .skill-technologies-tab__bottom-link:hover {
        color: #fff
    }
}

.ai-technologies-tab .o-accordion__tab {
    line-height: 35px;
    margin-bottom: 25px
}

.ai-technologies-tab .o-accordion__tab span {
    padding-right: 10px
}

.skill-logo .o-clients {
    background-color: #f9f9f9;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.skill-logo h2 {
    font-family: Poppins;
    color: #000;
    font-size: 25px;
    line-height: 29px;
    font-weight: 600;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .skill-logo h2 {
        margin-bottom: 10px
    }
}

@media screen and (min-width:992px) {
    .o-core-competencies--servicenow .btn-orange {
        max-width: 260px
    }
}

.o-core-competencies--leftlist .o-core-competencies__box {
    text-align: left;
    padding: 16px 30px 30px;
    -webkit-box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.o-core-competencies--leftlist .o-core-competencies__box:hover {
    background: #04254a;
    border-color: #04254a
}

.o-core-competencies--leftlist .o-core-competencies__box:hover .o-core-competencies__heading {
    color: #fff
}

.o-core-competencies--leftlist .o-core-competencies__box:hover .o-core-competencies__content {
    color: #fff
}

.o-core-competencies--leftlist .o-core-competencies__box:hover .o-core-competencies__item {
    color: #fff
}

.o-core-competencies--leftlist .o-core-competencies__box:hover .o-core-competencies__item:before {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-skill-section/icons/white-circle-icon.png) no-repeat;
    background-size: 100% 100%
}

.o-core-competencies--leftlist i {
    padding: 10px;
    background: #fff;
    border-radius: 12px;
    width: 85px;
    height: 85px;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.o-core-competencies--leftlist .o-core-competencies__list {
    margin-top: 15px
}

.o-core-competencies--leftlist .o-core-competencies__item {
    position: relative;
    font-family: Poppins;
    font-size: 15px;
    line-height: 25px;
    color: #333;
    margin: 0;
    padding-left: 30px;
    margin-bottom: 8px;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.o-core-competencies--leftlist .o-core-competencies__item:last-child {
    margin-bottom: 0
}

.o-core-competencies--leftlist .o-core-competencies__item:before {
    content: "";
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/e-commerce/black-circle-icon.png) no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    top: 2px;
    left: 0
}

.o-core-competencies--leftlist .o-core-competencies__btn {
    text-transform: inherit
}

.o-core-competencies--noboximage .o-core-competencies__box {
    min-height: auto
}

.o-core-competencies--noheight .o-core-competencies__box {
    min-height: auto;
    padding: 25px;
    text-align: left
}

.o-core-competencies--noheight i {
    margin-bottom: 0
}

.o-core-competencies--noheight .o-core-competencies__heading {
    font-size: 18px;
    margin: 7px 0 12px
}

.o-core-competencies__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-core-competencies__spacing {
        padding: 60px 0
    }
}

.o-core-competencies__title {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    color: #262e36;
    text-align: center;
    font-weight: 700;
    margin-bottom: 15px
}

@media screen and (min-width:767px) {
    .o-core-competencies__title {
        font-size: 38px;
        line-height: 45px
    }
}

@media screen and (min-width:992px) {
    .o-core-competencies__title {
        font-size: 48px;
        line-height: 58px
    }
}

.o-core-competencies__subtitle {
    font-family: Poppins;
    font-size: 21px;
    line-height: 31px;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .o-core-competencies__subtitle {
        margin-bottom: 50px
    }
}

.o-core-competencies__box {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100%;
    min-height: auto;
    height: 100%;
    text-align: center;
    padding: 30px 25px
}

@media screen and (min-width:992px) {
    .o-core-competencies__box {
        min-height: 469px;
        padding: 40px 35px
    }
}

@media screen and (min-width:992px) {
    .o-core-competencies__box--little {
        min-height: 350px
    }
}

.o-core-competencies__box i {
    margin-bottom: 15px;
    height: 70px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:992px) {
    .o-core-competencies__box--no-fix {
        min-height: auto
    }
}

@media screen and (min-width:992px) {
    .o-core-competencies__box--ai {
        min-height: auto
    }
}

.o-core-competencies__heading {
    font-family: Poppins;
    color: #333;
    font-size: 21px;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 20px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.o-core-competencies__content {
    font-family: Poppins;
    font-size: 15px;
    line-height: 25px;
    color: #333;
    margin: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.o-core-competencies__content a {
    color: #3cc065;
    font-weight: 500;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.o-core-competencies__btn {
    font-size: 16px;
    max-width: 384px;
    text-transform: capitalize;
    margin: 30px auto 0;
    width: 100%;
    padding: 16px
}

@media screen and (min-width:767px) {
    .o-core-competencies__btn {
        font-size: 17px
    }
}

@media screen and (min-width:992px) {
    .o-core-competencies__btn {
        margin: 20px auto 0
    }
}

.o-core-competencies__btn--notcap {
    text-transform: inherit
}

.o-skill-flow {
    background-color: #f9f9f9;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 30px 0;
    overflow: hidden
}

@media screen and (min-width:992px) {
    .o-skill-flow {
        padding: 60px 0
    }
}

.o-skill-flow__title {
    font-family: Poppins;
    font-size: 30px !important;
    line-height: 35px !important;
    font-weight: 700 !important;
    color: #262e36;
    margin: 0
}

@media screen and (min-width:767px) {
    .o-skill-flow__title {
        font-size: 38px !important;
        line-height: 45px !important
    }
}

@media screen and (min-width:992px) {
    .o-skill-flow__title {
        font-size: 48px !important;
        line-height: 58px !important;
        margin-bottom: 50px
    }
}

.o-skill-flow__block-label {
    text-align: center;
    margin: 30px 0
}

@media screen and (min-width:992px) {
    .o-skill-flow__block-label {
        margin: 0 0 40px
    }
}

.o-skill-flow__block-label span {
    font-family: Poppins;
    position: relative;
    display: inline-block;
    font-size: 25px;
    line-height: 25px;
    color: #333;
    font-weight: 600
}

.o-skill-flow__block-label span:before {
    position: absolute;
    content: "";
    width: 44px;
    height: 1px;
    background-color: #898989;
    left: -60px;
    top: 50%
}

.o-skill-flow__block-label span:after {
    position: absolute;
    content: "";
    width: 44px;
    height: 1px;
    background-color: #898989;
    right: -60px;
    top: 50%
}

.o-skill-flow .faq-holder {
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

.o-skill-flow .faq-holder.d-active {
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1)
}

.o-skill-flow .faq-holder.d-active .o-skill-flow__panel {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content
}

.o-skill-flow .accordion1:after {
    color: #4492dc !important
}

.o-skill-flow__btn-title {
    font-family: Poppins;
    font-weight: 600;
    color: #262e36;
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 8px
}

.o-skill-flow__panel {
    padding: 0 18px;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: max-height .2s ease-out;
    transition: max-height .2s ease-out;
    max-height: 0
}

.o-skill-flow__panel p {
    font-family: Poppins;
    font-size: 20px;
    line-height: 30px;
    color: #262e36;
    margin-bottom: 12px
}

.o-skill-flow__tool-heading {
    color: #4492dc !important;
    font-size: 18px !important;
    line-height: 25px !important;
    margin: 0 0 8px !important
}

.o-skill-flow__small-p {
    font-family: Poppins;
    font-size: 15px !important;
    line-height: 25px !important;
    margin: 0
}

.o-skill-flow__btn {
    font-family: Poppins;
    font-size: 17px;
    max-width: 384px;
    text-transform: capitalize;
    margin: 30px auto 0;
    width: 100%;
    padding: 16px
}

.o-easy-step__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-easy-step__spacing {
        padding: 60px 0
    }
}

.o-easy-step__title {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: #262e36;
    text-align: center
}

@media screen and (min-width:767px) {
    .o-easy-step__title {
        font-size: 38px;
        line-height: 45px
    }
}

@media screen and (min-width:992px) {
    .o-easy-step__title {
        font-size: 48px;
        line-height: 58px
    }
}

.o-easy-step__subtitle {
    font-family: Poppins;
    font-size: 18px;
    line-height: 27px;
    color: #333;
    text-align: center;
    font-weight: 500
}

@media screen and (min-width:767px) {
    .o-easy-step__subtitle {
        font-size: 21px;
        line-height: 31px
    }
}

.o-easy-step__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 75px
}

@media screen and (min-width:992px) {
    .o-easy-step__list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 80px
    }
}

.o-easy-step__items {
    position: relative;
    max-width: 330px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: center;
    padding: 0 32px 35px;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    margin-bottom: 120px
}

@media screen and (min-width:767px) {
    .o-easy-step__items {
        margin-bottom: 100px
    }
}

.o-easy-step__items:last-child {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .o-easy-step__items {
        width: 28%;
        margin-bottom: 0
    }
}

@media screen and (min-width:1200px) {
    .o-easy-step__items {
        width: 30%
    }
}

.o-easy-step__items:after {
    position: absolute;
    content: "";
    width: 55px;
    height: 20px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-skill-section/icons/step-arrow.svg) no-repeat center;
    background-size: 100%;
    top: inherit;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 0;
    left: 0;
    bottom: -40px;
    margin: auto
}

@media screen and (min-width:992px) {
    .o-easy-step__items:after {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: inherit;
        top: 50%;
        bottom: inherit;
        transform: translateY(-50%);
        right: -55px;
        margin: 0
    }
}

.o-easy-step__items:last-child:after {
    display: none
}

.o-easy-step__counter {
    position: relative;
    width: 116px;
    height: 116px;
    border-radius: 50%;
    background-color: rgba(53, 91, 191, .1);
    font-family: Poppins;
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -50px auto 20px
}

.o-easy-step__counter span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-color: #0e003f
}

.o-easy-step__heading {
    font-family: Poppins;
    color: #333;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 20px
}

.o-easy-step__content {
    font-family: Poppins;
    color: #333;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 20px
}

.o-easy-step__contentbold {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin: 0
}

.o-easy-step__link {
    font-family: Poppins;
    color: #4492dc;
    font-size: 14px;
    line-height: 22px
}

.o-easy-step__btn {
    width: 100%;
    max-width: 100%;
    font-size: 19px;
    font-weight: 600;
    margin: 50px auto 0;
    text-transform: capitalize;
    padding: 16px;
    max-width: 100%
}

@media screen and (min-width:767px) {
    .o-easy-step__btn {
        max-width: 330px
    }
}

.o-journey {
    background-color: #f9f9f9;
    border-top: 1px solid #e4e4e4
}

.o-journey__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-journey__spacing {
        padding: 35px 0 45px
    }
}

.o-journey__title {
    font-family: Poppins;
    color: #0e2743;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 10px
}

@media screen and (min-width:767px) {
    .o-journey__title {
        font-size: 21px;
        line-height: 38px
    }
}

.o-journey__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.o-journey__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:992px) {
    .o-journey__item {
        margin: 10px 15px !important;
        display: inherit;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.o-journey .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.o-journey .owl-carousel .owl-item img {
    height: 94%;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (min-width:992px) {
    .o-journey .owl-carousel .owl-item img {
        height: inherit;
        -o-object-fit: inherit;
        object-fit: inherit
    }
}

.o-skill-how-help {
    background: #052c58 url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/banner-gradient.png) no-repeat
}

.o-skill-how-help .how-help-you__heading {
    font-size: 25px;
    line-height: 38px;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .o-skill-how-help .how-help-you__heading {
        font-size: 48px;
        line-height: 62px;
        margin-bottom: 45px
    }
}

@media screen and (min-width:992px) {
    .o-skill-how-help .how-help-you__card-heading {
        line-height: 46px
    }
}

.o-skill-how-help .how-we-help-buttons {
    padding: 15px 0;
    height: 58px;
    font-size: 14px
}

@media screen and (min-width:992px) {
    .o-skill-how-help .how-we-help-buttons {
        font-size: 17px
    }
}

.o-skill-how-help .how-we-help-knowmore {
    font-family: Poppins;
    text-align: center;
    font-size: 14px;
    margin: 15px auto 0;
    text-decoration: underline;
    font-weight: 600;
    display: inline-block;
    color: #4492dc
}

.o-skill-how-help .how-we-help-knowmore:hover {
    color: #ff5800
}

@media screen and (min-width:992px) {
    .o-skill-how-help .let-help {
        padding: 0 18px 20px 18px
    }
}

@media screen and (min-width:1600px) {
    .o-skill-how-help .let-help {
        padding: 0 19px 20px 19px
    }
}

@media screen and (min-width:1705px) {
    .o-skill-how-help .let-help {
        padding: 0 18px 20px 18px
    }
}

@media screen and (min-width:1920px) {
    .o-skill-how-help .let-help {
        max-width: 1075px;
        padding: 0 18px 20px 18px
    }
}

.o-skill-how-help .let-help:before {
    border: none
}

@media screen and (min-width:1600px) {
    .o-skill-how-help .let-help__inner-wrapper {
        padding: 17px 14px 17px 14px
    }
}

@media screen and (min-width:1705px) {
    .o-skill-how-help .let-help__inner-wrapper {
        padding: 17px 12px 17px 12px
    }
}

@media screen and (min-width:1920px) {
    .o-skill-how-help .let-help__inner-wrapper {
        padding: 17px 12px 17px 15px
    }
}

.o-skill-how-help .let-help__checkbox-label {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500
}

.o-skill-how-help .let-help__btn {
    width: 360px;
    font-size: 14px;
    font-weight: 600;
    padding: 17px 12px
}

@media screen and (min-width:992px) {
    .o-skill-how-help .let-help__btn {
        font-size: 17px
    }
}

.skill-review .custom-review__partner {
    display: none
}

.o-why-hire {
    background-color: #f9f9f9;
    border-top: 1px solid #e4e4e4
}

.o-why-hire__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-why-hire__spacing {
        padding: 60px 0
    }
}

.o-why-hire__title {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    color: #262e36;
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px
}

@media screen and (min-width:767px) {
    .o-why-hire__title {
        font-size: 38px;
        line-height: 45px
    }
}

@media screen and (min-width:992px) {
    .o-why-hire__title {
        font-size: 48px;
        line-height: 58px;
        margin-bottom: 50px
    }
}

.o-why-hire__subheading {
    font-family: Poppins;
    font-size: 18px;
    line-height: 28px;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .o-why-hire__subheading {
        font-size: 21px;
        line-height: 31px;
        margin-bottom: 60px
    }
}

.o-why-hire__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #dae9fb
}

.o-why-hire__list--massonary {
    display: inherit;
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

@media screen and (min-width:767px) {
    .o-why-hire__list--massonary {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

.o-why-hire__list--massonary .o-why-hire__items {
    page-break-inside: avoid;
    width: 100%
}

@media screen and (min-width:767px) {
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(even) {
        border-right: 1px solid #dae9fb;
        padding-left: 0
    }
}

@media screen and (min-width:767px) {

    .o-why-hire__list--massonary .o-why-hire__items:first-child,
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(2),
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(3),
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(4),
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(5) {
        padding-right: 30px;
        border-right: none
    }
}

@media screen and (min-width:767px) {

    .o-why-hire__list--massonary .o-why-hire__items:nth-child(10),
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(11),
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(6),
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(7),
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(8),
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(9) {
        border-right: none;
        border-left: 1px solid #dae9fb;
        padding-right: 0
    }
}

@media screen and (min-width:767px) {

    .o-why-hire__list--massonary .o-why-hire__items:nth-child(10),
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(11),
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(6),
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(7),
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(8),
    .o-why-hire__list--massonary .o-why-hire__items:nth-child(9) {
        padding-left: 30px
    }
}

.o-why-hire__list--massonary .o-why-hire__items .content-part-side ol {
    padding-left: 18px
}

.o-why-hire__list--massonary .o-why-hire__items .content-part-side ol li {
    font-family: Poppins;
    font-size: 15px;
    line-height: 25px;
    color: #262e36;
    margin: 0
}

.o-why-hire__items {
    width: 100%;
    padding: 20px;
    border: 1px solid #dae9fb;
    border-bottom: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width:767px) {
    .o-why-hire__items {
        width: 50%;
        border-left: none;
        border-bottom: none
    }
}

@media screen and (min-width:992px) {
    .o-why-hire__items {
        padding: 40px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.o-why-hire__items .content-part-side {
    margin-left: 0;
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .o-why-hire__items .content-part-side {
        margin-left: 10px;
        margin-top: 0
    }
}

.o-why-hire__items .content-part-side h5 {
    font-family: Poppins;
    font-size: 22px;
    line-height: 27px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #262e36
}

.o-why-hire__items .content-part-side p {
    font-family: Poppins;
    font-size: 15px;
    line-height: 25px;
    color: #262e36;
    margin: 0
}

@media screen and (min-width:767px) {
    .o-why-hire__items:nth-child(even) {
        padding: 40px 0 40px 30px;
        border-right: none
    }
}

@media screen and (min-width:767px) {
    .o-why-hire__items:nth-child(odd) {
        padding: 40px 30px 40px 0
    }
}

.o-why-hire__btn {
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 40px auto 0;
    max-width: 100%;
    width: 100%;
    padding: 16px
}

@media screen and (min-width:767px) {
    .o-why-hire__btn {
        max-width: 305px
    }
}

.o-why-hire__btn--django {
    max-width: 335px
}

.o-why-hire .btn--lg {
    max-width: 345px
}

@media screen and (min-width:992px) {
    .o-why-hire--hire-salesforce .o-why-hire__title {
        margin-bottom: 25px
    }
}

.skill-bottom-form .new-bottom-form {
    background: #052c58 url<?php bloginfo('template_directory');
    ?>/assets/images/new-home-banner/banner-gradient.png) no-repeat !important;
    background-position: 0 0
}

.o-bottom-work {
    background: #081c36 url<?php bloginfo('template_directory');
    ?>/assets/images/new-skill-section/left-top-courner.png) no-repeat
}

.o-bottom-work__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-bottom-work__spacing {
        padding: 45px 0
    }
}

.o-bottom-work__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 830px;
    width: 100%;
    margin: auto;
    border: 1px solid #63ff93;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:992px) {
    .o-bottom-work__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.o-bottom-work__list:before {
    position: absolute;
    content: "";
    width: 50%;
    height: 101%;
    background: #081c36;
    background: -webkit-gradient(linear, left top, right top, from(rgba(8, 28, 54, .95)), color-stop(70%, rgba(8, 28, 54, .7)), to(rgba(8, 28, 54, .1)));
    background: linear-gradient(90deg, rgba(8, 28, 54, .95) 0, rgba(8, 28, 54, .7) 70%, rgba(8, 28, 54, .1) 100%);
    left: -1px;
    top: -1px
}

.o-bottom-work__list:after {
    position: absolute;
    content: "";
    width: 50%;
    height: 101%;
    background: #081c36;
    background: -webkit-gradient(linear, right top, left top, from(rgba(8, 28, 54, .95)), color-stop(70%, rgba(8, 28, 54, .7)), to(rgba(8, 28, 54, .1)));
    background: linear-gradient(270deg, rgba(8, 28, 54, .95) 0, rgba(8, 28, 54, .7) 70%, rgba(8, 28, 54, .1) 100%);
    right: -1px;
    top: -1px
}

.o-bottom-work__items {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #63ff93;
    padding: 35px;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:767px) {
    .o-bottom-work__items {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:992px) {
    .o-bottom-work__items {
        width: 50%;
        border-bottom: none;
        border-right: 1px solid #63ff93
    }
}

.o-bottom-work__items:first-child .o-bottom-work__images {
    margin-left: 0
}

@media screen and (min-width:992px) {
    .o-bottom-work__items:first-child .o-bottom-work__images {
        margin-left: -115px
    }
}

.o-bottom-work__items:last-child {
    border-right: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media screen and (min-width:767px) {
    .o-bottom-work__items:last-child {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media screen and (min-width:992px) {
    .o-bottom-work__items:last-child {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.o-bottom-work__items:last-child .o-bottom-work__images {
    margin-right: 0;
    background-color: #081c36
}

@media screen and (min-width:992px) {
    .o-bottom-work__items:last-child .o-bottom-work__images {
        margin-right: -90px
    }
}

.o-bottom-work__items:last-child .o-bottom-work__text-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 68%;
    flex: 0 0 68%
}

@media screen and (min-width:992px) {
    .o-bottom-work__items:last-child .o-bottom-work__text-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 72%;
        flex: 0 0 72%
    }
}

.o-bottom-work__images {
    position: relative;
    z-index: 1
}

.o-bottom-work__text-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 68%;
    flex: 0 0 68%;
    position: relative;
    z-index: 1
}

@media screen and (min-width:992px) {
    .o-bottom-work__text-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 77%;
        flex: 0 0 77%
    }
}

.o-bottom-work__heading-text {
    font-family: Poppins;
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    color: #fff
}

@media screen and (min-width:992px) {
    .o-bottom-work__heading-text {
        font-size: 31px;
        line-height: 38px
    }
}

.o-bottom-work__heigh-text {
    color: #36e079
}

.o-bottom-work__content-text {
    font-family: Poppins;
    color: #36e079;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 0
}

@media screen and (min-width:992px) {
    .o-bottom-work__content-text {
        font-size: 19px
    }
}

.for-tablet {
    display: block
}

@media screen and (min-width:1024px) {
    .for-tablet {
        display: none
    }
}

.o-skill-faq h2 {
    padding-bottom: 15px;
    margin: 0
}

@media screen and (min-width:992px) {
    .o-skill-faq h2 {
        line-height: 58px
    }
}

.o-skill-faq__sub-heading {
    font-family: Poppins;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #333;
    font-weight: 600;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .o-skill-faq__sub-heading {
        font-size: 25px;
        line-height: 34px
    }
}

.o-skill-faq .accordion1 span {
    width: 95%;
    line-height: 28px
}

.o-skill-testimonial .o-testimonial__heading {
    font-size: 32px;
    line-height: 40px
}

@media screen and (min-width:767px) {
    .o-skill-testimonial .o-testimonial__heading {
        font-size: 38px;
        line-height: 45px
    }
}

@media screen and (min-width:992px) {
    .o-skill-testimonial .o-testimonial__heading {
        font-size: 48px;
        line-height: 58px
    }
}

.o-skill-testimonial .o-testimonial__itemimage {
    height: 259px
}

.o-skill-testimonial .o-testimonial__itemcontent {
    padding: 20px 25px 35px 25px;
    min-height: auto;
    height: auto;
    background-color: #fff
}

@media screen and (min-width:992px) {
    .o-skill-testimonial .o-testimonial__itemcontent {
        min-height: 276px
    }
}

.o-skill-testimonial .o-testimonial__itemtitle {
    font-family: Poppins;
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px
}

.o-skill-testimonial .o-testimonial__itemtech {
    font-family: Poppins;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 400
}

.o-skill-testimonial .o-testimonial__itembtn {
    font-family: Poppins;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600
}

.o-skill-testimonial .o-testimonial__list .owl-nav {
    margin-top: 40px
}

.o-key-diff-modify {
    background-color: #f9f9f9;
    border-top: 1px solid #e0e0e0;
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-key-diff-modify {
        padding: 60px 0
    }
}

.o-key-diff-modify h2 {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: #262e36;
    margin-bottom: 15px
}

@media screen and (min-width:767px) {
    .o-key-diff-modify h2 {
        font-size: 38px;
        line-height: 46px
    }
}

@media screen and (min-width:992px) {
    .o-key-diff-modify h2 {
        font-size: 48px;
        line-height: 58px
    }
}

.o-key-diff-modify .cmn-heading-para {
    font-family: Poppins;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    text-align: center !important;
    font-weight: 500 !important
}

@media screen and (min-width:992px) {
    .o-key-diff-modify .cmn-heading-para {
        font-size: 21px;
        line-height: 31px
    }
}

.o-key-diff-modify .clode-computing-right-side-text h4 {
    font-family: Poppins;
    font-weight: 700
}

.o-key-diff-modify .clode-computing-right-side-text p {
    font-family: Poppins
}

.leverage-section__modify {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .leverage-section__modify {
        padding: 60px 0
    }
}

.leverage-section__modify h2 {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px
}

@media screen and (min-width:767px) {
    .leverage-section__modify h2 {
        font-size: 38px;
        line-height: 46px
    }
}

@media screen and (min-width:992px) {
    .leverage-section__modify h2 {
        font-size: 48px;
        line-height: 58px
    }
}

.leverage-section__modify .o-key-diff-box h4 {
    font-family: Poppins;
    font-weight: 700
}

.leverage-section__modify .o-key-diff-box p {
    font-family: Poppins
}

.iot-case__modify h2 {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: #262e36;
    margin-bottom: 15px
}

@media screen and (min-width:767px) {
    .iot-case__modify h2 {
        font-size: 38px;
        line-height: 46px
    }
}

@media screen and (min-width:992px) {
    .iot-case__modify h2 {
        font-size: 48px;
        line-height: 58px
    }
}

.iot-case__modify .iot-case-wrapper-box h3 {
    font-family: Poppins;
    font-weight: 700;
    margin: 20px 0
}

.iot-case__modify .iot-case-wrapper-box li {
    font-family: Poppins;
    font-size: 16px;
    line-height: 26px
}

.what-test-section--servicenow .btn-orange {
    font-size: 17px;
    max-width: 260px
}

.what-test-section__modify {
    background-color: #f9f9f9;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .what-test-section__modify {
        padding: 60px 0
    }
}

.what-test-section__modify h2 {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: #262e36;
    margin-bottom: 30px
}

@media screen and (min-width:767px) {
    .what-test-section__modify h2 {
        font-size: 38px;
        line-height: 46px
    }
}

@media screen and (min-width:992px) {
    .what-test-section__modify h2 {
        font-size: 48px;
        line-height: 58px
    }
}

.what-test-section__modify li {
    font-family: Poppins
}

.mobile-app {
    font-family: Poppins !important
}

.mobile-app h1,
.mobile-app h2,
.mobile-app h3,
.mobile-app h4,
.mobile-app h5,
.mobile-app h6,
.mobile-app p {
    font-family: Poppins !important
}

.mobile-app .spiral-col-box p {
    margin-bottom: 0
}

.no-border {
    border: none !important
}

.normal-text-button {
    text-transform: inherit
}

.light-text-button {
    text-transform: initial;
    height: 62px;
    padding: 16px
}

.skill-technologies-tab .pool-section .pool-box-list {
    height: 77px
}

.skill-technologies-tab .pool-section .pool-box-list img {
    max-height: 38px
}

.title-margin-bottom {
    margin: 0 0 20px !important
}

@media screen and (min-width:992px) {
    .title-margin-bottom {
        margin: 0 0 35px !important
    }
}

.o-skill-service .padding-bottom-30 {
    padding-bottom: 5px
}

@media screen and (min-width:992px) {
    .o-skill-service .padding-bottom-30 {
        padding-bottom: 30px
    }
}

.o-skill-service .experience-list ul li a {
    position: relative;
    padding: 13px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .o-skill-service .experience-list ul li a {
        padding: 30px 15px
    }
}

@media screen and (min-width:992px) {
    .mb-75 {
        margin-bottom: 75px !important
    }
}

@media screen and (min-width:992px) {
    .mb-55 {
        margin-bottom: 55px !important
    }
}

@media screen and (min-width:992px) {
    .mobile-app-serv .custom-solution__card-heading {
        font-size: 19px
    }
}

span.underline {
    position: relative;
    display: inline-block
}

span.underline:before {
    position: absolute;
    left: 0;
    bottom: -2px;
    content: "";
    background-color: #fff;
    height: 2px;
    width: 100%
}

@media screen and (min-width:992px) {
    .dita-engagement .how-help-you__card-heading {
        font-size: 29px;
        line-height: 42px
    }
}

.btn--notcap {
    text-transform: initial
}

.what-are--staff-aug .what-are__title {
    font-weight: 500
}

.why-choose--staff-aug .why-choose__heading {
    font-weight: 500
}

@media screen and (min-width:992px) {
    .why-choose--staff-aug .why-choose__heading {
        margin-bottom: 60px
    }
}

@media screen and (min-width:992px) {
    .why-choose--staff-aug .why-choose__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.why-choose--staff-aug .why-choose__item {
    max-width: inherit;
    background: #fff;
    border: 1px solid #d0e3f5
}

@media screen and (min-width:992px) {
    .why-choose--staff-aug .why-choose__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        height: 230px
    }
}

.why-choose--staff-aug .why-choose__item:before {
    display: none
}

.why-choose--staff-aug .why-choose__items {
    background: #fff
}

.why-choose--staff-aug .why-choose__items-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.why-choose--staff-aug .why-choose__items-top i {
    margin-right: 15px;
    display: inline-block
}

.why-choose--staff-aug .why-choose__bottom-text {
    font-family: Poppins;
    font-size: 30px;
    line-height: 40px;
    color: #262e36;
    margin-top: 35px;
    font-weight: 500
}

.development-banner {
    background: #0d2642
}

.development-banner .o-skill-banner__rightbox::before {
    display: none
}

.dev-service .custom-solution__heading {
    font-weight: 500
}

.dev-service .custom-solution__sub-heading {
    font-weight: 500
}

@media screen and (min-width:992px) {
    .dev-service .custom-solution__card-description-wrapper {
        margin: 0;
        padding: 0 20px
    }
}

.dev-service .custom-solution__card-gradient1 {
    padding: 0;
    border: 1px solid #d7d6d6;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .dev-service .custom-solution__card-gradient1 {
        margin-bottom: 30px
    }
}

.dev-service .custom-solution__card-gradient1:after {
    display: none
}

.dev-service .custom-solution__card-gradient1:before {
    font-family: Montserrat, sans-serif;
    font-weight: 400
}

@media screen and (min-width:992px) {
    .dev-service .custom-solution__card-gradient1:before {
        top: 50px;
        right: 25px
    }
}

.dev-service .custom-solution__card-gradient1.custom-solution__card-gradient1-color1 {
    border-bottom: 4px solid #64b9f4
}

.dev-service .custom-solution__card-gradient1.custom-solution__card-gradient1-color2 {
    border-bottom: 4px solid #ffc327
}

.dev-service .custom-solution__card-gradient1.custom-solution__card-gradient1-color3 {
    border-bottom: 4px solid #20dea5
}

.dev-service .custom-solution__card-gradient1.custom-solution__card-gradient1-color4 {
    border-bottom: 4px solid #a15fae
}

.dev-service .custom-solution__card-gradient1.custom-solution__card-gradient1-color5 {
    border-bottom: 4px solid #fda474
}

@media screen and (min-width:992px) {
    .dev-service .custom-solution__collapse-heading {
        min-height: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 20px
    }
}

@media screen and (min-width:992px) {
    .dev-service .custom-solution__card-heading {
        font-size: 22px;
        line-height: 25px
    }
}

.dev-service .custom-solution__card {
    background: 0 0
}

@media screen and (min-width:992px) {
    .dev-service .custom-solution__card {
        padding: 24px 20px 24px 20px;
        padding: 0
    }
}

.banner.development-banner {
    background: #0f1858 url<?php bloginfo('template_directory');
    ?>/assets/images/custom-dev/banner-pattern.jpg) no-repeat 0 0/cover;
    position: relative;
    padding: 70px 20px 30px
}

@media screen and (min-width:992px) {
    .banner.development-banner {
        padding: 150px 20px 65px
    }
}

.banner.development-banner .o-skill-banner__rightbox {
    background: #1a2979;
    border-color: #5158d6
}

@media screen and (min-width:992px) {
    .banner .o-skill-banner__rightbox--ver-2 {
        padding: 70px 50px 70px;
        margin-top: 0
    }
}

.banner .o-skill-banner__rightoverlay {
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .banner .o-skill-banner__rightoverlay {
        margin-top: 0
    }
}

.banner .o-skill-banner__rightboxtop {
    padding-top: 0
}

@media screen and (min-width:992px) {
    .banner .o-skill-banner__rightboxtitle {
        font-size: 28px;
        line-height: 42px;
        font-weight: 600;
        margin-bottom: 30px
    }
}

.banner .o-skill-banner__rightboxtitle a span:before {
    height: 4px
}

.banner__top-rated {
    margin-top: 25px
}

@media screen and (min-width:992px) {
    .banner__top-rated {
        max-width: 466px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #5158d6;
        border-radius: 5px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        margin-top: 0;
        margin-bottom: 40px;
        background: #1a2979
    }
}

.banner__top-rated-text {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 500;
    text-align: center
}

@media screen and (min-width:992px) {
    .banner__top-rated-text {
        padding: 14px 15px;
        text-align: left
    }
}

.banner__top-rated-highlight {
    color: #84a5f9;
    font-weight: 700
}

.banner__top-rating {
    margin: 20px auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 183px;
    flex: 0 0 183px;
    max-width: 183px;
    border-radius: 5px
}

@media screen and (min-width:992px) {
    .banner__top-rating {
        margin: 0;
        border-radius: 0
    }
}

.banner__top-rating .splide__track {
    overflow: hidden
}

.banner__top-rating .splide__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banner__top-rating-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banner__top-rating-left {
    padding-right: 10px
}

.banner__top-rating-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-left: 13px
}

.banner__top-rating-right:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    background: #d7dfe6;
    opacity: .5;
    width: 1px;
    height: 29px;
    text-align: left
}

.banner__top-rating-number {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    font-weight: 600;
    text-align: left
}

.banner__top-rating-review {
    font-size: 12px;
    color: #fff;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .banner .o-skill-banner__bannertitle {
        margin-bottom: 20px
    }
}

.banner .o-skill-banner__bannersubtitle {
    color: #cee8ff;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .banner .o-skill-banner__bannersubtitle {
        font-size: 22px;
        line-height: 32px
    }
}

.dev-service-benefit h2 {
    font-weight: 500 !important
}

@media screen and (min-width:992px) {
    .dev-service-benefit h2 {
        margin-bottom: 20px !important
    }
}

.dev-service-benefit .service-card {
    position: relative
}

.dev-service-benefit .service-card::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 30px;
    width: 68px;
    height: 6px;
    background: #000
}

.dev-service-benefit .service-card-color1::before {
    background: #64b9f4
}

.dev-service-benefit .service-card-color2::before {
    background: #f29906
}

.dev-service-benefit .service-card-color3::before {
    background: #20dea5
}

.dev-service-benefit .service-card-color4::before {
    background: #4fa941
}

.dev-service-benefit .service-card-color5::before {
    background: #fbba14
}

.dev-service-benefit .service-card-color6::before {
    background: #a15fae
}

.custom-dev-tech {
    border-bottom: 1px solid #d8d8d8
}

.custom-dev-tech .o-accordion__content-background {
    background: #f7f9fb;
    border: 1px solid #d8d8d8;
    border-bottom: none
}

.custom-dev-tech .o-accordion__content-title {
    color: #333;
    font-weight: 600
}

.custom-dev-tech .o-accordion__content {
    background: #f7f9fb
}

@media screen and (min-width:992px) {
    .custom-dev-tech .o-accordion__content {
        border: 1px solid #d8d8d8;
        border-bottom: none;
        border-right: none
    }
}

.custom-dev-tech .o-accordion__button {
    font-weight: 600
}

.custom-dev-tech .skill-technologies-tab__bottom-link {
    color: #0e003f
}

.custom-dev-tech .o-accordion__tab {
    font-weight: 600
}

@media screen and (min-width:992px) {
    .custom-dev-tech .o-accordion__tab {
        line-height: 50px
    }
}

.custom-dev-tech .o-accordion__tab.active {
    border-bottom: 1px solid #dde2ea
}

@media screen and (min-width:992px) {
    .custom-dev-tech .pool-section .pool-box-list small {
        font-size: 16px;
        font-weight: 400
    }
}

@media screen and (min-width:992px) {
    .custom-dev-tech .o-accordion__btn {
        margin-top: 35px
    }
}

.custom-dev-tech .tab-pane:last-child .o-accordion__content {
    border-bottom: none
}

.custom-dev-method {
    background: #fff
}

@media screen and (min-width:992px) {
    .custom-dev-method .custom-solution__sub-heading {
        margin: 0 0 30px
    }
}

.custom-dev-method .o-we-develop__box {
    border-radius: 5px;
    border: 1px solid #ccc;
    border-bottom-width: 3px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-dev-method .o-we-develop__box-color1 {
    border-color: #64b9f4
}

.custom-dev-method .o-we-develop__box-color2 {
    border-color: #20dea5
}

.custom-dev-method .o-we-develop__box-color3 {
    border-color: #fda474
}

.custom-dev-method .o-we-develop__box-color4 {
    border-color: #a15fae
}

.custom-dev-method .o-we-develop__boxcontent {
    font-size: 16px
}

.custom-dev-journey {
    border-top: none
}

.o-testimonial__heading .o-testimonial__heading {
    font-weight: 500
}

.custom-dev-case-study .o-testimonial__heading {
    font-weight: 500
}

.custom-dev-case-study .o-testimonial__item {
    width: 100%
}

.custom-dev-case-study .o-testimonial__itemtitle {
    font-weight: 600;
    font-size: 21px
}

.custom-dev-faq h2 {
    font-weight: 500
}

.splide__list--data-eng {
    height: auto !important
}

.splide__list--auto-height {
    height: auto !important
}

.static-image {
    display: block
}

.js-banner-review-slider {
    display: none
}

.o-service-banner .o-skill-banner__bannertitle {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px
}

@media screen and (min-width:767px) {
    .o-service-banner .o-skill-banner__bannertitle {
        font-size: 41px;
        line-height: 45px;
        text-align: left
    }
}

@media screen and (min-width:992px) {
    .o-service-banner .o-skill-banner__bannertitle {
        font-size: 50px;
        line-height: 64px;
        margin-bottom: 30px
    }
}

.o-we-develop__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-we-develop__spacing {
        padding: 60px 0
    }
}

.o-we-develop__title {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    color: #262e36;
    text-align: center;
    font-weight: 700;
    margin-bottom: 15px
}

@media screen and (min-width:767px) {
    .o-we-develop__title {
        font-size: 38px;
        line-height: 46px
    }
}

@media screen and (min-width:992px) {
    .o-we-develop__title {
        font-size: 48px;
        line-height: 58px
    }
}

@media screen and (min-width:992px) {
    .o-we-develop__title--dita {
        font-size: 51px;
        line-height: 60px
    }
}

.o-we-develop__subtitle {
    font-family: Poppins;
    font-size: 21px;
    line-height: 30px;
    color: #333;
    text-align: center;
    font-weight: 500
}

.o-we-develop__subtitle--dita {
    margin-bottom: 20px;
    line-height: 31px
}

@media screen and (min-width:992px) {
    .o-we-develop__subtitle--dita {
        margin-bottom: 30px
    }
}

.o-we-develop__subtitle--merginbtm {
    margin-bottom: 20px;
    line-height: 31px
}

@media screen and (min-width:992px) {
    .o-we-develop__subtitle--merginbtm {
        margin-bottom: 50px
    }
}

.o-we-develop__box {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 30px;
    -webkit-box-shadow: 0 0 25px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 0 25px 3px rgba(0, 0, 0, .08);
    height: 100%
}

.o-we-develop__box--color {
    position: relative
}

@media screen and (min-width:992px) {
    .o-we-develop__box--color {
        padding: 30px 30px 30px 30px
    }
}

.o-we-develop__box--color:before {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    width: 89px;
    height: 5px
}

.o-we-develop__box--color1:before {
    background: #64b9f4
}

.o-we-develop__box--color2:before {
    background: #fbba14
}

.o-we-develop__box--color3:before {
    background: #a15fae
}

.o-we-develop__box--color4:before {
    background: #3cc065
}

.o-we-develop__box--custom::before {
    content: '';
    position: absolute;
    top: -3px;
    left: 30px;
    width: 68px;
    height: 6px;
    background: #000
}

.o-we-develop__box--custom-color1::before {
    background: #64b9f4
}

.o-we-develop__box--custom-color2::before {
    background: #f29906
}

.o-we-develop__box--custom-color3::before {
    background: #20dea5
}

.o-we-develop__box--custom-color4::before {
    background: #4fa941
}

.o-we-develop__box--custom-color5::before {
    background: #fbba14
}

.o-we-develop__box--custom-color6::before {
    background: #a15fae
}

.o-we-develop__topicon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 11px
}

.o-we-develop__boxtitle {
    font-family: Poppins;
    color: #333;
    font-size: 21px;
    line-height: 25px;
    font-weight: 700
}

.o-we-develop__boxtitle--custom {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.o-we-develop__boxtitle--custom i {
    display: inline-block;
    margin-right: 10px
}

.o-we-develop__boxcontent {
    font-family: Poppins;
    color: #333;
    font-size: 15px;
    line-height: 25px;
    margin: 0
}

.o-we-develop__boxcontent--list {
    list-style: disc;
    padding: 10px 0 0 20px
}

.o-we-develop .btn {
    text-transform: capitalize;
    max-width: 352px;
    font-size: 14px;
    margin: 18px auto 0;
    padding: 16px;
    width: 100%
}

@media screen and (min-width:767px) {
    .o-we-develop .btn {
        font-size: 17px
    }
}

.o-we-develop .btn-orange--dita {
    font-size: 16px
}

@media screen and (min-width:992px) {
    .o-we-develop .btn-orange--dita {
        width: 280px;
        margin-top: 10px
    }
}

.o-we-develop .o-key-diff-box h4 {
    font-family: Poppins
}

.o-we-develop .o-key-diff-box p {
    font-family: Poppins
}

@media screen and (min-width:992px) {
    .o-we-develop--hire-salesforce .btn {
        max-width: 220px
    }
}

.o-discuss-project {
    background-color: #102355
}

.o-discuss-project__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-discuss-project__spacing {
        padding: 60px 0
    }
}

.o-discuss-project__title {
    font-family: Poppins;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    text-align: center;
    margin-top: 20px
}

@media screen and (min-width:767px) {
    .o-discuss-project__title {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 34px;
        line-height: 45px;
        text-align: left
    }
}

@media screen and (min-width:992px) {
    .o-discuss-project__title {
        font-size: 41px;
        line-height: 55px
    }
}

.o-discuss-project__list {
    position: relative;
    counter-reset: counter
}

.o-discuss-project__items {
    font-family: Poppins;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 18px;
    font-weight: 500;
    color: #cae7ff
}

.o-discuss-project__items:before {
    content: counter(counter);
    counter-increment: counter;
    color: #fff;
    background-color: #4492dc;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 27px;
    height: 27px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    margin-top: 1px;
    border-radius: 50%;
    float: left
}

@media screen and (min-width:767px) {
    .o-discuss-project__items:before {
        margin-top: -4px
    }
}

.o-discuss-project__items:last-child {
    margin-bottom: 0
}

.o-discuss-project .btn {
    margin: 30px 0 0;
    text-transform: capitalize;
    font-size: 14px;
    max-width: 100%;
    width: 100%;
    padding: 16px
}

@media screen and (min-width:767px) {
    .o-discuss-project .btn {
        font-size: 17px;
        margin: 30px 0 0;
        max-width: 350px
    }
}

@media screen and (min-width:767px) {
    .o-discuss-project .btn-web-development {
        font-size: 17px;
        max-width: 480px
    }
}

@media screen and (min-width:767px) {
    .o-discuss-project .btn-lets-discuss-custom {
        font-size: 17px;
        max-width: 400px
    }
}

@media screen and (min-width:767px) {
    .o-discuss-project .btn-lets-discuss-salesforce {
        font-size: 17px;
        max-width: 420px
    }
}

.o-discuss-project--dita .o-discuss-project__para--dita {
    font-family: Poppins;
    font-weight: 500;
    color: #cae7ff;
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-discuss-project--dita .o-discuss-project__para--dita {
        padding-right: 120px;
        text-align: left
    }
}

.o-development-process__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-development-process__spacing {
        padding: 60px 0
    }
}

@media screen and (min-width:992px) {
    .o-development-process--multipleitems .o-development-process__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width:992px) {
    .o-development-process--multipleitems .o-development-process__items {
        margin: 80px 28px 0
    }

    .o-development-process--multipleitems .o-development-process__items:nth-child(1) {
        margin-left: 0
    }

    .o-development-process--multipleitems .o-development-process__items:nth-child(3n+4) {
        margin-left: 0
    }

    .o-development-process--multipleitems .o-development-process__items:nth-child(3n+3) {
        margin-right: 0
    }

    .o-development-process--multipleitems .o-development-process__items:nth-child(6):after {
        width: 506px
    }
}

@media screen and (min-width:992px) and (min-width:1181px) {
    .o-development-process--multipleitems .o-development-process__items:nth-child(6):after {
        width: 636px
    }
}

@media screen and (min-width:1181px) {
    .o-development-process--multipleitems .o-development-process__items {
        width: 29%
    }
}

@media screen and (min-width:1300px) {
    .o-development-process--multipleitems .o-development-process__items {
        width: 30%
    }
}

@media screen and (min-width:992px) {
    .o-development-process--multipleitemsone .o-development-process__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width:992px) {
    .o-development-process--multipleitemsone .o-development-process__items {
        margin: 80px 28px 0
    }

    .o-development-process--multipleitemsone .o-development-process__items:nth-child(1) {
        margin-left: 0
    }

    .o-development-process--multipleitemsone .o-development-process__items:nth-child(3n+4) {
        margin-left: 0
    }

    .o-development-process--multipleitemsone .o-development-process__items:nth-child(3n+3) {
        margin-right: 0
    }

    .o-development-process--multipleitemsone .o-development-process__items:nth-child(6):after {
        width: 330px
    }
}

@media screen and (min-width:992px) and (min-width:1181px) {
    .o-development-process--multipleitemsone .o-development-process__items:nth-child(6):after {
        width: 480px
    }
}

@media screen and (min-width:992px) {
    .o-development-process--multipleitemsone .o-development-process__items:last-child {
        margin-right: 0
    }
}

@media screen and (min-width:1181px) {
    .o-development-process--multipleitemsone .o-development-process__items {
        width: 29%
    }
}

@media screen and (min-width:1300px) {
    .o-development-process--multipleitemsone .o-development-process__items {
        width: 30%
    }
}

.o-development-process--process1 .btn {
    max-width: 350px !important
}

.o-development-process__title {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    color: #262e36;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width:767px) {
    .o-development-process__title {
        font-size: 35px;
        line-height: 42px
    }
}

@media screen and (min-width:992px) {
    .o-development-process__title {
        font-size: 46px;
        line-height: 60px
    }
}

.o-development-process__title--dita {
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .o-development-process__title--dita {
        font-size: 51px;
        line-height: 60px;
        margin-bottom: 40px
    }
}

.o-development-process__subtitle {
    font-family: Poppins;
    font-size: 21px;
    line-height: 31px;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin: 0
}

@media screen and (min-width:992px) {
    .o-development-process__subtitle {
        margin-bottom: 15px
    }
}

.o-development-process__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:992px) {
    .o-development-process__list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.o-development-process__items {
    position: relative;
    border: 1px solid #898989;
    padding: 0 20px 15px;
    width: 100%;
    margin: 40px 0 0
}

@media screen and (min-width:767px) {
    .o-development-process__items {
        margin: 64px 0 0;
        min-height: 193px
    }
}

@media screen and (min-width:992px) {
    .o-development-process__items {
        width: 28%;
        margin: 80px 0 0
    }
}

@media screen and (min-width:1181px) {
    .o-development-process__items {
        width: 30%
    }
}

.o-development-process__items:after {
    position: absolute;
    content: "";
    width: 32px;
    height: 10px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-skill-section/icons/step-arrow.svg) no-repeat center;
    background-size: 100%;
    top: inherit;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 0;
    left: 0;
    bottom: -25px;
    margin: auto
}

@media screen and (min-width:767px) {
    .o-development-process__items:after {
        width: 55px;
        height: 20px;
        bottom: -40px
    }
}

@media screen and (min-width:992px) {
    .o-development-process__items:after {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: inherit;
        top: 50%;
        bottom: inherit;
        transform: translateY(-50%);
        right: -55px;
        margin: 0
    }
}

.o-development-process__items:nth-child(3n+3):after {
    position: absolute;
    content: "";
    width: 32px;
    height: 10px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-skill-section/icons/step-arrow.svg) no-repeat center;
    background-size: 100%;
    top: inherit;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 0;
    left: 0;
    bottom: -25px;
    margin: auto
}

@media screen and (min-width:767px) {
    .o-development-process__items:nth-child(3n+3):after {
        width: 55px;
        height: 20px;
        bottom: -40px
    }
}

@media screen and (min-width:992px) {
    .o-development-process__items:nth-child(3n+3):after {
        position: absolute;
        content: "";
        width: 676px;
        height: 62px;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/new-skill-section/development-process-arrow.svg) no-repeat center;
        background-size: 100%;
        top: inherit;
        -webkit-transform: none;
        transform: none;
        right: 50%;
        left: inherit;
        bottom: -72px
    }
}

@media screen and (min-width:1181px) {
    .o-development-process__items:nth-child(3n+3):after {
        width: 836px
    }
}

.o-development-process__items:last-child:after {
    display: none
}

@media screen and (min-width:992px) {
    .o-development-process__items--short-arrow:after {
        width: 450px !important;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/new-skill-section/short-dashed-arrow.png) no-repeat center !important
    }
}

.o-development-process__items--mr-0 {
    margin-right: 0 !important
}

.o-development-process__items--dita {
    padding: 1px;
    cursor: pointer;
    overflow: hidden
}

@media screen and (min-width:992px) {
    .o-development-process__items--dita {
        margin: 0 15px 30px;
        max-width: 360px;
        width: 32%
    }
}

.o-development-process__items--dita::after {
    display: none
}

.o-development-process__items--dita:before {
    content: '';
    position: absolute;
    top: -200px;
    right: 0;
    bottom: 0;
    left: -150px;
    background: #898989;
    width: 950px;
    height: 950px;
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.o-development-process__items--dita:hover:before {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

@media screen and (min-width:992px) {

    .o-development-process__items--dita:nth-child(1),
    .o-development-process__items--dita:nth-child(4) {
        margin-left: 0
    }
}

@media screen and (min-width:992px) {

    .o-development-process__items--dita:nth-child(3),
    .o-development-process__items--dita:nth-child(6) {
        margin-right: 0
    }
}

.o-development-process__box {
    background: #fff;
    height: 100%;
    position: relative;
    padding: 15px
}

@media screen and (min-width:992px) {
    .o-development-process__box {
        padding: 20px 40px 15px 20px
    }
}

.o-development-process__number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-color: rgba(53, 91, 191, .1);
    color: #fff;
    width: 73px;
    height: 73px;
    border-radius: 50%;
    margin-bottom: 16px;
    margin-top: -35px
}

.o-development-process__number strong {
    position: relative;
    width: 45px;
    height: 45px;
    background-color: #0e003f;
    border-radius: 50%;
    margin: auto;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.o-development-process__titlearea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.o-development-process__titlearea i {
    margin-right: 13px
}

.o-development-process__itemtitle {
    font-family: Poppins;
    font-size: 20px;
    line-height: 31px;
    color: #333;
    font-weight: 600;
    margin: 0
}

.o-development-process__itemcontent {
    font-family: Poppins;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    margin: 0
}

.o-development-process .btn {
    text-transform: capitalize;
    padding: 16px;
    font-size: 14px;
    max-width: 100%;
    width: 100%;
    margin: 30px auto 0
}

@media screen and (min-width:767px) {
    .o-development-process .btn {
        max-width: 306px
    }
}

@media screen and (min-width:992px) {
    .o-development-process .btn {
        font-size: 17px;
        margin: 34px auto 0
    }
}

@media screen and (min-width:992px) {
    .o-development-process--servicenow .btn-orange {
        max-width: 360px
    }
}

@media screen and (min-width:992px) {
    .o-development-process--ai .o-development-process__items {
        min-height: 385px
    }
}

@media screen and (min-width:1150px) {
    .o-development-process--ai .o-development-process__items {
        min-height: 380px
    }
}

@media screen and (min-width:1200px) {
    .o-development-process--ai .o-development-process__items {
        min-height: 290px
    }
}

@media screen and (min-width:992px) {
    .o-development-process--custom-software .o-development-process__items {
        min-height: 215px
    }
}

@media screen and (min-width:1150px) {
    .o-development-process--custom-software .o-development-process__items {
        min-height: 215px
    }
}

@media screen and (min-width:1200px) {
    .o-development-process--custom-software .o-development-process__items {
        min-height: 200px
    }
}

@media screen and (min-width:767px) {
    .o-development-process .btn-350 {
        max-width: 350px
    }
}

.o-development-process--dita {
    border-bottom: 1px solid #e6e6e6
}

@media screen and (min-width:992px) {
    .o-development-process--dita .btn-orange {
        width: 280px;
        max-width: 280px !important;
        margin-top: 10px
    }
}

.o-development-process--dita .o-development-process__titlearea i {
    width: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    display: inline-block
}

.o-api-integration {
    background-color: #f9f9f9;
    border-bottom: 1px solid #e0e0e0
}

.o-api-integration__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-api-integration__spacing {
        padding: 60px 0
    }
}

.o-api-integration__heading {
    font-family: Poppins;
    font-size: 32px;
    line-height: 40px;
    color: #262e36;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px
}

@media screen and (min-width:767px) {
    .o-api-integration__heading {
        font-size: 38px;
        line-height: 45px
    }
}

@media screen and (min-width:992px) {
    .o-api-integration__heading {
        font-size: 48px;
        line-height: 58px
    }
}

.o-api-integration__sub-heading {
    font-family: Poppins;
    color: #333;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px
}

@media screen and (min-width:992px) {
    .o-api-integration__sub-heading {
        font-size: 21px;
        line-height: 31px;
        margin-bottom: 10px
    }
}

.o-api-integration .custom-solution__sub-heading {
    margin: 0 0 5px
}

.o-api-integration--servicenow {
    border-bottom: 0
}

.o-api-integration--servicenow .btn-orange {
    text-transform: capitalize
}

.o-api-integration__box {
    position: relative;
    margin-top: 30px
}

@media screen and (min-width:992px) {
    .o-api-integration__box {
        margin-top: 40px
    }
}

.o-api-integration__single-icon {
    display: inline-block;
    margin-bottom: 20px
}

.o-api-integration__imagewrap {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .o-api-integration__imagewrap {
        min-height: 180px
    }
}

.o-api-integration__imageitem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px 20px;
    border-right: 1px solid #e1e1e1;
    width: 50%;
    max-height: 82px;
    height: auto
}

.o-api-integration__imageitem:last-child {
    border-right: none
}

.o-api-integration__boxtitle {
    font-family: Poppins;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    font-weight: 700;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .o-api-integration__boxtitle {
        font-size: 21px;
        line-height: 25px
    }
}

.o-api-integration__boxcontent {
    font-family: Poppins;
    font-size: 15px;
    line-height: 25px;
    color: #333;
    margin: 0
}

.o-api-integration .btn {
    max-width: 100%;
    padding: 16px;
    font-size: 17px;
    margin: 30px auto 0;
    width: 100%;
    text-transform: capitalize
}

@media screen and (min-width:767px) {
    .o-api-integration .btn {
        max-width: 368px
    }
}

.o-api-benefit__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-api-benefit__spacing {
        padding: 60px 0
    }
}

.o-api-benefit__heading {
    font-family: Poppins;
    font-size: 32px;
    line-height: 40px;
    color: #262e36;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width:767px) {
    .o-api-benefit__heading {
        font-size: 38px;
        line-height: 45px
    }
}

@media screen and (min-width:992px) {
    .o-api-benefit__heading {
        font-size: 48px;
        line-height: 58px
    }
}

.o-api-benefit__subheading {
    font-family: Poppins;
    font-size: 18px;
    line-height: 27px;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px
}

@media screen and (min-width:767px) {
    .o-api-benefit__subheading {
        font-size: 21px;
        line-height: 31px;
        margin-bottom: 50px
    }
}

.o-api-benefit__box {
    position: relative;
    border: 1px solid #ddd;
    height: 100%;
    border-radius: 5px;
    padding: 25px
}

@media screen and (min-width:992px) {
    .o-api-benefit__box {
        min-height: 270px;
        padding: 28px
    }
}

.o-api-benefit__box:before {
    position: absolute;
    content: "";
    width: 74px;
    height: 7px;
    left: 28px;
    top: -4px
}

.o-api-benefit__box--sky:before {
    background-color: #64b9f4
}

.o-api-benefit__box--dark-blue:before {
    background-color: #052c58
}

.o-api-benefit__box--yellow:before {
    background-color: #fbba14
}

.o-api-benefit__box--purple:before {
    background-color: #a15fae
}

.o-api-benefit__box--green:before {
    background-color: #3cc065
}

.o-api-benefit__boxcontent {
    font-family: Poppins;
    font-size: 19px;
    line-height: 28px;
    color: #262e36;
    font-weight: 500;
    margin: 0
}

@media screen and (min-width:992px) {
    .o-api-benefit__boxcontent {
        font-size: 21px;
        line-height: 31px
    }
}

.o-api-benefit .btn {
    text-transform: capitalize;
    padding: 16px;
    font-size: 14px;
    margin: 10px auto 0;
    width: 100%;
    max-width: 100%
}

@media screen and (min-width:767px) {
    .o-api-benefit .btn {
        font-size: 17px;
        max-width: 350px
    }
}

.o-releted-service {
    background-color: #f6f6f6
}

.o-releted-service.bg-white .o-releted-service__link {
    background-color: #fff
}

.o-releted-service__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-releted-service__spacing {
        padding: 60px 0
    }
}

.o-releted-service__heading {
    font-family: Poppins;
    font-size: 32px;
    line-height: 40px;
    color: #262e36;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px
}

@media screen and (min-width:767px) {
    .o-releted-service__heading {
        font-size: 38px;
        line-height: 45px
    }
}

@media screen and (min-width:992px) {
    .o-releted-service__heading {
        font-size: 48px;
        line-height: 58px
    }
}

.o-releted-service__subheading {
    font-family: Poppins;
    font-size: 18px;
    line-height: 28px;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .o-releted-service__subheading {
        font-size: 21px;
        line-height: 31px;
        margin-bottom: 60px
    }
}

.o-releted-service__gradient {
    display: block;
    position: relative;
    margin-bottom: 26px;
    cursor: pointer;
    overflow: hidden;
    padding: 2px;
    border: 0;
    border-radius: 110px
}

.o-releted-service__gradient:after {
    content: '';
    position: absolute;
    top: -200px;
    right: 0;
    bottom: 0;
    left: -150px;
    background: #898989;
    width: 950px;
    height: 950px;
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.o-releted-service__gradient--sky:after {
    background: #64b9f4
}

.o-releted-service__gradient--orange:after {
    background: #e26826
}

.o-releted-service__gradient--green:after {
    background: #8ac640
}

.o-releted-service__gradient--color4:after {
    background: #a15fae
}

.o-releted-service__gradient--color5:after {
    background: #3b5085
}

.o-releted-service__gradient--color6:after {
    background: #fbba14
}

.o-releted-service__gradient--color7:after {
    background: #00b67a
}

.o-releted-service__gradient:hover:after {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

.o-releted-service__link {
    position: relative;
    background-color: #f6f6f6;
    border-radius: 110px;
    z-index: 1;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px;
    height: 80px
}

.o-releted-service__linkcontent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 235px
}

.o-releted-service__linkcontent i {
    margin-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px
}

.o-releted-service__linkcontent span {
    font-family: Poppins;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: #333
}

.o-releted-service__linkcontent--small span {
    font-size: 19px
}

.o-latest-blog {
    border-top: 1px solid #e8e8e8
}

.o-latest-blog__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .o-latest-blog__spacing {
        padding: 60px 0
    }
}

.o-latest-blog__heading {
    font-family: Poppins;
    font-size: 32px;
    line-height: 40px;
    color: #262e36;
    font-weight: 700;
    margin: 0 0 10px;
    text-align: center
}

@media screen and (min-width:767px) {
    .o-latest-blog__heading {
        font-size: 38px;
        line-height: 45px;
        text-align: left
    }
}

@media screen and (min-width:992px) {
    .o-latest-blog__heading {
        font-size: 48px;
        line-height: 58px
    }
}

.o-latest-blog__subheading {
    font-family: Poppins;
    font-size: 22px;
    line-height: 30px;
    color: #35b15c;
    font-weight: 600;
    text-align: center
}

@media screen and (min-width:767px) {
    .o-latest-blog__subheading {
        text-align: left
    }
}

@media screen and (min-width:992px) {
    .o-latest-blog__subheading {
        font-size: 25px;
        line-height: 34px
    }
}

.o-latest-blog__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:992px) {
    .o-latest-blog__list--three .o-latest-blog__item {
        width: 32%;
        margin-right: 1%;
        margin-bottom: 0
    }
}

@media screen and (min-width:767px) {
    .o-latest-blog__list--three .o-latest-blog__blogtitle {
        font-size: 18px;
        line-height: 24px
    }
}

@media screen and (min-width:992px) {
    .o-latest-blog__list--three .o-latest-blog__blogtitle {
        font-size: 20px;
        line-height: 26px
    }
}

.o-latest-blog__item {
    max-width: 550px;
    width: 100%;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .o-latest-blog__item {
        width: 47%;
        margin-right: 6%;
        margin-bottom: 0
    }
}

.o-latest-blog__item:last-child {
    margin-right: 0
}

.o-latest-blog__link:hover .o-latest-blog__blogtitle {
    color: #35b15c
}

.o-latest-blog__imagewrap {
    width: 100%;
    height: auto;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .o-latest-blog__imagewrap {
        max-height: 450px;
        margin-bottom: 35px
    }
}

.o-latest-blog__imagewrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.o-latest-blog__blogtitle {
    font-family: Poppins;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

@media screen and (min-width:767px) {
    .o-latest-blog__blogtitle {
        font-size: 22px;
        line-height: 30px
    }
}

@media screen and (min-width:992px) {
    .o-latest-blog__blogtitle {
        font-size: 31px;
        line-height: 34px
    }
}

.o-latest-blog__blogauthor {
    font-family: Poppins;
    font-size: 13px;
    line-height: 30px;
    color: #000
}

.o-latest-blog__blogauthor span {
    color: #898989
}

.o-latest-blog__blogauthor strong {
    font-weight: 600
}

.o-latest-blog .btn {
    text-transform: capitalize;
    padding: 16px;
    font-size: 14px;
    margin: 20px auto 0;
    width: 100%;
    max-width: 100%
}

@media screen and (min-width:767px) {
    .o-latest-blog .btn {
        max-width: 350px;
        font-size: 17px
    }
}

.bg-white {
    background-color: #fff
}

.border-bottom-gray {
    border-bottom: 1px solid #e4e4e4
}

.btn-auto-width {
    max-width: 100% !important;
    padding: 16px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:767px) {
    .btn-auto-width {
        padding: 16px 25px !important;
        max-width: -webkit-fit-content !important;
        max-width: -moz-fit-content !important;
        max-width: fit-content !important
    }
}

.btn-auto-width svg {
    margin-left: 7px
}

.latest-technologies__spacing {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .latest-technologies__spacing {
        padding: 60px 0
    }
}

.latest-technologies__heading {
    font-family: Poppins;
    font-size: 30px;
    line-height: 35px;
    color: #262e36;
    text-align: center;
    font-weight: 700;
    margin-bottom: 15px
}

@media screen and (min-width:767px) {
    .latest-technologies__heading {
        font-size: 38px;
        line-height: 46px
    }
}

@media screen and (min-width:992px) {
    .latest-technologies__heading {
        font-size: 48px;
        line-height: 58px
    }
}

.latest-technologies__navbar {
    margin-top: 45px
}

.latest-technologies__navbar .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.latest-technologies__navbar .nav-link {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    width: 50%;
    color: #0e003f;
    padding: 15px;
    top: 1px;
    border: none;
    border-color: none;
    text-transform: capitalize;
    border-bottom: 3px solid transparent
}

.latest-technologies__navbar .nav-link:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 47%;
    background-color: #d4e0ed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

@media screen and (min-width:767px) {
    .latest-technologies__navbar .nav-link:after {
        display: block
    }
}

.latest-technologies__navbar .nav-link:last-child:after {
    display: none
}

@media screen and (min-width:767px) {
    .latest-technologies__navbar .nav-link {
        width: 25%
    }
}

@media screen and (min-width:992px) {
    .latest-technologies__navbar .nav-link {
        width: auto
    }
}

.latest-technologies__navbar .nav-link.active {
    border: 1px solid #e0e0e0;
    background-color: #d4e0ed;
    border-radius: 5px
}

@media screen and (min-width:992px) {
    .latest-technologies__navbar .nav-link.active {
        border-radius: 0;
        background-color: transparent;
        border: none;
        border-bottom: 3px solid #0e003f
    }
}

.latest-technologies .tab-content {
    border-top: 1px solid #d4e0ed;
    background-color: transparent;
    padding: 30px
}

.latest-technologies .tab-pane i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 70px
}

.latest-technologies .tab-pane h5 {
    font-family: Poppins;
    font-size: 22px;
    line-height: 32px;
    color: #262e36
}

.latest-technologies .tab-pane p {
    font-family: Poppins;
    font-size: 18px;
    line-height: 32px;
    color: #000;
    margin: 0
}

.latest-technologies .btn {
    text-transform: capitalize;
    margin: 30px auto 0;
    font-size: 17px;
    padding: 16px;
    width: 100%
}

@media screen and (min-width:992px) {
    .latest-technologies .btn {
        width: 100%
    }
}

.latest-technologies .tittle-bar-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.latest-technologies .tittle-bar-area i {
    margin-right: 15px
}

.btn-center-block {
    width: 100%
}

@media screen and (min-width:767px) {
    .btn-center-block {
        width: 310px
    }
}

.btn_wrapper.btn-center-block {
    width: 100%
}

.o-technologies-service .experience-list li {
    position: relative;
    padding: 2px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: none;
    border-radius: 10px
}

.o-technologies-service .experience-list li:before {
    display: block;
    content: "";
    position: absolute;
    top: -140px;
    right: 0;
    bottom: 0;
    left: -50px;
    background: #d6e3f0;
    width: 450px;
    height: 450px;
    -webkit-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out
}

.o-technologies-service .experience-list li:hover:before {
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

.o-technologies-service .experience-list li a {
    border-radius: 10px;
    background-color: #fff
}

.o-technologies-service .experience-list li a:before {
    display: none
}

.common-btn-root .btn-auto {
    max-width: inherit;
    width: auto;
    padding: 16px 25px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.common-btn-root .btn-auto--process {
    width: 306px
}

.common-btn-root .btn-auto--expertise {
    width: 352px
}

.we-serve__subtitle {
    font-family: Poppins;
    color: #333;
    text-align: center;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .we-serve__subtitle {
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 30px
    }
}

.dev-discuss {
    text-align: center;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/lets-discuss/custom-software-discuss-bg.jpg) no-repeat center center/cover
}

.dev-discuss .btn-orange {
    margin: 30px auto 0
}

.dev-discuss p {
    font-size: 21px;
    line-height: 32px;
    color: #dbe4fb;
    font-weight: 500
}

.dev-discuss .o-discuss-project__title {
    font-weight: 600
}

@media screen and (min-width:992px) {
    .dev-discuss .o-discuss-project__title {
        font-size: 35px
    }
}

.custom-dev-process {
    background: #f9f9f9
}

.custom-dev-process .o-skill-flow__title {
    font-weight: 500 !important;
    margin-bottom: 20px
}

.custom-dev-process .o-development-process__subtitle {
    font-weight: 400
}

@media screen and (min-width:992px) {
    .custom-dev-process .btn-orange {
        margin-top: 50px
    }
}

.custom-dev-process .o-development-process__items {
    -webkit-box-shadow: 0 15px 20px 0 rgba(12, 40, 72, .07);
    box-shadow: 0 15px 20px 0 rgba(12, 40, 72, .07);
    background: #fff;
    border: 1px solid #d0e3f5;
    margin-top: 50px
}

@media screen and (min-width:768px) {
    .custom-dev-process .o-development-process__items {
        min-height: 220px
    }
}

@media screen and (min-width:992px) {
    .custom-dev-process .o-development-process__items {
        margin: 70px 10px 0;
        padding: 0 30px 15px
    }
}

@media screen and (min-width:1300px) {
    .custom-dev-process .o-development-process__items {
        width: 32%
    }
}

.custom-dev-process .o-development-process__itemcontent {
    font-size: 16px;
    line-height: 24px
}

.custom-dev-process .o-development-process__number-color1 {
    background: rgba(100, 185, 244, .1)
}

.custom-dev-process .o-development-process__number-color1 strong {
    background: #64b9f4
}

.custom-dev-process .o-development-process__number-color2 {
    background: rgba(32, 222, 165, .1)
}

.custom-dev-process .o-development-process__number-color2 strong {
    background: #20dea5
}

.custom-dev-process .o-development-process__number-color3 {
    background: rgba(253, 164, 116, .1)
}

.custom-dev-process .o-development-process__number-color3 strong {
    background: #fda474
}

.custom-dev-process .o-development-process__number-color4 {
    background: rgba(161, 95, 174, .1)
}

.custom-dev-process .o-development-process__number-color4 strong {
    background: #a15fae
}

.custom-dev-process .o-development-process__items {
    border-radius: 5px;
    border: 1px solid #d0e3f5
}

@media screen and (min-width:992px) {
    .custom-dev-process .o-development-process__items {
        margin: 100px 30px 0
    }
}

@media screen and (min-width:1300px) {
    .custom-dev-process .o-development-process__items {
        width: 29.7%
    }
}

.custom-dev-process .o-development-process__items:after {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/new-skill-section/custom-software/step-arrow.svg)
}

@media screen and (min-width:992px) {
    .custom-dev-process .o-development-process__items:after {
        right: -51px;
        width: 41px
    }
}

@media screen and (min-width:992px) {
    .custom-dev-process .o-development-process__items:nth-child(3n+3):after {
        height: 66px;
        width: 676px;
        right: 50%;
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/new-skill-section/custom-software/development-process-arrow.svg);
        bottom: -85px
    }
}

@media screen and (min-width:1181px) {
    .custom-dev-process .o-development-process__items:nth-child(3n+3):after {
        width: 836px
    }
}

.custom-dev-process .o-development-process__items:nth-child(1),
.custom-dev-process .o-development-process__items:nth-child(2),
.custom-dev-process .o-development-process__items:nth-child(3) {
    margin-top: 60px
}

@media screen and (min-width:767px) {
    .custom-dev-process .o-development-process__listmultiple .o-development-process__items:nth-child(6):after {
        width: 506px
    }
}

@media screen and (min-width:1181px) {
    .custom-dev-process .o-development-process__listmultiple .o-development-process__items:nth-child(6):after {
        width: 636px
    }
}

.custom-dev-process .o-development-process__itemtitle {
    color: #0c2848
}

@media screen and (min-width:992px) {
    .custom-dev-process .o-development-process__itemtitle {
        font-size: 24px;
        line-height: 27px
    }
}

.custom-dev-process .o-development-process__itemcontent {
    line-height: 27px
}

.custom-dev-process .o-development-process__titlearea {
    margin-bottom: 15px
}

.custom-dev-process .o-development-process__number {
    margin-bottom: 25px
}

.custom-dev-we-develop {
    border-bottom: 1px solid #dddada;
    border-top: 1px solid #dddada;
    background: #f9f9f9
}

.custom-dev-we-develop .o-we-develop__box {
    position: relative
}

.custom-dev-we-develop .o-we-develop__title {
    font-weight: 500 !important
}

.custom-dev-we-develop .o-we-develop__subtitle {
    font-weight: 400
}

@media screen and (min-width:992px) {
    .custom-dev-we-develop .o-we-develop__subtitle {
        margin-bottom: 60px
    }
}

.custom-dev-we-develop .o-we-develop__boxtitle {
    font-weight: 600;
    color: #0c2848
}

@media screen and (min-width:992px) {
    .custom-dev-we-develop .o-we-develop__boxtitle {
        line-height: 27px;
        margin-bottom: 15px
    }
}

.custom-dev-we-develop .o-we-develop__boxcontent {
    color: #0c2848
}

@media screen and (min-width:992px) {
    .custom-dev-we-develop .o-we-develop__boxcontent {
        line-height: 27px
    }
}

@media screen and (min-width:992px) {
    .o-we-develop--hire-salesforce .o-we-develop__title {
        font-weight: 700 !important
    }
}

@media screen and (min-width:992px) {
    .o-we-develop--hire-salesforce .o-we-develop__subtitle {
        font-weight: 500
    }
}

@media screen and (min-width:992px) {
    .o-we-develop--hire-salesforce .btn-wrapper-v2--pair .btn-v2 {
        font-size: 17px
    }
}

.custom-dev-related .o-releted-service__gradient {
    background: #d0e3f5;
    padding: 0;
    border: 1px solid #d0e3f5;
    overflow: visible;
    height: 75px;
    -webkit-box-shadow: 0 10px 15px 0 rgba(12, 40, 72, .06);
    box-shadow: 0 10px 15px 0 rgba(12, 40, 72, .06)
}

.custom-dev-related .o-releted-service__gradient:after {
    display: none
}

.custom-dev-related .o-releted-service__link {
    background: #fff;
    height: 100%
}

.custom-dev-related .o-releted-service__heading {
    font-weight: 500
}

.custom-dev-method .o-we-develop__title {
    font-weight: 500 !important
}

.custom-dev-method .custom-solution__sub-heading {
    font-weight: 400
}

.how-stuff-augmentation {
    background: #f5f6f8;
    border-bottom: 1px solid #d6e3f0
}

.how-stuff-augmentation .our-approach__heading {
    font-weight: 700;
    font-family: Poppins
}

@media screen and (min-width:992px) {
    .how-stuff-augmentation .our-approach__heading {
        font-size: 45px
    }
}

.how-stuff-augmentation .o-development-process__items {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
    background: 0 0;
    text-align: center;
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .how-stuff-augmentation .o-development-process__items {
        text-align: left;
        padding: 0 35px 0 60px;
        margin-top: 50px
    }
}

.how-stuff-augmentation .o-development-process__items::after {
    content: '';
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/staff-augmentation/how-it-works-v-line.svg) no-repeat center;
    width: 4px;
    height: 148px;
    z-index: 9;
    right: inherit;
    left: 0;
    top: 37px;
    bottom: inherit;
    display: none
}

@media screen and (min-width:992px) {
    .how-stuff-augmentation .o-development-process__items::after {
        display: block
    }
}

@media screen and (min-width:992px) {
    .how-stuff-augmentation .o-development-process__items:nth-child(1) {
        padding: 0 35px 0 50px
    }
}

@media screen and (min-width:992px) {
    .how-stuff-augmentation .o-development-process__items:nth-child(2) {
        padding: 0 35px 0 60px
    }
}

@media screen and (min-width:992px) {
    .how-stuff-augmentation .o-development-process__items:nth-child(3) {
        padding: 0 15px 0 60px
    }
}

.how-stuff-augmentation .o-development-process__items:nth-child(3):after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

@media screen and (min-width:992px) {
    .how-stuff-augmentation .o-development-process__items:nth-child(3):after {
        top: -40px
    }
}

@media screen and (min-width:992px) {
    .how-stuff-augmentation .o-development-process__items:nth-child(4) {
        padding: 0 0 0 60px
    }
}

@media screen and (min-width:992px) {
    .how-stuff-augmentation .o-development-process__items:nth-child(4)::after {
        content: '';
        position: absolute;
        top: 16px;
        left: -37px;
        background: url<?php bloginfo('template_directory');
        ?>/assets/images/staff-augmentation/how-it-works-thunder.svg) no-repeat center;
        width: 92px;
        height: 179px;
        display: block
    }
}

.how-stuff-augmentation .o-development-process__items .o-development-process__number {
    background: #fff;
    margin: 0 auto 15px
}

@media screen and (min-width:992px) {
    .how-stuff-augmentation .o-development-process__items .o-development-process__number {
        position: absolute;
        top: -21px;
        left: -35px;
        z-index: 99;
        margin: 0
    }
}

.how-stuff-augmentation .o-development-process__items .o-development-process__number strong {
    background: #0a9def
}

.how-stuff-augmentation .o-development-process__items .o-development-process__titlearea {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .how-stuff-augmentation .o-development-process__items .o-development-process__titlearea {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.how-stuff-augmentation .btn {
    margin-top: 25px;
    height: 62px;
    padding: 16px 20px
}

@media screen and (min-width:992px) {
    .how-stuff-augmentation .btn {
        max-width: 340px;
        margin-top: 60px
    }
}

.more-reason {
    background: #f5f6f8;
    padding: 30px 0;
    border-bottom: 1px solid #d6e3f0
}

@media screen and (min-width:768px) {
    .more-reason {
        padding: 60px 0
    }
}

.more-reason h2 {
    font-family: Poppins;
    margin-bottom: 25px;
    text-align: center
}

@media screen and (min-width:992px) {
    .more-reason h2 {
        margin-bottom: 50px
    }
}

.more-reason__wrapper {
    position: relative
}

@media screen and (min-width:768px) {
    .more-reason__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.more-reason__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    text-align: center
}

@media screen and (min-width:768px) {
    .more-reason__item {
        border: none;
        text-align: left
    }
}

.more-reason__item::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: #e1e1e1;
    width: 1px;
    height: 100%;
    display: none
}

@media screen and (min-width:992px) {
    .more-reason__item::before {
        display: block
    }
}

.more-reason__item:nth-child(1),
.more-reason__item:nth-child(2),
.more-reason__item:nth-child(3) {
    border-bottom: 1px solid #e1e1e1
}

.more-reason__item:nth-child(1) {
    padding: 15px 0
}

@media screen and (min-width:768px) {
    .more-reason__item:nth-child(1) {
        padding: 0 60px 30px 0
    }
}

.more-reason__item:nth-child(1):after {
    content: '';
    position: absolute;
    right: -15px;
    bottom: -26px;
    background: #f5f6f8;
    width: 30px;
    height: 50px;
    display: none;
    z-index: 1
}

@media screen and (min-width:992px) {
    .more-reason__item:nth-child(1):after {
        display: block
    }
}

.more-reason__item:nth-child(2) {
    padding: 15px 0
}

@media screen and (min-width:768px) {
    .more-reason__item:nth-child(2) {
        padding: 0 60px 30px 60px
    }
}

.more-reason__item:nth-child(2):after {
    content: '';
    position: absolute;
    right: -15px;
    bottom: -26px;
    background: #f5f6f8;
    width: 30px;
    height: 50px;
    display: none;
    z-index: 1
}

@media screen and (min-width:992px) {
    .more-reason__item:nth-child(2):after {
        display: block
    }
}

.more-reason__item:nth-child(3) {
    padding: 15px 0
}

@media screen and (min-width:768px) {
    .more-reason__item:nth-child(3) {
        padding: 0 60px 30px 60px
    }
}

.more-reason__item:nth-child(4) {
    padding: 15px 0
}

@media screen and (min-width:768px) {
    .more-reason__item:nth-child(4) {
        padding: 30px 60px 0 0
    }
}

.more-reason__item:nth-child(5) {
    padding: 15px 0
}

@media screen and (min-width:768px) {
    .more-reason__item:nth-child(5) {
        padding: 30px 60px 0 60px
    }
}

.more-reason__item:nth-child(6) {
    border: none;
    padding: 15px 0
}

@media screen and (min-width:768px) {
    .more-reason__item:nth-child(6) {
        padding: 30px 60px 0 60px
    }
}

.more-reason__item:nth-child(3)::before,
.more-reason__item:nth-child(6)::before {
    display: none
}

.more-reason__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    height: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:768px) {
    .more-reason__icon {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.more-reason__card-title {
    font-size: 24px;
    line-height: 27px;
    font-weight: 700;
    color: #2c2c2c;
    font-family: Poppins
}

.more-reason__card-para {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #2c2c2c;
    font-family: Poppins;
    margin-bottom: 0
}

.more-reason .btn {
    margin-top: 25px;
    height: 62px;
    padding: 16px 20px
}

@media screen and (min-width:992px) {
    .more-reason .btn {
        max-width: 340px;
        margin-top: 60px
    }
}

.industry-empower {
    padding: 30px 0;
    border-bottom: 1px solid #d6e3f0
}

@media screen and (min-width:768px) {
    .industry-empower {
        padding: 60px 0
    }
}

.industry-empower h2 {
    font-family: Poppins;
    text-align: center;
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .industry-empower h2 {
        margin-bottom: 40px;
        font-size: 45px;
        line-height: 50px
    }
}

.industry-empower .col-lg-4 {
    margin-bottom: 26px
}

.industry-empower__box {
    text-align: center;
    border: 1px solid #d6e3f0;
    border-radius: 10px;
    padding: 15px 15px 30px 15px
}

.industry-empower__image {
    border-radius: 10px
}

.industry-empower__image1 {
    background: #eff4f8
}

.industry-empower__image2 {
    background: #f6eee6
}

.industry-empower__image3 {
    background: #d7edf9
}

.industry-empower__image4 {
    background: #e6e7f9
}

.industry-empower__image5 {
    background: #eef4ec
}

.industry-empower__image6 {
    background: #fef1ef
}

.industry-empower h3 {
    font-family: Poppins;
    margin-top: 25px;
    margin-bottom: 0;
    color: #333;
    font-size: 24px;
    font-weight: 600
}

.industry-empower .btn {
    padding: 16px 20px
}

@media screen and (min-width:992px) {
    .industry-empower .btn {
        max-width: 340px;
        margin-top: 20px
    }
}

.industry-empower__sub-heading {
    font-family: Poppins;
    text-align: center;
    font-weight: 500
}

@media (min-width:992px) {
    .industry-empower__sub-heading {
        font-size: 19px;
        line-height: 32px;
        margin: 0 auto 60px
    }
}

.industry-empower--it h2 {
    margin-bottom: 20px
}

.industry-empower--it .industry-empower__box {
    background: #fff
}

.dev-center {
    padding: 30px 0;
    border-bottom: 1px solid #d6e3f0
}

@media screen and (min-width:768px) {
    .dev-center {
        padding: 60px 0 10px
    }
}

.dev-center h2 {
    font-family: Poppins;
    text-align: center;
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .dev-center h2 {
        margin-bottom: 50px
    }
}

.dev-center .dev-center__icon {
    overflow: hidden;
    border-radius: 10px;
    height: 100%
}

.dev-center .dev-center__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.dev-center__wrapper-gap {
    margin-bottom: 25px
}

.how-help-you--staff-aug {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/staff-augmentation/engagement-bg.jpg) no-repeat center/cover
}

.how-help-you--staff-aug .how-help-you__card-heading {
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #333
}

.how-help-you--staff-aug .how-help-you__card-sub-heading {
    font-size: 18px;
    line-height: 25px
}

@media screen and (min-width:992px) {
    .how-help-you--staff-aug .how-help-you__card-sub-heading {
        padding: 0 14px
    }
}

.how-help-you--staff-aug .how-help-you__card-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width:992px) {
    .how-help-you--staff-aug .how-help-you__card-items {
        padding: 40px 25px 40px
    }
}

.how-help-you--staff-aug .how-help-you__icon {
    margin: 0 auto;
    display: block;
    height: 70px
}

@media screen and (min-width:992px) {
    .how-help-you--staff-aug .how-help-you__icon {
        margin: 0 auto 35px
    }
}

.how-help-you--staff-aug .how-help-you__links {
    margin-top: auto
}

@media screen and (min-width:992px) {
    .how-help-you--staff-aug .how-help-you__heading {
        font-size: 45px;
        line-height: 50px
    }
}

.stuff-augmentation-technologies--new {
    border-bottom: 1px solid #d6e3f0;
    padding-bottom: 30px
}

@media screen and (min-width:992px) {
    .stuff-augmentation-technologies--new {
        padding-bottom: 0
    }
}

.stuff-augmentation-technologies--new .technologies-tab__heading {
    font-weight: 700
}

@media screen and (min-width:992px) {
    .stuff-augmentation-technologies--new .technologies-tab__heading {
        font-size: 45px;
        line-height: 55px
    }
}

.stuff-augmentation-technologies--new .o-accordion__content-background {
    background: #eff4f8
}

.stuff-augmentation-technologies--new .o-accordion__content {
    background: #eff4f8
}

.stuff-augmentation-technologies--new .o-accordion__button {
    font-weight: 700
}

.stuff-augmentation-technologies--new .accordion-button::after {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/staff-augmentation/collapse.png) no-repeat center
}

.stuff-augmentation-technologies--new .accordion-button:not(.collapsed)::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (min-width:992px) {
    .stuff-augmentation-technologies--new .o-accordion__nav {
        padding-left: 0
    }
}

@media screen and (min-width:992px) {
    .stuff-augmentation-technologies--new .o-accordion__tab {
        padding-left: 0
    }
}

.stuff-augmentation-technologies--new .pool-box-list {
    -webkit-box-shadow: 5px 0 10px 2px rgba(0, 0, 0, .1);
    box-shadow: 5px 0 10px 2px rgba(0, 0, 0, .1)
}

@media screen and (min-width:992px) {
    .stuff-augmentation-technologies--new .pool-box-list a {
        padding: 14px 20px
    }
}

.stuff-augmentation-technologies--new .pool-box-list small {
    font-size: 16px;
    font-weight: 400
}

.stuff-augmentation-technologies--new .o-accordion__content-title {
    font-weight: 700
}

@media screen and (min-width:992px) {
    .stuff-augmentation-technologies--new .o-accordion__content-title {
        font-size: 36px;
        line-height: 42px
    }
}

.skill-review-staff-aug {
    padding-bottom: 90px
}

@media screen and (min-width:992px) {
    .skill-review-staff-aug {
        padding: 0 0 110px
    }
}

.skill-review-staff-aug h2 {
    text-align: center;
    font-family: Poppins
}

@media screen and (min-width:992px) {
    .skill-review-staff-aug h2 {
        font-size: 45px;
        font-weight: 700;
        line-height: 56px;
        margin-top: 25px
    }
}

.skill-review-staff-aug .b2b-text {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #0e003f;
    display: block;
    text-align: center;
    margin-top: 25px
}

.skill-review-staff-aug .custom-review__reviewitems {
    max-width: inherit;
    height: 100%;
    border: 1px solid #d0e3f5;
    padding: 40px 15px 40px 40px
}

.skill-review-staff-aug .custom-review__quotecontent {
    font-size: 24px;
    line-height: 34px;
    font-weight: 500
}

.skill-review-staff-aug .custom-review__authordesignation {
    display: inline-block
}

.skill-review-staff-aug .custom-review__authorimage {
    width: 50px;
    height: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

.skill-review-staff-aug .custom-review__authorimage picture {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    display: inline-block
}

.skill-review-staff-aug .custom-review__authorimage picture img,
.skill-review-staff-aug .custom-review__authorimage picture source {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.skill-review-staff-aug .custom-review__quoteimg {
    margin-bottom: 30px
}

.skill-review-staff-aug .custom-review .splide__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    right: 0;
    bottom: -110px
}

.skill-review-staff-aug .custom-review .splide__arrow {
    margin: 0 5px;
    width: 50px;
    height: 50px;
    opacity: 1;
    border: 1px solid #aec6dc;
    background-color: transparent
}

.skill-review-staff-aug .custom-review .splide__arrow svg {
    fill: #aec6dc;
    font-size: 40px;
    font-weight: 500
}

.skill-review-staff-aug .custom-review .splide__arrow:hover {
    background: #0d65ca
}

.skill-review-staff-aug .custom-review .splide__arrow:hover svg {
    fill: #fff
}

.skill-review-staff-aug .custom-review .splide__arrow:disabled {
    opacity: 1;
    border: 1px solid #aec6dc;
    background-color: transparent
}

.skill-review-staff-aug .custom-review .splide__arrow:disabled svg {
    fill: #aec6dc
}

.skill-review-staff-aug .custom-review .splide__arrow:disabled:hover {
    background: #0d65ca
}

.skill-review-staff-aug .custom-review .splide__arrow:disabled:hover svg {
    fill: #fff
}

.skill-review-staff-aug .custom-review .splide__arrow--prev {
    position: static
}

.skill-review-staff-aug .custom-review .splide__arrow--next {
    position: static
}

.skill-review-staff-aug .recognize-reviews {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .skill-review-staff-aug .recognize-reviews {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 50px
    }
}

@media screen and (min-width:992px) {
    .skill-review-staff-aug .recognize-reviews li {
        margin: 0 30px
    }
}

.skill-review-staff-aug .recognize-reviews li img {
    width: 70px
}

@media screen and (min-width:768px) {
    .skill-review-staff-aug .recognize-reviews li img {
        width: auto
    }
}

.skill-review-staff-aug .splide__slide:before {
    content: '';
    position: absolute;
    top: 0;
    left: 40px;
    background: #ccc;
    width: 38px;
    height: 4px
}

.skill-review-staff-aug .splide__slide:nth-child(1):before {
    background: #20dea5
}

.skill-review-staff-aug .splide__slide:nth-child(2):before {
    background: #ffc327
}

.skill-review-staff-aug .splide__slide:nth-child(3):before {
    background: #a66bd4
}

.skill-review-staff-aug .splide__slide:nth-child(4):before {
    background: #4a5806
}

.skill-review-staff-aug .splide__slide:nth-child(5):before {
    background: #ef8d1a
}

.skill-review-staff-aug .splide__slide:nth-child(6):before {
    background: #0a9def
}

.skill-review-staff-aug .splide__slide:nth-child(7):before {
    background: #f280df
}

.skill-review-staff-aug .splide__slide:nth-child(8):before {
    background: #ff9d09
}

.o-development-process--it-staff-aug .o-skill-flow__title {
    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 40px !important
}

@media screen and (min-width:992px) {
    .o-development-process--it-staff-aug .o-skill-flow__title {
        font-size: 45px !important;
        line-height: 60px !important
    }
}

@media screen and (min-width:992px) {
    .o-development-process--it-staff-aug .o-development-process__list .o-development-process__items {
        width: 46%;
        margin-top: 60px
    }
}

@media screen and (min-width:992px) {
    .o-development-process--it-staff-aug .o-development-process__list .o-development-process__items:nth-child(3) {
        margin-left: 0;
        margin-right: 30px;
        margin-top: 60px
    }
}

.o-development-process--it-staff-aug .o-development-process__list .o-development-process__items:nth-child(3):after {
    display: none
}

.o-development-process--it-staff-aug .o-development-process__list .o-development-process__items:nth-child(2) {
    margin-right: 0
}

.o-development-process--it-staff-aug .o-development-process__list .o-development-process__items:nth-child(2):after {
    display: none
}

.o-development-process--it-staff-aug .o-development-process__list .o-development-process__items:nth-child(4) {
    margin-right: 0
}

@media screen and (min-width:992px) {
    .o-development-process--it-staff-aug .o-development-process__list .o-development-process__items:nth-child(4) {
        margin-left: 30px
    }
}

.o-development-process--it-staff-aug .o-development-process__list .o-development-process__items:nth-child(4):after {
    display: none
}

.o-development-process--it-staff-aug .o-development-process__list .o-development-process__items:after {
    display: none
}

@media screen and (min-width:992px) {
    .o-core-competencies--it-staff-aug .o-core-competencies__box {
        padding: 30px 30px 0;
        min-height: 230px
    }
}

.o-core-competencies--it-staff-aug .o-core-competencies__box {
    text-align: left;
    position: relative
}

.o-core-competencies--it-staff-aug .o-core-competencies__box:before {
    content: '';
    position: absolute;
    background: #000;
    width: 38px;
    height: 4px;
    top: -2px;
    left: 30px
}

.o-core-competencies--it-staff-aug .o-core-competencies__box--color1:before {
    background: #0a9def
}

.o-core-competencies--it-staff-aug .o-core-competencies__box--color2:before {
    background: #ffbd00
}

.o-core-competencies--it-staff-aug .o-core-competencies__box--color3:before {
    background: #20dea5
}

.o-core-competencies--it-staff-aug .o-core-competencies__box--color4:before {
    background: #20dea5
}

.o-core-competencies--it-staff-aug .o-core-competencies__box--color5:before {
    background: #0a9def
}

.o-core-competencies--it-staff-aug .o-core-competencies__box--color6:before {
    background: #ef8d1a
}

.o-core-competencies--it-staff-aug .o-core-competencies__box--color7:before {
    background: #fe2f05
}

.o-core-competencies--it-staff-aug .o-core-competencies__box--color8:before {
    background: #ee16c4
}

.o-core-competencies--it-staff-aug .o-core-competencies__box--color9:before {
    background: #2aa7b3
}

.skill-review-staff-aug--it h2 {
    margin-top: 0
}

.custom-dev-case-study--staff-aug-it .o-testimonial__heading {
    font-weight: 700
}

@media screen and (min-width:992px) {
    .custom-dev-case-study--staff-aug-it .o-testimonial__heading {
        font-size: 45px;
        line-height: 60px;
        margin-bottom: 15px
    }
}

.custom-dev-case-study--staff-aug-it .o-testimonial__sub-heading {
    font-family: Poppins;
    text-align: center;
    font-weight: 500
}

@media (min-width:992px) {
    .custom-dev-case-study--staff-aug-it .o-testimonial__sub-heading {
        font-size: 19px;
        line-height: 32px;
        margin: 0 auto 60px;
        margin-bottom: 45px
    }
}

.banner--staff-aug {
    position: relative;
    text-align: center;
    background-color: #081c36;
    background-image: none
}

@media (min-width:992px) {
    .banner--staff-aug {
        background-image: url<?php bloginfo('template_directory');
        ?>/assets/images/staff-augmentation/staff-banner-bg.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover
    }
}

@media (min-width:1024px) {
    .banner--staff-aug {
        background-size: 100% 100%
    }
}

.banner--staff-aug .banner__top-rated {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: 0 0;
    border-color: #a3a8b0;
    position: relative;
    z-index: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:992px) {
    .banner--staff-aug .banner__top-rated {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.banner--staff-aug .banner__top-rating {
    background: #fff;
    height: 68px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.banner--staff-aug .banner__top-rating-number {
    color: #515050;
    font-family: Poppins
}

.banner--staff-aug .banner__top-rated-text {
    font-family: Poppins
}

.banner--staff-aug .banner__top-rating-review {
    color: #515050;
    font-family: Poppins
}

.banner--staff-aug .banner-technologies__heading {
    position: relative;
    font-size: 48px;
    margin: 25px 0
}

@media (min-width:1024px) {
    .banner--staff-aug .banner-technologies__heading {
        font-size: 105px;
        font-weight: 700;
        margin: 95px 0 45px
    }
}

.banner--staff-aug .banner-technologies__heading:before {
    display: none;
    position: absolute;
    content: "";
    width: 410px;
    height: 693px;
    margin: auto;
    top: -304px;
    left: 0;
    right: 0;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/staff-augmentation/staff-aug-text-background.png) no-repeat center;
    background-size: auto 100%
}

@media (min-width:992px) {
    .banner--staff-aug .banner-technologies__heading:before {
        display: block
    }
}

.banner--staff-aug .banner-technologies__heading span {
    position: relative;
    z-index: 1
}

.banner--staff-aug .banner-technologies__sub-heading {
    color: #fff;
    margin: 0 0 30px;
    font-family: Poppins
}

@media (min-width:1024px) {
    .banner--staff-aug .banner-technologies__sub-heading {
        font-size: 45px;
        line-height: 56px;
        font-weight: 700;
        margin: 0 0 45px
    }
}

.banner--staff-aug .new-home-banner__list {
    max-width: 950px;
    width: 100%;
    margin: auto
}

.banner--staff-aug .how-stuff-augmentation__btn {
    max-width: 312px;
    margin: 25px auto 0;
    padding: 17px 22px
}

@media (min-width:1024px) {
    .banner--staff-aug .how-stuff-augmentation__btn {
        margin: 40px auto 0
    }
}

.why-choose--staff-aug {
    background-color: #fff
}

.why-choose--staff-aug .why-choose__heading {
    font-weight: 700
}

@media (min-width:1024px) {
    .why-choose--staff-aug .why-choose__heading {
        font-size: 45px;
        line-height: 60px;
        max-width: 950px;
        margin: 0 auto 60px
    }
}

.why-choose--staff-aug .why-choose__item {
    border: 1px solid #dde2e9;
    border-radius: 5px
}

@media (min-width:992px) {
    .why-choose--staff-aug .why-choose__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        height: 200px
    }
}

.why-choose--staff-aug .why-choose__item:after {
    position: absolute;
    content: "";
    width: 38px;
    height: 4px;
    left: 20px;
    bottom: 0;
    background-color: #0a9def
}

.why-choose--staff-aug .why-choose__item--blue:after {
    background-color: #0a9def
}

.why-choose--staff-aug .why-choose__item--yellow:after {
    background-color: #ffbd00
}

.why-choose--staff-aug .why-choose__item--green:after {
    background-color: #20dea5
}

.why-choose--staff-aug .why-choose__item--gold:after {
    background-color: #ef8d1a
}

@media (min-width:992px) {
    .why-choose--staff-aug .why-choose__item:nth-child(5) .why-choose__itemscontent {
        padding-right: 10px
    }
}

@media (min-width:992px) {
    .why-choose--staff-aug .why-choose__items--stuff-aug {
        padding: 30px 20px
    }
}

@media (min-width:992px) {
    .why-choose--staff-aug .why-choose__itemscontent {
        padding-top: 0;
        padding-left: 20px
    }
}

@media (min-width:1200px) {
    .why-choose--staff-aug .why-choose__itemscontent {
        padding-right: 20px
    }
}

.why-choose--staff-aug .why-choose__title {
    color: #0c2848;
    font-weight: 600
}

.why-choose--staff-aug .why-choose__content {
    color: #0c2848;
    font-weight: 500;
    line-height: 25px
}

.why-choose--staff-aug .why-choose__more {
    text-align: center;
    margin: 30px 0 0
}

@media (min-width:1024px) {
    .why-choose--staff-aug .why-choose__more {
        margin: 80px 0 0
    }
}

.why-choose--staff-aug .why-choose__more h3 {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: normal;
    color: #262e36
}

@media (min-width:1024px) {
    .why-choose--staff-aug .why-choose__more h3 {
        font-size: 30px
    }
}

.why-choose--staff-aug .why-choose__more-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1024px) {
    .why-choose--staff-aug .why-choose__more-wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.why-choose--staff-aug .why-choose__more-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 7px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 200px
}

@media (min-width:1024px) {
    .why-choose--staff-aug .why-choose__more-item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.why-choose--staff-aug .why-choose__more-item i {
    height: 60px
}

.why-choose--staff-aug .why-choose__more-item h4 {
    font-family: Poppins;
    font-size: 24px;
    line-height: 27px;
    color: #0c2848;
    font-weight: 600;
    margin: 0 0 5px;
    text-align: left
}

.why-choose--staff-aug .why-choose__more-item p {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    color: #0c2848;
    font-weight: 500;
    margin: 0;
    text-align: left
}

.why-choose--staff-aug .sample-pods__btn {
    max-width: 340px;
    padding: 17px 22px
}

.why-choose--staff-aug .sample-pods__btn svg {
    margin-left: 10px
}

.why-choose--staff-aug-it .why-choose__heading {
    margin: 0 auto 20px
}

.why-choose--staff-aug-it__sub-heading {
    font-family: Poppins;
    text-align: center;
    font-weight: 500
}

@media (min-width:992px) {
    .why-choose--staff-aug-it__sub-heading {
        font-size: 19px;
        line-height: 32px;
        margin: 0 auto 60px
    }
}

.banner--staff-aug-it .banner-technologies__heading {
    font-size: 30px
}

@media (min-width:992px) {
    .banner--staff-aug-it .banner-technologies__heading {
        font-size: 50px;
        line-height: 64px;
        margin: 0 0 25px
    }
}

.banner--staff-aug-it .banner-technologies__heading:before {
    display: none
}

.banner--staff-aug-it__sub-heading {
    color: #fff;
    font-weight: 500;
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 34px
}

@media (min-width:992px) {
    .banner--staff-aug-it__sub-heading {
        font-size: 22px;
        line-height: 36px
    }
}

.banner--staff-aug-it__sub-heading .highlight-color1 {
    position: relative;
    display: inline-block
}

.banner--staff-aug-it__sub-heading .highlight-color1::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 4px;
    width: 100%;
    border-radius: 10px;
    -webkit-animation: 4s linear animate infinite;
    animation: 4s linear animate infinite;
    background: -webkit-gradient(linear, left top, right top, from(#03a9f4), color-stop(#ff5800), color-stop(#fbba14), to(#03a9f4));
    background: linear-gradient(90deg, #03a9f4, #ff5800, #fbba14, #03a9f4);
    background-size: 200%
}

.portfolio2-view .portfolio-view__rightittle {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.portfolio2-view .portfolio-view__rightittlearea {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.portfolio2-view .portfolio-view__rightittlearea h4 {
    font-size: 16px;
    font-weight: 500
}

.portfolio2-view .portfolio-view__filterlist {
    max-height: 0;
    width: 235px;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: max-height .2s ease-out;
    transition: max-height .2s ease-out;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 9;
    top: 60px
}

.portfolio2-view .portfolio-view__filterlist.show {
    max-height: 400px;
    -webkit-transition: max-height .5s ease-in;
    transition: max-height .5s ease-in;
    background: #fbfbfb;
    opacity: 1;
    visibility: visible;
    padding: 5px 10px;
    border: 1px solid #ccc
}

.portfolio2-view .filter-arrow {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    margin-left: 10px
}

.portfolio2-view .filter-arrow.down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.portfolio2-view .filter-arrow.up {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.portfolio2-view .portfolio-view__filtertittle {
    cursor: pointer;
    border-radius: 25px;
    margin-bottom: 0;
    background: 0 0;
    padding: 10px 20px
}

.portfolio2-view .portfolio-view__filtertittle--blue {
    border: 1px solid #85a7f9
}

.portfolio2-view .portfolio-view__filtertittle--green {
    border: 1px solid #39c165
}

.portfolio2-view .portfolio-view__filtertittle--orange {
    border: 1px solid #ff7d34
}

.portfolio2-view .portfolio-view__filtertittle h4 {
    color: #333;
    margin-right: 10px
}

.portfolio2-view .portfolio-view__rightpart {
    position: relative
}

.portfolio2-view .portfolio-view__spacing {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada
}

@media screen and (min-width:992px) {
    .portfolio2-view .portfolio-view__spacing {
        padding: 20px 0 0;
        margin-bottom: 40px
    }
}

.portfolio2-view .portfolio-view__spacing.fixed {
    position: sticky;
    top: -10px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    background: #f6f3f3;
    border-top: 1px solid #ccc;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .portfolio2-view .no-data {
        position: absolute;
        top: -15px;
        height: auto;
        font-size: 24px;
        margin-top: 0
    }
}

.portfolio2-view .portfolio-view__filterwrapper {
    padding-left: 0;
    margin-left: 40px;
    border-bottom: 0;
    margin-bottom: 0;
    padding-right: 10px
}

.portfolio2-view .portfolio-view__filterwrapper:before {
    content: "Or";
    bottom: inherit;
    left: inherit;
    right: -30px;
    top: 10px;
    background: 0 0;
    border: 1px solid #c8d3ef;
    color: #7a89af
}

.portfolio2-view .portfolio-view__filterwrapper--industry {
    margin-left: 0
}

@media screen and (min-width:992px) {
    .portfolio2-view .portfolio-view__masonry {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
}

.portfolio2-view .portfolio-view__filteritem label {
    font-size: 14px;
    line-height: 31px
}

.portfolio2-view .portfolio-view__titlelink .portfolio-tittle {
    font-size: 20px;
    line-height: 30px;
    padding-right: 3px;
    margin: 0
}

.portfolio2-view .portfolio-view__titlelink .portfolio-link img {
    margin-right: 5px
}

.portfolio2-view .portfolio-view__titlelink .portfolio-view__itemlink {
    width: auto
}

.portfolio2-view .portfolio-view__masonry.orphan3 {
    orphans: 1
}

.portfolio2-view .pagination-container {
    margin-top: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.portfolio2-view .pagination-container span {
    margin-right: 10px;
    font-size: 16px;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .portfolio2-view .pagination-container span {
        margin-right: 13px;
        font-size: 20px
    }
}

.portfolio2-view .pagination-container .pagination-next {
    margin-right: 0
}

.portfolio-banner2 {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .portfolio-banner2 {
        padding: 100px 0
    }
}

.portfolio-banner2 .portfolio-banner__assets:before {
    display: none
}

.portfolio-banner2 .portfolio-banner__heading-text {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .portfolio-banner2 .portfolio-banner__heading-text {
        font-size: 48px;
        line-height: 50px
    }
}

.portfolio-banner2 .portfolio-banner__middle {
    max-width: 100%;
    position: relative;
    padding: 10px 0 0
}

@media screen and (min-width:992px) {
    .portfolio-banner2 .portfolio-banner__middle {
        padding: 40px 25px 30px
    }
}

.portfolio-banner2 .portfolio-banner__middle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 100%;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-portfolio/banner-rating/top-bracket.png) no-repeat 0 0/100%;
    display: none
}

@media screen and (min-width:992px) {
    .portfolio-banner2 .portfolio-banner__middle:before {
        display: block
    }
}

.portfolio-banner2 .portfolio-banner__middle:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 22px;
    width: 100%;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/new-portfolio/banner-rating/bottom-bracket.png) no-repeat 0 0/100%;
    display: none
}

@media screen and (min-width:992px) {
    .portfolio-banner2 .portfolio-banner__middle:after {
        display: block
    }
}

.portfolio-banner2 .portfolio-banner__asset-heading {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    width: auto;
    margin-bottom: 0;
    display: inline-block;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .portfolio-banner2 .portfolio-banner__asset-heading {
        position: absolute;
        top: -14px;
        left: 39px
    }
}

.portfolio-banner2 .portfolio-banner__sub-heading {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    display: inline-block
}

@media screen and (min-width:992px) {
    .portfolio-banner2 .portfolio-banner__sub-heading {
        font-size: 32px;
        line-height: 40px;
        padding-right: 60px
    }
}

.portfolio-banner2 .portfolio-banner__rating-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin: 20px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:992px) {
    .portfolio-banner2 .portfolio-banner__rating-items {
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        margin: 0;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit
    }
}

.portfolio-banner2 .portfolio-banner__rating-items:nth-child(3) .portfolio-banner__rating-right {
    margin-left: 10px
}

.portfolio-banner2 .portfolio-banner__rating-items .rating-img {
    width: 75%
}

@media screen and (min-width:992px) {
    .portfolio-banner2 .portfolio-banner__rating-items .rating-img {
        width: 85%
    }
}

.portfolio-banner2 .portfolio-banner__rating-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.portfolio-banner2 .portfolio-banner__rating-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.portfolio-banner2 .portfolio-banner__rating-left .portfolio-banner__rating-icon-name {
    color: #fff;
    font-size: 15px;
    font-weight: 500
}

.portfolio-banner2 .portfolio-banner__rating-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.portfolio-banner2 .portfolio-banner__rating-right .portfolio-banner__rating-number {
    color: #fff;
    font-size: 28px;
    font-weight: 500
}

.service-rating-img {
    width: 75%
}

@media screen and (min-width:992px) {
    .service-rating-img {
        width: 100%
    }
}

.platform-review .custom-review__partner {
    display: none
}

@media screen and (min-width:992px) {
    .platform-review .custom-review__tittle {
        font-size: 51px;
        line-height: 55px;
        font-weight: 700
    }
}

@media screen and (min-width:992px) {
    .platform-review .custom-review__subtittle {
        font-size: 25px;
        line-height: 34px;
        font-weight: 600
    }
}

@media screen and (min-width:992px) {
    .platform-review .cs-cont.invisible {
        height: 200px
    }
}

@media screen and (min-width:992px) {
    .platform-review .custom-review {
        padding: 80px 0
    }
}

@media screen and (min-width:992px) {
    .platform-review .custom-review__spacing {
        padding: 0
    }
}

@media screen and (min-width:992px) {
    .platform-bottom-form {
        padding: 0 0 60px
    }
}

@media screen and (min-width:992px) {
    .platform-bottom-form .new-bottom-form__left {
        padding-top: 80px
    }
}

@media screen and (min-width:992px) {
    .platform-bottom-form .new-bottom-form__email {
        padding-top: 80px
    }
}

@media screen and (min-width:992px) {
    .platform-bottom-form .new-bottom-form__trust {
        padding: 50px 40px 70px
    }
}

@media screen and (min-width:992px) {
    .platform-mod .banner-technologies__heading {
        line-height: 68px
    }
}

@media screen and (min-width:992px) {
    .platform-mod .banner-technologies {
        padding: 60px 0 80px
    }
}

@media screen and (min-width:992px) {
    .platform-invite {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media screen and (min-width:992px) {
    .platform-invite .btn-orange.custom-review__btn {
        margin-left: 0
    }
}

.platform-invite .section-invite__item-title {
    font-weight: 700
}

.platform-invite .section-invite__item-title span {
    font-weight: 600
}

.o-case-studies-new .faq-para {
    color: #333;
    font-size: 25px;
    line-height: 34px;
    font-weight: 600;
    text-align: center
}

.platform-work-with {
    padding: 40px 0;
    background: #f4f4f4
}

@media screen and (min-width:992px) {
    .platform-work-with {
        padding: 80px 0
    }
}

.platform-work-with__wrapper {
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .platform-work-with__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px
    }
}

.platform-work-with__box-sub {
    background: #fff;
    position: relative;
    z-index: 9;
    padding: 20px 20px 20px 20px
}

@media screen and (min-width:992px) {
    .platform-work-with__box-sub {
        padding: 30px 35px 40px 35px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.platform-work-with__box {
    margin-bottom: 15px;
    border: 1px solid #898989;
    display: block;
    position: relative;
    overflow: hidden
}

@media screen and (min-width:992px) {
    .platform-work-with__box {
        overflow: hidden;
        padding: 2px;
        border: 0;
        margin-bottom: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
        margin: 20px 20px
    }
}

.platform-work-with__box:after {
    content: '';
    position: absolute;
    top: -108px;
    right: 0;
    bottom: 0;
    left: -136px;
    width: 780px;
    height: 780px;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    display: none;
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%);
    display: none
}

@media screen and (min-width:992px) {
    .platform-work-with__box:after {
        display: block
    }
}

@media screen and (min-width:992px) {
    .platform-work-with__icon {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 120px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.platform-work-with h3 {
    font-family: Poppins;
    font-size: 26px;
    line-height: 31px;
    font-weight: 600;
    color: #333;
    margin-top: 10px
}

.platform-work-with p {
    font-family: Poppins;
    color: #222;
    font-size: 17px;
    line-height: 28px;
    font-weight: 400
}

.platform-work-with__anchor {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .platform-work-with__anchor {
        margin-top: auto
    }
}

.platform-work-with__anchor:hover {
    color: #00a1e0
}

.platform-work-with__anchor:hover svg {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.platform-work-with__anchor:hover svg path {
    fill: #00a1e0
}

.platform-work-with__arrow {
    margin-left: 10px
}

.platform-work-with__arrow path {
    fill: #333
}

.platform-work-with .btn-wrapper-v2--pair .btn-v2 {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .platform-faq {
        padding: 70px 0 90px !important
    }
}

@media screen and (min-width:992px) {
    .platform-faq h2 {
        padding-bottom: 10px
    }
}

@media screen and (min-width:992px) {
    .platform-footer {
        padding: 80px 0 50px
    }
}

.investor-bnr {
    padding: 40px 0;
    background-image: none;
    min-height: auto
}

@media screen and (min-width:992px) {
    .investor-bnr {
        padding: 100px 0
    }
}

.investor-bnr h1 {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .investor-bnr h1 {
        font-size: 50px
    }
}

.investor-pdf {
    padding: 40px 0 40px
}

@media screen and (min-width:992px) {
    .investor-pdf {
        padding: 60px 0 70px
    }
}

.investor-pdf h2 {
    font-size: 24px;
    line-height: 32px;
    text-align: center
}

.investor-pdf__wrapper {
    margin-top: 25px
}

@media screen and (min-width:992px) {
    .investor-pdf__wrapper {
        margin-top: 0
    }
}

.investor-pdf__wrapper--small {
    max-width: 800px;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .investor-pdf__wrapper--multi {
        margin-top: 40px
    }
}

.investor-pdf__list {
    margin-top: 20px
}

.investor-pdf__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 15px;
    border: 1px solid #333;
    border-bottom: 0
}

.investor-pdf__items:last-child {
    border-bottom: 1px solid #333
}

.investor-pdf__name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.investor-pdf__name a:hover p {
    color: #0e003f
}

.investor-pdf p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.investor-pdf__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.investor-pdf__icon a {
    display: inline-block
}

.investor-pdf__icon a img {
    width: 30px
}

.investor-table {
    margin-bottom: 20px
}

.investor-table th {
    padding: 15px 0;
    background-color: #ddf0f8;
    color: #000;
    font-size: 18px;
    width: 33.3%
}

.investor-table td {
    padding: 14px 0 !important;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    width: 33.3%
}

@media screen and (min-width:992px) {
    .investor-table td {
        font-size: 16px
    }
}

.ipo-heading {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    .ipo-heading {
        font-size: 30px;
        line-height: 40px
    }
}

.ipo-block-separator {
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .ipo-block-separator {
        margin-bottom: 35px
    }
}

.guide-home-banner__image {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/guides/banner-bg.jpg) no-repeat center center/cover;
    position: relative;
    padding: 30px 0 30px
}

@media screen and (min-width:992px) {
    .guide-home-banner__image {
        min-height: 543px;
        padding: 100px 0 70px
    }
}

.guide-home-banner__image:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/guides/banner-gradient-tl.png) no-repeat 0 0;
    top: 0;
    left: 0;
    width: 668px;
    height: 486px;
    display: none
}

@media screen and (min-width:992px) {
    .guide-home-banner__image:before {
        display: block
    }
}

@media screen and (min-width:992px) {
    .guide-home-banner__left {
        max-width: 55%
    }
}

.guide-home-banner__heading {
    font-family: Poppins;
    font-size: 31px;
    line-height: 40px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

@media screen and (min-width:992px) {
    .guide-home-banner__heading {
        text-align: left
    }
}

.guide-home-banner__details-green {
    color: #2dbe70
}

.guide-home-banner__sub-heading {
    font-family: Poppins;
    font-weight: 700;
    color: #fff;
    text-align: center
}

@media screen and (min-width:992px) {
    .guide-home-banner__sub-heading {
        text-align: left;
        font-size: 50px;
        line-height: 54px
    }
}

.guide-home-banner__download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:992px) {
    .guide-home-banner__download {
        padding-right: 65px;
        margin-top: 35px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.guide-home-banner__download-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px;
    width: 45px;
    margin-right: 15px
}

.guide-home-banner__download-free {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Poppins;
    font-weight: 400;
    color: #fff;
    position: relative;
    text-align: center;
    font-size: 19px;
    line-height: 27px
}

@media screen and (min-width:992px) {
    .guide-home-banner__download-free {
        text-align: left;
        font-size: 31px;
        line-height: 36px
    }
}

.guide-home-banner__download-free-green {
    color: #2dbe70;
    font-weight: 700
}

.guide-home-banner__wrapper {
    position: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.guide-home-banner__right {
    position: relative;
    top: -35px
}

@media screen and (min-width:992px) {
    .guide-home-banner__right {
        position: absolute;
        top: 140px;
        max-width: 510px
    }
}

.guide-home-banner__form-wrapper {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/guides/form-strip.png) repeat-x 0 0;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    position: relative
}

@media screen and (min-width:992px) {
    .guide-home-banner__form-wrapper {
        padding: 40px
    }
}

.guide-home-banner__form-heading {
    font-family: Poppins;
    font-weight: 700;
    color: #262e36;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .guide-home-banner__form-heading {
        font-size: 31px;
        line-height: 37px;
        margin-bottom: 25px
    }
}

.guide-home-banner__input {
    font-family: Poppins;
    padding: 18px 15px;
    width: 100%;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    color: #333;
    font-size: 15px
}

.guide-home-banner__input::-webkit-input-placeholder {
    color: #333;
    opacity: 1
}

.guide-home-banner__input::-moz-placeholder {
    color: #333;
    opacity: 1
}

.guide-home-banner__input:-ms-input-placeholder {
    color: #333;
    opacity: 1
}

.guide-home-banner__input::-ms-input-placeholder {
    color: #333;
    opacity: 1
}

.guide-home-banner__input::placeholder {
    color: #333;
    opacity: 1
}

.guide-home-banner__input-name {
    margin-bottom: 20px
}

.guide-home-banner__select {
    font-family: Poppins;
    padding: 18px 15px;
    width: 100%;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    color: #333;
    font-size: 15px;
    margin-top: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/guides/option-arrow.png) no-repeat 97% 50%
}

.guide-home-banner__form-para {
    font-family: Poppins;
    color: #333;
    margin-top: 15px
}

@media screen and (min-width:992px) {
    .guide-home-banner__form-para {
        font-size: 15px;
        line-height: 23px;
        margin-top: 15px;
        margin-bottom: 15px
    }
}

.guide-home-banner__privacy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-family: Poppins;
    color: #333
}

@media screen and (min-width:992px) {
    .guide-home-banner__privacy {
        font-size: 14px;
        line-height: 20px;
        padding-right: 50px
    }
}

.guide-home-banner__privacy-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    width: 30px;
    margin-right: 10px
}

.guide-home-banner__review-splide {
    background: #0e003f;
    border-radius: 10px;
    padding: 20px 20px 20px 20px;
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .guide-home-banner__review-splide {
        padding: 50px;
        margin-top: 60px
    }
}

.guide-home-banner__review-para {
    font-family: Poppins;
    color: #fff;
    font-weight: 500;
    position: relative;
    padding-top: 35px;
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .guide-home-banner__review-para {
        font-size: 24px;
        line-height: 35px;
        padding-top: 50px;
        margin-bottom: 25px
    }
}

.guide-home-banner__review-para:before {
    content: '';
    position: absolute;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/guides/double-quote.png) no-repeat 0 0;
    width: 32px;
    height: 26px;
    top: 0;
    left: 0
}

.guide-home-banner__review-name {
    font-family: Poppins;
    color: #fff;
    font-weight: 500;
    font-size: 18px
}

.guide-home-banner__review-company {
    font-family: Poppins;
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

@media screen and (min-width:992px) {
    .guide-home-banner__arrow-icon {
        position: absolute;
        top: -18px;
        right: -58px
    }
}

.guide-scrollable__radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding-left: 27px;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 15px;
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.guide-scrollable .guide-scrollable__radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.guide-scrollable .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
    border-radius: 50%
}

.guide-scrollable .guide-scrollable__radio:hover input~.checkmark {
    background-color: #ccc
}

.guide-scrollable .guide-scrollable__radio input:checked~.checkmark {
    background-color: #2196f3;
    border: none
}

.guide-scrollable .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.guide-scrollable .guide-scrollable__radio input:checked~.checkmark:after {
    display: block
}

.guide-scrollable .guide-scrollable__radio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff
}

.guide-scrollable .btn-orange {
    margin: 15px 0 15px 0;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 600;
    font-family: Poppins;
    width: 275px;
    padding: 16px 20px
}

.rewrite {
    padding: 0 0 30px
}

@media screen and (min-width:992px) {
    .rewrite {
        padding: 80px 0 60px
    }
}

@media screen and (min-width:992px) {
    .rewrite__wrapper {
        max-width: 50%;
        margin-right: auto;
        margin-left: 0
    }
}

.rewrite__heading {
    font-family: Poppins;
    font-weight: 600;
    color: #333;
    text-align: center
}

@media screen and (min-width:992px) {
    .rewrite__heading {
        font-size: 41px;
        line-height: 50px;
        text-align: left
    }
}

.rewrite__sub-heading {
    font-family: Poppins;
    font-weight: 500;
    color: #333;
    text-align: center
}

@media screen and (min-width:992px) {
    .rewrite__sub-heading {
        font-size: 21px;
        line-height: 30px;
        text-align: left
    }
}

@media screen and (min-width:992px) {
    .rewrite__list {
        margin-bottom: 35px
    }
}

.rewrite__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.rewrite__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    width: 60px;
    margin-right: 15px
}

.rewrite__details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.rewrite__details-heading {
    font-family: Poppins;
    font-weight: 700;
    color: #333;
    font-size: 19px;
    line-height: 27px
}

@media screen and (min-width:992px) {
    .rewrite__details-heading {
        font-size: 24px;
        line-height: 32px
    }
}

.rewrite__details-para {
    font-family: Poppins;
    font-weight: 400;
    color: #333
}

@media screen and (min-width:992px) {
    .rewrite__details-para {
        font-size: 15px;
        line-height: 25px
    }
}

.download-free-guide {
    background: #04254a;
    text-align: center;
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .download-free-guide {
        padding: 60px 0
    }
}

.download-free-guide--s1000 {
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/guides/s1000d/download-free-guide-bg.jpg) no-repeat center center/cover
}

.download-free-guide--s1000 .download-free-guide__heading--s1000 {
    margin-bottom: 10px
}

.download-free-guide__heading {
    font-family: Poppins;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px;
    position: relative
}

@media screen and (min-width:992px) {
    .download-free-guide__heading {
        font-size: 31px;
        line-height: 35px;
        margin-bottom: 25px
    }
}

.download-free-guide__heading strong {
    color: #2dbe70
}

.download-free-guide__heading--s1000 {
    font-weight: 700
}

@media screen and (min-width:992px) {
    .download-free-guide__heading--s1000 {
        font-size: 35px;
        line-height: 55px
    }
}

.download-free-guide__sub-heading {
    font-family: Poppins;
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    color: #cae7ff
}

@media screen and (min-width:992px) {
    .download-free-guide__btn-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.download-free-guide__btn-wrapper .btn-orange {
    margin: 10px auto 0
}

@media screen and (min-width:992px) {
    .download-free-guide__btn-wrapper .btn-orange {
        margin: 0
    }
}

@media screen and (min-width:992px) {
    .download-free-guide__btn-wrapper-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 10px
    }
}

@media screen and (min-width:992px) {
    .download-free-guide__btn-wrapper-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 10px
    }
}

.download-free-guide__btn-wrapper-right .btn-orange {
    background: 0 0;
    color: #fff
}

.download-free-guide__btn-wrapper-right .btn-orange:hover {
    color: #ff5800;
    border-color: #fff
}

.download-free-guide__btn-wrapper-right .btn-orange:hover svg path {
    fill: #ff5800
}

.download-free-guide__arrow {
    position: absolute;
    top: 45px;
    right: 145px
}

.download-free-guide .btn-orange {
    text-transform: capitalize
}

@media screen and (min-width:992px) {
    .download-free-guide .btn-orange {
        max-width: 350px;
        padding: 15px 20px;
        font-size: 17px
    }
}

.download-free-guide .btn-orange svg {
    margin-left: 10px
}

.guide-modal__download-form .guide-modal__input {
    font-family: Poppins;
    padding: 18px 15px;
    width: 100%;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    color: #333;
    font-size: 15px
}

.guide-modal__download-form .guide-modal__input::-webkit-input-placeholder {
    color: #333;
    opacity: 1
}

.guide-modal__download-form .guide-modal__input::-moz-placeholder {
    color: #333;
    opacity: 1
}

.guide-modal__download-form .guide-modal__input:-ms-input-placeholder {
    color: #333;
    opacity: 1
}

.guide-modal__download-form .guide-modal__input::-ms-input-placeholder {
    color: #333;
    opacity: 1
}

.guide-modal__download-form .guide-modal__input::placeholder {
    color: #333;
    opacity: 1
}

.guide-modal__download-form .guide-modal__input-name {
    font-family: Poppins;
    padding: 18px 15px;
    width: 100%;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    color: #333;
    font-size: 15px;
    margin-bottom: 15px
}

.guide-modal__download-form .guide-modal__input-name::-webkit-input-placeholder {
    color: #333;
    opacity: 1
}

.guide-modal__download-form .guide-modal__input-name::-moz-placeholder {
    color: #333;
    opacity: 1
}

.guide-modal__download-form .guide-modal__input-name:-ms-input-placeholder {
    color: #333;
    opacity: 1
}

.guide-modal__download-form .guide-modal__input-name::-ms-input-placeholder {
    color: #333;
    opacity: 1
}

.guide-modal__download-form .guide-modal__input-name::placeholder {
    color: #333;
    opacity: 1
}

.guide-modal__download-form p {
    padding-top: 0
}

.guide-modal__download-form .guide-modal__radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 15px
}

.guide-modal__download-form .guide-home-banner__form {
    padding: 20px 15px 20px 15px
}

@media screen and (min-width:992px) {
    .guide-modal__download-form .guide-home-banner__form {
        padding: 20px 40px 20px 40px
    }
}

.guide-modal .guide-home-banner__select {
    margin-top: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/guides/option-arrow.png) no-repeat 97% 50%
}

.o-banner-s1000d {
    position: relative
}

.o-banner-s1000d__images {
    background: #091260 url<?php bloginfo('template_directory');
    ?>/assets/images/guides/s1000d/banner-bg.jpg) no-repeat center center/cover;
    position: relative;
    padding: 85px 0 30px
}

@media screen and (min-width:992px) {
    .o-banner-s1000d__images {
        min-height: 543px;
        padding: 140px 0 70px
    }
}

.o-banner-s1000d__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .o-banner-s1000d__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 0
    }
}

.o-banner-s1000d__leftside {
    width: 100%
}

@media screen and (min-width:992px) {
    .o-banner-s1000d__leftside {
        width: 60%
    }
}

.o-banner-s1000d__rightside {
    width: 100%
}

@media screen and (min-width:992px) {
    .o-banner-s1000d__rightside {
        width: 40%
    }
}

.o-banner-s1000d__bannerheading {
    font-family: Poppins;
    font-size: 31px;
    line-height: 40px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 20px 0
}

@media screen and (min-width:992px) {
    .o-banner-s1000d__bannerheading {
        text-align: left;
        font-size: 50px;
        line-height: 60px;
        margin-top: 0
    }
}

.o-banner-s1000d__bannercontent {
    font-family: Poppins;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    color: #abd2ff
}

@media screen and (min-width:992px) {
    .o-banner-s1000d__bannercontent {
        font-size: 24px;
        line-height: 35px;
        text-align: left
    }
}

.o-banner-s1000d__contenthighlight {
    color: #fff;
    position: relative;
    padding: 0 0 5px
}

.o-banner-s1000d__contenthighlight:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    border-radius: 30px;
    bottom: 0;
    left: 0;
    -webkit-animation: 4s linear animate infinite;
    animation: 4s linear animate infinite;
    background: -webkit-gradient(linear, left top, right top, from(#03a9f4), color-stop(#ff5800), color-stop(#fbba14), to(#03a9f4));
    background: linear-gradient(90deg, #03a9f4, #ff5800, #fbba14, #03a9f4);
    background-size: 200%
}

.o-banner-s1000d__formarea {
    background-color: #153995;
    max-width: 417px;
    margin: auto;
    padding: 20px 15px
}

@media screen and (min-width:992px) {
    .o-banner-s1000d__formarea {
        padding: 40px
    }
}

.o-banner-s1000d__formtitle {
    font-family: Poppins;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    color: #fff
}

@media screen and (min-width:992px) {
    .o-banner-s1000d__formtitle {
        font-size: 31px;
        line-height: 38px;
        text-align: left
    }
}

.o-banner-s1000d__formsubtitle {
    position: relative;
    font-family: Poppins;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    color: #abd2ff
}

@media screen and (min-width:992px) {
    .o-banner-s1000d__formsubtitle {
        font-size: 15px;
        line-height: 20px;
        text-align: left
    }
}

.o-banner-s1000d__formsubtitle:after {
    position: absolute;
    content: "";
    width: 80px;
    height: 89px;
    background: url<?php bloginfo('template_directory');
    ?>/assets/images/guides/s1000d/form-arrow.svg) no-repeat center center/100%;
    right: -40px;
    bottom: -20px
}

.o-banner-s1000d__input {
    width: 100%;
    height: 55px;
    margin-bottom: 12px;
    padding: 15px;
    border-radius: 2px;
    font-size: 14px;
    color: #000;
    border: 0
}

.o-banner-s1000d__input::-webkit-input-placeholder {
    opacity: 1 !important;
    font-weight: 500 !important
}

.o-banner-s1000d__input::-moz-placeholder {
    opacity: 1 !important;
    font-weight: 500 !important
}

.o-banner-s1000d__input:-ms-input-placeholder {
    opacity: 1 !important;
    font-weight: 500 !important
}

.o-banner-s1000d__input::-ms-input-placeholder {
    opacity: 1 !important;
    font-weight: 500 !important
}

.o-banner-s1000d__input::placeholder {
    opacity: 1 !important;
    font-weight: 500 !important
}

.o-banner-s1000d input::-webkit-input-placeholder {
    opacity: 1 !important;
    font-weight: 500 !important
}

.o-banner-s1000d input::-moz-placeholder {
    opacity: 1 !important;
    font-weight: 500 !important
}

.o-banner-s1000d input:-ms-input-placeholder {
    opacity: 1 !important;
    font-weight: 500 !important
}

.o-banner-s1000d input::-ms-input-placeholder {
    opacity: 1 !important;
    font-weight: 500 !important
}

.o-banner-s1000d input::placeholder {
    opacity: 1 !important;
    font-weight: 500 !important
}

.o-banner-s1000d .c-btn {
    width: 100%;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 600;
    border-radius: 5px
}

.o-banner-s1000d .confidential-text-wrap li {
    color: #fff;
    font-size: 14px
}

.o-why-guide {
    padding: 30px 0;
    background: #f5f8fc;
    border-bottom: 1px solid #d3e2f0
}

@media screen and (min-width:992px) {
    .o-why-guide {
        padding: 80px 0
    }
}

.o-why-guide__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.o-why-guide__imagearea {
    width: 100%;
    position: relative;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-why-guide__imagearea {
        width: 30%;
        text-align: inherit
    }
}

@media screen and (min-width:992px) {
    .o-why-guide__image {
        position: absolute;
        bottom: -40px;
        left: 0
    }
}

.o-why-guide__textpart {
    width: 100%
}

@media screen and (min-width:992px) {
    .o-why-guide__textpart {
        width: 70%
    }
}

.o-why-guide__heading {
    font-family: Poppins;
    font-size: 35px;
    line-height: 50px;
    color: #262e36
}

.o-why-guide__content {
    font-family: Poppins;
    font-size: 18px;
    line-height: 26px;
    color: #333;
    max-width: 656px;
    margin-bottom: 15px
}

.o-why-guide__content b {
    font-weight: 600
}

.o-what-learn {
    padding: 40px 0
}

.o-what-learn__heading {
    font-family: Poppins;
    font-size: 35px;
    line-height: 50px;
    color: #262e36;
    margin-bottom: 60px;
    text-align: center
}

.o-what-learn__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.o-what-learn__item {
    padding: 10px
}

.o-what-learn__items {
    max-width: 548px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 101px
}

.o-what-learn__items i {
    margin-right: 17px
}

.o-what-learn__items h5 {
    font-family: Poppins;
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 10px;
    color: #0c2848;
    font-weight: 600
}

.o-what-learn__items p {
    font-family: Poppins;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: #0c2848
}

.why-choose-guide {
    background: #f5f8fc;
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .why-choose-guide {
        padding: 60px 0
    }
}

.why-choose-guide__heading {
    font-family: Poppins;
    font-size: 35px;
    line-height: 50px;
    font-weight: 700;
    margin: 0;
    color: #262e36;
    text-align: center;
    margin-bottom: 35px
}

.why-choose-guide__card {
    background: #fff;
    padding: 40px 30px;
    position: relative;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, .05);
    height: 100%;
    height: 165px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.why-choose-guide__card:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 30px;
    width: 90px;
    height: 5px;
    background: #ccc
}

.why-choose-guide__card--color1:before {
    background: #64b9f4
}

.why-choose-guide__card--color2:before {
    background: #3cc065
}

.why-choose-guide__card--color3:before {
    background: #fbba14
}

.why-choose-guide__card-details {
    font-family: Poppins;
    font-size: 20px;
    line-height: 29px;
    font-weight: 500;
    color: #262e36;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.why-choose-guide .btn-orange {
    max-width: 374px;
    margin-top: 35px;
    text-transform: capitalize;
    padding: 16px 20px
}

.section-footer--guide {
    background: #18192b
}

.section-footer--guide .section-footer__copy-right-details {
    margin-bottom: 0
}

.section-footer--guide .section-footer__social-list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.g-recaptcha-container {
    width: 100%;
    margin-bottom: 19px
}

@media screen and (min-width:992px) {
    .g-recaptcha-container div {
        transform: scale(1.037);
        transform-origin: top left;
        -webkit-transform: scale(1.037);
        -webkit-transform-origin: top left
    }
}

.g-recaptcha-container .g-recaptcha {
    width: 100% !important;
    height: auto
}

.o-skill-banner--event {
    background-image: url<?php bloginfo('template_directory');
    ?>/assets/images/events/event-banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 90px 0 20px
}

@media screen and (min-width:992px) {
    .o-skill-banner--event {
        padding: 80px 0 8px
    }
}

.o-skill-banner--event .o-skill-banner--event-bg {
    position: relative
}

@media screen and (min-width:992px) {
    .o-skill-banner--event .o-skill-banner--event-bg {
        min-height: 350px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.o-skill-banner--event .o-skill-banner--event-img {
    text-align: center
}

@media screen and (min-width:992px) {
    .o-skill-banner--event .o-skill-banner--event-img {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 50%;
        text-align: left
    }
}

@media screen and (min-width:1340px) {
    .o-skill-banner--event .o-skill-banner--event-img {
        width: auto
    }
}

@media screen and (min-width:992px) {
    .o-skill-banner--event .o-skill-banner--event-img img {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%
    }
}

@media screen and (min-width:1340px) {
    .o-skill-banner--event .o-skill-banner--event-img img {
        width: auto;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.o-skill-banner--event .o-skill-banner--event-heading {
    font-family: Poppins;
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    margin-top: 15px;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-skill-banner--event .o-skill-banner--event-heading {
        margin-top: 0;
        text-align: left;
        padding-right: 250px
    }
}

@media screen and (min-width:1280px) {
    .o-skill-banner--event .o-skill-banner--event-heading {
        font-size: 40px;
        line-height: 52px;
        padding-right: 0
    }
}

@media screen and (min-width:1440px) {
    .o-skill-banner--event .o-skill-banner--event-heading {
        font-size: 44px;
        line-height: 54px
    }
}

@media screen and (min-width:1630px) {
    .o-skill-banner--event .o-skill-banner--event-heading {
        font-size: 51px;
        line-height: 60px
    }
}

.o-skill-banner--event .o-skill-banner--event-heading span {
    color: #3cc065;
    position: relative
}

.o-skill-banner--event .o-skill-banner--event-heading span::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #20dea5;
    background: -webkit-gradient(linear, left top, right top, from(#20dea5), color-stop(74%, #ffad40), to(#ffad40));
    background: linear-gradient(90deg, #20dea5 0, #ffad40 74%, #ffad40 100%)
}

@media screen and (min-width:992px) {
    .o-skill-banner--event .o-skill-banner--event-heading span::before {
        bottom: 5px;
        height: 4px
    }
}

.o-skill-banner--event .o-skill-banner--event-sub {
    font-family: Poppins;
    font-weight: 500;
    color: #cee8ff;
    margin-bottom: 0;
    text-align: center
}

@media screen and (min-width:992px) {
    .o-skill-banner--event .o-skill-banner--event-sub {
        font-size: 19px;
        line-height: 30px;
        text-align: left;
        padding-right: 220px
    }
}

@media screen and (min-width:1440px) {
    .o-skill-banner--event .o-skill-banner--event-sub {
        font-size: 22px;
        line-height: 32px;
        padding-right: 0
    }
}

.event-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999999
}

.event-modal__content {
    background: #fff;
    border-radius: 10px;
    text-align: center;
    max-width: 500px;
    position: relative;
    width: 96%
}

@media screen and (min-width:992px) {
    .event-modal__content {
        width: auto
    }
}

.event-modal__head {
    padding: 15px 20px 10px 20px;
    text-align: left;
    background: linear-gradient(135deg, #00b35c -22%, #0e5579 47%, #004475 100%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

@media screen and (min-width:992px) {
    .event-modal__head {
        padding: 15px 35px 10px 35px
    }
}

.event-modal__heading {
    color: #fff;
    margin-bottom: 5px
}

@media screen and (min-width:992px) {
    .event-modal__heading {
        font-family: Poppins;
        font-size: 32px;
        line-height: 36px
    }
}

.event-modal__date {
    color: #fff;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500
}

.event-modal__location {
    color: #fff;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500
}

.event-modal__body {
    padding: 20px 20px 20px 20px
}

@media screen and (min-width:992px) {
    .event-modal__body {
        padding: 0 20px 0 20px
    }
}

.event-modal__location {
    margin-bottom: 0
}

.event-modal__close {
    position: absolute;
    top: -11px;
    right: -11px;
    font-size: 34px;
    cursor: pointer;
    z-index: 99;
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #f5f5f5
}

.all-event {
    padding: 40px 0 15px
}

@media screen and (min-width:992px) {
    .all-event {
        padding: 60px 0 35px
    }
}

.all-event__box-wrapper {
    position: relative;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(-180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%);
    padding: 2px;
    overflow: hidden
}

.all-event__box-wrapper:before {
    display: block;
    content: "";
    position: absolute;
    top: -140px;
    right: 0;
    bottom: 0;
    left: -227px;
    background: #d6e3f0;
    width: 760px;
    height: 700px;
    -webkit-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
    -webkit-animation: rotation2 3s linear infinite;
    animation: rotation2 3s linear infinite;
    background: -webkit-gradient(linear, left top, left bottom, from(#88deb1), color-stop(20%, #1ab864), color-stop(52%, rgba(35, 116, 212, .62)), to(rgba(6, 87, 181, .62)));
    background: linear-gradient(180deg, #88deb1 0, #1ab864 20%, rgba(35, 116, 212, .62) 52%, rgba(6, 87, 181, .62) 100%)
}

.all-event__box-wrapper .all-event__box {
    border: none
}

.all-event__box {
    border: 1px solid #d9d9d9;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    width: 100%;
    padding-bottom: 20px;
    position: relative;
    background: #fff
}

@media screen and (min-width:992px) {
    .all-event__box {
        padding-bottom: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 482px
    }
}

.all-event__box--past-event {
    opacity: .7;
    pointer-events: none
}

.all-event__box--past-event .all-event__box-btn {
    background: #d8d8d8;
    border-color: #d8d8d8;
    color: #999
}

.all-event__box--past-event .all-event__box-btn svg path {
    fill: #999
}

.all-event .col-lg-4 {
    margin-bottom: 25px
}

.all-event__box-details {
    padding: 20px 20px 0 20px
}

@media screen and (min-width:992px) {
    .all-event__box-details {
        padding: 25px 30px 0 40px
    }
}

.all-event__box-year {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    font-size: 0
}

.all-event__box-img {
    height: 150px;
    position: relative
}

@media screen and (min-width:992px) {
    .all-event__box-img {
        height: 200px
    }
}

.all-event__box-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.all-event__box-status-current {
    position: absolute;
    bottom: -12px;
    left: 0;
    background: #28a745;
    font-family: Poppins;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 26px;
    padding: 0 10px
}

.all-event__box-status-upcoming {
    position: absolute;
    bottom: -12px;
    left: 0;
    background: #fd7e14;
    font-family: Poppins;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 26px;
    padding: 0 10px
}

.all-event__box-name {
    font-family: Poppins;
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #333;
    margin-bottom: 5px
}

.all-event__box-sub {
    font-family: Poppins;
    font-size: 18px;
    line-height: 26px
}

.all-event__box-btn-wrapper {
    margin-left: 20px;
    margin-top: 20px
}

@media screen and (min-width:992px) {
    .all-event__box-btn-wrapper {
        margin-top: auto;
        margin-left: 40px
    }
}

.all-event__box-btn {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    border-radius: 5px;
    border: 1px solid #ff5800;
    width: 245px;
    padding: 15px 0;
    display: block;
    text-align: center;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.all-event__box-btn svg {
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    margin-left: 15px
}

.all-event__box-btn:hover {
    background: #ff5800;
    color: #fff
}

.all-event__box-btn:hover svg {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.all-event__box-btn:hover svg path {
    fill: #fff
}

.all-event__message {
    min-height: 300px;
    font-family: Poppins;
    font-size: 32px;
    color: #9d9d9d;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.event-form {
    position: relative;
    top: inherit;
    right: inherit;
    left: inherit;
    max-width: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

.event-form .form-panel {
    padding: 0
}

@media screen and (min-width:992px) {
    .event-form .form-panel {
        padding: 20px 0
    }
}

.event-form .o-contact-form__contact-form {
    padding: 0
}

@media screen and (min-width:992px) {
    .event-form .o-contact-form__contact-form {
        padding: 0 15px
    }
}

.full-width {
    width: 100%
}

.ratings {
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #dae9fb
}

@media screen and (min-width:992px) {
    .ratings {
        padding: 65px 0
    }
}

.ratings__title {
    font-family: Poppins;
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .ratings__title {
        margin-bottom: 40px
    }
}

.ratings__title--heading {
    font-family: Poppins;
    font-size: 33px;
    line-height: 42px;
    font-weight: 600;
    margin-bottom: 15px
}

.ratings__title--para {
    font-family: Poppins;
    font-size: 22px;
    line-height: 29px;
    font-weight: 500;
    color: #1b3567;
    margin-bottom: 25px
}

.ratings__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

@media screen and (min-width:992px) {
    .ratings__wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        max-width: 1070px
    }
}

.ratings__wrapper--box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #c7d6e3;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px;
    padding: 10px;
    width: 44%;
    height: auto
}

@media screen and (min-width:992px) {
    .ratings__wrapper--box {
        margin: 0 10px;
        padding: 20px;
        width: 195px;
        height: 180px
    }
}

.ratings__wrapper--box span {
    font-family: Poppins;
    font-size: 30px;
    line-height: 45px;
    font-weight: 700
}

.ratings .rating-logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ratings .star {
    margin: 15px 0 5px
}

.ratings .star svg {
    fill: #ffc327;
    font-size: 20px
}

.client {
    padding: 30px 0;
    position: relative;
    width: 100%;
    overflow: hidden
}

@media screen and (min-width:992px) {
    .client {
        padding: 80px 0 120px;
        overflow: visible;
        width: inherit
    }
}

.client__overlay {
    position: relative;
    z-index: 999;
    display: none
}

@media screen and (min-width:992px) {
    .client__overlay {
        display: block
    }
}

.client__overlay::before {
    content: "";
    position: absolute;
    left: 0;
    top: 93px;
    width: 146px;
    height: 285px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(198, 198, 198, .9)), to(rgba(198, 198, 198, 0)));
    background: linear-gradient(to right, rgba(198, 198, 198, .9) 0, rgba(198, 198, 198, 0) 100%)
}

.client__overlay::after {
    content: '';
    position: absolute;
    right: 0;
    top: 93px;
    width: 146px;
    height: 285px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(198, 198, 198, 0)), to(rgba(198, 198, 198, .9)));
    background: linear-gradient(to right, rgba(198, 198, 198, 0) 0, rgba(198, 198, 198, .9) 100%)
}

.client__heading {
    font-family: Poppins;
    text-align: center;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 30px;
    color: #1b3567
}

@media screen and (min-width:992px) {
    .client__wrapper {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.client__wrapper--box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 15px 5px;
    height: 140px
}

@media screen and (min-width:992px) {
    .client__wrapper--box {
        margin: 0 7px;
        padding: 0;
        height: 280px;
        width: 260px
    }
}

.client__wrapper--box .pimss-logo {
    width: 70px
}

@media screen and (min-width:992px) {
    .client__wrapper--box .pimss-logo {
        width: inherit
    }
}

.client__wrapper--box .psychiatrist {
    width: 150px
}

@media screen and (min-width:992px) {
    .client__wrapper--box .psychiatrist {
        width: inherit
    }
}

.client__wrapper--box .tipalti {
    width: 100px
}

@media screen and (min-width:992px) {
    .client__wrapper--box .tipalti {
        width: inherit
    }
}

.client__wrapper--box .tovuti {
    width: 100px
}

@media screen and (min-width:992px) {
    .client__wrapper--box .tovuti {
        width: inherit
    }
}

.client__wrapper--box .reuters {
    width: 100px
}

@media screen and (min-width:992px) {
    .client__wrapper--box .reuters {
        width: inherit
    }
}

.client__wrapper--box .storecare {
    width: 125px
}

@media screen and (min-width:992px) {
    .client__wrapper--box .storecare {
        width: inherit
    }
}

.client__wrapper--box .federated {
    width: 100px
}

@media screen and (min-width:992px) {
    .client__wrapper--box .federated {
        width: inherit
    }
}

.client__wrapper--box .ideal-living {
    width: 140px
}

@media screen and (min-width:992px) {
    .client__wrapper--box .ideal-living {
        width: inherit
    }
}

@media screen and (min-width:992px) {
    .client__wrapper .color-box-big {
        height: 282px
    }
}

.client__wrapper .color-box-medium {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    padding: 15px 0
}

@media screen and (min-width:992px) {
    .client__wrapper .color-box-medium {
        height: 165px;
        padding: 0
    }
}

.client__wrapper .color-box-small {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    padding: 15px 0
}

@media screen and (min-width:992px) {
    .client__wrapper .color-box-small {
        height: 103px;
        padding: 0
    }
}

.client__wrapper .color-box1 {
    background-color: #565a58
}

.client__wrapper .color-box2 {
    background-color: #fc8019
}

.client__wrapper .color-box3 {
    background-color: #edf3f9
}

.client__wrapper .color-box4 {
    background-color: #ecf1ea
}

.client__wrapper .color-box5 {
    background-color: #ffbc00
}

.client__wrapper .color-box6 {
    background-color: #00ae4d
}

.client__wrapper .color-box7 {
    background-color: #29b7d4
}

.client__wrapper .color-box8 {
    background-color: #2a2f88
}

.client__wrapper .color-box9 {
    background-color: #f6f6f6
}

.client__wrapper .color-box10 {
    background-color: #e98c34
}

.client__wrapper .color-box11 {
    background-color: #f9f9f9
}

.client__wrapper .color-box12 {
    background-color: #49fd7b
}

.client__wrapper .color-box13 {
    background-color: #1d1d1b
}

.client__wrapper .color-box14 {
    background-color: #f6f1ed
}

.client__wrapper .color-box15 {
    background-color: #8300e6
}

.client__wrapper .color-box16 {
    background-color: #dee9ff
}

.client__wrapper .color-box17 {
    background-color: #77a7af
}

.client__wrapper .color-box18 {
    background-color: #dc2940
}

.client__wrapper .color-box19 {
    background-color: #e2f2fb
}

.client__wrapper .color-box20 {
    background-color: #e2f2fb
}

.client__wrapper .color-box21 {
    background-color: #a9e5ea
}

.client__wrapper--logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 52px;
    flex: 0 0 52px
}

.client .splide__list {
    height: auto !important
}

.client .slick-dots {
    bottom: -50px
}

.client .slick-dots li {
    margin: 0
}

.client .slick-dots li button {
    padding: 0
}

.client .slick-dots li button:before {
    color: #d9d9d9;
    opacity: 1;
    font-size: 8px
}

.client .slick-dots li button:hover:before {
    color: #ff5800
}

.client .slick-dots li.slick-active button:before {
    color: #ff5800;
    font-size: 13px
}

.client .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:992px) {
    .client .slick-track {
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit
    }
}

.client .slick-track .slick-slide {
    margin: 0 5px
}

@media screen and (min-width:992px) {
    .client .slick-track .slick-slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8%;
        flex: 0 0 8%;
        margin: 0
    }
}

@media screen and (min-width:1024px) {
    .client .slick-track .slick-slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 7%;
        flex: 0 0 7%
    }
}

@media (min-width:1600px) {
    .client .slick-track .slick-slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 6%;
        flex: 0 0 6%
    }
}

@media (min-width:1800px) {
    .client .slick-track .slick-slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 5.8%;
        flex: 0 0 5.8%
    }
}

@media (min-width:2000px) {
    .client .slick-track .slick-slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 5.1%;
        flex: 0 0 5.1%
    }
}

@media (min-width:2200px) {
    .client .slick-track .slick-slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 5.1%;
        flex: 0 0 5.1%
    }
}

@media (min-width:2400px) {
    .client .slick-track .slick-slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.3%;
        flex: 0 0 4.3%
    }
}

@media (min-width:2600px) {
    .client .slick-track .slick-slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3.9%;
        flex: 0 0 3.9%
    }
}

@media (min-width:2800px) {
    .client .slick-track .slick-slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3.6%;
        flex: 0 0 3.6%
    }
}

.client--type1 {
    padding: 80px 0
}

.client--type1 .client__heading {
    font-size: 22px;
    line-height: 29px;
    color: #e98c34
}

.client--type1 .client__overlay:before {
    top: 88px;
    width: 146px;
    height: 282px
}

.client--type1 .client__overlay:after {
    top: 88px;
    width: 146px;
    height: 282px
}

.mt-14 {
    margin-top: 14px
}

.what-next {
    background-color: #04254a;
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .what-next {
        padding: 50px 0
    }
}

.what-next .heading-h2 {
    font-family: Poppins;
    color: #fff;
    font-weight: 600;
    font-size: 33px;
    line-height: 42px;
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .what-next .heading-h2 {
        margin-bottom: 15px
    }
}

.what-next .common-para {
    font-family: Poppins;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: 25px
}

.what-next__pm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.what-next__box {
    position: relative;
    margin: 0 10px
}

@media screen and (min-width:992px) {
    .what-next__box {
        margin: 0 18px
    }
}

.what-next__box span {
    font-family: Poppins;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600
}

.what-next__img {
    border-radius: 50%;
    display: inline-block;
    height: 50px;
    overflow: hidden;
    width: 50px
}

@media screen and (min-width:992px) {
    .what-next__img {
        width: 72px;
        height: 72px
    }
}

.what-next__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.what-next--hire-saleforce {
    background: #f5f5f5
}

.what-next--hire-saleforce .heading-h2 {
    color: #333
}

.what-next--hire-saleforce .common-para {
    color: #333
}

.what-next--hire-saleforce .what-next__box span {
    color: #333
}

.salesforce-landing-reviews {
    background: #fff
}

.salesforce-reviews {
    max-width: 100%;
    width: 100%;
    margin: auto;
    padding: 15px 0
}

.salesforce-reviews__items {
    max-width: 93%;
    border-radius: 10px;
    border: 1px solid #e7edf5;
    padding: 20px;
    -webkit-box-shadow: 0 0 .625rem .3125rem rgba(0, 0, 0, .05);
    box-shadow: 0 0 .625rem .3125rem rgba(0, 0, 0, .05);
    margin: 10px auto;
    min-height: 325px
}

@media screen and (min-width:992px) {
    .salesforce-reviews__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 40px
    }
}

.salesforce-reviews__items .mwc-reviews__quotecontent {
    font-family: Poppins;
    font-size: 22px;
    line-height: 30px;
    color: #0c2848;
    text-align: center;
    font-weight: 400
}

@media screen and (min-width:992px) {
    .salesforce-reviews__items .mwc-reviews__quotecontent {
        font-size: 30px;
        line-height: 42px;
        text-align: left
    }
}

.salesforce-reviews .splide__arrows {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: inherit;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.salesforce-reviews .splide__arrow {
    position: relative;
    width: 65px;
    height: 65px;
    border: none;
    background: #e9eff8
}

.salesforce-reviews .splide__arrow--prev {
    left: -45px
}

.salesforce-reviews .splide__arrow--next {
    right: -45px
}

.salesforce-reviews .splide__arrow:hover {
    background: #0c2848
}

.salesforce-reviews .splide__arrow svg {
    width: 30px;
    height: 30px
}

.salesforce-reviews .splide__arrow svg path {
    fill: #0c2848
}

.salesforce-partner {
    background-color: #f9f9f9
}

.salesforce-partner .o-we-develop__box ul li {
    position: relative;
    font-family: Poppins;
    font-size: 15px;
    margin-bottom: 7px;
    padding-left: 25px
}

.salesforce-partner .o-we-develop__box ul li .icon {
    position: absolute;
    left: 0;
    top: 3px
}

.salesforce-partner .o-we-develop__box ul li:last-child {
    margin-bottom: 0
}

.salesforce-partner .o-we-develop__box ul li strong {
    font-weight: 600
}

.salesforce-develop .o-we-develop__box {
    text-align: center
}

.why-hire {
    padding: 50px 0 50px;
    border-top: 1px solid #dddada
}

@media screen and (min-width:992px) {
    .why-hire {
        padding: 70px 0 80px
    }
}

.why-hire__title {
    font-family: Poppins;
    font-size: 33px;
    line-height: 42px;
    font-weight: 600;
    text-transform: none
}

.why-hire__subtitle {
    font-family: Poppins;
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    text-transform: none;
    margin: 0 0 60px
}

@media screen and (min-width:992px) {
    .why-hire--wrapper {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 125px;
        -moz-column-gap: 125px;
        column-gap: 125px
    }
}

.why-hire--sectionbox {
    margin-bottom: 40px;
    page-break-inside: avoid
}

@media screen and (min-width:992px) {
    .why-hire--sectionbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.why-hire--sectionbox i {
    width: 50px;
    width: 100%;
    text-align: center;
    display: block
}

@media screen and (min-width:992px) {
    .why-hire--sectionbox i {
        width: auto;
        text-align: left;
        display: inline-block
    }
}

.why-hire--sectioncontent {
    text-align: center
}

@media screen and (min-width:992px) {
    .why-hire--sectioncontent {
        padding-left: 10px;
        margin-left: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left
    }
}

.why-hire--sectioncontent h3 {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 7px;
    margin-top: 10px
}

@media (min-width:992px) {
    .why-hire--sectioncontent h3 {
        margin-bottom: 15px;
        margin-top: 0
    }
}

.why-hire--sectioncontent p {
    font-family: Poppins;
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 5px
}

.why-hire--sectioncontent a {
    font-family: Poppins;
    display: block;
    font-size: 18px;
    position: relative;
    width: 107px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.why-hire--sectioncontent a:before {
    content: "➞";
    position: absolute;
    right: -17px;
    top: 0;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.why-hire--sectioncontent a:hover:before {
    right: -22px
}

.why-hire .btn-wrapper {
    margin-top: 50px
}

.salesforcebottomform .confidential-text-wrap ul li {
    font-size: 13px
}

.salesforcebottomform .new-bottom-form__btn-wrapper button {
    width: 370px;
    max-width: 370px;
    font-size: 15px
}

.saleforce-partner-why-choose .o-we-develop__title {
    font-weight: 700 !important
}

.saleforce-partner-why-choose .o-we-develop__subtitle {
    font-weight: 500
}

.salesforce-partner-casestudy {
    position: relative;
    background-color: #f9f9f9;
    padding: 30px 0 50px
}

@media screen and (min-width:992px) {
    .salesforce-partner-casestudy {
        padding: 40px 0
    }
}

.salesforce-partner-casestudy__heading {
    font-family: Poppins;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 35px;
    text-align: center
}

@media screen and (min-width:992px) {
    .salesforce-partner-casestudy__heading {
        font-size: 48px;
        line-height: 58px
    }
}

.salesforce-partner-casestudy__casestudylist {
    position: relative
}

.salesforce-partner-casestudy__casestudyitem {
    max-width: 435px;
    width: 95%;
    margin: 0
}

@media screen and (min-width:992px) {
    .salesforce-partner-casestudy__casestudyitem {
        margin: auto;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .07);
        box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .07)
    }
}

.salesforce-partner-casestudy__casestudyitemimage {
    width: 100%;
    height: 259px
}

.salesforce-partner-casestudy__casestudyitemimage img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.salesforce-partner-casestudy__casestudyitemcontent {
    padding: 20px 25px 35px 25px;
    min-height: auto;
    height: auto;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: none
}

@media screen and (min-width:992px) {
    .salesforce-partner-casestudy__casestudyitemcontent {
        min-height: 250px
    }
}

.salesforce-partner-casestudy__casestudyitemcontent h4 {
    font-family: Poppins;
    font-weight: 600;
    font-size: 21px;
    line-height: 32px;
    color: #333;
    margin-bottom: 20px
}

.salesforce-partner-casestudy__casestudyitemcontent h6 {
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    color: #333;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}

@media screen and (min-width:992px) {
    .salesforce-partner-casestudy__casestudyitemcontent h6 {
        font-size: 17px
    }
}

.salesforce-partner-casestudy__casestudyitemcontent h6 span {
    font-size: 18px;
    color: #4492dc;
    font-weight: 600;
    margin-right: 5px
}

.salesforce-partner-casestudy .splide__arrows {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-self: center
}

.salesforce-partner-casestudy .splide__arrow {
    position: relative;
    width: 50px;
    height: 50px;
    border: 1px solid #3cc065;
    line-height: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #fff
}

.salesforce-partner-casestudy .splide__arrow svg {
    width: 24px;
    height: 24px;
    fill: #000;
    -webkit-transition: all .5s;
    transition: all .5s
}

.salesforce-partner-casestudy .splide__arrow--prev {
    left: 0
}

.salesforce-partner-casestudy .splide__arrow--prev svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.salesforce-partner-casestudy .splide__arrow--next {
    right: 0
}

.salesforce-partner-casestudy .splide__arrow:hover {
    background-color: #3cc065
}

.salesforce-partner-casestudy .splide__arrow:hover path {
    fill: #fff
}

.salesforce-partner-casestudy__buttombtn {
    font-family: Poppins;
    font-size: 20px;
    line-height: 26px;
    color: #333;
    font-weight: 500;
    text-decoration: underline;
    margin-top: 100px;
    display: inline-block
}

@media screen and (min-width:992px) {
    .salesforce-partner-casestudy__buttombtn {
        margin-top: 40px
    }
}

@media screen and (min-width:992px) {
    .salesforce-partner-why .o-we-develop__boxcontent {
        font-size: 18px
    }
}

.why-finding {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .why-finding {
        padding: 60px 0
    }
}

.why-finding__heading {
    font-family: Poppins
}

@media screen and (min-width:992px) {
    .why-finding__heading {
        margin-bottom: 30px
    }
}

.why-finding__sub-heading {
    font-family: Poppins;
    color: #333;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 30px
}

.strategic-partner {
    padding: 30px 0
}

@media screen and (min-width:992px) {
    .strategic-partner {
        padding: 60px 0
    }
}

.strategic-partner__content {
    text-align: center
}

@media screen and (min-width:992px) {
    .strategic-partner__content {
        padding-left: 50px;
        text-align: left
    }
}

.strategic-partner__heading {
    font-family: Poppins;
    font-weight: 600
}

@media screen and (min-width:992px) {
    .strategic-partner__heading {
        font-size: 42px;
        line-height: 52px
    }
}

.strategic-partner__sub-heading {
    font-family: Poppins;
    color: #333;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 28px
}

.skill-bottom-form--salesforce-developer .form-sub-heading {
    font-size: 22px
}

@media screen and (min-width:992px) {
    .skill-bottom-form--salesforce-developer .new-bottom-form__btn-wrapper button {
        width: 310px;
        font-size: 15px
    }
}

.u-height--65 {
    height: 65px
}

.u-height--36 {
    height: 36px
}

.u-width--65 {
    width: 65px
}

.u-width--36-i {
    width: 36px !important
}

.u-object-fit--fill {
    -o-object-fit: fill;
    object-fit: fill
}

.u-font-family--poppins {
    font-family: Poppins
}