@font-face {
    font-family: "Nunito-Light";
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Light.eot");
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Light.eot?#iefix") format("embedded-opentype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Light.woff2") format("woff2"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Light.woff") format("woff"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Light.ttf") format("truetype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Light.svg#Nunito-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nunito-Regular";
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Regular.eot");
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Regular.eot?#iefix") format("embedded-opentype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Regular.woff2") format("woff2"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Regular.woff") format("woff"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Regular.ttf") format("truetype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Regular.svg#Nunito-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nunito-Medium";
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Medium.eot");
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Medium.eot?#iefix") format("embedded-opentype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Medium.woff2") format("woff2"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Medium.woff") format("woff"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Medium.ttf") format("truetype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Medium.svg#Nunito-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nunito-Bold";
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Bold.eot");
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Bold.eot?#iefix") format("embedded-opentype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Bold.woff2") format("woff2"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Bold.woff") format("woff"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Bold.ttf") format("truetype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-Bold.svg#Nunito-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nunito-SemiBold";
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-SemiBold.eot");
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-SemiBold.eot?#iefix") format("embedded-opentype"),
        /* url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-SemiBold.woff2") format("woff2"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-SemiBold.woff") format("woff"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-SemiBold.ttf") format("truetype"), */
        url("http://localhost/projects/xkkado/xkkado/fonts/Nunito-SemiBold.svg#Nunito-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Bold.eot");
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Bold.woff2") format("woff2"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Bold.woff") format("woff"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Bold.ttf") format("truetype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat-Medium";
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Medium.eot");
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Medium.woff2") format("woff2"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Medium.woff") format("woff"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Medium.ttf") format("truetype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat-Light";
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Light.eot");
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Light.woff2") format("woff2"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Light.woff") format("woff"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Light.ttf") format("truetype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Light.svg#Montserrat-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat-SemiBold";
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-SemiBold.eot");
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-SemiBold.woff2") format("woff2"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-SemiBold.woff") format("woff"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-SemiBold.ttf") format("truetype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat-Regular";
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Regular.eot");
    src: url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Regular.woff2") format("woff2"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Regular.woff") format("woff"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Regular.ttf") format("truetype"),
        url("http://localhost/projects/xkkado/xkkado/fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

*,
*:hover,
*:focus,
button:focus {
    outline: none;
}

html {
    scroll-padding-top: 105px;
    scroll-behavior: smooth;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

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

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 29px;
    font-family: "Nunito-Regular";
    font-size: 18px;
    color: #645e7a;
    padding-top: 162px;
}

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

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

p a {
    color: #ff8625 !important;
}

p a:hover {
    color: #000 !important;
}

.conclusionSection p a {
    color: #fff !important;
}

.conclusionSection p a:hover {
    color: #000 !important;
}

a:hover,
a:focus {
    text-decoration: none;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

.h1,
h1 {
    font-family: "Montserrat-Regular";
    font-size: 60px;
    margin-bottom: 35px;
}

.h2,
h2 {
    font-size: 40px;
    font-family: "Montserrat-Regular";
    color: #070024;
    margin-bottom: 35px;
}

.h1 span,
h1 span,
.h2 span,
h2 span,
.h3 span,
h3 span {
    font-family: "Montserrat-Bold";
}

.h3,
h3 {
    color: #070024;
    font-size: 27px;
}

.h4,
h4 {
    color: #2a2443;
    font-size: 22px;
    line-height: 24px;
    font-family: "Nunito-Bold";
    margin-bottom: 18px;
}

.yellow {
    color: #ff8625;
}

.red {
    color: #ff3d2e;
}

.max-width-full {
    max-width: 100% !important;
}

body p {
    margin-bottom: 35px;
}

body p:last-child {
    margin-bottom: 0;
}

input[type="submit"],
.btn,
.btn-white,
.btn-orange,
.btn-blue {
    position: relative;
    display: inline-block;
    background-color: #79839a;
    color: #fff !important;
    border: 0;
    padding: 10px 20px;
    text-transform: capitalize;
    text-align: center;
    font-size: 18px;
    
    border-radius: 30px;
    min-width: 160px;
    white-space: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-white {
    background-color: #fff;
    color: #000;
}

.btn-orange {
    background: linear-gradient(135deg, #5dade2, #2c2c2c);
}

.btn-black {
    background-color: #000;
    color: #fff;
}

.btn-gray {
    background-color: #79839a;
    color: #fff;
}

.btn {
    text-transform: none;
}

input[type="submit"]:hover,
.btn:hover,
.btn-white:hover {
    color: #fff !important;
    background-color: #ff8625;
}

.btn-blue {
    background-color: #130743;
    color: #fff;
}

.btn-orange:hover,
.btn-blue:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.btn-black:hover,
.btn-gray:hover {
    background-color: #ff8625;
    color: #fff;
}

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

.orange-bold,
.orange {
    color: #ff8625 !important;
}

.orange-bold {
    font-family: "Montserrat-Bold";
}

.set-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.slick-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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
}

.slick-dots li {
    line-height: 0;
    margin: 0 3px 5px;
}

.slick-dots li button {
    cursor: pointer;
    font-size: 0;
    padding: 0;
    line-height: 0;
    border: 0;
    background-color: #c4c4c4;
    opacity: 0.35;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.slick-dots li.slick-active button {
    width: 22px;
    background-color: #100e1a;
    border-radius: 26px;
    opacity: 1;
}

.section-heading span {
    color: #5dade2 !important;
}

.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 50px;
    background-color: #fff !important;
    z-index: 999;
}

.header-outer {
    padding: 15px 0;
    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-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sticky-header {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}

.sticky-header .header-outer {
    padding: 10px 0;
}

.header-logo {
    display: block;
    width: 220px;
    height: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-logo svg {
    max-width: 100%;
    height: auto;
    display: block;
}

.sticky-header .header-logo {
    /*width:160px;*/
}

.header-logo img {
    display: block;
}

.header-right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.custom_overflow_hidden {
    overflow: hidden;
}

.home .header:not(.sticky-header):not(:hover) {
    background-color: transparent;
}

body.home {
    padding-top: 0;
}

body.modal-open .header {
    z-index: 999;
}

.homeBannerSection {
    position: relative;
    color: #fff;
    padding: 85px 0 30px;
    z-index: 1;
}

.homeBannerSection:after,
.overlayBanner:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* background: rgba(7, 0, 36, 0.2); */
    /* background: -webkit-gradient(left top,
            right top,
            color-stop(0%, rgba(7, 0, 36, 0.81)),
            color-stop(100%, rgba(7, 0, 36, 0.48)));
    background: -o-linear-gradient(left,
            rgba(7, 0, 36, 0.81) 0%,
            rgba(7, 0, 36, 0.48) 100%);
    background: -webkit-gradient(linear,
            left top,
            right top,
            from(rgba(7, 0, 36, 0.81)),
            to(rgba(7, 0, 36, 0.48)));
    background: linear-gradient(to right,
            rgb(7 0 36 / 0%) 0%,
            rgb(7 0 36 / 2%) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#070024', endColorstr='#070024', GradientType=1);
    z-index: -2;
}

.home-banner-content {
    max-width: 533px;
}

.home-banner-subContent {
    font-size: 26px;
    font-family: "Nunito-Medium";
    margin-bottom: 35px;
    line-height: 1.2;
}

.center-img {
    display: flex;
    align-items: center;
    height: 100%;
}

.counters {
    font-size: 19px;
}

.count {
    font-size: 39px;
    display: block;
    margin-bottom: 20px;
    font-family: "Montserrat-Bold";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.count:after {
    content: "+";
}

.banner-form-section {
    max-width: 533px;
    background-color: #fff;
    border-radius: 6px;
    padding: 65px 50px 35px;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25);
    margin: 20px 0 0 auto;
}

/* .homeBannerSection .banner-form-section{position:relative;bottom:-240px} */
.banner-form-section .h2 {
    font-size: 44px;
    color: #2a2443;
    font-family: "Nunito-SemiBold";
    margin-bottom: 35px;
}

.form-group {
    margin-bottom: 21px;
}

.form-button .submit-btn {
    margin-bottom: 0;
}

.commonForm input[type="text"],
.commonForm input[type="email"],
.commonForm input[type="number"],
.commonForm textarea,
.commonForm .intl-tel-input.allow-dropdown input,
.commonForm .intl-tel-input.allow-dropdown input[type="tel"],
.commonForm select,
.commonForm input[type="tel"] {
    font-family: "Nunito-Regular";
    font-size: 18px;
    color: #645e7a;
    border: 0.2px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    display: block;
    width: 100%;
    padding: 10px 25px;
    line-height: 1;
}

.blacktext .wpcf7-list-item-label {
    color: #070024 !important;
}

.commonForm select {
    line-height: normal;
}

.intl-tel-input.allow-dropdown .flag-container .selected-flag {
    height: 46px;
    width: 56px;
    border: 0.2px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 4px 4px 0px rgb(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgb(0, 0, 0, 0.25);
    padding: 13px 3px;
    margin-right: 7px;
    z-index: 9;
}

.intl-tel-input.allow-dropdown {
    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;
}

.intl-tel-input.allow-dropdown .flag-container+.wpcf7-intl-tel {
    width: 100%;
    max-width: calc(100% - 63px);
    margin: 0 0 0 auto;
}

.iti__country-list {
    background-color: #192940 !important;
    max-width: 415px !important;
    min-width: 300px !important;
    white-space: break-spaces !important;
    z-index: 99999 !important;
    font-size: 15px;
}

.iti__country-list .iti__country {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
}

.iti__country-list .iti__country.iti__active {
    border-bottom: 0;
}

.iti__country-list .iti__country,
.iti__country-list .iti__country .iti__dial-code {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.iti__country-list .iti__country:hover {
    background-color: #ff8625 !important;
}

.iti__country-list .iti__country.iti__active {
    border-bottom: 0;
    background-color: #ff8625 !important;
    color: #fff;
}

.iti__country-list .iti__country:hover .iti__dial-code,
.iti__country-list .iti__country.iti__active .iti__dial-code {
    color: #fff;
}

.iti__country-list .iti__country .country-name {
    font-size: 15px;
}

.iti.iti--allow-dropdown {
    display: block;
    width: 100%;
}

.iti__country-list .divider {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border: 0 !important;
}

.flag-container {
    padding: 0 !important;
}

.selected-flag .iti-flag {
    left: 50%;
    -webkit-transform: translateX(-63%);
    -ms-transform: translateX(-63%);
    transform: translateX(-63%);
}

.popupModel .commonForm input[type="text"],
.popupModel .commonForm input[type="email"],
.popupModel .commonForm input[type="number"],
.popupModel .commonForm textarea,
.popupModel .intl-tel-input.allow-dropdown input,
.popupModel .intl-tel-input.allow-dropdown input[type="tel"],
.popupModel .commonForm select,
.popupModel .commonForm input[type="tel"] {
    border-radius: 4px;
}

.commonForm textarea {
    height: 149px;
    resize: none;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #787878;
    font-family: "Nunito-Regular";
}

textarea::-ms-input-placeholder,
input::-ms-input-placeholder {
    color: #787878;
    font-family: "Nunito-Regular";
}

textarea::-moz-placeholder,
input::-moz-placeholder {
    opacity: 1;
    color: #787878;
    font-family: "Nunito-Regular";
}

.form-btn,
.submit-btn {
    text-align: center;
    position: relative;
}

.wpcf7-not-valid-tip,
label.error {
    color: #fb1212;
    font-size: 14px;
    line-height: 23px;
    display: block;
    width: 100%;
}

.wpcf7 form .wpcf7-response-output {
    margin: 15px auto 0;
    padding: 5px 15px 9px;
    border: 0;
    background-color: #fb1212;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #105a17;
    display: none;
    background-color: #105a17;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wpcf7-spinner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.afterBannerHome {
    padding: 80px 0 25px;
}

.intro-content {
    padding-top: calc(260px - 180px);
    text-align: right;
}

.introImage {
    max-width: 560px;
}

.intro-content {
    max-width: 556px;
    margin: 0 0 0 auto;
}

.home_subcontent {
    margin: 50px 0px 0px;
}

.home_subcontent .subContent {
    font-size: 34px;
    color: #263238;
    line-height: 44px;
    margin-bottom: 30px;
}

.subContent {
    font-size: 26px;
    color: #263238;
    line-height: 36px;
    margin-bottom: 30px;
}

.worthySection {
    padding: 25px 0;
}

.section-head {
    margin-bottom: 35px;
}

.worthySection .h2 {
    margin-bottom: 20px;
}

.worthySection-slider {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -15px;
}

.worthySection-slider a:hover {
    opacity: 0.8;
}

.worthySection .col-7,
.worthySection .col-5 {
    margin-bottom: 30px;
}

.worthyImg {
    border-radius: 20px;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.worthySection img {
    display: block;
}

.worthySection img:nth-child(2) {
    display: none;
}

.worthySection .subContent {
    margin-bottom: 10px;
}

.tech-development-section {
    padding: 25px 0;
    overflow: hidden;
}

.tech-development-outer {
    position: relative;
    margin-bottom: 30px;
}

.tech-development-slider {
    margin: 0 -15px;
    position: static;
}

.tech-development-outer {
    background-color: rgba(210, 194, 240, 0.27);
    padding: 55px 0;
}

.tech-development-inner-head {
    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: 25px;
}

.tech-icon {
    position: relative;
    padding-right: 12px;
    margin-right: 12px;
}

.tech-icon img {
    max-height: 63px;
    max-width: 63px;
}

.tech-icon:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #070024;
    right: 0;
    top: 0;
}

.tech-development-inner-head .h3 {
    color: #070024;
    font-size: 36px;
}

.tech-development-inner-head .h3 span {
    display: block;
}

.tech-development-inner p {
    color: #263238;
}

.tech-development-section .slick-dots {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.tech-development-section .slick-dots li {
    height: 100%;
    max-height: 25%;
    margin: 0;
}

.tech-development-section .slick-dots li button {
    color: #645e7a;
    font-size: 24px;
    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-color: #fff;
    border-left: 0.2px solid #858181;
    border-bottom: 0.2px solid #858181;
    height: 100%;
    width: 69px;
    border-radius: 0;
    outline: none;
    opacity: 1;
}

.tech-development-section .slick-dots li:first-child button {
    border-top: 0.2px solid #858181;
}

.tech-development-section .slick-dots li.slick-active button {
    background-color: #ded8f5;
}

.tech-development-slider .slick-slide {
    position: relative;
}

.tech-development-slider .slick-slide:before {
    content: "";
    position: absolute;
    height: 122px;
    width: 1px;
    background-color: #070024;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tech-development-slider .slick-slide.slick-active:before {
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

.tech-development-slider .slick-slide.slick-active+.slick-slide.slick-active:before {
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
}

.pickPickleSection {
    padding: 25px 0;
}

.pickPickleSection .col-6 {
    margin-bottom: 30px;
}

.pickPickleinner {
    background-color: #fff;
    padding: 10px;
    height: 100%;
}

.pickPickleinner span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #000;
    font-size: 20px;
    padding: 15px;
    color: #ffffff;
    font-family: "Nunito-Medium";
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 25px;
}

.pickPickleinner span em {
    font-size: 33px;
    color: inherit;
    font-style: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pickPickleinner span em:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    margin: 0 10px;
    background-color: #fff;
}

.pickle-icon {
    padding: 20px 20px 10px;
    text-align: center;
    height: 120px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pickle-icon img {
    height: 80px;
}

.pickPickleinner:hover .main_icon {
    display: none;
}

.pickPickleinner .hover_icon {
    display: none;
}

.pickPickleinner:hover .hover_icon {
    display: block;
}

.pickPickleinner:hover span {
    background-color: #5dade2;
}

.expertiseSection {
    padding: 25px 0;
}

.expertise-tbl {
    margin-bottom: 30px;
    padding: 40px 30px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    overflow-x: auto;
}

.expertise-tbl table {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.expertise-tbl table span {
    margin: 0 auto;
}

.table-wrp-inn span.cross,
.expertise-tbl table span.cross {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("images/wrong-black.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px 15px;
}

.expertise-tbl .table thead th {
    border-bottom: 0;
}

.table-wrp-inn span.check,
.expertise-tbl table span.check {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("images/check-orange.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px 15px;
}

.expertise-tbl .table td,
.expertise-tbl .table th {
    border-top: 0px;
    vertical-align: middle;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    border-left: 0.5px dotted #979595;
}

.expertise-tbl .table td:nth-child(1),
.expertise-tbl .table th:nth-child(1) {
    border-left: 0;
    text-align: left;
}

.expertise-tbl .table tr th {
    font-size: 18px;
    font-family: "Montserrat-Regular";
}

.expertise-tbl .table thead tr th {
    padding-bottom: 30px;
}

.expertise-tbl .table * {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.expertise-tbl .table thead tr th:nth-child(1) {
    font-family: "Montserrat-Bold";
}

.expertise-tbl .table tbody tr th:nth-child(1) {
    font-size: 16px;
    font-family: "Montserrat-Regular";
}

.table-content-accordion {
    display: none;
}

.table-wrp-inn {
    list-style: none;
    margin: 0;
    padding: 0;
}

.table-wrp-inn li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px 25px;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.2);
}

.table-wrp-inn li:last-child {
    border-bottom: 0;
}

.tbl-include {
    margin-left: 10px;
}

.tableAccordion-para {
    display: none;
    border: 0.5px solid rgba(0, 0, 0, 0.2);
    color: #000;
}

.tableAccordion {
    margin-bottom: 20px;
}

.tableAccordion .h4 {
    cursor: pointer;
    background-color: #79839a;
    color: #fff;
    padding: 15px 40px 15px 25px;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tableAccordion .h4.active {
    background-color: #ff8625;
}

.tableAccordion .h4:after {
    content: "\f078";
    font-family: "FontAwesome";
    color: inherit;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tableAccordion .h4.active:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.hireSection {
    padding: 25px 0;
    overflow-x: hidden;
    background-color: #fbfbfb;
}

.hireSection-left {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    z-index: 2;
}

.hireSection-left:after {
    content: "";
    position: absolute;
    left: 0;
    border: 2px solid #100e1a;
    height: 100%;
    width: 500%;
    z-index: -1;
}

.hireSection-left-slider {
    width: 100%;
}

.hireSection-title {
    font-size: 50px;
    font-family: "Montserrat-Medium";
    color: #070024;
    line-height: normal;
    padding: 153px 0 153px 70px;
}

.hireSection-right {
    position: relative;
    padding: 0px;
    z-index: 2;
    height: 100%;
}

/*.hireSection-right:after{content:'';position:absolute;left:0;top:0;bottom:0;background-color:#EEE6FB;height:100%;width:500%;z-index:-1}*/
.hireSection-right-Slider {
    margin: 0 auto;
    max-width: 332px;
    padding: 15px 0;
}

.hireSection-right-Slider .slick-dots {
    margin: 20px 0 0;
}

.hireSection-right-inn {
    padding: 28px 20px;
    margin: 0px;
    background-color: #fff;
    overflow: hidden;
    border-bottom: 12px solid #1e2e4a;
    border-top: 2px solid #1e2e4a;
    border-right: 2px solid #1e2e4a;
    border-left: 2px solid #1e2e4a;
    position: relative;
    text-align: center;
    border-radius: 9px;
    height: 100%;
    transition: all 0.3s linear;
}

.hireSection-right-inn:hover {
    border-bottom: 2px solid;
}

.hireSection-right-inn:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100px;
    width: 100%;
    border-radius: 0% 0% 50% 50%;
    background-color: #1e2e4a;
    content: "";
}

.hire-icon {
    height: 110px;
    width: 110px;
    border-radius: 50%;
    background-color: rgb(247 139 30 / 100%);
    margin: 0 auto 20px;
    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;
    transition: all 0.3s linear;
    z-index: 9;
    position: relative;
}

.hire-icon img {
    height: 75px;
    max-width: 100%;
}

.hireSection-right-inn .h3 {
    color: #070024;
    font-size: 28px;
    margin-bottom: 25px;
    font-family: "Montserrat-semibold";
}

.hireSection-right-inn .h3+.hire-detail-wrap {
    padding-top: 0;
}

.hire-detail-wrap {
    border-bottom: 1px solid #000000;
    padding: 18px 0;
    color: #000;
}

.hire-detail-wrap:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.hire-detail-wrap .h4 {
    font-size: 19px;
    font-family: "Montserrat-Medium";
    margin-bottom: 0;
}

.hire-social-links {
    list-style: none;
    margin-top: 10px;
    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;
}

.hire-social-links li {
    margin: 0 9px;
}

.hire-social-links li a {
    padding: 5px;
    height: 30px;
    width: 30px;
    background-color: rgb(247 139 30 / 100%);
    color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: inset 4px 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: inset 4px 0px 4px 0px rgba(0, 0, 0, 0.25);
    font-size: 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;
}

.firstStepMoon {
    padding: 25px 0 45px;
}

.firstStepMoon-inner {
    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;
}

.firstStepMoon-inn {
    width: 100%;
    max-width: 20%;
    background-color: #fafafa;
    color: #070024;
    padding: 30px 20px;
    text-align: center;
}

.firstStepMoon-inner .firstStepMoon-inn:nth-child(2n) {
    background-color: #ff8625;
    color: #fafafa;
}

.firstStepMoon-inn .h4 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 24px;
    font-family: "Nunito-Medium";
    color: #070024;
}

.firstStepMoon-inner .firstStepMoon-inn:nth-child(2n) .h4 {
    color: #fff;
}

.firstStep-icon img {
    max-height: 88px;
    width: auto;
    max-width: 100%;
}

.firstStepMoon-inn .h4:after {
    content: "";
    position: absolute;
    width: 89px;
    height: 1px;
    background-color: #000;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.firstStepMoon-inner .firstStepMoon-inn:nth-child(2n) .h4:after {
    background-color: #fafafa;
}

.bigEmpireSection {
    padding: 50px 0;
    color: #fff;
    position: relative;
}

.bigEmpireSection:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(42, 36, 67, 0.96);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.bigEmpireContent,
.bigEmpireContent .h2 {
    color: #fff;
    position: relative;
    z-index: 1;
}

.bigEmpireContent span,
.bigEmpireContent .subContent {
    color: #ff8625;
}

.bigEmpireContent .subContent {
    margin-bottom: 0;
}

.blogSection {
    padding: 80px 0 30px;
}

.blogOuter .slick-dots {
    margin: 25px 0 0;
}

.blogGridInner {
    border-radius: 23px;
    overflow: hidden;
}

.blogLink {
    padding-bottom: 58%;
    display: block;
    position: relative;
}

.blogLink:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 14, 26, 0.81);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blogLink:hover:before {
    background-color: rgba(16, 14, 26, 0.7);
}

.blogContentWrap {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 15px;
    text-align: center;
}

.blogContentWrap span {
    display: block;
    font-family: "Montserrat-Medium";
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hashText {
    font-size: 17px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 20px;
    line-height: normal;
    position: relative;
}

.hashText:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 1px;
    width: 132px;
    background-color: #9554ff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.moreCont-sec {
    margin-top: 20px;
}

.blogLink:hover .hashText:after {
    background-color: #ff8625;
}

.blogLink:hover span {
    color: #ff8625;
}

.addressSection {
    padding: 30px 0 50px;
}

.addressOuter {
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 6px 6px 12px #b8b9be, -6px -6px 12px #fff;
    box-shadow: 6px 6px 12px #b8b9be, -6px -6px 12px #fff;
}

.addressFeature {
    padding-bottom: 59.184%;
}

.addressDetail {
    padding: 15px 20px 25px;
    position: relative;
}

.flagImg {
    margin: 0 0 0 auto;
    position: absolute;
    top: -56px;
    height: 107px;
    width: 107px;
    border: 4px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    right: 12px;
}

.addressDetailBottom p {
    margin-bottom: 0;
}

.addTitle {
    font-family: "Nunito-Bold";
    font-size: 34px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #263238;
}

.addressDetailBottom {
    list-style: none;
    margin: 0;
    padding: 0;
}

.addressDetailBottom li {
    margin-bottom: 15px;
}

.addressDetailBottom li:last-child {
    margin-bottom: 0;
}

.addressDetailBottom li a,
.addressDetailBottom li p {
    font-size: 17px;
    color: #4e5464;
    text-decoration: none;
    position: relative;
    padding-left: 30px;
    line-height: 24px;
}

.addressDetailBottom li a {
    display: inline-block;
}

.addressDetailBottom li a:before,
.addressDetailBottom li p:before {
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0b0039;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.addressDetailBottom li.email a:before {
    font-family: "FontAwesome";
    content: "\f0e0";
    font-weight: 900;
}

.addressDetailBottom li.phone a:before {
    content: "\f095";
    font-family: "FontAwesome";
}

.addressDetailBottom li.tel a:before {
    content: "\e527";
    font-family: "FontAwesome";
    font-weight: normal;
}

.addressDetailBottom li.address p:before {
    font-family: "FontAwesome";
    content: "\f041";
}

.addressDetailBottom li a:hover,
.addressDetailBottom li a:hover:before {
    color: #ff8625;
    text-decoration: none;
}

.addressDetailBottom li span {
    position: relative;
}

.addressDetailBottom li span sup {
    position: absolute;
    font-size: 8px;
    background-color: #ff8625;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 19px;
    color: #fff;
    text-align: center;
    z-index: 99;
    top: -22px;
    right: -28px;
    letter-spacing: 1px;
}

.contactSection {
    padding: 45px 0;
}

.contactOuter .section-head p {
    margin-bottom: 20px;
}

.contactOuter {
    max-width: 670px;
    margin: 0 auto;
    padding: 47px 30px;
    background-color: #fff;
    border-radius: 10px;
}

.contactOuter .section-head {
    max-width: 455px;
    margin: 0 auto;
    text-align: center;
}

.contactSecFrm {
    max-width: 580px;
    margin: 0 auto;
}

.contactSecFrm input[type="text"],
.contactSecFrm input[type="email"],
.contactSecFrm input[type="number"],
.contactSecFrm textarea,
.contactSecFrm .intl-tel-input.allow-dropdown input[type="tel"] {
    display: block;
    width: 100%;
    padding: 18px 15px;
    font-size: 15px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    border: 0;
    border-radius: 4px;
    line-height: 1;
    background-color: #fafafa;
}

.contactOuter input[type="text"],
.contactOuter input[type="email"],
.contactOuter input[type="number"],
.contactOuter textarea,
.contactOuter .intl-tel-input.allow-dropdown input[type="tel"],
.contactOuter .intl-tel-input.allow-dropdown .flag-container .selected-flag,
.contactOuter input[type="tel"] {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.contactSecFrm textarea {
    height: 145px;
    resize: none;
}

.contactSecFrm .intl-tel-input.allow-dropdown .flag-container .selected-flag {
    -webkit-box-shadow: 0px 0px 4px 0px rgb(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px 0px rgb(0, 0, 0, 0.25);
    border: 0;
    border-radius: 4px;
    line-height: 1;
    background-color: #fafafa;
}

.selected-flag[title="Unknown"] .iti-flag {
    background-image: url("images/select_country.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 16px 14px !important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.iti-mobile .iti--container {
    z-index: 9999 !important;
}

.partnerSection {
    padding: 50px 0 20px;
}

.partnerSecHead .h3 {
    font-size: 30px;
    font-family: "Nunito-Regular";
}

.partnerSecHead .h3 span {
    font-family: "Nunito-Bold";
}

.partnerSection .row .col-12:nth-child(2):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 40px);
    width: 1px;
    background-color: #000;
}

.partnerLogoInner .col-sm-6 {
    margin-bottom: 40px;
}

.partnerLogo {
    text-align: center;
}

.footer {
    background-color: #f8f4ff;
}

.footer-upper {
    padding: 45px 0 20px;
}

.footer-desc {
    max-width: 275px;
}

.footer-logo {
    display: block;
    max-width: 232px;
    margin-bottom: 25px;
}

.footer-logo svg {
    display: block;
    max-width: 100%;
    height: auto;
}

.footer-desc p {
    font-size: 15px;
    color: #100e1a;
    line-height: 23px;
    margin-bottom: 0;
}

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

.footer-menu li {
    margin-bottom: 5px;
}

.footer-menu li a {
    font-size: 16px;
    color: #2a2443;
    text-transform: capitalize;
    display: inline-block;
}

.footer-menu li a:hover {
    color: #ff8625;
}

.footer-bottom {
    padding: 15px 0;
}

.footer-bottom p {
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #000;
}

.footer-bottom p a {
    color: #000;
}

.footer-bottom p a:hover {
    color: #ff8625;
}

.footer-middle .footer-middle-inner {
    border-top: 1px solid #000000;
    padding-top: 20px;
}

.footer-middle-inner a {
    display: inline-block;
}

.footer-middle-inner .col-6 a {
    display: block;
    max-width: 156px;
    margin: 0 auto;
}

.footer-middle-inner .btn-curved,
.btn-curved {
    border-radius: 4px;
    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;
}

.btn-curved img {
    margin-left: 5px;
}

.footerSocialLink {
    list-style: none;
    margin: 0;
    padding: 0;
    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;
    flex-wrap: wrap;
}

.footerSocialLink li {
    margin: 0 5px 5px 0;
}

.footerSocialLink li a {
    height: 40px;
    width: 40px;
    border-radius: 4px;
    border: 1px solid #2a2443;
    color: #2a2443;
    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;
}

.footerSocialLink li a:hover {
    color: #ff8625;
    border-color: #ff8625;
}

.footerSocialLink li a span {
    color: inherit;
    font-size: 18px;
}

.popupModel {
    display: none;
    max-width: 500px;
    width: 100%;
    border-radius: 4px;
}

.fancybox-button svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fancybox-button svg:hover path {
    fill: #bd2d2d;
}

.innerBanner,
.overlayBanner {
    padding: 35px 0;
    background-color: #5dade2;
    position: relative;
    z-index: 1;
}

.inner-banner-content .h1,
.inner-banner-content h1 {
    color: #070024;
}

.innerBanner .h1 span,
.overlayBanner .h1 span,
.blueBack-gradient .h1 span {
    color: #ff8625;
}

.inner-banner-content {
    max-width: 485px;
}

.innerBanner .banner-form-section,
.overlayBanner .banner-form-section {
    bottom: 0;
    position: relative;
}

.innerIntroSection {
    background-color: #fffefe;
    padding: 30px 0;
}

.introfull-sec .row .col-12:nth-child(2) {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 40px;
}

.introfull-sec .innerIntroRight {
    max-width: inherit;
    text-align: left;
}

.innerIntroLeft .col-6 {
    margin-bottom: 30px;
}

.flip-card {
    position: relative;
    width: 100%;
    min-height: 285px;
    height: 100%;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    min-height: 285px;
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 30px;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.flip-card-front-inn {
    height: 100%;
    width: 100%;
}

.flip-card-front {
    background-color: #f8f8f8;
    color: black;
}

.flip-card-back {
    background-color: #ff8625;
    color: #fff;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-card-front .h4 {
    font-family: "Montserrat-Regular";
    font-size: 23px;
    color: #070024;
    line-height: 28px;
    margin-bottom: 0;
}

.flip-card-outer p {
    margin-bottom: 0;
    max-height: 100%;
    overflow: auto;
}

.flip-card-back p {
    margin-bottom: 10px;
}

.flip-card-back a {
    font-family: "Montserrat-Semibold";
    color: #fff;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 1px;
    position: relative;
}

.flip-card-back a:hover {
    color: #000;
}

.flip-card-back a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.flip-card-back a:hover:after {
    background-color: #000;
}

.technologyIcon {
    padding-bottom: 10px;
    margin-bottom: 10px;
    max-width: 120px;
    border-bottom: 1px solid #070024;
}

.innerIntroRight {
    text-align: right;
    max-width: 529px;
    margin: 0 0 0 auto;
}

.tech-development-inner-section {
    padding: 50px 0 0;
}

.tech-development-inner-section>.section-head {
    margin-bottom: 0;
}

.inner-techSlider-inner {
    margin: 0 -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.innerTechSlides {
    padding: 0 15px;
}

.inner-tech-slide {
    background-color: #79839a;
    border: 4px solid #79839a;
    border-radius: 5px;
    height: 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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.inn-techright {
    max-width: 99px;
    width: 100%;
    padding: 10px;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.inn-techright img {
    height: 75px;
    width: 75px;
}

.inn-techleft {
    background-color: #f6f6f6;
    padding: 20px;
    width: 100%;
    max-width: calc(100% - 99px);
    border-radius: 5px;
    background-image: -o-radial-gradient(#000 5%, transparent 11%);
    background-image: radial-gradient(#000 5%, transparent 11%);
    background-size: 10px 10px;
    background-position: center center;
    background-repeat: repeat;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.inn-techleft .h4 {
    color: #070024;
    font-family: "Nunito-Regular";
    font-size: 33px;
    margin-bottom: 0;
    line-height: 36px;
}

.inn-techleft .h4 strong {
    display: block;
}

.tech-development-inner-section .slick-dots {
    margin-top: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 15px;
}

.inner-techSlider-outer .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.inner-techSlider-outer .slick-slide {
    height: inherit;
}

.timelineSection {
    padding: 60px 0 30px;
    overflow: hidden;
}

.timeline-outer {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -15px;
    padding: 34px 0 25px;
    background-color: #fbfbfb;
    position: relative;
}

.timeline-outer:before {
    content: "";
    position: absolute;
    width: 500%;
    height: 100%;
    left: -50%;
    top: 0;
    bottom: 0;
    background-color: #fbfbfb;
}

.timeline-inner {
    padding: 0 15px;
    width: 100%;
    max-width: calc(100% / 7);
    position: relative;
    margin-bottom: 15px;
}

.timeline-outer {
    counter-reset: timeLine-counter;
}

.timeline-inner:after {
    position: absolute;
    content: "";
    width: calc(100% - 33px);
    height: 1px;
    border-top: 2px dotted #000;
    left: 39px;
    top: 6px;
}

.timeline-inner:last-child:after {
    display: none;
}

.timeline-inner:before {
    content: "";
    position: relative;
    z-index: 2;
    height: 13px;
    width: 13px;
    background-color: #5dade2;
    display: block;
    border-radius: 50%;
    opacity: 1;
    margin-bottom: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.timeline-outer .timeline-inner:nth-child(1):before {
    opacity: 0.15;
}

.timeline-outer .timeline-inner:nth-child(2):before {
    opacity: 0.3;
}

.timeline-outer .timeline-inner:nth-child(3):before {
    opacity: 0.45;
}

.timeline-outer .timeline-inner:nth-child(4):before {
    opacity: 0.6;
}

.timeline-outer .timeline-inner:nth-child(5):before {
    opacity: 0.73;
}

.timeline-outer .timeline-inner:nth-child(6):before {
    opacity: 0.85;
}

.timeline-inner span:before {
    counter-increment: timeLine-counter;
    content: "0" counter(timeLine-counter);
    display: block;
    color: #292342;
    font-size: 21px;
    font-family: "Nunito-Bold";
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.timeline-inner span {
    display: block;
    position: relative;
    font-size: 18px;
    line-height: normal;
    color: #292342;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.timeline-inner span:hover,
.timeline-inner span:hover:before {
    color: #5dade2;
}

.timeline-inner span:hover:before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

@-webkit-keyframes bubbleEffect1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    75% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bubbleEffect1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    75% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes bubbleEffect2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes bubbleEffect2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

.timeline-inner span:after {
    content: "";
    position: absolute;
    background-color: #5dade2;
    -webkit-animation: bubbleEffect1 4s linear 2s infinite;
    animation: bubbleEffect1 4s linear 2s infinite;
    z-index: 1;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    left: -8px;
    top: -34px;
    border-radius: 50%;
    opacity: 0.5;
    height: 30px;
    width: 30px;
}

.ideaSection {
    background-color: #fbfbfb;
    padding: 40px 0;
}

.orange-section {
    padding: 40px 20px;
    margin-bottom: 30px;
    background-color: rgba(255, 134, 37, 0.26);
    color: #514d4d;
    border-radius: 10px;
    font-family: "Nunito-Light";
}

.orangeList {
    list-style: none;
    color: #070024;
    padding: 0;
    margin: 0 0 27px;
}

.orangeList li {
    margin-bottom: 15px;
    line-height: 25px;
    position: relative;
    padding-left: 15px;
}

.orangeList li:last-child {
    margin-bottom: 0;
}

.orangeList li:before {
    content: "\f04b";
    position: absolute;
    font-family: "FontAwesome";
    font-size: 12px;
    left: 0;
    top: 0;
    color: #ff8625;
}

.orange-section .orangeList li a {
    color: #ff8625;
}

.technologiesList {
    list-style: none;
    margin: 0 -20px 0px;
    padding: 0;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.technologiesList li {
    width: 100%;
    max-width: 20%;
    padding: 0 20px;
    margin-bottom: 40px;
}

.techListIcon {
    padding: 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;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 30px 15px;
}

.techListIcon img {
    height: 110px;
    object-fit: contain;
    width: 150px;
}

.getInTouchSection {
    padding: 60px 0 120px;
    color: #fff;
    background-color: #192940;
}

.contact-intro-sec {
    padding: 0 0 30px;
    position: relative;
    top: -60px;
    z-index: 1;
}

.map-outer {
    position: relative;
    padding-bottom: 38.794%;
}

.map-outer iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.contact-intro-sec .h2,
.contact-intro-sec p {
    margin-bottom: 25px;
}

.contact-intro-sec .h2 span {
    display: block;
}

.contact-intro-sec .intro-content {
    text-align: left;
    padding-top: 0;
}

.contact-intro-sec .banner-form-section {
    bottom: auto;
    padding: 65px 60px 55px;
    margin: 0 0;
}

.contactIntro-img {
    margin-bottom: 15px;
}

.innBannerSection {
    position: relative;
    color: #000;
    padding: 0px 0 30px;
    z-index: 1;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.innBannerSection .h1,
.innBannerSection h1,
.innBannerSection .h2,
.innBannerSection h2 {
    color: #fff;
}

.innBannerSection .video-main {
    position: relative;
    margin-top: 50px !important;
    margin-left: auto;
    display: flex;
    margin-right: auto;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset,
        rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

@media (max-width: 1600px) {
    .innBannerSection .video-main {
        max-width: 1060px;
    }
}

.innBannerSection .video-main video {
    width: 100%;
    height: auto;
}

.innBannerSection:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(7, 0, 36, 0.81);
    background: -webkit-gradient(left top,
            right top,
            color-stop(0%, rgba(7, 0, 36, 0.81)),
            color-stop(100%, rgba(7, 0, 36, 0.48)));
    background: -o-linear-gradient(left,
            rgba(7, 0, 36, 0.81) 0%,
            rgba(7, 0, 36, 0.48) 100%);
    background: -webkit-gradient(linear,
            left top,
            right top,
            from(rgba(7, 0, 36, 0.81)),
            to(rgba(7, 0, 36, 0.48)));
    background: linear-gradient(to right,
            rgba(7, 0, 36, 0.81) 0%,
            rgba(7, 0, 36, 0.48) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#070024', endColorstr='#070024', GradientType=1);
    z-index: -2;
}

.innBannerSection .banner-form-section {
    max-width: 455px;
    padding: 35px 40px 25px;
    position: relative;
}

.ondemand-fet-inner .btn-orange:hover,
.bigEmpireSection .btn-orange:hover,
.innBannerSection .btn-orange:hover {
    color: #ff8625;
    background-color: #fff;
}

.banner-form-section .h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
}

.videoSection {
    padding: 10px 0;
    background-color: #d9d9d9;
}

.play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100px;
    width: 100px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0;
    border: 0;
    border-radius: 50%;
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
}

.play-btn>img {
    width: 100%;
    height: 100%;
}

.play-btn:focus {
    outline: 0;
}

.video-sec {
    position: relative;
    padding-bottom: 63.7%;
}

.video-sec .cstm_video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.video-sec .video-img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
}

.readmore-sec {
    margin-top: 20px;
}

.journeySection {
    padding: 30px 0;
    background-color: #fbfbfb;
}

.brandStorySection {
    padding: 30px 0 50px;
}

.journeyTimeline {
    position: relative;
    padding: 15px 30px 15px 45px;
    background-color: #fff;
    overflow: hidden;
}

.journeyTimeline .slick-dots {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    right: 5px;
    top: 50%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.journeyTimeline .slick-dots li {
    margin: 3px 0;
}

.journeyTimeline .slick-dots li button {
    width: 5px;
    background-color: #d9d9d9;
}

.journeyTimeline .slick-dots li.slick-active button {
    width: 5px;
    height: 26px;
    background-color: #000;
}

.journeyTimeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.yearSlider {
    position: static;
    width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    border-right: 1px solid #000;
}

.journeySlider {
    width: calc(100% - 85px);
    padding-left: 40px;
}

.yearSlider .slick-list {
    width: 100%;
    overflow: visible;
}

.yearSlider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.yearSlider .yearSlide span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    min-height: 173px;
    line-height: 20px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    opacity: 0;
}

.yearSlider .yearSlide span:after {
    content: "";
    height: 15px;
    width: 15px;
    background-color: #ff8625;
    border-radius: 50%;
    position: absolute;
    right: -9px;
    top: calc(100% - 14px);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 0;
}

.yearSlider .yearSlide.slick-active span:after,
.yearSlider .yearSlide.slick-active span {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    opacity: 1;
}

.yearSlider .yearSlide.slick-current.slick-active span {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 1;
}

.yearSlider .yearSlide.slick-current.slick-active span:after {
    top: -1px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 1;
}

.journeySlide-inn p {
    color: #070024;
}

.journeySlider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.affiliated-section {
    padding: 60px 0 30px;
}

.affiliated-section .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.affiliated-section .col-6 {
    margin-bottom: 20px;
}

.affiliated-img {
    padding: 35px 10px;
    background-color: #000;
    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;
}

.affiliated-img>img {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.affiliated-img:hover>img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.teamSection {
    background-color: #fbfbfb;
    padding: 45px 0 30px;
}

.teamSection .subContent {
    color: #070024;
}

.founderSec .col-12,
.teamMembers .col-6 {
    margin-bottom: 30px;
}

.founderDetails {
    text-align: right;
    max-width: 460px;
    margin: 0 0 0 auto;
}

.signeture {
    max-width: 250px;
    margin: 0 0 0 auto;
}

.founderImg {
    position: relative;
    padding: 25px;
    z-index: 1;
}

.founderImg>img {
    border-radius: 35px;
    display: block;
    width: 100%;
}

.founderImg:after,
.founderImg:before {
    content: "";
    position: absolute;
    background-color: #312c49;
    height: 195px;
    width: 195px;
    z-index: -1;
}

.founderImg:before {
    left: 0;
    top: 0;
    border-top-left-radius: 35px;
}

.founderImg:after {
    right: 0;
    bottom: 0;
    border-bottom-right-radius: 35px;
}

.teamMember {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.teamMember img {
    display: block;
}

.teamMember>figurecaption {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 15px;
    background-color: rgba(49, 44, 73, 0.5);
    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;
    padding: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    justify-items: center;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.teamMember:hover>figurecaption {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

figure.teamMember>figurecaption span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: "Nunito-Semibold";
    color: #ff8625;
}

figure.teamMember>figurecaption span:first-child {
    font-family: "Nunito-Bold";
    padding-bottom: 3px;
    font-size: 24px;
    color: #fff;
}

.movementSection {
    padding: 55px 0 45px;
}

.movementSlide {
    padding: 0 15px;
    margin-bottom: 15px;
}

.movementSlideInn {
    border-radius: 10px;
    display: block;
    overflow: hidden;
    padding: 18px 0 0 18px;
    position: relative;
}

.movementSlideInn .h3 {
    background-color: #312c49;
    color: #fff;
    padding: 35px 20px;
    position: relative;
    top: -10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.movementSlideInn:hover .h3 {
    background-color: #ff8625;
}

.movementSlideInn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 188px;
    width: 198px;
    background-color: #ff8625;
    border-top-left-radius: 10px;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.movementSlideInn:hover:before {
    background-color: #312c49;
}

.fasinatingSec {
    padding: 30px 0 15px;
    background-color: #fbfbfb;
}

.fasinatingSec .col-6 {
    margin-bottom: 30px;
}

.fasinatingSec .counter {
    text-align: center;
    padding: 25px 15px;
    border-radius: 7px;
    background-color: #f3f3f3;
    height: 100%;
}

.fasinatingSec .count {
    font-size: 71px;
    color: #000;
    line-height: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    font-family: "Nunito-Regular";
}

.fasinatingSec .count:after {
    content: "+";
    color: inherit;
}

.fasinatingSec .counter span {
    font-size: 17px;
    color: #070024;
    text-transform: capitalize;
}

.faqSection {
    padding: 30px 0 50px;
}

.faq-center-heading .section-head {
    text-align: center;
    max-width: 996px;
    margin-left: auto;
    margin-right: auto;
}

.faqSection .h2 span {
    font-weight: bold;
}

.faqSection table td,
.faqSection table th {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #979595;
    padding: 10px;
}

.accordionSec {
    max-width: 996px;
    margin: 0 auto;
}

.accordionDesc {
    display: none;
    border: 0.5px solid rgba(0, 0, 0, 0.2);
    color: #000;
    padding: 15px 40px 15px 25px;
}

.accordionInner {
    margin-bottom: 20px;
}

.accordionSec .accordionInner:last-child {
    margin-bottom: 0;
}

.accordionInner .accordionTitle {
    cursor: pointer;
    background-color: #79839a;
    color: #fff;
    padding: 15px 45px 15px 25px;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.accordionInner .accordionTitle.active {
    background-color: #ff8625;
}

.accordionInner .accordionTitle:after {
    content: "\f078";
    font-family: "FontAwesome";
    color: inherit;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.accordionInner .accordionTitle.active:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.overlayBanner {
    position: relative;
    color: #fff;
    z-index: 1;
}

.innerIntroVideoSection {
    padding: 60px 0 30px;
    background-color: #fbfbfb;
}

.innerIntroVideoSection .videoSection {
    padding: 0;
}

.innerIntroVideoSection .play-btn {
    overflow: visible;
}

.innerIntroVideoSection .play-btn:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 330px;
    width: 330px;
    background-color: rgba(144, 17, 6, 0.2);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    cursor: context-menu;
    pointer-events: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}

.innerIntroVideoSection .play-btn:hover:before {
    height: 0;
    width: 0;
}

.videoSliderSec .slick-dots {
    margin: 15px 0 0;
    max-width: 58.333333%;
}

.videoSlide .row {
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.reviewSection {
    padding: 40px 60px 0;
}

.reviewSectionInner {
    background-color: #fff8f8;
    max-width: 1272px;
    margin: 0 auto;
    padding: 30px 0 15px;
    border-radius: 31px;
}

.reviewSectionInner .section-head .h2,
h2 {
    margin-bottom: 20px;
}

.reviewSectionInner .col-6 {
    margin-bottom: 30px;
}

.socialSiteReviews {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.socialRevCircle {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f2f2f2;
    overflow: hidden;
    margin: 0 auto;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 35px 30px;
    color: #000;
}

.socialtitle {
    width: 100%;
    display: block;
    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: "Nunito-Bold";
}

.socialRevCircle:hover {
    color: #ff8625;
}

.socialtitle {
    font-size: 32px;
    margin-bottom: 20px;
}

.rating {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -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;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rating span {
    width: 100%;
    line-height: 1;
    text-align: center;
}

.rate {
    font-size: 52px;
    font-family: "Nunito-Bold";
    margin-bottom: 5px;
}

.socialRevCircle .fa-solid {
    color: #ff8625;
}

.starRating {
    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;
}

.caseStudySection {
    padding: 60px 0 50px;
}

.caseStudies-outer .col-6 {
    margin-bottom: 30px;
}

.caseStudyInn {
    position: relative;
    padding-bottom: 120%;
    border-radius: 6px;
    overflow: hidden;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.caseLink {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-tabs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px 0 20px;
    border-bottom: 0;
}

.nav-tabs .nav-link {
    margin: 0 10px 10px;
}

.nav-tabs .nav-link {
    background-color: #f7f7f7;
    border: 0;
    color: #645e7a;
    border-radius: 4px;
    font-weight: 600;
    padding: 8px 20px;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #ff8625;
    border-color: #ff8625;
}

.caseStudyInn:hover .caseLink {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #f4eded;
    width: 8px;
    border-radius: 30px;
    opacity: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #070024;
    width: 8px;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #ff8625;
}

.custScrollbarInn {
    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;
    margin: 0 -15px;
    padding: 2px 0;
}

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

.searchboxSecInn {
    padding: 60px 30px 60px 35px;
    background-color: #f6f6f6;
    max-width: 1194px;
    margin: 0 auto;
}

.searchboxSecInn .h2 {
    margin-bottom: 0;
}

.srchFrm {
    display: block;
    max-width: 557px;
    margin: 0 0 0 auto;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 64px;
    background-color: #fafafa;
    position: relative;
}

.srchFrm .form-group {
    margin-bottom: 0;
}

.searchbox {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 14px 10px 13px 55px;
    position: relative;
    z-index: 2;
}

.srchIcon {
    font-size: 20px;
    position: absolute;
    left: 20px;
    top: 50%;
    color: #070024;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.searchbox:focus+.srchIcon {
    color: #ff8625;
}

.blogList {
    padding: 60px 0 30px;
}

.blogList .row {
    margin-bottom: 60px;
}

.blogList .row:nth-child(2n) .col-md-6:nth-child(2) {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.blogList .row:nth-child(2n + 1) .blogDetails {
    padding-left: 35px;
}

.blogList .row:nth-child(2n) .col-md-6:nth-child(2) .blogDetails {
    padding-right: 35px;
}

.blogDetails .blogCat {
    display: block;
    color: #645e7a;
    margin-bottom: 20px;
}

.blogImg {
    display: block;
}

.blogImg>img {
    display: block;
}

.blogTitle {
    display: block;
    font-size: 30px;
    color: #070024;
    margin-bottom: 20px;
}

.blogTitle:hover {
    color: #ff8625;
}

.blogPostDate {
    display: block;
    color: #ff8625;
    margin-bottom: 20px;
}

.blogDetails p {
    margin-bottom: 20px;
    color: #645e7a;
}

.trendingSection {
    padding: 25px 0 5px;
    background-color: #fbfbfb;
}

.trendingSection .col-6 {
    margin-bottom: 30px;
}

.trendingInner {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    height: 100%;
    background-color: #fff;
    overflow: hidden;
}

.trendingImage {
    position: relative;
    overflow: hidden;
    padding-bottom: 89.46%;
}

.trendingImageLink {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.trendingInner:hover .trendingImageLink {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.trendingDetail {
    padding: 18px 15px;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.trendingTitle {
    display: block;
    color: #070024;
    margin-bottom: 20px;
    margin-right: 140px;
}

.trendingdate {
    position: absolute;
    right: 15px;
    top: 18px;
}

.trendingTitle:hover {
    color: #ff8625;
}

.trendingcat {
    color: #4e5464;
    font-size: 15px;
    text-transform: uppercase;
}

.afterBannerHome .h2 span,
.tech-development-section .h2 span,
.tech-development-inner .h3 span,
.pickPickleSection .h2 span,
.expertiseSection .h2 span,
.hireSection .h2 span,
.firstStepMoon .h2 span,
.blogSection .h2 span,
.contact-intro-sec .h2 span,
.innerIntroRight .h2 span,
.brandStorySection .h2 span,
.journeyDetails .h2 span,
.affiliated-section .h2 span,
.teamSection .h2 span,
.movementSection .h2 span,
.fasinatingSec .h2 span,
.caseStudySection .h2 span,
.searchboxSecInn .h2 span,
.webDevelopmentSection .h2 span,
.mobileAppDevelopmentDetailsTop .h2 span,
.hireDedicatedSection h2 span,
.hireUsFrmSec .h2 span,
.subContent span,
.life-at-intro .h2 span,
.hire-intro-section .h2 span,
.getInTouchSection .h1 span,
.hiring-for-job-section .h2 span,
.ideaSection .h2 span,
.hireDedicatedSection .h2 span,
.expertiseSection .h2 span,
.hireSection .h2 span,
.crossfeature-ondemand-sec h2 span,
.app-category-details .h2 span,
.top-on-demand-expert .h4 span,
.ondemand-process-sec .h2 span,
.ondemand-fectors-section .h2 span,
.ondemand-business-section .h2 span,
.ondemand-business-section .h3 span,
.hidden-brain-left .h2 span,
.ondemand-tech-section .h2 span,
.reviewSection .h2 span,
.worthySection .h2 span,
.addressSection .h2 span,
.tech-development-inner-section .h2 span,
.timelineSection .h2 span,
.sub_service_new .h2 span,
#price-sec .h2 span,
.faqSection .h2 span,
.contactSection .h3 span,
.partnerSecHead .h3 span,
.our-plan-section .h2 span,
.app-overview-slider-section .h2 span,
.app-customization-section .h2 span,
.hire_us_mobile_app_section .mobile_app_details .h2 span {
    color: #ff8625;
}

/*.page-template-front-page .hireDedicatedSection .h2 span,.page-template-front-page .expertiseSection .h2 span,.page-template-front-page .hireSection .h2 span,.orange-section .h2 span{color:#070024}*/
.webDevelopmentSection {
    padding: 50px 0 25px;
}

.webDevelopmentInn {
    background-color: #fbfbfb;
    padding: 50px 0;
    /* background-color: #1a2a42;*/
}

.webDevelopmentImg {
    border: 10px solid #fff;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.webDevelopmentImg img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.webDevelopmentInn .row .col-12:nth-child(2) {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.webDevelopmentDetails {
    max-width: 650px;
}

.webDevelopmentDetails .h2 {
    margin-bottom: 20px;
    color: #070024;
}

.webDevelopmentDetails p {
    margin-bottom: 30px;
    color: #645e7a;
}

.mobileAppDevelopmentSection {
    padding: 50px 0;
    background-color: #fbfbfb;
}

.mobileAppDevelopmentSection.light-gray-back .mobileAppDevelopmentDetailsTop {
    margin-bottom: 0;
}

.mobileAppDevelopmentImg {
    border: 10px solid #fff;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.mobileAppDevelopmentImg img {
    width: 100%;
    object-fit: contain;
    display: block;
}

.mobileAppDevelopmentSection .row .col-12:nth-child(2) {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.mobileAppDevelopmentDetailsTop {
    margin-bottom: 50px;
}

.mobileAppDevelopmentDetailsTop .h2 {
    margin-bottom: 20px;
}

.mobileAppDevelopmentDetails {
    max-width: 650px;
    padding-left: 40px;
}

.mobileAppDevelopmentDetails .h3 {
    font-family: "Nunito-Bold";
    font-size: 35px;
    margin-bottom: 20px;
}

.mobileAppDevelopmentDetails p {
    margin-bottom: 30px;
}

.hireDedicatedSection {
    padding: 40px 0 40px;
}

.hireDedicatedSecInner .col-6 {
    margin-bottom: 25px;
}

.hireDedicateGrid {
    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;
    -ms-flex-wrap: wrap;
    padding: 20px 20px;
    text-align: left;
    height: 100%;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 10%);
    border-bottom: 5px solid #1a2a42;
    position: relative;
}

.hireDedicateGrid:hover {
    background-color: #ffdec3;
}

.hireDedicateTop {
    margin-bottom: 0px;
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hireDedicateTop>img {
    height: 45px;
    object-fit: contain;
}

.hireDedicateBtm {
    line-height: normal;
    padding-left: 20px;
    font-size: 18px;
    color: #000;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hireUsFrmSec {
    padding: 40px 0;
}

.file-input {
    display: inline-block;
    text-align: left;
    padding: 0;
    width: 100%;
    position: relative;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.file-input>[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}

.file-input>.button {
    display: inline-block;
    cursor: pointer;
    background-color: #d9d9d9;
    padding: 10px;
    border-radius: 2px;
    margin-right: 17px;
    line-height: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hireUsFrm .intl-tel-input.allow-dropdown .flag-container .selected-flag {
    height: 56px;
    background-color: #fafafa;
    border-radius: 4px;
    border: 0.2px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 4px 4px 0px rgb(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgb(0, 0, 0, 0.25);
}

.file-input-chosen-chosen>span.button,
.file-input:hover>.button {
    background-color: #ff8625;
}

.file-input>.label {
    color: #070024;
    white-space: nowrap;
}

.file-input.-chosen>.label {
    opacity: 1;
}

.hireUsFrm input[type="text"],
.hireUsFrm input[type="email"],
.hireUsFrm input[type="number"],
.hireUsFrm textarea,
.hireUsFrm select,
.hireUsFrm .intl-tel-input.allow-dropdown input,
.hireUsFrm .intl-tel-input.allow-dropdown input[type="tel"],
.hireUsFrm input[type="tel"] {
    display: block;
    width: 100%;
    padding: 15px 15px;
    font-size: 15px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    border: 0;
    border-radius: 4px;
    line-height: 1;
    background-color: #fafafa;
    color: #787878;
}

.chkBtns {
    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;
    position: relative;
}

.checkGrp {
    margin: 0 25px 9px 0;
}

.checkGrp label {
    font-size: 14px;
}

.mainLabel {
    font-size: 19px;
    color: #000000;
    text-transform: capitalize;
    margin-bottom: 15px;
    display: block;
}

.hireUsFrm {
    max-width: 850px;
    margin: 0 auto;
}

.hireUsFrm textarea {
    min-height: 170px;
    resize: none;
    height: 100%;
}

.hireUsFrm .checkGrp {
    margin: 0;
}

.hireUs-form .h4 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
}

input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    display: none;
}

.wpcf7-checkbox .wpcf7-list-item {
    margin: 0;
}

input[type="checkbox"]~.wpcf7-list-item-label {
    position: relative;
    padding-left: 20px;
    color: #787878;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="checkbox"]~.wpcf7-list-item-label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    height: 15px;
    width: 15px;
    border: 0.5px solid #000;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="checkbox"]:checked~.wpcf7-list-item-label {
    color: #000000;
}

input[type="checkbox"]~.wpcf7-list-item-label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 7px;
    height: 5px;
    width: 9px;
    border: 2px solid #fff;
    border-top: 0;
    border-right: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

input[type="checkbox"]:checked~.wpcf7-list-item-label:before {
    background-color: #ff8625;
    border-color: #ff8625;
}

input[type="checkbox"]:checked~.wpcf7-list-item-label:after {
    opacity: 1;
}

#termsofhire+label {
    padding-left: 30px;
    line-height: 22px;
}

#termsofhire+label:before {
    height: 20px;
    width: 20px;
}

#termsofhire+label:after {
    left: 4px;
    top: 7px;
    height: 7px;
    width: 12px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("images/select-back.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    background-size: 13px 9px;
    padding-right: 35px !important;
}

.hireUsFrm .blacktext .wpcf7-list-item.first.last>label {
    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;
}

.hireUsFrm .blacktext .wpcf7-list-item.first.last>label .wpcf7-list-item-label {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.caseDetailBanner {
    padding: 50px 0 30px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.caseDetailBanner:before {
    content: "";
    position: absolute;
    left: -50%;
    top: 0;
    right: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    background-image: url("images/blue-backImg.svg");
    background-size: contain;
    background-position: center top;
    background-repeat: repeat-x;
    z-index: 1;
}

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

.caseDetailBanner:after {
    content: "";
    position: absolute;
    left: -50%;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    z-index: -1;
    background: #110541;
    background: -webkit-gradient(left top,
            right top,
            color-stop(0%, #110541),
            color-stop(100%, #201a3a));
    background: -o-linear-gradient(left, #110541 0%, #201a3a 100%);
    background: -webkit-gradient(linear,
            left top,
            right top,
            from(#110541),
            to(#201a3a));
    background: linear-gradient(to right, #110541 0%, #201a3a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#110541', endColorstr='#201a3a', GradientType=1);
}

.caseDetailBannContent {
    color: #fff;
    position: relative;
    padding-left: 50px;
}

.caseDetailBannContent .h1 {
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
    font-size: 65px;
    margin-bottom: 10px;
}

.caseDetailBannContent p {
    font-size: 22px;
    font-family: "Nunito-Semibold";
}

.caseDetailBannContent a.btn-img {
    max-width: 200px;
    margin: 0 10px 10px 0;
}

.caseDetailBannContent .caseState {
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    font-size: 39px;
    line-height: normal;
    width: 100%;
    text-align: center;
}

.caseDetailGrid {
    overflow: hidden;
}

.caseDetailGrid-cont {
    max-width: 560px;
    margin: 0;
}

.caseDetailGrid-cont * {
    color: #fff;
}

.caseDetailGrid-cont .h2 {
    margin-bottom: 22px;
}

.caseDetailGrid-cont .h2 span {
    color: #ff8625;
}

.caseDetailGrid-cont p {
    color: #d9d9d9;
    margin-bottom: 10px;
}

.caseDetailGrid .row .col-12 {
    position: relative;
    z-index: 3;
}

.caseDetailGrid .row:nth-child(2n + 1) .col-12:nth-child(2) {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.caseDetailGrid .row:nth-child(2n) .caseDetailGrid-cont {
    text-align: left;
    margin: 0 0 0 auto;
}

.caseDetailGrid-cont .h4 {
    font-family: "Nunito-Bold";
    font-size: 18px;
    margin-bottom: 5px;
}

.caseDetailGrid .row {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 45px 0;
    z-index: 2;
}

.caseDetailGrid .row:after {
    content: "";
    position: absolute;
    left: -50%;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    z-index: -1;
    background-color: #0e0534;
}

.caseDetailGrid .row:nth-child(2n):after {
    background: #110541;
    background: -webkit-gradient(left top,
            right top,
            color-stop(0%, #110541),
            color-stop(100%, #201a3a));
    background: -o-linear-gradient(left, #110541 0%, #201a3a 100%);
    background: -webkit-gradient(linear,
            left top,
            right top,
            from(#110541),
            to(#201a3a));
    background: linear-gradient(to right, #110541 0%, #201a3a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#110541', endColorstr='#201a3a', GradientType=1);
}

.caseDetailGrid .row:nth-child(2n):before {
    content: "";
    position: absolute;
    left: -50%;
    top: 0;
    right: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    background-image: url("images/blue-backImg.svg");
    background-size: contain;
    background-position: center top;
    background-repeat: repeat-x;
    z-index: 1;
}

.caseDetailGrid-cont ul {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.caseDetailGrid-cont ul li {
    width: 100%;
    max-width: 50%;
    padding-right: 20px;
    position: relative;
    font-family: "Nunito-Bold";
}

.caseDetailGrid-cont ul li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 15px;
    height: 1px;
    width: 8px;
    background-color: #fff;
}

.btn-img {
    margin-top: 15px;
    display: inline-block;
}

.caseDetailGrid-cont ul.full-list {
    padding: 0;
    margin: 0;
}

.caseDetailGrid-cont ul.full-list li {
    position: relative;
    padding: 0 0 0 20px;
    width: 100%;
    max-width: inherit;
    font-family: "Nunito-Regular";
    margin-bottom: 5px;
}

.caseDetailGrid-cont ul.full-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
}

.caseDetailGrid-cont ul.full-list li:after {
    display: none;
}

.case-feature-slider {
    margin: 0 -15px;
}

.case-feature-slide {
    padding: 0 15px;
    margin-bottom: 17px;
}

.case-feature-inn {
    background-color: #170856;
    border-radius: 11px;
    -webkit-box-shadow: 0px 2px 4px 0px rgb(0, 0, 0, 25%);
    box-shadow: 0px 2px 4px 0px rgb(0, 0, 0, 25%);
}

.case-feature-img {
    position: relative;
    padding-bottom: 85%;
}

.case-feature-img>img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.case-feature-inn {
    max-width: 276px;
    margin: 0 auto;
    text-align: center;
}

.case-feature-title {
    color: #fff;
    font-size: 25px;
    padding: 15px;
}

.case-feature-slider .slick-dots {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 15px;
}

.case-feature-slider .slick-dots li.slick-active button {
    background-color: #ff8625;
}

.share-idea-section {
    text-align: center;
    color: #fff;
    padding: 35px 0;
}

.share-idea-section * {
    color: #fff;
}

.share-idea-section .h2 {
    text-transform: capitalize;
}

.featuresTimeline {
    background: #110541;
    background: -webkit-gradient(left top,
            right top,
            color-stop(0%, #110541),
            color-stop(100%, #201a3a));
    background: -o-linear-gradient(left, #110541 0%, #201a3a 100%);
    background: -webkit-gradient(linear,
            left top,
            right top,
            from(#110541),
            to(#201a3a));
    background: linear-gradient(to right, #110541 0%, #201a3a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#110541', endColorstr='#201a3a', GradientType=1);
    color: #fff;
    position: relative;
    overflow: hidden;
}

.featuresTimeline .h2,
.featuresTimeline .timeline-inner span,
.featuresTimeline .timeline-inner span:before {
    color: #fff;
}

.featuresTimeline .timeline-inner:hover span,
.featuresTimeline .timeline-inner:hover span:before {
    color: #ff8625;
}

.featuresTimeline .timeline-inner:after {
    border-color: #fff;
}

.featuresTimeline:before {
    content: "";
    position: absolute;
    left: -50%;
    top: 0;
    right: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    background-image: url("images/blue-backImg.svg");
    background-size: contain;
    background-position: center top;
    background-repeat: repeat-x;
    z-index: 1;
}

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

.featuresTimeline .timeline-outer {
    background-color: transparent;
}

.featuresTimeline .timeline-outer:before {
    display: none;
}

.next-prev-page-section {
    padding: 50px 0;
    color: #fff;
    background: #0e0534;
    position: relative;
}

.next-prev-page-section:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 3px;
    height: calc(100% - 60px);
    background-color: #ff8625;
}

.next-prev-pageInner {
    padding: 0 75px;
    position: relative;
}

.page-title,
.page-title a {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    line-height: normal;
}

.next-prev-page-section .col-6:nth-child(2) .page-title {
    text-align: right;
}

.pageLinks {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pageLinks li a {
    position: absolute;
    top: 0;
    color: #fff;
    z-index: 1;
    font-size: 18px;
    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;
}

.pageLinks li a:hover {
    color: #ff8625;
}

.prevLink {
    left: 0;
}

.prevLink:before {
    content: "\f0d9";
    font-family: "FontAwesome";
    font-size: inherit;
    left: 0;
    top: 0;
    color: inherit;
    margin-top: 2px;
    margin-right: 5px;
}

.nextLink {
    right: 0;
}

.nextLink:after {
    content: "\f0da";
    font-family: "FontAwesome";
    font-size: inherit;
    left: 0;
    top: 0;
    color: inherit;
    margin-top: 2px;
    margin-left: 5px;
}

.blueBack-gradient {
    background: rgba(20, 6, 74, 1);
    background: -webkit-gradient(left top,
            right top,
            color-stop(0%, rgba(20, 6, 74, 1)),
            color-stop(82%, rgba(7, 0, 36, 0.84)),
            color-stop(100%, rgba(7, 0, 36, 0.81)));
    background: -o-linear-gradient(left,
            rgba(20, 6, 74, 1) 0%,
            rgba(7, 0, 36, 0.84) 82%,
            rgba(7, 0, 36, 0.81) 100%);
    background: -webkit-gradient(linear,
            left top,
            right top,
            from(rgba(20, 6, 74, 1)),
            color-stop(82%, rgba(7, 0, 36, 0.84)),
            to(rgba(7, 0, 36, 0.81)));
    background: linear-gradient(to right,
            rgba(20, 6, 74, 1) 0%,
            rgba(7, 0, 36, 0.84) 82%,
            rgba(7, 0, 36, 0.81) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14064a', endColorstr='#070024', GradientType=1);
}

.hire-intro-section {
    padding: 50px 0;
}

.lightGrayBack {
    background-color: #fbfbfb;
}

.blogDetailBanner {
    padding: 60px 0;
    background-repeat: no-repeat;
    background-position: calc(100% + 350px) calc(100% + 250px);
    background-size: contain;
    overflow: hidden;
}

.blogDetailBannerContent {
    padding-left: 50px;
}

.blogDetailBanner .col-lg-12>.blogDetailBannerContent {
    padding-left: 0;
}

.blogDetailBannerImg {
    position: relative;
    z-index: 3;
}

.blogDetailBannerImg img {
    display: block;
    width: 100%;
}

.blogDetailBannerImg:before,
.blogDetailBannerImg:after {
    content: "";
    position: absolute;
    height: 300px;
    width: 300px;
    background-image: url("images/dot-effect.png");
    background-repeat: repeat;
    background-position: left top;
    background-size: contain;
    z-index: -2;
}

.blogDetailBannerImg:before {
    left: -50px;
    top: -50px;
}

.blogDetailBannerImg:after {
    right: -40px;
    bottom: -40px;
}

.blogFeatureDetail ul,
.blogFeatureDetail ol {
    padding-left: 20px;
    margin-bottom: 15px;
}

.blogFeatureDetail ul li,
.blogFeatureDetail ol li {
    margin-bottom: 10px;
}

.blogFeatureDetail .table td,
.blogFeatureDetail .table th {
    min-width: 150px;
}

.blogDetailHead {
    margin-top: 0;
    text-align: center;
}

.blogDetailHead .h2,
.conclusionSectionInner .h2 {
    padding-bottom: 45px;
    position: relative;
}

.blogDetailHead .h2:after,
.blogDetailContentSection .h2:after,
.conclusionSectionInner .h2:after {
    content: "";
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ff8625;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.blogDetailHead .h2:before,
.blogDetailContentSection .h2:before,
.conclusionSectionInner .h2:before {
    content: "";
    border: 3px solid #ff8625;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    height: 28px;
    width: 28px;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 45%);
    -ms-transform: translate(-50%, 45%);
    transform: translate(-50%, 45%);
    z-index: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.dotCircle {
    position: absolute;
    left: -130px;
    top: 95px;
    height: 350px;
    width: 350px;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.blueCircle {
    position: absolute;
    left: -30px;
    bottom: 40px;
    height: 100px;
    width: 100px;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.blogDetailContentSection-inner {
    -webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.33);
    background-color: #f7f7f7;
}

.blogDetailContentSection-inner .col-lg-12>.blogFeatureDetail {
    padding-left: 0;
}

.blogDetailContentSection .row {
    padding: 50px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blogDetailContentSection .h2 {
    position: relative;
    padding-bottom: 40px;
}

.blogDetailHead {
    margin-top: 40px;
}

.blogDetailContentSection .sub_h4 {
    font-size: 30px;
    color: #070024;
    margin-bottom: 18px;
    padding-top: 10px;
    font-family: "Montserrat-Regular";
}

.conclusionSectionInner .h2:after,
.blogDetailContentSection .h2:after {
    width: 150px;
}

.conclusionSectionInner .h2:before,
.blogDetailContentSection .h2:before {
    left: 14px;
}

.blogDetailBanner:hover .blogDetailHead .h2:before {
    border-color: #192940;
}

.blogDetailBanner:hover .blogDetailHead .h2:after {
    background-color: #192940;
}

.blogDetailContentSection-inner:hover .h2:before,
.conclusionSection:hover .h2:before {
    left: 75px;
    border-color: #192940;
}

.blogDetailContentSection-inner:hover .h2:after {
    background-color: #192940;
}

.blogFeatureImg {
    border: 20px solid #fff;
}

.blogFeatureImg img {
    display: block;
    width: 100%;
}

.blogFeatureDetail {
    padding-left: 15px;
}

.blogFeatureDetail p,
.blogDetailBannerContent p {
    margin-bottom: 15px;
}

.blogFeatureDetail p a {
    font-family: "Nunito-Bold";
    color: #ff8625;
    text-decoration: underline;
}

.blogFeatureDetail p a:hover {
    color: #192940;
}

.blogSocialLinks {
    list-style: none;
    margin: 0 0 15px;
    padding: 0 !important;
    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;
}

.blogSocialLinks li {
    margin: 0 18px 10px 0;
}

.blogSocialLinks 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: 45px;
    width: 45px;
    background-color: #009ed4;
    color: #fff;
    border-radius: 50%;
}

.blogSocialLinks li a:hover {
    background-color: #ff8625;
}

.blogSocialLinks li a span {
    font-size: 20px;
    color: inherit;
}

.conclusionSection {
    padding: 45px 0;
    background-color: #ff8625;
    border-bottom: 15px solid #070024;
    -webkit-box-shadow: inset 0px 0px 95px 0px rgba(0, 0, 0, 0.33);
    box-shadow: inset 0px 0px 95px 0px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.33);
}

.conclusionSection .h2,
.conclusionSection p {
    color: #fff;
}

.conclusionSection p {
    margin-bottom: 15px;
}

.conclusionSection p a {
    font-family: "Nunito-Bold";
    color: #000;
    text-decoration: underline;
}

.conclusionSection p a:hover {
    color: #fff;
}

.conclusionSectionInner .h2 {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.conclusionSectionInner .h2:before {
    background-color: #fff;
    border-color: #000;
}

.conclusionSectionInner .h2:after {
    background-color: #000;
}

.conclusionSection:hover .h2:before {
    background-color: #000;
    border-color: #fff;
}

.conclusionSection:hover .h2:after {
    background-color: #fff;
}

.privacyTermContent {
    padding: 190px 0;
    background-color: #f8f8f8;    padding-bottom: 51px;
}

.privacyTermContent .h1 {
    font-family: "Nunito-Bold";
    text-align: center;
    color: #ff8625;font-size: 4.5rem !important;
}

.privacyTermContent .h2 {
    font-size: 30px;
    margin-bottom: 10px;
    font-family: "Nunito-Semibold";
}

.privacyTermContent .h3 {
    font-family: "Nunito-Semibold";
    font-size: 24px;
    margin-bottom: 10px;
}

.privacyTermContent ul {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
}

.privacyTermContent ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}

.privacyTermContent ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #ff8625;
}

.privacyTermContent p a {
    color: #ff8625;
}

.privacyTermContent p a:hover {
    color: #000;
}

.hiring-for-job-section {
    padding: 55px 0;
}

.hiring-dots-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -15px 20px;
    padding-bottom: 40px;
    position: relative;
    overflow-x: hidden;
}

.hiring-dots-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.hiring-dots-slider .slick-arrow {
    position: absolute;
    bottom: 0;
    background-color: transparent;
    border: 0;
    padding: 0;
    text-transform: capitalize;
    color: #070024;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hiring-dots-slider .slick-arrow:hover {
    color: #ff8625;
}

.hiring-dots-slider .slick-prev {
    left: 15px;
    padding-left: 15px;
}

.hiring-dots-slider .slick-prev:before,
.hiring-dots-slider .slick-next:after {
    position: absolute;
    font-family: "FontAwesome";
    font-size: 20px;
    top: 0;
    color: #ff8625;
}

.hiring-dots-slider .slick-prev:before {
    content: "\f0d9";
    left: 0;
}

.hiring-dots-slider .slick-next:after {
    content: "\f0da";
    right: 0;
}

.hiring-dots-slider .slick-next {
    right: 15px;
    padding-right: 15px;
}

.hiring-dots-slide {
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.hiring-dots-slide span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background-color: rgba(7, 0, 36, 0.08);
    width: 100%;
    padding: 40px 15px;
    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-family: "Nunito-Regular";
    font-size: 22px;
    color: #000000;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hiring-dots-slide.slick-current span {
    background-color: #ff8625;
    color: #fff;
    font-family: "Nunito-Bold";
}

.exp-req {
    font-family: "Nunito-Bold";
    margin-bottom: 10px;
    color: #000;
}

.exp-req span {
    color: #ff8625;
}

.responsibilities-and-exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.responsibility-cont {
    padding: 0 15px;
    width: 50%;
    margin-bottom: 30px;
}

.responsibilities-and-exp-inn {
    border: 1px solid rgba(0, 0, 0, 0.4);
    height: 100%;
}

.responsibility-head {
    font-size: 22px;
    padding: 24px 10px;
    text-align: center;
    font-family: "Nunito-Bold";
    color: #ff8625;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.responsibilities-and-exp-inn .orangeList {
    padding: 30px 15px;
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
}

.hiring-main-content-inn p {
    color: #070024;
    margin-bottom: 10px;
}

.life-at-section {
    padding: 40px 0;
}

.life-at-slider {
    padding: 20px;
    text-align: center;
}

.life-at-slide-inn {
    padding: 0 15px;
}

.life-at-slider .slick-arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 0;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    position: absolute;
    top: 20px;
    color: #000000;
    line-height: 18px;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.life-at-slider .slick-arrow:before {
    font-size: 25px;
    color: inherit;
    font-family: "FontAwesome";
}

.life-at-slider .slick-arrow:hover {
    color: #ff8625;
}

.life-at-slider .slick-prev:before {
    content: "\f060";
}

.life-at-slider .slick-prev {
    left: 20px;
}

.life-at-slider .slick-next {
    right: 20px;
}

.life-at-slider .slick-next:before {
    content: "\f061";
}

.emp-rev-img {
    height: 172px;
    width: 172px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 35px;
}

.emp-rev-img img {
    display: block;
    height: 100%;
    width: 100%;
}

.life-at-slide-inn span {
    display: block;
    font-family: "Montserrat-Regular";
}

.life-at-slide-inn p {
    color: #000;
}

.emp-rev-name {
    font-size: 35px;
    color: #070024;
    margin-bottom: 10px;
}

.emp-rev-pos {
    color: #787878;
    font-size: 25px;
}

.career-empire {
    padding-bottom: 0;
}

.light-gray-back {
    background-color: #f5f5f5;
}

.paginationLinks {
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.paginationLinks .page-numbers {
    display: inline-block;
    height: 35px;
    width: 35px;
    margin: 0 4px 6px 4px;
    background-color: #d9d9d9;
    color: #a0a0a0;
    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: 4px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.paginationLinks .page-numbers:first-child {
    margin-left: 0;
}

.paginationLinks .page-numbers:last-child {
    margin-right: 0;
}

.paginationLinks .page-numbers:hover {
    background-color: #000;
    color: #fff;
}

.paginationLinks .page-numbers.current {
    color: #fff;
    background-color: #ff8625;
}

.paginationLinks .page-numbers.dots {
    background-color: transparent;
    color: #a0a0a0;
    padding: 0;
    height: auto;
    width: auto;
}

.paginationLinks .page-numbers.prev,
.paginationLinks .page-numbers.next {
    height: auto;
    width: auto;
    border-radius: 20px;
    padding: 3px 22px;
    background-color: #ff8625;
    color: #fff;
    height: 35px;
}

.paginationLinks .page-numbers.prev:hover,
.paginationLinks .page-numbers.next:hover {
    background-color: #000;
    color: #fff;
}

.thank-you-section {
    padding: 40px 0;
    text-align: center;
}

.thank-you-section .h1 {
    color: #ff8625;
}

.thankU_img {
    max-width: 170px;
    height: 140px;
    margin: 0 auto 10px;
    position: relative;
    width: 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;
}

.thankU_img::before {
    position: absolute;
    content: "";
    background: url(images/smile_bg.svg) no-repeat;
    width: 100%;
    height: 100%;
    background-size: contain;
    z-index: -9;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -57%);
    -ms-transform: translate(-50%, -57%);
    transform: translate(-50%, -57%);
}

.modal-open .modal {
    z-index: 9999;
    padding-top: 80px;
}

.modal-open .modal.popupModel .modal-dialog {
    padding: 0 20px;
}

.modal-open .modal.popupModel {
    max-width: inherit;
}

.modal-open .modal.popupModel .modal-header {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-open .modal.popupModel form {
    max-width: 380px;
    margin: 0 auto;
}

.modal-header .h2 {
    padding-top: 15px;
}

.modal-header .h2,
.modal-header .h2 span {
    margin-bottom: 0;
    font-family: "Nunito-Bold";
    color: #000;
    position: relative;
    z-index: 1;
}

.customnumber {
    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;
}

.customnumber .wpcf7-form-control-wrap:first-child {
    display: block;
    max-width: 105px;
}

.customnumber .wpcf7-form-control-wrap:first-child input[type="text"] {
    pointer-events: none;
}

.customnumber .wpcf7-form-control-wrap:last-child {
    display: block;
    max-width: calc(100% - 115px);
    width: 100%;
}

.hireUsFrm .customnumber .wpcf7-form-control-wrap:last-child {}

form p {
    margin-bottom: 0;
}

.btntotop {
    position: fixed;
    right: 20px;
    bottom: -50px;
    height: 40px;
    width: 40px;
    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: 2px solid #79839a;
    background-color: #79839a;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.btntotop:before {
    content: "\f077";
    font-family: "FontAwesome";
    color: inherit;
    font-size: 20px;
}

.btntotop:hover {
    background-color: #ff8625;
    border: 2px solid #ff8625;
    color: #fff;
}

.btntotop.show {
    bottom: 85px;
    opacity: 1;
    visibility: visible;
}

/* on demand mobile app development page css */
.life-at-container {
    max-width: 1500px;
    margin: 0 auto;
}

.on-demand-banner-img {
    margin-top: 20px;
    display: none;
}

.crossfeature-ondemand-sec {
    padding: 50px 0;
    text-align: center;
}

.crossfeature-ondemand-sec h2 span {
    display: block;
}

.crossfeature-ondemand-sec .row>.col-6 {
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}

.crossfeature-ondemand-sec .row>.col-6:nth-child(3n),
.crossfeature-ondemand-sec .row>.col-6:last-child {
    border-right: 0;
}

.crossfeature-ondemand-sec .row>.col-6:nth-last-child(-n + 3) {
    border-bottom: 0;
}

.crossfeature-inn {
    padding: 23px;
}

.ondemand-icon,
.ondemand-fectors-img {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    background-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;
    margin: 0 auto 30px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.crossfeature-inn .h3,
.ondemand-fectors-inner .h3 {
    font-family: "Montserrat-Bold";
    font-size: 25px;
}

.app-category-section {
    width: 100%;
    margin: 0;
    padding: 50px 0 10px;
}

.app-category-section .col-lg-3.col-12 {
    margin: 0 0 30px;
}

.app-category-inner {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    background: #f6f4f2;
    border-radius: 4px;
    padding: 35px 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.app-category-inner img {
    width: 64px;
    height: 64px;
    -o-object-fit: contain;
    object-fit: contain;
}

.app-category-inner:hover {
    background-color: #5dade2;color:#fff !important;
}

.app-category-name:hover{

}
.app-category-name {
    width: 100%;
    display: inline-block;
    font-size: 20px;
    line-height: 25px;
    font-family: "Nunito-Bold";
    /* color: #000000; */
    margin: 0;
    padding-left: 25px;
}

.app-category-section .container .row:first-child {
    margin-bottom: 50px;
}

.top-on-demand-sec {
    padding: 70px 0;
    background-color: rgba(255, 134, 37, 0.25);
    overflow-x: hidden;
}

.top-on-demand-info {
    color: #070024;
}

.top-on-demand-info .h2 span,
.top-on-demand-expert .h3 span {
    color: #ef4335;
}

.top-on-demand-expert .h3 {
    font-size: 24px;
    text-transform: capitalize;
}

.top-on-demand-expert {
    color: #000;
    text-align: center;
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.25);
}

.top-on-demand-inn {
    padding: 24px 20px;
    border: 10px solid #ef4335;
    max-width: 404px;
    margin: 0 auto;
}

.top-on-demand-slide {
    position: relative;
    z-index: 1;
}

.top-on-demand-slide:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #201a3a;
    width: 520px;
    height: calc(100% - 150px);
    z-index: -1;
}

.top-on-demand-expert .h3 {
    margin-bottom: 20px;
}

.top-on-demand-expert .h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.top-on-demand-expert-ico {
    padding: 5px;
    height: 105px;
    width: 105px;
    border-radius: 50%;
    border: 1px solid #ffb750;
    margin: 0 auto 10px;
    overflow: hidden;
    border-radius: 50%;
}

.top-on-demand-expert .btn {
    background-color: #201a3a;
}

.top-on-demand-expert .btn:hover {
    background-color: #ff8625;
}

.ondemand-process-sec {
    background-color: #f5f5f5;
    padding: 50px 0;
}

.ondemand-process-inner {
    background-color: #fff;
    padding: 30px 15px;
    border-radius: 30px;
    -webkit-box-shadow: 4px 0px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 4px 0px 10px 0px rgba(0, 0, 0, 0.25);
    color: #000;
    height: 100%;
}

.ondemand-process-icon {
    max-width: 67px;
    margin: 0 auto 15px;
}

.ondemand-process-inner .h5 {
    font-size: 20px;
    color: #ff8625;
    margin-bottom: 15px;
    font-family: "Nunito-Bold";
}

.ondemand-process-sec .col-6 {
    margin-bottom: 35px;
}

.ondemand-tech-section {
    padding: 50px 0;
    background-position: center top;
}

.ondemand-tech-section .h2 {
    text-align: center;
}

.ondemand-tech-section .nav-tabs {
    border-bottom: 1px solid #dbdbdb;
}

.ondemand-tech-section .nav-tabs .nav-link {
    color: #9f9f9f;
    font-family: "Montserrat-Medium";
    background-color: transparent;
    position: relative;
    margin-bottom: 0;
}

.ondemand-tech-section .nav-tabs .nav-item.show .nav-link,
.ondemand-tech-section .nav-tabs .nav-link.active {
    background-color: transparent;
    color: #000;
    font-family: "Montserrat-Bold";
}

.ondemand-tech-section .nav-tabs .nav-link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ff8625;
    transition: all 0.3s linear;
    transform: scaleX(0);
    opacity: 0;
}

.ondemand-tech-section .nav-tabs .nav-link.active:after {
    transform: scale(1);
    opacity: 1;
}

.ondemand-tech-section .tab-content {
    padding: 50px 0;
}

.ondemand-tech-section .tab-content .tab-pane img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.ondemand-tech-img {
    padding: 24px 15px;
    -webkit-box-shadow: 4px 0px 10px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 4px 0px 10px 2px rgba(0, 0, 0, 0.25);
    border-bottom: 4px solid #f88909;
    height: 100%;
    background-color: #fff;
}

.ondemand-tech-img img {
    display: inline-block;
    margin-bottom: 10px;
    max-width: 55px;
}

.ondemand-tech-img figcaption {
    font-family: "Montserrat-Bold";
    color: #000;
    font-size: 18px;
}

.ondemand-tech-section .tab-section .col-6 {
    margin-bottom: 35px;
}

.ondemand-fet-inner {
    padding: 50px 40px;
    background-color: #413d51;
    border-radius: 15px;
    color: #fff;
}

.ondemand-fet-inner .h2 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 15px;
}

.ondemand-fet-left .subContent {
    color: #ff8625;
    font-size: 30px;
    font-family: "Montserrat-Bold";
    margin-bottom: 0;
}

.ondemand-fet-right {
    text-align: right;
}

.ondemand-fectors-section {
    padding: 50px 0;
}

.ondemand-fectors-section .section-head {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
}

.ondemand-fectors-inner {
    background-color: #f6f4f2;
    border-radius: 20px;
    padding: 30px 15px;
    height: 100%;
    -webkit-box-shadow: 4px 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 4px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.ondemand-fectors-section .col-6 {
    margin-bottom: 35px;
}

.ondemand-business-section {
    padding: 50px 0;
    color: #000;
}

.ondemand-business-section .h2 {
    text-align: center;
}

.ondemand-business-section .col-12 {
    margin-bottom: 30px;
}

.ondemand-business-inner .h3 {
    font-family: "Montserrat-Medium";
    font-size: 30px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}

.ondemand-business-inner .h3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 85px;
    height: 2px;
    background-color: #ff8625;
}

.ondemand-business-section p {
    font-family: "Montserrat-Regular";
}

.ondemand-business-section ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ondemand-business-section ul li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font-family: "Montserrat-Medium";
}

.ondemand-business-section ul li:before {
    content: "";
    height: 23px;
    width: 23px;
    background-image: url("images/check-mark-orng.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 23px 23px;
    position: absolute;
    left: 0;
    top: 5px;
}

.ondemand-hidd-brain-sec {
    padding: 50px 0;
    color: #000;
}

.hidden-brain-left>.subContent {
    display: block;
    font-size: 20px;
    color: #ef4335;
    text-transform: uppercase;
    font-family: "Nunito-Bold";
    margin-bottom: 15px;
}

.hidden-brain-left p {
    margin-bottom: 75px;
}

.hidden-brain-left .btn-orange {
    width: 100%;
    max-width: 300px;
}

.hidden-brain-right .col-6 {
    margin-bottom: 20px;
}

.hidden-brain-right-inner {
    border-bottom: 15px solid #ff8625;
    border-radius: 20px;
    -webkit-box-shadow: 0px 2px 9px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 9px 4px rgba(0, 0, 0, 0.2);
    padding: 45px 30px;
    position: relative;
}

.hidd-brain-title {
    color: #ef4335;
    font-size: 22px;
    font-family: "Montserrat-Medium";
    margin-bottom: 20px;
    display: block;
}

.hidd-brain-num {
    font-size: 60px;
    margin-bottom: 20px;
    font-family: "Montserrat-Bold";
    display: block;
    line-height: 0.8;
}

.hidden-brain-right .col-6:nth-child(2n) {
    position: relative;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
}

/* on demand mobile app development page css */
.app-customization-section {
    padding: 70px 0;
}

.app-customization-detail {
    color: #070024;
}

.app-customization-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.app-customization-list li {
    width: 50%;
    padding: 0 30px 15px 30px;
    line-height: normal;
    position: relative;
}

.app-customization-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    height: 17px;
    width: 17px;
    border: 2px solid #ef4335;
    border-radius: 50%;
    background-color: #fff;
    z-index: 1;
}

.app-customization-list li:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    height: 100%;
    width: 2px;
    border-left: 2px dashed #ef4335;
    z-index: 0;
}

.app-customization-list li:nth-last-child(-n + 2):after {
    display: none;
}

.app-overview-slider-section {
    padding: 60px 0;
    position: relative;
    /*background-color:#FAF7F7;*/
    z-index: 1;
    overflow: hidden;
}

.app-overview-slider-section:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 1440px;
    width: 1650px;
    border-radius: 50%;
    background: rgba(246, 160, 1, 1);
    background: -webkit-gradient(left top,
            left bottom,
            color-stop(0%, rgba(246, 160, 1, 1)),
            color-stop(16%, rgba(239, 91, 53, 1)),
            color-stop(100%, rgba(239, 91, 53, 1)));
    background: -o-linear-gradient(top,
            rgba(246, 160, 1, 1) 0%,
            rgba(239, 91, 53, 1) 16%,
            rgba(239, 91, 53, 1) 100%);
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(rgba(246, 160, 1, 1)),
            color-stop(16%, rgba(239, 91, 53, 1)),
            to(rgba(239, 91, 53, 1)));
    background: linear-gradient(to bottom,
            rgba(246, 160, 1, 1) 0%,
            rgba(239, 91, 53, 1) 16%,
            rgba(239, 91, 53, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6a001', endColorstr='#ef5b35', GradientType=0);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
}

.app-overview-slider {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -15px 35px;
}

.app-overview-slide {
    padding: 0 15px;
    width: 100%;
    max-width: 20%;
}

.app-overview-slider .slick-list {
    padding: 27px 0;
}

.app-overview-slider .slick-slide>.app-overview-img img {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0 auto;
}

.app-overview-slider .slick-track .slick-current.slick-active+.slick-slide+.slick-slide>.app-overview-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.app-overview-slider .slick-dots {
    margin-bottom: 0;
    margin-top: 30px;
}

.remove-app-overview.text-center {
    padding: 50px 0;
    background-position: center !important;
    background-size: cover !important;
}

.popupModel .close {
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    opacity: 1;
    background-color: #ff8625;
    color: #fff;
    text-shadow: none;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    padding: 0 0 4px;
}

/*body.modal-open{
	overflow: hidden;
}*/
body.modal-open .header {
    z-index: 999;
}

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

/***life page ***/
.about_sec1_1 {
    text-align: center;
}

.about_sec1_2 {
    text-align: center;
    padding: 80px 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.about_sec1 {
    background: url() no-repeat top;
    padding: 0px 0 70px 0;
}

.about4box {
    background: #f98850;
    display: inline-block;
    vertical-align: top;
    width: 355px;
    box-sizing: border-box;
    padding: 26px;
    padding-top: 0;
    border-radius: 18px;
    height: 633px;
    margin: 0 9px;
    position: relative;
    color: #fff;
}

.about4box span {
    display: block;
    background: #fff;
    height: 112px;
    width: 112px;
    border-radius: 50%;
    border: 6px solid #f98850;
    position: absolute;
    left: 50%;
    top: -56px;
    margin-left: -56px;
    box-sizing: border-box;
}

.box2 {
    background: #1a2a43;
}

.box3 {
    background: #ee3638;
}

.box4 {
    background: #5e82bb;
}

.about4box.box2 span {
    border: 6px solid #1a2a43;
}

.about4box.box3 span {
    border: 6px solid #ee3638;
}

.about4box.box4 span {
    border: 6px solid #5e82bb;
}

.about4box h2 {
    font-size: 42px;
    color: #fff;
    margin: 70px 0 18px 0;
    line-height: 1em;
    text-transform: uppercase;
}

.about4box p.minhi01 {
    min-height: 82px;
}

.about4box p strong {
    font-weight: 600;
}

.about4box ol,
.about4box p {
    text-align: left;
    font-size: 18px;
    line-height: 26px;
}

.about4box ol {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    padding: 0 0 0 18px;
    min-height: 280px;
}

.about4box ol li {
    background: url() no-repeat bottom left;
    padding: 10px 0;
}

.about4box ol li:last-child {
    background: 0 0;
}

.about_sec1_1 .funline>div {
    margin-bottom: 50px;
}

.about_sec1_1 p {
    font-weight: 400;
    font-size: 22px;
    color: #797979;
    max-width: 1280px;
    margin: 0 auto 35px;
    line-height: 32px;
}

.funline {
    clear: both;
}

.funline span {
    font-weight: 700;
    font-size: 52px;
    position: relative;
}

.funline span:nth-child(1) {
    color: #f98850;
}

.funline i {
    background: url() no-repeat center;
    width: 59px;
    height: 40px;
    display: inline-block;
    line-height: 60px;
}

.funline span:nth-child(3) {
    color: #1a2a43;
}

.funline span:nth-child(5) {
    color: #ee3638;
}

.funline span:nth-child(7) {
    color: #5e82bb;
}

.funline span:nth-child(1)::after {
    content: "";
    width: 45px;
    height: 2px;
    background: url() repeat-x left top;
    position: absolute;
    top: 31px;
    left: -81px;
}

.funline span:nth-child(7)::before {
    content: "";
    width: 45px;
    height: 2px;
    background: url() repeat-x left top;
    position: absolute;
    top: 31px;
    right: -81px;
}

@media screen and (max-width: 1580px) {
    .about4box {
        width: calc(25% - 20px);
        box-sizing: border-box;
        padding: 22px;
        padding-top: 0;
        height: auto;
        margin-left: 20px;
        margin-right: 0 !important;
    }

    .about4box p.minhi01 {
        margin-bottom: 0;
    }

    .about4box ol {
        min-height: 300px;
    }

    .about4box ol {
        min-height: 240px;
    }
}

@media screen and (max-width: 1279px) {
    .about4box {
        width: calc(50% - 20px);
        margin-top: 100px;
    }

    .about_sec1_2 {
        padding: 0px 20px 0;
    }
}

@media screen and (max-width: 1006px) {
    .funline span {
        font-size: 40px;
    }
}

@media screen and (max-width: 767px) {
    .funline span {
        font-size: 28px;
    }

    .funline span:nth-child(1)::after {
        left: -61px;
        top: 18px;
    }

    .funline span:nth-child(7)::before {
        right: -61px;
        top: 17px;
    }

    .funline i {
        line-height: 51px;
    }
}

@media screen and (max-width: 639px) {
    .funline span:nth-child(1)::after {
        display: none;
    }

    .funline span:nth-child(7)::before {
        display: none;
    }

    .funline span {
        font-size: 24px;
    }

    .about_sec1_1 p {
        margin-left: 15px;
        margin-right: 15px;
        font-size: 16px;
        line-height: 1.5em;
    }

    .about_sec1_1 p br {
        display: none;
    }

    .about4box ol,
    .about4box p {
        line-height: 22px;
    }
}

@media screen and (max-width: 479px) {
    .funline span {
        font-size: 20px;
    }

    .funline i {
        background-size: 35% auto;
        width: 22px;
        line-height: 43px;
    }

    .about4box {
        width: calc(100% - 20px);
        margin-left: 5%;
        margin-right: 5%;
        box-sizing: border-box;
    }

    .about4box p.minhi01 {
        min-height: inherit;
    }

    .about4box ol {
        min-height: inherit;
    }

    .about4box {
        height: auto;
    }
}

/**** end life page **/

.hireus_main {
    margin-bottom: 20px;
}

.blogInner {
    justify-content: center;
}

.mddetails {
    text-align: left;
    max-width: 460px;
    margin: 0 auto 0 0;
}

.mddetails .signeture {
    margin: 0 auto 0 0;
}

.cta_box_title {
    margin: 0 !important;
    font-weight: 700;
}

.cta_box {
    padding: 20px;
    border: 1px solid;
    text-align: center;
    background: #f3f3f3;
}

.cta_box_main {
    margin: 50px 0px;
}

.customnumber,
.customnumber>p {
    width: 100%;
    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;
}

/* inner banner css */

.sub_service_new .btn-main {
    margin: 30px 0 20px;
}

.sub_service_new .btn-main .free-quote-button {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.sub_service_new .btn-main .schedule-call-button {
    display: inline-block;
    margin-bottom: 10px;
}

.page-template-sub-services-new .tech-sec,
.page-template-main-services-new .tech-sec,
.page-template-sub-services-final .tech-sec {
    margin-top: 50px;
}

.sub_service_new .banner-image-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub_service_new .counter-main-row {
    display: grid;
    grid-template-columns: auto auto auto auto;
    margin-top: 30px;
    gap: 30px;
}

.sub_service_new .counters-main {
    display: flex;
    align-items: center;
}

.sub_service_new .counters-main .icon-box {
    margin-right: 15px;
    width: 100px;
    min-width: 100px;
    height: 100px;
}

.sub_service_new .counters-main .count {
    margin-bottom: 10px;
}

.sub_service_new .counters-main .count::after {
    display: none;
}

.bigEmpireSection_new .bigEmpireContent .h3 {
    color: #fff;
    margin-bottom: 15px;
}

.page-template-sub-services-new .sub_service_new .page-template-sub-services-new .sub_service_new,
.page-template-main-services-new .sub_service_new,
.page-template-hireus .sub_service_new {
    background-image: url(images/top-section-bg-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.page-template-sub-services-new .ideaSection .row,
.page-template-main-services-new .ideaSection .row,
.page-template-main-services .ideaSection .row,
.page-template-sub-services-final .ideaSection .row,
.page-template-industries_page .ideaSection .row,
.page-template-hireus_details_new .ideaSection .row {
    margin-left: 0;
    margin-right: 0;
}

.page-template-sub-services-new .ideaSection .react-native-service,
.page-template-main-services-new .ideaSection .react-native-service,
.page-template-main-services .ideaSection .react-native-service,
.page-template-sub-services-final .ideaSection .react-native-service,
.page-template-hireus_details_new .ideaSection .react-native-service,
.page-template-industries_page .ideaSection .react-native-service {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

.page-template-sub-services-new .ideaSection .react-native-service li,
.page-template-industries_page .ideaSection .react-native-service li,
.page-template-main-services-new .ideaSection .react-native-service li,
.page-template-main-services .ideaSection .react-native-service li,
.page-template-sub-services-final .ideaSection .react-native-service li,
.page-template-hireus_details_new .ideaSection .react-native-service li {
    padding: 20px;
    margin-bottom: 0;
    border-bottom: 5px solid #ef3a36;
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
    flex: 0 0 calc(33.33% - 20px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page-template-sub-services-new .ideaSection .react-native-service li:nth-child(odd),
.page-template-main-services-new .ideaSection .react-native-service li:nth-child(odd),
.page-template-main-services .ideaSection .react-native-service li:nth-child(odd),
.page-template-sub-services-final .ideaSection .react-native-service li:nth-child(odd),
.page-template-hireus_details_new .ideaSection .react-native-service li:nth-child(odd),
.page-template-industries_page .ideaSection .react-native-service li:nth-child(odd) {
    border-bottom: 5px solid #1a2a42;
}

.page-template-sub-services-new .ideaSection .react-native-service li:before,
.page-template-main-services-new .ideaSection .react-native-service li:before,
.page-template-main-services .ideaSection .react-native-service li:before,
.page-template-sub-services-final .ideaSection .react-native-service li:before,
.page-template-industries_page .ideaSection .react-native-service li:before {
    display: none;
}

.page-template-sub-services-new .ideaSection .react-native-service li img,
.page-template-main-services-new .ideaSection .react-native-service li img,
.page-template-main-services .ideaSection .react-native-service li img,
.page-template-sub-services-final .ideaSection .react-native-service li img,
.page-template-hireus_details_new .ideaSection .react-native-service li img,
.page-template-industries_page .ideaSection .react-native-service li img {
    margin-bottom: 15px;
}

.page-template-sub-services-new .ideaSection .react-native-service li p,
.page-template-main-services-new .ideaSection .react-native-service li p,
.page-template-main-services .ideaSection .react-native-service li p,
.page-template-sub-services-final .ideaSection .react-native-service li p,
.page-template-hireus_details_new .ideaSection .react-native-service li p,
.page-template-industries_page .ideaSection .react-native-service li p {
    margin-top: 10px;
    font-size: 16px;
}

.page-template-main-services-new .ideaSection .react-native-service li a,
.page-template-main-services .ideaSection .react-native-service li a,
.page-template-sub-services-final .ideaSection .react-native-service li a,
.page-template-industries_page .ideaSection .react-native-service li a {
    color: #070024;
}

.page-template-sub-services-new .tech-development-inner-section .tech-list,
.page-template-main-services-new .tech-development-inner-section .tech-list,
.page-template-sub-services-final .tech-development-inner-section .tech-list {
    list-style: none;
    margin: 0 0 35px 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.page-template-sub-services-new .tech-development-inner-section .tech-list li,
.page-template-main-services-new .tech-development-inner-section .tech-list li,
.page-template-sub-services-final .tech-development-inner-section .tech-list li {
    width: 100%;
    text-align: center;
    border-radius: 5px;
    padding: 15px;
    min-height: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
        rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    transition: all 0.3s linear;
    font-weight: 600;
    border: 1px solid #f78b1e;
}

.page-template-sub-services-new .tech-development-inner-section .tech-list li:hover,
.page-template-main-services-new .tech-development-inner-section .tech-list li:hover,
.page-template-sub-services-final .tech-development-inner-section .tech-list li:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
        rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    border: 1px solid transparent;
    background-color: #f78b1e;
    color: #000;
}

.home .hireSectionNew {
    margin-bottom: 30px;
}

.hireSectionNew {
    padding: 25px 15px;
    overflow-x: hidden;
    background-color: #fbfbfb;
}

.page-template-sub-services-new .hireSection .hire-detail-wrap,
.page-template-main-services-new .hireSection .hire-detail-wrap,
.home .hireSection .hire-detail-wrap,
.page-template-sub-services-final .hireSection .hire-detail-wrap,
.page-template-new-solutions-page .hireSection .hire-detail-wrap,
.page-template-sub-services-final .hireSection .hire-detail-wrap,
.page-template-hireus .hireSection .hire-detail-wrap,
.page-template-hireus_details_new .hireSection .hire-detail-wrap {
    text-align: center;
}

.page-template-sub-services-new .hire-social-links,
.page-template-main-services-new .hire-social-links,
.home .hire-social-links,
.page-template-sub-services-final .hire-social-links,
.page-template-new-solutions-page .hire-social-links,
.page-template-sub-services-final .hire-social-links,
.page-template-hireus .hire-social-links,
.page-template-hireus_details_new .hire-social-links {
    margin: 0 0 30px 0;
}

.page-template-sub-services-new .hire-social-links li a,
.page-template-main-services-new .hire-social-links li a,
.home .hire-social-links li a,
.page-template-sub-services-final .hire-social-links li a,
.page-template-new-solutions-page .hire-social-links li a,
.page-template-sub-services-final .hire-social-links li a,
.page-template-hireus .hire-social-links li a,
.page-template-hireus_details_new .hire-social-links li a {
    width: 75px;
    height: 75px;
    background-color: #fff;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px,
        rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.page-template-sub-services-new .hire-social-links li a img,
.page-template-main-services-new .hire-social-links li a img,
.home .hire-social-links li a img,
.page-template-sub-services-final .hire-social-links li a img,
.page-template-new-solutions-page .hire-social-links li a img,
.page-template-sub-services-final .hire-social-links li a img,
.page-template-hireus .hire-social-links li a img,
.page-template-hireus_details_new .hire-social-links li a img {
    width: 38px;
    height: 38px;
}

.page-template-sub-services-new #price-sec,
.page-template-sub-services-final #price-sec {
    margin-top: 30px;
}

.page-template-sub-services-new .price-box,
.page-template-sub-services-final .price-box {
    box-shadow: 0 7px 30px -10px rgba(255, 134, 37, 0.5);
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    transition: all 0.3s linear;
    margin-bottom: 30px;
}

.page-template-sub-services-new .price-box .price-box-top,
.page-template-sub-services-final .price-box .price-box-top {
    margin-bottom: 1rem;
}

.page-template-sub-services-new .price-box .price-box-top .form-price,
.page-template-sub-services-final .price-box .price-box-top .form-price {
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    font-family: "Montserrat-Bold";
    color: #1a2a42;
    max-width: 250px;
}

.page-template-sub-services-new .price-box .price-box-top .form-price-tag-line,
.page-template-sub-services-final .price-box .price-box-top .form-price-tag-line {
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    color: #070024;
}

.page-template-sub-services-new .price-box .price-box-center,
.page-template-sub-services-final .price-box .price-box-center {
    border-top: 1px solid #ff8625;
    padding-top: 15px;
    text-align: center;
}

.page-template-sub-services-new .price-box:hover,
.page-template-sub-services-final .price-box:hover {
    transform: translateY(-10px);
}

@media screen and (max-width: 991px) {

    .page-template-sub-services-new .tech-development-inner-section .tech-list,
    .page-template-sub-services-final .tech-development-inner-section .tech-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-template-sub-services .tech-development-inner-section .tech-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .sub_service_new .counter-main-row {
        grid-template-columns: 1fr 1fr;
    }

    .sub_service_new .counters-main .count {
        font-size: 32px;
    }

    .sub_service_new .banner-image-section {
        display: none;
    }

    .page-template-sub-services-new .ideaSection .react-native-service li,
    .page-template-industries_page .ideaSection .react-native-service li,
    .page-template-main-services-new .ideaSection .react-native-service li,
    .page-template-main-services .ideaSection .react-native-service li,
    .page-template-sub-services-final .ideaSection .react-native-service li,
    .page-template-hireus_details_new .ideaSection .react-native-service li {
        flex: 0 0 calc(50% - 15px);
    }
}

@media screen and (max-width: 575px) {
    .sub_service_new .counter-main-row {
        grid-template-columns: 1fr 1fr;
    }

    .sub_service_new .btn-main {
        margin: 20px 0;
    }

    .sub_service_new .counters-main .icon-box {
        margin-right: 10px;
        width: 32px;
        min-width: 32px;
        height: 32px;
    }

    .page-template-sub-services-new .ideaSection .react-native-service li,
    .page-template-industries_page .ideaSection .react-native-service li,
    .page-template-main-services-new .ideaSection .react-native-service li,
    .page-template-main-services .ideaSection .react-native-service li,
    .page-template-sub-services-final .ideaSection .react-native-service li,
    .page-template-hireus_details_new .ideaSection .react-native-service li {
        flex: 0 0 calc(100% - 15px);
    }

    .page-template-sub-services-new .hire-social-links li a,
    .page-template-main-services-new .hire-social-links li a,
    .page-template-sub-services-final .hire-social-links li a,
    .page-template-hireus .hire-social-links li a {
        width: 50px;
        height: 50px;
        font-size: 22px;
    }
}

/* tal to experts */
.new_call_to_action {
    margin-bottom: 2.5rem;
}

.talk-to-exp-background {
    background: #000;
    border-radius: 20px;
    padding: 25px 25px;
    position: relative;
    overflow: hidden;
}

.talk-to-exp-content {
    z-index: 1;
    position: relative;
    flex-wrap: wrap;
    color: #ffffff;
}

.talk-to-exp-title {
    max-width: 100%;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.talk-to-exp-title .title {
    color: var(--banner-top-content-color);
    margin-bottom: 0;
    padding-right: 0px;
    text-align: center;
    font-weight: 600;
}

.talk-to-exp-profile {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    text-align: center;
}

.talk-to-exp-image {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #ffffff;
    overflow: hidden;
    border: 5px solid #ffffff;
    margin: 0 auto 15px auto;
}

.talk-to-exp-info {
    width: 100%;
    padding-left: 0px;
    color: var(--banner-top-content-color);
}

.talk-to-exp-info .expert-name .title {
    color: var(--banner-top-content-color);
    margin-bottom: 0;
}

.talk-to-exp-info .expert-name {
    margin-bottom: 10px;
}

.talk-to-exp-section .line-background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}

.talk-to-exp-info .button {
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    color: #1a2a42 !important;
    font-weight: 600;
}

.talk-to-exp-info .button:hover {
    background-color: #000;
    color: #ffffff !important;
}

.talk-to-exp-info .button.disabled {
    pointer-events: none;
}

@media screen and (min-width: 600px) {
    .talk-to-exp-profile {
        width: 80%;
    }

    .talk-to-exp-title {
        max-width: 75%;
    }

    .talk-to-exp-background {
        padding: 33px 40px;
    }
}

@media screen and (min-width: 992px) {
    .talk-to-exp-section .line-background {
        width: 60%;
    }

    .talk-to-exp-title {
        max-width: 300px;
        margin: 0;
    }

    .talk-to-exp-title .title {
        padding-right: 15px;
        text-align: left;
        font-weight: 600;
    }

    .talk-to-exp-image {
        width: 110px;
        height: 110px;
        margin: 0;
    }

    .talk-to-exp-info {
        width: calc(100% - 110px);
        padding-left: 20px;
    }

    .talk-to-exp-profile {
        width: 64.7%;
        margin-left: auto;
        margin-right: 0;
        flex-wrap: wrap;
        text-align: left;
    }

    .talk-to-exp-info .button {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (min-width: 1200px) {
    .talk-to-exp-title {
        max-width: 344px;
    }

    .talk-to-exp-image {
        width: 140px;
        height: 140px;
        border-width: 8px;
    }

    .talk-to-exp-info {
        width: calc(100% - 148px);
    }
}

/* end talk to experts */

.our-plan-section {
    margin: 30px 0;
}

.our-plan-section .our-plan-bottom-space {
    margin-bottom: 30px;
}

.our-plan-section .our-plan-box {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px;
    padding: 15px;
    border-radius: 10px;
    height: 100%;
    border: 1px solid rgb(204 204 204 / 40%);
}

.our-plan-box .our-plan-box-top {
    width: 100%;
    text-align: center;
}

.our-plan-box .our-plan-box-top .our-plan-title {
    font-weight: bold;
}

.our-plan-box .our-plan-box-top .our-plan-description {
    line-height: 26px;
    min-height: 105px;
}

.our-plan-box .our-plan-box-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
}

.our-plan-box .our-plan-box-list ul li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 20px;
}

.our-plan-box .our-plan-box-list ul li:before {
    content: "\f04b";
    position: absolute;
    font-family: "FontAwesome";
    font-size: 12px;
    left: 0;
    top: 0;
    color: #ff8625;
}

@media screen and (max-width: 1250px) {
    .our-plan-box .our-plan-box-top .our-plan-description {
        min-height: 135px;
    }
}

@media screen and (max-width: 1199px) {
    .our-plan-box .our-plan-box-top .our-plan-description {
        min-height: 160px;
    }
}

@media screen and (max-width: 991px) {
    .our-plan-box .our-plan-box-top .our-plan-description {
        min-height: 150px;
    }
}

@media screen and (max-width: 767px) {
    .our-plan-box .our-plan-box-top .our-plan-description {
        min-height: auto;
    }
}

/* new */
.new-our-plan-section .our-plan-box-icon-back {
    width: 80px;
    height: 80px;
    background-color: #f4f4f4;
    border-radius: 100%;
    padding: 15px;
    margin-bottom: 15px;
}

.new-our-plan-section .our-plan-box-top .our-plan-description {
    margin-bottom: 15px;
}

.new-our-plan-section .our-plan-box {
    padding: 25px;
}

.new-our-plan-section .our-plan-box-top {
    text-align: left;
}

.new-our-plan-section .our-plan-box-top .our-plan-title {
    margin-bottom: 15px;
}

.new-our-plan-section .our-plan-box.bg-white {
    padding: 25px;
    border-radius: 0;
    border-top: 2px solid #ff8625;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* inner banner css */

.blueBack-gradient p a:hover {
    color: #fff !important;
}

/* Home Page New  */
.talk-to-exp-title span,
.talk-to-exp-info .expert-name .title span {
    color: #f68b20;
}

/* homepage banner */
.homeBannerSection {
    position: relative;
    color: #000;
    padding: 162px 0 30px;
    z-index: 1;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.homeBannerSection:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* background: rgba(235, 223, 214, 0.7);
    background: -webkit-gradient(left top,
            right top,
            color-stop(0%, rgba(235, 223, 214)),
            color-stop(100%, rgba(255, 255, 255, 0.85)));
    background: -o-linear-gradient(left,
            rgba(235, 223, 214) 0%,
            rgba(255, 255, 255, 0.85) 100%);
    background: -webkit-gradient(linear,
            left top,
            right top,
            from(rgba(235 223 214)),
            to(rgba(255, 255, 255, 0.85)));
    background: linear-gradient(to right,
            rgba(235, 223, 214) 0%,
            rgb(255 255 255, 0.85) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#070024', endColorstr='#070024', GradientType=1);
    z-index: -2;
}

.overlayBanner:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(7, 0, 36, 0.2);
    /* background: -webkit-gradient(left top,
            right top,
            color-stop(0%, rgba(7, 0, 36, 0.81)),
            color-stop(100%, rgba(7, 0, 36, 0.48)));
    background: -o-linear-gradient(left,
            rgba(7, 0, 36, 0.81) 0%,
            rgba(7, 0, 36, 0.48) 100%);
    background: -webkit-gradient(linear,
            left top,
            right top,
            from(rgba(7, 0, 36, 0.81)),
            to(rgba(7, 0, 36, 0.48)));
    background: linear-gradient(to right,
            rgb(7 0 36 / 0%) 0%,
            rgb(7 0 36 / 2%) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#070024', endColorstr='#070024', GradientType=1);
    z-index: -2;
}

.home-banner-content {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.homeBannerSection .home-banner-heading {
    color: #000;
    min-height: 176px;
    font-size: 60px;
    margin-bottom: 50px;
    font-family: "Montserrat-Regular";
}

.homeBannerSection .home-banner-heading span {
    color: #2ecc71;
    font-family: system-ui;
}

.home-banner-subContent {
    font-size: 26px;
    font-family: "Nunito-Medium";
    margin-bottom: 35px;
    line-height: 1.2;
}

.center-img {
    display: flex;
    align-items: center;
    height: 100%;
}

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

.homeBannerSection .btn-wrap {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}

.homeBannerSection .btn-wrap .button {
    margin-right: 10px;
}

/* end homepage banner */

/* services section new */

.digital-transformation-services {
    padding: 30px 0 30px 0;
}

.digital-transformation-services .tab-overflow {
    overflow: hidden;
}

.digital-transformation-services .nav-tabs {
    border-bottom: 1px solid #dbdbdb;
    flex-wrap: nowrap;
    margin: 0 0;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

.digital-transformation-services .nav-tabs .nav-link {
    height: 100%;
    display: flex;
    align-items: center;
    color: #9f9f9f;
    /* font-family: "Montserrat-Medium"; */
    background-color: transparent;
    position: relative;
    margin-bottom: 0;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.digital-transformation-services .nav-tabs .nav-link.active:after {
    transform: scale(1);
    opacity: 1;
}

.digital-transformation-services .nav-tabs .nav-link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ff8625;
    transition: all 0.3s linear;
    transform: scaleX(0);
    opacity: 0;
}

.digital-transformation-services .nav-tabs .nav-item.show .nav-link,
.digital-transformation-services .nav-tabs .nav-link.active {
    color: #000000;
}

.digital-transformation-services .tab-pane .tab-text .title {
    display: block;
}

.digital-transformation-services .tab-pane-main {
    margin-top: 40px;
}

.digital-transformation-services .tab-pane-main .tab-image {
    margin-bottom: 30px;
}

.digital-transformation-services .tab-pane-main .tab-image img {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.digital-transformation-services .tab-pane .tab-text ul {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.digital-transformation-services .tab-pane .tab-text ul li {
    margin-bottom: 8px;
    width: 50%;
}

.digital-transformation-services .tab-pane .tab-text ul li a {
    color: #000;
}

.digital-transformation-services .learn-more {
    color: red;
    position: relative;
    padding-right: 20px;
}

.digital-transformation-services .learn-more:before {
    content: "\f061";
    position: absolute;
    font-family: "FontAwesome";
    font-size: 14px;
    right: 0;
    top: 0;
}

/* end services section new */

/* client img section  */

.client-img-section {
    padding: 30px 0 60px 0;
}

.client-section {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 20px;
}

.client-section .client-row {
    position: relative;
    overflow: hidden;
    height: 95px;
}

.client-section .client-stack ul {
    display: flex;
    min-width: 150%;
    justify-content: space-around;
    column-gap: 15px;
    position: absolute;
}

.client-section .client-stack li {
    padding: 0 7px;
    list-style: none;
    height: 95px;
    min-width: 182px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    /* border: 1.376px solid rgba(221, 221, 221, 0.83); */
    background: #fff;
}

.client-section .client-stack li img {
    vertical-align: middle;
    padding: 0;
    object-fit: contain;
}

.award-sc {
    margin-top: 2.5rem;
}

.award-sc .award-wrap {
    position: relative;
    overflow: hidden;
    height: 95px;
    margin: 25px 0 0;
}

.award-sc .award-wrap .award-row ul {
    display: flex;
    min-width: 150%;
    justify-content: space-around;
    column-gap: 15px;
    position: absolute;
}

.award-sc .award-wrap .award-row ul li {
    padding: 5px 5px;
    height: 95px;
    min-width: 182px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    border: 1.376px solid rgba(221, 221, 221, 0.83);
    background: #fff;
}

.award-sc .award-wrap .award-row ul li img {
    vertical-align: middle;
    padding: 0;
    object-fit: contain;
}

@keyframes slide_to_left {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes slide_to_right {
    0% {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

.award-animate-slide-to-left {
    animation: slide_to_left 15s linear infinite;
}

.award-animate-slide-to-right {
    animation: slide_to_right 15s linear infinite;
}

.hover\:pause:hover {
    animation-play-state: paused;
}

/* end client img section  */

/* animate circle */

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

    to {
        transform: rotate(-1turn);
    }
}

.animate-spin-slow {
    animation: counterclockwise 22s linear infinite;
}

.cir-sec {
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
    gap: 1rem;
    overflow: hidden;
}

.cir-sec .cir-box {
    display: flex;
    width: 13%;
    justify-content: center;
    position: relative;
}

.cir-sec .cir-box:before {
    display: block;
    content: "";
    padding-top: 100%;
}

.cir-sec .cir-box .text-wrap {
    width: 100%;
    height: 100%;
    padding: 0px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    aspect-ratio: 1/1;
    text-align: center;
}

.cir-sec .cir-box .text-wrap .display {
    margin-bottom: 5px;
    color: #5dade2;
    /* font-family: "Montserrat-Bold"; */
}

.cir-sec .cir-box .text-wrap .wheel-sc {
    position: absolute;
    padding: 1.2em;
    overflow: visible;
    letter-spacing: 4px;
    font-size: 10px;
    fill: #2ecc71;
    font-weight: bold;
    max-width: 100%;
}

.cir-sec .cir-box .text-wrap .paragraph {
    line-height: 1.1;
    font-weight: bold;
}

@media screen and (max-width: 991px) {
    .cir-sec {
        width: 100%;
    }
}

/* end animate circle */

/* Hiring Plans new */
#price-sec {
    margin-top: 60px;
    margin-bottom: 30px;
}

.price-box {
    box-shadow: 0 7px 30px -10px rgba(255, 134, 37, 0.5);
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    transition: all 0.3s linear;
    margin-bottom: 30px;
}

.price-box .price-box-top {
    margin-bottom: 1rem;
}

.price-box .price-box-top .form-price {
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    font-family: "Montserrat-Bold";
    color: #1a2a42;
    max-width: 250px;
}

.price-box .price-box-top .form-price-tag-line {
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    color: #070024;
}

.price-box .price-box-center {
    border-top: 1px solid #ff8625;
    padding-top: 15px;
    text-align: center;
}

.price-box:hover {
    transform: translateY(-10px);
}

/* end Hiring Plans new */

/* main service page css start */
.page-template-main-services-new .blogSection {
    padding: 30px 0;
}

.feature_app_service {
    background-color: #fbfbfb;
    padding: 40px 0 10px;
    margin-top: 30px;
}

.feature_app_service .feature-service-box {
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 10px;
    padding: 1.3rem;
    height: calc(100% - 30px);
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px,
        rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.feature_app_service .feature-service-box .feature-service-box-top {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.feature_app_service .feature-service-box .feature-service-box-top img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.feature_app_service .feature-service-box .feature-service-box-top .feature-service-heading {
    width: calc(100% - 64px);
    padding-left: 22px;
    margin-bottom: 0;
}

.page-template-main-services-new .ideaSection .react-native-service li .explore-service-link,
.page-template-main-services .ideaSection .react-native-service li .explore-service-link {
    color: #fff;
    margin-top: auto;
}

.page-template-sub-services-new #price-sec,
.page-template-sub-services-final #price-sec {
    margin-top: 30px;
    margin-bottom: 0;
}

/* main service page css start */

/* Header top bar css start */
.header-top-bar {
    background-color: #000;
    padding: 10px 0;
    position: absolute;
    z-index: 999;
    top: 0;
    width: 100%;
}

.header-top-bar .header-top-bar-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-top-bar .left-side {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-top-bar .left-side a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    transition: all 0.3s linear;
}

.header-top-bar .left-side a:hover {
    background-color: #2ecc71;
    box-shadow: 0 0 3px 1px #fff;
}

.header-top-bar .left-side a svg {
    width: 15px;
    transition: all 0.3s linear;
}

.header-top-bar .left-side a i {
    color: #000;
    transition: all 0.3s linear;
}

.header-top-bar .left-side a:hover i {
    color: #fff;
}

.header-top-bar .left-side a:hover svg {
    fill: #fff;
}

.header-top-bar .right-side ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 20px;
}

.header-top-bar .right-side ul .email a:before {
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 20px;
    color: #f5891f;
}

.header-top-bar .right-side ul li {
    transition: all 0.3s linear;
    padding: 0;
    position: relative;
}

.header-top-bar .right-side ul li a {
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 0px;
    position: relative;
}

.header-top-bar .right-side ul li a:hover {
    color: #5dade2;
}

.header-top-bar .right-side ul li a span {
    line-height: normal;
    font-weight: 600;
    color: #2ecc71;
    transition: all 0.3s linear;
}

.header-top-bar .right-side ul li a:hover span {
    color: #5dade2;
}

.header-top-bar .right-side ul li a sup {
    font-size: 8px;
    background-color: #ff8625;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 19px;
    color: #fff;
    text-align: center;
    z-index: 9;
    letter-spacing: 1px;
    margin-right: 10px;
    margin-top: 8px;
}

.header-top-bar .right-side ul li.email a:before {
    /* content: "\f0e0";
    top: 2px;
    font-size: 20px;
    font-family: "FontAwesome";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #f5891f; */
    display: none;
}

.header-top-bar .right-side ul li.phone {
    display: flex;
    gap: 20px;
}

.header-top-bar .right-side ul li.phone .call-icon-link:before {
    /* content: "\f095";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    top: 2px;
    color: #f5891f;
    font-size: 18px; */
    display: none;
}

.header.sticky-header {
    top: 50px;
}

.p-l-0 {
    padding-left: 0 !important;
}

.header-top-bar .right-side .only-icon a {
    padding-left: 0;
}

.header-top-bar .right-side .only-icon img {
    width: 25px;
}

/* Header top bar css end */

/* homebanner review css start */
.upwork-clutch-review {
    display: flex;
    margin-top: 3rem;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.upwork-clutch-review a img {
    max-width: 180px;
    width: 100%;
    object-fit: contain;
    margin-bottom: 0.8rem;
}

.upwork-clutch-review a {
    display: inline-block;
    padding: 10px 28px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.upwork-clutch-review a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #000;
}

.upwork-clutch-review a p {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    max-width: 300px;
}

.upwork-clutch-review a:last-child:after {
    border-right: none;
}

.bigcommerce-certified-logo-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 2rem;
}

.bigcommerce-certified-logo-main img {
    height: 85px;
    object-fit: contain;
}

/* homebanner review css end */

.mt-spacing {
    margin-top: 50px;
}

/* our range section css start */
.our-range-section {
    padding: 20px 0px;
    background-color: #f9f9f9;
}

.our-range-section .our-range-list-services .orangeList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
}

@media screen and (max-width: 1023px) {
    .our-range-section {
        padding: 30px 0px;
    }

    .our-range-section .our-range-list-services .orangeList {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
    }

    .header-top-bar .right-side ul,
    .header-top-bar .right-side ul li.phone {
        gap: 10px;
    }

    .header-top-bar .right-side ul li a {
        gap: 4px;
    }
}

@media screen and (max-width: 767px) {
    .our-range-section {
        padding: 30px 0px;
    }

    .our-range-section .our-range-list-services .orangeList {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* our range section css end */

.table-technical-stack {
    padding: 86px 0px;
}

.technical-Stack {
    width: 100%;
}

.technical-Stack tr {
    display: block;
    margin-bottom: 1.25rem;
    -webkit-box-shadow: 0 0 0.9375rem rgba(34, 34, 34, 0.1);
    box-shadow: 0 0 0.9375rem rgba(34, 34, 34, 0.1);
}

.technical-Stack tr td:nth-child(odd) {
    background-color: #f58220;
    font-size: 1.125rem;
    font-weight: 700;
    width: 18.75rem;
    min-width: 18.75rem;
    color: #fff;
}

.technical-Stack tr td:nth-child(even) {
    background-color: #fff;
    width: 100%;
}

.technical-Stack td,
.technical-Stack th {
    padding: 1.1875rem 1.875rem;
}

.technical-Stack tr td span {
    padding: 0 0.9375rem;
    border-right: 0.0625rem solid #dadada;
    display: inline-block;
}

.technical-Stack tr td span:last-child {
    border-right: 0;
}

.technical-Stack tr td div {
    padding: 0 0.9375rem;
    border-right: 0.0625rem solid #dadada;
    display: inline-block;
}

.technical-Stack tr td div:last-child {
    border-right: 0;
}

@media screen and (max-width: 1023px) {
    .table-technical-stack {
        padding: 60px 0px;
    }
}

@media screen and (max-width: 991px) {
    .technical-Stack tr td:nth-child(odd) {
        width: 100%;
        min-width: 100%;
    }

    .technical-Stack tr td {
        min-width: 100%;
        max-width: 100%;
        float: left;
    }

    .technical-Stack tr {
        box-shadow: none;
    }
}

@media screen and (max-width: 767px) {
    .table-technical-stack {
        padding: 40px 0px;
    }
}

/* new footer */
.new-footer .footer-middle-inner {
    border-top: 0;
    padding-top: 0;
}

.footer-country-section {
    padding: 15px 0;
    border-top: 1px solid rgb(0 0 0 / 20%);
    border-bottom: 1px solid rgb(0 0 0 / 20%);
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: center;
}

/* end new footer */

/* new country section */
.page-country-section {
    background-color: #2b2642;
    padding: 20px;
    max-width: 1000px;
    border-radius: 10px;
    min-height: 150px;
    display: flex;
    align-items: center;
    margin: 40px auto;
}

.page-country-section .footer-country-show-section {
    text-align: center;
    color: white;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .page-country-section .footer-country-show-section {
        max-width: 100%;
        text-align: center;
    }

    .page-country-section {
        padding: 25px 25px;

        min-height: 170px;
        margin-bottom: 15px;
    }
}

.page-country-section a:hover {
    color: #b6b6b6 !important;
}

/* end new country section */

/* Thank you page css start */
.page-template-thank-you .hireSectionNew {
    background-color: transparent;
    padding: 0 0 1rem 0;
}

.page-template-thank-you .hireSectionNew .hire-detail-wrap .h2 {
    margin-bottom: 20px;
}

.page-template-thank-you .hireSectionNew .hire-detail-wrap {
    text-align: center;
}

.page-template-thank-you .hire-social-links li a {
    width: 55px;
    height: 55px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px,
        rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.page-template-thank-you .hire-social-links li a img {
    width: 34px;
    height: 34px;
}

.page-template-thank-you .addressSection {
    margin-bottom: 1rem;
}

.page-template-thank-you .thank-you-section {
    padding: 20px 0px 10px;
}

.page-template-thank-you .thank-you-content svg {
    margin-bottom: 0.5rem;
    width: 180px;
    height: auto;
}

.page-template-thank-you .thank-you-content p {
    font-size: 18px;
}

.page-template-thank-you .thank-you-section .h1 {
    margin-bottom: 0.5rem;
    font-size: 40px;
}

.page-template-thank-you .secret-quote-modal {
    display: none !important;
}

@media screen and (max-width: 575px) {
    .page-template-thank-you .hire-social-links li a {
        width: 50px;
        height: 50px;
    }

    .page-template-thank-you .hire-social-links li a img {
        width: 30px;
        height: 30px;
        object-fit: contain;
    }

    .page-template-thank-you .thank-you-section .h1 {
        font-size: 35px;
    }
}

/* Thank you page css start */

.wa__widget_container .wa__btn_popup {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.tableScroll {
    overflow: auto;
}

/* case study big images */
@media (min-width: 992px) {
    .new-casestudy .caseDetailBanner .caseDetailBannContent {
        padding-left: 0;
    }

    .new-casestudy .caseDetailBanner .caseDetailBannContent .h1 {
        font-size: 45px;
    }
}

@media (min-width: 1301px) {
    .new-casestudy .caseDetailBanner .caseDetailBannContent .h1 {
        font-size: 50px;
    }
}

@media (max-width: 420px) {
    .new-casestudy .caseDetailBanner .caseDetailBannContent .h1 {
        font-size: 32px;
    }
}

/* end case study big images */

/* new solution page */
.page-template-page-templatesnew-solutions-page-php .sub_service_new {
    background-image: url(images/top-section-bg-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.section-head .heading span {
    color: #ff8625;
}

.advantages-section {
    background-color: #f5f5f5;
    padding: 60px 0;
}

.advantages-heading {
    position: sticky;
    top: 12rem;
}

.advantages-list-back {
    background-color: #fff;
    padding: 2rem;
    margin-bottom: 1.5rem;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.advantages-list-back:last-child {
    margin-bottom: 0;
}

.advantages-list-back:hover {
    -webkit-box-shadow: 0 2.8125rem 3.75rem 0 rgba(34, 34, 34, 0.2);
    box-shadow: 0 2.8125rem 3.75rem 0 rgba(34, 34, 34, 0.2);
}

.effective-implementation-section {
    padding: 60px 0;
}

.effective-implementation-inner-back {
    border: 1px solid #ebebeb;
    padding: 35px;
    border-radius: 25px;
    height: 100%;
}

.effective-implementation-inner-back .image-icon {
    margin-bottom: 15px;
}

.effective-implementation-list {
    row-gap: 30px;
}

.effective-implementation-accordion-heading h3 {
    margin-bottom: 0;
}

.effective-implementation-right-corner {
    bottom: -8px;
    position: absolute;
    right: 15px;
    z-index: 1;
}

.effective-implementation-accordion-heading {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.effective-implementation-inner-back .effective-implementation-accordion-content {
    margin-bottom: 0;
}

.effective-implementation-inner-back .image-icon img {
    width: 50px;
    display: block;
}

.effective-implementation-accordion-heading .image-icon {
    margin-right: 15px;
    margin-bottom: 0;
}

.page-template-new-solutions-page .faqSection {
    margin-top: 50px;
}

.industries-section {
    background: linear-gradient(279.59deg,
            rgb(255 192 141),
            rgb(255 219 189) 62.02%,
            hsla(51, 41%, 97%, 0.7));
    padding: 60px 0;
}

.industries-solutions-item-accordion {
    background-color: #fff;
    border-radius: 14px;
    padding: 20px 25px;
    margin-bottom: 20px;
    cursor: pointer;
}

.industries-solutions-grid-card {
    height: 100%;
}

.industries-solutions-grid-card .industries-solutions-item-content {
    background-color: #fff;
    padding: 40px;
    border-radius: 26px;
    height: 100%;
    display: none;
}

.industries-solutions-item-content .icon {
    margin-bottom: 15px;
}

.industries-solutions-item-content .icon img {
    display: block;
    max-width: 50px;
}

.industries-solutions-grid-list::-webkit-scrollbar {
    width: 4px;
}

.industries-solutions-grid-list::-webkit-scrollbar-thumb {
    background-color: #ff8625;
}

.industries-solutions-grid-list::-webkit-scrollbar-track {
    background-color: #fdf0e3;
}

@media(max-width: 991px) {
    .industries-section .row {
        margin: 0;
    }

    .industries-section .industries-solutions-item-accordion .industries-solutions-item-header {
        padding-right: 25px;
    }
}

.expert-team-section {
    margin-bottom: 2rem;
    margin-top: 4rem;
}

.expert-team-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -15px;
}

.expert-team-list-services {
    overflow: hidden;
}

.expert-team-list li {
    width: calc(25% - 30px);
    text-align: center;
    color: #000;
    background-color: #f5f5f5;
    padding: 30px 20px;
    margin: 0 15px 30px;
    position: relative;
    font-weight: 600;
    transition: all 0.5s;
}

.expert-team-list li:nth-child(odd) {
    background-color: #ededed;
}

.expert-team-list li:hover {
    background-color: #1f2f4b;
    color: #fff;
}

.expert-team-list .icon {
    position: relative;
    display: block;
    max-width: max-content;
    margin: 0 auto;
}

.expert-team-list .icon:before {
    content: "";
    position: absolute;
    right: -8px;
    bottom: -6px;
    width: 22px;
    height: 22px;
    background-color: #ff8625;
    border-radius: 100%;
    transition: all 0.5s;
}

.expert-team-list li:hover .icon:before {
    width: 60px;
    height: 60px;
    right: -10px;
    bottom: -10px;
}

.expert-team-list img {
    display: block;
    margin: 0 auto 15px;
    position: relative;
}

/* end new solution page */

/* hireus page css start */
.hire_us_mobile_app_section {
    padding: 50px 0;
    background-color: #fbfbfb;
}

.hire_us_mobile_app_section .sticky {
    position: sticky;
    top: 110px;
}

.hire_us_mobile_app_section .mobile_app_details .h2 {
    margin-bottom: 20px;
}

.hire_us_mobile_app_section .mobile_app_details .btn-orange {
    margin-bottom: 30px;
}

.hire_us_mobile_app_section .accordion-outer .accordion-item:after {
    display: none;
}

.hire_us_mobile_app_section .accordion-outer .accordion-item.active .faq-heading a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.hire_us_mobile_app_section .accordion-outer .faq-heading {
    cursor: pointer;
}

.hire_us_mobile_app_section .accordion-outer .faq-heading a {
    font-size: 1.125rem;
    font-weight: 700;
    color: #222;
    padding: 1.4375rem 4.375rem 1.4375rem 1.25rem;
    display: block;
    position: relative;
}

.hire_us_mobile_app_section .accordion-outer .faq-heading a:after {
    position: absolute;
    content: "";
    background: url("images/down-arrow.png") no-repeat center;
    right: 1.25rem;
    top: 0;
    width: 0.8125rem;
    height: 0.5625rem;
    bottom: 0;
    margin: auto;
    transition: all 0.3s linear;
}

.hire_us_mobile_app_section .accordion-outer .faq-heading .h4 {
    margin: 0;
}

.hire_us_mobile_app_section .accordion-outer .accordion-item.accordian-tab {
    background: #fff;
    margin-bottom: 1.25rem;
}

.hire_us_mobile_app_section .accordion-outer .accordion-item.accordian-tab:last-child {
    margin: 0;
}

.hire_us_mobile_app_section .accordion-outer .accordian-text {
    padding: 0 3rem 1.4375rem 1.25rem;
}

.hire_us_mobile_app_section .accordion-outer .accordian-text p {
    margin-bottom: 0.75rem;
}

.hire_us_mobile_app_section .accordion-outer .accordian-text p:last-child {
    margin: 0;
}

.hire_us_mobile_app_section .accordion-outer .accordian-text p a {
    color: #ff8625;
    text-decoration: none;
}

.hireUs-form {
    background-color: #131313;
    padding: 5rem;
}

.hireUs-form .title {
    max-width: 980px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    margin: 0 auto 0.875rem;
    width: 100%;
}

.hireUs-form .description {
    max-width: 980px;
    text-align: center;
    color: #ffffff;
    margin: 0 auto 2.8rem;
    width: 100%;
}

.hireUs-form .email-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 2.5rem;
}

.hireUs-form .email-text img {
    margin: 10px 1rem 0 0;
}

.hireUs-form .email-text a {
    color: #ffffff;
    font-size: 2.875rem;
    border-bottom: 4px solid #ffffff;
    font-weight: bold;
    line-height: normal;
}

.hireUs-form .success-text {
    font-weight: 300;
    color: #ffffff;
    width: 100%;
    text-align: center;
    margin: 24px 0 14px;
    font-size: 24px;
}

.hireUs-form .bottom-text {
    color: #ffffff;
    width: 100%;
    text-align: center;
    margin: 0px 0 1rem;
    font-size: 1.2rem;
    display: block;
    font-weight: 400;
}

.hireUs-form .bottom-text:last-child {
    margin-bottom: 0;
}

.hireUsFrm {
    max-width: 940px;
}

.hireUsFrm form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.hireUsFrm form .form-group {
    margin-bottom: 20px;
    width: calc(50% - 10px);
}

.hireUsFrm form .form-group.customnumber {
    width: 100%;
}

.hireUsFrm form .form-group.customnumber+.form-group {
    width: 100%;
}

@media (max-width: 991px) {
    .hire_us_mobile_app_section .sticky {
        position: unset;
        top: 0px;
    }

    .hireUs-form {
        padding: 2rem;
    }
}

@media (max-width: 767px) {
    .hire_us_mobile_app_section .accordion-outer .faq-heading a {
        padding-right: 2.875rem;
        font-size: 1.0625rem;
    }

    .hire_us_mobile_app_section .accordion-outer .accordian-text {
        padding-right: 2.875rem;
    }

    .hireUs-form .email-text {
        margin-top: 2rem;
    }

    .hireUs-form .email-text img {
        width: 36px;
        height: 36px;
        object-fit: contain;
    }

    .hireUs-form .email-text a {
        font-size: 1.6rem;
    }
}

@media (max-width: 575px) {
    .hireUs-form {
        padding: 2rem 1rem;
    }

    .hireUs-form .email-text img {
        width: 30px;
        height: 30px;
    }

    .hireUs-form .email-text a {
        font-size: 1.4rem;
    }

    .hireUs-form .success-text {
        font-size: 20px;
        margin: 20px 0 14px;
    }
}

/* hireus page css end */
.marquee-main {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    background-color: #1a2a42;
    padding: 10px 0;
}

.marquee-main .marquee {
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 15s;
    width: max-content;
    animation-name: marquee-left;
}

@keyframes marquee-left {
    0% {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

.marquee-main .marquee .heading {
    margin: 0 0;
    padding: 0 2.4rem 0 4rem;
    line-height: normal;
    color: #ffffff;
    position: relative;
    font-weight: 500;
    letter-spacing: 1px;
}

.marquee-main .marquee .heading span {
    color: #ff8625;
    font-weight: 600;
}

.marquee-main .marquee .heading:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    background-color: #ff8625;
    position: absolute;
    left: 2.6rem;
    top: 50%;
    transform: translatey(-50%);
}

/** blog new design css start */
.app-screen-shots {
    display: flex;
    flex-wrap: wrap;
    margin: 1.5rem 0;
}

.app-screen-shots img {
    width: calc(100% / 3);
    object-fit: contain;
    padding: 10px;
}

@media screen and (max-width: 767px) {
    .app-screen-shots img {
        width: calc(100% / 2);
    }
}

/** blog new design css end */

/**new hireus details page start**/
.page-template-hireus_details_new .sub_service_new {
    background-image: url(images/top-section-bg-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.page-template-hireus_details_new .webDevelopmentInn {
    background-color: #ffffff;
    padding: 0px 0px 50px 0px;
}

.page-template-hireus_details_new .hireSectionNew {
    background-color: #ffffff;
}

/**new hireus details page end**/

/* industries css start */
.industrie_banner {
    padding: 0px 0;
    background: rgb(238 58 56);
    background: linear-gradient(90deg, rgb(26 42 66) 0%, rgb(255 134 37) 100%);
    position: relative;
    color: #fff;
}

.industrie_banner .h2 {
    color: #fff;
}

.industrie_banner .h2 span {
    color: #ff8625;
}

.industrie_banner .btn-main .col-12 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.industrie_banner .industrie_banner-image {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
}

.industrie_banner-content {
    padding: 80px 0;
}

@media (min-width: 768px) {
    .page-template-industries_page .industries-solutions-grid-list {
        position: sticky;
        top: 130px;
    }
}

@media (max-width: 991px) {
    .industrie_banner-content {
        padding: 40px 0 30px;
    }
}

.industries-section {
    background: linear-gradient(279.59deg,
            rgb(255 192 141),
            rgb(255 219 189) 62.02%,
            hsla(51, 41%, 97%, 0.7));
    padding: 60px 0;
}

.industries-solutions-item-accordion {
    background-color: #fff;
    border-radius: 14px;
    padding: 20px 25px;
    margin-bottom: 20px;
    cursor: pointer;
}

.industries-solutions-item-accordion .industries-solutions-item-content {
    display: none;
}

.industries-solutions-grid-card {
    height: 100%;
}

.industries-solutions-grid-card .industries-solutions-item-content {
    background-color: #fff;
    padding: 40px;
    border-radius: 26px;
    height: 100%;
    display: none;
}

.industries-solutions-item-content .icon {
    margin-bottom: 15px;
}

.industries-solutions-item-content .icon img {
    display: block;
    max-width: 50px;
}

.industries-solutions-grid-list::-webkit-scrollbar {
    width: 4px;
}

.industries-solutions-grid-list::-webkit-scrollbar-thumb {
    background-color: #ff8625;
}

.industries-solutions-grid-list::-webkit-scrollbar-track {
    background-color: #fdf0e3;
}

.casestudy-new-design {
    position: relative;
    margin: 50px 0 0 0;
}

.casestudy-new-design .column-padding-custom {
    padding: 3rem 2rem;
    position: relative;
    margin-bottom: 3rem;
}

.casestudy-new-design .casestudy-project-category {
    position: absolute;
    right: -2rem;
    width: auto;
    bottom: 6rem;
    background-image: linear-gradient(-45deg, #ff8625 0%, #ee3a38 100%);
    box-shadow: 0px 0px 12.61px 0.39px rgba(0, 0, 0, 0.14);
    color: #fff;
    padding: 50px 20px 20px;
    font-size: 22px;
    font-family: "Montserrat-Bold";
    word-wrap: break-word;
}

.casestudy-new-design .casestudy-project-category:before {
    content: "";
    position: absolute;
    left: 1.4rem;
    top: 2.5rem;
    width: 50%;
    height: 2px;
    background-color: #fff;
}

.casestudy-project-details .casestudy-project-category {
    line-height: normal;
    margin-bottom: 10px;
    color: #afafaf;
}

.casestudy-project-details .casetudy-project-title {
    font-weight: 700;
    font-family: "Montserrat-Bold";
    color: #ff8625;
}

.casestudy-project-details .casestudy-project-content {
    line-height: normal;
}

.casestudy-project-details .casestudy-project-small-info {
    margin-bottom: 0;
}

.casestudy-project-details .casestudy-project-small-info li {
    margin-bottom: 10px;
    line-height: normal;
    padding-left: 20px;
    list-style: none;
}

.casestudy-project-details .casestudy-project-small-info strong {
    color: #ff8625;
}

.casestudy-project-details .casestudy-project-small-info li:before {
    top: 7px;
    left: 0;
}

.casestudy-new-design .column-padding-custom img {
    min-height: 350px;
    object-fit: cover;
}

.casestudy-new-design .casestudy-project-number {
    font-weight: 700;
    font-family: "Montserrat-Bold";
    color: #ff8625;
    font-size: 2rem;
    width: 100%;
    display: block;
    line-height: 1;
}

.casestudy-new-design .casestudy-project-label {
    font-size: 16px;
    margin-top: 5px;
    line-height: normal;
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    display: flow;
}

.casestudy-new-design .casestudy-project-info-main {
    display: flex;
    height: 100%;
}

.casestudy-new-design .casestudy-project-number-info {
    background-color: #fffbfb;
    padding: 1rem;
    text-align: center;
    margin-top: 0;
    margin-bottom: 1rem;
    border: 2px solid #ff8625;
    width: 100%;
    flex: 1;
    min-height: 115px;
}

.casestudy-new-design .column-padding-custom .btn {
    margin-top: 2rem;
}

.casestudy-new-design-main .slick-dots {
    margin-top: 1rem;
}

.casestudy-new-design-inner-content {
    position: relative;
}

.casestudy-new-design-inner-content .casestudy-new-design-block {
    margin: 0 1rem;
}

@media screen and (min-width: 992px) {
    .casestudy-new-design-inner-content:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 70%;
        height: 72%;
        background-color: #ffffff;
        box-shadow: 2px 3px 20px rgb(0 0 0 / 18%);
    }

    .casestudy-new-design .mobile-buton-contact {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .casestudy-new-design .column-padding-custom {
        padding: 0 0rem 0;
    }

    .casestudy-new-design .casestudy-project-category {
        right: 0;
        font-size: 20px;
        line-height: normal;
        bottom: 3rem;
    }

    .casestudy-new-design .column-padding-custom {
        margin-bottom: 1.5rem;
    }

    .casestudy-new-design-main .slick-dots {
        margin-top: 0;
    }

    .casestudy-new-design .column-padding-custom .btn {
        display: none;
    }

    .casestudy-new-design .mobile-buton-contact .btn {
        width: 100%;
        margin-bottom: 2rem;
        margin-top: 1rem;
    }

    .page-template-industries_page .table-technical-stack {
        padding: 50px 0;
    }

    .casestudy-new-design .casestudy-project-number {
        font-size: 25px;
    }
}

@media (max-width: 767px) {
    .casestudy-new-design {
        margin: 30px 0 0 0;
    }

    .casestudy-new-design .casestudy-project-number-info {
        min-height: unset;
    }
}

.hidden-brain-right-inner img {
    max-height: 60px;
    margin-bottom: 20px;
}

/* industries css end */

/* white label css start */
.white-label-banner {
    padding: 0px 0;
    position: relative;
    color: #000;
    overflow: hidden;
}

.white-label-banner .row {
    position: relative;
    z-index: 1;
}

.white-label-banner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(255 235 221 / 85%);
    width: 85%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
}

.white-label-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center;
    filter: blur(6px);
    -webkit-filter: blur(6px);
}

.white-label-banner .h2 {
    color: #000;
}

.white-label-banner .h2 span {
    color: #ff8625;
}

.white-label-banner .btn-main .col-12 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.white-label-banner .white-label-banner-image {
    margin: 0 auto;
    display: block;
    max-width: 600px;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: contain;
}

.white-label-banner-content {
    padding: 60px 0;
}

.white-label-banner-content .inner-banner-content {
    margin-bottom: 2rem;
}

.white-label-banner .right-image-part {
    margin-top: auto;
}

.white-label-banner-content .inner-banner-content .orangeList {
    margin-top: 28px;
}

.white-label-banner-content .inner-banner-content ul li span {
    font-family: "Nunito-Bold";
    color: #ee3a38;
}

@media (min-width: 768px) {
    .page-template-industries_page .industries-solutions-grid-list {
        position: sticky;
        top: 130px;
    }
}

@media (max-width: 991px) {
    .white-label-banner-content {
        padding: 40px 0 30px;
    }

    .white-label-banner:after {
        clip-path: polygon(100% 0, 100% 71%, 0 91%, 0 0);
        width: 100%;
        height: 80%;
    }
}

/**/
.white-label-development-technology {
    padding: 80px 0 30px;
}

.white-label-development-technology-back {
    background-color: #fff;
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.07);
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
    height: calc(100% - 30px);
}

.white-label-development-technology-img {
    width: 12em;
    height: 12em;
    border-radius: 100%;
    /* background-color: #f5f5f5; */
    padding: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.white-label-development-technology-img img {
    display: block;
    /* max-width: 64px;
    max-height: 64px; */
    object-fit: contain;
}

.white-label-development-technology-title {
    margin-bottom: 0;
}

@media (max-width: 1500px) {
    .white-label-development-technology-title {
        font-size: 18px;
    }

    .white-label-development-technology-img {
        width: 4em;
        height: 4em;
    }

    .white-label-development-technology-img img {
        max-width: 50px;
        max-height: 50px;
    }

    .white-label-banner-content .inner-banner-content .orangeList li {
        font-size: 16px;
    }
}

/**/
.why-choose-stl-white-label {
    padding: 60px 0;
}

.why-choose-stl-white-label .section-heading {
    text-align: center;
}

.why-choose-stl-white-label-list-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.why-choose-stl-white-label-list-main .why-choose-stl-white-label-list {
    list-style: none;
}

.why-choose-stl-white-label-block {
    border: 1px solid #dddddd;
    border-radius: 15px;
    padding: 10px;
    display: flex;
    align-items: center;
    height: 100%;
}

.why-choose-stl-white-label-block .why-choose-stl-white-label-block-icon-text {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    background-color: #5dade2;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-family: "Nunito-medium";
    color: #FFF;
}

.why-choose-stl-white-label-block .why-choose-stl-white-label-block-icon-text img {
    max-width: 39px;
}

.why-choose-stl-white-label-block-text {
    color: #000;
    line-height: normal;
}

@media (max-width: 1450px) {
    .why-choose-stl-white-label-block-text {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .why-choose-stl-white-label-list-main {
        grid-template-columns: repeat(2, 1fr);
    }

    .white-label-development-technology {
        padding-top: 50px;
    }
}

@media (max-width: 575px) {
    .why-choose-stl-white-label-list-main {
        grid-template-columns: repeat(1, 1fr);
    }
}

/**/
@media (min-width: 992px) {
    .page-template-white-label .timelineSection .timeline-inner {
        max-width: calc(100% / 5);
    }
}

/**/

.white-label-agency-feedback .section-head .section-heading {
    margin-bottom: 15px;
}

.white-label-agency-feedback .section-head .heading-icon {
    display: block;
    margin-bottom: 20px;
}

.white-label-agency-feedback-back {
    background-color: #f3f3f3;
    padding: 15px 30px;
    border-radius: 40px;
}

.white-label-agency-feedback-block {
    background-color: #fff;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    margin: 15px 0;
    height: calc(100% - 30px);
}

.white-label-agency-feedback-block-profile {
    display: flex;
    align-items: center;
}

.white-label-agency-feedback-block-profile .white-label-agency-image {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    flex: 0 0 auto;
    margin-right: 15px;
    border: 4px solid #a3a3a3;
}

.white-label-agency-feedback-block-profile .white-label-agency-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.white-label-agency-right-info .white-label-agency-name {
    width: 100%;
    display: block;
    color: #000;
    font-family: "Nunito-Bold";
    font-size: 22px;
}

.white-label-agency-right-info .white-label-agency-degignation {
    color: #5dade2;
    font-family: "Nunito-medium";
}

.white-label-agency-feedback-block-content {
    font-size: 16px;
    line-height: normal;
    margin-top: 20px;
}

.white-label-agency-feedback {
    padding-bottom: 60px;
    padding-top: 30px;
}

@media (min-width: 768px) {

    .white-label-agency-feedback-back .row>div:nth-child(2) .white-label-agency-feedback-block,
    .white-label-agency-feedback-back .row>div:nth-child(3) .white-label-agency-feedback-block {
        color: #fff;
        background-color: #ff252594
    }

    .white-label-agency-feedback-back .row>div:nth-child(2) .white-label-agency-feedback-block .white-label-agency-right-info .white-label-agency-degignation,
    .white-label-agency-feedback-back .row>div:nth-child(3) .white-label-agency-feedback-block .white-label-agency-right-info .white-label-agency-degignation {
        color: #000000;
    }

    .white-label-agency-feedback-back .row>div:nth-child(2) .white-label-agency-feedback-block .white-label-agency-right-info .white-label-agency-name,
    .white-label-agency-feedback-back .row>div:nth-child(3) .white-label-agency-feedback-block .white-label-agency-right-info .white-label-agency-name {
        color: #fff;
    }

    .white-label-agency-feedback-back .row>div:nth-child(2) .white-label-agency-feedback-block .white-label-agency-image,
    .white-label-agency-feedback-back .row>div:nth-child(3) .white-label-agency-feedback-block .white-label-agency-image {
        border-color: #ffffff;
    }
}

@media (min-width: 1200px) {
    .white-label-agency-feedback .section-head {
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .white-label-agency-feedback-block-profile .white-label-agency-image {
        width: 70px;
        height: 70px;
        border-width: 2px;
    }

    .white-label-agency-right-info .white-label-agency-name {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .white-label-agency-feedback-back {
        padding: 10px 20px;
        border-radius: 30px;
    }

    .white-label-agency-feedback-block {
        margin: 10px 0;
        height: calc(100% - 20px);
    }

    .white-label-agency-feedback-back .row>div:nth-child(odd) .white-label-agency-feedback-block {
        color: #fff;
        background-color: #ff8625;
    }

    .white-label-agency-feedback-back .row>div:nth-child(odd) .white-label-agency-feedback-block .white-label-agency-right-info .white-label-agency-degignation {
        color: #000000;
    }

    .white-label-agency-feedback-back .row>div:nth-child(odd) .white-label-agency-feedback-block .white-label-agency-right-info .white-label-agency-name {
        color: #fff;
    }

    .white-label-agency-feedback-back .row>div:nth-child(odd) .white-label-agency-feedback-block .white-label-agency-image {
        border-color: #ffffff;
    }
}

/** plan section css start */

.plan-section-main {
    padding: 50px 0;
    background-color: #f7f7f7;
}

.plan-section-main .pricing-tab-main {
    margin-top: 30px;
}

.plan-section-main .section-head {
    text-align: center;
}

.plan-section-main .pricing-tab-main .tab-top {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-bottom: 1px solid #dbdbdb;
}

.plan-section-main .pricing-tab-main .tab-head-item .tab-head-top {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
    color: #330c79;
    font-size: 22px;
    font-family: var(--font-family);
    font-weight: var(--font-weight-bold);
}

.plan-section-main .pricing-tab-main .tab-head-item .tab-head-top .discount-text {
    font-weight: var(--font-weight-regular);
    font-size: 20px;
}

.plan-section-main .pricing-tab-main .tab-head-item .tab-head-text {
    padding: 8px 20px;
    color: #9f9f9f;
    font-family: "Montserrat-Bold";
    min-width: 160px;
    text-align: center;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    margin-top: 10px;
}

.plan-section-main .pricing-tab-main .tab-head-item .tab-head-text.active::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ff8625;
}

.plan-section-main .pricing-tab-main .tab-head-item .tab-head-text.active {
    color: #000;
}

.plan-section-main .pricing-tab-main .tab-content {
    margin-top: 60px;
    overflow: auto;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan-main {
    width: 100%;
    display: none;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan {
    width: 100%;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan-main.active {
    display: table;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan tr:nth-child(even) td {
    background-color: #f1f1f1;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan td:first-child,
.plan-section-main .pricing-tab-main .tab-content .best-plan th:first-child {
    text-align: left;
    background-color: transparent;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan td,
.plan-section-main .pricing-tab-main .tab-content .best-plan th {
    font-size: 16px;
    vertical-align: middle;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan th {
    position: relative;
    overflow: hidden;
    border: 0;
    padding: 20px 15px;
    color: #000000;
    text-align: center;
    z-index: 2;
    width: 20%;
    background-color: #fff;
    border-radius: 0;
    font-size: 22px;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan .price-main {
    padding-top: 25px;
    font-size: 30px;
    font-family: "Montserrat-Bold";
}

.plan-section-main .pricing-tab-main .hours-per-mo {
    font-size: 12px;
    width: 100%;
    display: block;
    max-width: max-content;
    margin: 15px auto 0;
    background-color: #ff8625;
    padding: 0px 15px;
    border-radius: 0;
    color: #fff;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan .price-main td {
    background-color: transparent;
    font-size: 35px;
    color: #1a2a42;
    font-family: "Montserrat-Bold";
    padding: 30px 15px;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan .price-main sub {
    font-size: 18px;
    color: #adadad;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan .price-main sup {
    font-size: 22px;
    color: #1a2a42;
    margin-right: 5px;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan th p {
    width: auto;
    padding: 12px;
    color: #330c79;
    text-align: center;
    margin: 14px auto 0;
    border-top: 1px solid #330c7920;
    line-height: normal;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan td {
    color: #000;
    border: 0;
    position: relative;
    padding: 12px 15px;
    text-align: center;
    width: 20%;
    background-color: transparent;
    line-height: normal;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan tbody td img {
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto;
}

.plan-section-main .pricing-tab-main table .button {
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan-item .best-plan-content .button {
    margin-top: 15px;
    text-align: center;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan tr:last-child td {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: transparent;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan tr td:not(:last-child),
.plan-section-main .pricing-tab-main .tab-content .best-plan tr th:not(:last-child) {
    border-right: 1px solid #d5d5d5;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan th:first-child {
    border-right: 0 !important;
}

.most-popular {
    background-color: #ee3a38;
    color: #fff;
    font-size: 12px;
    width: 150px;
    transform: rotate(45deg);
    position: absolute;
    top: 18px;
    right: -45px;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan th:not(:last-child) .most-popular {
    display: none;
}

.plan-section-main .pricing-tab-main .tab-content .best-plan.half-annually .most-popular {
    display: none;
}

.custom-price-plan-part {
    margin-top: 60px;
    background-color: #ffffff;
    padding: 30px 30px;
    background-image: url();
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.custom-price-plan-part:before {
    opacity: 0.8;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0);
}

.custom-price-plan-part .title {
    line-height: 1;
    margin-bottom: 20px;
    color: #fff;
}

.custom-price-plan-part p {
    color: #fff;
    margin-bottom: 0;
}

.custom-price-plan-part .custom-price-plan-button .button {
    max-width: max-content;
    margin-left: auto;
    margin-right: 0;
    display: block;
}

.custom-price-plan-part .row {
    align-items: center;
}

@media (max-width: 1450px) {
    .plan-section-main .pricing-tab-main .tab-content .best-plan td {
        font-size: 14px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan tbody td img {
        width: 20px;
        height: 20px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan th {
        font-size: 20px;
    }

    .plan-section-main .pricing-tab-main table .button {
        font-size: 14px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan .price-main {
        padding-top: 18px;
        font-size: 25px;
    }
}

@media (max-width: 1199px) {
    .most-popular {
        font-size: 10px;
        top: 12px;
        right: -50px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan .price-main {
        padding-top: 12px;
        font-size: 20px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan .price-main sup {
        font-size: 16px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan .price-main sub {
        font-size: 14px;
    }

    .plan-section-main .pricing-tab-main .hours-per-mo {
        font-size: 10px;
        margin: 10px auto 0;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan td {
        font-size: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .plan-section-main .pricing-tab-main table .button {
        min-width: unset;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan tbody td img {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 991px) {
    .plan-section-main .pricing-tab-main .tab-head-item .tab-head-top {
        font-size: 20px;
    }

    .plan-section-main .pricing-tab-main .tab-head-item .tab-head-top .discount-text {
        font-size: 18px;
    }

    .plan-section-main .pricing-tab-main .tab-head-item .tab-head-text {
        padding: 15px;
        min-width: 140px;
        margin-top: 10px;
        font-size: 16px;
    }

    .plan-section-main .pricing-tab-main .tab-content {
        margin-top: 50px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan th {
        padding: 15px 10px;
        font-size: 16px;
        line-height: normal;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan .price-main td {
        font-size: 26px;
        padding: 20px 15px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan th p {
        padding: 12px;
        margin: 14px auto 0;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan td {
        padding: 10px 10px;
    }

    .most-popular {
        padding: 4px 0;
        top: 10px;
        font-size: 7px;
        right: -58px;
    }

    .plan-section-main .pricing-tab-main .hours-per-mo {
        font-size: 10px;
        padding: 4px 10px;
    }

    .plan-section-main .pricing-tab-main table .button {
        font-size: 10px;
    }
}

@media (max-width: 768px) {
    .custom-price-plan-part {
        margin-top: 40px;
    }

    .custom-price-plan-part .title {
        margin-bottom: 10px;
        text-align: center;
    }

    .custom-price-plan-part .content,
    .custom-price-plan-part p {
        text-align: center;
    }

    .custom-price-plan-part .custom-price-plan-button .button {
        margin-right: auto;
        margin-top: 20px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan tr {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan td {
        height: auto;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan tr td,
    .plan-section-main .pricing-tab-main .tab-content .best-plan tr th {
        width: 25%;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan.half-annually tr td,
    .plan-section-main .pricing-tab-main .tab-content .best-plan.half-annually tr th {
        width: 33.333%;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan tr td:first-child,
    .plan-section-main .pricing-tab-main .tab-content .best-plan tr th:first-child {
        width: 100%;
        text-align: center;
        border-right: 0 !important;
        font-weight: 600;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan tr td:not(:first-child) {
        border-right: 0 !important;
        border-bottom: 1px solid #d5d5d5;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan tr:last-child td:first-child,
    .plan-section-main .pricing-tab-main .tab-content .best-plan tr th:first-child {
        padding: 0;
    }

    .plan-section-main .pricing-tab-main table .button {
        padding-left: 15px;
        padding-right: 15px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan tr th:first-child {
        font-size: 14px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan .price-main {
        padding-top: 8px;
        font-size: 18px;
    }

    .plan-section-main .pricing-tab-main .tab-head-item .tab-head-text {
        padding: 15px 10px;
        min-width: 100px;
        margin-top: 10px;
        font-size: 14px;
    }

    .plan-section-main .pricing-tab-main .tab-content {
        margin-top: 30px;
    }
}

@media (max-width: 550px) {
    .plan-section-main .pricing-tab-main .tab-content .best-plan th {
        padding: 10px 5px;
        font-size: 12px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan .price-main sup {
        font-size: 12px;
        margin-right: 2px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan .price-main {
        padding-top: 6px;
        font-size: 15px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan .price-main sub {
        font-size: 8px;
    }

    .most-popular {
        transform: rotate(0);
        width: 100%;
        left: 0;
        top: 0;
    }

    .best-plan-name {
        padding-top: 10px;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan tr:last-child td:not(:last-child) {
        width: 100%;
        border-bottom: 0;
        padding: 0;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan tr:last-child td:not(:last-child) .button {
        display: none;
    }

    .plan-section-main .pricing-tab-main .tab-content .best-plan tr:last-child td:last-child {
        width: 100%;
        border-bottom: 0;
    }

    .plan-section-main .pricing-tab-main table .button {
        font-size: 12px;
    }
}

.white-label-workflow-section .workflow-single .title {
    font-size: 20px;
}

@media (min-width: 1400px) {
    .white-label-workflow-section .workflow-single .title {
        font-size: 22px;
        margin-bottom: 0;
    }
}

/** plan section css end */

/* white label css end */

.grecaptcha-badge {
    z-index: 999;
}

.casestudy-new-design .casestudy-new-design-main .slick-track {
    display: flex;
}

.casestudy-new-design .casestudy-new-design-main .casestudy-new-design-block {
    height: auto;
    display: flex;
    flex-direction: column;
}

.casestudy-new-design .casestudy-new-design-main .casestudy-new-design-block .row:nth-child(2) {
    margin-top: auto;
}

#scheduleBlogButton {
    border: 0px;
}

.app-category-img {
    text-align: center;
}

/* grocery page new css */
main.new-grocery-app .btn-orange,
main.new-grocery-app .btn-blue,
main.new-grocery-app .top-on-demand-expert .btn,
main.new-grocery-app .btn-wrap .btn {
    background-color: #85c549 !important;
}

main.new-grocery-app .btn-orange:hover,
main.new-grocery-app .btn-blue:hover,
main.new-grocery-app .top-on-demand-expert .btn:hover,
main.new-grocery-app .btn-wrap .btn:hover {
    background-color: #000 !important;
}

main.new-grocery-app h1 span,
main.new-grocery-app h2 span,
main.new-grocery-app h3 span,
main.new-grocery-app h4 span,
main.new-grocery-app h5 span,
main.new-grocery-app h6 span {
    color: #85c549 !important;
}

main.new-grocery-app .app-customization-list li:before,
main.new-grocery-app .app-customization-list li:after {
    border-color: #86c649 !important;
}

main.new-grocery-app .app-category-inner:hover {
    background-color: #86c649;
}

main.new-grocery-app .top-on-demand-sec {
    background-color: #f2ffe5;
}

main.new-grocery-app .top-on-demand-slide:before {
    background-color: #05854a;
}

main.new-grocery-app .top-on-demand-sec .top-on-demand-inn {
    border-color: #86c649;
}

main.new-grocery-app .ondemand-process-inner .h5 {
    color: #86c649;
}

main.new-grocery-app .ondemand-tech-section .nav-tabs .nav-link:after {
    background-color: #86c649;
}

main.new-grocery-app .ondemand-fet-inner .subContent span {
    color: #86c649;
}

main.new-grocery-app .ondemand-business-section ul li:before {
    background-image: url();
}

main.new-grocery-app .ondemand-business-inner .h3:after {
    background-color: #86c649;
}

main.new-grocery-app .hidd-brain-title {
    color: #86c649;
}

main.new-grocery-app .hidden-brain-left>.subContent {
    color: #070024;
}

main.new-grocery-app .bigEmpireContent span,
main.new-grocery-app .bigEmpireContent .subContent {
    color: #86c649;
}

main.new-grocery-app .blogLink:hover span {
    color: #86c649;
}

main.new-grocery-app .blogLink:hover .hashText:after {
    background-color: #86c649;
}

main.new-grocery-app .accordionInner .accordionTitle.active {
    background-color: #86c649;
}

main.new-grocery-app .app-overview-slider-section .slick-dots button {
    background-color: #86c649;
}

main.new-grocery-app .app-overview-slider .slick-slide>.app-overview-img img {
    border: 1px solid #000;
    border-radius: 21px;
}

main.new-grocery-app .anticipate-section {
    position: relative;
    padding: 50px 0;
    z-index: 1;
    background-color: #f2ffe5;
}

.page-id-5342 .addressSection .section-head span,
.page-id-5342 .contactSection .section-head span,
.page-id-5342 .partnerSection .partnerSecHead span {
    color: #85c549;
}

.page-id-5342 .contactSection .btn-orange {
    background-color: #85c549 !important;
}

.page-id-5342 .contactSection .btn-orange:hover {
    background-color: #000 !important;
}

/* end grocery page new css */

/* dating page new css */
main.new-dating-app .btn-orange,
main.new-dating-app .btn-blue,
main.new-dating-app .top-on-demand-expert .btn,
main.new-dating-app .btn-wrap .btn {
    background-color: #f7446e !important;
}

main.new-dating-app .btn-orange:hover,
main.new-dating-app .btn-blue:hover,
main.new-dating-app .top-on-demand-expert .btn:hover,
main.new-dating-app .btn-wrap .btn:hover {
    background-color: #000 !important;
}

main.new-dating-app h1 span,
main.new-dating-app h2 span,
main.new-dating-app h3 span,
main.new-dating-app h4 span,
main.new-dating-app h5 span,
main.new-dating-app h6 span {
    color: #f7446e !important;
}

main.new-dating-app .app-customization-list li:before,
main.new-dating-app .app-customization-list li:after {
    border-color: #f7446e !important;
}

main.new-dating-app .app-category-inner:hover {
    background-color: #f7446e;
}

main.new-dating-app .top-on-demand-sec {
    background-color: rgba(245, 67, 109, 0.1);
}

main.new-dating-app .top-on-demand-slide:before {
    background-color: #1a2a42;
}

main.new-dating-app .top-on-demand-sec .top-on-demand-inn {
    border-color: #f7446e;
}

main.new-dating-app .ondemand-process-inner .h5 {
    color: #f7446e;
}

main.new-dating-app .ondemand-tech-section .nav-tabs .nav-link:after {
    background-color: #f7446e;
}

main.new-dating-app .ondemand-fet-inner .subContent span {
    color: #f7446e;
}

main.new-dating-app .ondemand-business-section ul li:before {
    background-image: url();
}

main.new-dating-app .ondemand-business-inner .h3:after {
    background-color: #f7446e;
}

main.new-dating-app .hidd-brain-title {
    color: #f7446e;
}

main.new-dating-app .hidden-brain-left>.subContent {
    color: #070024;
}

main.new-dating-app .bigEmpireContent span,
main.new-dating-app .bigEmpireContent .subContent {
    color: #f7446e;
}

main.new-dating-app .blogLink:hover span {
    color: #f7446e;
}

main.new-dating-app .blogLink:hover .hashText:after {
    background-color: #f7446e;
}

main.new-dating-app .accordionInner .accordionTitle.active {
    background-color: #f7446e;
}

main.new-dating-app p a {
    color: #f7446e !important;
}

main.new-dating-app .app-overview-slider-section .slick-dots button {
    background-color: #f7446e;
}

main.new-dating-app .app-overview-slider .slick-slide>.app-overview-img img {
    border: 1px solid #000;
    border-radius: 21px;
}

main.new-dating-app .anticipate-section {
    position: relative;
    padding: 50px 0;
    z-index: 1;
    background-color: rgb(245 67 109 / 10%);
}

.page-id-5436 .addressSection .section-head span,
.page-id-5436 .contactSection .section-head span,
.page-id-5436 .partnerSection .partnerSecHead span {
    color: #f7446e;
}

.page-id-5436 .contactSection .btn-orange {
    background-color: #f7446e !important;
}

.page-id-5436 .contactSection .btn-orange:hover {
    background-color: #000 !important;
}

/* end dating page new css */

/* video section */
.video-section-main::after {
    display: none;
}

.video-section-main {
    background: #f5f5f5;
}

.video-section-main .section-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 85%;
}

.video-section-main .container {
    position: relative;
}

/* video section */

/* anticipate-section */
.anticipate-section {
    position: relative;
    padding: 50px 0;
    z-index: 1;
}

.anticipate-section .title {
    margin-bottom: 50px;
}

.anticipate-section .anticipate-section-img {
    position: relative;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .anticipate-section .anticipate-section-img {
        margin-bottom: 20px;
    }

    .anticipate-section .title {
        margin-bottom: 30px;
    }
}

/* anticipate-section */

/* blog banner default */
.blog-content-banner {
    background-color: #fff7f7;
    padding: 40px 25px;
    border-radius: 0;
    text-align: center;
    margin-bottom: 20px;
    border: 5px solid;
    border-image-slice: 1;
    box-shadow: 0px 8px 13px rgba(0, 0, 0, 0.1);
    border-image-source: linear-gradient(145deg,
            #ff8625,
            #fad64800,
            #a767e500,
            #12bcfe00,
            #ff8625);
}

.blog-content-banner .blog-content-banner-title {
    font-weight: bold;
    color: #1a2a42;
}

.blog-content-banner .blog-content-banner-content {
    font-size: 16px;
    line-height: normal;
    color: #1f2f4b;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.blog-content-banner .btn-wrap a {
    display: block;
    max-width: max-content;
    margin: 0 auto;
}

.blog-content-banner p:empty {
    display: none;
}

@media (max-width: 767px) {
    .blog-content-banner {
        padding: 30px 20px;
    }
}

@media (max-width: 480px) {
    .blog-content-banner .btn-wrap a {
        font-size: 14px;
    }
}

/* end blog banner default */

/* blog banner one */
.blog-banner-design-one {
    padding: 0 30px 0px 15px;
    position: relative;
    background-image: linear-gradient(to right, #fe781c, #ffa149);
    margin-bottom: 20px;
}

.blog-banner-design-one-inner {
    display: flex;
}

.blog-banner-design-one-top-image {
    width: 14vw;
    position: absolute;
    top: 0;
    left: 0;
}

.blog-banner-design-one-image {
    width: 30%;
    display: flex;
    align-items: end;
}

.blog-banner-design-one-info-right {
    width: 70%;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog-banner-design-one-image img {
    display: block;
}

.blog-banner-design-one-info-right .blog-banner-design-one-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}

.blog-banner-design-one-info-right .blog-banner-design-one-content {
    font-size: 16px;
    line-height: normal;
    position: relative;
    color: #fff;
    margin-bottom: 20px !important;
    min-height: 70px;
}

.blog-banner-design-one-info-right .btn-wrap {
    text-align: left !important;
}

.blog-banner-design-one-info-right .btn-wrap .btn-white {
    display: block;
    max-width: fit-content;
    font-size: 20px;
    line-height: normal;
    min-width: fit-content;
    color: #000 !important;
    border-radius: 4px;
    font-weight: bold;
}

.blog-banner-design-one-info-right .btn-wrap .btn-white:hover {
    background-color: #000;
    color: #fff !important;
}

.blog-banner-design-one P:empty {
    display: none;
}

@media (max-width: 1400px) {
    .blog-banner-design-one-info-right .blog-banner-design-one-title {
        font-size: 25px;
    }

    .blog-banner-design-one-info-right .btn-wrap a {
        font-size: 18px;
    }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .blog-banner-design-one-info-right .blog-banner-design-one-title {
        font-size: 22px;
    }

    .blog-banner-design-one-info-right .btn-wrap a {
        font-size: 14px;
    }

    .blog-banner-design-one-info-right .blog-banner-design-one-content {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .blog-banner-design-one {
        padding: 30px 20px;
    }

    .blog-banner-design-one-image {
        display: none;
    }

    .blog-banner-design-one-info-right {
        width: 100%;
        align-items: center;
        padding: 0;
    }

    .blog-banner-design-one-info-right .blog-banner-design-one-content,
    .blog-banner-design-one-info-right .blog-banner-design-one-title {
        text-align: center;
    }

    .blog-banner-design-one-info-right .btn-wrap a {
        font-size: 16px;
    }

    .blog-banner-design-one-info-right .blog-banner-design-one-title {
        font-size: 22px;
    }
}

@media (max-width: 480px) {
    .blog-banner-design-one-info-right .btn-wrap a {
        font-size: 14px;
    }
}

/* end elog banner one */

/* blog banner two */
.blog-banner-design-two {
    background-color: #fafafa;
    margin-bottom: 20px;
}

.blog-banner-design-two p:empty {
    display: none;
}

.blog-banner-design-two img {
    display: block;
    position: relative;
    max-height: 100%;
}

.blog-banner-design-two-inner {
    display: flex;
    position: relative;
}

.blog-banner-design-two .blog-banner-design-two-image {
    width: 35%;
    position: relative;
}

.blog-banner-design-two .blog-banner-design-two-image:before {
    content: "";
    position: absolute;
    right: 8%;
    top: 69%;
    width: 53px;
    height: 41px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: contain;
}

.blog-banner-design-two .blog-banner-design-two-info-right {
    width: 65%;
    padding: 25px 35px 25px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog-banner-design-two-right-img {
    position: absolute;
    right: 0;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.blog-banner-design-two .blog-banner-design-two-title {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
}

.blog-banner-design-two .blog-banner-design-two-title:before {
    content: "";
    position: absolute;
    right: 18%;
    top: 28%;
    width: 53px;
    height: 41px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: contain;
}

.blog-banner-design-two .blog-banner-design-two-content {
    margin-bottom: 20px !important;
    font-size: 16px;
    line-height: normal;
}

.blog-banner-design-two .btn-wrap .btn {
    font-weight: 700;
    border-radius: 60px;
    font-size: 20px;
}

.blog-banner-design-two .blog-banner-design-two-bottom-image {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 150px;
    width: 15vw;
}

@media (max-width: 1500px) {
    .blog-banner-design-two .blog-banner-design-two-title {
        font-size: 30px;
    }
}

@media (max-width: 1400px) {
    .blog-banner-design-two .blog-banner-design-two-title {
        font-size: 25px;
    }

    .blog-banner-design-two .btn-wrap .btn {
        font-size: 18px;
    }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .blog-banner-design-two .blog-banner-design-two-title {
        font-size: 22px;
    }

    .blog-banner-design-two .btn-wrap .btn {
        font-size: 14px;
    }

    .blog-banner-design-two .blog-banner-design-two-content {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .blog-banner-design-two .blog-banner-design-two-info-right {
        padding: 30px 20px;
        width: 100%;
    }

    .blog-banner-design-two .blog-banner-design-two-image {
        width: auto;
    }

    .blog-banner-design-two .blog-banner-design-two-image img {
        display: none;
    }

    .blog-banner-design-two .blog-banner-design-two-image:before {
        right: auto;
        left: 20px;
        bottom: 30px;
        top: auto;
    }

    .blog-banner-design-two .blog-banner-design-two-title {
        font-size: 22px;
        text-align: center;
    }

    .blog-banner-design-two .blog-banner-design-two-content {
        text-align: center;
    }

    .blog-banner-design-two .btn-wrap {
        text-align: center;
    }

    .blog-banner-design-two .btn-wrap .btn {
        font-size: 16px;
    }

    .blog-banner-design-two .blog-banner-design-two-title:before {
        display: none;
    }
}

@media (max-width: 480px) {
    .blog-banner-design-two .btn-wrap .btn {
        font-size: 14px;
    }
}

/* end blog banner two */

/* blog banner three */

.blog-banner-design-three {
    padding: 20px;
    position: relative;
    border: 1px solid #ffefe3;
    margin-bottom: 20px;
}

.blog-banner-design-three .blog-banner-design-three-inner {
    border: 2px solid #e4e4e4;
    padding: 30px;
    min-height: 258px;
    display: flex;
    align-items: center;
}

.blog-banner-design-three .blog-banner-design-three-left-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
}

.blog-banner-design-three .blog-banner-design-three-right-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 17%;
    text-align: right;
}

.blog-banner-design-three img {
    display: block;
}

.blog-banner-design-three p:empty {
    display: none;
}

.blog-banner-design-three .blog-banner-design-three-info-right {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

.blog-banner-design-three .blog-banner-design-three-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}

.blog-banner-design-three .blog-banner-design-three-content {
    line-height: normal;
    font-size: 16px;
}

.blog-banner-design-three .btn-wrap .btn {
    border-radius: 4px;
    font-size: 20px;
    font-weight: 600;
}

.blog-banner-design-three .blog-banner-design-three-content {
    margin-bottom: 25px !important;
}

@media (max-width: 1400px) {
    .blog-banner-design-three .blog-banner-design-three-title {
        font-size: 25px;
    }

    .blog-banner-design-three .btn-wrap .btn {
        font-size: 18px;
    }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .blog-banner-design-three .blog-banner-design-three-title {
        font-size: 22px;
    }

    .blog-banner-design-three .btn-wrap .btn {
        font-size: 14px;
    }

    .blog-banner-design-three .blog-banner-design-three-info-right {
        max-width: 88%;
    }

    .blog-banner-design-three .blog-banner-design-three-content {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .blog-banner-design-three .blog-banner-design-three-inner {
        padding: 30px 20px;
    }

    .blog-banner-design-three {
        padding: 15px;
    }

    .blog-banner-design-three .blog-banner-design-three-title {
        font-size: 22px;
    }

    .blog-banner-design-three .btn-wrap .btn {
        font-size: 16px;
    }

    .blog-banner-design-three .blog-banner-design-three-info-right {
        max-width: 92%;
    }
}

@media (max-width: 480px) {
    .blog-banner-design-three .blog-banner-design-three-info-right {
        max-width: 100%;
    }

    .blog-banner-design-three .btn-wrap .btn {
        font-size: 14px;
    }
}

/* end blog banner three */

/* blog banner four */
.blog-banner-design-four {
    background-color: #fe8625;
    display: flex;
    position: relative;
    margin-bottom: 20px;
}

.blog-banner-design-four:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: 2vw;
    width: 15vw;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 100%;
    transform: translatex(-50%);
}

.blog-banner-design-four:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 100%;
    width: 54px;
    height: 65px;
}

.blog-banner-design-four p:empty {
    display: none;
}

.blog-banner-design-four .blog-banner-design-four-info-right {
    padding: 40px 15px 40px 50px;
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog-banner-design-four .blog-banner-design-four-title {
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 15px;
}

.blog-banner-design-four .blog-banner-design-four-content {
    line-height: normal;
    color: #fff;
    margin-bottom: 20px !important;
    font-size: 16px;
}

.blog-banner-design-four .blog-banner-design-four-image {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 35%;
}

.blog-banner-design-four .btn-wrap .btn {
    font-size: 20px;
    font-weight: bold;
}

.blog-banner-design-four .btn-wrap .btn:hover {
    background-color: #fff !important;
    color: #000 !important;
}

@media (max-width: 1500px) {
    .blog-banner-design-four .blog-banner-design-four-title {
        font-size: 30px;
    }
}

@media (max-width: 1400px) {
    .blog-banner-design-four .blog-banner-design-four-title {
        font-size: 25px;
    }

    .blog-banner-design-four .btn-wrap .btn {
        font-size: 18px;
    }

    .blog-banner-design-four .blog-banner-design-four-info-right {
        padding: 30px 15px 30px 40px;
    }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .blog-banner-design-four .blog-banner-design-four-title {
        font-size: 22px;
    }

    .blog-banner-design-four .btn-wrap .btn {
        font-size: 14px;
    }

    .blog-banner-design-four .blog-banner-design-four-content {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .blog-banner-design-four .blog-banner-design-four-title {
        font-size: 22px;
    }

    .blog-banner-design-four .btn-wrap .btn {
        font-size: 16px;
    }

    .blog-banner-design-four .blog-banner-design-four-info-right {
        padding: 30px 20px 30px 20px;
        width: 100%;
        text-align: center;
    }

    .blog-banner-design-four .blog-banner-design-four-image {
        display: none;
    }
}

/* end blog banner four */

/**Promotion modal start**/
body.promo-modal-open {
    overflow: hidden;
}

.promotion-quote-modal {
    position: fixed;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 8vw;
    display: none;
}

.promotion-quote-modal .promotion-quote-modal-back {
    background-color: #fff;
    z-index: 2;
    margin: auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    max-width: 940px;
    border-radius: 24px;
    width: calc(100% - 30px);
    background-image: url();
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: right;
    overflow: hidden;
}

.promotion-quote-modal.active {
    display: flex;
    padding: 30px 0;
}

.promotion-quote-modal .promotion-quote-modal-back>div {
    flex: 1;
}

.promotion-quote-modal .left-promotion-content {
    background-color: rgba(217, 217, 217, 0.15);
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.promotion-quote-modal .left-promotion-content>* {
    max-width: 340px;
    width: 100%;
}

.promotion-quote-modal .promotion-heading {
    text-align: center;
    margin-bottom: 25px;
    letter-spacing: 0.03em;
    color: #f68b1f;
    font-weight: bold;
    font-family: "Montserrat-Bold";
}

.promotion-quote-modal .promotion-heading span {
    font-size: 28px;
    color: #000;
    font-family: "Montserrat-Regular";
    width: 100%;
    display: block;
}

.promotion-quote-modal .promotion-list {
    margin: 0;
    padding: 0;
}

.promotion-quote-modal .promotion-list-back {
    list-style: none;
    background-color: #fff;
    padding: 18px 14px 8px;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: flex-start;
}

.promotion-quote-modal .promotion-list-icon {
    width: 50px;
}

.promotion-quote-modal .promotion-list-right-content {
    width: calc(100% - 50px);
    padding-left: 25px;
}

.promotion-quote-modal .promotion-list-heading {
    font-size: 15px;
    font-weight: bold;
    text-transform: capitalize;
    font-family: "Montserrat-Bold";
    margin-bottom: 6px;
}

.promotion-quote-modal .promotion-list-subheading {
    margin-bottom: 0 !important;
    line-height: normal;
    font-size: 12px;
    color: #000000;
}

.promotion-quote-modal .right-quote-form {
    padding: 40px;
}

.promotion-quote-modal .right-quote-form .heading {
    font-weight: 600;
    font-family: "Montserrat-SemiBold";
    margin-bottom: 25px;
}

.promotion-quote-modal .form-group {
    margin-bottom: 18px;
}

.promotion-quote-modal .form-group label {
    font-size: 14px;
    font-weight: 500;
    font-family: "Nunito-Medium";
    color: #000;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    order: 0;
    line-height: normal;
}

.promotion-quote-modal .form-group input::placeholder,
.promotion-quote-modal .form-group textarea::placeholder {
    color: #667085;
    opacity: 1;
}

.promotion-quote-modal .form-group input,
.promotion-quote-modal .form-group textarea {
    border: 1px solid #d0d5dd;
    background-color: #fff;
    font-size: 14px;
    padding: 11px 15px;
    line-height: normal;
    border-radius: 7px;
    font-weight: 400;
    font-family: "Nunito-Regular";
    width: 100%;
}

.promotion-quote-modal .form-group p {
    margin-bottom: 0 !important;
}

.promotion-quote-modal .customnumber p {
    flex-wrap: wrap;
}

.promotion-quote-modal .customnumber .wpcf7-form-control-wrap {
    order: 1;
}

.promotion-quote-modal .customnumber #poppin {
    border-right: 0;
    border-radius: 7px 0 0 7px;
}

.promotion-quote-modal .customnumber .wpcf7-form-control-wrap[data-name="popcontactno"] {
    width: calc(100% - 105px);
}

.promotion-quote-modal .customnumber #estimate-phone,
.promotion-quote-modal .customnumber .customNumberData {
    border-left: 0;
    border-radius: 0 7px 7px 0;
    padding-left: 0;
}

.promotion-quote-modal .form-group textarea {
    max-height: 115px;
    min-height: 60px;
}

.promotion-quote-modal .form-button .submit-btn {
    margin-bottom: 0 !important;
}

.promotion-quote-modal .form-button .submit-btn input {
    width: 100%;
    border-radius: 7px;
    line-height: normal;
    font-size: 16px;
}

.promotion-quote-modal .close {
    position: absolute;
    right: 25px;
    top: 25px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.promotion-quote-modal .form-group .wpcf7-not-valid-tip,
.promotion-quote-modal .form-group label.error {
    font-size: 12px;
    line-height: normal;
}

.promotion-quote-modal .form-button .submit-btn .wpcf7-spinner {
    left: 40%;
}

@media screen and (max-width: 992px),
screen and (max-height: 650px) {
    .promotion-quote-modal .form-group {
        margin-bottom: 12px;
    }

    .promotion-quote-modal .right-quote-form .heading {
        margin-bottom: 15px;
    }

    .promotion-quote-modal .promotion-heading {
        margin-bottom: 15px;
    }

    .promotion-quote-modal .right-quote-form,
    .promotion-quote-modal .left-promotion-content {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .promotion-quote-modal .close {
        right: 20px;
        top: 15px;
    }

    .promotion-quote-modal .form-group textarea {
        max-height: 90px;
    }

    .promotion-quote-modal .form-group input,
    .promotion-quote-modal .form-group textarea {
        padding: 8px 15px;
    }
}

@media (max-width: 991px) {

    .promotion-quote-modal .left-promotion-content,
    .promotion-quote-modal .right-quote-form {
        padding: 30px;
    }

    .promotion-quote-modal .promotion-heading span {
        font-size: 20px;
    }

    .promotion-quote-modal .close {
        right: 10px;
        top: 10px;
    }
}

@media (max-width: 767px) {

    .promotion-quote-modal .left-promotion-content,
    .promotion-quote-modal .right-quote-form {
        padding: 30px 20px;
    }

    .promotion-quote-modal .customnumber .wpcf7-form-control-wrap[data-name="popcontactno"] {
        width: calc(100% - 90px);
    }

    .promotion-quote-modal .promotion-list-icon {
        width: 40px;
    }

    .promotion-quote-modal .promotion-list-right-content {
        width: calc(100% - 40px);
        padding-left: 12px;
    }

    .promotion-quote-modal .promotion-list-heading {
        font-size: 14px;
    }

    .promotion-quote-modal .right-quote-form .heading {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .promotion-quote-modal .promotion-heading {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .promotion-quote-modal .form-group input,
    .promotion-quote-modal .form-group textarea {
        padding: 8px 15px;
    }
}

@media (max-width: 600px) {
    .promotion-quote-modal .promotion-quote-modal-back {
        max-width: 400px;
    }

    .promotion-quote-modal .promotion-quote-modal-back>div {
        flex: 0 0 100%;
    }

    .promotion-quote-modal .left-promotion-content>* {
        max-width: 100%;
    }

    .promotion-quote-modal .left-promotion-content,
    .promotion-quote-modal .right-quote-form {
        padding: 30px 25px;
    }

    .promotion-quote-modal .left-promotion-content {
        display: none;
    }
}

/**Promotion modal end**/

/* whatsapp css start */
.whatsapp-custom-widget {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999999;
}

.whatsapp-custom-widget .whatsapp-custom-label {
    display: none;
    font-size: 12px;
    color: #000;
    background-color: #f5f7f9;
    padding: 8px 12px;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-right: 60px;
    line-height: 1.5;
}

#wa-btn-wrapper #wa_btn-content {
    padding: 10px 10px;
}

#wa-btn-wrapper #wa_btn-content p {
    margin-left: 0 !important;
}

#wa-widget-wrapper #wa_widget-content {
    width: 400px;
}

#wa-widget-wrapper .wa_widget-brand-container {
    position: relative;
    padding: 10px 16px;
}

#wa-widget-wrapper .wa_widget-brand-container .wa_widget-brand-image {
    height: 50px;
    width: 50px;
    display: flex;
}

#wa-widget-wrapper .wa_widget-brand-container .wa_widget-brand-info p {
    margin: 5px 0 0 !important;
    line-height: 1.2;
}

#wa-widget-wrapper .wa_widget-brand-container .wa_widget-close-btn {
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    width: 30px;
    height: 30px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#wa-widget-wrapper .wa_widget-message-container {
    background-color: #e5e3e4;
    padding: 20px 16px;
    min-height: 180px;
}

#wa-widget-wrapper .wa_widget-message {
    padding: 10px 16px;
    border-radius: 10px;
}

#wa-widget-wrapper .wa_widget-message p {
    margin-bottom: 0 !important;
    line-height: 1.2;
}

#wa-widget-wrapper .wa_widget-button-container {
    padding: 16px;
}

#wa-widget-wrapper .wa_widget-button-container .wa_widget-button {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    padding: 10px 16px;
}

#wa-widget-wrapper .wa_widget-button-container .wa_widget-button svg {
    width: 20px;
    height: 20px;
}

#wa-widget-wrapper .wa_widget-button-container .wa_widget-button p {
    margin: 0 !important;
}

/* whatsapp css end */

.page-template-thank-you .promotion-quote-modal {
    display: none !important;
}

.blog-footer-banner {
    cursor: pointer;
}

/** breadcrumbs css start */

.breadcrumbs-container {
    padding: 10px 0;
}

.breadcrumbs-container .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 10px;
    font-size: 12px;
    color: #a7a7a7;
}

.template-pages-breadcrumbs.breadcrumbs-container .container,
.blog-white-breadcrumbs .container {
    padding: 0px;
    margin-bottom: 30px;
}

.template-pages-breadcrumbs.breadcrumbs-container.case-study-breadcrumb {
    padding-left: 50px;
}

.breadcrumbs-container .container .breadcrumbs-link {
    color: #000;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.breadcrumbs-container.white-breadcrumbs .container .breadcrumbs-link,
.blog-white-breadcrumbs .container .breadcrumbs-link {
    color: #ffffff;
}

.center-breadcrumb .container {
    justify-content: center;
}

@media(max-width: 991px) {
    .template-pages-breadcrumbs.responsive-breadcrumbs-center .container {
        justify-content: center;
    }
}

/** breadcrumbs css end */


/* sitemap-section css start */
.main-sitemap {
    background-image: url();
    background-size: 100% 100%;
    overflow: hidden;
}

.main-sitemap .heading-text {
    font-family: "Montserrat-Bold";
    text-align: center;
    color: #fff;
}

.main-sitemap .sitemap-heading {
    z-index: 999;
}

.main-sitemap .orange-text {
    color: #FF8625;
}

.main-sitemap .breadcrumbs {
    text-align: center;
    padding-top: 30px;
}

.main-sitemap .breadcrumbs ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-sitemap .breadcrumbs img {
    height: 16px;
    width: 16px;
}

.main-sitemap .breadcrumbs ul li {
    z-index: 0;
    padding: 0 20px;
    position: relative;
    display: inline-block;
    color: #FF8625;
}

.main-sitemap .breadcrumbs span {
    line-height: normal;
}

.main-sitemap .breadcrumbs ul li a {
    color: #fdfde1;
}

.main-sitemap .row1 {
    background-image: url();
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0px;
    position: relative;
    z-index: 2;
}

.main-sitemap .row1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #192940;
    opacity: 0.9;
    z-index: 1;
}

.main-sitemap .row1 .inner-title-heading {
    color: #fff;
    text-align: center;
}

.main-sitemap .alphabets {
    font-weight: bold;
    font-family: "Montserrat-Bold";
    margin-bottom: 30px;
    position: relative;
}

.main-sitemap .alphabets::after {
    content: "";
    background-color: #FF8625;
    left: 0px;
    bottom: -5px;
    height: 4px;
    width: 30px;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
    position: absolute;
}

.main-sitemap .sitemap-link-title {
    font-weight: bold;
}

.main-sitemap .alphabets-col {
    padding-bottom: 30px;
}

.main-sitemap .sitemap-inner-section {
    padding: 50px 0px;
}

.main-sitemap .row {
    display: flex;
    flex-wrap: wrap;
}

.main-sitemap .col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.main-sitemap .style-check {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.main-sitemap .sitemap-boxes {
    margin-bottom: 40px;
}

.main-sitemap .style-check ul {
    list-style: none;
}

.main-sitemap .style-check li {
    position: relative;
    padding-left: 1.875rem;
    margin-bottom: 1rem;
    list-style: none;
}

.main-sitemap .style-check a {
    color: #4e5464;
}

.main-sitemap .style-check a:hover {
    color: #FF8625;
    transition: all 0.3s ease-in-out;
}

.main-sitemap .style-check li::after {
    content: "";
    background-image: url();
    position: absolute;
    height: 10px;
    width: 10px;
    left: 0;
    top: .5625rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.main-sitemap .alphabets a {
    color: #070024;
}

@media (max-width: 1199px) {
    .main-sitemap .style-check {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .main-sitemap .style-check {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* sitemap-section css end */
/* category list css start */

.category-list-main {
    margin-top: 30px;
    position: relative;
    z-index: 99;
}

.blog-category-tab-part {
    max-width: 1224px;
    margin: 0 auto;
}

.category-list-main .blog-category-tab-part .blog-category-list {
    justify-content: flex-start;
    margin: 0;
    padding-bottom: 1px;
    position: relative;
}

.category-list-main .blog-category-tab-part .blog-category-list:before {
    content: "";
    background-color: #f6f6f6;
    width: 100%;
    height: calc(100% - 8px);
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
}

.category-list-main .blog-category-tab-part .blog-category-list .nav-item {
    position: relative;
    padding-bottom: 8px;
}

.category-list-main .blog-category-tab-part .blog-category-list .nav-item:before {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 4px);
    transform: translatey(-50%);
    height: 40%;
    width: 1px;
    background-color: #d7d7d7;
}

.category-list-main .blog-category-tab-part .blog-category-list .nav-item .nav-link {
    margin: 0;
    position: relative;
    background-color: #f6f6f6;
    color: #000;
    white-space: nowrap;
    border-radius: 0;
    padding: 11px 25px 15px;
}

.category-list-main .blog-category-tab-part .blog-category-list .nav-item .nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #ff8625;
    transition: all 0.3s linear;
    transform: scaleX(0);
    opacity: 0;
}

.category-list-main .blog-category-tab-part .blog-category-list .nav-item .nav-link:hover:before,
.category-list-main .blog-category-tab-part .blog-category-list .nav-item .nav-link.active:before,
.category-list-main .blog-category-tab-part .blog-category-list .nav-item.other-active .nav-link:before {
    transform: scale(1);
    opacity: 1;
}

.category-list-main .blog-category-tab-part .blog-category-list .nav-item .nav-link:hover,
.category-list-main .blog-category-tab-part .blog-category-list .nav-item .nav-link.active,
.category-list-main .blog-category-tab-part .blog-category-list .nav-item.other-active .nav-link {
    color: #ffffff;
    background-color: #1a2a42;
}

.blog-category-dropdown {
    cursor: pointer;
}

.blog-category-dropdown .dropdown-icon {
    position: absolute;
    width: 12px;
    right: 12px;
    top: calc(50% - 5px);
    transform: translatey(-50%);
}

.blog-category-dropdown:hover .nav-link,
.blog-category-dropdown.active .nav-link {
    background-color: #1a2a42 !important;
    color: #fff !important;
}

.blog-category-dropdown:hover .nav-link::before,
.blog-category-dropdown.active .nav-link::before,
.blog-category-dropdown.other-active .nav-link::before {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.blog-category-dropdown .dropdown-icon img {
    display: block;
    transition: all 0.3s linear;
}

.blog-category-dropdown.other-active .dropdown-icon img,
.blog-category-dropdown:hover .dropdown-icon img {
    filter: invert(1);
}

.blog-category-dropdown .dropdown-icon.icon-rotate img {
    filter: invert(1);
    transform: rotate(180deg);
}


.blog-category-dropdown-block {
    max-height: 300px;
    position: absolute;
    background-color: #ffffff;
    min-width: 270px;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
    z-index: 9;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    max-height: 0;
    right: 0;
}

.blog-category-dropdown-block.show {
    max-height: 300px;
    padding: 20px 0;
    overflow-y: auto;
}

.blog-category-dropdown-block li {
    list-style: none;
}

.blog-category-dropdown-block .blog-category-dropdown-link {
    color: #000;
    padding: 10px 20px;
    display: block;
    line-height: normal;
    font-size: 16px;
    position: relative;
}

.blog-category-dropdown .nav-link {
    padding-right: 40px !important;
}

.blog-category-dropdown-block .blog-category-dropdown-link:hover,
.blog-category-dropdown-block .blog-category-dropdown-link.active {
    color: #ffffff;
    background-color: #1a2a42;
}

.blog-category-dropdown-block .blog-category-dropdown-link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #ff8625;
    transition: all 0.3s linear;
    transform: scaleX(0);
    opacity: 0;
}

.blog-category-dropdown-block .blog-category-dropdown-link:hover::before,
.blog-category-dropdown-block .blog-category-dropdown-link.active::before {
    transform: scale(1);
    opacity: 1;
}

@media (max-width: 1440px) {
    .category-list-main .blog-category-tab-part .blog-category-list .nav-item .nav-link {
        padding: 11px 25px 15px;
        font-size: 16px;
    }
}

@media (max-width: 1199px) {
    .category-list-main .blog-category-tab-part .blog-category-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .category-list-main .blog-category-tab-part .blog-category-list .nav-item .nav-link {
        padding: 11px 30px 15px;
    }
}

@media (max-width: 767px) {
    .category-list-main .blog-category-tab-part .blog-category-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-category-dropdown-block {
        min-width: 256px;
    }

}

@media (max-width: 600px) {
    .category-list-main .blog-category-tab-part .blog-category-list {
        grid-template-columns: repeat(1, 1fr);
        padding: 30px 0px;
    }

    .category-list-main .blog-category-tab-part .blog-category-list .nav-item {
        max-width: 250px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .blog-category-dropdown-block {
        min-width: 100%;
    }

    .blog-category-dropdown .dropdown-icon {
        right: 75px;
    }
}

/* category list css end */

/**blogs code section **/
.syntaxhighlighter .string a {
    pointer-events: none;
}

/**blogs code section **/

/* on-demand-feature-section css start */

.feature-section {
    background-color: #f5f5f5;
    padding: 50px 0;
}

.feature-section .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.feature-section .slider-section {
    width: 45%;
    text-align: center;
    margin: auto;
}

/* slider-css */
.feature-section .slideshow {
    position: relative;
    display: flex;
    justify-content: center;
}

.feature-section .slide {
    display: flex;
    justify-content: center;
    padding: 0 8px;
}

.feature-section .slide img {
    max-width: 100%;
}

.feature-section .slick-prev,
.feature-section .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    width: 65px;
    height: 65px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    border: none;
    justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

.feature-section .slick-arrow svg path {
    color: #ff8625;
}

.feature-section .slider-section .slick-arrow:hover svg path {
    color: #ffffff !important;
}

.feature-section .slick-arrow:hover {
    background-color: #ff8625;
}

.feature-section .slick-prev {
    left: 5px;
}

.feature-section .slick-next {
    right: 5px;
}

/* slider-end*/


.feature-section .main-content {
    width: 55%;
    padding-left: 20px;
}

.feature-section.reverse .main-content {
    padding-left: 0px;
    padding-right: 20px;
}


.feature-section .heading {
    margin-bottom: 30px;
    font-weight: bold;
    font-family: "Montserrat-Bold";
}

.feature-section .sub-heading-content {
    color: #000;
}

.feature-section .sub-heading-content span {
    color: #000;
    font-weight: bold;
}

.feature-section .feature-list .on-demand-feature-text {
    text-align: left;
}

.feature-section .feature-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.feature-section .feature-list li {
    list-style: none;
    background-color: #fff;
    padding: 11px 24px;
    border: 1px solid #E2E2E2;
    border-radius: 20px;
    display: flex;
    align-items: center;
}

.feature-section .feature-list li:hover {
    border-color: #ff8625;
}

.feature-section .feature-list li:hover .feature-icon {
    background-color: #ff8625;
}

.feature-section .feature-list li:hover .feature-icon img {
    filter: brightness(0) invert(1);
}

.feature-section .feature-list .feature-icon {
    flex: 0 0 70px;
    height: 70px;
    background-color: #F6F9F4;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.feature-section .feature-list .feature-icon img {
    max-width: 42px;
    width: 100%;
}

.feature-section .feature-list .feature-text {
    color: #000;
}

.feature-section .feature-img-sec {
    padding: 30px;
}

.blog-footer-banner {
    cursor: pointer;
}

@media (max-width: 1440px) {
    .feature-section .slider-section {
        width: 40%;
    }

    .feature-section .main-content {
        width: 60%;
    }

    .feature-section .slick-list {
        margin: 0px 65px;
    }

    .feature-section .slick-prev,
    .feature-section .slick-next {
        width: 50px;
        height: 50px;
        padding: 15px;
    }

    .feature-section .feature-text {
        line-height: normal;
    }

    .feature-section .feature-list {
        gap: 20px;
    }

}

@media (max-width: 1199px) {
    .feature-section .row {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .feature-section .slider-section {
        order: 1;
        width: 100%;
        margin-bottom: 20px;
    }

    .feature-section .main-content {
        order: 2;
        width: 100%;
        max-width: 100%;
    }

    .feature-section .feature-list .feature-text {
        line-height: 24px;
    }

    .feature-section .feature-list {
        gap: 18px;
    }

    .feature-section .slideshow {
        max-width: 400px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .feature-section .row {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0px 15px;
    }

    .feature-section .feature-list {
        grid-template-columns: 1fr;
    }

    .feature-section .main-content {
        padding: 0px 15px !important;
    }

    .feature-section .slick-dots {
        left: 50%;
        display: flex !important;
        justify-content: center;
        position: unset;
        transform: unset;
        margin-top: 20px;
        margin-bottom: 10px;
    }
}

.feature-section .slick-dots li.slick-active button {
    background-color: #000000;
    opacity: 1;
}

.feature-section .slick-dots li button {
    background-color: #000000;
    opacity: 0.35;
}

.feature-section .slideshow {
    flex-direction: column;
}

.new-dating-app .feature-section .feature-list li:hover .feature-icon,
.new-dating-app .admin-panel-section .admin-pannel-solution-list li:hover,
.new-dating-app .feature-section .slick-dots li.slick-active button,
.new-dating-app .feature-section .slick-dots li button,
.new-dating-app .feature-section .slick-arrow:hover {
    background-color: #f7446e !important;
}

.new-dating-app .feature-section .feature-list li:hover {
    border-color: #f7446e !important;
}

.new-dating-app .feature-section .slick-arrow svg path {
    color: #f7446e;
}

.new-dating-app .admin-panel-section .admin-heading .heading-main,
.new-dating-app .admin-panel-section .admin-heading .sub-heading {
    color: #000000;
}

.new-grocery-app .feature-section .feature-list li:hover .feature-icon,
.new-grocery-app .admin-panel-section .admin-pannel-solution-list li:hover,
.new-grocery-app .feature-section .slick-dots li.slick-active button,
.new-grocery-app .feature-section .slick-dots li button,
.new-grocery-app .feature-section .slick-arrow:hover {
    background-color: #86C649 !important;
}

.new-grocery-app .feature-section .feature-list li:hover {
    border-color: #86C649 !important;
}

.new-grocery-app .feature-section .slick-arrow svg path {
    color: #86C649;
}

.society-management-app .feature-section .feature-list li:hover .feature-icon,
.society-management-app .admin-panel-section .admin-pannel-solution-list li:hover,
.society-management-app .feature-section .slick-dots li.slick-active button,
.society-management-app .feature-section .slick-dots li button,
.society-management-app .feature-section .slick-arrow:hover {
    background-color: #00ADEE !important;
}

.society-management-app .feature-section .feature-list li:hover {
    border-color: #00ADEE !important;
}

.society-management-app .feature-section .slick-arrow svg path {
    color: #00ADEE;
}

.top-fitness-app .feature-section .feature-list li:hover .feature-icon,
.top-fitness-app .admin-panel-section .admin-pannel-solution-list li:hover,
.top-fitness-app .feature-section .slick-arrow:hover {
    background-color: #FF9D00 !important;
}

.top-fitness-app .feature-section .feature-list li:hover {
    border-color: #FF9D00 !important;
}

.top-fitness-app .feature-section .slick-arrow svg path {
    color: #FF9D00;
}

.car-parking .feature-section .feature-list li:hover .feature-icon,
.car-parking .admin-panel-section .admin-pannel-solution-list li:hover,
.car-parking .feature-section .slick-arrow:hover {
    background-color: #F5D10D !important;
}

.car-parking .feature-section .feature-list li:hover {
    border-color: #F5D10D !important;
}

.car-parking .feature-section .slick-arrow svg path {
    color: #F5D10D;
}

/* on-demand-feature-section css end */


/* Admin-pannel-banner section css start */


.admin-panel-section {
    background-color: #FFFFFF;
}

.admin-panel-section .top-img-main {
    max-width: 100%;
    background-image: url();
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.admin-panel-section .admin-heading {
    text-align: center;
    font-family: "Montserrat-Bold";
    color: #FFFFFF;
    padding-top: 50px;
}

.admin-panel-section .admin-heading .heading-main {
    font-size: 55px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 30px;
    font-family: "Montserrat-bold";
}

.admin-panel-section .admin-heading .sub-heading {
    font-family: "Montserrat-SemiBold";
    padding-bottom: 30px;
}

.admin-panel-section .admin-front-img {
    display: flex;
    justify-content: center;
}

.admin-panel-section .bottom-admin-solution {
    padding: 50px 0px;
}

.admin-panel-section .bottom-admin-solution .admin-pannel-solution-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.admin-panel-section .admin-pannel-solution-list li {
    list-style: none;
    background-color: #F5F5F5;
    padding: 25px 21px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    width: calc(33.333% - 20px);
}

.admin-panel-section .admin-pannel-solution-list li:hover {
    background-color: #ff8625;
    transition: all 0.3s ease-in-out;
}

.admin-panel-section .admin-pannel-solution-list li:hover .admin-pannel-solution-text {
    color: #FFFFFF;
    transform: all 0.3s;
}

.admin-panel-section .admin-pannel-solution-list .admin-pannel-solution-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 17px;
}

.admin-panel-section .admin-pannel-solution-list .admin-pannel-solution-icon img {
    min-width: 34px;
}

.admin-panel-section .admin-pannel-solution-list .admin-pannel-solution-text {
    color: #191A15;
}

.admin-pannel-solution-list li:hover .admin-pannel-solution-icon img {
    filter: brightness(0) invert(1);
}



@media (max-width: 1440px) {
    .admin-panel-section .bottom-admin-solution .admin-pannel-solution-list {
        gap: 20px;
    }
}

@media (max-width: 1199px) {
    .admin-panel-section .admin-pannel-solution-list .admin-pannel-solution-text {
        font-size: 16px;
    }

    .admin-panel-section .bottom-admin-solution .admin-pannel-solution-list {
        gap: 18px;
    }

    .admin-panel-section .bottom-admin-solution {
        padding: 50px 0px;
    }

}

@media (max-width: 991px) {
    .admin-panel-section .admin-pannel-solution-list li {
        width: calc(50% - 15px);
    }
}


@media (max-width: 767px) {
    .admin-panel-section .admin-pannel-solution-list li {
        width: calc(100% - 50px);
    }

    .admin-panel-section .admin-heading .heading-main {
        font-size: 40px;
    }

    .admin-panel-section .admin-heading .sub-heading {
        font-size: 16px;
        padding-bottom: 40px;
    }

    .admin-panel-section .admin-pannel-solution-list .admin-pannel-solution-text {
        font-size: 16px;
    }

    .admin-panel-section .container {
        padding: 0px 15px;
    }

    .admin-panel-section .admin-pannel-solution-list li {
        padding: 15px 20px;
    }
}

/* Admin-pannel-banner section css end */

/* secret quote modal css start */
.secret-quote-modal {
    position: fixed;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 8vw;
    display: none;
    padding: 30px 0;
}

.secret-quote-modal.active {
    display: flex;
}

.secret-quote-modal .secret-quote-modal-inner {
    background-color: #FAFAFA;
    z-index: 2;
    margin: auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    max-width: 515px;
    width: calc(100% - 30px);
    overflow: hidden;
    padding: 30px;
}

.secret-quote-modal .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.secret-quote-modal .secret-quote-modal-content {
    text-align: center;
    width: 100%;
}

.secret-quote-modal .secret-quote-modal-content .top-text {
    font-size: 28px;
    color: #616262;
    font-family: "Montserrat-Regular";
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.secret-quote-modal .secret-quote-modal-content .heading {
    text-align: center;
    margin-bottom: 15px;
    letter-spacing: 0;
    color: #000000;
    font-weight: 700;
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
}

.secret-quote-modal .secret-quote-modal-content .sub-text {
    font-family: Montserrat;
    font-size: 15px;
    color: #000000;
    font-family: "Montserrat-Regular";
    text-align: center;
    margin-bottom: 15px;
}

.secret-quote-modal .secret-quote-modal-content .social-media-main {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0 auto 15px;
    width: max-content;
}

.secret-quote-modal .secret-quote-modal-content .social-media-main .social-media-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.secret-quote-modal .secret-quote-modal-content .social-media-main .social-media-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    box-shadow: 0px 2px 2px 0px #00000040;
    border-radius: 10px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.secret-quote-modal .secret-quote-modal-content .social-media-main .social-media-text {
    font-family: "Nunito-Medium";
    font-weight: 500;
    font-size: 15px;
    color: #000000;
    margin: 0;
}

.secret-quote-modal .secret-quote-modal-content .off-text {
    text-align: center;
    font-family: "Montserrat-bold";
    font-weight: 700;
    font-size: 16px;
    color: #000000;
    margin: 0 0 15px;
}

.secret-quote-modal .secret-quote-modal-content .free-quote-text {
    text-align: center;
    font-family: "Montserrat-Regular";
    font-size: 18px;
    color: #000000;
    margin: 0 0 15px;
}

.secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form #step-4 {
    width: 100%;
}

.secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form #step-4 .button-main {
    margin-top: 15px;
}

.secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form #step-4 .button-main input[type="submit"] {
    border: 0 !important;
    max-width: 150px;
    width: 100%;
    border-radius: 8px;
    font-size: 16px;
    padding: 7px 20px;
    min-width: unset;
    background: #000000;
    cursor: pointer;
    transition: all 0.3sease -in-out;
    font-family: "Nunito-Regular";
}

.secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form .wpcf7 {
    width: 100%;
}

.secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form .form-group {
    max-width: 322px;
    width: 100%;
    margin: 0 auto 15px;
}

.secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form #step-4 .form-group {
    margin-bottom: 0;
}

.secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form .form-group input {
    font-family: "Montserrat-Regular";
    font-size: 13px;
    color: #000000;
    border: 0;
    border-bottom: 1px solid #000000 !important;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}

.secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form .form-group input::placeholder {
    color: #979797;
}

.secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form .progress-bar {
    width: 100%;
    max-width: 200px;
    margin: 15px auto;
    position: relative;
    background-color: #efefef;
    height: 5px;
    border-radius: 999px;
    overflow: hidden;
}

.secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form .progress {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000;
    height: 100%;
}

.secret-quote-modal .secret-quote-modal-content .next-btn,
.secret-quote-modal .secret-quote-modal-content .submit-btn .btn-orange {
    max-width: 120px;
    width: 100%;
    border-radius: 8px;
    font-size: 16px;
    padding: 7px 20px;
    min-width: unset;
}

.secret-quote-modal .secret-quote-modal-content .bottom-text {
    text-align: center;
    font-family: "Nunito-Regular";
    font-size: 16px;
    color: #616262;
    text-decoration: underline;
    cursor: pointer;
}

.secret-quote-modal .secret-quote-modal-form .form-group p span {
    display: flex;
    flex-direction: column;
}

.secret-quote-modal .secret-quote-modal-form .wpcf7-not-valid-tip {
    display: none !important;
}

.secret-quote-modal .secret-quote-modal-form .error-message {
    color: #fb1212;
    font-size: 14px;
    line-height: 23px;
    display: block;
    width: 100%;
    font-weight: normal;
}

.secret-quote-modal .secret-quote-modal-form .button-main p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.secret-quote-modal .secret-quote-modal-form .button-main p .back-btn {
    max-width: 120px;
    width: 100%;
    border-radius: 8px;
    font-size: 16px;
    padding: 7px 20px;
    min-width: unset;
    background: #000000;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: 0;
}

.secret-quote-modal .secret-quote-modal-form .button-main p .back-btn:hover {
    background-color: #ff8625 !important;
}

.secret-quote-modal .secret-quote-modal-form .wpcf7-form-control-wrap {
    display: flex;
}

.secret-quote-modal .secret-quote-modal-form textarea {
    font-size: 14px;
    padding: 10px;
    line-height: normal;
}

.secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form .form-group .sumbit-btn input {
    border-bottom: 0 !important;
    max-width: 200px;
    padding: 8px 20px;
    margin-top: 15px;
}

.secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form .customnumber .iti__country-list .iti__country {
    display: flex;
    align-items: center;
    gap: 5px;
}

.secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form .customnumber .iti__selected-flag {
    padding: 0 6px 0 0;
}

@media screen and (max-width: 992px),
screen and (max-height: 690px) {
    .secret-quote-modal .secret-quote-modal-inner {
        padding: 20px;
        max-width: 400px;
    }

    .secret-quote-modal .secret-quote-modal-content .top-text {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .secret-quote-modal .secret-quote-modal-content .heading {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .secret-quote-modal .secret-quote-modal-content .sub-text {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .secret-quote-modal .secret-quote-modal-content .social-media-main {
        margin-bottom: 10px;
    }

    .secret-quote-modal .secret-quote-modal-content .social-media-main .social-media-icon {
        width: 35px;
        min-width: 35px;
        height: 35px;
        border-radius: 6px;
    }

    .secret-quote-modal .secret-quote-modal-content .social-media-main .social-media-text {
        font-size: 14px;
    }

    .secret-quote-modal .secret-quote-modal-content .off-text {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .secret-quote-modal .secret-quote-modal-content .free-quote-text {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form {
        margin-bottom: 10px;
    }

    .secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form .form-group {
        margin-bottom: 10px;
    }

    .secret-quote-modal .secret-quote-modal-content .secret-quote-modal-form .progress-bar {
        margin: 15px auto;
    }

    .secret-quote-modal .secret-quote-modal-content .next-btn,
    .secret-quote-modal .secret-quote-modal-content .submit-btn .btn-orange {
        font-size: 14px;
    }

    .secret-quote-modal .secret-quote-modal-content .bottom-text {
        font-size: 14px;
    }
}

/* secret quote modal css end */

/* car parking page color css */
.car-parking .blueBack-gradient .h1 span,
.car-parking .app-customization-section .h2 span,
.car-parking .app-overview-slider-section .h2 span,
.car-parking .app-category-details .h2 span,
.car-parking .crossfeature-ondemand-sec h2 span,
.car-parking .ondemand-process-sec .h2 span,
.car-parking .ondemand-process-inner .h5,
.car-parking .ondemand-tech-section .h2 span,
.car-parking .anticipate-section .title span,
.car-parking .subContent span,
.car-parking .ondemand-fectors-section .h2 span,
.car-parking .ondemand-business-section .h2 span,
.car-parking .ondemand-business-section .h3 span,
.car-parking .hidden-brain-left .h2 span,
.car-parking .bigEmpireContent span,
.car-parking .bigEmpireContent .subContent,
.car-parking .blogSection .h2 span,
.page-id-5220 .addressSection .h2 span,
.page-id-5220 .contactSection .h3 span,
.page-id-5220 .partnerSecHead .h3 span,
.car-parking .top-on-demand-info .h2 span,
.car-parking .top-on-demand-expert .h3 span,
.car-parking .top-on-demand-expert .h4 span,
.car-parking .top-on-demand-sec p a,
.car-parking .hidd-brain-title,
.car-parking .blogLink:hover span {
    color: #F5D10D !important;
}

.car-parking .btn-blue,
.car-parking .btn,
.car-parking .btn-orange,
.page-id-5220 .contactSection .btn-orange {
    background-color: #F5D10D !important;
    color: #000000 !important;
}

.car-parking .btn-blue:hover,
.car-parking .btn:hover,
.car-parking .btn-orange:hover,
.page-id-5220 .contactSection .btn-orange:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.car-parking .app-customization-list li:before,
.car-parking .app-customization-list li:after,
.car-parking .top-on-demand-inn {
    border-color: #F5D10D;
}

.car-parking .app-category-inner:hover,
.car-parking .ondemand-tech-section .nav-tabs .nav-link:after,
.car-parking .ondemand-business-inner .h3:after,
.car-parking .blogLink:hover .hashText:after,
.car-parking .accordionInner .accordionTitle.active,
.car-parking .slick-dots li button {
    background-color: #F5D10D;
}

.car-parking .hidden-brain-left>.subContent {
    color: #070024;
}

.car-parking .top-on-demand-sec,
.car-parking .anticipate-section {
    background-color: rgba(245, 209, 13, 0.1);
}

.car-parking .admin-panel-section .admin-heading .sub-heading,
.car-parking .admin-panel-section .admin-heading .heading-main,
.car-parking .accordionInner .accordionTitle.active {
    color: #000000;
}

.car-parking .ondemand-business-section ul li:before {
    background-image: url();
}

/* car parking page color css */

/* fitness app page color css */
.top-fitness-app .blueBack-gradient .h1 span,
.top-fitness-app .app-customization-section .h2 span,
.top-fitness-app .app-overview-slider-section .h2 span,
.top-fitness-app .app-category-details .h2 span,
.top-fitness-app .crossfeature-ondemand-sec h2 span,
.top-fitness-app .ondemand-process-sec .h2 span,
.top-fitness-app .ondemand-process-inner .h5,
.top-fitness-app .ondemand-tech-section .h2 span,
.top-fitness-app .subContent span,
.top-fitness-app .anticipate-section .title span,
.top-fitness-app .ondemand-fectors-section .h2 span,
.top-fitness-app .ondemand-business-section .h2 span,
.top-fitness-app .ondemand-business-section .h3 span,
.top-fitness-app .hidden-brain-left .h2 span,
.top-fitness-app .bigEmpireContent span,
.top-fitness-app .bigEmpireContent .subContent,
.top-fitness-app .blogSection .h2 span,
.page-id-5435 .addressSection .h2 span,
.page-id-5435 .contactSection .h3 span,
.page-id-5435 .partnerSecHead .h3 span,
.top-fitness-app .top-on-demand-info .h2 span,
.top-fitness-app .top-on-demand-expert .h3 span,
.top-fitness-app .top-on-demand-expert .h4 span,
.top-fitness-app .top-on-demand-sec p a,
.top-fitness-app p a,
.top-fitness-app .hidd-brain-title,
.top-fitness-app .blogLink:hover span,
.top-fitness-app .our-plan-box .our-plan-box-list ul li:before {
    color: #FF9D00 !important;
}

.top-fitness-app .btn-blue,
.top-fitness-app .btn,
.top-fitness-app .btn-orange,
.page-id-5435 .contactSection .btn-orange {
    background-color: #FF9D00 !important;
    color: #000000 !important;
}

.top-fitness-app .btn-blue:hover,
.top-fitness-app .btn:hover,
.top-fitness-app .btn-orange:hover,
.page-id-5220 .contactSection .btn-orange:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.top-fitness-app .app-customization-list li:before,
.top-fitness-app .app-customization-list li:after,
.top-fitness-app .top-on-demand-inn {
    border-color: #FF9D00;
}

.top-fitness-app .app-category-inner:hover,
.top-fitness-app .ondemand-tech-section .nav-tabs .nav-link:after,
.top-fitness-app .ondemand-business-inner .h3:after,
.top-fitness-app .blogLink:hover .hashText:after,
.top-fitness-app .accordionInner .accordionTitle.active,
.top-fitness-app .slick-dots li button {
    background-color: #FF9D00;
}

.top-fitness-app .hidden-brain-left>.subContent {
    color: #070024;
}

.top-fitness-app .top-on-demand-sec,
.top-fitness-app .anticipate-section {
    background-color: rgba(255, 157, 0, 0.1);
}

.top-fitness-app .admin-panel-section .admin-heading .sub-heading,
.top-fitness-app .admin-panel-section .admin-heading .heading-main,
.top-fitness-app .accordionInner .accordionTitle.active {
    color: #000000;
}

.top-fitness-app .ondemand-business-section ul li:before {
    background-image: url();
}

/* fitness app page color css */

/* society app page color css */
.society-management-app .blueBack-gradient .h1 span,
.society-management-app .app-customization-section .h2 span,
.society-management-app .app-overview-slider-section .h2 span,
.society-management-app .app-category-details .h2 span,
.society-management-app .crossfeature-ondemand-sec h2 span,
.society-management-app .ondemand-process-sec .h2 span,
.society-management-app .ondemand-process-inner .h5,
.society-management-app .ondemand-tech-section .h2 span,
.society-management-app .subContent span,
.society-management-app .anticipate-section .title span,
.society-management-app .ondemand-fectors-section .h2 span,
.society-management-app .ondemand-business-section .h2 span,
.society-management-app .ondemand-business-section .h3 span,
.society-management-app .hidden-brain-left .h2 span,
.society-management-app .bigEmpireContent span,
.society-management-app .bigEmpireContent .subContent,
.society-management-app .blogSection .h2 span,
.page-id-5386 .addressSection .h2 span,
.page-id-5386 .contactSection .h3 span,
.page-id-5386 .partnerSecHead .h3 span,
.society-management-app .top-on-demand-info .h2 span,
.society-management-app .top-on-demand-expert .h3 span,
.society-management-app .top-on-demand-expert .h4 span,
.society-management-app .top-on-demand-sec p a,
.society-management-app p a,
.society-management-app .hidd-brain-title,
.society-management-app .blogLink:hover span,
.society-management-app .our-plan-box .our-plan-box-list ul li:before {
    color: #00ADEE !important;
}

.society-management-app .btn-blue,
.society-management-app .btn,
.society-management-app .btn-orange,
.page-id-5386 .contactSection .btn-orange {
    background-color: #00ADEE !important;
    color: #ffffff !important;
}

.society-management-app .btn-blue:hover,
.society-management-app .btn:hover,
.society-management-app .btn-orange:hover,
.page-id-5220 .contactSection .btn-orange:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.society-management-app .app-customization-list li:before,
.society-management-app .app-customization-list li:after,
.society-management-app .top-on-demand-inn {
    border-color: #00ADEE;
}

.society-management-app .app-category-inner:hover,
.society-management-app .ondemand-tech-section .nav-tabs .nav-link:after,
.society-management-app .ondemand-business-inner .h3:after,
.society-management-app .blogLink:hover .hashText:after,
.society-management-app .accordionInner .accordionTitle.active,
.society-management-app .slick-dots li button {
    background-color: #00ADEE;
}

.society-management-app .hidden-brain-left>.subContent {
    color: #070024;
}

.society-management-app .top-on-demand-sec,
.society-management-app .anticipate-section {
    background-color: rgba(0, 173, 238, 0.1);
}

.society-management-app .admin-panel-section .admin-heading .sub-heading,
.society-management-app .admin-panel-section .admin-heading .heading-main,
.society-management-app .accordionInner .accordionTitle.active {
    color: #000000;
}

.society-management-app .ondemand-business-section ul li:before {
    background-image: url();
}

/* society app page color css */

/* healthcare app page color css */
.new-healthcare-app .blueBack-gradient .h1 span,
.new-healthcare-app .app-customization-section .h2 span,
.new-healthcare-app .app-overview-slider-section .h2 span,
.new-healthcare-app .app-category-details .h2 span,
.new-healthcare-app .crossfeature-ondemand-sec h2 span,
.new-healthcare-app .ondemand-process-sec .h2 span,
.new-healthcare-app .ondemand-process-inner .h5,
.new-healthcare-app .ondemand-tech-section .h2 span,
.new-healthcare-app .subContent span,
.new-healthcare-app .anticipate-section .title span,
.new-healthcare-app .ondemand-fectors-section .h2 span,
.new-healthcare-app .ondemand-business-section .h2 span,
.new-healthcare-app .ondemand-business-section .h3 span,
.new-healthcare-app .hidden-brain-left .h2 span,
.new-healthcare-app .bigEmpireContent span,
.new-healthcare-app .bigEmpireContent .subContent,
.new-healthcare-app .blogSection .h2 span,
.page-id-5691 .addressSection .h2 span,
.page-id-5691 .contactSection .h3 span,
.page-id-5691 .partnerSecHead .h3 span,
.new-healthcare-app .top-on-demand-info .h2 span,
.new-healthcare-app .top-on-demand-expert .h3 span,
.new-healthcare-app .top-on-demand-expert .h4 span,
.new-healthcare-app .top-on-demand-sec p a,
.new-healthcare-app p a,
.new-healthcare-app .hidd-brain-title,
.new-healthcare-app .blogLink:hover span,
.new-healthcare-app .our-plan-box .our-plan-box-list ul li:before,
.new-healthcare-app .feature-section .slick-arrow svg path {
    color: #7563F7 !important;
}

.new-healthcare-app .btn-blue,
.new-healthcare-app .btn,
.new-healthcare-app .btn-orange,
.page-id-5691 .contactSection .btn-orange {
    background-color: #7563F7 !important;
    color: #ffffff !important;
}

.new-healthcare-app .btn-blue:hover,
.new-healthcare-app .btn:hover,
.new-healthcare-app .btn-orange:hover,
.page-id-5220 .contactSection .btn-orange:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.new-healthcare-app .app-customization-list li:before,
.new-healthcare-app .app-customization-list li:after,
.new-healthcare-app .top-on-demand-inn,
.new-healthcare-app .feature-section .feature-list li:hover {
    border-color: #7563F7;
}

.new-healthcare-app .app-category-inner:hover,
.new-healthcare-app .ondemand-tech-section .nav-tabs .nav-link:after,
.new-healthcare-app .ondemand-business-inner .h3:after,
.new-healthcare-app .blogLink:hover .hashText:after,
.new-healthcare-app .accordionInner .accordionTitle.active,
.new-healthcare-app .feature-section .feature-list li:hover .feature-icon,
.new-healthcare-app .admin-panel-section .admin-pannel-solution-list li:hover,
.new-healthcare-app .feature-section .slick-arrow:hover,
.new-healthcare-app .slick-dots li button {
    background-color: #7563F7;
}

.new-healthcare-app .hidden-brain-left>.subContent {
    color: #070024;
}

.new-healthcare-app .top-on-demand-sec,
.new-healthcare-app .anticipate-section {
    background-color: #dcd8fd;
}

.new-healthcare-app .accordionInner .accordionTitle.active {
    color: #000000;
}

.new-healthcare-app .ondemand-business-section ul li:before {
    background-image: url();
}

.new-healthcare-app .ondemand-fet-section {
    padding-bottom: 50px;
}

/* healthcare app page color css */

/* Marketplace app page color css */
.new-marketplace-app .blueBack-gradient .h1 span,
.new-marketplace-app .app-customization-section .h2 span,
.new-marketplace-app .app-overview-slider-section .h2 span,
.new-marketplace-app .app-category-details .h2 span,
.new-marketplace-app .crossfeature-ondemand-sec h2 span,
.new-marketplace-app .ondemand-process-sec .h2 span,
.new-marketplace-app .ondemand-process-inner .h5,
.new-marketplace-app .ondemand-tech-section .h2 span,
.new-marketplace-app .subContent span,
.new-marketplace-app .anticipate-section .title span,
.new-marketplace-app .ondemand-fectors-section .h2 span,
.new-marketplace-app .ondemand-business-section .h2 span,
.new-marketplace-app .ondemand-business-section .h3 span,
.new-marketplace-app .hidden-brain-left .h2 span,
.new-marketplace-app .bigEmpireContent span,
.new-marketplace-app .bigEmpireContent .subContent,
.new-marketplace-app .blogSection .h2 span,
.page-id-5561 .addressSection .h2 span,
.page-id-5561 .contactSection .h3 span,
.page-id-5561 .partnerSecHead .h3 span,
.new-marketplace-app .top-on-demand-info .h2 span,
.new-marketplace-app .top-on-demand-expert .h3 span,
.new-marketplace-app .top-on-demand-expert .h4 span,
.new-marketplace-app .top-on-demand-sec p a,
.new-marketplace-app p a,
.new-marketplace-app .hidd-brain-title,
.new-marketplace-app .blogLink:hover span,
.new-marketplace-app .our-plan-box .our-plan-box-list ul li:before,
.new-marketplace-app .feature-section .slick-arrow svg path {
    color: #AD7857 !important;
}

.new-marketplace-app .btn-blue,
.new-marketplace-app .btn,
.new-marketplace-app .btn-orange,
.page-id-5561 .contactSection .btn-orange {
    background-color: #AD7857 !important;
    color: #ffffff !important;
}

.new-marketplace-app .btn-blue:hover,
.new-marketplace-app .btn:hover,
.new-marketplace-app .btn-orange:hover,
.page-id-5220 .contactSection .btn-orange:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.new-marketplace-app .app-customization-list li:before,
.new-marketplace-app .app-customization-list li:after,
.new-marketplace-app .top-on-demand-inn,
.new-marketplace-app .feature-section .feature-list li:hover {
    border-color: #AD7857;
}

.new-marketplace-app .app-category-inner:hover,
.new-marketplace-app .ondemand-tech-section .nav-tabs .nav-link:after,
.new-marketplace-app .ondemand-business-inner .h3:after,
.new-marketplace-app .blogLink:hover .hashText:after,
.new-marketplace-app .accordionInner .accordionTitle.active,
.new-marketplace-app .feature-section .feature-list li:hover .feature-icon,
.new-marketplace-app .admin-panel-section .admin-pannel-solution-list li:hover,
.new-marketplace-app .feature-section .slick-arrow:hover,
.new-marketplace-app .slick-dots li button {
    background-color: #AD7857;
}

.new-marketplace-app .hidden-brain-left>.subContent {
    color: #070024;
}

.new-marketplace-app .top-on-demand-sec,
.new-marketplace-app .anticipate-section {
    background-color: #efe4dd;
}

.new-marketplace-app .accordionInner .accordionTitle.active {
    color: #ffffff;
}

.new-marketplace-app .ondemand-business-section ul li:before {
    background-image: url();
}

/* Marketplace app page color css */

/* social app page color css */
.new-social-media-app .blueBack-gradient .h1 span,
.new-social-media-app .app-customization-section .h2 span,
.new-social-media-app .app-overview-slider-section .h2 span,
.new-social-media-app .app-category-details .h2 span,
.new-social-media-app .crossfeature-ondemand-sec h2 span,
.new-social-media-app .ondemand-process-sec .h2 span,
.new-social-media-app .ondemand-process-inner .h5,
.new-social-media-app .ondemand-tech-section .h2 span,
.new-social-media-app .subContent span,
.new-social-media-app .anticipate-section .title span,
.new-social-media-app .ondemand-fectors-section .h2 span,
.new-social-media-app .ondemand-business-section .h2 span,
.new-social-media-app .ondemand-business-section .h3 span,
.new-social-media-app .hidden-brain-left .h2 span,
.new-social-media-app .bigEmpireContent span,
.new-social-media-app .bigEmpireContent .subContent,
.new-social-media-app .blogSection .h2 span,
.page-id-5701 .addressSection .h2 span,
.page-id-5701 .contactSection .h3 span,
.page-id-5701 .partnerSecHead .h3 span,
.new-social-media-app .top-on-demand-info .h2 span,
.new-social-media-app .top-on-demand-expert .h3 span,
.new-social-media-app .top-on-demand-expert .h4 span,
.new-social-media-app .top-on-demand-sec p a,
.new-social-media-app p a,
.new-social-media-app .hidd-brain-title,
.new-social-media-app .blogLink:hover span,
.new-social-media-app .our-plan-box .our-plan-box-list ul li:before,
.new-social-media-app .feature-section .slick-arrow svg path {
    color: #6349C5 !important;
}

.new-social-media-app .btn-blue,
.new-social-media-app .btn,
.new-social-media-app .btn-orange,
.page-id-5701 .contactSection .btn-orange {
    background-color: #6349C5 !important;
    color: #ffffff !important;
}

.new-social-media-app .btn-blue:hover,
.new-social-media-app .btn:hover,
.new-social-media-app .btn-orange:hover,
.page-id-5701 .contactSection .btn-orange:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.new-social-media-app .app-customization-list li:before,
.new-social-media-app .app-customization-list li:after,
.new-social-media-app .top-on-demand-inn,
.new-social-media-app .feature-section .feature-list li:hover {
    border-color: #6349C5;
}

.new-social-media-app .ondemand-tech-section .nav-tabs .nav-link:after,
.new-social-media-app .ondemand-business-inner .h3:after,
.new-social-media-app .blogLink:hover .hashText:after,
.new-social-media-app .accordionInner .accordionTitle.active,
.new-social-media-app .feature-section .feature-list li:hover .feature-icon,
.new-social-media-app .admin-panel-section .admin-pannel-solution-list li:hover,
.new-social-media-app .feature-section .slick-arrow:hover,
.new-social-media-app .slick-dots li button {
    background-color: #6349C5;
}

.new-social-media-app .hidden-brain-left>.subContent {
    color: #070024;
}

.new-social-media-app .app-category-inner:hover,
.new-social-media-app .top-on-demand-sec,
.new-social-media-app .anticipate-section {
    background-color: #cfcae6;
}

.new-social-media-app .accordionInner .accordionTitle.active {
    color: #ffffff;
}

.new-social-media-app .ondemand-business-section ul li:before {
    background-image: url();
}

/* social app page color css */

/* ott app page color css */
.ott-app-development .blueBack-gradient .h1 span,
.ott-app-development .app-customization-section .h2 span,
.ott-app-development .app-overview-slider-section .h2 span,
.ott-app-development .app-category-details .h2 span,
.ott-app-development .crossfeature-ondemand-sec h2 span,
.ott-app-development .ondemand-process-sec .h2 span,
.ott-app-development .ondemand-process-inner .h5,
.ott-app-development .ondemand-tech-section .h2 span,
.ott-app-development .subContent span,
.ott-app-development .anticipate-section .title span,
.ott-app-development .ondemand-fectors-section .h2 span,
.ott-app-development .ondemand-business-section .h2 span,
.ott-app-development .ondemand-business-section .h3 span,
.ott-app-development .hidden-brain-left .h2 span,
.ott-app-development .bigEmpireContent span,
.ott-app-development .bigEmpireContent .subContent,
.ott-app-development .blogSection .h2 span,
.page-id-6217 .addressSection .h2 span,
.page-id-6217 .contactSection .h3 span,
.page-id-6217 .partnerSecHead .h3 span,
.ott-app-development .top-on-demand-info .h2 span,
.ott-app-development .top-on-demand-expert .h3 span,
.ott-app-development .top-on-demand-expert .h4 span,
.ott-app-development .top-on-demand-sec p a,
.ott-app-development p a,
.ott-app-development .hidd-brain-title,
.ott-app-development .blogLink:hover span,
.ott-app-development .our-plan-box .our-plan-box-list ul li:before,
.ott-app-development .feature-section .slick-arrow svg path {
    color: #EF3577 !important;
}

.ott-app-development .btn-blue,
.ott-app-development .btn,
.ott-app-development .btn-orange,
.page-id-6217 .contactSection .btn-orange {
    background-color: #EF3577 !important;
    color: #ffffff !important;
}

.ott-app-development .btn-blue:hover,
.ott-app-development .btn:hover,
.ott-app-development .btn-orange:hover,
.page-id-6217 .contactSection .btn-orange:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.ott-app-development .app-customization-list li:before,
.ott-app-development .app-customization-list li:after,
.ott-app-development .top-on-demand-inn,
.ott-app-development .feature-section .feature-list li:hover {
    border-color: #EF3577;
}

.ott-app-development .ondemand-tech-section .nav-tabs .nav-link:after,
.ott-app-development .admin-panel-section .top-img-main,
.ott-app-development .ondemand-business-inner .h3:after,
.ott-app-development .blogLink:hover .hashText:after,
.ott-app-development .accordionInner .accordionTitle.active,
.ott-app-development .feature-section .feature-list li:hover .feature-icon,
.ott-app-development .admin-panel-section .admin-pannel-solution-list li:hover,
.ott-app-development .feature-section .slick-arrow:hover,
.ott-app-development .slick-dots li.slick-active button {
    background-color: #EF3577;
}

.ott-app-development .hidden-brain-left>.subContent {
    color: #070024;
}

.ott-app-development .app-category-inner:hover,
.ott-app-development .top-on-demand-sec,
.ott-app-development .anticipate-section {
    background-color: #fcd4e2;
}

.ott-app-development .accordionInner .accordionTitle.active {
    color: #ffffff;
}

.ott-app-development .ondemand-business-section ul li:before {
    background-image: url();
}

/* ott app page color css */
/* ecommerce-app-development color css */
.ecommerce-app-development .app-customization-section .h2 span,
.ecommerce-app-development .app-overview-slider-section .h2 span,
.ecommerce-app-development .app-category-details .h2 span,
.ecommerce-app-development .crossfeature-ondemand-sec h2 span,
.ecommerce-app-development .ondemand-process-sec .h2 span,
.ecommerce-app-development .ondemand-process-inner .h5,
.ecommerce-app-development .ondemand-tech-section .h2 span,
.ecommerce-app-development .subContent span,
.ecommerce-app-development .anticipate-section .title span,
.ecommerce-app-development .ondemand-fectors-section .h2 span,
.ecommerce-app-development .ondemand-business-section .h2 span,
.ecommerce-app-development .ondemand-business-section .h3 span,
.ecommerce-app-development .hidden-brain-left .h2 span,
.ecommerce-app-development .bigEmpireContent span,
.ecommerce-app-development .blogSection .h2 span,
.page-id-5568 .addressSection .h2 span,
.page-id-5568 .contactSection .h3 span,
.page-id-5568 .partnerSecHead .h3 span,
.ecommerce-app-development .top-on-demand-info .h2 span,
.ecommerce-app-development .top-on-demand-expert .h3 span,
.ecommerce-app-development .top-on-demand-expert .h4 span,
.ecommerce-app-development .top-on-demand-sec p a,
.ecommerce-app-development p a,
.ecommerce-app-development .hidd-brain-title,
.ecommerce-app-development .our-plan-box .our-plan-box-list ul li:before,
.ecommerce-app-development .feature-section .slick-arrow svg path,
.ecommerce-app-development .orangeList li:before {
    color: #464447 !important;
}

.ecommerce-app-development .blueBack-gradient .h1 span,
.ecommerce-app-development .bigEmpireContent .subContent,
.ecommerce-app-development .blogLink:hover span {
    color: #ffffff !important;
}

.ecommerce-app-development .btn-blue,
.ecommerce-app-development .btn,
.ecommerce-app-development .btn-orange,
.page-id-5568 .contactSection .btn-orange {
    background-color: #464447 !important;
    color: #ffffff !important;
}

.ecommerce-app-development .btn-blue:hover,
.ecommerce-app-development .btn:hover,
.ecommerce-app-development .btn-orange:hover,
.page-id-5568 .contactSection .btn-orange:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.ecommerce-app-development .app-customization-list li:before,
.ecommerce-app-development .app-customization-list li:after,
.ecommerce-app-development .top-on-demand-inn,
.ecommerce-app-development .feature-section .feature-list li:hover {
    border-color: #464447;
}

.ecommerce-app-development .ondemand-tech-section .nav-tabs .nav-link:after,
.ecommerce-app-development .admin-panel-section .top-img-main,
.ecommerce-app-development .ondemand-business-inner .h3:after,
.ecommerce-app-development .blogLink:hover .hashText:after,
.ecommerce-app-development .accordionInner .accordionTitle.active,
.ecommerce-app-development .feature-section .feature-list li:hover .feature-icon,
.ecommerce-app-development .admin-panel-section .admin-pannel-solution-list li:hover,
.ecommerce-app-development .feature-section .slick-arrow:hover,
.ecommerce-app-development .slick-dots li.slick-active button {
    background-color: #464447;
}

.ecommerce-app-development .hidden-brain-left>.subContent {
    color: #070024;
}

.ecommerce-app-development .app-category-inner:hover,
.ecommerce-app-development .top-on-demand-sec,
.ecommerce-app-development .anticipate-section {
    background-color: #d4d4d4;
}

.ecommerce-app-development .accordionInner .accordionTitle.active {
    color: #ffffff;
}

.ecommerce-app-development .ondemand-business-section ul li:before {
    background-image: url();
}

/* ott app page color css */

/**wearable app page color css start**/
.new-wearable-app .feature-section h2 span,
.new-wearable-app .anticipate-section h2 span {
    color: #ff8625;
}

.new-wearable-app .app-overview-slider-section a,
.new-wearable-app .slick-dots li button {
    background-color: #ff8625;
}

.new-wearable-app .anticipate-section {
    background-color: #ffeddf;
}

.new-wearable-app .admin-panel-section .admin-heading .heading-main,
.new-wearable-app .admin-panel-section .admin-heading .sub-heading {
    color: #000000;
}

/**wearable app page color css end**/
/* portfolio page css start */
.portfolio-banner-section {
    position: relative;
}

.portfolio-banner-section .portfolio-banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: max-content;
    transform: translate(-50%, -50%);
}

.portfolio-banner-section .portfolio-banner-content .sub-heading {
    font-family: "Montserrat-Bold";
    font-weight: 700;
    font-size: 44px;
    line-height: normal;
    color: #FFFFFF;
    text-transform: capitalize;
}

.portfolio-banner-section .portfolio-banner-content .heading {
    font-family: "Montserrat-Bold";
    font-weight: 700;
    font-size: 180px;
    line-height: normal;
    color: #FF8625;
    text-transform: uppercase;
    margin-top: -40px;
}

.portfolio-banner-section .portfolio-banner-img {
    display: flex;
}

.portfolio-banner-section .portfolio-banner-img img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.portfolio-list-section-main {
    padding: 80px 0;
}

.portfolio-list-section-main .portfolio-list-tab-head {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 60px;
    overflow: hidden;
}

.portfolio-list-section-main .portfolio-list-tab-head .tabs-container {
    display: flex;
    overflow-x: auto;
    gap: 20px;
    scroll-behavior: smooth;
    width: 100%;
}

.portfolio-list-section-main .portfolio-list-tab-head .tabs-container::-webkit-scrollbar {
    display: none;
}

.portfolio-list-section-main .portfolio-list-tab-head .tabs-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.portfolio-list-section-main .portfolio-list-tab-head .tab-item a {
    border: 1px solid #EFF0F6;
    border-radius: 10px;
    box-shadow: 0px 5px 14px 0px #080F340A;
    padding: 15px 20px;
    font-family: "Nunito-Bold";
    font-weight: 700;
    font-size: 18px;
    line-height: normal;
    color: #6C757D;
    display: block;
    transition: all 0.3s linear;
    min-width: max-content;
}

.portfolio-list-section-main .portfolio-list-tab-head .tab-item.active a,
.portfolio-list-section-main .portfolio-list-tab-head .tab-item a:hover {
    color: #FF8625;
    border-color: #FF8625;
}

.portfolio-list-section-main .portfolio-list-tab-head .arrow {
    border: 1px solid #EFF0F6;
    border-radius: 10px;
    box-shadow: 0px 5px 14px 0px #080F340A;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    min-width: 56px;
    cursor: pointer;
}

.portfolio-list-section-main .portfolio-list-tab-head .arrow.left-arrow svg {
    rotate: 180deg;
}

.portfolio-list-section-main .portfolio-list-tab-head .arrow svg {
    height: 20px;
    width: 20px;
}

.portfolio-list-section-main .portfolio-list-tab-content .portfolio-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

.portfolio-list-section-main .portfolio-list-tab-content .portfolio-loader .loader {
    --d: 22px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    color: #ff8625;
    box-shadow:
        calc(1*var(--d)) calc(0*var(--d)) 0 0,
        calc(0.707*var(--d)) calc(0.707*var(--d)) 0 1px,
        calc(0*var(--d)) calc(1*var(--d)) 0 2px,
        calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3px,
        calc(-1*var(--d)) calc(0*var(--d)) 0 4px,
        calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5px,
        calc(0*var(--d)) calc(-1*var(--d)) 0 6px;
    animation: loader 1s infinite steps(8);
}

@keyframes loader {
    100% {
        transform: rotate(1turn)
    }
}

.portfolio-list-section-main .portfolio-list-tab-content .portfolio-item {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transform: scale(0.95);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.portfolio-list-section-main .portfolio-list-tab-content .portfolio-item.active {
    opacity: 1;
    visibility: visible;
    height: 100%;
    margin-bottom: 60px;
    overflow: unset;
    transform: scale(1);
}

.portfolio-list-section-main .portfolio-list-tab-content .portfolio-items {
    min-height: 550px;
}

.portfolio-list-section-main .portfolio-list-tab-content .portfolio-items,
.portfolio-list-section-main .portfolio-list-tab-content .tab-content.active {
    display: flex;
    flex-direction: column;
}

.portfolio-list-section-main .portfolio-list-tab-content .portfolio-image {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.portfolio-list-section-main .portfolio-list-tab-content .portfolio-image a {
    width: 100%;
    display: flex;
}

.portfolio-list-section-main .portfolio-list-tab-content .portfolio-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination .page-numbers,
.portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination .next-btn,
.portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination .prev-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #EFF0F6;
    border-radius: 10px;
    box-shadow: 0px 5px 14px 0px #080F340A;
    padding: 10px 20px;
    font-family: "Nunito-Bold";
    font-weight: 700;
    font-size: 18px;
    line-height: normal;
    color: #6C757D;
    transition: all 0.3s linear;
    height: auto;
    cursor: pointer;
}

.portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination .prev-btn svg {
    rotate: 180deg;
}

.portfolio-list-section-main .portfolio-list-tab-content .pagination .page-numbers.current,
.portfolio-list-section-main .portfolio-list-tab-content .pagination .page-numbers:hover,
.portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination .next-btn:hover,
.portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination .prev-btn:hover {
    color: #FF8625;
    border-color: #FF8625;
}

@media(max-width: 1400px) {
    .portfolio-banner-section .portfolio-banner-content .heading {
        font-size: 120px;
        margin-top: -20px;
    }

    .portfolio-banner-section .portfolio-banner-content .sub-heading {
        font-size: 34px;
    }

    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-items {
        min-height: 440px;
    }
}

@media(max-width: 1023px) {
    .portfolio-banner-section .portfolio-banner-content .heading {
        font-size: 80px;
        margin-top: -10px;
    }

    .portfolio-banner-section .portfolio-banner-content .sub-heading {
        font-size: 26px;
    }

    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-items {
        min-height: 365px;
    }

    .portfolio-list-section-main {
        padding: 60px 0;
    }

    .portfolio-list-section-main .portfolio-list-tab-head {
        gap: 15px;
        margin-bottom: 30px;
    }

    .portfolio-list-section-main .portfolio-list-tab-head .tabs-container {
        gap: 15px;
    }

    .portfolio-list-section-main .portfolio-list-tab-head .tab-item a {
        padding: 14px 25px;
        font-size: 16px;
    }

    .portfolio-list-section-main .portfolio-list-tab-head .arrow {
        padding: 10px;
        width: 51px;
        height: 51px;
        min-width: 51px;
    }

    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-item.active {
        margin-bottom: 30px;
    }

    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-image {
        border-radius: 20px;
    }

    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-loader {
        min-height: 300px;
    }

    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination .pagination,
    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination {
        gap: 15px;
    }

    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination .page-numbers,
    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination .next-btn,
    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination .prev-btn {
        padding: 14px 25px;
        font-size: 16px;
    }
}

@media(max-width: 767px) {
    .portfolio-banner-section .portfolio-banner-content .heading {
        font-size: 40px;
        margin-top: 0;
    }

    .portfolio-banner-section .portfolio-banner-content .sub-heading {
        font-size: 18px;
    }

    .portfolio-list-section-main {
        padding: 40px 0;
    }

    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-items {
        min-height: 271px;
    }

    .portfolio-list-section-main .portfolio-list-tab-head {
        gap: 10px;
        margin-bottom: 20px;
    }

    .portfolio-list-section-main .portfolio-list-tab-head .tabs-container {
        gap: 10px;
    }

    .portfolio-list-section-main .portfolio-list-tab-head .tab-item a {
        padding: 10px 15px;
        font-size: 12px;
        border-radius: 8px;
    }

    .portfolio-list-section-main .portfolio-list-tab-head .arrow {
        padding: 10px;
        width: 38px;
        height: 38px;
        min-width: 38px;
    }

    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-item.active {
        margin-bottom: 15px;
    }

    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-image {
        border-radius: 10px;
    }

    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-loader {
        min-height: 200px;
    }

    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination .pagination,
    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination {
        gap: 10px;
    }

    .portfolio-list-section-main .portfolio-list-tab-content .pagination .page-numbers,
    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination .next-btn,
    .portfolio-list-section-main .portfolio-list-tab-content .portfolio-pagination .prev-btn {
        padding: 10px 15px;
        font-size: 12px;
        border-radius: 8px;
    }
}

/* portfolio page css end */


/* Author-Section Start*/

.authorSection {
    padding: 60px 0 89px;
    color: #fff;
    background-color: #192940;
    position: relative;
}

.container {
    position: relative;
    z-index: 9;
}

.authorSection::after {
    content: "";
    height: 100px;
    background-color: #152337;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.authorSection .social-media-author-main {
    width: 100%;
    margin-bottom: 42px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.authorSection .heading-text {
    font-size: 40px;
    font-family: "Montserrat-Light", sans-serif;
    color: #FFFFFF !important;
    margin-bottom: 20px;
}

.authorSection .heading-text span {
    font-family: "Montserrat-SemiBold", sans-serif;
}

.authorSection .author-inner {
    display: flex;
    align-items: center;
    gap: 17px;
}

.authorSection .inner-text p {
    font-size: 18px;
    font-family: "Nunito-Regular", sans-serif;
    margin-bottom: 20px;
}

.authorSection .inner-text p:last-of-type {
    margin-bottom: 0;
}

.authorSection .inner-text span {
    color: #FF8625;
}

.authorSection .author-inner .author-img {
    width: 222px;
    height: 222px;
    min-width: 222px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #FF8625;
    border: 2px solid #FF8625;
}

.authorSection .author-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.authorSection .author-name {
    font-family: "Montserrat-SemiBold", sans-serif;
    font-size: 40px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.authorSection .author-intro {
    text-align: left;
}

.authorSection .author-intro span {
    color: #FFFFFF;
    background-color: #FF8625;
    border-radius: 66px;
    padding: 10px 12px;
    display: inline-block;
}

.authorSection .social-media {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.authorSection .secial-media-heading {
    font-size: 30px;
    color: #FFFFFF;
    font-family: "Montserrat-Medium", sans-serif;
    margin-bottom: 25px;
}

.authorSection .social-media-icon {
    display: flex;
    gap: 13px;
    list-style: none;
}

.authorSection li a {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background-color: #FF8625;
    color: #FFFFFF;
    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;
}

.authorSection li svg {
    fill: #FFFFFF;
}

.authorSection p a:hover {
    color: #FFFFFF !important;
}

@media (max-width: 1200px) {
    .authorSection .author-inner .author-img {
        width: 160px;
        height: 160px;
        min-width: 160px;
    }

    .authorSection .author-name {
        font-size: 35px;
    }

    .authorSection .author-intro span {
        padding: 8px 12px;
    }

    .authorSection .social-media-icon {
        gap: 10px;
    }
}

@media (max-width: 992px) {
    .authorSection .author-name {
        font-size: 40px;
    }

    .authorSection .author-intro span {
        padding: 10px 12px;
    }

    .authorSection .social-media-icon {
        gap: 13px;
    }

    .authorSection .social-media-author-main {
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
        gap: 25px;
    }

    .authorSection .social-media {
        align-items: flex-start;
        margin-top: 15px;
    }
}

@media (max-width: 768px) {
    .authorSection {
        padding: 50px 0 50px;
    }

    .authorSection .author-inner .author-img {
        width: 120px;
        height: 120px;
        min-width: 100px;
    }

    .authorSection .author-name {
        font-size: 30px;
        margin-bottom: 12px;
    }

    .authorSection .author-intro span {
        padding: 8px 12px;
        font-size: 16px;
    }

    .authorSection .heading-text {
        font-size: 35px;
    }

    .authorSection .inner-text p {
        font-size: 16px;
    }

    .authorSection .secial-media-heading {
        font-size: 26px;
    }

    .authorSection li a {
        height: 35px;
        width: 35px;
    }

    .authorSection .author-inner {
        flex-wrap: wrap;
    }
}

/* Author-Section End*/

.single-post .author-bio-right .author-desc span {
    display: inline !important;
    color: #ff8625 !important;
}


/* blockchain app page color css */
.new-blockchain-app .blueBack-gradient .h1 span,
.new-blockchain-app .app-customization-section .h2 span,
.new-blockchain-app .app-overview-slider-section .h2 span,
.new-blockchain-app .app-category-details .h2 span,
.new-blockchain-app .crossfeature-ondemand-sec h2 span,
.new-blockchain-app .ondemand-process-sec .h2 span,
.new-blockchain-app .ondemand-process-inner .h5,
.new-blockchain-app .ondemand-tech-section .h2 span,
.new-blockchain-app .subContent span,
.new-blockchain-app .anticipate-section .title span,
.new-blockchain-app .ondemand-fectors-section .h2 span,
.new-blockchain-app .ondemand-business-section .h2 span,
.new-blockchain-app .ondemand-business-section .h3 span,
.new-blockchain-app .hidden-brain-left .h2 span,
.new-blockchain-app .bigEmpireContent span,
.new-blockchain-app .bigEmpireContent .subContent,
.new-blockchain-app .blogSection .h2 span,
.page-id-6501 .addressSection .h2 span,
.page-id-6501 .contactSection .h3 span,
.page-id-6501 .partnerSecHead .h3 span,
.new-blockchain-app .top-on-demand-info .h2 span,
.new-blockchain-app .top-on-demand-expert .h3 span,
.new-blockchain-app .top-on-demand-expert .h4 span,
.new-blockchain-app .top-on-demand-sec p a,
.new-blockchain-app p a,
.new-blockchain-app .hidd-brain-title,
.new-blockchain-app .blogLink:hover span,
.new-blockchain-app .our-plan-box .our-plan-box-list ul li:before,
.new-blockchain-app .feature-section .slick-arrow svg path,
.new-blockchain-app .feature-section h2 span {
    color: #b8bf18 !important;
}

.new-blockchain-app .btn-blue,
.new-blockchain-app .btn,
.new-blockchain-app .btn-orange,
.page-id-6501 .contactSection .btn-orange {
    background-color: #b8bf18 !important;
    color: #ffffff !important;
}

.new-blockchain-app .btn-blue:hover,
.new-blockchain-app .btn:hover,
.new-blockchain-app .btn-orange:hover,
.page-id-6501 .contactSection .btn-orange:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.new-blockchain-app .app-customization-list li:before,
.new-blockchain-app .app-customization-list li:after,
.new-blockchain-app .top-on-demand-inn {
    border-color: #b8bf18;
}

.new-blockchain-app .app-category-inner:hover,
.new-blockchain-app .ondemand-tech-section .nav-tabs .nav-link:after,
.new-blockchain-app .ondemand-business-inner .h3:after,
.new-blockchain-app .blogLink:hover .hashText:after,
.new-blockchain-app .accordionInner .accordionTitle.active,
.new-blockchain-app .slick-dots li button {
    background-color: #b8bf18;
}

.new-blockchain-app .hidden-brain-left>.subContent {
    color: #070024;
}

.new-blockchain-app .top-on-demand-sec,
.new-blockchain-app .anticipate-section {
    background-color: #e9ebb7;
}

.new-blockchain-app .admin-panel-section .admin-heading .sub-heading,
.new-blockchain-app .admin-panel-section .admin-heading .heading-main,
.new-blockchain-app .accordionInner .accordionTitle.active {
    color: #000000;
}

.new-blockchain-app .ondemand-business-section ul li:before {
    background-image: url();
}

.new-blockchain-app .app-category-inner:hover,
.new-blockchain-app .ondemand-tech-section .nav-tabs .nav-link:after,
.new-blockchain-app .ondemand-business-inner .h3:after,
.new-blockchain-app .blogLink:hover .hashText:after,
.new-blockchain-app .accordionInner .accordionTitle.active,
.new-blockchain-app .slick-dots li button,
.new-blockchain-app .admin-panel-section .admin-pannel-solution-list li:hover,
.new-blockchain-app .feature-section .slick-arrow:hover,
.new-blockchain-app .feature-section .feature-list li:hover .feature-icon {
    background-color: #b8bf18;
}

.new-blockchain-app .feature-section .feature-list li:hover {
    border-color: #b8bf18;
}

.new-blockchain-app .admin-panel-section .admin-heading .heading-main,
.new-blockchain-app .admin-panel-section .admin-heading .sub-heading {
    color: #ffffff;
}

/* blockchain app page color css */

/* taxi app page color css */
.new-taxi-app .blueBack-gradient .h1 span,
.new-taxi-app .app-customization-section .h2 span,
.new-taxi-app .app-overview-slider-section .h2 span,
.new-taxi-app .app-category-details .h2 span,
.new-taxi-app .crossfeature-ondemand-sec h2 span,
.new-taxi-app .ondemand-process-sec .h2 span,
.new-taxi-app .ondemand-process-inner .h5,
.new-taxi-app .ondemand-tech-section .h2 span,
.new-taxi-app .anticipate-section .title span,
.new-taxi-app .ondemand-fectors-section .h2 span,
.new-taxi-app .ondemand-business-section .h2 span,
.new-taxi-app .ondemand-business-section .h3 span,
.new-taxi-app .hidden-brain-left .h2 span,
.new-taxi-app .bigEmpireContent span,
.new-taxi-app .blogSection .h2 span,
.page-id-5525 .addressSection .h2 span,
.page-id-5525 .contactSection .h3 span,
.page-id-5525 .partnerSecHead .h3 span,
.new-taxi-app .top-on-demand-info .h2 span,
.new-taxi-app .top-on-demand-expert .h3 span,
.new-taxi-app .top-on-demand-expert .h4 span,
.new-taxi-app .top-on-demand-sec p a,
.new-taxi-app p a,
.new-taxi-app .hidd-brain-title,
.new-taxi-app .our-plan-box .our-plan-box-list ul li:before,
.new-taxi-app .feature-section .slick-arrow svg path,
.new-taxi-app .feature-section h2 span {
    color: #722e85 !important;
}

.new-taxi-app .btn-blue,
.new-taxi-app .btn,
.new-taxi-app .btn-orange,
.page-id-5525 .contactSection .btn-orange {
    background-color: #722e85 !important;
    color: #ffffff !important;
}

.new-taxi-app .btn-blue:hover,
.new-taxi-app .btn:hover,
.new-taxi-app .btn-orange:hover,
.page-id-5525 .contactSection .btn-orange:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.new-taxi-app .app-customization-list li:before,
.new-taxi-app .app-customization-list li:after,
.new-taxi-app .top-on-demand-inn {
    border-color: #722e85;
}

.new-taxi-app .ondemand-tech-section .nav-tabs .nav-link:after,
.new-taxi-app .ondemand-business-inner .h3:after,
.new-taxi-app .blogLink:hover .hashText:after,
.new-taxi-app .accordionInner .accordionTitle.active,
.new-taxi-app .slick-dots li button {
    background-color: #722e85;
}

.new-taxi-app .hidden-brain-left>.subContent {
    color: #070024;
}

.new-taxi-app .top-on-demand-sec,
.new-taxi-app .anticipate-section,
.new-taxi-app .app-category-inner:hover {
    background-color: #d0b8db;
}

.new-taxi-app .subContent span,
.new-taxi-app .bigEmpireContent .subContent,
.new-taxi-app .blogLink:hover span {
    color: #d0b8db;
}

.new-taxi-app .admin-panel-section .admin-heading .sub-heading,
.new-taxi-app .admin-panel-section .admin-heading .heading-main {
    color: #000000;
}

.new-taxi-app .ondemand-business-section ul li:before {
    background-image: url();
}

.new-taxi-app .ondemand-tech-section .nav-tabs .nav-link:after,
.new-taxi-app .ondemand-business-inner .h3:after,
.new-taxi-app .blogLink:hover .hashText:after,
.new-taxi-app .accordionInner .accordionTitle.active,
.new-taxi-app .slick-dots li button,
.new-taxi-app .admin-panel-section .admin-pannel-solution-list li:hover,
.new-taxi-app .feature-section .slick-arrow:hover,
.new-taxi-app .feature-section .feature-list li:hover .feature-icon {
    background-color: #722e85;
}

.new-taxi-app .feature-section .feature-list li:hover {
    border-color: #722e85;
}

.new-taxi-app .admin-panel-section .admin-heading .heading-main,
.new-taxi-app .admin-panel-section .admin-heading .sub-heading,
.new-taxi-app .accordionInner .accordionTitle.active {
    color: #ffffff;
}

/* taxi app page color css */

/* popup model css start */
.modal-open .modal.popupModel.show {
    height: 100% !important;
    display: flex !important;
    padding: 30px 0 !important;
}

.modal-open .modal.popupModel .modal-dialog {
    margin: auto;
}

.modal-open .modal.popupModel textarea {
    height: 120px;
}

@media(max-width: 749px) {
    .modal-open .modal.popupModel textarea {
        height: 100px;
    }
}

/* popup model css end */

/* escooter page color css */
.new-escooter-app .blueBack-gradient .h1 span,
.new-escooter-app .app-customization-section .h2 span,
.new-escooter-app .app-overview-slider-section .h2 span,
.new-escooter-app .app-category-details .h2 span,
.new-escooter-app .crossfeature-ondemand-sec h2 span,
.new-escooter-app .ondemand-process-sec .h2 span,
.new-escooter-app .ondemand-process-inner .h5,
.new-escooter-app .ondemand-tech-section .h2 span,
.new-escooter-app .anticipate-section .title span,
.new-escooter-app .ondemand-fectors-section .h2 span,
.new-escooter-app .ondemand-business-section .h2 span,
.new-escooter-app .ondemand-business-section .h3 span,
.new-escooter-app .hidden-brain-left .h2 span,
.new-escooter-app .bigEmpireContent span,
.new-escooter-app .blogSection .h2 span,
.page-id-24049 .addressSection .h2 span,
.page-id-24049 .contactSection .h3 span,
.page-id-24049 .partnerSecHead .h3 span,
.new-escooter-app .top-on-demand-info .h2 span,
.new-escooter-app .top-on-demand-expert .h3 span,
.new-escooter-app .top-on-demand-expert .h4 span,
.new-escooter-app .top-on-demand-sec p a,
.new-escooter-app p a,
.new-escooter-app .hidd-brain-title,
.new-escooter-app .our-plan-box .our-plan-box-list ul li:before,
.new-escooter-app .feature-section .slick-arrow svg path,
.new-escooter-app .feature-section h2 span {
    color: #3399C9 !important;
}
.new-escooter-app .feature-section .slick-dots li.slick-active button{
    background-color: #3399C9 !important;;
}
.new-escooter-app .btn-blue,
.new-escooter-app .btn,
.new-escooter-app .btn-orange,
.page-id-24049 .contactSection .btn-orange {
    background-color: #3399C9 !important;
    color: #ffffff !important;
}

.new-escooter-app .btn-blue:hover,
.new-escooter-app .btn:hover,
.new-escooter-app .btn-orange:hover,
.page-id-24049 .contactSection .btn-orange:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.new-escooter-app .app-customization-list li:before,
.new-escooter-app .app-customization-list li:after,
.new-escooter-app .top-on-demand-inn {
    border-color: #3399C9;
}

.new-escooter-app .ondemand-tech-section .nav-tabs .nav-link:after,
.new-escooter-app .ondemand-business-inner .h3:after,
.new-escooter-app .blogLink:hover .hashText:after,
.new-escooter-app .accordionInner .accordionTitle.active,
.new-escooter-app .slick-dots li button {
    background-color: #3399C9;
}

.new-escooter-app .hidden-brain-left>.subContent {
    color: #070024;
}

.new-escooter-app .top-on-demand-sec,
.new-escooter-app .anticipate-section,
.new-escooter-app .app-category-inner:hover {
    background-color: #cde0ed;
}

.new-escooter-app .subContent span,
.new-escooter-app .bigEmpireContent .subContent,
.new-escooter-app .blogLink:hover span {
    color: #cde0ed;
}

.new-escooter-app .admin-panel-section .admin-heading .sub-heading,
.new-escooter-app .admin-panel-section .admin-heading .heading-main {
    color: #000000;
}

.new-escooter-app .ondemand-business-section ul li:before {
    background-image: url();
}

.new-escooter-app .ondemand-tech-section .nav-tabs .nav-link:after,
.new-escooter-app .ondemand-business-inner .h3:after,
.new-escooter-app .blogLink:hover .hashText:after,
.new-escooter-app .accordionInner .accordionTitle.active,
.new-escooter-app .slick-dots li button,
.new-escooter-app .admin-panel-section .admin-pannel-solution-list li:hover,
.new-escooter-app .feature-section .slick-arrow:hover,
.new-escooter-app .feature-section .feature-list li:hover .feature-icon {
    background-color: #3399C9;
}

.new-escooter-app .feature-section .feature-list li:hover {
    border-color: #3399C9;
}

.new-escooter-app .admin-panel-section .admin-heading .heading-main,
.new-escooter-app .admin-panel-section .admin-heading .sub-heading,
.new-escooter-app .accordionInner .accordionTitle.active {
    color: #ffffff;
}

/* escooter page color css */


/* aviation software page color css */
.new-aviation-software .blueBack-gradient .h1 span,
.new-aviation-software .app-customization-section .h2 span,
.new-aviation-software .app-overview-slider-section .h2 span,
.new-aviation-software .app-category-details .h2 span,
.new-aviation-software .crossfeature-ondemand-sec h2 span,
.new-aviation-software .ondemand-process-sec .h2 span,
.new-aviation-software .ondemand-process-inner .h5,
.new-aviation-software .ondemand-tech-section .h2 span,
.new-aviation-software .anticipate-section .title span,
.new-aviation-software .ondemand-fectors-section .h2 span,
.new-aviation-software .ondemand-business-section .h2 span,
.new-aviation-software .ondemand-business-section .h3 span,
.new-aviation-software .hidden-brain-left .h2 span,
.new-aviation-software .bigEmpireContent span,
.new-aviation-software .blogSection .h2 span,
.page-id-24166 .addressSection .h2 span,
.page-id-24166 .contactSection .h3 span,
.page-id-24166 .partnerSecHead .h3 span,
.new-aviation-software .top-on-demand-info .h2 span,
.new-aviation-software .top-on-demand-expert .h3 span,
.new-aviation-software .top-on-demand-expert .h4 span,
.new-aviation-software .top-on-demand-sec p a,
.new-aviation-software p a,
.new-aviation-software .hidd-brain-title,
.new-aviation-software .our-plan-box .our-plan-box-list ul li:before,
.new-aviation-software .feature-section .slick-arrow svg path,
.new-aviation-software .feature-section h2 span {
    color: #1D4CB6 !important;
}
.new-aviation-software .feature-section .slick-dots li.slick-active button{
    background-color: #1D4CB6 !important;;
}
.new-aviation-software .btn-blue,
.new-aviation-software .btn,
.new-aviation-software .btn-orange,
.page-id-24166 .contactSection .btn-orange {
    background-color: #1D4CB6 !important;
    color: #ffffff !important;
}

.new-aviation-software .btn-blue:hover,
.new-aviation-software .btn:hover,
.new-aviation-software .btn-orange:hover,
.page-id-24166 .contactSection .btn-orange:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.new-aviation-software .app-customization-list li:before,
.new-aviation-software .app-customization-list li:after,
.new-aviation-software .top-on-demand-inn {
    border-color: #1D4CB6;
}

.new-aviation-software .ondemand-tech-section .nav-tabs .nav-link:after,
.new-aviation-software .ondemand-business-inner .h3:after,
.new-aviation-software .blogLink:hover .hashText:after,
.new-aviation-software .accordionInner .accordionTitle.active,
.new-aviation-software .slick-dots li button {
    background-color: #1D4CB6;
}

.new-aviation-software .hidden-brain-left>.subContent {
    color: #070024;
}

.new-aviation-software .top-on-demand-sec,
.new-aviation-software .anticipate-section,
.new-aviation-software .app-category-inner:hover {
    background-color: #98a5d7;
}

.new-aviation-software .subContent span,
.new-aviation-software .bigEmpireContent .subContent,
.new-aviation-software .blogLink:hover span {
    color: #98a5d7;
}

.new-aviation-software .admin-panel-section .admin-heading .sub-heading,
.new-aviation-software .admin-panel-section .admin-heading .heading-main {
    color: #000000;
}

.new-aviation-software .ondemand-business-section ul li:before {
    background-image: url();
}

.new-aviation-software .ondemand-tech-section .nav-tabs .nav-link:after,
.new-aviation-software .ondemand-business-inner .h3:after,
.new-aviation-software .blogLink:hover .hashText:after,
.new-aviation-software .accordionInner .accordionTitle.active,
.new-aviation-software .slick-dots li button,
.new-aviation-software .admin-panel-section .admin-pannel-solution-list li:hover,
.new-aviation-software .feature-section .slick-arrow:hover,
.new-aviation-software .feature-section .feature-list li:hover .feature-icon {
    background-color: #1D4CB6;
}

.new-aviation-software .feature-section .feature-list li:hover {
    border-color: #1D4CB6;
}

.new-aviation-software .admin-panel-section .admin-heading .heading-main,
.new-aviation-software .admin-panel-section .admin-heading .sub-heading,
.new-aviation-software .accordionInner .accordionTitle.active {
    color: #ffffff;
}

/* aviation software page color css */

.top-on-demand-sec .top-on-demand-info ul {
	padding-left: 25px;
}