.wys_us h2 {
    color: #51546a;
    font-family: "cera_pro_bold";
}
.form-group select ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group input:valid ~ .control-label,
.form-group input.form-file ~ .control-label,
.form-group input.has-value ~ .control-label,
.form-group textarea:focus ~ .control-label,
.form-group textarea:valid ~ .control-label,
.form-group textarea.form-file ~ .control-label,
.form-group textarea.has-value ~ .control-label {
    font-size: 0.8rem;
    color: #f9f9f9;
    top: -1rem;
    left: 0;
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
body {
   font-family: "cera_pro_regular", Sans-serif;
    font-weight: 400;
    line-height: 1.8;
    font-size: 18px;
    color: #282D3B;
   overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
    font-family: "cera_pro_bold";
}
img {
    max-width: 100%;
    vertical-align: bottom;
    border: none;
}
hr {
    margin: 10px 0;
}
ul,
li {
    list-style: none;
}
.center {
    text-align: center;
}
#page-wrapper {
    height: 100%;
}
#page-wrapper:after,
footer:after,
header:after {
    content: "";
    display: block;
    clear: both;
}
a {
    text-decoration: none;
    color: #282D3B;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}
@-webkit-keyframes pulseaim1 {
    to {
        box-shadow: 0 0 0 18px rgba(0, 153, 255, 0)
    }
}
p {
    line-height: 24px;
}
.white {
    color: #fff;
}
.black {
    color: #000;
}
input[type="button"],
input[type="submit"],
button {
    width: auto;
    outline: none;
    cursor: pointer;
}
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus {
    outline: none;
}
.icon-food:before {
    content: "e907";
    color: #ef674e;
}
.icon-realestate:before {
    content: "e902";
    color: #198f37;
}
.icon-travel:before {
    content: "e905";
    color: #23cff1;
}
.icon-sport:before {
    content: "e904";
    color: #206fd6;
}
.icon-health:before {
    content: "e900";
    color: #14c906;
}
.icon-media:before {
    content: "e901";
    color: #ff003c;
}
svg {
    max-width: 100%;
}
.join-partnership .cls-1 {
    fill: #cdd2e9;
}
.join-partnership .cls-1,
.join-partnership .cls-2,
.join-partnership .cls-3,
.join-partnership .cls-4,
.join-partnership .cls-5,
.join-partnership .cls-6,
.join-partnership .cls-7,
.join-partnership .cls-8,
.join-partnership .cls-9 {
    fill-rule: evenodd;
}
.join-partnership .cls-2 {
    fill: #dce0f2;
}
.join-partnership .cls-3 {
    fill: #7b82a6;
    filter: url(#filter);
}
.join-partnership .cls-4 {
    fill: #a1abdc;
}
.join-partnership .cls-5 {
    fill: #fff;
}
.join-partnership .cls-6 {
    fill: #221564;
    filter: url(#filter-2);
}
.join-partnership .cls-7 {
    fill: #6f68de;
}
.join-partnership .cls-8 {
    fill: #745edc;
}
.join-partnership .cls-9 {
    fill: #4de5ea;
    filter: url(#filter-3);
}
.join-partnership .cls-10,
.join-partnership .cls-12 {
    font-size: 52px;
    fill: #251950;
    font-weight: 600;
}
.join-partnership .cls-10 {
    text-anchor: end;
}
.join-partnership .cls-11 {
    font-size: 24px;
}
.mobile-app .cls-1 {
    fill: #d4dbfa;
    fill-opacity: 0.13;
}
.mobile-app .cls-1,
.mobile-app .cls-10,
.mobile-app .cls-11,
.mobile-app .cls-12,
.mobile-app .cls-13,
.mobile-app .cls-14,
.mobile-app .cls-15,
.mobile-app .cls-16,
.mobile-app .cls-17,
.mobile-app .cls-18,
.mobile-app .cls-19,
.mobile-app .cls-2,
.mobile-app .cls-20,
.mobile-app .cls-21,
.mobile-app .cls-22,
.mobile-app .cls-23,
.mobile-app .cls-24,
.mobile-app .cls-25,
.mobile-app .cls-26,
.mobile-app .cls-27,
.mobile-app .cls-28,
.mobile-app .cls-29,
.mobile-app .cls-3,
.mobile-app .cls-30,
.mobile-app .cls-31,
.mobile-app .cls-32,
.mobile-app .cls-33,
.mobile-app .cls-34,
.mobile-app .cls-35,
.mobile-app .cls-36,
.mobile-app .cls-37,
.mobile-app .cls-38,
.mobile-app .cls-39,
.mobile-app .cls-4,
.mobile-app .cls-40,
.mobile-app .cls-41,
.mobile-app .cls-42,
.mobile-app .cls-43,
.mobile-app .cls-44,
.mobile-app .cls-45,
.mobile-app .cls-46,
.mobile-app .cls-47,
.mobile-app .cls-48,
.mobile-app .cls-49,
.mobile-app .cls-5,
.mobile-app .cls-50,
.mobile-app .cls-51,
.mobile-app .cls-52,
.mobile-app .cls-53,
.mobile-app .cls-6,
.mobile-app .cls-7,
.mobile-app .cls-8,
.mobile-app .cls-9 {
    fill-rule: evenodd;
}
.mobile-app .cls-13,
.mobile-app .cls-17,
.mobile-app .cls-2,
.mobile-app .cls-26,
.mobile-app .cls-5 {
    fill: #d2c5d9;
}
.mobile-app .cls-2 {
    filter: url(#filter);
}
.mobile-app .cls-3 {
    fill: #e28bff;
    filter: url(#filter-2);
}
.mobile-app .cls-4,
.mobile-app .cls-8 {
    fill: #fff;
}
.mobile-app .cls-4 {
    opacity: 0.13;
}
.mobile-app .cls-5 {
    filter: url(#filter-3);
}
.mobile-app .cls-6 {
    fill: #ff3d9d;
}
.mobile-app .cls-7 {
    fill: #c20563;
}
.mobile-app .cls-9 {
    fill: #d7b500;
}
.mobile-app .cls-10 {
    fill: #fff43d;
}
.mobile-app .cls-11 {
    fill: #1b347e;
}
.mobile-app .cls-12 {
    fill: #3790ff;
}
.mobile-app .cls-13 {
    filter: url(#filter-4);
}
.mobile-app .cls-14 {
    fill: #bf8f01;
}
.mobile-app .cls-15 {
    fill: #2f2660;
}
.mobile-app .cls-16 {
    fill: #c3b8c9;
}
.mobile-app .cls-17 {
    filter: url(#filter-5);
}
.mobile-app .cls-18 {
    fill: #c78efb;
}
.mobile-app .cls-19,
.mobile-app .cls-47 {
    fill: #bfb2c6;
}
.mobile-app .cls-20 {
    fill: #203699;
    filter: url(#filter-6);
}
.mobile-app .cls-21 {
    fill: #05244c;
}
.mobile-app .cls-22 {
    fill: #1c6fbc;
}
.mobile-app .cls-23 {
    fill: #7fb907;
}
.mobile-app .cls-24 {
    fill: #b3ff18;
}
.mobile-app .cls-25 {
    fill: #577b0d;
}
.mobile-app .cls-27 {
    fill: #8200f2;
    filter: url(#filter-7);
}
.mobile-app .cls-28 {
    fill: #e7e3e9;
}
.mobile-app .cls-29 {
    fill: #e6e6e6;
}
.mobile-app .cls-30 {
    fill: #3d2766;
}
.mobile-app .cls-31 {
    fill: #3d2866;
}
.mobile-app .cls-32 {
    fill: #7927c7;
}
.mobile-app .cls-33 {
    fill: #47336e;
}
.mobile-app .cls-34 {
    fill: #062840;
}
.mobile-app .cls-36 {
    fill: #fdb175;
}
.mobile-app .cls-37 {
    fill: #f9a05a;
}
.mobile-app .cls-38 {
    fill: #211c30;
}
.mobile-app .cls-39 {
    fill: #1152a3;
}
.mobile-app .cls-40 {
    fill: #fefdff;
}
.mobile-app .cls-41 {
    fill: #2b2143;
}
.mobile-app .cls-42 {
    fill: #efe3e3;
}
.mobile-app .cls-43 {
    fill: #f9b979;
}
.mobile-app .cls-44 {
    fill: #fec627;
}
.mobile-app .cls-45 {
    fill: #c39719;
}
.mobile-app .cls-46 {
    fill: #eae4ed;
}
.mobile-app .cls-47 {
    filter: url(#filter-8);
}
.mobile-app .cls-48 {
    fill: #2e294a;
}
.mobile-app .cls-49 {
    fill: #3cf219;
}
.mobile-app .cls-50 {
    fill: #413956;
}
.mobile-app .cls-51 {
    fill: #219f09;
}
.mobile-app .cls-52,
.mobile-app .cls-54 {
    fill: #4a4296;
}
.mobile-app .cls-53 {
    fill: #f9f3fc;
}
.mobile-app .cls-54 {
    font-size: 72px;
    font-weight: 700;
}
#step .cls-1 {
    fill: #ff4a35;
    fill-opacity: 0;
    stroke: #e0dede;
    stroke-linejoin: round;
    stroke-width: 2px;
}
#step .cls-2 {
    fill: #fff;
    fill-rule: evenodd;
}
.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}
.w-75 {
    width: 75% !important;
}
.w-100 {
    width: 100% !important;
}
.w-auto {
    width: auto !important;
}
.h-25 {
    height: 25% !important;
}
.h-50 {
    height: 50% !important;
}
.h-75 {
    height: 75% !important;
}
.h-100 {
    height: 100% !important;
}
.h-auto {
    height: auto !important;
}
.mw-100 {
    max-width: 100% !important;
}
.mh-100 {
    max-height: 100% !important;
}
.min-vw-100 {
    min-width: 100vw !important;
}
.min-vh-100 {
    min-height: 100vh !important;
}
.vw-100 {
    width: 100vw !important;
}
.vh-100 {
    height: 100vh !important;
}
.m-0 {
    margin: 0 !important;
}
.mt-0,
.my-0 {
    margin-top: 0 !important;
}
.mr-0,
.mx-0 {
    margin-right: 0 !important;
}
.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
    margin-left: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.mt-3,
.my-3 {
    margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}
.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important;
}
.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}
.m-5 {
    margin: 3rem !important;
}
.mt-5,
.my-5 {
    margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}
.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}
.p-0 {
    padding: 0 !important;
}
.pt-0,
.py-0 {
    padding-top: 0 !important;
}
.pr-0,
.px-0 {
    padding-right: 0 !important;
}
.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
    padding-left: 0 !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.pt-3,
.py-3 {
    padding-top: 1rem !important;
}
.pr-3,
.px-3 {
    padding-right: 1rem !important;
}
.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
    padding-left: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}
.p-5 {
    padding: 3rem !important;
}
.pt-5,
.py-5 {
    padding-top: 3rem !important;
}
.pr-5,
.px-5 {
    padding-right: 3rem !important;
}
.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
    padding-left: 3rem !important;
}
.m-n1 {
    margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}
.m-n2 {
    margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}
.m-n3 {
    margin: -1rem !important;
}
.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}
.m-n4 {
    margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}
.m-n5 {
    margin: -3rem !important;
}
.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}
.m-auto {
    margin: auto !important;
}
.mt-auto,
.my-auto {
    margin-top: auto !important;
}
.mr-auto,
.mx-auto {
    margin-right: auto !important;
}
.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
    margin-left: auto !important;
}
.col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 100%;
}
@media (min-width: 540px) {
    .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 19%;
        flex: 0 0 19%;
        max-width: 19%;
    }
}
header {
    overflow: hidden;
    background: #02042B;
}
header .nav-pills {
    display: block;
}
header .nav-pills a {
    color: #fff;
    text-align: right;
    position: relative;
    padding: 0px 35px 50px 0px;
    font-size: 1.1vw;
}
header .nav-pills a span {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #ffffff;
    display: inline-block;
    position: absolute;
    right: -12px;
    top: 0px;
}
header .nav-pills a span:before {
    width: 2px;
    height: 44px;
    background-color: #ffffff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    content: "";
    position: absolute;
    right: 0;
    bottom: -67px;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0px;
}
header .nav-pills a span:after {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0px;
}
header .nav-pills a svg {
    display: none;
    fill: #fff;
    height: 50px;
}
header .nav-pills a abbr {
    display: inline-block;
}
header .nav-pills .nav-item {
    display: block;
    position: relative;
    text-align: right;
    line-height: 72px;
    width: 100%;
}
header .nav-pills .nav-item:last-child span:before {
    display: none;
}
header .nav-pills .nav-item.current-bnr-tab a {
    background-color: transparent !important;
}
header .nav-pills .nav-item.current-bnr-tab a span {
    background-color: #ff3d9d;
}
header .nav-pills .active a {
    background-color: transparent !important;
}
header .nav-pills .active a span {
    background-color: #ff3d9d;
}
header .teb-text {
    position: relative;
    z-index: 2;
}
header .ani-image {
    position: absolute;
    top: -49px;
    z-index: 1;
    right: 0px;
}
header .ani-image .bnr-static-img {
    max-width: 1134px;
    width: 100%;
}
header .b-heading {
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3em;
}
header .tab-heading {
    line-height: normal;
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px;
    display: none;
}
.wys_us .heading {
    font-size: 30px;
    margin-bottom: 20px;
    font-family: #extrabold;
}
.wys_us .heading h3 {
    font-size: 30px;
    display: inline-block;
}
.wys_us .about_content .about-brand {
    margin: 20px 0;
}
.wys_us .about_content .about-brand li {
    margin: 10px;
    display: inline-block;
}
.wys_us .about_content .about-brand li img {
    width: 93px;
    height: 93px;
}
.wys_us .about_content h3 {
    font-size: 17px;
}
.ranking {
    background-image: url(../img/under-ranking.png);
    background-size: 100%;
    min-height: 519px;
    background-position: center;
    background-repeat: no-repeat;
    padding: 90px;
    /*position: absolute;*/
    max-width: 570px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.ranking .b-left {
    display: inline-block;
    width: 33.3%;
    padding: 20px 0px;
    border: 1px solid #ddd;
    text-align: center;
    position: relative;
    float: left;
}
.ranking .b-left .count {
    color: #51546a;
    margin-left: 0px;
    font-size: 21px;
    font-family: "cera_pro_bold";
}
.ranking .b-left p {
    font-size: 10px;
    margin: 0px;
}
.ranking .b-right {
    border-right: none !important;
}
.ranking .b-top {
    border-top: none !important;
}
.ranking .b-left {
    border-left: none !important;
}
.ranking .b-bottom {
    border-bottom: none !important;
}
.wys_us .d-md-block {
    display: block;
}
.wys_us .d-md-none {
    display: none;
}
.fliping {
    max-width: 555px;
    margin: 0 auto;
}
.service {
    overflow: hidden;
}
.service .heading {
    font-size: 30px;
    line-height: 1.3em;
    margin-bottom: 20px;
    font-weight: bold;
}
.service .svp-big-box .heading,
.service .swp-mob-box .heading,
.service .swp-salesforce-box .heading,
.service .swp-game-box .heading {
    font-size: 20px;
}
.service .nav-tabs li {
    float: left;
    width: 12.5%;
    position: relative;
    margin-bottom: 80px;
    text-align: center;
    border: none;
    font-size: 14px;
    font-family: "cera_pro_medium", Sans-serif;
    color: #51546a;
}
.service .nav-tabs li a {
    height: 100px;
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #51546a;
    border: none;
    box-shadow: none;
}
.service .nav-tabs li a svg {
    width: 100%;
    height: 100px;
}
.service .nav-tabs li a .svg-img {
    width: auto;
    height: 100px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 9000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 9000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 9000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 9000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    .service .nav-tabs li a from {
        -ms-transform: rotate(0deg);
    }
    .service .nav-tabs li a to {
        -ms-transform: rotate(360deg);
    }
}
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.service .nav-tabs li a:hover {
    border: none;
    box-shadow: none;
}
.service .nav-tabs li a:active {
    border: none;
    box-shadow: none;
}
.service .nav-tabs li a:focus {
    border: none;
    box-shadow: none;
}
.service .nav-tabs li span {
    text-transform: uppercase;
    font-size: 14px;
    font-family: "cera_pro_medium", Sans-serif;
    color: #51546a;
    display: inline-block;
    margin-top: 10px;
}
.service .nav-tabs li .mobile {
    position: absolute;
    left: 0px;
    top: 40%;
    height: 43px;
    right: 0px;
    margin: auto;
    fill: #fff;
}
.service .nav-tabs .active {
    color: #8200f2;
}
.service .nav-tabs .active a {
    color: #8200f2;
}
.service .nav-tabs .active a:hover {
    color: #8200f2;
}
.service .nav-tabs .active a:focus {
    color: #8200f2;
}
.service .nav-tabs .active a:active {
    color: #8200f2;
}
.service .nav-tabs .active span {
    color: #8200f2;
}
.service .tab-content .contents h4 {
    color: #07bee1;
}
.service .tab-content .contents .technology li {
    float: left;
    width: 25%;
    padding: 10px 0px;
    min-height: 150px;
}
.service .tab-content .contents .technology li .img-box {
    padding-bottom: 15px;
}
.service .tab-content .fliping {
    position: relative;
    min-height: 484px;
}
.service .tab-content .fliping .tab-img-set {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 555px;
}
.service-we-provide {
    position: relative;
}
.service-we-provide.py-5 {
    padding-bottom: 65px !important;
}
.service-we-provide:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0; 
    height: 480px;
    background-color: transparent;
}
.service-we-provide .container {
    position: relative;
    z-index: 1;
}
.service-we-provide .svp-big-box {
    margin-top: 80px;
    min-height: 626px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background: #02042B;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.service-we-provide .svp-big-box .svp-icon {
    width: 72px;
    height: 72px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    margin: 0 auto;
    border-bottom: 5px solid #8200f2;
    position: relative;
}
.service-we-provide .svp-big-box .svp-icon:before {
    content: "";
    position: absolute;
    left: 7px;
    top: -7px;
    width: 72px;
    height: 72px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    opacity: 0.2;
}
.service-we-provide .svp-big-box .svp-icon.si1 {
    border-bottom-color: #ef00bf;
}
.service-we-provide .svp-big-box .svp-icon.si2 {
    border-bottom-color: #3bc643;
}
.service-we-provide .svp-big-box .svp-icon.si3 {
    border-bottom-color: #ffac01;
}
.service-we-provide .svp-big-box .svp-icon.si4 {
    border-bottom-color: #34e4df;
}
.service-we-provide .svp-big-box .svp-icon.si5 {
    border-bottom-color: #7b7fc6;
}
.service-we-provide .svp-big-box .svp-icon.si6 {
    border-bottom-color: #f55fa7;
}
.service-we-provide .svp-big-box .svp-icon.si7 {
    border-bottom-color: #28b1d7;
}
.service-we-provide .svp-big-box .svp-icon.si8 {
    border-bottom-color: #f972f8;
}
.service-we-provide .svp-big-box .svp-icon.si9 {
    border-bottom-color: #06a53a;
}
.service-we-provide .svp-big-box .svp-icon.si10 {
    border-bottom-color: #07bee1;
}
.service-we-provide .svp-big-box .svp-icon.si11 {
    border-bottom-color: #6954f8;
}
.service-we-provide .svp-big-box .svp-icon.si12 {
    border-bottom-color: #f9be32;
}
.service-we-provide .svp-big-box .txt {
    color: #fff;
    margin-top: 2px;
    font-size: 15px;
    line-height: 1.6;
}
.service-we-provide .svp-big-box .padder {
    padding: 30px;
    min-height: 430px;
}
.service-we-provide .svp-big-box .padder .heading {
    color: #fff;
    margin-left: 32px;
    margin-top: 20px;
}
.service-we-provide .svp-big-box .padder .heading span {
    font-family: "cera_pro_bold";
}
.service-we-provide .svp-big-box .padder .service-provide-pc {
    max-width: 461px;
    margin: 0 auto;
}
.service-we-provide .svp-big-box .padder .service-provide-pc img {
    width: 100%;
}
.service-we-provide .svp-big-box .big-price {
    position: absolute;
    left: 0;
    top: -70px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 128px;
}
.service-we-provide .svp-big-box .big-price img {
    width: 100%;
}
.service-we-provide .svp-big-box p {
    color: #fff;
   font-size: 16px;
    line-height: 1.65 !important;
}
.service-we-provide .svp-big-box .style_3 {
    background-color: #ff3d9d;
    color: #fff;
}
.service-we-provide .swp-slider-height {
    min-height: 246px;
    padding-top: 50px;
    border-bottom: 1px solid #434784;
}
.service-we-provide .swp-slider-height .service-provider-icon-slider {
    padding: 20px;
}
.service-we-provide .swp-slider-height .service-provider-icon-slider .item {
    text-align: center;
    padding-top: 10px;
}
.service-we-provide .swp-slider-height .service-provider-icon-slider .item img {
    width: 60px;
    margin: 0px auto 0 auto;
    position: relative;
    top: 4px;
}
.service-we-provide .swp-slider-height .service-provider-icon-slider .owl-nav button {
    position: absolute;
    top: 41px;
    background: none;
    border: none;
    color: #fff;
    padding: 15px;
}
.service-we-provide .swp-slider-height .service-provider-icon-slider .owl-nav button.fa-chevron-left {
    left: 0;
}
.service-we-provide .swp-slider-height .service-provider-icon-slider .owl-nav button.fa-chevron-right {
    right: 0;
}
.service-we-provide .swp-slider-height .service-provider-icon-slider .owl-dots {
    text-align: center;
    padding: 10px 0;
}
.service-we-provide .swp-slider-height .service-provider-icon-slider .owl-dots .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px;
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
}
.service-we-provide .swp-slider-height .service-provider-icon-slider .owl-dots .owl-dot.active {
    width: 50px;
    background-color: #ffffff;
    opacity: 1;
}
.service-we-provide .swp-mob-box {
    background: #bc289e;
    margin-top: 80px;
    padding-top: 90px;
    min-height: 360px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background: #02042B;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.service-we-provide .swp-mob-box .heading {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}
.service-we-provide .swp-mob-box .heading span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
}
.service-we-provide .swp-mob-box .small-price {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -65px;
    max-width: 128px;
}
.service-we-provide .swp-mob-box .small-price img {
    width: 100%;
}
.service-we-provide .swp-mob-box .swp-mob-dev {
    max-width: 270px;
    margin: 50px auto 0 auto;
}
.service-we-provide .swp-mob-box .swp-mob-dev img {
    width: 100%;
}
.service-we-provide .swp-mob-box .swp-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.service-we-provide .swp-mob-box .swp-overly .swp-overly-in {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -moz-transform: translate(0px, 100%);
    -webkit-transform: translate(0px, 100%);
    -o-transform: translate(0px, 100%);
    -ms-transform: translate(0px, 100%);
    transform: translate(0px, 100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.service-we-provide .swp-mob-box .swp-overly .swp-overly-in:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    background: #02042B;
}
.service-we-provide .swp-mob-box .swp-overly .swp-overly-in .center-link {
    text-align: center;
    padding: 24% 10px;
    position: relative;
    z-index: 1;
}
.service-we-provide .swp-mob-box .swp-overly .swp-overly-in .center-link a {
    font-size: 16px;
    display: inline-block;
    color: #fff;
   line-height: 1.5;
}
.service-we-provide .swp-mob-box .swp-overly .swp-overly-in .center-link a img {
    margin-bottom: 5px;
}
.service-we-provide .swp-mob-box .swp-overly .swp-overly-in .center-link a span {
    display: block;
    font-family: "cera_pro_bold";
    font-size: 20px;
}
.service-we-provide .swp-mob-box .swp-overly .swp-overly-in .ov-line {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.4);
    position: relative;
    z-index: 1;
}
.service-we-provide .swp-mob-box .swp-overly .swp-overly-in .col-bdr {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.service-we-provide .swp-mob-box .swp-overly:hover .swp-overly-in {
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.service-we-provide .swp-game-box {
    background: #02042B;
    margin-top: 12px;
    padding-top: 30px;
    padding-bottom: 0px;
    min-height: 304px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.service-we-provide .swp-game-box .heading {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}
.service-we-provide .swp-game-box .heading span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
}
.service-we-provide .swp-game-box .small-price {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -65px;
    max-width: 128px;
}
.service-we-provide .swp-game-box .small-price img {
    width: 100%;
}
.service-we-provide .swp-game-box .swp-hybrid-dev {
    max-width: 145px;
    margin: 0 auto;
}
.service-we-provide .swp-game-box .swp-hybrid-dev img {
    width: 100%;
}
.service-we-provide .swp-game-box .swp-mob-dev {
    max-width: 528px;
    margin: 10px auto 0 auto;
}
.service-we-provide .swp-game-box .swp-mob-dev img {
    width: 100%;
}
.service-we-provide .swp-game-box .swp-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.service-we-provide .swp-game-box .swp-overly .swp-overly-in {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -moz-transform: translate(0px, 100%);
    -webkit-transform: translate(0px, 100%);
    -o-transform: translate(0px, 100%);
    -ms-transform: translate(0px, 100%);
    transform: translate(0px, 100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.service-we-provide .swp-game-box .swp-overly .swp-overly-in:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    background: #02042B;
}
.service-we-provide .swp-game-box .swp-overly .swp-overly-in .row.rw-mr,
.service-we-provide .swp-mob-box .swp-overly .swp-overly-in .row.rw-mr,
.service-we-provide .swp-salesforce-box .swp-overly .swp-overly-in .row.rw-mr{
   height: 50%;
}
.service-we-provide .swp-game-box .swp-overly .swp-overly-in .row.rw-mr > div,
.service-we-provide .swp-mob-box .swp-overly .swp-overly-in .row.rw-mr > div,
.service-we-provide .swp-salesforce-box .swp-overly .swp-overly-in .row.rw-mr > div {
   height: 100%;
}
.service-we-provide .swp-game-box .swp-overly .swp-overly-in .center-link {
    text-align: center;
    padding: 10% 10px;
    position: relative;
    z-index: 1;
}
.service-we-provide .swp-game-box .swp-overly .swp-overly-in .center-link a {
    font-size: 16px;
    display: inline-block;
    color: #fff;
}
.service-we-provide .swp-game-box .swp-overly .swp-overly-in .center-link a img {
    margin-bottom: 5px;
}
.service-we-provide .swp-game-box .swp-overly .swp-overly-in .center-link a span {
    display: block;
    font-family: "cera_pro_bold";
    font-size: 20px;
}
.service-we-provide .swp-game-box .swp-overly .swp-overly-in .ov-line {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.4);
    position: relative;
    z-index: 1;
}
.service-we-provide .swp-game-box .swp-overly .swp-overly-in .col-bdr {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.service-we-provide .swp-game-box .swp-overly:hover .swp-overly-in {
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.service-we-provide .swp-salesforce-box {
    background: #02042B;
    margin-top: 80px;
    padding-top: 90px;
    padding-bottom: 68px;
    min-height: 360px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.service-we-provide .swp-salesforce-box .heading {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}
.service-we-provide .swp-salesforce-box .heading span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
}
.service-we-provide .swp-salesforce-box .small-price {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -65px;
    max-width: 128px;
}
.service-we-provide .swp-salesforce-box .small-price img {
    width: 100%;
}
.service-we-provide .swp-salesforce-box .swp-salesforce-dev {
    max-width: 150px;
    margin: 40px auto 0 auto;
}
.service-we-provide .swp-salesforce-box .swp-salesforce-dev img {
    width: 100%;
}
.service-we-provide .swp-salesforce-box .swp-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.service-we-provide .swp-salesforce-box .swp-overly .swp-overly-in {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -moz-transform: translate(0px, 100%);
    -webkit-transform: translate(0px, 100%);
    -o-transform: translate(0px, 100%);
    -ms-transform: translate(0px, 100%);
    transform: translate(0px, 100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.service-we-provide .swp-salesforce-box .swp-overly .swp-overly-in:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    background: #02042B;
}
.service-we-provide .swp-salesforce-box .swp-overly .swp-overly-in .center-link {
    text-align: center;
    padding: 29% 10px;
    position: relative;
    z-index: 1;
}
.service-we-provide .swp-salesforce-box .swp-overly .swp-overly-in .center-link a {
    font-size: 16px;
    display: inline-block;
    color: #fff;
}
.service-we-provide .swp-salesforce-box .swp-overly .swp-overly-in .center-link a img {
    margin-bottom: 5px;
}
.service-we-provide .swp-salesforce-box .swp-overly .swp-overly-in .center-link a span {
    display: block;
    font-family: "cera_pro_bold";
    font-size: 20px;
}
.service-we-provide .swp-salesforce-box .swp-overly .swp-overly-in .ov-line {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.4);
    position: relative;
    z-index: 1;
}
.service-we-provide .swp-salesforce-box .swp-overly .swp-overly-in .col-bdr {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.service-we-provide .swp-salesforce-box .swp-overly .swp-overly-in .rw-mr {
    margin-left: 0;
    margin-right: 0;
}
.service-we-provide .swp-salesforce-box .swp-overly .swp-overly-in .rw-mr .cl-pd {
    padding-left: 0;
    padding-right: 0;
}
.service-we-provide .swp-salesforce-box .swp-overly:hover .swp-overly-in {
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.service-we-provide .swp-row {
    margin-left: -6px;
    margin-right: -6px;
}
.service-we-provide .swp-col {
    padding-left: 6px;
    padding-right: 6px;
}
.mCntr {
    text-align: center;
}
.mCntr .free-title {
    font-size: 30px;
    color: #000000;
    font-family: "cera_pro_medium", Sans-serif;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}
.mCntr .free-title abbr {
    font-family: "cera_pro_bold";
}
.work {
    background: #1e5799;
    background: -moz-linear-gradient(45deg, #1e5799 0%, #512681 100%);
    background: -webkit-linear-gradient(45deg, #1e5799 0%, #512681 100%);
    background: linear-gradient(45deg, #1e5799 0%, #512681 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#512681', GradientType=1);
}
.work .heading {
    color: #fff;
}
.work p {
    color: #fff;
}
.work .nav-tabs {
    border: none;
}
.work .nav-tabs li {
    width: 12.5%;
    text-align: center;
    padding: 18px;
}
.work .nav-tabs li .thed {
    color: #fff;
    min-height: 43px;
    margin-top: 6px;
    font-size: 13px;
    line-height: normal;
}
.work .nav-tabs li i {
    font-size: 35px;
}
.work .nav-tabs li .fii {
    font-family: "icomoon";
    font-style: normal;
}
.work .nav-tabs li img {
    width: 38px;
}
.work .nav-tabs li:nth-child(1) .thed {
    border-bottom: 2px solid #c44c17;
}
.work .nav-tabs li:nth-child(2) .thed {
    border-bottom: 2px solid #198f37;
}
.work .nav-tabs li:nth-child(3) .thed {
    border-bottom: 2px solid #23cff1;
}
.work .nav-tabs li:nth-child(4) .thed {
    border-bottom: 2px solid #206fd6;
}
.work .nav-tabs li:nth-child(5) .thed {
    border-bottom: 2px solid #14c906;
}
.work .nav-tabs li:nth-child(6) .thed {
    border-bottom: 2px solid #ffbd00;
}
.work .nav-tabs li:nth-child(7) .thed {
    border-bottom: 2px solid #bf4dd4;
}
.work .nav-tabs li:nth-child(8) .thed {
    border-bottom: 2px solid #ff003c;
}
.work .tab-content .img-inner {
    background-size: cover;
    background-repeat: repeat;
    background-position: center center;
    border-style: none;
    border-radius: 15px;
    transition: all 0ms ease-in-out 0s;
    margin: 0px;
    border-color: transparent;
    box-shadow: none;
    height: 380px;
    overflow: hidden;
    border-radius: 15px;
    padding-top: 500px;
    background-position-x: left !important;
    background-position-y: 0 !important;
    position: relative;
    transition: all 1.5s ease-in-out !important;
}
.work .tab-content .img-inner:hover {
    background-position: center bottom !important;
}
.work .tab-content .img-inner1 {
    background-image: url(../img/work/scroll-img1.html);
}
.work .tab-content .img-inner2 {
    background-image: url(../img/work/scroll-img2.html);
}
.work .tab-content .img-inner3 {
    background-image: url(../img/work/scroll-img3.html);
}
.work .tab-content .img-inner4 {
    background-image: url(../img/work/scroll-img4.html);
}
.work .bottom-content {
    text-align: center;
    margin-top: 25px;
}
.work .bottom-content h5 {
    color: #fff;
    margin-bottom: 0px;
}
.work .bottom-content i {
    width: 40px;
    height: 40px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    line-height: 40px;
    color: #51546a;
    font-size: 25px;
    display: block;
    vertical-align: middle;
    margin: auto;
    justify-content: center;
    background-image: linear-gradient(to left, transparent, transparent 50%, #ff3d9d 50%, #ff3d9d);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all 0.25s ease-in;
}
.work .bottom-content i:hover {
    background-position: 0 0;
    color: #fff;
}
header.masthead.testimonial-page {
    text-align: center;
    padding-top: 150px;
    padding-bottom: 100px;
    min-height: 100%;
}
header.masthead.testimonial-page .b-heading {
    margin-bottom: 30px;
}
header.masthead.testimonial-page .style_3 {
    margin-top: 0px;
}
.testimonials-tabs {
    position: relative;
    min-height: 500px;
}
.testimonials-tabs:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 425px;
    background: #690cb9;
    background: -moz-linear-gradient(45deg, #690cb9 0%, #b10398 100%);
    background: -webkit-linear-gradient(45deg, #690cb9 0%, #b10398 100%);
    background: linear-gradient(45deg, #690cb9 0%, #b10398 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#690cb9', endColorstr='#b10398',GradientType=1 );
}
.testimonials-tabs .client-testimonilas {
    position: relative;
    z-index: 1;
}
.testimonials-tabs .client-testimonilas h2 {
    color: #fff;
    text-align: center;
    margin: 0 0 30px 0;
}
.testimonials-tabs .client-testimonilas .p-head {
    text-align: center;
    color: #fff;
}
.testimonials-tabs .client-testimonilas .nav-tabs {
    text-align: center;
    border-bottom: none;
    margin-top: 70px;
}
.testimonials-tabs .client-testimonilas .nav-tabs li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5%;
    float: none;
}
.testimonials-tabs .client-testimonilas .nav-tabs li a {
    border: none;
    width: 300px;
    height: 300px;
    font-family: "cera_pro_bold";
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.2);
    color: #888;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
}
.testimonials-tabs .client-testimonilas .nav-tabs li a .quote-tab {
    position: absolute;
    top: 0;
    left: -20px;
}
.testimonials-tabs .client-testimonilas .nav-tabs li a .quote-tab.right {
    left: auto;
    right: -70px;
    top: 80px;
}
.testimonials-tabs .client-testimonilas .nav-tabs li a .img-hider {
    width: 243px;
    margin: -40px auto 0px auto;
    height: 230px;
    position: relative;
    z-index: 1;
}
.testimonials-tabs .client-testimonilas .nav-tabs li a .img-hider .t-tab {
    width: 100%;
    margin-bottom: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.testimonials-tabs .client-testimonilas .nav-tabs li a .half-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}
.testimonials-tabs .client-testimonilas .nav-tabs li a .half-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: #f14cb1;
    background: -moz-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: -webkit-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f14cb1', endColorstr='#8200f2',GradientType=1 );
}
.testimonials-tabs .client-testimonilas .nav-tabs li a .tb-txt {
    position: relative;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.testimonials-tabs .client-testimonilas .nav-tabs li a .tb-txt abbr {
    display: block;
    font-family: "cera_pro_bold";
    font-size: 20px;
}
.testimonials-tabs .client-testimonilas .nav-tabs li.active a {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.4);
    -moz-box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.4);
    box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.4);
    color: #690cb9;
}
.testimonials-tabs .client-testimonilas .nav-tabs li.active a .img-hider .t-tab {
    top: -20px;
    filter: none;
}
.testimonials-tabs .client-testimonilas .nav-tabs li.active a .tb-txt {
    top: -20px;
}
.testimonials-tabs .client-testimonilas .nav-tabs li.active a .half-bg:after {
    background: #f1884c;
    background: -moz-linear-gradient(45deg, #f1884c 1%, #00d0f2 100%);
    background: -webkit-linear-gradient(45deg, #f1884c 1%, #00d0f2 100%);
    background: linear-gradient(45deg, #f1884c 1%, #00d0f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1884c', endColorstr='#00d0f2',GradientType=1 );
}
.testimonials-tabs .client-testimonilas .nav-tabs li:hover a {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.4);
    -moz-box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.4);
    box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.4);
}
.testimonials-tabs .client-testimonilas .nav-tabs li:hover a .img-hider .t-tab {
    top: -20px;
}
.testimonials-tabs .client-testimonilas .nav-tabs li:hover a .tb-txt {
    top: -20px;
}
.testimonials-tabs .client-testimonilas .nav-tabs li:focus a {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.4);
    -moz-box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.4);
    box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.4);
}
.testimonials-tabs .client-testimonilas .nav-tabs li:focus a .img-hider .t-tab {
    top: -20px;
}
.testimonials-tabs .client-testimonilas .nav-tabs li:active a {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.4);
    -moz-box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.4);
    box-shadow: 0px 0px 30px 0px rgba(177, 3, 153, 0.4);
}
.testimonials-tabs .client-testimonilas .nav-tabs li:active a .img-hider .t-tab {
    top: -20px;
}
.testimonials-tabs .client-testimonilas .nav-tabs li:active a .tb-txt {
    top: -20px;
}
.testimonials-tabs .client-testimonilas .tab-content {
    margin-top: 50px;
}
.testimonials-tabs .client-testimonilas .card.video_card {
    position: relative;
    background-color: #fff;
}
.testimonials-tabs .client-testimonilas .card.video_card .vieo_pic {
    background-color: #000;
    position: relative;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.testimonials-tabs .client-testimonilas .card.video_card .vieo_pic .vdoPlay {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}
.testimonials-tabs .client-testimonilas .card.video_card .vieo_pic .vdoPlay i {
    font-size: 60px;
    color: #fff;
    position: relative;
    top: 40%;
    opacity: 0.5;
}
.testimonials-tabs .client-testimonilas .card.video_card .vieo_pic .video-poster {
    width: 100%;
    max-width: 899px;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.testimonials-tabs .client-testimonilas .card.video_card .vieo_pic:hover .vdoPlay i {
    opacity: 1;
}
.testimonials-tabs .client-testimonilas .card.video_card .vQuote {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    left: 10px;
    bottom: -25px;
    -webkit-border-radius: 100% 100% 0 100%;
    -moz-border-radius: 100% 100% 0 100%;
    -ms-border-radius: 100% 100% 0 100%;
    border-radius: 100% 100% 0 100%;
    background: #ff3d9e;
    background: -moz-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff3d9e), color-stop(100%, #481891));
    background: -webkit-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: -o-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: -ms-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: linear-gradient(135deg, #ff3d9e 0%, #481891 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d9e', endColorstr='#481891', GradientType=1);
}
.testimonials-tabs .client-testimonilas .card.video_card .vQuote i {
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
}
.testimonials-tabs .client-testimonilas .card.video_card .card-reveal .flexbox .center-align {
    margin-top: 15px;
    padding-left: 75px;
    text-align: left;
}
.testimonials-tabs .client-testimonilas .card.video_card .card-reveal .flexbox .center-align h4 span {
    display: block;
}
.testimonials-tabs .client-testimonilas .card.video_card .card-reveal .flexbox .center-align h4 abbr {
    display: block;
    font-family: "cera_pro_medium", Sans-serif;
    font-size: 14px;
    min-height: 31px;
    margin-top: 4px;
}
.testimonials-tabs .client-testimonilas .card.video_card .card-reveal .flexbox .center-align h4 label {
    display: block;
    margin-top: 20px;
}
.testimonials-tabs .client-testimonilas .card.video_card .card-reveal .flexbox .quality-list li {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
}
.testimonials-tabs .client-testimonilas .card.video_card .card-reveal .flexbox .quality-list li .stars p {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 5px;
}
.testimonials-tabs .client-testimonilas .card.video_card .card-reveal .flexbox .quality-list li .stars .rate_star {
    display: inline-block;
    vertical-align: top;
}
.testimonials-tabs .client-testimonilas .card.video_card .card-reveal .flexbox .quality-list li .stars .rate_star i {
    color: #f9bc39;
    font-size: 14px;
}
.testimonials-tabs .client-testimonilas .card.video_card .card-reveal .flexbox .border-left {
    background-color: #f9f9f9;
    padding: 15px;
    text-align: left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(177, 3, 153, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(177, 3, 153, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(177, 3, 153, 0.2);
}
.testimonials-tabs .client-testimonilas .card.video_card .card-reveal .flexbox .border-left label {
    font-family: "cera_pro_bold";
}
.testimonials-tabs .client-testimonilas .card.video_card .rated-us {
    margin-bottom: 50px;
}
.testimonials-tabs .client-testimonilas .card .card-image {
    background-color: #f9f9f9;
    padding: 15px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(177, 3, 153, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(177, 3, 153, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(177, 3, 153, 0.2);
}
.testimonials-tabs .client-testimonilas .card .card-image .client-img {
    width: 70px;
    display: inline-block;
    margin-right: 25px;
    float: left;
    margin-top: 0px;
}
.testimonials-tabs .client-testimonilas .card .card-image .client-img .client-name {
    display: inline-block;
    padding: 15px;
    overflow: hidden;
}
.testimonials-tabs .client-testimonilas .card .card-image .client-img img {
    width: 70px;
    height: 70px;
}
.testimonials-tabs .client-testimonilas .card .card-image .card-content {
    overflow: hidden;
    text-align: left;
}
.testimonials-tabs .client-testimonilas .card .card-image .card-content .client-name .card-title {
    display: block;
    font-family: "cera_pro_bold";
    font-size: 20px;
    margin-bottom: 10px;
}
.testimonials-tabs .client-testimonilas .card .card-reveal.text-card {
    padding: 5px 15px;
    text-align: left;
    margin-bottom: 50px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background: #ff3d9e;
    background: -moz-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff3d9e), color-stop(100%, #481891));
    background: -webkit-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: -o-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: -ms-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: linear-gradient(135deg, #ff3d9e 0%, #481891 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d9e', endColorstr='#481891', GradientType=1 );
    -webkit-box-shadow: 0px 0px 20px 0px rgba(177, 3, 153, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(177, 3, 153, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(177, 3, 153, 0.2);
}
.testimonials-tabs .client-testimonilas .card .card-reveal.text-card h4 {
    color: #fff;
}
.testimonials-tabs .client-testimonilas .card .card-reveal.text-card h4 span {
    display: block;
}
.testimonials-tabs .client-testimonilas .card .card-reveal.text-card h4 label {
    display: block;
    font-family: "cera_pro_bold";
    font-size: 24px;
}
.testimonials-tabs .client-testimonilas .card .card-reveal.text-card .quality-list {
    margin: 0;
}
.testimonials-tabs .client-testimonilas .card .card-reveal.text-card .quality-list li {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
}
.testimonials-tabs .client-testimonilas .card .card-reveal.text-card .quality-list li .stars p {
    margin-bottom: 0;
}
.testimonials-tabs .client-testimonilas .card .card-reveal.text-card .quality-list li i {
    font-size: 14px;
    color: #e0d700;
}
.get_touch {
    background-color: #f9f9f9;
    padding: 6rem 0;
    color: #51546a;
}
.get_touch .heading.h2-title {
    color: #51546a;
    font-family: "cera_pro_bold";
    font-size: 30px;
    margin-bottom: 20px;
}
.get_touch p {
    line-height: 30px;
}
.get_touch .info-tab {
    margin-top: 30px;
}
.get_touch .info-tab .title-h5 {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "cera_pro_bold";
}
.get_touch .info-tab .title-h5 i {
    font-size: 30px;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background: #f55fa8;
    background: -moz-linear-gradient(-45deg, #f55fa8 0%, #ab80f0 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #f55fa8), color-stop(100%, #ab80f0));
    background: -webkit-linear-gradient(-45deg, #f55fa8 0%, #ab80f0 100%);
    background: -o-linear-gradient(-45deg, #f55fa8 0%, #ab80f0 100%);
    background: -ms-linear-gradient(-45deg, #f55fa8 0%, #ab80f0 100%);
    background: linear-gradient(135deg, #f55fa8 0%, #ab80f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55fa8', endColorstr='#ab80f0', GradientType=1);
    display: inline-block;
    line-height: 50px;
    text-align: center;
    margin-right: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
}
.get_touch .info-tab span {
    font-family: "cera_pro_bold";
}
.get_touch .info-tab .title-h4 {
    font-size: 18px;
    font-family: "cera_pro_bold";
    margin-top: 10px;
    margin-bottom: 10px;
}
.get_touch .info-tab .socials_icons li {
    display: inline-block;
}
.get_touch .info-tab .socials_icons li a {
    padding: 10px;
    font-size: 26px;
    color: #51546a;
}
.discus-project {
    padding: 30px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 35px #999999;
}
.discus-project p {
    line-height: normal;
}
.discus-project .email-icon {
    position: absolute;
    font-size: 50px;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    padding: 9px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -35px;
    background: #9f76fb;
    background: -moz-linear-gradient(-45deg, #9f76fb 0%, #38a9dc 100%);
    background: -webkit-linear-gradient(-45deg, #9f76fb 0%, #38a9dc 100%);
    background: linear-gradient(135deg, #9f76fb 0%, #38a9dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f76fb', endColorstr='#38a9dc', GradientType=1);
    color: #fff;
}
.discus-project .form-group select {
    margin-top: 48px;
}
.discus-project .form-group select.pre_phone {
    margin-top: 2px;
}
.discus-project .form-group select#top_prefer_time {
    margin-top: 2px;
}
.discus-project .form-group select#foot_prefer_time {
    margin-top: 2px;
}
.discus-project .form-group textarea {
    height: 100px;
}
.discus-project .form-group br {
    display: none;
}
.discus-project .form-group ::-webkit-input-placeholder {
    color: #333;
}
.discus-project .form-group :-ms-input-placeholder {
    color: #333;
}
.discus-project .form-group ::placeholder {
    color: #333;
}
.discus-project .form-group span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 26px;
    width: 220px;
    z-index: 1;
}
.discus-project .form-group .message span.wpcf7-not-valid-tip {
    top: 97px;
}
.discus-project .file-upload-wrapper:after {
    left: 50px;
    font-size: 15px;
}
.discus-project .file-upload-wrapper .attachment-file {
    position: static;
}
.discus-project .file-upload-wrapper .attachment-file span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 56px;
    width: 310px;
    z-index: 1;
}
.discus-project .checkbox {
    margin-bottom: 30px;
}
.discus-project .checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input[type="checkbox"] {
    opacity: 1;
    width: 30px;
}
.discus-project .checkbox span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: -15px;
    top: 20px;
    width: 200px;
    z-index: 1;
}
fieldset {
    margin: 0 0 3rem;
    padding: 0;
    border: none;
}
.form-radio,
.form-group {
    position: relative;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.form-help {
    margin-top: 0.125rem;
    margin-left: 0.125rem;
    color: #b3b3b3;
}
.checkbox .form-help,
.checkbox .form-radio .form-help,
.checkbox .form-group .form-help {
    position: absolute;
    width: 100%;
}
.checkbox .form-help {
    position: relative;
    margin-bottom: 1rem;
}
.form-radio .form-help {
    padding-top: 0.25rem;
    margin-top: -1rem;
}
.form-group input {
    height: 30px;
}
.form-group textarea {
    resize: none;
}
.form-group select {
    width: 100%;
    height: 28px;
    padding: 0.125rem 0.125rem 0.0625rem;
    background: none;
    border: none;
    line-height: 1.6;
    box-shadow: none;
}
.form-group .control-label {
    position: absolute;
    top: 0.25rem;
    font-family: "cera_pro_medium", Sans-serif;
    pointer-events: none;
    padding-left: 0.125rem;
    z-index: 1;
    color: #b3b3b3;
    font-weight: normal;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
}
.form-group .bar {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0px;
    height: 1px;
    border-bottom: 1px solid #999;
    display: block;
}
.form-group .bar::before {
    content: "";
    height: 0.125rem;
    width: 0;
    left: 50%;
    bottom: 0;
    position: absolute;
    background: #337ab7;
    -webkit-transition: left 0.28s ease, width 0.28s ease;
    transition: left 0.28s ease, width 0.28s ease;
    z-index: 2;
}
.form-group input,
.form-group textarea {
    display: block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    border-width: 0;
    border-color: transparent;
    line-height: 1.9;
    width: 100%;
    color: transparent;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
}
.form-group input[type="file"] {
    line-height: 1;
    opacity: 0;
    height: 28px;
}
.form-group select {
    font-family: "cera_pro_medium", Sans-serif;
    color: #333;
}
.form-group select:focus {
    outline: none;
}
.form-group select:focus ~ .control-label {
    color: #337ab7;
}
.form-group select:focus ~ .bar::before {
    width: 100%;
    left: 0;
}
.form-group input {
    height: 30px;
}
.form-group input:focus {
    color: #333;
    outline: none;
}
.form-group input:focus ~ .control-label {
    color: #337ab7;
}
.form-group input:focus ~ .bar::before {
    width: 100%;
    left: 0;
}
.form-group input:valid {
    color: #333;
}
.form-group input.form-file {
    color: #333;
}
.form-group input.has-value {
    color: #333;
}
.form-group textarea:focus {
    color: #333;
    outline: none;
}
.form-group textarea:focus ~ .control-label {
    color: #337ab7;
}
.form-group textarea:focus ~ .bar::before {
    width: 100%;
    left: 0;
}
.form-group textarea:valid {
    color: #333;
}
.form-group textarea.form-file {
    color: #333;
}
.form-group textarea.has-value {
    color: #333;
}
.checkbox {
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.checkbox label {
    position: relative;
    cursor: pointer;
    padding-left: 2rem;
    text-align: left;
    color: #333;
    display: block;
}
.checkbox label:hover .helper {
    color: #337ab7;
}
.checkbox input {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
}
.checkbox input:checked ~ .helper {
    color: #337ab7;
}
.checkbox input:checked ~ .helper::after {
    opacity: 1;
    -webkit-transition: height 0.28s ease;
    transition: height 0.28s ease;
    height: 0.5rem;
}
.checkbox input:checked ~ .helper::before {
    opacity: 1;
    -webkit-transition: height 0.28s ease;
    transition: height 0.28s ease;
    height: 1.8rem;
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s;
}
.checkbox .helper {
    color: #999;
    position: absolute;
    top: 3px;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 0;
    border: 0.125rem solid currentColor;
    -webkit-border-radius: 0.0625rem;
    -moz-border-radius: 0.0625rem;
    -ms-border-radius: 0.0625rem;
    border-radius: 0.0625rem;
    -webkit-transition: border-color 0.28s ease;
    transition: border-color 0.28s ease;
}
.checkbox .helper::before {
    position: absolute;
    height: 0;
    width: 0.2rem;
    background-color: #337ab7;
    display: block;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    border-radius: 0.25rem;
    content: "";
    -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
    transition: opacity 0.28s ease, height 0s linear 0.28s;
    opacity: 0;
    top: 0.8rem;
    left: 0.55rem;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    box-shadow: 0 0 0 0.0625rem #fff;
}
.checkbox .helper::after {
    position: absolute;
    height: 0;
    width: 0.2rem;
    background-color: #337ab7;
    display: block;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    border-radius: 0.25rem;
    content: "";
    -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
    transition: opacity 0.28s ease, height 0s linear 0.28s;
    opacity: 0;
    top: 0.3rem;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.form-radio label {
    position: relative;
    cursor: pointer;
    padding-left: 2rem;
    text-align: left;
    color: #333;
    display: block;
}
.form-radio input {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
}
.radio + .radio,
.checkbox + .checkbox {
    margin-top: 1rem;
}
.has-error .legend {
    color: #d9534f;
}
.has-error .form-group .control-label.control-label {
    color: #d9534f;
}
.has-error.form-group .form-help {
    color: #d9534f;
}
.has-error.form-group .helper {
    color: #d9534f;
}
.has-error.checkbox .form-help {
    color: #d9534f;
}
.has-error.checkbox .helper {
    color: #d9534f;
}
.has-error.radio .form-help {
    color: #d9534f;
}
.has-error.radio .helper {
    color: #d9534f;
}
.has-error.form-radio .form-help {
    color: #d9534f;
}
.has-error.form-radio .helper {
    color: #d9534f;
}
.has-error .bar::before {
    background: #d9534f;
    left: 0;
    width: 100%;
}
.button {
    position: relative;
    color: #4f93ce;
    padding: 0.75rem 3rem;
    cursor: pointer;
    -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.button span {
    color: #fff;
    position: relative;
    z-index: 1;
}
.button::before {
    content: "";
    position: absolute;
    background: #071017;
    border: 50vh solid #1d4567;
    width: 30vh;
    height: 30vh;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: block;
    top: 50%;
    left: 50%;
    z-index: 0;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}
.button:hover {
    color: #fff;
    background-color: #ff3d9d;
    border-color: #ff3d9d;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.button:active {
    color: #fff;
    background-color: #ff3d9d;
    border-color: #ff3d9d;
}
.button:active ::before {
    -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
    transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
    transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
    transition: transform 1.12s ease, opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
}
.button:focus {
    color: #fff;
    background-color: #ff3d9d;
    border-color: #ff3d9d;
}
.button:focus ::before {
    -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
    transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
    transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
    transition: transform 1.12s ease, opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
}
@media (max-width: 767px) {
    .contact-us-form .side-contact .info-tab.social {
        text-align: center;
    }
}
.services-we-provider .s-box {
    display: flex;
}
.services-we-provider .s-box .media img {
    min-width: 100px;
    margin-right: 10px;
}
.services-we-provider .s-box .description h5 {
    color: #41189f;
}
.services-we-provider .s-box .description h5 span {
    
    color: #51546a;
    display: block;
}
.app-color-1 {
    background: #ff3d9d;
    background: -moz-linear-gradient(left, #ff3d9d 0%, #ff3d9d 50%, #7752f4 50%, #7752f4 100%);
    background: -webkit-linear-gradient(left, #ff3d9d 0%, #ff3d9d 50%, #7752f4 50%, #7752f4 100%);
    background: linear-gradient(to right, #ff3d9d 0%, #ff3d9d 50%, #7752f4 50%, #7752f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d9d', endColorstr='#7752f4',GradientType=1 );
}
.app-color-2 {
    background-color: #8200f2;
}
.app-color-3 {
    background-color: #41189f;
}
.app-color-4 {
    background-color: #07bee1;
}
.app-strategy {
    color: #fff;
}
.app-strategy .left-part {
    padding-top: 7%;
}
.app-strategy .left-part .check-list li {
    padding-left: 40px;
    margin-bottom: 30px;
    background-image: url(../img/check-icon.svg);
    background-repeat: no-repeat;
}
.app-strategy .success-story-item .slider-item {
    -webkit-animation-name: app-strategy;
    -webkit-animation-duration: 2s;
    animation-name: app-strategy;
    transition: all 1.5s linear;
}
@keyframes app-strategy {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.success-stories {
    overflow: hidden;
}
.success-screens-item .count-heading {
    left: 0px;
    right: 0;
    position: absolute;
    top: 44%;
    z-index: 2;
    opacity: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.success-stories-indicator {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 4.165%;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.success-stories-indicator.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.success-stories-indicator ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    right: 0;
    top: 50%;
}
.success-stories-indicator ul li {
    width: 20px;
    height: 2px;
    margin: 10px auto;
    background: #fff;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.success-stories-indicator ul li.active {
    width: 40px;
}
.success-screens-item.active .count-heading {
    opacity: 1;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.success-screens {
    position: fixed;
    height: 100%;
    width: 224px;
    top: 0;
    left: 50%;
    opacity: 0;
    margin-left: -112px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.success-screens-item {
    position: absolute;
    top: 50%;
    height: 522px;
    width: 100%;
    margin-top: -261px;
    display: block;
}
.success-screens .device {
    position: absolute;
    right: 0;
    top: 50%;
    height: 604px;
    width: 223px;
    margin-top: -302px;
}
.success-screens.active {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.trending-technology h4 {
    color: #51546a;
    position: relative;
    margin-bottom: 30px;
}
.trending-technology h4:after {
    content: "";
    height: 4px;
    width: 100px;
    background-color: #ff3d9d;
    display: block;
    position: absolute;
    margin-top: 10px;
}
.tec-item ul {
    border: none;
}
.tec-item ul li {
    display: inline-block;
}
.tec-item ul li a {
    min-height: 180px;
    padding: 30px;
    margin: 10px 5px !important;
}
.tec-item ul li a.tec-tab-1 {
    background-color: #008fe6 !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}
.tec-item ul li a.tec-tab-2 {
    background-color: #ff3871 !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}
.tec-item ul li a.tec-tab-3 {
    background-color: #5159ba !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}
.tec-item ul li a.tec-tab-4 {
    background-color: #00bec7 !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}
.tec-item ul li a.tec-tab-5 {
    background-color: #683998 !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}
.tec-item ul li a.tec-tab-6 {
    background-color: #0062c7 !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}
.tec-item ul li a img {
    max-width: 90px;
    margin: 0 auto;
    display: block;
}
.dv-module h5 {
    color: #51546a;
    position: relative;
    margin-bottom: 30px;
}
.dv-module h5:after {
    content: "";
    height: 4px;
    width: 100px;
    background-color: #ff3d9d;
    display: block;
    position: absolute;
    margin-top: 10px;
}
.dv-module .dv-box {
    text-align: center;
}
.dv-module .dv-box .dv-heading {
    font-size: 18px;
    font-family: "cera_pro_medium", Sans-serif;
    color: #51546a;
    margin-bottom: 20px;
    margin-top: 10px;
}
.dv-module-tav {
    background-color: #5f2493;
}
.dv-module-tav .nav-tabs {
    border: none;
}
.dv-module-tav .nav-tabs li {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.dv-module-tav .nav-tabs li a {
    border: none;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    padding: 10%;
    position: relative;
}
.dv-module-tav .nav-tabs li a h4 {
    font-family: "cera_pro_light", Sans-serif;
    font-size: 3rem;
    margin: 0;
    color: rgba(255, 255, 255, 0.5);
}
.dv-module-tav .nav-tabs li a h4:after {
    display: none;
}
.dv-module-tav .nav-tabs li a p {
    font-size: 20px;
}
.dv-module-tav .nav-tabs li a.active {
    background-color: transparent;
    color: #fff;
}
.dv-module-tav .nav-tabs li a.active h4 {
    color: #fff;
}
.dv-module-tav .nav-tabs li a:after {
    content: "";
    width: 1px;
    height: 70%;
    display: block;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: 0;
    top: 15%;
    bottom: 0;
}
.dv-module-tav .nav-tabs li:last-child a:after {
    display: none;
}
.effect-m-solutions .m-box {
    text-align: center;
    margin-bottom: 30px;
}
.effect-m-solutions .m-box h5 {
    color: #51546a;
}
.effect-m-solutions .m-box h5 span {
    
}
.custom-dev-solutions .crd-box h6 {
    color: #51546a;
    font-family: "cera_pro_medium", Sans-serif;
}
.custom-dev-solutions {
    background-color: #f9f9f9;
}
.Marketing-solutions {
    background: #f745a8;
    background: -moz-linear-gradient(45deg, #f745a8 0%, #ba1ccc 100%);
    background: -webkit-linear-gradient(45deg, #f745a8 0%, #ba1ccc 100%);
    background: linear-gradient(45deg, #f745a8 0%, #ba1ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f745a8', endColorstr='#ba1ccc',GradientType=1 );
    color: #fff;
    padding: 5rem 0;
}
.Marketing-solutions .heading {
    color: #fff;
}
.Marketing-solutions ul li a div {
    display: inline-block;
}
.Marketing-solutions ul li a .ms-line {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    border: 7px solid transparent;
}
.Marketing-solutions ul li a .ms-line .media {
    background-color: #fff;
    padding: 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    width: 70px;
    height: 70px;
    text-align: center;
}
.Marketing-solutions ul li a .ms-line .media img {
    width: 40px;
}
.Marketing-solutions ul li a .ms-line .media i {
    font-size: 40px;
    color: #c12bcd;
}
.Marketing-solutions ul li a .md-description {
    color: #fff;
}
.Marketing-solutions ul li a .md-description .ms-tab-title {
    font-family: "cera_pro_medium", Sans-serif;
    font-size: 18px;
}
.Marketing-solutions ul li a.active {
    background-color: transparent !important;
}
.Marketing-solutions ul li a.active .ms-line {
    border: 7px solid rgba(255, 255, 255, 0.5);
}
.real-app-dv-futures {
    background: #8f55e2;
    background: -moz-linear-gradient(45deg, #8f55e2 0%, #690cb9 100%);
    background: -webkit-linear-gradient(45deg, #8f55e2 0%, #690cb9 100%);
    background: linear-gradient(45deg, #8f55e2 0%, #690cb9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f55e2', endColorstr='#690cb9',GradientType=1 );
    color: #fff;
}
.real-app-dv-futures .heading {
    color: #fff;
}
.real-app-dv-futures .re-box {
    text-align: center;
    margin-bottom: 30px;
}
.real-app-dv-futures .re-box div {
    padding: 10px 0;
}
.real-app-dv-futures .re-box:hover img {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transition-duration: 0.8s;
    transition-property: transform;
}
.real-app-dv-futures .re-box .re-box-icon {
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
}
.inquery h6 {
    color: #51546a;
}
.mind-real-app-deve {
    background: #690cb9;
    background: -moz-linear-gradient(45deg, #690cb9 0%, #b10398 100%);
    background: -webkit-linear-gradient(45deg, #690cb9 0%, #b10398 100%);
    background: linear-gradient(45deg, #690cb9 0%, #b10398 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#690cb9', endColorstr='#b10398',GradientType=1 );
    color: #fff;
}
.mind-real-app-deve .heading {
    color: #fff;
}
.mind-real-app-deve .re-box {
    text-align: center;
    margin-bottom: 30px;
}
.mind-real-app-deve .re-box div {
    padding: 10px 0;
}
.mind-real-app-deve .re-box:hover img {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transition-duration: 0.8s;
    transition-property: transform;
}
.mind-real-app-deve .re-box .re-box-icon {
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
}
.awards-reco-gnitions {
    position: relative;
    padding-bottom: 50px;
    background-color: #f9f9f9;
    color: #fff;
    padding-top: 5rem;
}
.awards-reco-gnitions .container {
    position: relative;
    z-index: 1;
}
.awards-reco-gnitions p {
    color: #333;
    text-align: center;
}
.awards-reco-gnitions .heading {
    font-size: 30px;
    margin-bottom: 30px;
    font-family: #extrabold;
    text-align: center;
}
.awards-reco-gnitions .heading h3 {
    font-size: 30px;
    display: inline-block;
}
.awards-reco-gnitions .nine-clutch {
    margin-top: 50px;
}
.awards-reco-gnitions .nine-clutch .clutch-widget {
    width: 280px;
    margin: 0px auto 0 auto;
    position: relative;
    z-index: 1;
}
.awards-reco-gnitions .nine-clutch .clutch-widget iframe {
    width: 100%;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget {
    width: 280px;
    margin: 0px auto 0 auto;
    position: relative;
    z-index: 2;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-top {
    text-align: center;
    background: #17313b;
    padding: 13px 0 10px;
    margin: -1px -1px 0;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-top .cw-logo {
    display: inline-block;
    max-width: 50px;
    margin: 0 auto;
    line-height: normal;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper {
    background-color: #fff;
    border: 1px solid #cae0e7;
    border-top: none;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-title {
    font-size: 22px;
    color: #17313b;
    padding: 13px 10px 10px;
    text-align: center;
    font-family: Roboto, sans-serif;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-stars {
    border-bottom: 1px solid #cae0e7;
    text-align: center;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-stars .reviews-totals-stars {
    display: inline-block;
    padding: 8px 10px;
    border-right: 1px solid #cae0e7;
    vertical-align: middle;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-stars .reviews-totals-stars a .fivestar-static-item i {
    color: #ff3d2e;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-stars .reviews-count {
    display: inline-block;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-stars .reviews-count a {
    color: #ff3d2e;
    position: relative;
    padding-right: 15px;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "cera_pro_medium", Sans-serif;
    font-family: Roboto, sans-serif;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-slider {
    padding: 24px 45px;
    position: relative;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-slider .clutch-widget-carousel .message {
    color: #000;
    font-size: 16px;
    color: #6a7a7e;
    line-height: 1.3;
    font-family: Roboto, sans-serif;
    text-align: left;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-slider .clutch-widget-carousel .message p {
    line-height: 1.3;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-slider .clutch-widget-carousel .author {
    color: #000;
    font-size: 13px;
    color: #6a7a7e;
    font-family: Roboto, sans-serif;
    text-align: left;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-slider .clutch-widget-carousel .owl-nav {
    width: 100%;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-slider .clutch-widget-carousel .owl-nav button {
    border: none;
    background: none;
    color: #ff3d2e;
    position: absolute;
    top: 40%;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-slider .clutch-widget-carousel .owl-nav button .fa {
    color: #ff3d2e;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-slider .clutch-widget-carousel .owl-nav button.fa-chevron-left {
    left: -30px;
}
.awards-reco-gnitions .nine-clutch .static-clutch-widget .middle-widget-wrapper .middle-widget-slider .clutch-widget-carousel .owl-nav button.fa-chevron-right {
    right: -30px;
}
.awards-reco-gnitions .owl-awards {
    margin-top: 50px;
}
.awards-reco-gnitions .owl-awards .badge-base {
    width: 229px;
    text-align: center;
    height: 244px;
    margin: 0 auto;
    background-image: url(../img/badge-base.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.awards-reco-gnitions .owl-awards .badge-base img {
    width: 60%;
    margin-top: 31px;
    display: inline-block;
}
.awards-reco-gnitions .owl-awards h3 {
    text-align: center;
    font-weight: 600;
    margin-top: -30px;
    font-size: 18px;
}
.awards-reco-gnitions .owl-awards .title-h5 {
    color: #333;
    text-align: center;
    font-family: "cera_pro_medium", Sans-serif;
}
.awards-reco-gnitions .owl-awards .text-center span {
    position: relative;
    top: -30px;
    display: inline-block;
    background-color: #2d158d;
    color: #fff;
    width: 50px;
    height: 3px;
}
.awards-reco-gnitions .owl-awards .owl-nav button {
    position: absolute;
    top: 40%;
    background: none;
    border: none;
    color: #333;
    outline: none;
    font-size: 30px;
}
.awards-reco-gnitions .owl-awards .owl-nav button.fa-chevron-left {
    left: 0;
}
.awards-reco-gnitions .owl-awards .owl-nav button.fa-chevron-right {
    right: 0;
}
.letest-blog {
    padding: 5rem 0;
    position: relative;
}
.letest-blog::before {
    content: "";
    position: absolute;
    left: 6%;
    top: 34%;
    right: 6%;
    bottom: 20%;
    background-color: #ff3d9d;
}
.letest-blog .letest-blog-title {
    color: #51546a;
    font-family: "cera_pro_bold";
    font-size: 30px;
    display: block;
    margin-bottom: 20px;
}
.letest-blog h2 {
    color: #51546a;
    font-family: "cera_pro_bold";
}
.letest-blog .btn-default {
    background: #ff3d9d;
    color: #fff;
    border: none;
}
.letest-blog .btn-default:hover {
    background-color: #8200f2;
    color: #fff;
}
.letest-blog .btn-default:focus {
    background-color: #8200f2;
    color: #fff;
}
.letest-blog .btn-default:active {
    background-color: #8200f2;
    color: #fff;
}
.letest-blog .latest-blog-box {
    max-width: 476px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
.letest-blog .latest-blog-box .wp-post-image {
    max-width: 476px;
    min-height: 170px;
    height: auto;
    width: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);
}
.letest-blog .latest-blog-box .lb-inBox {
    max-width: 476px;
    margin: 0 auto;
    background-color: #f6f8ff;
    border-radius: 10px;
    padding: 20px 20px 50px 20px;
    min-height: 280px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
}
.letest-blog .latest-blog-box .lb-inBox .lb-title {
    font-family: "cera_pro_bold";
    font-size: 18px;
    margin-bottom: 20px;
}
.letest-blog .latest-blog-box .lb-inBox .lb-btn {
    border: 10px solid #fff;
    padding: 0;
    position: absolute;
    left: 20px;
    bottom: -40px;
    width: 80px;
    display: inline-block;
    height: 80px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #ff3d9d;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55fa7', endColorstr='#b87ae3',GradientType=1 );
}
.letest-blog .latest-blog-box .lb-inBox .lb-btn svg {
    height: 30px;
    fill: #fff;
    margin-top: 15px;
}
.letest-blog .latest-blog-box .lb-inBox .lb-btn img {
    margin-top: 16px;
}
.letest-blog .tr {
    text-align: right;
    margin-top: 37px;
}
.about-banner-show {
    background-color: #a713a8;
    position: relative;
}
.about-banner-show:before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    background-image: url(../img/about-us-bnr.html);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.about-banner-show:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background: #a713a8;
    opacity: 0.9;
    background: -moz-linear-gradient(-45deg, #a713a8 0%, #8b52e2 37%, #8d53e2 72%, #6e17c0 100%);
    background: -webkit-linear-gradient(-45deg, #a713a8 0%, #8b52e2 37%, #8d53e2 72%, #6e17c0 100%);
    background: linear-gradient(135deg, #a713a8 0%, #8b52e2 37%, #8d53e2 72%, #6e17c0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a713a8', endColorstr='#6e17c0',GradientType=1 );
}
.about-banner-show .container-fluid {
    position: relative;
    z-index: 3;
}
.about-banner-show .about-display-pic {
    margin: auto;
    background-color: #000;
    color: #fff;
    padding: 8px;
    max-width: 100%;
    position: static;
    border-radius: 3px;
    transition: all 500ms ease-in-out;
    border-radius: 4px;
    background: #193950;
    background: -moz-linear-gradient(-45deg, #193950 0%, #721aa2 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #193950), color-stop(100%, #721aa2));
    background: -webkit-linear-gradient(-45deg, #193950 0%, #721aa2 100%);
    background: -o-linear-gradient(-45deg, #193950 0%, #721aa2 100%);
    background: -ms-linear-gradient(-45deg, #193950 0%, #721aa2 100%);
    background: linear-gradient(135deg, #193950 0%, #721aa2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#193950', endColorstr='#721aa2', GradientType=1 );
}
.about-banner-show .about-display-pic img {
    width: 100%;
}
.about-banner-show p {
    color: #fff;
}
.container_custom {
    width: 80%;
    max-width: 80%;
}
.about-col-box {
    position: relative;
    padding-top: 100px;
}
.about-col-box:after {
    content: "";
    background-color: #f5e7ff;
    height: 340px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.about-col-box .cs-inner {
    position: relative;
    z-index: 1;
    background: #8200f2;
    padding: 30px;
    margin-top: 40px;
    background: -moz-linear-gradient(left, #331664 0%, #6a2b77 100%);
    background: -webkit-linear-gradient(left, #331664 0%, #6a2b77 100%);
    background: linear-gradient(to right, #331664 0%, #6a2b77 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#331664', endColorstr='#6a2b77',GradientType=1 );
}
.about-col-box .cs-inner h3 {
    color: #fff;
}
.about-col-box .cs-inner ul li {
    color: #fff;
    margin-bottom: 15px;
    position: relative;
    padding-left: 25px;
}
.about-col-box .cs-inner ul li:after {
    width: 14px;
    height: 10px;
    content: "";
    position: absolute;
    left: 0px;
    top: 6px;
    background: #ff3d9d;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: -moz-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: -webkit-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f14cb1', endColorstr='#8200f2',GradientType=1 );
}
.about-col-box .cs-inner .abt-boxer {
    max-width: 440px;
    margin: auto;
}
.about-col-box .cs-inner .abt-boxer img {
    width: 100%;
}
.about-us-timeline .line-start {
    border-bottom: 2px solid #5b56d7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #5b56d7;
    width: 150px;
    margin: 0 auto;
    font-weight: 600;
    text-align: center;
}
.about-us-timeline .about-timeline {
    margin: 20px 0;
    position: relative;
}
.about-us-timeline .about-timeline:before {
    content: "";
    display: block;
    width: 2px;
    height: 102%;
    background: #5b56d7;
    margin: 0 auto;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
}
.about-us-timeline .about-timeline .timeline {
    margin-bottom: 30px;
    position: relative;
}
.about-us-timeline .about-timeline .timeline:after {
    content: "";
    display: block;
    clear: both;
}
.about-us-timeline .about-timeline .icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: auto;
    position: absolute;
    top: 78px;
    left: 0;
    bottom: auto;
    right: 0;
}
.about-us-timeline .about-timeline .icon:before,
.about-us-timeline .about-timeline .icon:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.33s ease-out 0s;
    -webkit-transition: all 0.33s ease-out 0s;
    -moz-transition: all 0.33s ease-out 0s;
}
.about-us-timeline .about-timeline .icon:before {
    background: #fff;
    border: 2px solid #c444fb;
    left: -3px;
}
.about-us-timeline .about-timeline .icon:after {
    border: 2px solid #5b56d7;
    left: 3px;
}
.about-us-timeline .about-timeline .timeline:hover .icon:before {
    left: 3px;
}
.about-us-timeline .about-timeline .timeline:hover .icon:after {
    left: -3px;
}
.about-us-timeline .about-timeline .date-content {
    width: 50%;
    float: left;
    position: relative;
}
.about-us-timeline .about-timeline .date-content:before {
    content: "";
    width: 32.5%;
    height: 2px;
    background: #5b56d7;
    margin: auto 0;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
}
.about-us-timeline .about-timeline .date-outer {
    width: 175px;
    height: 175px;
    font-size: 16px;
    color: #000;
    text-align: center;
    margin: auto;
    z-index: 1;
}
.about-us-timeline .about-timeline .date-outer:before,
.about-us-timeline .about-timeline .date-outer:after {
    content: "";
    width: 175px;
    height: 175px;
    margin: 0 auto;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.33s ease-out 0s;
    -webkit-transition: all 0.33s ease-out 0s;
    -moz-transition: all 0.33s ease-out 0s;
}
.about-us-timeline .about-timeline .date-outer:before {
    background: #fff;
    border: 2px solid #c444fb;
    left: -6px;
}
.about-us-timeline .about-timeline .date-outer:after {
    border: 2px solid #5b56d7;
    left: 6px;
}
.about-us-timeline .about-timeline .timeline:hover .date-outer:before {
    left: 6px;
}
.about-us-timeline .about-timeline .timeline:hover .date-outer:after {
    left: -6px;
}
.about-us-timeline .about-timeline .date {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 17%;
    left: 0;
}
.about-us-timeline .about-timeline .date br {
    display: none;
}
.about-us-timeline .about-timeline .month {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.about-us-timeline .about-timeline .year {
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: #000;
    line-height: 36px;
}
.about-us-timeline .about-timeline .timeline-content {
    width: 50%;
    padding: 20px 0 20px 50px;
    float: right;
}
.about-us-timeline .about-timeline .timeline-content p {
    margin-top: 10px;
}
.about-us-timeline .about-timeline .title {
    font-size: 19px;
    font-weight: 700;
    color: #8b06ed;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-family: "cera_pro_bold";
}
.about-us-timeline .about-timeline .description {
    font-size: 14px;
    color: #000;
    margin-bottom: 0;
}
.about-us-timeline .about-timeline .description li {
    background-color: #f1f1f1;
    padding: 3px 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    margin-top: 5px;
    display: inline-block;
    font-family: "cera_pro_medium", Sans-serif;
}
.about-us-timeline .about-timeline .description li h3 {
    font-size: 14px;
    font-family: "cera_pro_medium", Sans-serif;
    margin: 5px 0;
}
.about-us-timeline .about-timeline .timeline:nth-child(2n) .date-content {
    float: right;
}
.about-us-timeline .about-timeline .timeline:nth-child(2n) .date-content:before {
    left: 10px;
}
.about-us-timeline .about-timeline .timeline:nth-child(2n) .timeline-content {
    padding: 20px 50px 20px 0;
    text-align: right;
}
.about-us-timeline .about-timeline .timeline:nth-child(2n) .timeline-content p {
    margin-top: 10px;
}
.about-us-timeline .owl-hirebottom {
    display: block;
    margin: 20px 0;
}
.about-us-timeline .owl-hirebottom .owl-item {
    padding-top: 30px;
}
.about-us-timeline .owl-hirebottom .owl-item img {
    width: auto;
    margin: 14px auto;
}
.about-us-timeline .owl-hirebottom .owl-nav {
    text-align: center;
}
.about-us-timeline .owl-hirebottom .owl-nav button {
    background: none;
    border: none;
    position: absolute;
    top: 40%;
    box-shadow: none;
    font-size: 22px;
}
.about-us-timeline .owl-hirebottom .owl-nav button.fa-chevron-left {
    left: 0;
}
.about-us-timeline .owl-hirebottom .owl-nav button.fa-chevron-right {
    right: 0;
}
@media only screen and (max-width: 990px) {
    .about-timeline .date-content:before {
        width: 22.5%;
    }
    .about-timeline .timeline-content {
        padding: 10px 0 10px 30px;
    }
    .about-timeline .title {
        font-size: 17px;
    }
    .about-timeline .timeline:nth-child(2n) .timeline-content {
        padding: 10px 30px 10px 0;
    }
}
@media only screen and (max-width: 767px) {
    .about-timeline:before {
        margin: 0;
        left: 7px;
    }
    .about-timeline .timeline {
        margin-bottom: 20px;
    }
    .about-timeline .icon {
        margin: auto 0;
    }
    .about-timeline .date-content {
        width: 95%;
        float: right;
    }
    .about-timeline .date-content:before {
        display: none;
    }
    .about-timeline .date-outer {
        width: 130px;
        height: 130px;
    }
    .about-timeline .date-outer:before,
    .about-timeline .date-outer:after {
        width: 130px;
        height: 130px;
    }
    .about-timeline .date {
        top: 30%;
    }
    .about-timeline .year {
        font-size: 26px;
    }
    .about-timeline .timeline-content,
    .about-timeline .timeline:nth-child(2n) .timeline-content {
        width: 95%;
        text-align: center;
        padding: 10px 0;
    }
    .about-timeline .title {
        margin-bottom: 10px;
    }
    .hover-timeline {
        display: block;
    }
    .hover-timeline .tl-item {
        transform: none;
        width: 100%;
        height: 400px;
        min-height: 400px;
    }
    .hover-timeline:hover .tl-item {
        width: 100%;
    }
    .hover-timeline .tl-item:hover {
        width: 100% !important;
    }
    .about-timeline .description.text-right {
        text-align: center;
    }
    .about-timeline::before,
    .about-timeline .icon {
        display: none;
    }
}
.skills {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 30px auto;
}
.skills .overly-circle {
    width: 200px;
    height: 200px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #780ab2;
    z-index: 1;
    text-align: center;
}
.skills .overly-circle .value {
    font-family: "cera_pro_bold";
    color: #fff;
    font-size: 50px;
    margin-top: 6rem;
    margin-bottom: 1rem;
}
.skills .overly-circle p {
    font-size: 16px;
}
.skills .circle {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
}
.skills .animate {
    -webkit-transition: 0.2s cubic-bezier(0.74, 1.13, 0.83, 1.2);
    -moz-transition: 0.2s cubic-bezier(0.74, 1.13, 0.83, 1.2);
    -o-transition: 0.2s cubic-bezier(0.74, 1.13, 0.83, 1.2);
    transition: 0.2s cubic-bezier(0.74, 1.13, 0.83, 1.2);
}
.skills .animate:hover {
    transform: scale(1.1);
    transform-origin: center center;
}
.skills .part1 {
    background-color: #e64c65;
    -webkit-clip-path: polygon(50% 0px, 50% 50%, 50% 100%, 100% 100%, 100% 0px);
    clip-path: polygon(50% 0px, 50% 50%, 50% 100%, 100% 100%, 100% 0px);
}
.skills .part2 {
    background-color: #11a8ab;
    -webkit-clip-path: polygon(50% 50%, 50% 100%, 35% 100%);
    clip-path: polygon(50% 50%, 50% 100%, 35% 100%);
}
.skills .part3 {
    background-color: #4fc4f6;
    -webkit-clip-path: polygon(50% 50%, -7% 100%, 35% 100%);
    clip-path: polygon(50% 50%, -7% 100%, 35% 100%);
}
.skills .part4 {
    background-color: #ffed0d;
    -webkit-clip-path: polygon(50% 50%, 0px 94%, -22% 52%, 0.33% 21.5%);
    clip-path: polygon(50% 50%, 0px 94%, -22% 52%, 0.33% 21.5%);
}
.skills .part5 {
    background-color: #f46fda;
    -webkit-clip-path: polygon(50% 50%, 4px 22%, 0% 0%, 150px 0);
    clip-path: polygon(50% 50%, 4px 22%, 0% 0%, 150px 0);
}
.ocf .ocf-lines {
    padding-top: 1rem;
}
.ocf .ocf-lines li {
    color: #fff;
    margin-bottom: 15px;
    position: relative;
}
.ocf .ocf-lines li br {
    display: none;
}
.ocf .ocf-lines li .color {
    background-color: #e64c65;
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
}
.ocf .ocf-lines li abbr {
    font-family: "cera_pro_bold";
    color: #fff;
    font-size: 2.8rem;
    margin-top: 1rem;
    margin-left: 2rem;
    margin-bottom: 1rem;
    display: block;
}
.ocf .cross-tag {
    margin-top: 3rem;
}
.ocf .cross-tag li {
    width: 160px;
    height: 160px;
    display: inline-block;
    vertical-align: top;
    margin: 3px 1px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}
.ocf .cross-tag li .value {
    font-family: "cera_pro_bold";
    color: #fff;
    font-size: 40px;
    padding-top: 5rem;
    margin-bottom: 1rem;
    display: block;
}
.ocf .show-result {
    padding-top: 1rem;
    margin-top: 3rem;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.ocf .show-result li {
    display: inline-block;
    vertical-align: top;
    margin: 5px 20px 5px 0px;
}
.ocf .show-result li .result {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background-color: #fff;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.ocf .show-result li .color1 {
    background-color: #11a8ab;
}
.ocf .show-result li .color2 {
    background-color: #e64c65;
}
.ocf .show-result li .color3 {
    background-color: #4fc4f6;
}
.ocf .show-result li .color4 {
    background-color: #ffed0d;
}
.ocf .show-result li .color5 {
    background-color: #f46fda;
}
.photo-grid .col-padd {
    padding: 0;
}
.photo-grid .col-row {
    margin-left: 0;
    margin-right: 0;
}
.grid {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}
.grid figure {
    position: relative;
    overflow: hidden;
    max-width: 747px;
    max-height: 450px;
    width: 100%;
    background: #f9f9f9;
    text-align: center;
    cursor: pointer;
}
.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 1;
}
.grid figure figcaption {
    padding: 2em;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
    margin: 0;
}
.grid figure h2 span {
    font-weight: 800;
}
.grid figure p {
    margin: 0;
    letter-spacing: 1px;
    font-size: 68.5%;
}
figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    padding: 1em;
    height: 3.75em;
    background-color: transparent;
    color: #333;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
figure.effect-zoe h2 {
    float: left;
}
figure.effect-zoe p.icon-links a {
    float: right;
    color: #333;
    font-size: 1.4em;
}
figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
    color: #333;
}
figure.effect-zoe p.description {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 2em;
    color: #fff;
    text-transform: none;
    font-size: 1.4em;
    opacity: 0;
    font-family: "cera_pro_medium", Sans-serif;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -webkit-backface-visibility: hidden;
}
figure.effect-zoe h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
}
figure.effect-zoe p.icon-links a {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
}
figure.effect-zoe p.icon-links a span::before {
    display: inline-block;
    padding: 8px 10px;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
figure.effect-zoe h2 {
    display: inline-block;
}
figure.effect-zoe:hover p.description {
    opacity: 1;
}
figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
figure.effect-zoe:hover h2 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
figure.effect-zoe:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
figure.effect-zoe:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
figure.effect-zoe:hover p.icon-links a:first-child {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
@media screen and (max-width: 50em) {
    .content {
        padding: 0 10px;
        text-align: center;
    }
    .grid figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}
header.masthead.contact-bnr {
   height: auto;
    min-height: 400px;
    padding-top: 110px;
    padding-bottom: 200px;
}
header.masthead.contact-bnr > .container.my-auto {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
header.masthead.contact-bnr p {
    color: #fff;
   font-size: 16px;
}
header.masthead.contact-bnr .call {
    color: #fff;
}
.contact-us-form {
    margin-top: -150px;
}
.contact-us-form .shaddow-bg {
    background-color: #fff;
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -ms-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.contact-us-form .side-contact {
    background: #02042B;
   padding: 0px 20px;
    -webkit-border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    -ms-border-radius: 0px 10px 10px 0px;
   border-radius: 0px 10px 10px 0px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(156,156,156,0.22);
    -moz-box-shadow: 0px 0px 20px 0px rgba(156,156,156,0.22);
    box-shadow: 0px 0px 20px 0px rgba(156,156,156,0.22);
}
.contact-us-form .side-contact .heading {
    color: #fff;
}
.contact-us-form .side-contact p {
    color: #fff;
    padding-bottom: 20px;
}
.contact-us-form .side-contact h5 {
    color: #fff;
}
.contact-us-form .side-contact h6 {
    color: #fff;
    font-family: "cera_pro_medium", Sans-serif;
}
.contact-us-form .side-contact h6 a {
    color: #fff;
}
.contact-us-form .side-contact .socials_icons li {
    display: inline-block;
    vertical-align: top;
}
.contact-us-form .side-contact .socials_icons li a {
    color: #ffffff;
    padding: 8px 5px;
    width: 46px;
    text-align: center;
    font-size: 24px;
    display: inline-block;
    background-color: #ffffff00;
    border: 1px solid #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
.contact-us-form .side-contact .socials_icons li a:hover{
   color: #02042B;
   background-color: #ffffff;
}
.contact-us-form .side-contact .info-tab {
    margin-bottom: 20px;
}
.contact-us-form .side-contact .info-tab .btn {
    position: relative;
    display: block;
    text-align: left;
    padding: 17px 30px 17px 72px;
    text-transform: none;
    margin-top: 10px;
}
.contact-us-form .side-contact .info-tab .btn:hover {
    color: #000;
    background-color: #fff;
}
.contact-us-form .side-contact .info-tab .btn:hover abbr {
    border-right-color: rgba(0, 0, 0, 0.1);
}
.contact-us-form .side-contact .info-tab .btn abbr {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding-top: 11px;
    font-size: 3.4rem;
    line-height: 3.6rem;
    width: 54px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
}
.contact-us-form .formBox .row {
    display: flex;
    flex-wrap: wrap;
}
.contact-us-form .formBox .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    flex-basis: 0;
    flex-grow: 1;
}
.contact-us-form .formBox .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    flex-basis: 0;
    flex-grow: 1;
}
.contact-us-form .formBox .form-group select#budget2 {
    margin-top: 48px;
}
.contact-us-form .formBox .form-group br {
    display: none;
}
.contact-us-form .formBox .form-group ::-webkit-input-placeholder {
    color: #333;
}
.contact-us-form .formBox .form-group :-ms-input-placeholder {
    color: #333;
}
.contact-us-form .formBox .form-group ::placeholder {
    color: #333;
}
.contact-us-form .formBox .form-group textarea {
    height: 100px;
}
.contact-us-form .formBox .form-group span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 26px;
    width: 220px;
    z-index: 1;
}
.contact-us-form .formBox .form-group .message span.wpcf7-not-valid-tip {
    top: 97px;
}
.contact-us-form .checkbox {
    margin-bottom: 30px;
}
.contact-us-form .checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input[type="checkbox"] {
    opacity: 1;
    width: 30px;
}
.contact-us-form .checkbox span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: -15px;
    top: 20px;
    width: 200px;
    z-index: 1;
}
.contact-us-form .file-upload-wrapper .attachment-file {
    position: static;
}
.contact-us-form .file-upload-wrapper .attachment-file span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 56px;
    width: 310px;
    z-index: 1;
}
.hr-contact {
    margin: 2rem 0;
}
.hr-contact .for-hr {
    max-width: 440px;
    margin: 0 auto;
}
.hr-contact .for-hr li {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}
.all-address {
    margin-top: 100px;
}
.all-address .address_bg {
    background-color: #8200f2;
    border: #fff solid 1px;
    position: relative;
}
.all-address .address_bg h3 {
    color: #fff;
}
.all-address .address_bg address {
    color: #fff;
}
.all-address .address_bg address a {
    color: #fff;
}
.all-address .address_bg address .hrm {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.all-address .address_box {
    padding: 20px;
}
.all-address .adrdPic {
    background-color: #fff;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    max-width: 300px;
    margin: -50px auto 30px auto;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(239, 74, 179, 0.35);
    -moz-box-shadow: 0px 0px 20px 0px rgba(239, 74, 179, 0.35);
    box-shadow: 0px 0px 20px 0px rgba(239, 74, 179, 0.35);
}
.all-address .row {
    display: flex;
    flex-wrap: wrap;
}
.all-address .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    flex-basis: 0;
    flex-grow: 1;
}
@media (max-width: 767px) {
    header.masthead.contact-bnr {
        padding-top: 100px;
    }
}
header.masthead.career-page {
    padding-bottom: 100px;
}
header.masthead.career-page .career-bnr-img {
    max-width: 646px;
    margin: 0 auto;
}
header.masthead.career-page .career-bnr-img img {
    width: 100%;
}
header.masthead.career-page .call {
    font-family: "cera_pro_medium", Sans-serif;
    font-size: 1.5rem;
}
header.masthead.career-page .b-heading {
    margin-top: 3.5rem;
}
header.masthead.career-page .link {
    margin-top: 20px;
}
header.masthead.career-page .link a {
    color: #fff;
}
header.masthead.career-page p {
    color: #fff;
}
.career-about {
    margin-bottom: 3.5rem;
}
.open-jobs {
    padding-bottom: 50px;
}
.open-jobs .available-jobs {
    background-color: #fff;
    padding: 30px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(239, 74, 179, 0.35);
    -moz-box-shadow: 0px 0px 20px 0px rgba(239, 74, 179, 0.35);
    box-shadow: 0px 0px 20px 0px rgba(239, 74, 179, 0.35);
    overflow: hidden;
}
.open-jobs .available-jobs .aj-overly {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    background-color: #ff3d9d;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transform: translate(0px, 50px);
    -webkit-transform: translate(0px, 50px);
    -o-transform: translate(0px, 50px);
    -ms-transform: translate(0px, 50px);
    transform: translate(0px, 50px);
}
.open-jobs .available-jobs .aj-overly p {
    color: #fff;
    margin-top: 40px;
    font-family: "cera_pro_medium", Sans-serif;
}
.open-jobs .available-jobs:hover .aj-overly {
    top: 0;
    bottom: 0;
    opacity: 1;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
.open-jobs .available-jobs p {
    margin-top: 10px;
}
.steps-of-interview .container {
    position: relative;
    z-index: 1;
}
.steps-of-interview .si-inner {
    display: flex;
}
.steps-of-interview .si-inner > div {
    background: #02042b;
    padding: 30px;
    padding-top: 100px;
    position: relative;
    margin-top: 100px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.steps-of-interview .si-inner h3 {
    color: #fff;
    font-family: "cera_pro_medium", Sans-serif;
}
.steps-of-interview .si-inner .dash {
    margin-bottom: 10px;
}
.steps-of-interview .si-inner .dash span {
    width: 70px;
    text-align: center;
    font-family: "cera_pro_medium",Sans-serif;
    font-size: 14px;
    line-height: 29px;
    color: #ffffff;
    background-color: #02042b;
    display: inline-block;
    border: 2px solid #ffffff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}
.steps-of-interview .si-inner .cs-lines li {
    color: #fff;
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
    font-size: 18px;
    line-height: 1.5;
}
.steps-of-interview .si-inner .cs-lines li:after {
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    background: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.steps-of-interview .si-inner .career-step {
    background-color: #fff;
    position: absolute;
    left: 30px;
    padding: 10px;
    top: -100px;
    -webkit-box-shadow: 0 0 20px 0 rgb(2 4 43 / 26%);
    -moz-box-shadow: 0 0 20px 0 rgb(2 4 43 / 26%);
    box-shadow: 0 0 20px 0 rgb(2 4 43 / 26%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.steps-of-interview .si-inner .career-step img {
    max-width: 200px;
    width: 100%;
}
.custom-modal .modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
@media (max-width: 991px) {
	.steps-of-interview .si-inner>div{
		padding: 15px;
    	padding-top: 70px;
	}
	.steps-of-interview .si-inner .career-step{
		left: 15px;
    	right: 15px;
	}
	.steps-of-interview .si-inner .cs-lines li{ font-size: 16px; }
	.steps-of-interview .si-inner .cs-lines li:after{ top: 8px; }
	
}
@media (max-width: 768px) {
    .custom-modal .modal-dialog {
        min-height: calc(100vh - 20px);
    }
}
@media (max-width: 767px) {
	.steps-of-interview .si-inner .career-step{ right: auto; }
	.steps-of-interview .si-inner>div{ padding-top: 100px;margin-bottom: 30px; }
}
.custom-modal .modal-dialog .modal-content .modal-header {
    padding: 1rem 1.3rem;
}
.custom-modal .modal-dialog .modal-content .modal-header .close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    color: red;
}
.custom-modal .modal-dialog .modal-content .modal-body {
    padding: 0;
}
.custom-modal .modal-dialog .modal-content .modal-footer {
    justify-content: left;
    padding: 1rem 1.3rem;
}
.custom-modal .requirement {
    padding: 1rem 1.3rem;
    background: #f14cb1;
    background: -moz-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: -webkit-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f14cb1', endColorstr='#8200f2',GradientType=1 );
}
.custom-modal .requirement h4 {
    color: #fff;
}
.custom-modal .requirement .req-job li {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    position: relative;
    color: #fff;
}
.custom-modal .requirement .req-job li:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -10px;
    width: 1px;
    background-color: #fff;
}
.custom-modal .skills-requirement {
    padding: 1rem 1.3rem;
}
.custom-modal .skills-requirement .skills-list {
    margin-left: 10px;
}
.custom-modal .skills-requirement .skills-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}
.custom-modal .skills-requirement .skills-list li i {
    position: absolute;
    left: 0;
    top: 3px;
}
@media (max-width: 767px) {
    header.masthead.career-page {
        padding-bottom: 50px;
    }
    header.masthead.career-page .b-heading {
        margin-top: 0;
    }
    .photo-grid.py-5 {
        padding-top: 0rem !important;
    }
}
.mobile-portfolio {
    background-color: #02042B;
    max-width: 767px;
    margin: 0 auto;
    overflow: hidden;
    display: none;
}
.mobile-portfolio.py-5 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.mobile-portfolio .heading {
    color: #fff;
    font-size: 30px;
    margin-bottom: 20px;
    font-family: "cera_pro_bold";
}
.mobile-portfolio .no-sub-heading {
    font-size: 24px;
    margin-bottom: 20px;
    font-family: "cera_pro_medium", Sans-serif;
}
.mobile-portfolio p {
    color: #fff;
    margin-bottom: 20px;
}
.mobile-portfolio .mob-link-bar {
    margin-left: 10px;
    margin-right: 10px;
}
.mobile-portfolio .nav-tabs {
    margin-bottom: 0px;
    border: none;
}
.mobile-portfolio .nav-tabs .nav-item {
    text-align: center;
    margin-bottom: 10px;
}
.mobile-portfolio .nav-tabs .nav-item a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: none;
    margin-right: 0px;
    display: inline-block;
    width: 100%;
    padding: 10px;
}
.mobile-portfolio .nav-tabs .nav-item a:hover {
    background-color: #8200f2;
    border: none;
}
.mobile-portfolio .nav-tabs .nav-item a:focus {
    background-color: #8200f2;
    border: none;
}
.mobile-portfolio .nav-tabs .nav-item a:active {
    background-color: #8200f2;
    border: none;
}
.mobile-portfolio .nav-tabs .nav-item a .thed {
    font-size: 12px;
    color: #fff;
    line-height: normal;
}
.mobile-portfolio .nav-tabs .nav-item a img {
    height: 40px;
}
.mobile-portfolio .nav-tabs .nav-item.current-tab a {
    background-color: #8200f2;
}
.mobile-portfolio .nav-tabs .active a {
    background-color: transparent;
    border: none;
}
.mobile-portfolio .nav-tabs .active a:hover {
    background-color: #8200f2;
}
.mobile-portfolio .nav-tabs .active a:focus {
    background-color: #8200f2;
}
.mobile-portfolio .nav-tabs .active a:active {
    background-color: #8200f2;
}
.mobile-portfolio .st-demo-header {
    background-color: #666666;
    color: white;
    font-size: 24px;
    padding: 8px 24px;
}
.mobile-portfolio .st-demo-header button {
    color: black;
    font-size: 12px;
}
.mobile-portfolio .st-demo-subheader {
    background-color: #f0f0f0;
    color: #333;
    font-size: 16px;
    height: 65px;
    margin-top: 50px;
    padding: 8px 24px;
}
.mobile-portfolio .st-demo-subheader:first-child {
    margin-top: 0;
}
.mobile-portfolio .owl-carousel .owl-item img {
    width: auto;
    display: inline-block;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap {
    position: relative;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: red;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-wrap.m-app1 {
    background-color: #4d00ab;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-wrap.m-app2 {
    background-color: #2baee6;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-wrap.m-app3 {
    background-color: #bd0922;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img {
    height: 990px;
    overflow: hidden;
    position: relative;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-1 {
    background-image: url(../img/mobile-portfolio/mob-tripbyt-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-2 {
    background-image: url(../img/mobile-portfolio/mob-lunchbx-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-3 {
    background-image: url(../img/mobile-portfolio/mob-eatnow-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-4 {
    background-image: url(../img/mobile-portfolio/mob-homely-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-5 {
    background-image: url(../img/mobile-portfolio/mob-NoBroker-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-6 {
    background-image: url(../img/mobile-portfolio/mob-Taxy-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-7 {
    background-image: url(../img/mobile-portfolio/mob-EaseMyTrip-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-8 {
    background-image: url(../img/mobile-portfolio/mob-ppt11-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-9 {
    background-image: url(../img/mobile-portfolio/mob-Playo-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-10 {
    background-image: url(../img/mobile-portfolio/mob-CoachNow-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-11 {
    background-image: url(../img/mobile-portfolio/mob-Health-Glow-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-12 {
    background-image: url(../img/mobile-portfolio/mob-RetailerShakti-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-13 {
    background-image: url(../img/mobile-portfolio/mob-Zoylo-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-14 {
    background-image: url(../img/mobile-portfolio/mob-KFit-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-15 {
    background-image: url(../img/mobile-portfolio/mob-iKen-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-16 {
    background-image: url(../img/mobile-portfolio/mob-CashQuiz-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-17 {
    background-image: url(../img/mobile-portfolio/mob-Silmo-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-18 {
    background-image: url(../img/mobile-portfolio/mob-Super-Media-Player-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img .app-screen.mApp-19 {
    background-image: url(../img/mobile-portfolio/mob-Tvam-Jyotish-app.webp);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content {
    position: relative;
    text-align: center;
    padding: 30px;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content .mob-content-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content .mob-content-wrap.c-app1 {
    background: #f6473a;
    background: -moz-linear-gradient(45deg, #7519e6 0%, #ff4a2e 100%);
    background: -webkit-linear-gradient(45deg, #7519e6 0%, #ff4a2e 100%);
    background: linear-gradient(45deg, #7519e6 0%, #ff4a2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7519e6', endColorstr='#ff4a2e',GradientType=1 );
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content .mob-content-wrap.c-app2 {
    background: #7519e6;
    background: -moz-linear-gradient(45deg, #7519e6 0%, #02042B 100%);
    background: -webkit-linear-gradient(45deg, #7519e6 0%, #02042B 100%);
    background: linear-gradient(45deg, #7519e6 0%, #02042B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7519e6', endColorstr='#02042B',GradientType=1 );
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content .mob-content-wrap.c-app3 {
    background: #7519e6;
    background: -moz-linear-gradient(45deg, #7519e6 0%, #ff0124 100%);
    background: -webkit-linear-gradient(45deg, #7519e6 0%, #ff0124 100%);
    background: linear-gradient(45deg, #7519e6 0%, #ff0124 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7519e6', endColorstr='#ff0124',GradientType=1 );
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content .logo-app {
    margin-bottom: 20px;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content .logo-app img {
    width: 100px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    display: inline-block;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content .app-goto {
    color: white;
    margin-top: 15px;
    display: inline-block;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content .app-goto img {
    height: 38px;
    margin: 10px 5px;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content .app-goto .aro {
    height: auto;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content .app-goto:hover .aro {
    -moz-transform: translate(20px, 0px);
    -webkit-transform: translate(15px, 0px);
    -o-transform: translate(15px, 0px);
    -ms-transform: translate(15px, 0px);
    transform: translate(15px, 0px);
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content .web-goto {
    color: #fff;
    margin-top: 15px;
    display: inline-block;
}
.mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content .web-goto img {
    height: 38px;
    margin: 10px 5px;
    vertical-align: middle;
}
.mobile-portfolio .mob-inner-slider .owl-nav button {
    position: absolute;
    top: 972px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    background: #f6473a;
    border: 1px solid #fff;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    background: -moz-linear-gradient(45deg, #7519e6 0%, #ff4a2e 100%);
    background: -webkit-linear-gradient(45deg, #7519e6 0%, #ff4a2e 100%);
    background: linear-gradient(45deg, #7519e6 0%, #ff4a2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7519e6', endColorstr='#ff4a2e',GradientType=1 );
}
.mobile-portfolio .mob-inner-slider .owl-nav button.fa-chevron-left {
    left: 10px;
}
.mobile-portfolio .mob-inner-slider .owl-nav button.fa-chevron-right {
    right: 10px;
}
.mobile-portfolio .mob-nav-tabs .owl-nav {
    position: relative;
}
.mobile-portfolio .mob-nav-tabs .owl-nav .fa {
    position: absolute;
    top: -86px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    background-color: transparent;
    border: none;
    padding: 10px;
}
.mobile-portfolio .mob-nav-tabs .owl-nav .fa.fa-chevron-left {
    left: -40px;
}
.mobile-portfolio .mob-nav-tabs .owl-nav .fa.fa-chevron-right {
    right: -40px;
}
@media (max-width: 767px) {
    .mobile-portfolio {
        display: block;
    }
}
@media (max-width: 640px) {
    .mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img {
        height: 820px;
    }
    .mobile-portfolio .mob-inner-slider .owl-nav button {
        top: 802px;
    }
}
@media (max-width: 480px) {
    .mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img {
        height: 620px;
    }
    .mobile-portfolio .mob-inner-slider .owl-nav button {
        top: 603px;
    }
}
@media (max-width: 380px) {
    .mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img {
        height: 490px;
    }
    .mobile-portfolio .mob-inner-slider .owl-nav button {
        top: 470px;
    }
}
@media (max-width: 360px) {
    .mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img {
        height: 464px;
    }
    .mobile-portfolio .mob-inner-slider .owl-nav button {
        top: 446px;
    }
}
@media (max-width: 320px) {
    .mobile-portfolio .mob-port-outer-bg .mob-slide-wrap .mob-slide-wrap-content-img {
        height: 414px;
    }
    .mobile-portfolio .mob-inner-slider .owl-nav button {
        top: 396px;
    }
}
header.masthead.blog-page {
    padding-top: 100px;
    padding-bottom: 50px;
    min-height: 100%;
}
header.masthead.blog-page .blog-bnr-img {
    max-width: 400px;
    margin: 0 auto;
}
header.masthead.blog-page .blog-bnr-img img {
    width: 100%;
}
header.masthead.blog-page .call {
    font-family: "cera_pro_medium", Sans-serif;
    font-size: 1.5rem;
}
header.masthead.blog-page .b-heading {
    margin-top: 7.5rem;
    font-size: 30px;
}
header.masthead.blog-page p {
    color: #fff;
}
header.masthead.blog-detail.innber-banner {
    min-height: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
}
header.masthead.blog-page.innber-banner.category {
    min-height: 210px;
    padding-top: 70px;
    padding-bottom: 70px;
}
header.masthead.blog-page.innber-banner.category .banner-text h1 {
    text-align: center;
    color: #fff;
}
header.masthead.blog-page.innber-banner.category .banner-text p {
    text-align: center;
}
header.masthead.blog-page.innber-banner.thank-you {
    min-height: 210px;
    padding-top: 150px;
    padding-bottom: 150px;
}
header.masthead.blog-page.innber-banner.thank-you .web-content {
    text-align: center;
}
header.masthead.blog-page.innber-banner.thank-you .web-content h1 {
    text-align: center;
    color: #fff;
}
header.masthead.blog-page.innber-banner.thank-you .web-content p {
    text-align: center;
}
header.masthead.blog-page.innber-banner.thank-you .web-content p a {
    color: #ffd705;
}
header.masthead.blog-page.innber-banner.thank-you .bigIcon {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background: #ff3d9d;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55fa7', endColorstr='#b87ae3',GradientType=1 );
}
header.masthead.blog-page.innber-banner.thank-you .bigIcon img {
    margin-top: 10px;
}
.blog_cont .marketing .half-col-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.blog_cont .marketing .blog_post img {
    max-width: 750px;
    width: 100%;
    height: auto;
    margin: 5px auto 25px auto;
    display: inherit;
}
.blog_cont .marketing .blog_post img.w-auto {
    max-width: 750px;
    width: auto;
}
.blog_cont .marketing .blog_post.blog_half {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.blog_cont .marketing .blog_post.blog_half img {
    min-height: 172px;
}
.blog_cont .marketing .blog_post h1 {
    font-size: 26px;
    margin-top: 0;
}
.blog_cont .marketing .blog_post h2 {
    font-size: 19px;
    height: auto;
    min-height: 65px;
    overflow: hidden;
    letter-spacing: 1px;
}
.blog_cont .marketing .blog_post h4 {
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    letter-spacing: 1px;
    color: #333;
    
}
.blog_cont .marketing .blog_post h4 strong {
    font-family: "cera_pro_bold";
    font-weight: normal;
}
.blog_cont .marketing .blog_post h5 a {
    color: #8200f2;
}
.blog_cont .marketing .blog_post blockquote {
    padding: 10px 10px 10px 0;
    margin: 20px 0;
    height: auto;
    min-height: 80px;
    overflow: hidden;
    border: none;
}
.blog_cont .marketing .blog_post .btn.style_2 {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "cera_pro_medium", Sans-serif;
    border: none;
    font-size: 14px;
    padding: 10px 20px;
    margin-right: 30px;
}
.blog_cont .marketing .blog_post .btn:hover {
    background-color: #8200f2;
    color: #fff;
    border-color: #8200f2;
}
.blog_cont .marketing .blog_post .btn:focus {
    background-color: #8200f2;
    color: #fff;
    border-color: #8200f2;
}
.elm-wrapper {
    margin: 1em auto;
    text-align: center;
}
.elm-wrapper .elm-button {
    background-color: transparent;
    border: 1px solid #999;
    color: #999;
    margin-right: 30px;
    width: 120px;
    height: 120px;
    padding: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    line-height: 116px;
    transition: all 0.3s ease-in-out;
}
.elm-wrapper .elm-button:hover {
    border-color: #8200f2;
    background-color: #8200f2;
    color: #fff;
}
.elm-wrapper .elm-button:focus {
    border-color: #8200f2;
    background-color: #8200f2;
    color: #fff;
}
.elm-wrapper .elm-button:active {
    border-color: #8200f2;
    background-color: #8200f2;
    color: #fff;
}
.blog_sideBar .well_box {
    padding: 0 0 15px;
    margin-bottom: 45px;
}
.blog_sideBar .well_box .sb_title {
    margin-bottom: 15px;
}
.blog_sideBar .well_box .sb_title h3 {
    letter-spacing: 2px;
    margin: 0;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
}
.blog_sideBar .well_box .search-form .custom-search-form {
    margin-top: 20px;
    position: relative;
    display: table;
    border-collapse: separate;
}
.blog_sideBar .well_box .search-form .custom-search-form .form-control {
    display: table-cell;
    height: auto;
    padding: 11px;
}
.blog_sideBar .well_box .search-form .custom-search-form .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.blog_sideBar .well_box .search-form .custom-search-form .input-group-btn .btn {
    padding: 10px 20px;
}
.blog_sideBar .well_box .search-form .custom-search-form .input-group-btn .btn:hover {
    background-color: #8200f2;
    color: #fff;
    border-color: #8200f2;
}
.blog_sideBar .well_box .list-post {
    margin-top: 20px;
    padding-left: 0;
}
.blog_sideBar .well_box .list-post li {
    margin: 10px 0 15px;
    padding-bottom: 10px;
    min-height: 50px;
}
.blog_sideBar .well_box .list-post li .post-thmb {
    width: 50px;
    height: 50px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}
.blog_sideBar .well_box .list-post li .post-thmb img {
    min-height: 50px;
    width: 100%;
    height: auto;
}
.blog_sideBar .well_box .list-post li .post_deal {
    overflow: hidden;
}
.blog_sideBar .well_box .list-post li .post_deal h3 {
    font-size: 14px;
    margin: 0 0 5px;
    letter-spacing: 1px;
    font-family: "cera_pro_medium", Sans-serif;
}
.blog_sideBar .well_box.widget.widget_categories ul {
    overflow-x: hidden;
    overflow-y: auto;
}
.blog_sideBar .well_box.widget.widget_categories ul li {
    margin: 15px 0;
    line-height: normal;
    letter-spacing: 1px;
    position: relative;
    padding-left: 20px;
    transition: all 0.3s ease-in-out;
    -web-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.blog_sideBar .well_box.widget.widget_categories ul li:hover {
    padding-left: 15px;
}
.blog_sideBar .well_box.widget.widget_categories ul li:after {
    content: "f105";
    position: absolute;
    left: 0;
    top: 2px;
    font-family: FontAwesome;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.blog_sideBar .well_box.widget.widget_nav_menu .menu-social-menu-container #menu-social-menu {
    text-align: left;
    position: static;
    right: 0;
    top: 0;
}
.blog_sideBar .well_box.widget.widget_nav_menu .menu-social-menu-container #menu-social-menu li {
    margin: 8px 5px;
    display: inline-block;
}
.blog_sideBar .well_box.widget.widget_nav_menu .menu-social-menu-container #menu-social-menu li a {
    display: inline-block;
    border: 1px solid #fff;
    padding: 14px;
    width: 55px;
    height: 55px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}
.blog_sideBar .well_box.widget.widget_nav_menu .menu-social-menu-container #menu-social-menu li.fb a {
    background-color: #4e71a8;
}
.blog_sideBar .well_box.widget.widget_nav_menu .menu-social-menu-container #menu-social-menu li.fb a:hover {
    background-color: #435f8b;
}
.blog_sideBar .well_box.widget.widget_nav_menu .menu-social-menu-container #menu-social-menu li.li a {
    background-color: #1686b0;
}
.blog_sideBar .well_box.widget.widget_nav_menu .menu-social-menu-container #menu-social-menu li.li a:hover {
    background-color: #127093;
}
.blog_sideBar .well_box.widget.widget_nav_menu .menu-social-menu-container #menu-social-menu li.tw a {
    background-color: #1cb7eb;
}
.blog_sideBar .well_box.widget.widget_nav_menu .menu-social-menu-container #menu-social-menu li.tw a:hover {
    background-color: #19a3d1;
}
.blog_sideBar .well_box.widget.widget_nav_menu .menu-social-menu-container #menu-social-menu li.go a {
    background-color: #e3411f;
}
.blog_sideBar .well_box.widget.widget_nav_menu .menu-social-menu-container #menu-social-menu li.go a:hover {
    background-color: #cd3e20;
}
.blog_sideBar .well_box.widget.widget_nav_menu .menu-social-menu-container #menu-social-menu li.yo a {
    background-color: #ca3737;
}
.blog_sideBar .well_box.widget.widget_nav_menu .menu-social-menu-container #menu-social-menu li.yo a:hover {
    background-color: #ac3131;
}
.blog_sideBar .well_box #mc_embed_signup {
    background: .blog_sideBar .well_box #mc_embed_signup white;
    clear: left;
}
.blog_sideBar .well_box #mc_embed_signup form {
    padding: 10px 0;
    display: block;
    position: relative;
    text-align: left;
}
.blog_sideBar .well_box #mc_embed_signup .mc-field-group {
    clear: left;
    position: relative;
    width: 96%;
    padding-bottom: 3%;
    min-height: 50px;
}
.blog_sideBar .well_box #mc_embed_signup .mc-field-group label {
    display: block;
    margin-bottom: 3px;
}
.blog_sideBar .well_box #mc_embed_signup .mc-field-group label span {
    color: red;
}
.blog_sideBar .well_box #mc_embed_signup .mc-field-group .email {
    padding: 10px;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    text-indent: 2%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
}
.blog_sideBar .well_box #mc_embed_signup .clear .btn {
    padding: 10px 20px;
}
.blog_sideBar .well_box #mc_embed_signup .clear .btn:hover {
    background-color: #8200f2;
    color: #fff;
    border-color: #8200f2;
}
.blog_sideBar .well_box #mc_embed_signup .clear .btn:focus {
    background-color: #8200f2;
    color: #fff;
    border-color: #8200f2;
}
.newsletterPop .modal-dialog .modal-content .modal-header .close {
    color: red;
}
.newsletterPop .modal-dialog .modal-content .modal-body .mc-field-group {
    margin-bottom: 20px;
}
.newsletterPop .modal-dialog .modal-content .modal-body .mc-field-group label .asterisk {
    color: red;
}
.newsletterPop .modal-dialog .modal-content .modal-body .mc-field-group .email {
    padding: 10px;
    height: auto;
    width: 100%;
}
.newsletterPop .modal-dialog .modal-content .button {
    border: none;
    padding: 15px 30px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
@media (max-width: 767px) {
    header.masthead.blog-page .blog-bnr-img {
        display: none;
    }
    header.masthead.blog-page .b-heading {
        margin-top: 0px;
    }
    header.masthead.blog-page p {
        text-align: center;
    }
    header.masthead.blog-page .banner-text {
        text-align: center;
        padding-left: 0%;
    }
    .blog_cont .blog_post {
        text-align: center;
    }
    .blog_cont .marketing .blog_post .btn.style_2 {
        margin-right: 0;
    }
    .newsletterPop {
        text-align: center;
    }
    .newsletterPop label {
        display: block;
        text-align: left;
    }
}
.fantasySports-bnr.wearableApp-bnr .fantasy-mob-group {
    width: 1030px;
}
.fantasySports-bnr.wearableApp-bnr .fantasy-mob-group .fantasy-mob-left {
    z-index: 3;
    max-width: 464px;
}
.iot-iws.wearable-half h2 {
    text-align: left;
}
.iot-iws.wearable-half .war-box-img {
    max-width: 631px;
    margin: 0 auto;
    text-align: center;
}
.iot-iws.wearable-half .war-box-img img {
    width: 100%;
}
.iot-iws.wearable-half .war-box-img svg {
    width: 100%;
}
.case-stady-app-bnr {
    position: relative;
    padding: 150px 0 50px 0;
    overflow: hidden;
    min-height: 727px;
}
.case-stady-app-bnr:before {
    content: "";
    position: absolute;
    left: 0;
    margin-left: auto;
    right: 0;
    margin-right: auto;
    top: -1770px;
    width: 2330px;
    height: 2330px;
    -webkit-border-radius: 0 0 0 40%;
    -moz-border-radius: 0 0 0 40%;
    -ms-border-radius: 0 0 0 40%;
    border-radius: 0 0 0 40%;
    -moz-transform: rotate(76deg);
    -webkit-transform: rotate(-76deg);
    -o-transform: rotate(-76deg);
    -ms-transform: rotate(-76deg);
    transform: rotate(-76deg);
    background: #1f9663;
    background: -moz-linear-gradient(top, #1f9663 0%, #03959f 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #1f9663), color-stop(100%, #03959f));
    background: -webkit-linear-gradient(top, #1f9663 0%, #03959f 100%);
    background: -o-linear-gradient(top, #1f9663 0%, #03959f 100%);
    background: -ms-linear-gradient(top, #1f9663 0%, #03959f 100%);
    background: linear-gradient(to bottom, #1f9663 0%, #03959f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f9663', endColorstr='#03959f', GradientType=0 );
}
.case-stady-app-bnr .container {
    position: relative;
    z-index: 1;
}
.case-stady-app-bnr .case-app-mob {
    max-width: 774px;
    margin: 0;
}
.case-stady-app-bnr .case-app-mob img {
    width: 100%;
}
.case-stady-app-bnr .app-name {
    margin-top: 43%;
}
.case-stady-app-bnr .app-name .app-description {
    position: relative;
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.case-stady-app-bnr .app-name .app-description p {
    text-align: center;
    margin-bottom: 0;
}
.case-stady-app-bnr .app-name .app-description:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    height: 4px;
    background-color: #000;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}
.case-stady-app-bnr .app-name .app-logo {
    width: 124px;
    height: 124px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #ccc;
    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
}
.case-stady-app-bnr .app-name .app-logo img {
    width: 100%;
}
.case-stady-app-bnr .app-name .appname {
    font-size: 26px;
    font-family: "cera_pro_bold";
    text-align: center;
    margin: 30px 0 15px 0;
}
.case-stady-app-bnr .app-name .app-subtext {
    font-family: "cera_pro_medium", Sans-serif;
    text-align: center;
    margin: 0px 0 15px 0;
}
.case-stady-app-bnr .app-name .get-app-btn {
    text-align: center;
    margin: 0 auto;
}
.case-stady-app-bnr .app-name .get-app-btn img {
    width: 150px;
    margin: 0 10px;
}
.case-stady-about {
    text-align: center;
    padding-bottom: 70px;
}
.case-stady-about .heading {
    font-size: 30px;
    margin-bottom: 20px;
}
.case-stady-about p {
    margin-bottom: 30px;
}
.app-overview {
    background-color: #f9f9f9;
    padding: 100px 0;
    min-height: 600px;
    position: relative;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0px -20px 20px 0px rgba(26, 148, 105, 0.1);
    -moz-box-shadow: 0px -20px 20px 0px rgba(26, 148, 105, 0.1);
    box-shadow: 0px -20px 20px 0px rgba(26, 148, 105, 0.1);
}
.app-overview:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 351px;
    height: 863px;
    background-image: url(../img/case-left.html);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto;
}
.app-overview:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 351px;
    height: 829px;
    background-image: url(../img/case-right.html);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto;
}
.app-overview .heading {
    text-align: center;
}
.app-overview p {
    text-align: center;
    margin: 30px 0 30px 0;
}
.app-overview .bar-row {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #00919e;
    width: 30%;
    height: 2px;
}
.app-overview .circle-ripple {
    background-color: #35ffc3;
    width: 1em;
    height: 1em;
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
    opacity: 0.3;
    animation: ripple 2s linear infinite;
}
@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(130, 0, 242, 0.3), 0 0 0 10em rgba(130, 0, 242, 0.3), 0 0 0 15em rgba(130, 0, 242, 0.3), 0 0 0 20em rgba(130, 0, 242, 0.3);
    }
    100% {
        box-shadow: 0 0 0 10em rgba(130, 0, 242, 0.3), 0 0 0 15em rgba(130, 0, 242, 0.3), 0 0 0 20em rgba(130, 0, 242, 0.3), 0 0 0 25em rgba(130, 0, 242, 0);
    }
}
.app-overview .overview-mob {
    max-width: 454px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.app-overview .overview-mob img {
    width: 100%;
}
.app-overview .overview-mob .overview-indicate {
    margin-top: 143px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.app-overview .overview-mob .overview-indicate .line {
    position: absolute;
    right: 100%;
    top: 0;
    width: 200px;
}
.app-overview .overview-mob .overview-indicate .line:after {
    content: "";
    position: absolute;
    top: 35px;
    right: -50px;
    height: 2px;
    left: 0;
    display: inline-block;
    background: #eee;
    background: -moz-linear-gradient(left, #eee 0%, #1e9662 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #eee), color-stop(100%, #1e9662));
    background: -webkit-linear-gradient(left, #eee 0%, #1e9662 100%);
    background: -o-linear-gradient(left, #eee 0%, #1e9662 100%);
    background: -ms-linear-gradient(left, #eee 0%, #1e9662 100%);
    background: linear-gradient(to right, #eee 0%, #1e9662 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#1e9662', GradientType=1 );
}
.app-overview .overview-mob .overview-indicate .line img {
    width: auto;
}
.app-overview .overview-mob .overview-indicate .line.l1 {
    top: -28px;
}
.app-overview .overview-mob .overview-indicate .line.l2 {
    top: 150px;
}
.app-overview .overview-mob .overview-indicate .line.l3 {
    top: 271px;
}
.app-overview .overview-mob .overview-indicate .line.l4 {
    top: 378px;
}
.app-overview .overview-mob .overview-indicate .line.l5 {
    top: 627px;
}
.app-overview .overview-mob .overview-indicate-right {
    margin-top: 143px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.app-overview .overview-mob .overview-indicate-right .line {
    position: absolute;
    left: 100%;
    top: 0;
    width: 200px;
    text-align: right;
}
.app-overview .overview-mob .overview-indicate-right .line:after {
    content: "";
    position: absolute;
    top: 35px;
    left: -50px;
    height: 2px;
    right: 0;
    display: inline-block;
    background: #1e9662;
    background: -moz-linear-gradient(left, #1e9662 0%, #eee 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #1e9662), color-stop(100%, #eee));
    background: -webkit-linear-gradient(left, #1e9662 0%, #eee 100%);
    background: -o-linear-gradient(left, #1e9662 0%, #eee 100%);
    background: -ms-linear-gradient(left, #1e9662 0%, #eee 100%);
    background: linear-gradient(to right, #1e9662 0%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9662', endColorstr='#eeeeee', GradientType=1 );
}
.app-overview .overview-mob .overview-indicate-right .line img {
    width: auto;
}
.app-overview .overview-mob .overview-indicate-right .line.l1 {
    top: -40px;
}
.app-overview .overview-mob .overview-indicate-right .line.l2 {
    top: 32px;
}
.app-overview .overview-mob .overview-indicate-right .line.l3 {
    top: 251px;
    left: 89%;
    width: 250px;
}
.app-overview .overview-mob .overview-indicate-right .line.l4 {
    top: 460px;
}
.app-overview .overview-mob .overview-indicate-right .line.l5 {
    top: 627px;
}
.case-about-client {
    background-color: #00919e;
    position: relative;
    min-height: 200px;
    overflow: hidden;
}
.case-about-client:before {
    content: "";
    position: absolute;
    left: 0;
    margin-left: auto;
    right: 0;
    margin-right: auto;
    top: -300px;
    width: 700px;
    height: 700px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background: #00919e;
    background: -moz-linear-gradient(top, #00919e 0%, #05a8b7 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #00919e), color-stop(100%, #05a8b7));
    background: -webkit-linear-gradient(top, #00919e 0%, #05a8b7 100%);
    background: -o-linear-gradient(top, #00919e 0%, #05a8b7 100%);
    background: -ms-linear-gradient(top, #00919e 0%, #05a8b7 100%);
    background: linear-gradient(to bottom, #00919e 0%, #05a8b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00919e', endColorstr='#05a8b7', GradientType=0 );
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.case-about-client:hover:before {
    width: 800px;
    height: 800px;
}
.case-about-client .cac-box {
    text-align: center;
    color: #fff;
}
.case-about-client .cac-box .heading {
    color: #fff;
}
.case-about-client .cac-box .speciality {
    font-family: "cera_pro_medium", Sans-serif;
    font-size: 18px;
}
.case-about-client .cac-box .details {
    border-top: 1px dashed rgba(255, 255, 255, 0.2);
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
}
.case-about-client .cac-box .details:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    height: 4px;
    background-color: #fada25;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}
.case-about-client .cac-box .cac-bnr {
    margin-top: 50px;
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
}
.case-about-client .cac-box .cac-bnr img {
    width: 100%;
}
.case-about-client .cac-box-mid {
    text-align: center;
    min-height: 410px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #fff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #fff 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #fff 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #fff 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff', GradientType=0 );
}
.case-about-client .cac-box-mid .speciality {
    font-family: "cera_pro_medium", Sans-serif;
    font-size: 18px;
}
.case-about-client .cac-box-mid .details {
    border-top: 1px dashed rgba(0, 0, 0, 0.2);
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
}
.case-about-client .cac-box-mid .details:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    height: 4px;
    background-color: #0237ab;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}
.case-about-client .cac-box-mid .cac-bnr {
    padding-top: 50px;
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
}
.case-about-client .cac-box-mid .cac-bnr img {
    width: 100%;
}
.the-challenges {
    padding: 50px 0;
}
.the-challenges .heading {
    text-align: center;
    margin-bottom: 50px;
}
.the-challenges .app-wire {
    max-width: 392px;
    margin: 0 auto;
    position: relative;
}
.the-challenges .app-wire img {
    width: 100%;
}
.the-challenges .app-wire .arow {
    display: inline-block;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #1f9663;
    background: -moz-linear-gradient(top, #1f9663 0%, #03959f 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #1f9663), color-stop(100%, #03959f));
    background: -webkit-linear-gradient(top, #1f9663 0%, #03959f 100%);
    background: -o-linear-gradient(top, #1f9663 0%, #03959f 100%);
    background: -ms-linear-gradient(top, #1f9663 0%, #03959f 100%);
    background: linear-gradient(to bottom, #1f9663 0%, #03959f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f9663', endColorstr='#03959f', GradientType=0 );
}
.the-challenges .app-wire .arow i {
    color: #fff;
    font-size: 40px;
    margin-top: 10px;
}
.the-challenges .about-some {
    text-align: center;
    margin-top: 30px;
}
.the-challenges .about-some .bar {
    width: 60px;
    height: 6px;
    display: inline-block;
    background-color: #00919e;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.app-structure {
    padding: 150px 0 200px 0;
    background-color: #00919e;
    position: relative;
    overflow: hidden;
}
.app-structure:before {
    content: "";
    position: absolute;
    left: -12%;
    top: -8%;
    right: -12%;
    height: 200px;
    background-color: #fff;
    -moz-transform: skewY(3deg);
    -webkit-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    transform: skewY(3deg);
}
.app-structure:after {
    content: "";
    position: absolute;
    left: -12%;
    bottom: -8%;
    right: -12%;
    height: 200px;
    background-color: #fff;
    -moz-transform: skewY(3deg);
    -webkit-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    transform: skewY(3deg);
}
.app-structure .heading {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}
.app-structure h4 {
    text-align: center;
    color: #fff;
}
.app-structure .wireframe-img {
    max-width: 352px;
    margin: 0 auto;
}
.app-structure .wireframe-img img {
    width: 100%;
}
.technology-stack {
    padding: 50px 0;
    position: relative;
    overflow: hidden;
}
.technology-stack:before {
    width: calc(100% + 20%);
    position: absolute;
    left: -90px;
    top: 100px;
    content: "";
    height: 900px;
    display: block;
    z-index: 0;
    transform: skewX(43deg) rotate(-28deg) translateY(380px);
    -webkit-border-radius: 20% 30% 0 0;
    -moz-border-radius: 20% 30% 0 0;
    -ms-border-radius: 20% 30% 0 0;
    border-radius: 20% 30% 0 0;
    background: #1f9663;
    background: -moz-linear-gradient(top, #1f9663 0%, #03959f 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #1f9663), color-stop(100%, #03959f));
    background: -webkit-linear-gradient(top, #1f9663 0%, #03959f 100%);
    background: -o-linear-gradient(top, #1f9663 0%, #03959f 100%);
    background: -ms-linear-gradient(top, #1f9663 0%, #03959f 100%);
    background: linear-gradient(to bottom, #1f9663 0%, #03959f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f9663', endColorstr='#03959f', GradientType=0 );
}
.technology-stack .container {
    position: relative;
    z-index: 1;
}
.technology-stack .heading {
    text-align: center;
}
.technology-stack .technology-stack-timeline {
    margin-top: 50px;
    text-align: center;
}
.technology-stack .technology-timeline {
    border-left: 4px solid #00919e;
    color: rgba(255, 255, 255, 0.8);
    margin: 50px auto;
    letter-spacing: 0.5px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 50px;
    list-style: none;
    text-align: left;
    font-weight: 100;
    max-width: 80%;
}
.technology-stack .technology-timeline .event {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    padding-bottom: 50px;
    margin-bottom: 50px;
    position: relative;
}
.technology-stack .technology-timeline .event:before {
    left: auto;
    right: 109%;
    position: absolute;
    display: block;
    top: 15px;
    color: #00919e;
    content: attr(data-date);
    text-align: right;
    font-weight: 100;
    font-size: 0.9em;
    min-width: 120px;
}
.technology-stack .technology-timeline .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}
.technology-stack .technology-timeline .event .iicns {
    box-shadow: 0 0 0 4px #00919e;
    left: -85.85px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    height: 62px;
    width: 62px;
    position: absolute;
    top: -3px;
    display: inline-block;
}
.technology-stack .technology-timeline .event .iicns img {
    margin-top: 10px;
}
.technology-stack .technology-timeline .techno-code {
    display: inline-block;
    background-color: #fff;
    padding: 5px;
    display: inline-block;
    position: relative;
    margin: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 10px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.technology-stack .technology-timeline .techno-code:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent #ffffff transparent transparent;
}
.app-features {
    padding: 50px 0;
    background-color: #f9f9f9;
}
.app-features.af {
    position: relative;
    overflow: hidden;
    padding-top: 150px;
}
.app-features.af .container {
    position: relative;
    z-index: 1;
}
.app-features.af:before {
    width: calc(100% + 20%);
    position: absolute;
    left: -90px;
    top: -801px;
    content: "";
    height: 900px;
    display: block;
    z-index: 0;
    transform: skewX(43deg) rotate(-28deg) translateY(380px);
    -webkit-border-radius: 20% 30% 0 30%;
    -moz-border-radius: 20% 30% 0 30%;
    -ms-border-radius: 20% 30% 0 30%;
    border-radius: 20% 30% 0 30%;
    background-color: #ececec;
}
.app-features .heading {
    text-align: center;
    margin-bottom: 50px;
}
.app-features .collapse-group {
    margin-bottom: 10px;
}
.app-features .panel-default {
    border: none;
    margin-bottom: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.app-features .panel-default .panel-heading {
    background-color: transparent;
    border: none;
    padding: 25px;
}
.app-features .panel-default .panel-heading .panel-title {
    position: relative;
    padding-left: 10px;
}
.app-features .panel-default .panel-heading .panel-title .trigger {
    color: #00919e;
}
.app-features .panel-default .panel-heading .panel-title .trigger:before {
    content: "f068";
    font-family: "FontAwesome";
    vertical-align: text-bottom;
    color: #fff;
    width: 36px;
    height: 36px;
    background-color: #00919e;
    -webkit-border-radius: 20%;
    -moz-border-radius: 20%;
    -ms-border-radius: 20%;
    border-radius: 20%;
    display: inline-block;
    position: absolute;
    left: -40px;
    top: -10px;
    text-align: center;
    padding-top: 10px;
}
.app-features .panel-default .panel-heading .panel-title .trigger.collapsed {
    color: #333;
}
.app-features .panel-default .panel-heading .panel-title .trigger.collapsed:before {
    content: "f067";
}
.app-features .features-list {
    margin-left: 20px;
    margin-top: -20px;
}
.app-features .features-list li {
    position: relative;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.app-features .features-list li i {
    position: absolute;
    left: 0;
    top: 3px;
}
.app-visuals {
    padding: 150px 0 200px 0;
    background-color: #00919e;
    position: relative;
    overflow: hidden;
}
.app-visuals:before {
    content: "";
    position: absolute;
    left: -12%;
    top: -8%;
    right: -12%;
    height: 200px;
    background-color: #f9f9f9;
    -moz-transform: skewY(3deg);
    -webkit-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    transform: skewY(3deg);
}
.app-visuals:after {
    content: "";
    position: absolute;
    left: -12%;
    bottom: -8%;
    right: -12%;
    height: 200px;
    background-color: #f9f9f9;
    -moz-transform: skewY(3deg);
    -webkit-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    transform: skewY(3deg);
}
.app-visuals .heading {
    text-align: center;
    color: #fff;
    margin-bottom: 70px;
}
.app-visuals .visual-box {
    position: relative;
}
.app-visuals .visual-box .visual-app-frame {
    width: 370px;
    height: 749px;
    position: absolute;
    left: 2px;
    top: -28px;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    background-image: url(../img/visual-app-frame.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.app-visuals .visual-app .owl-nav {
    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0;
    text-align: center;
}
.app-visuals .visual-app .owl-nav button {
    border: none;
    width: 40px;
    height: 40px;
    background-color: #ff3d9d;
    color: #fff;
    font-size: 20px;
}
.app-visuals .visual-app .owl-item .item .visual-screen {
    max-width: 308px;
    margin: 0 auto;
}
.app-visuals .visual-app .owl-item .item .visual-screen img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.app-visuals .visual-app .owl-item.center .item .visual-screen img {
    filter: none;
    opacity: 1;
}
header.masthead.innber-banner.web-app-s-development .heading {
    color: #fff;
    font-size: 60px;
    line-height: normal;
}
header.masthead.innber-banner.web-app-s-development .heading span {
    font-size: 50px;
    line-height: normal;
    display: block;
}
header.masthead.innber-banner.web-app-s-development p {
    color: #fff;
}
header.masthead.innber-banner.web-app-s-development .type-text {
    margin-top: 20px;
}
header.masthead.innber-banner.web-app-s-development .type-text .typewrite {
    color: #fff;
    font-size: 17px;
    display: inline-block;
    height: 40px;
    text-transform: none;
    
}
.formShow {
    height: auto;
    position: relative;
    overflow: hidden;
}
.formShow .subContainer {
    width: 80%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: table;
    text-align: center;
}
.formShow .subContainer .subContent {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}
.formShow .subContainer .subContent .formTopExtra .appForm {
    background-color: rgba(25, 6, 109, 0.8);
    padding: 18px;
    width: 500px;
    margin: 0 auto;
}
.formShow .subContainer .subContent .formTopExtra .appForm .heading-form {
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 10px;
}
.formShow .subContainer .subContent .formTopExtra .appForm p {
    color: #fff;
}
.formShow .subContainer .subContent .formTopExtra .appForm .formRow .cahbox_form {
    color: #fff;
    text-align: left;
    line-height: normal;
}
.formShow .subContainer .subContent .formTopExtra .appForm .formRow .style_4 {
    margin-left: 0;
    margin-top: 0;
}
.formShow .subContainer .subContent .formTopExtra .appForm .icon-frm {
    position: relative;
    margin-bottom: 20px;
}
.formShow .subContainer .subContent .formTopExtra .appForm .icon-frm:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid #ff3d9d;
    border-right: 20px solid transparent;
    z-index: 2;
}
.formShow .subContainer .subContent .formTopExtra .appForm .icon-frm .form-control {
    border-radius: 0;
    height: auto;
    padding: 10px;
    border: none;
}
.formShow .subContainer .subContent .formTopExtra .appForm .icon-frm .wpcf7-textarea {
    height: 130px;
}
.formShow .subContainer .subContent .formTopExtra .appForm .icon-frm textarea {
    resize: vertical;
}
.formShow .subContainer .subContent .formTopExtra .appForm .checkbox_form {
    color: #fff;
    text-align: left;
    line-height: normal;
    margin-bottom: 20px;
}
.formShow .subContainer .subContent .formTopExtra .appForm .iti.iti--allow-dropdown .iti__flag-container {
    border-radius: 0;
    left: -36px;
    border: none;
    width: 130px;
}
.formShow .subContainer .subContent .formTopExtra span.wpcf7-not-valid-tip {
    color: #ff3d9d;
}
.formShow .bg {
    width: 50%;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 0;
    background: #f5f0ea;
    background: -moz-linear-gradient(45deg, #f5f0ea 0%, #eee 100%);
    background: -webkit-linear-gradient(45deg, #f5f0ea 0%, #eee 100%);
    background: linear-gradient(45deg, #f5f0ea 0%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f0ea', endColorstr='#eeeeee',GradientType=1 );
}
.slider_section {
    position: relative;
}
.slider_section .bg2 {
    width: 50%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: #7519e6;
    background: -moz-linear-gradient(45deg, #7519e6 0%, #02042B 100%);
    background: -webkit-linear-gradient(45deg, #7519e6 0%, #02042B 100%);
    background: linear-gradient(45deg, #7519e6 0%, #02042B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7519e6', endColorstr='#02042B',GradientType=1 );
}
.slider_section .heading {
    position: relative;
    z-index: 1;
    text-align: center;
    background-color: rgba(255, 61, 158, 0.9);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    padding: 10px 30px;
    color: #fff;
    display: inline-block;
}
.slider_section .stMain {
    padding: 0;
    color: #666;
    border: 0 solid #ccc;
    font-size: 100%;
    display: block;
    margin: 0;
    width: 100%;
}
.slider_section .stMain .tabAnchor {
    min-width: 440px;
    display: inline-block;
    list-style-type: none;
    position: relative;
    padding: 0;
    margin: 30px -15px 0 0;
    z-index: 100;
}
.slider_section .stMain .tabAnchor li {
    position: relative;
    padding: 0 0 0 70px;
    min-height: 60px;
    margin: 10px 0;
    text-align: left;
}
.slider_section .stMain .tabAnchor li a {
    display: block;
    margin: 0 0 2px;
    padding: 17px 5px;
    height: auto;
    width: 100%;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    outline-style: none;
    border: none;
}
.slider_section .stMain .tabAnchor li a .icon {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    text-align: center;
    border: 1px dashed #fff;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}
.slider_section .stMain .tabAnchor li a .icon img {
    width: 40px;
    margin-top: 10px;
}
.slider_section .stMain .tabAnchor li a.sel {
    color: #fff;
    cursor: text;
    font-weight: 700;
    border-right: 5px solid #fff;
    transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
}
.slider_section .stMain .tabAnchor li a.sel .icon {
    border-style: solid;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
}
.slider_section .stMain .stContainer {
    padding: 0;
    border: 1px solid transparent;
    height: 550px;
    overflow: hidden;
    position: relative;
    min-height: 550px;
    display: block;
    margin: 0;
    z-index: 1;
}
.slider_section .stMain .stContainer .tabContent {
    position: absolute;
    padding: 50px;
    border: 0 solid #d4d4d4;
    text-align: left;
}
.slider_section .stMain .stContainer .tabContent .web-pic {
    max-width: 600px;
    height: auto;
    margin: 0 0 30px;
    background-color: #02042B;
    position: relative;
}
.slider_section .stMain .stContainer .tabContent .web-pic:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #02042B;
    opacity: 0.5;
}
.slider_section .stMain .stContainer .tabContent .web-pic .pic-icon {
    background-color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    text-align: center;
    position: absolute;
    width: 120px;
    height: 120px;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.slider_section .stMain .stContainer .tabContent .web-pic .pic-icon img {
    width: 80px;
    margin-top: 20px;
}
.slider_section .stMain .stContainer .tabContent .web-pic h3 {
    color: #fff;
    font-family: "cera_pro_bold";
    position: absolute;
    left: 0;
    bottom: 30px;
    right: 0;
    text-align: center;
}
.slider_section .stMain .stContainer .tabContent p {
    max-width: 600px;
    font-weight: 500;
}
.custom-web {
    background: #f6473a;
    background: -moz-linear-gradient(45deg, #7519e6 0%, #ff4a2e 100%);
    background: -webkit-linear-gradient(45deg, #7519e6 0%, #ff4a2e 100%);
    background: linear-gradient(45deg, #7519e6 0%, #ff4a2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7519e6', endColorstr='#ff4a2e',GradientType=1 );
    text-align: center;
}
.custom-web .heading {
    color: #fff;
    margin-bottom: 30px;
}
.custom-web p {
    color: #fff;
}
.advantages-expertise {
    text-align: center;
    background-color: #f9f9f9;
}
.advantages-expertise .heading {
    margin-bottom: 20px;
}
.hiringAnimation {
    text-align: center;
    background-color: #300986;
}
.hiringAnimation .heading {
    margin-bottom: 20px;
    color: #fff;
}
.hiringAnimation .hire-steps-hdr {
    position: relative;
    margin-top: 80px;
}
.hiringAnimation .hire-steps-hdr:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 140px;
    background: #400faa;
    background: -moz-linear-gradient(top, #400faa 0%, #310986 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #400faa), color-stop(100%, #310986));
    background: -webkit-linear-gradient(top, #400faa 0%, #310986 100%);
    background: -o-linear-gradient(top, #400faa 0%, #310986 100%);
    background: -ms-linear-gradient(top, #400faa 0%, #310986 100%);
    background: linear-gradient(to bottom, #400faa 0%, #310986 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#400faa', endColorstr='#310986', GradientType=0 );
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps {
    text-align: center;
    position: relative;
    z-index: 1;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 2px;
    width: 19%;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li i {
    position: absolute;
    top: -27px;
    right: -5%;
    font-size: 50px;
    color: #fff;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li i.ic1 {
    color: #018fe6;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li i.ic2 {
    color: #ff3972;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li i.ic3 {
    color: #00c9ff;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li i.ic4 {
    color: #00ec86;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-circle {
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: -10px 0px 0px 0px rgba(1, 143, 230, 0.3);
    -moz-box-shadow: -10px 0px 0px 0px rgba(1, 143, 230, 0.3);
    box-shadow: -10px 0px 0px 0px rgba(1, 143, 230, 0.3);
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-circle br {
    display: none;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-circle abbr {
    display: block;
    color: #fff;
    letter-spacing: 2px;
    padding-top: 27px;
    text-align: left;
    padding-left: 24px;
    font-family: "cera_pro_medium", Sans-serif;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-circle span {
    display: block;
    color: #fff;
    letter-spacing: 2px;
    padding-top: 10px;
    text-align: right;
    padding-right: 24px;
    font-family: "cera_pro_bold";
    font-size: 40px;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-circle.bg1 {
    background-color: #018fe6;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-circle.bg2 {
    background-color: #ff3972;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-circle.bg3 {
    background-color: #00c9ff;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-circle.bg4 {
    background-color: #00ec86;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-circle.bg5 {
    background-color: #fc35ff;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-name {
    color: #fff;
    line-height: normal;
    margin-top: 20px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
    position: relative;
    padding-bottom: 20px;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-name:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 6px;
    width: 36px;
    margin-left: auto;
    margin-right: auto;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-name.sn1:before {
    background-color: #018fe6;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-name.sn2:before {
    background-color: #ff3972;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-name.sn3:before {
    background-color: #00c9ff;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-name.sn4:before {
    background-color: #00ec86;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-name.sn5:before {
    background-color: #fc35ff;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-name span {
    display: block;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-img {
    max-width: 182px;
    margin: 20px auto 0 auto;
}
.hiringAnimation .hire-steps-hdr .hire-simple-steps li .stp-img img {
    width: 100%;
}
.grocery-apps .title-h3 {
    color: #fff;
}
.grocery-apps .grcy-box {
    min-height: 235px;
    color: #fff;
    background-color: #4f21b9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 30px;
}
.grocery-apps .grcy-box p {
    margin-bottom: 0px;
}
.core-features.grocery-features .core-icons {
    margin-bottom: 0px;
}
.core-features.grocery-features .mobile-accordion {
    display: none;
}
.core-features.grocery-features .mobile-accordion .panel-group .panel {
    border: none;
}
.core-features.grocery-features .mobile-accordion .panel-group .panel .panel-heading {
    background-color: #ff3d9d;
}
.core-features.grocery-features .mobile-accordion .panel-group .panel .panel-heading .panel-title {
    color: #fff;
}
.core-features.grocery-features .mobile-accordion .panel-group .panel .panel-body {
    border: none;
}
.core-features.grocery-features .mobile-accordion .panel-group .panel .panel-body h4 {
    text-align: center;
}
.core-features.grocery-features #accordion_reg .panel-heading {
    padding: 0;
}
.core-features.grocery-features #accordion_reg .panel-title > a {
    display: block;
    padding: 15px;
    outline: none;
    font-weight: bold;
    text-decoration: none;
}
.core-features.grocery-features #accordion_reg .panel-title > a.accordion-toggle::before,
.core-features.grocery-features #accordion_reg a[data-toggle="collapse"]::before {
    content: "f068";
    float: left;
    font-family: "FontAwesome";
    margin-right: 1em;
}
.core-features.grocery-features #accordion_reg .panel-title > a.accordion-toggle.collapsed::before,
.core-features.grocery-features #accordion_reg a.collapsed[data-toggle="collapse"]::before {
    content: "f067";
}
.iot_tabs.groceryTechnologies-tab .oitTabs .tab-content .groceryTag {
    text-align: center;
}
.iot_tabs.groceryTechnologies-tab .oitTabs .tab-content .groceryTag li {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 10px 20px;
}
.iot_tabs.groceryTechnologies-tab .oitTabs .tab-content .groceryTag li abbr {
    display: block;
}
.iot_tabs.groceryTechnologies-tab .oitTabs .tab-content .groceryTag li abbr img {
    margin-bottom: 10px;
}
.iot_tabs.groceryTechnologies-tab .oitTabs .tab-content .groceryTag li span {
    display: inline-block;
    padding: 2px 10px;
    font-size: 12px;
    color: #fff;
    background-color: #333;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}
.grocery-shopping {
    padding-top: 50px;
}
.grocery-shopping .title {
    text-align: center;
}
.grocery-shopping .gs-section {
    padding: 50px 0;
}
.grocery-shopping .gs-section.mid {
    background-color: #f6f8ff;
}
.grocery-shopping .gs-section.mid .gs-pic {
    background-color: #fff;
}
.grocery-shopping .gs-section .title-h3 {
    margin-bottom: 30px;
    margin-top: 0;
}
.grocery-shopping .gs-section p {
    margin-bottom: 30px;
}
.grocery-shopping .gs-section .gs-pic {
    background-color: #f6f8ff;
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}
.grocery-shopping .gs-section .gs-pic img {
    width: 100%;
    max-width: 731px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}
.grocery-shopping .gs-section .gs-pic span {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -17px;
    padding: 5px 10px;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
    text-align: center;
    background-color: #333;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
}
.sports-games-solutions.grocery {
    padding-top: 50px;
}
.sports-games-solutions.grocery .single-icon-box {
    padding: 0;
    margin: 0;
}
.sports-games-solutions.grocery .bx-footer {
    padding: 0;
}
.section-tabs-title.stt-grocery {
    padding-top: 0;
}
.fantasy-about.fa-grocery {
    padding-top: 150px;
}
.grocery-choose p {
    text-align: center;
    margin-bottom: 50px;
}
.grocery-choose .m-box {
    margin-bottom: 50px;
}
.fantasy-sports-app-sol.grocery-benefits .wht-bx {
    min-height: 135px;
}
.fantasySports-bnr.taxi-banner .title-h3 {
    font-family: "cera_pro_bold";
    color: #fff;
    margin: 10px 0 30px 0;
    font-size: 24px;
}
.taxi-app-section .tab {
    margin: 50px;
}
.taxi-app-section .tab .nav-tabs {
    border-bottom: none;
    text-align: center;
}
.taxi-app-section .tab .nav-tabs li {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.taxi-app-section .tab .nav-tabs li a {
    opacity: 0.5;
    max-width: 320px;
    color: #000;
    display: block;
    background-color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    border: none;
    font-weight: 700;
    padding: 10px 20px 10px 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.taxi-app-section .tab .nav-tabs li a span {
    vertical-align: middle;
    margin-right: 10px;
    width: 56px;
    height: 56px;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #a5a5a5;
}
.taxi-app-section .tab .nav-tabs li a span i {
    color: #fff;
    font-size: 30px;
    margin-top: 9px;
}
.taxi-app-section .tab .nav-tabs li.active a {
    border: none;
    opacity: 1;
    color: #9510c2;
}
.taxi-app-section .tab .nav-tabs li.active a span {
    background-color: #ff4caa;
}
.taxi-app-section .parentTabs {
    margin-top: 20px;
}
.taxi-app-section .parentTabs .nav-tabs.inTabs {
    text-align: left;
    margin-bottom: 30px;
    margin-left: -5px;
}
.taxi-app-section .parentTabs .nav-tabs.inTabs li {
    margin: 2px 5px;
}
.taxi-app-section .parentTabs .nav-tabs.inTabs li a {
    padding: 15px;
}
.taxi-app-section .parentTabs .nav-tabs.inTabs.cntr {
    text-align: center;
}
.taxi-app-section .parentTabs .inTabCont {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.taxi-app-section .parentTabs .inTabCont .cntr-algin {
    border-top: 1px solid #ccc;
    padding-top: 30px;
    margin-top: 30px;
}
.taxi-app-section .parentTabs .inTabCont.cntr {
    border-bottom: none;
}
.taxi-app-section .parentTabs .inTabCont .olIcon {
    position: relative;
    padding-left: 80px;
    min-height: 65px;
}
.taxi-app-section .parentTabs .inTabCont .olIcon img {
    position: absolute;
    left: 0;
    top: 0;
}
.taxi-app-section .parentTabs .inTabCont .olIcon p {
    margin-top: 20px;
    display: inline-block;
    vertical-align: middle;
}
.taxi-app-section .parentTabs .owl-carousel .owl-nav button {
    position: absolute;
    top: 46%;
    border: none;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: 10px;
    padding: 10px;
    background: #9f76fb;
    background: -moz-linear-gradient(-45deg, #9f76fb 0%, #38a9dc 100%);
    background: -webkit-linear-gradient(-45deg, #9f76fb 0%, #38a9dc 100%);
    background: linear-gradient(135deg, #9f76fb 0%, #38a9dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f76fb', endColorstr='#38a9dc',GradientType=1 );
}
.taxi-app-section .parentTabs .owl-carousel .owl-nav button.fa-chevron-left {
    left: -10px;
}
.taxi-app-section .parentTabs .owl-carousel .owl-nav button.fa-chevron-right {
    right: -10px;
}
.taxi-app-section h2 {
    margin-top: 43px;
    margin-bottom: 20px;
}
.taxi-app-section h3 {
    margin-top: 40px;
    margin-bottom: 20px;
}
.taxi-app-section .title-h2 {
    font-family: "cera_pro_bold";
    margin: 43px 0 20px 0;
    font-size: 24px;
}
.taxi-app-section .title-h3 {
    font-family: "cera_pro_bold";
    margin: 40px 0 20px 0;
    font-size: 24px;
}
.taxi-app-section .tb-bx {
    margin-bottom: 30px;
}
.taxi-app-section .app-download {
    text-align: left;
    margin-bottom: 30px;
}
.taxi-app-section .app-download img {
    max-width: 150px;
    width: 100%;
}
.taxi-app-section .style_2 i {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.taxi-app-section .style_2:hover i {
    padding-left: 10px;
}
.taxi-app-section .style_2:active {
    color: #fff;
    background: #9f76fb;
    background: -moz-linear-gradient(-45deg, #9f76fb 0%, #38a9dc 100%);
    background: -webkit-linear-gradient(-45deg, #9f76fb 0%, #38a9dc 100%);
    background: linear-gradient(135deg, #9f76fb 0%, #38a9dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f76fb', endColorstr='#38a9dc',GradientType=1 );
}
.taxi-app-section .style_2:focus {
    color: #fff;
    background: #9f76fb;
    background: -moz-linear-gradient(-45deg, #9f76fb 0%, #38a9dc 100%);
    background: -webkit-linear-gradient(-45deg, #9f76fb 0%, #38a9dc 100%);
    background: linear-gradient(135deg, #9f76fb 0%, #38a9dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f76fb', endColorstr='#38a9dc',GradientType=1 );
}
.taxi-app-section .style_2 br {
    display: none;
}
.taxi-app-section .appSubPoints {
    text-align: center;
    margin-top: 50px;
}
.taxi-app-section .appSubPoints li {
    display: inline-block;
    width: 24%;
    vertical-align: top;
    position: relative;
    padding-top: 30px;
    margin-top: 30px;
}
.taxi-app-section .appSubPoints li:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    background-color: #fff;
    z-index: 1;
    margin: 0 auto;
    top: -8px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}
.taxi-app-section .appSubPoints li:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    border-bottom: #ccc dashed 1px;
}
.taxi-app-section .appSubPoints li.o1:before {
    border-color: #2391ff;
}
.taxi-app-section .appSubPoints li.o2:before {
    border-color: #ff7e20;
}
.taxi-app-section .appSubPoints li.o3:before {
    border-color: #e823ff;
}
.taxi-app-section .appSubPoints li.o4:before {
    border-color: #00be0d;
}
.taxi-app-section .onDmob {
    max-width: 1054px;
    width: 100%;
    margin: 0 auto;
}
.taxi-about-section .h3-title {
    font-size: 30px;
    margin-bottom: 50px;
}
.scroll-section {
    position: relative;
    overflow: hidden;
}
.scroll-section .scroll-row {
    position: relative;
    height: 100vh;
    display: table;
    width: 100%;
    background-color: #f5f5f5;
}
.scroll-section .scroll-row:before {
    content: "";
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left center;
    background-size: contain;
}
.scroll-section .scroll-row .content-middle {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}
.scroll-section .scroll-row .content-middle .mobile-bg {
    display: none;
}
.scroll-section .scroll-row .content-middle .mobile-bg img {
    width: 100%;
}
.scroll-section .scroll-row .box-padding {
    padding: 50px;
}
.scroll-section .scroll-row .box-padding .sb-text {
    font-family: "cera_pro_bold";
    margin: 40px 0 20px 0;
    font-size: 24px;
}
.scroll-section .scroll-row .box-padding .title-h2 {
    font-family: "cera_pro_bold";
    margin: 0px 0 20px 0;
    font-size: 30px;
}
.scroll-section .scroll-row .box-padding .icon-text {
    margin-bottom: 30px;
}
.scroll-section .scroll-row .box-padding .icon-text p {
    font-family: "cera_pro_medium", Sans-serif;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0;
}
.scroll-section .scroll-row .box-padding .icon-text p span {
    display: inline-block;
    background-color: #8200f2;
    width: 20px;
    height: 7px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 7px;
}
.scroll-section .scroll-row.sr1:before {
    background-color: #5559c8;
    background-image: url(../img/scroll-taxi1.jpg);
}
.scroll-section .scroll-row.sr2 {
    background-color: #fff;
}
.scroll-section .scroll-row.sr2:before {
    background-color: #50e1bc;
    background-image: url(../img/scroll-taxi2.jpg);
}
.scroll-section .scroll-row.sr3:before {
    background-color: #f37d9a;
    background-image: url(../img/scroll-taxi3.jpg);
}
.fantasy-sports-app-sol.theme-change.taxi .title-h3 {
    font-family: "cera_pro_bold";
    margin: 40px 0 20px 0;
    font-size: 24px;
}
.on-d .title-h3 {
    margin-bottom: 30px;
}
.on-d .on-d-img {
    max-width: 579px;
    width: 100%;
    margin: 0 auto;
}
.on-d-tab-section {
    background-color: #f5f5f5;
    padding: 50px 0;
}
.on-d-tab-section .title {
    text-align: center;
    margin-bottom: 30px;
}
.on-d-tab-section p {
    text-align: center;
    margin-bottom: 30px;
}
.on-d-tab-section .section-main-tab-base {
    padding-top: 50px;
    margin-top: 30px;
    background: #ff3d9e;
    background: -moz-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff3d9e), color-stop(100%, #481891));
    background: -webkit-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: -o-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: -ms-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: linear-gradient(135deg, #ff3d9e 0%, #481891 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d9e', endColorstr='#481891', GradientType=1 );
}
.on-d-tab-section .section-main-tab-base .parent-tab {
    text-align: center;
    border-bottom: none;
}
.on-d-tab-section .section-main-tab-base .parent-tab .nav-item {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.on-d-tab-section .section-main-tab-base .parent-tab .nav-item a {
    padding: 20px 30px;
    font-size: 18px;
    font-family: "cera_pro_medium", Sans-serif;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
}
.on-d-tab-section .section-main-tab-base .parent-tab .nav-item.active a {
    background-color: #f5f5f5;
    color: #000;
}
.on-d-tab-section .sub-tab {
    text-align: center;
    margin-top: 50px;
    border-bottom: none;
}
.on-d-tab-section .sub-tab .nav-item {
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.on-d-tab-section .sub-tab .nav-item a {
    opacity: 0.5;
    max-width: 320px;
    color: #000;
    display: block;
    background-color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    border: none;
    font-weight: 700;
    padding: 10px 20px 10px 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.on-d-tab-section .sub-tab .nav-item a span {
    vertical-align: middle;
    margin-right: 10px;
    width: 56px;
    height: 56px;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #a5a5a5;
}
.on-d-tab-section .sub-tab .nav-item a span img {
    margin-top: 8px;
}
.on-d-tab-section .sub-tab .nav-item.active a {
    border: none;
    opacity: 1;
    color: #9510c2;
}
.on-d-tab-section .sub-tab .nav-item.active a span {
    background-color: #ff4caa;
}
.on-d-tab-section .tab-content {
    text-align: center;
    margin-top: 50px;
}
.on-d-tab-section .features-box {
    margin-top: 70px;
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    padding: 30px;
    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
}
.on-d-tab-section .features-box .feat-title {
    width: 150px;
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ff3d9d;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    padding: 10px 20px;
    font-family: "cera_pro_bold";
    font-size: 18px;
}
.on-d-tab-section .features-box .feat-box {
    position: relative;
    text-align: left;
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
    margin: 10px 0;
}
.on-d-tab-section .features-box .feat-box:after {
    content: "";
    position: absolute;
    left: -5px;
    top: 24px;
    bottom: -5px;
    width: 10px;
    height: 10px;
    background-color: #ff3d9d;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}
.on-d-tab-section .features-box2 {
    position: relative;
}
.on-d-tab-section .features-box2 .feat-title {
    padding: 10px 20px;
    margin-top: 46px;
    margin-bottom: 30px;
    background-color: #fff;
    font-family: "cera_pro_bold";
    font-size: 18px;
    text-align: left;
}
.on-d-tab-section .features-box2 .feat-title.ft2 {
    margin-top: 30px;
}
.on-d-tab-section .features-box2 .feat-box {
    text-align: left;
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
    margin: 5px 0;
}
.on-d-tab-section .features-box2 .feat-box:after {
    content: "";
    position: absolute;
    left: -5px;
    top: 24px;
    bottom: -5px;
    width: 10px;
    height: 10px;
    background-color: #ff3d9d;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}
.on-d-tab-section .max-pic {
    max-width: 1494px;
    margin: 0 auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
}
.on-d-tab-section .max-pic img {
    width: 100%;
}
.on-d-tab-section .launch-img {
    max-width: 658px;
    margin: 0 auto;
}
.on-d-tab-section .launch-img img {
    width: 100%;
}
.on-d-tab-section .admin-pc-img {
    max-width: 1295px;
    margin: 0 auto;
}
.on-d-tab-section .admin-pc-img img {
    width: 100%;
}
.on-d-tab-section .fant-choose-mob {
    position: relative;
    width: 732px;
    margin: 0 auto;
    min-height: 747px;
}
.on-d-tab-section .fant-choose-mob .wc-img-left {
    max-width: 369px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.on-d-tab-section .fant-choose-mob .wc-img-right {
    max-width: 418px;
    position: absolute;
    right: 0;
    bottom: -17px;
    z-index: 1;
}
.on-d-tab-section .all-features {
    margin-top: 30px;
}
.on-d-tab-section .all-features a {
    color: #8200f2;
}
.on-d-tab-section .all-features a .rotate-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    color: #8200f2;
    border: 1px solid #8200f2;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.on-d-tab-section .all-features a .rotate-icon i {
    font-size: 34px;
    margin-top: 10px;
}
.on-d-tab-section .all-features a .vff {
    display: block;
    font-size: 13px;
    font-family: "cera_pro_medium", Sans-serif;
}
.on-d-tab-section .all-features a.collapsed {
    color: #ff3d9d;
}
.on-d-tab-section .all-features a.collapsed .rotate-icon {
    color: #ff3d9d;
    border-color: #ff3d9d;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.service-centric .title-h3 {
    color: #fff;
}
.service-centric .centric-box {
    max-width: 350px;
    margin: 30px auto;
    position: relative;
}
.service-centric .centric-box img {
    width: 100%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}
.service-centric .centric-box span {
    display: inline-block;
    position: absolute;
    top: 32%;
    left: -30px;
    width: 70px;
    height: 70px;
    background-color: #fff;
    color: #fff;
    border: 7px solid #41189f;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    font-size: 34px;
    font-family: "cera_pro_bold";
    padding-top: 15px;
}
.service-centric .centric-box span.clr1 {
    background-color: #ff69bf;
}
.service-centric .centric-box span.clr2 {
    background-color: #fec841;
}
.service-centric .centric-box span.clr3 {
    background-color: #45b8fb;
}
.service-centric .centric-box span.clr4 {
    background-color: #fe6a3b;
}
.app-business {
    background-color: #f9f9f9;
}
.app-business .heading {
    margin-bottom: 30px;
    margin-top: 0;
}
.app-business .title-h3 {
    margin-bottom: 30px;
    margin-top: 0;
    padding-left: 100px;
}
.app-business .ab-box {
    margin-top: 50px;
    min-height: 200px;
    padding: 30px;
    background-color: #ffffff;
    margin-top: 30px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 25px 0px rgba(139, 180, 226, 0.4);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(139, 180, 226, 0.4);
    -moz-box-shadow: 0px 10px 25px 0px rgba(139, 180, 226, 0.4);
}
.app-business .ab-box abbr {
    display: inline-block;
    position: absolute;
    left: 30px;
    top: -10px;
    padding: 10px;
    -webkit-border-radius: 0px 0px 60% 60%;
    -moz-border-radius: 0px 0px 60% 60%;
    -ms-border-radius: 0px 0px 60% 60%;
    border-radius: 0px 0px 60% 60%;
    background: #ff3d9e;
    background: -moz-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff3d9e), color-stop(100%, #481891));
    background: -webkit-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: -o-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: -ms-linear-gradient(-45deg, #ff3d9e 0%, #481891 100%);
    background: linear-gradient(135deg, #ff3d9e 0%, #481891 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d9e', endColorstr='#481891', GradientType=1 );
}
.app-business .ab-box abbr:after {
    position: absolute;
    right: -10px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0px 10px;
    border-color: transparent transparent transparent #581c7f;
}
.app-business .ab-box abbr:before {
    position: absolute;
    left: -10px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0px 0;
    border-color: transparent #581c7f transparent transparent;
}
.on-dmnd-industries .heading {
    margin-bottom: 50px;
    margin-top: 0;
}
.on-dmnd-industries .od-ind-box {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 50px;
    position: relative;
}
.on-dmnd-industries .od-ind-box p {
    font-family: "cera_pro_medium", Sans-serif;
}
.on-dmnd-industries .od-ind-box:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    width: 10px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ff3d9d;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}
.on-dmnd-industries .all-features {
    margin-bottom: 50px;
    text-align: center;
}
.on-dmnd-industries .all-features a {
    color: #8200f2;
}
.on-dmnd-industries .all-features a .rotate-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    color: #8200f2;
    border: 1px solid #8200f2;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.on-dmnd-industries .all-features a .rotate-icon i {
    font-size: 34px;
    margin-top: 10px;
}
.on-dmnd-industries .all-features a .vff {
    display: block;
    font-size: 13px;
    font-family: "cera_pro_medium", Sans-serif;
}
.on-dmnd-industries .all-features a.collapsed {
    color: #ff3d9d;
}
.on-dmnd-industries .all-features a.collapsed .rotate-icon {
    color: #ff3d9d;
    border-color: #ff3d9d;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.on-d-tab {
    background-color: #481891;
}
.on-d-tab .oitTabs .nav-tabs {
    border-bottom: none;
    border-right: 1px solid #fff;
}
.on-d-tab .oitTabs .nav-tabs li {
    display: block;
    float: none;
    text-align: left;
}
.on-d-tab .oitTabs .nav-tabs li a {
    color: #fff;
    position: relative;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}
.on-d-tab .oitTabs .nav-tabs li a:after {
    content: "";
    position: absolute;
    right: -13px;
    top: 11px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #fff;
    background-color: #481891;
}
.on-d-tab .oitTabs .nav-tabs li.active a {
    color: #ff3d9d;
    background-color: transparent;
}
.on-d-tab .oitTabs .nav-tabs li.active a:after {
    background-color: #ff3d9d;
    border-color: #ff3d9d;
}
.on-d-tab .oitTabs .tab-content .on-d-tag {
    background-color: #fff;
    padding: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    min-height: 450px;
}
.on-d-tab .oitTabs .tab-content .on-d-tag li {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 10px 20px 40px 20px;
}
.on-d-tab .oitTabs .tab-content .on-d-tag li abbr {
    display: block;
}
.on-d-tab .oitTabs .tab-content .on-d-tag li abbr img {
    margin-bottom: 10px;
}
.on-d-tab .oitTabs .tab-content .on-d-tag li span {
    display: inline-block;
    padding: 2px 10px;
    font-size: 12px;
    color: #fff;
    background-color: #333;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}
.on-d-tab .title {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}
.hire-oad .title {
    text-align: center;
}
.hire-oad .oad-box {
    border-top: 1px solid #ccc;
    position: relative;
    margin-bottom: 50px;
    margin-top: 20px;
    padding-top: 20px;
}
.hire-oad .oad-box:before {
    content: "";
    position: absolute;
    left: 20px;
    top: -9px;
    width: 16px;
    height: 16px;
    background-color: #ff3d9d;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.on-d-section-3 {
    background-color: #f5f5f5;
    position: relative;
    overflow: hidden;
}
.on-d-section-3:before {
    content: "";
    position: absolute;
    left: -300px;
    bottom: 100px;
    width: 800px;
    height: 800px;
    background-color: #ff3d9d;
    -webkit-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    -moz-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    -ms-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    opacity: 0.1;
}
.on-d-section-3:after {
    content: "";
    position: absolute;
    right: -300px;
    top: 100px;
    width: 700px;
    height: 700px;
    background-color: #ff3d9d;
    -webkit-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    -moz-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    -ms-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    opacity: 0.1;
}
.on-d-section-3 .container {
    position: relative;
    z-index: 1;
}
.on-d-section-3 .title-h2 {
    text-align: center;
    margin-top: 0;
}
.on-d-section-3 p {
    text-align: center;
    margin-bottom: 30px;
}
.on-d-section-3 .sec-3-box {
    background-color: #fff;
    padding: 80px 30px 30px 30px;
    position: relative;
    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    margin-top: 80px;
}
.on-d-section-3 .sec-3-box:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    height: 15px;
    background-color: #41189f;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}
.on-d-section-3 .sec-3-box.min-height {
    min-height: 490px;
}
.on-d-section-3 .sec-3-box h3 {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #41189f;
}
.on-d-section-3 .sec-3-box h4 {
    position: relative;
    padding-left: 65px;
}
.on-d-section-3 .sec-3-box h4 img {
    position: absolute;
    left: 0;
    top: -20px;
}
.on-d-section-3 .sec-3-box .sec-ico {
    position: absolute;
    left: 0px;
    right: 0;
    top: -60px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 120px;
    text-align: center;
    display: inline-block;
    background-color: #00aaf2;
    -webkit-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    -moz-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    -ms-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    background: #f09;
    background-image: -webkit-linear-gradient(bottom left, #3023ae 0%, #f09 100%);
    background-image: -o-linear-gradient(bottom left, #3023ae 0%, #f09 100%);
    background-image: linear-gradient(to top right, #3023ae 0%, #f09 100%);
    box-shadow: -3vmin 1vmin 0 rgba(0, 0, 0, 0.07);
}
.on-d-section-3 .sec-3-box .sec-ico img {
    margin-top: 15px;
}
.on-d-section-3 .sec-3-box ul {
    margin-left: 45px;
    margin-bottom: 30px;
}
.on-d-section-3 .sec-3-box ul li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
}
.on-d-section-3 .sec-3-box ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background-color: #41189f;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
}
.on-d-industries-set .on-d-flex {
    margin-top: 30px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
}
.on-d-industries-set .on-d-flex.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.on-d-industries-set .on-d-flex li {
    width: 25%;
    text-align: center;
    padding: 2.5rem 1.25rem 2.25rem;
    border-right: 0.0625rem solid rgba(115, 115, 115, 0.2);
    border-bottom: 0.0625rem solid rgba(115, 115, 115, 0.2);
    -webkit-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
.on-d-industries-set .on-d-flex li:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.on-d-industries-set .on-d-flex li:nth-child(4n) {
    border-right: none;
}
.on-d-industries-set .on-d-flex li:nth-last-child(1) {
    border-bottom: none;
}
.on-d-industries-set .on-d-flex li:nth-last-child(2) {
    border-bottom: none;
}
.on-d-industries-set .on-d-flex li:nth-last-child(3) {
    border-bottom: none;
}
.on-d-industries-set .on-d-flex li:nth-last-child(4) {
    border-bottom: none;
}
.on-d-industries-set .on-d-flex li p {
    font-family: "cera_pro_medium", Sans-serif;
    margin-top: 10px;
}
.blockchain-application-crypto.big-data-section.on-d-key-features {
    min-height: 600px;
}
.blockchain-application-crypto.big-data-section.on-d-key-features:after {
    height: 400px;
}
.blockchain-application-crypto.big-data-section.on-d-key-features .title-h3 {
    text-align: center;
}
.blockchain-application-crypto.big-data-section.on-d-key-features .title-h3.cntr {
    margin-top: 0;
}
.blockchain-application-crypto.big-data-section.dev-service-providers.on-d-key-features .blockchain-content hr {
    margin: 30px 0;
}
.odi-solutions {
    padding: 100px 0;
}
.odi-solutions .title-h2 {
    text-align: center;
}
.odi-solutions .image-bg {
    width: 100%;
    height: 400px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-top: 30px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}
.odi-solutions .image-bg .image-shop-scroll {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 1s ease-out 0s;
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
}
.odi-solutions .image-bg:hover {
    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.3);
}
.odi-solutions .image-bg:hover .image-shop-scroll {
    background-position: center 100% !important;
    filter: blur(8px);
    -webkit-filter: blur(8px);
}
.odi-solutions .image-bg:hover .odi-overly-box {
    bottom: 0;
}
.odi-solutions .image-bg .odi-overly-box {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    padding: 30px;
    color: #fff;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}
.odi-solutions .image-bg .odi-overly-box .title-h3 {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 5%;
}
.odi-solutions .image-bg .odi-overly-box p {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 10%;
}
.odi-solutions .image-bg .odi-overly-box .style_6 {
    background-color: #08d6f2;
}
@media (max-width: 1440px) {
    .odi-solutions .image-bg .odi-overly-box .title-h3 {
        margin-bottom: 20px;
        font-size: 22px;
    }
    .odi-solutions .image-bg .odi-overly-box p {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .blockchain-application-crypto.on-d-key-features p {
        margin-bottom: 0;
    }
    .blockchain-application-crypto.on-d-key-features .blockchain-content {
        display: block;
    }
    .on-d-industries-set .on-d-flex li {
        width: 100%;
        border-right: none;
    }
    .on-d-industries-set .on-d-flex li:nth-child(3n) {
        border-right: none;
    }
    .on-d-industries-set .on-d-flex li:nth-last-child(1) {
        border-bottom: 0.0625rem solid rgba(115, 115, 115, 0.2);
    }
    .on-d-industries-set .on-d-flex li:nth-last-child(2) {
        border-bottom: 0.0625rem solid rgba(115, 115, 115, 0.2);
    }
    .on-d-industries-set .on-d-flex li:nth-last-child(3) {
        border-bottom: 0.0625rem solid rgba(115, 115, 115, 0.2);
    }
    .on-d-industries-set .on-d-flex li:nth-last-child(4) {
        border-bottom: 0.0625rem solid rgba(115, 115, 115, 0.2);
    }
}
.client-videos {
    background-color: #f9f9f9;
    position: relative;
    overflow: hidden;
}
.client-videos .title {
    font-size: 30px;
    text-align: center;
    position: relative;
    color: #51546a;
    z-index: 1;
    margin-bottom: 30px;
    margin-top: 0px;
}
.client-videos .video-box {
    max-width: 450px;
    display: inline-block;
    margin: 0 auto;
    background-color: #000;
    padding: 3px;
    position: relative;
}
.client-videos .video-box i {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 40px;
    margin: auto;
    cursor: pointer;
}
.client-videos .video-box img {
    width: 100%;
}
.client-videos .short-dsi {
    text-align: center;
    margin-top: 10px;
}
.client-videos .short-dsi .title-h5 {
    display: inline-block;
    font-size: 15px;
    font-family: "cera_pro_bold";
    background-color: #000;
    color: #fff;
    padding: 5px 15px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}
.client-videos .short-dsi .title-h5 abbr {
    font-family: "cera_pro_medium", Sans-serif;
    font-size: 14px;
}
.client-videos:before {
    position: absolute;
    top: -50%;
    right: 73%;
    content: "";
    width: 1000px;
    height: 1000px;
    background: #4d00ab;
    -moz-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
}
.client-videos .box-gap {
    position: relative;
    margin-top: 50px;
}
.client-videos .box-gap .title-h3 {
    font-size: 19px;
    margin-bottom: 20px;
    text-align: left;
    font-family: "cera_pro_bold";
}
.client-videos .box-gap p {
    text-align: left;
    font-family: "cera_pro_medium", Sans-serif;
}
.client-videos .box-gap:before {
    content: "f10d";
    font-family: "FontAwesome";
    position: absolute;
    left: -30px;
    top: -30px;
    font-size: 40px;
    color: #4d00ab;
}
.client-videos .box-gap:after {
    content: "f10e";
    font-family: "FontAwesome";
    position: absolute;
    right: -30px;
    bottom: -30px;
    font-size: 40px;
    color: #ccc;
}
.client-videos .owl-carousel .owl-nav button {
    top: 40%;
    position: absolute;
    background-color: #fff;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #000;
    display: inline-block;
}
.client-videos .owl-carousel .owl-nav button.fa-chevron-right {
    right: 0;
    border-color: #4d00ab;
    color: #4d00ab;
}
.client-videos .owl-carousel .owl-nav button.fa-chevron-left {
    left: 0;
    border-color: #fff;
    color: #fff;
    background-color: #4d00ab;
}
.modal.videoModal .modal-dialog {
    max-width: 800px;
    top: 10%;
}
.modal.videoModal .modal-dialog .modal-body {
    padding: 7px 7px 0px 7px;
}
.modal.videoModal .modal-dialog .modal-body .youtube-player {
    position: relative;
}
.modal.videoModal .modal-dialog .modal-body .youtube-player img {
    width: 100%;
    margin-bottom: 7px;
}
.modal.videoModal .modal-dialog .modal-body .youtube-player .play {
    cursor: pointer;
    border: none;
    position: absolute;
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    background: url(../img/v-play-min.png) no-repeat;
    box-shadow: none;
    border-radius: 0;
    transition: none;
    z-index: 1;
}
.modal.videoModal .modal-dialog iframe {
    width: 100%;
    height: 438px;
}
.modal.videoModal .modal-dialog .modal-header {
    padding: 0;
    border: none;
    position: relative;
}
.modal.videoModal .modal-dialog .modal-header button.close {
    position: absolute;
    right: -30px;
    top: -26px;
    color: #fff;
    opacity: 1;
    font-size: 30px;
}
.new-home-banner {
    height: 100%;
    min-height: 853px;
    padding-bottom: 50px;
}
.new-home-banner .video-frame {
    max-width: 300px;
    margin: 130px auto 0 auto;
    position: relative;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
}
@-webkit-keyframes rotateanim {
   from {
      top: -15px
   }
   50% {
      top: 15px
   }
   to {
      top: -15px
   }
}
.new-home-banner .video-frame .video-cover,
.rotateanim{
   transition: .4s;
    position: relative;
   animation: rotateanim 2s infinite;
}
.new-home-banner .video-frame .video-cover {
    width: 100%;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
}
.new-home-banner .video-frame .video-cover img {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
}
.new-home-banner .video-frame img {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
}
.new-home-banner .b-content {
    border: 1px solid #fff;
    margin-bottom: 30px;
    margin-top: 130px;
}
.new-home-banner .b-content .b-heading {
    font-size: 2.7rem;
    line-height: 55px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0px;
    font-family: "cera_pro_bold";
    padding: 30px;
}
.new-home-banner .b-content .b-heading h1 {
    display: inline;
    margin: 0;
    padding: 0;
}
.new-home-banner .b-content .b-heading h1 br {
    display: none;
}
.new-home-banner .b-content .company-services {
    margin: 0 0 50px 0;
    padding: 0 30px;
}
.new-home-banner .b-content .company-services li {
    display: inline-block;
    color: #fff;
    vertical-align: top;
    font-family: "cera_pro_medium", Sans-serif;
}
.new-home-banner .b-content .company-services li a {
    color: #fff;
    margin: 5px 10px;
    display: inline-block;
}
.new-home-banner .b-content .company-services li a:hover {
    color: #fff;
}
.new-home-banner .b-content .b-footer {
    position: relative;
    background-color: #fff;
    padding: 30px;
}
.new-home-banner .b-content .b-footer p {
    color: #333;
    padding: 0 0px;
    font-size: 18px;
    font-family: "cera_pro_medium", Sans-serif;
    margin-bottom: 0px;
}
.new-home-banner .b-content .b-footer .cs {
    position: absolute;
    left: 20px;
    top: -17px;
    background-color: #ff3d9d;
    padding: 7px 20px;
    color: #fff;
    font-size: 14px;
    font-family: "cera_pro_medium", Sans-serif;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.new-home-banner .btn-control {
    text-align: right;
}
.new-home-banner .btn-control .get_quote {
    transition: 0.5s;
    animation: pulseaim1 2.5s infinite cubic-bezier(.66, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(255,255,255,0.60);
}
.new-home-banner .title-h3 {
    color: #fff;
    margin-top: 32px;
}
.new-home-banner .owl-toprated {
    margin-top: 50px;
}
.new-home-banner .owl-toprated .item {
    text-align: center;
}
.new-home-banner .owl-toprated .item img {
    max-width: 150px;
    width: 100%;
    display: inline-block;
}
.new-home-banner .owl-nav button,
.new-home-banner .owl-nav button:hover{
    background: none;
    border: none;
    font-size: 40px;
    position: absolute;
    top: 29%;
    color: #fff;
}
.new-home-banner .owl-nav button.fa-angle-left {
    left: 0;
}
.new-home-banner .owl-nav button.fa-angle-right {
    right: 0;
}
.new-home-banner .owl-nav button.fa:hover,
.new-home-banner .owl-nav button.fa:focus{ border-style: none !important; }
.clone-scripts-app {
    position: relative;
}
.clone-scripts-app .heading {
    text-align: center;
}
.clone-scripts-app .clone-card {
    margin-top: 50px;
    text-align: left;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(77, 0, 171, 0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(77, 0, 171, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(77, 0, 171, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
.clone-scripts-app .clone-card .card-body {
    padding: 70px 30px 30px 30px;
    min-height: 300px;
}
.clone-scripts-app .clone-card .card-body .clone-app-name {
    font-size: 24px;
    font-family: "cera_pro_bold";
    margin-bottom: 10px;
}
.clone-scripts-app .clone-card .card-body .clone-app-destination {
    font-size: 16px;
    font-family: "cera_pro_bold";
    margin-bottom: 10px;
}
.clone-scripts-app .clone-card:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #4d00ab;
    padding: 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}
.clone-scripts-app .clone-card.cf1:before {
    background-color: #0f3343;
}
.clone-scripts-app .clone-card.cf2:before {
    background-color: #e96125;
}
.clone-scripts-app .clone-card.cf3:before {
    background-color: #fe595f;
}
.clone-scripts-app .clone-card.cf4:before {
    background-color: #26d367;
}
.clone-scripts-app .clone-card.cf5:before {
    background-color: #65b30c;
}
.clone-scripts-app .clone-card.cf6:before {
    background-color: #fcb501;
}
.clone-scripts-app .clone-card.cf7:before {
    background-color: #ee5a36;
}
.clone-scripts-app .clone-card.cf8:before {
    background-color: #e22a8c;
}
.clone-scripts-app .clone-card.cf9:before {
    background-color: #f5881f;
}
.clone-scripts-app .clone-card.cf10:before {
    background-color: #ed1c23;
}
.clone-scripts-app .clone-card.cf11:before {
    background-color: #f5cb15;
}
.clone-scripts-app .clone-card.cf12:before {
    background-color: #f1641d;
}
.clone-scripts-app .clone-card.cf13:before {
    background-color: #d04e26;
}
.clone-scripts-app .clone-card.cf14:before {
    background-color: #f6b801;
}
.clone-scripts-app .clone-card.cf15:before {
    background-color: #e23845;
}
.clone-scripts-app .clone-card.cf16:before {
    background-color: #f7941d;
}
.clone-scripts-app .clone-card.cf17:before {
    background-color: #bc463d;
}
.clone-scripts-app .clone-card.cf18:before {
    background-color: #0d2250;
}
.clone-scripts-app .clone-card.cf19:before {
    background-color: #136da7;
}
.clone-scripts-app .clone-card.cf20:before {
    background-color: #008e24;
}
.clone-scripts-app .clone-card.cf21:before {
    background-color: #ffa600;
}
.clone-scripts-app .clone-card.cf22:before {
    background-color: #e64954;
}
.clone-scripts-app .clone-card.cf23:before {
    background-color: #f7941d;
}
.clone-scripts-app .clone-card.cf24:before {
    background-color: #1b1b1b;
}
.clone-scripts-app .clone-card.cf25:before {
    background-color: #00ae28;
}
.clone-scripts-app .clone-card.cf26:before {
    background-color: #b700a8;
}
.clone-scripts-app .clone-card.cf27:before {
    background-color: #ffca00;
}
.clone-scripts-app .clone-card.cf28:before {
    background-color: #1b1b1b;
}
.clone-scripts-app .clone-card.cf29:before {
    background-color: #5503dd;
}
.clone-scripts-app .clone-card .app-badge {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    border: 10px solid #fff;
    position: absolute;
    left: 20px;
    top: -50px;
    overflow: hidden;
}
.clone-scripts-app .clone-card .app-badge img {
    width: 100%;
}
.clone-scripts-app .owl-clone-script .owl-stage-outer {
    padding-top: 30px;
    padding-bottom: 30px;
}
.clone-scripts-app .owl-clone-script .item {
    padding: 0px;
}
.clone-scripts-app .owl-clone-script .owl-nav button {
    background: none;
    border: none;
    font-size: 40px;
    position: absolute;
    top: 48%;
}
.clone-scripts-app .owl-clone-script .owl-nav button.fa-angle-left {
    left: -2%;
}
.clone-scripts-app .owl-clone-script .owl-nav button.fa-angle-right {
    right: -2%;
}
.clone-scripts-app .owl-clone-script .owl-dots {
    text-align: center;
}
.clone-scripts-app .owl-clone-script .owl-dots button {
    width: 10px;
    height: 5px;
    background-color: #8200f2;
    margin: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
.clone-scripts-app .owl-clone-script .owl-dots button.active {
    background-color: #ff3d9d;
    width: 20px;
}
.healthcare-about-section .title {
    text-align: center;
}
.healthcare-about-section .title-h3 {
    text-align: left;
    margin-top: 0;
}
.healthcare-about-section .one-box p {
    text-align: left;
}
.healthcare-about-section .one-box ul li {
    text-align: left;
    margin-bottom: 10px;
}
.healthcare-whychoose .title {
    text-align: left;
}
.healthcare-whychoose .btn {
    margin-top: 50px;
}
.user-information {
    background-color: #f5f5f5;
}
.user-information .title {
    text-align: center;
}
.user-information p {
    text-align: center;
}
.user-information .list {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 50px;
}
.user-information .list li {
    display: inline-block;
    font-weight: 700;
    width: 19.6%;
    vertical-align: top;
    background-color: #f9f9f9;
    color: #000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    min-height: 150px;
    position: relative;
    padding: 40px 10px 10px 10px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.user-information .list li .inc {
    display: inline-block;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: 6px solid #fff;
    transition: all 0.3s ease-in-out;
}
.user-information .list li .inc img {
    margin-top: 8px;
}
.user-information .list li small {
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    font-family: "cera_pro_medium", Sans-serif;
    margin-top: 10px;
    background: #41189f;
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}
.user-information .list li.bg1 {
    background-color: #008fe6;
}
.user-information .list li.bg1 .inc {
    border-color: #008fe6;
}
.user-information .list li.bg2 {
    background-color: #ff3871;
}
.user-information .list li.bg2 .inc {
    border-color: #ff3871;
}
.user-information .list li.bg3 {
    background-color: #5159bb;
}
.user-information .list li.bg3 .inc {
    border-color: #5159bb;
}
.user-information .list li.bg4 {
    background-color: #683999;
}
.user-information .list li.bg4 .inc {
    border-color: #683999;
}
.user-information .list li.bg5 {
    background-color: #00bec8;
}
.user-information .list li.bg5 .inc {
    border-color: #00bec8;
}
.user-information .list li .title-h4 {
    color: #fff;
}
.user-information .list li:hover {
    transform: translate(0, -15px);
    -webkit-transform: translate(0, -15px);
    -moz-transform: translate(0, -15px);
    -webkit-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    -moz-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    position: relative;
    z-index: 1;
}
.user-information .list li:hover .inc {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.user-information .title-h3 {
    text-align: center;
}
.healthcare-app-categorization .title {
    text-align: center;
}
.healthcare-app-categorization .hac-box {
    text-align: center;
    margin: 30px 0;
}
.healthcare-app-categorization .colorBar {
    background-color: #8200f2;
    padding: 10px 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 30px;
}
.healthcare-app-categorization .pie_img {
    max-width: 460px;
    width: 100%;
    margin: 30px auto 0;
}
.healthcare-app-categorization .pie-list li {
    font-weight: 500;
    position: relative;
    margin: 5px 0;
}
.healthcare-app-categorization .pie-list li abbr {
    background-color: #ccc;
    width: 10px;
    height: 10px;
    display: inline-block;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    color: #fff;
    font-family: "cera_pro_medium", Sans-serif;
}
.healthcare-app-categorization .pie-list li abbr.clr1 {
    background-color: #f5b900;
}
.healthcare-app-categorization .pie-list li abbr.clr2 {
    background-color: #e87d00;
}
.healthcare-app-categorization .pie-list li abbr.clr3 {
    background-color: #e40021;
}
.healthcare-app-categorization .pie-list li abbr.clr4 {
    background-color: #00a475;
}
.healthcare-app-categorization .pie-list li abbr.clr5 {
    background-color: #7e2f8e;
}
.healthcare-app-categorization .pie-list li abbr.clr6 {
    background-color: #2e61ae;
}
.healthcare-app-categorization .pie-list li abbr.clr7 {
    background-color: #b50054;
}
.healthcare-app-categorization .pie-list li abbr.clr8 {
    background-color: #79bb47;
}
.healthcare-app-categorization .pie-list li span {
    font-family: "cera_pro_bold";
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
}
.healthcare-app-categorization .title-h3 {
    margin-top: 30px;
}
.educational-app-about-section .title {
    text-align: center;
}
.educational-app-about-section p {
    text-align: center;
}
.educational-app-tab .ead-img {
    max-width: 554px;
    margin: 40px auto 0 auto;
}
.educational-app-tab .ead-img img {
    width: 100%;
}
.educational-app-tab .tabs_points {
    margin-top: 40px;
}
.educational-app-tab .tabs_points li {
    margin-top: 15px;
}
.unique-features {
    background-color: #f5f5f5;
}
.unique-features .title {
    text-align: center;
}
.cookieModal .pop-row {
    margin-bottom: 20px;
}
.cookieModal .modal-dialog {
    width: 480px;
}
.cookieModal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    position: static;
    background-color: #8200f2;
    padding: 20px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.cookieModal .modal-dialog .modal-content .modal-header .modal-title {
    text-align: center;
    font-size: 28px;
    color: #fff;
}
.cookieModal .modal-dialog .modal-content .modal-header .sub {
    text-align: center;
    color: #fff;
}
.cookieModal .modal-dialog .modal-content .modal-body {
    padding: 20px;
}
.cookieModal .modal-dialog .modal-content .modal-body .pop-btn {
    text-align: center;
}
.cookieModal .modal-dialog .modal-content .modal-body .pop-row .form-control {
    border-radius: 0;
    height: auto;
    padding: 10px;
}
.cookieModal .close {
    position: absolute;
    right: 113px;
    top: 70px;
    z-index: 99;
    font-size: 40px;
    opacity: 0.1;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
}
.talend-data-integration .bx-set li {
    display: inline-block;
    vertical-align: top;
    width: 17.7%;
    margin: 0 12px;
}
.talend-pic .tp {
    max-width: 1170px;
    margin: 0 auto;
}
.talend-pic .tp img {
    width: 100%;
}
.big-data-section .title-h3 {
    color: #333;
    text-align: left;
}
.big-data-section .title-h2 {
    color: #333;
}
.big-data-section .values_point li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 16px;
}
.big-data-section .values_point li:after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 9px;
    background-color: #333;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}
.big-data-sec .title-h2 {
    margin-bottom: 50px;
}
.big-data-sec .title-h4 {
    font-family: "cera_pro_bold";
}
.devops-services .ab-box {
    margin-bottom: 20px;
}
.dev-service-providers .blockchain-content .box-p {
    color: #333;
}
.dev-service-providers .blockchain-content hr {
    margin: 50px 0;
}
.banner_ios_section.jaipur-banner {
    background: #41189f;
}
.banner_ios_section.jaipur-banner:after {
    display: none;
}
.jaipur-banner .banner-box {
    border: 1px solid #fff;
    margin-top: 0px;
}
.jaipur-banner .banner-box .box-padding {
    padding: 30px;
}
.jaipur-banner .banner-box .box-padding .titleTop {
    font-size: 36px;
}
.jaipur-banner .banner-box .box-padding p {
    font-family: "cera_pro_medium", Sans-serif;
}
.jaipur-banner .banner-box .box-footer {
    padding: 30px;
    background-color: #fff;
}
.jaipur-banner .banner-box .box-footer p {
    color: #333;
    margin: 0;
    font-family: "cera_pro_medium", Sans-serif;
}
.jaipur-banner .sb-title {
    color: #fff;
    margin-top: 50px;
    text-align: center;
}
.jaipur-banner .review-logo {
    max-width: 487px;
    margin: 20px auto 0 auto;
}
.jaipur-banner .review-logo img {
    width: 100%;
}
.banner_ios_section.saleforce-custome-page.jaipur-banner .container .subContent h1.titleTop {
    margin-top: 0;
}
.jaipur-services .title-h3 {
    padding-left: 80px;
    font-size: 18px;
}
.jaipur-services .ab-box {
    padding: 20px;
    min-height: 220px;
}
.jaipur-services .ab-box abbr {
    left: 20px;
}
.jaipur-app-slider {
    background: -webkit-linear-gradient(left, #f87c21, #f8801f);
    background: linear-gradient(left, #f87c21, #f8801f);
    overflow: hidden;
    position: relative;
}
.jaipur-app-slider .title {
    color: #ffffff;
    line-height: 1;
    position: absolute;
    left: 4%;
    top: 60px;
    z-index: 2;
}
.jaipur-app-slider .jaipur-folio-app {
    min-height: 800px;
    max-height: 800px;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-left: 4%;
    padding-right: 2%;
    position: relative;
    padding-top: 200px;
    padding-bottom: 200px;
    transition: 1s;
}
.jaipur-app-slider .jaipur-folio-app.jpr-app1 {
    background-color: #f46032;
    background-image: url(../img/mutter-001.jpg);
}
.jaipur-app-slider .jaipur-folio-app.jpr-app2 {
    background-color: #b72323;
    background-image: url(../img/mutter-002.jpg);
}
.jaipur-app-slider .jaipur-folio-app.jpr-app3 {
    background-color: #10b9ce;
    background-image: url(../img/mutter-003.jpg);
}
.jaipur-app-slider .jaipur-folio-app.jpr-app4 {
    background-color: #c73536;
    background-image: url(../img/mutter-004.jpg);
}
.jaipur-app-slider .jaipur-folio-app.jpr-app5 {
    background-color: #00bbd4;
    background-image: url(../img/mutter-005.jpg);
}
.jaipur-app-slider .jaipur-folio-app .portfolio-content {
    text-align: left;
}
.jaipur-app-slider .jaipur-folio-app .portfolio-content .title-h4 {
    color: #ffffff;
    font-size: 46px;
    line-height: 1;
    font-family: "cera_pro_bold";
}
.jaipur-app-slider .jaipur-folio-app .portfolio-content p {
    color: #ffffff;
    font-weight: 400;
    margin-top: 35px;
    margin-bottom: 35px;
}
.jaipur-app-slider .owl-jaipur-app .owl-item img {
    width: auto;
}
.jaipur-app-slider .owl-jaipur-app .owl-item img.btn-store {
    width: 170px;
}
.jaipur-app-slider .owl-nav button {
    background: none;
    border: none;
    color: #fff;
    font-size: 50px;
    position: absolute;
    top: 46%;
}
.jaipur-app-slider .owl-nav button.fa-angle-left {
    left: 20px;
}
.jaipur-app-slider .owl-nav button.fa-angle-right {
    right: 20px;
}
.dd-jaipur .title {
    text-align: center;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 40px;
}
.dd-jaipur .ss-box {
    min-height: 170px;
    border: 1px solid #cccccc;
    text-align: center;
    margin-bottom: 30px;
    padding: 20px 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.dd-jaipur .ss-box:hover {
    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
}
.dd-jaipur .ss-box p {
    font-family: "cera_pro_medium", Sans-serif;
    margin-bottom: 0px;
    margin-top: 10px;
}
.dd-jaipur .btn {
    padding: 12px 30px;
    margin-top: 30px;
}
.dd-jaipur .tag {
    text-align: center;
    background-color: #2d158d;
    padding: 20px;
    position: relative;
    min-height: 104px;
}
.dd-jaipur .tag:before {
    content: "";
    position: absolute;
    right: -26px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 0px 50px;
    border-color: transparent transparent transparent #2d158d;
}
.dd-jaipur .tag .ttl {
    color: #fff;
    font-family: "cera_pro_medium", Sans-serif;
    line-height: normal;
}
.dd-jaipur .tag .ttl h3 {
    font-size: 16px;
    margin: 0;
    color: #fff;
}
.dd-jaipur .all-features {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -48px;
    margin-left: auto;
    margin-right: auto;
}
.dd-jaipur .all-features a {
    color: #e62162;
}
.dd-jaipur .all-features a.collapsed {
    color: #2d158d;
}
.dd-jaipur .all-features a.collapsed .rotate-icon {
    color: #2d158d;
    border-color: #2d158d;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.dd-jaipur .all-features a .rotate-icon {
    background-color: #fff;
    display: inline-block;
    width: 60px;
    height: 60px;
    color: #e62162;
    border: 3px solid #e62162;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.dd-jaipur .all-features a .rotate-icon i {
    font-size: 34px;
    margin-top: 10px;
}
.dd-jaipur .all-features a .vff {
    display: block;
    font-size: 13px;
}
.jaipur-about {
    background-color: #f6f8ff;
}
.jaipur-about .title {
    margin-bottom: 30px;
}
.jaipur-about p {
    margin-bottom: 30px;
}
.jaipur-about .jpr-about {
    max-width: 604px;
    width: 100%;
    margin: 0 auto;
}
.jaipur-readymade.ar-ds-experts img {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}
.flutter-technology {
    background-color: #f6f8ff;
}
.flutter-technology .title-h2 {
    text-align: center;
    margin: 0px 0 20px;
}
.flutter-technology p {
    text-align: center;
}
.flutter-technology .flutter-box {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 35px 15px 15px 15px;
    border: 1px solid #fff;
    text-align: center;
    position: relative;
    margin-top: 50px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.flutter-technology .flutter-box .title-h3 {
    position: absolute;
    padding: 10px;
    background-color: #ff3d9d;
    top: -22px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: "cera_pro_bold";
    font-size: 21px;
    width: 150px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
}
.flutter-technology .flutter-box .title-h3 a {
    color: #fff;
    display: inline-block;
}
.flutter-technology .flutter-box .ft-technology {
    margin-top: 30px;
    text-align: center;
}
.flutter-technology .flutter-box .ft-technology img {
    margin-bottom: 10px;
}
.flutter-technology .flutter-box .ft-technology p {
    margin-bottom: 0px;
}
.flutter-bar {
    background-color: #00007f;
    position: relative;
    min-height: 165px;
}
.flutter-bar:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30%;
    background: #f0f0f0;
    background: -moz-linear-gradient(top, #f0f0f0 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top, #f0f0f0 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #f0f0f0 0%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e5e5e5',GradientType=0 );
}
.flutter-bar .title-h2 {
    color: #fff;
    
    margin-top: 46px;
    line-height: normal;
    margin-bottom: 0;
}
.flutter-bar .title-h2 span {
    font-family: "cera_pro_bold";
    display: block;
}
.flutter-bar .page-fold {
    background-image: url(../img/page-fold.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 165px;
    text-align: right;
}
.flutter-bar .page-fold .btn {
    margin-top: 55px;
}
.on-dmnd-industries.flutter-adis .heading {
    margin-bottom: 30px;
}
.on-dmnd-industries.flutter-adis p {
    text-align: center;
    margin-bottom: 50px;
}
.on-dmnd-industries.flutter-adis .owl-addmobile1 {
    display: block;
    margin: 0;
}
.on-dmnd-industries.flutter-adis .owl-addmobile1 .owl-item {
    padding-top: 30px;
}
.on-dmnd-industries.flutter-adis .owl-addmobile1 .owl-item img {
    width: auto;
    margin: 0 auto;
}
.on-dmnd-industries.flutter-adis .owl-addmobile1 .owl-nav {
    text-align: center;
}
.on-dmnd-industries.flutter-adis .owl-addmobile1 .owl-nav button {
    background: none;
    border: none;
    position: absolute;
    top: 40%;
    box-shadow: none;
    font-size: 22px;
}
.on-dmnd-industries.flutter-adis .owl-addmobile1 .owl-nav button.fa-chevron-left {
    left: 0;
}
.on-dmnd-industries.flutter-adis .owl-addmobile1 .owl-nav button.fa-chevron-right {
    right: 0;
}
.sports-games-solutions.flutter-ada {
    background: #f5f5f5;
}
.sports-games-solutions.flutter-ada h2 {
    color: #51546a;
}
.sports-games-solutions.flutter-ada p {
    color: #51546a;
}
.sports-games-solutions.flutter-ada .single-icon-box {
    margin-bottom: 0;
}
.sports-games-solutions.flutter-ada .single-icon-box .bx-footer {
    padding: 0;
    color: #51546a;
}
.sports-games-solutions.flutter-ada .owl-addmobile2 {
    display: block;
    margin: 0;
}
.sports-games-solutions.flutter-ada .owl-addmobile2 .owl-item {
    padding-top: 30px;
}
.sports-games-solutions.flutter-ada .owl-addmobile2 .owl-item img {
    width: auto;
    margin: 14px auto;
}
.sports-games-solutions.flutter-ada .owl-addmobile2 .owl-nav {
    text-align: center;
}
.sports-games-solutions.flutter-ada .owl-addmobile2 .owl-nav button {
    background: none;
    border: none;
    position: absolute;
    top: 40%;
    box-shadow: none;
    font-size: 22px;
    color: #fff;
}
.sports-games-solutions.flutter-ada .owl-addmobile2 .owl-nav button.fa-chevron-left {
    left: 0;
}
.sports-games-solutions.flutter-ada .owl-addmobile2 .owl-nav button.fa-chevron-right {
    right: 0;
}
.food-delivery-app-about p a {
    color: #8200f2;
}
.food-delivery-app-about.taxi-about-section .fantasy-about-list li h3 {
    font-size: 18px;
    
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
.food-delivery-app-about.taxi-about-section .fantasy-about-list li br {
    display: none;
}
.flutter-convert .owl-hiretop {
    display: block;
    margin: 0;
}
.flutter-convert .owl-hiretop .owl-item {
    padding-top: 30px;
}
.flutter-convert .owl-hiretop .owl-item img {
    width: auto;
    margin: 14px auto;
}
.flutter-convert .owl-hiretop .owl-nav {
    text-align: center;
}
.flutter-convert .owl-hiretop .owl-nav button {
    background: none;
    border: none;
    position: absolute;
    top: 40%;
    box-shadow: none;
    font-size: 22px;
}
.flutter-convert .owl-hiretop .owl-nav button.fa-chevron-left {
    left: 0;
}
.flutter-convert .owl-hiretop .owl-nav button.fa-chevron-right {
    right: 0;
}
.uk9hz-bnr {
    height: auto;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
    background-image: url(../img/uk-bg1.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.uk9hz-bnr:before {
    content: "";
    position: absolute;
    right: 50px;
    bottom: 100px;
    width: 500px;
    height: 500px;
    background-color: #fff;
    opacity: 0.1;
    z-index: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}
.uk9hz-bnr:after {
    content: "";
    position: absolute;
    right: 450px;
    bottom: 450px;
    width: 500px;
    height: 500px;
    background-color: #fff;
    opacity: 0.1;
    z-index: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}
.uk9hz-bnr .italic {
    font-style: italic;
}
.uk9hz-bnr .uk-bnr-list {
    margin-bottom: 30px;
}
.uk9hz-bnr .uk-bnr-list li {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    margin-right: 10px;
    color: #fff;
    border: 1px dashed rgba(255, 255, 255, 0.3);
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    font-size: 14px;
}
.uk9hz-bnr .uk-bnr-list li:before {
    content: "";
    position: absolute;
    left: -3px;
    top: 18px;
    width: 6px;
    height: 6px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.uk9hz-bnr .container-fluid {
    position: relative;
    z-index: 1;
}
.uk9hz-bnr h1 {
    padding-top: 25%;
    color: #fff;
    margin-bottom: 40px;
}
.uk9hz-bnr p {
    color: #fff;
    margin-bottom: 30px;
}
.uk9hz-bnr .btn {
    margin-top: 30px;
}
.uk9hz-bnr .style_2 {
    padding: 18px 30px;
}
.uk9hz-bnr .container-fluid {
    display: table;
    height: 100%;
    max-width: 90%;
}
.uk9hz-bnr .container-fluid .subContent {
    display: table-cell;
    vertical-align: middle;
}
.uk9hz-bnr .uk-mobile {
    max-width: 681px;
    margin: 100px auto 0 auto;
    position: relative;
    z-index: 3;
}
.uk-about-section .uk-abt-img {
    position: relative;
    margin: 30px auto 0 auto;
}
.uk-about-section .uk-abt-img:before {
    content: "";
    position: absolute;
    left: 50px;
    top: 0;
    right: 50px;
    bottom: 44px;
    background-color: #f9f9f9;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}
.uk-about-section .uk-abt-img img {
    max-width: 500px;
    width: 100%;
    position: relative;
    z-index: 1;
}
.uk-about-section .title-h2 {
    margin-bottom: 30px;
}
.uk-about-section p {
    margin-bottom: 30px;
}
.uk-about-section .uk-abt-list {
    margin-top: 20px;
    margin-bottom: 30px;
}
.uk-about-section .uk-abt-list li {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    margin: 10px;
}
.uk-about-section .uk-abt-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #333;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.uk-achievement {
    background-color: #41189f;
}
.uk-achievement .uk-counter span {
    color: #fff;
    font-size: 40px;
    font-family: "cera_pro_bold";
}
.uk-achievement .uk-counter abbr {
    color: #fff;
    font-size: 40px;
    font-family: "cera_pro_medium", Sans-serif;
}
.uk-achievement .uk-counter p {
    color: #fff;
    margin-bottom: 0;
    margin-top: 10px;
}
.uk-tab-section {
    background-color: #f9f9f9;
}
.uk-tab-section .title-h2 {
    margin-bottom: 20px;
    text-align: center;
}
.uk-tab-section p {
    text-align: center;
}
.uk-tab-section .tab {
    margin: 50px;
}
.uk-tab-section .tab .nav-tabs {
    border-bottom: none;
    text-align: center;
}
.uk-tab-section .tab .nav-tabs li {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.uk-tab-section .tab .nav-tabs li a {
    opacity: 1;
    max-width: 320px;
    color: #000;
    display: block;
    background-color: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    border: none;
    font-weight: 700;
    position: relative;
    padding: 20px 20px 20px 70px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.uk-tab-section .tab .nav-tabs li a span {
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    width: 56px;
    text-align: center;
    display: inline-block;
    background-color: #a5a5a5;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
}
.uk-tab-section .tab .nav-tabs li a span img {
    margin-top: 13px;
}
.uk-tab-section .tab .nav-tabs li.active a {
    border: none;
    opacity: 1;
    color: #9510c2;
}
.uk-tab-section .tab .nav-tabs li.active a span {
    background-color: #ff4caa;
}
.uk-tab-section .tab-content {
    margin-top: 50px;
    width: 80%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.uk-tab-section .tab-content .title-h3 {
    margin-bottom: 30px;
}
.uk-tab-section .tab-content p {
    text-align: left;
    margin-bottom: 30px;
}
.uk-tab-section .tab-content .tabs_points li {
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 10px 0;
    width: 48%;
}
.uk-tab-section .tab-content .tabs_points li abbr {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-color: #41189f;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.uk-tab-section .tab-content .tabs_points li abbr img {
    width: 32px;
    margin-top: 9px;
}
.uk-tab-section .tab-content .tabs_points li span {
    display: inline-block;
    vertical-align: middle;
    font-family: "cera_pro_medium", Sans-serif;
}
.uk-tab-section .tab-content .ead-img {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    margin-top: 25px;
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.uk-tab-section .panel {
    margin-top: 50px;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.uk-tab-section .panel .panel-heading {
    text-align: center;
    padding: 15px;
}
.uk-tab-section .panel .title-h3 {
    margin-bottom: 30px;
    text-align: center;
}
.uk-tab-section .panel p {
    text-align: center;
    margin-bottom: 30px;
}
.uk-tab-section .panel .tabs_points li {
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 10px 0;
    width: 100%;
}
.uk-tab-section .panel .tabs_points li abbr {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-color: #41189f;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.uk-tab-section .panel .tabs_points li abbr img {
    width: 32px;
    margin-top: 9px;
}
.uk-tab-section .panel .tabs_points li span {
    display: inline-block;
    vertical-align: middle;
    font-family: "cera_pro_medium", Sans-serif;
    width: 78%;
}
.uk-tab-section .panel .ead-img {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    margin-top: 25px;
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.uk-cta-bar1 {
    background-color: #e1edf8;
}
.uk-cta-bar1 .title-h2 {
    margin-top: 0;
    margin-bottom: 20px;
}
.uk-cta-bar1 .cta-box {
    -webkit-box-shadow: 40px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 40px 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 40px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    padding: 30px 50px;
    margin-top: 40px;
}
.uk-cta-bar1 ul {
    margin-bottom: 30px;
}
.uk-cta-bar1 ul li {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    margin-right: 30px;
}
.uk-cta-bar1 ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #333;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.uk-cta-bar1 .page-fold {
    text-align: center;
}
.uk-cta-bar1 .cta-1 {
    max-width: 541px;
    margin: 0 auto;
}
.uk-cta-bar1 .cta-1 img {
    width: 100%;
}
.about-us-timeline.uk-timeline .title-h2 {
    margin-bottom: 20px;
}
.scroll-section.aust-scrolling .bg.uk-bg {
    background-color: #fff;
}
.uk-cta-bar2 .shaddow {
    padding: 30px 50px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 40px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 40px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 40px 30px 0px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    -ms-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
}
.uk-cta-bar2 .title-h2 {
    margin-bottom: 20px;
}
.uk-cta-bar2 p {
    margin-bottom: 30px;
}
.uk-cta-bar2 .page-fold {
    text-align: center;
}
.uk-cta-bar2 .page-fold img {
    max-width: 275px;
    width: 100%;
    margin: 0 auto;
}
.iot_tabs.uk-technologies .oitTabs .nav-tabs li a {
    text-transform: none;
    font-family: "cera_pro_medium", Sans-serif;
}
.iot_tabs.uk-technologies .oitTabs .tab-content .iconTag li {
    font-size: 14px;
    font-family: "cera_pro_medium", Sans-serif;
    line-height: normal;
}
.iot_tabs.uk-technologies .oitTabs .tab-content .iconTag li abbr img {
    margin-top: 11px;
}
.uk-featured-on {
    text-align: center;
}
.uk-featured-on.padd50 {
    padding-bottom: 100px;
}
.uk-featured-on .title-h2 {
    margin-top: 0px;
    margin-bottom: 30px;
}
.uk-featured-on .uk-featured {
    display: block;
    margin: 50px 0 0 0;
}
.uk-featured-on .uk-featured .owl-item {
    text-align: center;
    position: relative;
}
.uk-featured-on .uk-featured .owl-item:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background-color: #ccc;
}
.uk-featured-on .uk-featured .owl-item img {
    width: auto;
    height: 36px;
    margin: 0px auto;
}
.uk-featured-on .uk-featured .owl-item .item {
    display: inline-block;
    min-width: 200px;
}
.uk-featured-on .uk-featured .owl-nav {
    text-align: center;
}
.uk-featured-on .uk-featured .owl-nav button {
    background: none;
    border: none;
    position: absolute;
    top: 17%;
    box-shadow: none;
    font-size: 22px;
}
.uk-featured-on .uk-featured .owl-nav button.fa-chevron-left {
    left: -20px;
}
.uk-featured-on .uk-featured .owl-nav button.fa-chevron-right {
    right: -20px;
}
.cf-features.uk-iws .gf-icon {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.cf-features.uk-iws .fsas-col {
    background-color: #f9f9f9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    min-height: 360px;
    position: relative;
}
.cf-features.uk-iws .fsas-col:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    height: 6px;
    background-color: #8200f2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.cf-features.uk-iws h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-family: "cera_pro_medium", Sans-serif;
}
.cf-features.uk-iws .owl-hiretop {
    display: block;
    margin: 0;
}
.cf-features.uk-iws .owl-hiretop .owl-item {
    padding-top: 30px;
}
.cf-features.uk-iws .owl-hiretop .owl-item img {
    width: auto;
    margin: 14px auto;
}
.cf-features.uk-iws .owl-hiretop .owl-nav {
    text-align: center;
}
.cf-features.uk-iws .owl-hiretop .owl-nav button {
    background: none;
    border: none;
    position: absolute;
    top: 45%;
    box-shadow: none;
    font-size: 22px;
}
.cf-features.uk-iws .owl-hiretop .owl-nav button.fa-chevron-left {
    left: 0;
}
.cf-features.uk-iws .owl-hiretop .owl-nav button.fa-chevron-right {
    right: 0;
}
.client-videos.uk-clnts:before {
    transform: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}
.fantasy-sports-app-sol.ar-ds-experts.uk-wcu-box .owl-hirebottom {
    display: block;
    margin: 0;
}
.fantasy-sports-app-sol.ar-ds-experts.uk-wcu-box .owl-hirebottom .owl-item {
    padding-top: 30px;
}
.fantasy-sports-app-sol.ar-ds-experts.uk-wcu-box .owl-hirebottom .owl-item img {
    width: auto;
    margin: 14px auto;
}
.fantasy-sports-app-sol.ar-ds-experts.uk-wcu-box .owl-hirebottom .owl-nav {
    text-align: center;
}
.fantasy-sports-app-sol.ar-ds-experts.uk-wcu-box .owl-hirebottom .owl-nav button {
    background: none;
    border: none;
    position: absolute;
    top: 52%;
    color: #fff;
    box-shadow: none;
    font-size: 22px;
}
.fantasy-sports-app-sol.ar-ds-experts.uk-wcu-box .owl-hirebottom .owl-nav button.fa-chevron-left {
    left: 0;
}
.fantasy-sports-app-sol.ar-ds-experts.uk-wcu-box .owl-hirebottom .owl-nav button.fa-chevron-right {
    right: 0;
}
@media (max-width: 1600px) {
    .fantasy-sports-app-sol.ar-ds-experts.uk-wcu-box .wht-bx.mHight2 {
        min-height: 270px;
        padding: 20px;
    }
    .uk-cta-bar1 .cta-box {
        margin-top: 30px;
    }
    .uk9hz-bnr h1 {
        padding-top: 14%;
    }
    .uk9hz-bnr .uk-bnr-list li {
        padding: 10px 6px;
    }
}
@media (max-width: 1440px) {
    .ukclients .uk-clients .owl-nav button.fa-chevron-left {
        left: -20px;
    }
    .ukclients .uk-clients .owl-nav button.fa-chevron-right {
        right: -20px;
    }
    .uk-achievement .uk-counter span {
        font-size: 36px;
    }
    .uk-tab-section .tab .nav-tabs li a {
        font-size: 14px;
        padding: 20px 20px 20px 60px;
    }
    .uk-tab-section .tab .nav-tabs li a span {
        width: 46px;
    }
    .uk-tab-section .tab-content .tabs_points li abbr {
        margin-right: 5px;
    }
    .uk-tab-section .tab-content .tabs_points li span {
        font-size: 14px;
        width: 75%;
    }
    .fantasy-sports-app-sol.ar-ds-experts.uk-wcu-box .wht-bx.mHight2 {
        min-height: 320px;
        padding: 20px;
    }
    .uk-cta-bar1 .cta-box {
        margin-top: 10px;
    }
    .uk9hz-bnr {
        padding-bottom: 0;
    }
    .uk9hz-bnr h1 {
        padding-top: 20%;
        margin-bottom: 20px;
        font-size: 28px;
    }
    .uk9hz-bnr p {
        margin-bottom: 20px;
    }
    .uk9hz-bnr .btn {
        margin-top: 0px;
    }
    .uk9hz-bnr .uk-bnr-list li {
        font-size: 12px;
    }
    .cf-features.uk-iws .fsas-col {
        min-height: 410px;
    }
}
@media (max-width: 1366px) {
    .uk9hz-bnr {
        padding-bottom: 0;
    }
    .uk9hz-bnr h1 {
        padding-top: 20%;
        margin-bottom: 20px;
    }
    .uk9hz-bnr .btn {
        margin-top: 0px;
    }
    .uk9hz-bnr .uk-bnr-list li {
        padding: 10px 6px;
    }
}
@media (max-width: 1200px) {
   .footer-request-form-bg{ padding-left: 20px !important; padding-right: 20px !important; }
   .requestForm .form-controler .footer-request-form-bg, .contact-us-form .footer-request-form-bg{ padding-left: 0px !important; padding-right: 0px !important; }
   .address-section-bg{ padding-left: 20px !important; padding-right: 20px !important; }
   .footer-social-new{ padding-left: 20px !important; padding-right: 20px !important; }
   .footer-mid-bg{ padding: 0px 20px; } 
    .uk9hz-bnr { 
        padding-bottom: 0;
    }
    .uk9hz-bnr h1 {
        padding-top: 18%;
        margin-bottom: 30px;
    }
    .uk9hz-bnr .btn {
        margin-top: 0px;
    }
    .uk-achievement .uk-counter span {
        font-size: 30px;
    }
    .uk-tab-section .tab .nav-tabs li {
        margin-bottom: 10px;
    }
    .uk-tab-section .tab .nav-tabs li a {
        padding: 20px 10px 20px 52px;
        font-size: 14px;
    }
    .uk-tab-section .tab .nav-tabs li a span {
        width: 46px;
    }
    .uk-tab-section .tab-content .tabs_points li abbr {
        margin-right: 5px;
    }
    .uk-tab-section .tab-content .tabs_points li span {
        font-size: 14px;
        width: 75%;
    }
    .uk-cta-bar1 .cta-box {
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .uk9hz-bnr {
        background-color: #013ec7;
        text-align: center;
    }
    .uk9hz-bnr h1 {
        font-size: 26px;
    }
    .uk9hz-bnr .svg-bnr {
        bottom: 0;
        top: auto;
        display: none;
    }
    .ukclients {
        margin-top: 50px;
    }
    .uk-about-section {
        text-align: center;
    }
    .uk-about-section .title-h2 {
        text-align: center;
        font-size: 24px;
    }
    .uk-about-section p {
        text-align: center;
    }
    .uk-about-section .mCntr.text-left {
        text-align: center;
    }
    .uk-achievement .uk-counter {
        text-align: center;
        margin-bottom: 20px;
    }
    .uk-tab-section .title-h2 {
        font-size: 24px;
    }
    .uk-tab-section .tab {
        margin: 15px;
    }
    .uk-tab-section .tab .nav-tabs li {
        display: inline-block;
        margin-bottom: 15px;
    }
    .uk-tab-section .tab .nav-tabs li a {
        padding: 14px 10px;
        max-width: 100%;
        font-size: 12px;
    }
    .uk-tab-section .tab .nav-tabs li a span {
        display: none;
    }
    .uk-tab-section .tab-content {
        margin-top: 10px;
    }
    .uk-tab-section .tab-content .title-h3 {
        margin-top: 0px;
    }
    .uk-tab-section .tab-content p {
        text-align: center;
    }
    .uk-tab-section .tab-content .tabs_points li {
        text-align: center;
    }
    .uk-cta-bar1 .title-h2 {
        font-size: 24px;
    }
    .uk-cta-bar1 .cta-box {
        text-align: center;
        padding: 30px 30px;
        margin-bottom: 50px;
        -webkit-box-shadow: 0px 40px 30px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 40px 30px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 40px 30px 0px rgba(0, 0, 0, 0.2);
    }
    .uk-cta-bar2 .title-h2 {
        font-size: 24px;
    }
    .uk-cta-bar2 .shaddow {
        text-align: center;
        padding: 30px 30px;
        margin-bottom: 50px;
    }
    .uk-cta-bar2 .shaddow .page-fold {
        margin-top: 40px;
        display: none;
    }
    .uk-featured-on.padd50 {
        padding-top: 0;
        padding-top: 50px;
    }
    .ukclients .uk-clients .owl-nav button.fa-chevron-left {
        left: 0px;
    }
    .ukclients .uk-clients .owl-nav button.fa-chevron-right {
        right: 0px;
    }
    .uk-about-section .uk-abt-img {
        margin-top: 0px;
        display: none;
    }
    .uk9hz-bnr .style_2 {
        padding: 15px 10px;
        font-size: 14px;
    }
    .uk9hz-bnr .style_4 {
        padding: 15px 10px;
        font-size: 14px;
        margin-left: 10px;
    }
    .uk9hz-bnr {
        padding-bottom: 50px;
    }
    .uk9hz-bnr .uk-mobile {
        margin: 50px auto 50px auto;
        display: none;
    }
    .uk9hz-bnr .uk-bnr-list li {
        display: block;
        margin-bottom: 10px;
    }
    .fantasy-sports-app-sol.ar-ds-experts.uk-wcu-box .wht-bx.mHight2 {
        min-height: 100%;
    }
    .client-videos.uk-clnts:before {
        transform: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
    }
    .uk-tab-section .tab-content {
        width: 100%;
    }
    .uk-tab-section .tab-content .tabs_points li span {
        width: 100%;
        line-height: normal;
    }
    .uk-cta-bar1 .cta-1 {
        display: none;
    }
    .iot_tabs.uk-technologies {
        display: none;
    }
}
@media (max-width: 640px) {
    .uk9hz-bnr h1 {
        font-size: 24px;
    }
}
.australia9hz-bnr {
    height: auto;
    padding-bottom: 50px;
    position: relative;
    background: #ff4e00;
    overflow: hidden;
}
.australia9hz-bnr:before {
    content: "";
    position: absolute;
    right: -300px;
    bottom: -40%;
    width: 1000px;
    height: 1000px;
    background-color: #ffbb0d;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}
.australia9hz-bnr h1 {
    padding-top: 20%;
    color: #fff;
    margin-bottom: 50px;
}
.australia9hz-bnr p {
    color: #fff;
    margin-bottom: 50px;
}
.australia9hz-bnr p a {
    color: #fff;
    font-family: "cera_pro_medium", Sans-serif;
}
.australia9hz-bnr .container-fluid {
    display: table;
    height: 100%;
    max-width: 90%;
}
.australia9hz-bnr .container-fluid .subContent {
    display: table-cell;
    vertical-align: middle;
}
.australia9hz-bnr .aust-mobile {
    max-width: 600px;
    margin: 120px auto 0 auto;
}
.aust-cta1 {
    background-color: #41189f;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.aust-cta1:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/aust-cta-folio.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    opacity: 0.1;
}
.aust-cta1 .title {
    color: #fff;
    margin-bottom: 30px;
    margin-top: 0px;
    line-height: normal;
    font-family: "cera_pro_medium", Sans-serif;
}
.aust-cta1 .title span {
    display: block;
    font-size: 42px;
    font-family: "cera_pro_bold";
}
.aust-cta1 p {
    color: #fff;
    margin-bottom: 30px;
}
.aust-cta1 .title-h4 {
    color: #fff;
    margin-bottom: 30px;
}
.aust-cta1 .container_custom {
    position: relative;
    z-index: 1;
}
.aust-adp {
    text-align: center;
}
.aust-process .sm-title {
    font-family: "cera_pro_bold";
    text-transform: uppercase;
    color: #888;
}
.techno-right-img-section.aust-process:before {
    display: none;
}
.techno-right-img-section.aust-process .title {
    margin-top: 10px;
}
.techno-right-img-section.aust-process .btn {
    margin-top: 20px;
}
.techno-left-img-section.aust-process:before {
    width: 100%;
}
.techno-left-img-section.aust-process .title {
    margin-top: 10px;
}
.techno-left-img-section.aust-process .btn {
    margin-top: 20px;
}
.scroll-section.aust-scrolling {
    position: relative;
}
.scroll-section.aust-scrolling .bg {
    background-color: #f5f5f5;
    padding-bottom: 30px;
}
.scroll-section.aust-scrolling .sm-title {
    font-family: "cera_pro_bold";
    text-transform: uppercase;
    color: #888;
    margin-top: 10px;
    margin-bottom: 30px;
}
.scroll-section.aust-scrolling .title-h2 {
    font-family: "cera_pro_bold";
    margin: 0px;
    text-align: center;
    font-size: 30px;
    padding-top: 4px;
}
.scroll-section.aust-scrolling .scroll-row.sr1:before {
    background-color: #4d00ab;
    background-image: url(../img/aust-port-1.jpg);
}
.scroll-section.aust-scrolling .scroll-row.sr2:before {
    background-color: #fd4a75;
    background-image: url(../img/aust-port-2.jpg);
}
.scroll-section.aust-scrolling .scroll-row.sr3:before {
    background-color: #00a3d6;
    background-image: url(../img/aust-port-3.jpg);
}
.scroll-section.aust-scrolling .scroll-row.sr4:before {
    background-color: #ee6600;
    background-image: url(../img/aust-port-4.jpg);
}
.scroll-section.aust-scrolling .scroll-row.sr5:before {
    background-color: #f71464;
    background-image: url(../img/aust-port-5.jpg);
}
.scroll-section.aust-scrolling .scroll-row.sr6:before {
    background-color: #4b017d;
    background-image: url(../img/aust-port-6.jpg);
}
.scroll-section.aust-scrolling .scroll-row.sr7:before {
    background-color: #bd4f7f;
    background-image: url(../img/aust-port-7.jpg);
}
.scroll-section.aust-scrolling .scroll-row .box-padding .ap-i {
    margin-bottom: 20px;
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    vertical-align: middle;
}
.scroll-section.aust-scrolling .scroll-row .box-padding .ap-i.bdr {
    border: 1px solid #ccc;
}
.scroll-section.aust-scrolling .scroll-row .box-padding .dc {
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
}
.scroll-section.aust-scrolling .scroll-row .box-padding p {
    margin-bottom: 30px;
}
.scroll-section.aust-scrolling .scroll-row .box-padding .title-h2 {
    margin-bottom: 10px;
    padding-top: 0;
}
.scroll-section.aust-scrolling .scroll-row .box-padding .icon-text {
    margin-bottom: 15px;
}
.scroll-section.aust-scrolling .scroll-row .box-padding .mCenter a {
    display: inline-block;
    vertical-align: middle;
}
.scroll-section.aust-scrolling .scroll-row .box-padding .mCenter a .ap-btn {
    width: 160px;
    margin-right: 10px;
}
.scroll-section.aust-scrolling .scroll-row .box-padding .mCenter a.style_2 {
    padding: 16px 20px;
}
.scroll-section.aust-scrolling .scroll-row .box-padding .title-h2 {
    text-align: left;
}
.scroll-section.aust-scrolling .ul-list {
    margin: 30px 0;
}
.scroll-section.aust-scrolling .ul-list li p {
    font-size: 15px;
}
.scroll-section.aust-scrolling .owl-hiretop {
    display: block;
    margin: 0;
}
.scroll-section.aust-scrolling .owl-hiretop .owl-item img {
    width: auto;
    margin: 0px auto;
}
.scroll-section.aust-scrolling .owl-hiretop .owl-nav {
    text-align: center;
}
.scroll-section.aust-scrolling .owl-hiretop .owl-nav button {
    background: none;
    border: none;
    position: absolute;
    top: 46%;
    box-shadow: none;
    font-size: 22px;
}
.scroll-section.aust-scrolling .owl-hiretop .owl-nav button.fa-chevron-left {
    left: 0;
}
.scroll-section.aust-scrolling .owl-hiretop .owl-nav button.fa-chevron-right {
    right: 0;
}
.aust-cta2 {
    background-color: #635cf8;
    position: relative;
    text-align: center;
    min-height: 354px;
}
.aust-cta2:before {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
    background-color: #f4f4f4;
}
.aust-cta2 .title {
    color: #fff;
    margin-bottom: 30px;
    margin-top: 22px;
}
.aust-cta2 p {
    color: #fff;
    margin-bottom: 30px;
}
.aust-cta2 .title-h4 {
    color: #fff;
    margin-bottom: 30px;
}
.aust-cta2 .container_custom {
    position: relative;
    z-index: 1;
}
.aust-cta2 .ctaImg {
    max-width: 620px;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: 0;
    top: -96px;
}
.aust-cta3 {
    background-color: #f4f4f4;
    position: relative;
    text-align: center;
    min-height: 354px;
}
.aust-cta3:before {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
    background-color: #d4cacf;
}
.aust-cta3 .title {
    margin-bottom: 30px;
    margin-top: 22px;
}
.aust-cta3 p {
    margin-bottom: 30px;
}
.aust-cta3 .title-h4 {
    margin-bottom: 30px;
}
.aust-cta3 .container_custom {
    position: relative;
    z-index: 1;
}
.aust-cta3 .ctaImg {
    max-width: 558px;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: 0;
    top: -96px;
}
.aust-abt {
    text-align: center;
}
.aust-abt p {
    margin-top: 50px;
}
.aust-abt .aust-about-list {
    margin-top: 20px;
}
.aust-abt .aust-about-list li {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    margin: 10px;
}
.aust-abt .aust-about-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #333;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.aust-clients .owl-addmobile1 {
    display: block;
    margin: 0;
}
.aust-clients .owl-addmobile1 .owl-item {
    padding-top: 30px;
}
.aust-clients .owl-addmobile1 .owl-item img {
    width: auto;
    margin: 0 auto;
}
.aust-clients .owl-addmobile1 .owl-nav {
    text-align: center;
}
.aust-clients .owl-addmobile1 .owl-nav button {
    background: none;
    border: none;
    position: absolute;
    top: 40%;
    box-shadow: none;
    font-size: 22px;
}
.aust-clients .owl-addmobile1 .owl-nav button.fa-chevron-left {
    left: 0;
}
.aust-clients .owl-addmobile1 .owl-nav button.fa-chevron-right {
    right: 0;
}
.aust-why-choose .owl-hirebottom {
    display: block;
    margin: 0;
}
.aust-why-choose .owl-hirebottom .owl-item img {
    width: auto;
    margin: 0px auto;
}
.aust-why-choose .owl-hirebottom .owl-nav {
    text-align: center;
}
.aust-why-choose .owl-hirebottom .owl-nav button {
    background: none;
    border: none;
    position: absolute;
    top: 46%;
    box-shadow: none;
    font-size: 22px;
}
.aust-why-choose .owl-hirebottom .owl-nav button.fa-chevron-left {
    left: 0;
}
.aust-why-choose .owl-hirebottom .owl-nav button.fa-chevron-right {
    right: 0;
}
.aust-open-section.owl-addmobile3 {
    display: block;
    margin: 0;
}
.aust-open-section.owl-addmobile3 .owl-item img {
    width: auto;
    margin: 0 auto;
}
.aust-open-section.owl-addmobile3 .owl-nav {
    text-align: center;
}
.aust-open-section.owl-addmobile3 .owl-nav button {
    background: none;
    border: none;
    position: absolute;
    top: 40%;
    box-shadow: none;
    font-size: 22px;
}
.aust-open-section.owl-addmobile3 .owl-nav button.fa-chevron-left {
    left: 0;
}
.aust-open-section.owl-addmobile3 .owl-nav button.fa-chevron-right {
    right: 0;
}
.fantasySports-bnr.on-demand-food-delivery-app-development.unity-bnr {
    background-image: url(../img/unity-game-banner.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-size: cover;
}
.fantasySports-bnr.on-demand-food-delivery-app-development.unity-bnr:before {
    display: none;
}
.fantasySports-bnr.on-demand-food-delivery-app-development.unity-bnr .food-delivery-app-mob {
    max-width: 425px;
}
.fantasy-about.unity-about {
    padding-top: 50px;
}
.fantasy-about.unity-about .fantasy-about-list li br {
    display: none;
}
.fantasy-about.unity-about .fantasy-about-list li h3 {
    font-size: 17px;
}
.fantasy-about.unity-about .fantasy-about-list li h4 {
    font-size: 17px;
    font-family: "cera_pro_bold";
}
.ios-beterServices.tab-add.unity-tab {
    padding: 50px 0;
    background-color: #f5f5f5;
}
.cf-features.uk-iws.unity-key .fsas-col {
    background-color: #fff;
    min-height: 230px;
    padding: 60px 20px 20px 20px;
    margin-top: 30px;
}
.cf-features.uk-iws.unity-key .fsas-col:before {
    width: 170px;
    background-color: #f2c900;
}
.cf-features.uk-iws.unity-key .fsas-col .gf-icon-base {
    display: inline-block;
    width: 99px;
    height: 99px;
    position: absolute;
    text-align: center;
    margin-bottom: 10px;
    top: -50px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.cf-features.uk-iws.unity-key .fsas-col .gf-icon-base .obm-stic {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    margin: auto;
}
.ios-beterServices.tab-add.unity-tab .list-box-ios {
    border: 1px solid #ccc;
}
.ios-beterServices.tab-add.unity-tab .list-box-ios li .iconrgs {
    background: #fbc33f;
    background: linear-gradient(16deg, #fbc33f 0%, #fcaa46 100%);
}
.ios-beterServices.tab-add.unity-tab .list-box-ios li.active a .iconrgs {
    background: #833ab4;
    background: linear-gradient(16deg, #833ab4 0%, #fd1d1d 78%, #fcb045 100%);
}
.cf-features.cyber-benefits.unity-d-hire .fsas-col .gf-icon {
    border: 2px solid #fff;
    width: 84px;
    height: 84px;
}
.cf-features.cyber-benefits.unity-d-hire .fsas-col .gf-icon.ui1 {
    background-color: #e5fed8;
}
.cf-features.cyber-benefits.unity-d-hire .fsas-col .gf-icon.ui2 {
    background-color: #d8f1fe;
}
.cf-features.cyber-benefits.unity-d-hire .fsas-col .gf-icon.ui3 {
    background-color: #fed8d8;
}
.cf-features.cyber-benefits.unity-d-hire .fsas-col .gf-icon.ui4 {
    background-color: #fbd8fe;
}
.cf-features.cyber-benefits.unity-d-hire .fsas-col .gf-icon.ui5 {
    background-color: #fdfed8;
}
.cf-features.cyber-benefits.unity-d-hire .unity-hire-img {
    max-width: 449px;
    margin: 0 auto;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    padding: 10px;
}
.cf-features.cyber-benefits.unity-d-hire .unity-hire-img img {
    width: 100%;
}
.game-badges {
    background: #41189f;
    text-align: center;
}
.game-badges .title-h2 {
    color: #fff;
    margin-top: 0;
}
.game-badges p {
    color: #fff;
}
.game-badges .game-badge {
    max-width: 200px;
    width: 100%;
    margin: 10px auto 0 auto;
}
.ar-vr-game-development {
    background-color: #f6f8ff;
}
.ar-vr-game-development .title-h2 {
    text-align: center;
    margin-top: 0;
}
.ar-vr-game-development p {
    text-align: center;
}
.ar-vr-game-development .ar-vr-game-points {
    margin-top: 30px;
}
.ar-vr-game-development .ar-vr-game-points li {
    position: relative;
    padding-left: 60px;
    margin-bottom: 30px;
}
.ar-vr-game-development .ar-vr-game-points li:last-child {
    margin-bottom: 0px;
}
.ar-vr-game-development .ar-vr-game-points li p {
    text-align: left;
}
.ar-vr-game-development .ar-vr-game-points li img {
    position: absolute;
    left: 0;
    top: 0;
}
.ar-vr-game-development .ar-vr-game-points li br {
    display: none;
}
.ar-vr-game-development .ar-vr-world {
    max-width: 721px;
    width: 100%;
    margin: 30px auto 0 auto;
}
.fantasySports-bnr.on-demand-food-delivery-app-development.unity-bnr.sports-bnr {
    background-image: url(../img/sports-page-bg.jpg);
}
@media (max-width: 1600px) {
    .fantasySports-bnr.on-demand-food-delivery-app-development.unity-bnr .food-delivery-app-mob {
        max-width: 360px;
    }
    .fantasySports-bnr.on-demand-food-delivery-app-development.unity-bnr .food-delivery-group {
        width: 1120px;
        min-height: 670px;
    }
    .fantasy-sports-app-sol.ar-ds-experts.ibeacon-solu.taxi-strategize.sports .wht-bx.mHight2 {
        min-height: 234px;
    }
    .fantasySports-bnr.on-demand-food-delivery-app-development.unity-bnr.sports-bnr .food-delivery-group {
        min-height: 630px;
    }
}
@media (max-width: 1440px) {
    .fantasySports-bnr.on-demand-food-delivery-app-development.unity-bnr .food-delivery-app-mob {
        max-width: 360px;
    }
    .fantasySports-bnr.on-demand-food-delivery-app-development.unity-bnr .food-delivery-group {
        width: 1100px;
        min-height: 660px;
    }
    .fantasySports-bnr.on-demand-food-delivery-app-development.unity-bnr.sports-bnr .food-delivery-group {
        min-height: 620px;
    }
}
@media (max-width: 1366px) {
    .fantasySports-bnr.on-demand-food-delivery-app-development.unity-bnr .food-delivery-app-mob {
        max-width: 350px;
    }
    .fantasySports-bnr.on-demand-food-delivery-app-development .food-delivery-group {
        width: 1060px;
        min-height: 650px;
    }
    .fantasy-sports-app-sol.ar-ds-experts.ibeacon-solu.taxi-strategize.sports .wht-bx.mHight2 {
        min-height: 257px;
    }
}
@media (max-width: 767px) {
    .game-badges .title-h2 {
        font-size: 24px;
    }
    .ar-vr-game-development .title-h2 {
        font-size: 24px;
    }
    .fantasy-sports-app-sol.ar-ds-experts.ibeacon-solu.taxi-strategize.sports .wht-bx.mHight2 {
        min-height: 100%;
    }
}
.fantasySports-bnr.on-demand-food-delivery-app-development.unity-bnr.casino-bnr {
    background-image: url(../img/casino-bg.jpg);
}
.fantasySports-bnr.on-demand-food-delivery-app-development.unity-bnr.casino-bnr .fantasy-text {
    padding-top: 50px;
}
.ar-vr-game-development.casino-about .ar-vr-game-points li {
    margin-bottom: 20px;
    min-height: 48px;
}
.ocgs-provider {
    padding-bottom: 50px;
}
.ocgs-provider .ocgs-row {
    margin-top: 50px;
}
.ocgs-provider .ocgs-row .ocgs-icon {
    float: left;
    margin-right: 30px;
}
.ocgs-provider .ocgs-row .ocgs-detail {
    overflow: hidden;
    text-align: left;
}
.ocgs-provider .ocgs-row .ocgs-detail h3 {
    margin-top: 0;
}
.ocgs-provider .ocgs-row .ocgs-detail p {
    text-align: left;
}
.ocgs-provider .ocgs-row .ocgs-detail .ocgs-list {
    margin-top: 20px;
}
.ocgs-provider .ocgs-row .ocgs-detail .ocgs-list li {
    list-style: none;
    position: relative;
    margin-bottom: 10px;
    padding-left: 13px;
}
.ocgs-provider .ocgs-row .ocgs-detail .ocgs-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    background-color: #000;
}
.cf-features.cyber-benefits.ocs-developers {
    background-color: #f6f8ff;
}
.cf-features.cyber-benefits.ocs-developers .fsas-col {
    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
}
.tickTock-customizable-features.cgad-features .customizable-features {
    min-height: 180px;
}
.tickTock-customizable-features.cgad-features:before {
    background-color: #f6f8ff;
}
.tickTock-customizable-features.cgad-features:after {
    background-color: #f6f8ff;
}
.why-casino .single-point {
    font-family: "cera_pro_medium", Sans-serif;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px;
}
.why-casino .single-point img {
    position: absolute;
    left: 0;
    top: 0;
}
@media (max-width: 1600px) {
    .fantasy-sports-app-sol.ar-ds-experts.ibeacon-solu.cg-development .wht-bx.mHight2 {
        min-height: 214px;
    }
}
@media (max-width: 1440px) {
    .fantasy-sports-app-sol.ar-ds-experts.ibeacon-solu.cg-development .wht-bx.mHight2 {
        min-height: 214px;
    }
    .cf-features.cyber-benefits.ocs-developers .fsas-col {
        min-height: 244px;
    }
}
@media (max-width: 1366px) {
    .cf-features.cyber-benefits.ocs-developers .fsas-col {
        min-height: 240px;
    }
}
@media (max-width: 767px) {
    .ocgs-provider {
        padding-top: 50px;
    }
    .ocgs-provider .ocgs-row .ocgs-icon {
        margin-right: 10px;
    }
}
.hwd-hiring-dedicated .title-h2 {
    text-align: center;
    margin-bottom: 20px;
}
.hwd-hiring-dedicated p {
    text-align: center;
}
.hwd-hiring-dedicated .hwd-combo {
    max-width: 1170px;
    margin: 30px auto 30px auto;
}
.hwd-hiring-dedicated .hwd-combo img {
    width: 100%;
}
.hwd-hiring-dedicated .benefits-coln {
    background-color: #f5f5f5;
    padding: 20px 20px 20px 20px;
    position: relative;
    margin-bottom: 0;
    margin-top: 50px;
    min-height: 220px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hwd-hiring-dedicated .benefits-coln:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 1px;
    background-color: #8200f2;
    width: 10%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hwd-hiring-dedicated .benefits-coln:hover {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.hwd-hiring-dedicated .benefits-coln:hover:before {
    width: 100%;
}
.hwd-hiring-dedicated .benefits-coln span {
    display: inline-block;
    position: absolute;
    top: -20px;
    left: 20px;
    right: 0;
    margin-left: 0;
    text-align: center;
    font-size: 20px;
    margin-right: auto;
    width: 40px;
    height: 40px;
    padding-top: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #8200f2;
    color: #fff;
}
.hwd-hiring-dedicated .benefits-coln p {
    text-align: left;
}
@media (max-width: 767px) {
    .hwd-hiring-dedicated .title-h2 {
        font-size: 24px;
    }
    .hwd-hiring-dedicated .benefits-coln {
        padding-top: 40px;
    }
    .hwd-hiring-dedicated .benefits-coln p {
        text-align: center;
    }
    .hwd-hiring-dedicated .benefits-coln span {
        left: 0;
        margin-left: auto;
    }
}
.python-wad-tools .title-h4 {
    font-size: 24px;
    margin: 0px 0 20px 0;
}
.hire-pages-gradiant.hireDedicated-page.hire-python .subContent h1 {
    margin-top: 0%;
}
.tickTock-app-bnr {
    position: relative;
    padding: 150px 0 50px 0;
    overflow: hidden;
    min-height: 727px;
    background-color: #fff;
    background-image: url(../img/dance.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    background-attachment: fixed;
}
.tickTock-app-bnr:before {
    content: "";
    position: absolute;
    left: 0;
    margin-left: auto;
    right: 0;
    margin-right: auto;
    bottom: 0px;
    width: 100%;
    height: 507px;
    -webkit-border-radius: 0 1000px 0 0;
    -moz-border-radius: 0 1000px 0 0;
    -ms-border-radius: 0 1000px 0 0;
    border-radius: 0 1000px 0 0;
    background: #fff;
    background: linear-gradient(0deg, #fff 26%, rgba(255, 255, 255, 0.7) 100%);
}
.tickTock-app-bnr .web-none {
    display: none;
}
.tickTock-app-bnr .container {
    position: relative;
    z-index: 1;
}
.tickTock-app-bnr .case-app-mob {
    max-width: 600px;
    margin: 0 auto;
}
.tickTock-app-bnr .case-app-mob img {
    width: 100%;
}
.tickTock-app-bnr .app-name {
    margin-top: 35%;
}
.tickTock-app-bnr .app-name .app-description {
    position: relative;
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tickTock-app-bnr .app-name .app-description p {
    text-align: center;
    margin-bottom: 0;
}
.tickTock-app-bnr .app-name .app-description:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    height: 4px;
    background-color: #000;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}
.tickTock-app-bnr .app-name .app-logo {
    width: 124px;
    height: 124px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #000;
    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    border: 2px solid #fff;
}
.tickTock-app-bnr .app-name .app-logo img {
    width: 100%;
}
.tickTock-app-bnr .app-name .customizable {
    font-size: 26px;
    font-family: "cera_pro_bold";
    text-align: center;
    margin: 30px 0 15px 0;
    color: #fff;
}
.tickTock-app-bnr .app-name .customizable span {
    display: block;
    font-size: 50px;
    margin-bottom: 20px;
}
.tickTock-app-bnr .app-name .appname {
    font-size: 26px;
    font-family: "cera_pro_bold";
    text-align: center;
    margin: 30px 0 15px 0;
}
.tickTock-app-bnr .app-name .app-subtext {
    font-family: "cera_pro_medium", Sans-serif;
    text-align: center;
    margin: 0px 0 15px 0;
}
.tickTock-app-bnr .app-name .get-app-btn {
    text-align: center;
    margin: 0 auto;
}
.tickTock-app-bnr .app-name .get-app-btn img {
    width: 150px;
    margin: 0 10px;
}
.tickTock-app-bnr .style_2 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background: #f63;
    background: linear-gradient(45deg, #f63 30%, #c39 100%);
    padding: 18px 30px;
}
.tickTock-app-bnr .style_2:hover {
    background: #f63;
    background: linear-gradient(45deg, #f63 0%, #c39 100%);
}
.tickTock-app-bnr .style_2:focus {
    background: #f63;
    background: linear-gradient(45deg, #f63 0%, #c39 100%);
}
.tickTock-about {
    text-align: left;
    padding-bottom: 70px;
}
.tickTock-about .heading {
    font-size: 30px;
    margin-bottom: 20px;
}
.tickTock-about p {
    margin-bottom: 30px;
}
.tickTock-about .multimedia {
    max-width: 725px;
    margin: 0 auto;
}
.tickTock-about .multimedia img {
    width: 100%;
}
.tickTock-about .style_2 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background: #f63;
    background: linear-gradient(45deg, #f63 30%, #c39 100%);
    padding: 18px 30px;
}
.tickTock-about .style_2:hover {
    background: #f63;
    background: linear-gradient(45deg, #f63 0%, #c39 100%);
}
.tickTock-about .style_2:focus {
    background: #f63;
    background: linear-gradient(45deg, #f63 0%, #c39 100%);
}
.tickTock-about .style_2.bs2 {
    background: #0c3;
    background: linear-gradient(45deg, #0c3 30%, #00c7cc 100%);
}
.tickTock-about .style_2.bs2:hover {
    background: #0c3;
    background: linear-gradient(45deg, #0c3 0%, #00c7cc 100%);
}
.tickTock-about .style_2.bs2:focus {
    background: #0c3;
    background: linear-gradient(45deg, #0c3 0%, #00c7cc 100%);
}
.tickTock-app-overview {
    background-color: #f7f8fb;
    padding: 100px 0 0px 0;
    min-height: 600px;
    position: relative;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0px -20px 20px 0px rgba(153, 0, 255, 0.1);
    -moz-box-shadow: 0px -20px 20px 0px rgba(153, 0, 255, 0.1);
    box-shadow: 0px -20px 20px 0px rgba(26, 0, 255, 0.1);
}
.tickTock-app-overview:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: 250px;
    margin-bottom: auto;
    width: 351px;
    height: 580px;
    background-image: url(../img/ticktock-left.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto;
}
.tickTock-app-overview:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 300px;
    margin-bottom: auto;
    width: 351px;
    height: 535px;
    background-image: url(../img/ticktock-right.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto;
}
.tickTock-app-overview .heading {
    text-align: center;
}
.tickTock-app-overview p {
    text-align: center;
    margin: 30px 0 30px 0;
}
.tickTock-app-overview .tick-features {
    background-color: #fff;
    border-bottom: 1px solid #41189f;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    margin: 30px 0;
    z-index: 1;
    min-height: 250px;
}
.tickTock-app-overview .tick-features.height {
    min-height: 220px;
}
.tickTock-app-overview .tick-features span {
    display: block;
    text-align: center;
    width: 60px;
    height: 60px;
    background: #f63;
    background: linear-gradient(45deg, #f63 30%, #c39 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    left: 20px;
    top: -30px;
}
.tickTock-app-overview .tick-features span img {
    margin-top: 10px;
}
.tickTock-app-overview .tick-features p {
    text-align: left;
    margin: 10px 0 0px 0;
}
.tickTock-app-overview .bar-row {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #8200f2;
    width: 30%;
    height: 2px;
}
.tickTock-app-overview .circle-ripple {
    background-color: #8200f2;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 23%;
    right: auto;
    top: 32%;
    bottom: auto;
    margin: auto;
    border-radius: 100%;
    opacity: 0.3;
    animation: ripple 2s linear infinite;
}
@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(130, 0, 242, 0.3), 0 0 0 5em rgba(130, 0, 242, 0.3), 0 0 0 10em rgba(130, 0, 242, 0.3), 0 0 0 15em rgba(130, 0, 242, 0.3);
    }
    100% {
        box-shadow: 0 0 0 5em rgba(130, 0, 242, 0.3), 0 0 0 10em rgba(130, 0, 242, 0.3), 0 0 0 15em rgba(130, 0, 242, 0.3), 0 0 0 20em rgba(130, 0, 242, 0);
    }
}
.tickTock-app-overview .owl-overview-mob {
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.tickTock-app-overview .owl-overview-mob .owl-item {
    text-align: center;
}
.tickTock-app-overview .owl-overview-mob .owl-item img {
    width: auto;
    display: inline-block;
}
.tickTock-app-overview .owl-overview-mob .owl-nav {
    text-align: center;
}
.tickTock-app-overview .owl-overview-mob .owl-nav button {
    border: none;
    color: #fff;
    background: #f63;
    background: linear-gradient(45deg, #f63 30%, #c39 100%);
    padding: 10px;
    margin: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: 44%;
}
.tickTock-app-overview .owl-overview-mob .owl-nav button.fa-angle-right {
    right: 0;
}
.tickTock-app-overview .owl-overview-mob .owl-nav button.fa-angle-left {
    left: 0;
}
.tickTock-customizable-features {
    padding: 170px 0 200px 0;
    background-color: #41189f;
    position: relative;
    overflow: hidden;
}
.tickTock-customizable-features:before {
    content: "";
    position: absolute;
    left: -12%;
    top: -8%;
    right: -12%;
    height: 200px;
    background-color: #f7f8fb;
    -moz-transform: skewY(3deg);
    -webkit-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    transform: skewY(3deg);
}
.tickTock-customizable-features:after {
    content: "";
    position: absolute;
    left: -12%;
    bottom: -8%;
    right: -12%;
    height: 200px;
    background-color: #f7f8fb;
    -moz-transform: skewY(3deg);
    -webkit-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    transform: skewY(3deg);
}
.tickTock-customizable-features .heading {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}
.tickTock-customizable-features .customizable-features {
    position: relative;
    padding: 20px;
    margin: 30px 0;
    min-height: 230px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tickTock-customizable-features .customizable-features:hover {
    background-color: #fff;
}
.tickTock-customizable-features .customizable-features:hover span {
    background-color: #41189f;
}
.tickTock-customizable-features .customizable-features:hover h3 {
    color: #333;
}
.tickTock-customizable-features .customizable-features:hover p {
    color: #333;
}
.tickTock-customizable-features .customizable-features span {
    display: block;
    text-align: center;
    width: 60px;
    height: 60px;
    background-color: #8200f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    left: 20px;
    top: -30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tickTock-customizable-features .customizable-features span img {
    margin-top: 10px;
}
.tickTock-customizable-features .customizable-features h3 {
    color: #fff;
}
.tickTock-customizable-features .customizable-features p {
    color: #fff;
}
.choose-tikTok-clone {
    padding: 0 0 0px 0;
    background-color: #f7f8fb;
}
.choose-tikTok-clone .heading {
    text-align: center;
    margin-bottom: 20px;
}
.choose-tikTok-clone .sub-text {
    text-align: center;
    margin-bottom: 30px;
}
.choose-tikTok-clone .choose-tikTok {
    position: relative;
    padding: 20px;
    margin: 30px 0;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    min-height: 256px;
}
.choose-tikTok-clone .choose-tikTok h3 {
    color: #333;
}
.choose-tikTok-clone .choose-tikTok p {
    color: #333;
}
.choose-tikTok-clone .choose-tikTok span {
    display: block;
    text-align: center;
    width: 60px;
    height: 60px;
    background-color: #8200f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    left: 20px;
    top: -30px;
}
.choose-tikTok-clone .choose-tikTok span img {
    margin-top: 10px;
}
.tickTock-app-visuals {
    padding: 150px 0 100px 0;
    background: #371090;
    background: linear-gradient(45deg, #371090 40%, #bf00cc 100%);
    position: relative;
    overflow: hidden;
}
.tickTock-app-visuals:before {
    content: "";
    position: absolute;
    left: -12%;
    top: -8%;
    right: -12%;
    height: 200px;
    background-color: #f7f8fb;
    -moz-transform: skewY(3deg);
    -webkit-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    transform: skewY(3deg);
}
.tickTock-app-visuals .style_2 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    padding: 18px 30px;
}
.tickTock-app-visuals .heading {
    text-align: center;
    color: #fff;
    margin-bottom: 70px;
}
.tickTock-app-visuals .visual-box {
    position: relative;
}
.tickTock-app-visuals .visual-box .tickTock-visual-app-frame {
    width: 300px;
    height: 605px;
    position: absolute;
    left: 2px;
    top: -28px;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    background-image: url(../img/tick-tock-clone-app-frame.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.tickTock-app-visuals .tickTock-visual-app .owl-nav {
    text-align: center;
}
.tickTock-app-visuals .tickTock-visual-app .owl-nav button {
    border: none;
    width: 40px;
    height: 40px;
    background-color: transparent;
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 45%;
}
.tickTock-app-visuals .tickTock-visual-app .owl-nav button.fa-chevron-left {
    left: 0;
}
.tickTock-app-visuals .tickTock-visual-app .owl-nav button.fa-chevron-right {
    right: 0;
}
.tickTock-app-visuals .tickTock-visual-app .owl-item .item .visual-screen {
    max-width: 250px;
    margin: 0 auto;
}
.tickTock-app-visuals .tickTock-visual-app .owl-item .item .visual-screen img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tickTock-app-visuals .tickTock-visual-app .owl-item.center .item .visual-screen img {
    filter: none;
    opacity: 1;
}
.tickTock-app-visuals .rq {
    margin-top: 50px;
}
@media (max-width: 1600px) {
    .tickTock-app-overview .tick-features {
        min-height: 270px;
    }
    .tickTock-app-overview .tick-features.height {
        min-height: 220px;
    }
    .tickTock-customizable-features .customizable-features {
        min-height: 230px;
    }
    .choose-tikTok-clone .choose-tikTok {
        min-height: 276px;
    }
}
@media (max-width: 1440px) {
    .tickTock-app-overview .tick-features {
        min-height: 290px;
    }
    .tickTock-app-overview .tick-features.height {
        min-height: 240px;
    }
    .tickTock-customizable-features .customizable-features {
        min-height: 250px;
    }
    .choose-tikTok-clone .choose-tikTok {
        min-height: 276px;
    }
}
@media (max-width: 1366px) {
    .tickTock-app-overview .tick-features {
        min-height: 290px;
    }
    .tickTock-app-overview .tick-features.height {
        min-height: 240px;
    }
    .tickTock-customizable-features .customizable-features {
        min-height: 280px;
    }
    .choose-tikTok-clone .choose-tikTok {
        min-height: 306px;
    }
}
@media (max-width: 1200px) {
    .tickTock-app-bnr .app-name .get-app-btn img {
        width: 140px;
    }
}
@media (max-width: 1024px) {
    .tickTock-app-bnr .app-name .get-app-btn img {
        width: 116px;
    }
}
@media (max-width: 767px) {
    .tickTock-app-bnr {
        background-size: cover;
    }
    .tickTock-app-bnr:before {
        top: -1910px;
    }
    .tickTock-app-bnr .app-name {
        margin-top: 3%;
        color: #fff;
    }
    .tickTock-app-bnr .app-name .get-app-btn {
        margin-bottom: 30px;
    }
    .tickTock-app-bnr .app-name .app-description {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }
    .tickTock-app-bnr .app-name .app-description:before {
        background-color: #ffc233;
    }
    .tickTock-app-bnr .case-app-mob {
        display: none;
    }
    .tickTock-app-bnr .web-none {
        display: block;
    }
    .tickTock-about {
        padding-top: 50px;
    }
    .tickTock-about .multimedia {
        margin-bottom: 30px;
    }
    .tickTock-about .heading {
        text-align: center;
    }
    .tickTock-about p {
        text-align: center;
    }
    .tickTock-about .mobCenter {
        text-align: center;
    }
    .tickTock-about .mobCenter .style_2 {
        margin-bottom: 20px;
    }
    .tickTock-app-overview {
        padding: 50px 0;
    }
    .tickTock-app-overview:before {
        display: none;
    }
    .tickTock-app-overview:after {
        display: none;
    }
    .tickTock-app-overview .tick-features {
        margin-bottom: 50px;
        text-align: center;
    }
    .tickTock-app-overview .tick-features p {
        text-align: center;
    }
    .tickTock-app-overview .tick-features span {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .tickTock-customizable-features {
        padding: 50px 0;
    }
    .tickTock-customizable-features:before {
        display: none;
    }
    .tickTock-customizable-features:after {
        display: none;
    }
    .tickTock-customizable-features .customizable-features {
        text-align: center;
    }
    .tickTock-customizable-features .customizable-features p {
        text-align: center;
    }
    .tickTock-customizable-features .customizable-features span {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .choose-tikTok-clone {
        text-align: center;
    }
    .choose-tikTok-clone p {
        text-align: center;
    }
    .choose-tikTok-clone span {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .tickTock-app-visuals {
        padding: 50px 0 100px 0;
    }
    .tickTock-app-visuals:before {
        display: none;
    }
    .tickTock-app-visuals:after {
        display: none;
    }
    .tickTock-app-overview .tick-features {
        min-height: 100%;
    }
    .tickTock-customizable-features .customizable-features {
        min-height: 100%;
    }
    .choose-tikTok-clone .choose-tikTok {
        min-height: 100%;
    }
}
.oad-page .title-h2 {
    text-align: center;
    margin-bottom: 30px;
}
.oad-page .pset {
    text-align: center;
    margin-bottom: 30px;
}
.dd-jaipur.oad-page .ss-box {
    min-height: 150px;
}
.oad-steps .title-h3 {
    font-family: "cera_pro_bold";
    margin-bottom: 20px;
    text-align: center;
    color: #000;
    font-size: 30px;
}
.oad-outsourcing .title-h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 30px;
}
.oad-process {
    padding-top: 50px;
    padding-bottom: 0px;
}
.oad-process .mNone {
    margin-bottom: 0;
}
.oad-process .row-bg1 {
    padding: 50px 0;
    background-color: #f6f8ff;
}
.oad-process .row-bg2 {
    padding: 50px 0;
    background-color: #fff;
}
.oad-process .ocgs-list {
    margin-bottom: 30px;
}
.oad-process .ocgs-row {
    margin-top: 0;
}
.oad-process .ar-vr-world {
    margin-top: 0;
}
.oad-process .web-none {
    display: none;
}
.banner_section.oad-bnr {
    height: auto;
    padding: 120px 0px 70px 0px;
}
.banner_section.oad-bnr .subContent h1.titleTop.mob {
    margin-top: 0%;
}
.oad-bnr .appForm {
    max-width: 400px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 20px 24px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(175, 55, 219, 0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(175, 55, 219, 0.3);
    box-shadow: 0px 10px 20px 0px rgba(175, 55, 219, 0.3);
}
.oad-bnr .appForm ::-webkit-input-placeholder {
    color: #333;
}
.oad-bnr .appForm :-ms-input-placeholder {
    color: #333;
}
.oad-bnr .appForm ::placeholder {
    color: #333;
}
.oad-bnr .appForm .icon-frm {
    margin-bottom: 20px;
}
.oad-bnr .appForm .heading-form {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    color: #000;
}
.oad-bnr .appForm .form-text {
    color: #333;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 10px;
}
.oad-bnr .appForm .form-control {
    height: auto;
    padding: 10px;
    background: #fff;
    color: #333;
    border: 1px solid #af37db;
}
.oad-bnr .appForm .checkbox_form {
    color: #333;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
    line-height: normal;
}
.oad-bnr .appForm .checkbox_form br {
    display: none;
}
.oad-bnr .appForm select option {
    color: #333;
}
.oad-bnr .appForm .msg {
    height: 80px;
    resize: vertical;
}
.oad-bnr .appForm span.error {
    left: 16px;
    top: 43px;
    font-weight: 600;
    background-color: transparent;
}
.oad-bnr .appForm .msg-frm span.error {
    top: 80px;
}
.oad-bnr .appForm .checkbox_form span.error {
    top: 20px;
}
.oad-bnr .appForm .style_2 {
    margin-top: 20px;
    background: #af37db;
    background: -moz-linear-gradient(-45deg, #af37db 0%, #fd3159 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #af37db), color-stop(100%, #fd3159));
    background: -webkit-linear-gradient(-45deg, #af37db 0%, #fd3159 100%);
    background: -o-linear-gradient(-45deg, #af37db 0%, #fd3159 100%);
    background: -ms-linear-gradient(-45deg, #af37db 0%, #fd3159 100%);
    background: linear-gradient(135deg, #af37db 0%, #fd3159 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af37db', endColorstr='#fd3159', GradientType=1 );
    color: #fff;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "cera_pro_medium", Sans-serif;
    padding: 10px 30px;
}
.oad-bnr #contact_results .error {
    max-width: 500px;
    margin: 50px auto 0 auto;
}
.consulting-software-sec.oas-table:after {
    height: 370px;
}
.oas-table .box-three {
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    color: #7332d4;
    border: 1px solid #7332d4;
    border-bottom-width: 3px;
    font-size: 20px;
    font-family: "cera_pro_bold";
    -webkit-box-shadow: 0px 10px 20px 0px rgba(175, 55, 219, 0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(175, 55, 219, 0.3);
    box-shadow: 0px 10px 20px 0px rgba(175, 55, 219, 0.3);
}
.oas-table .oas-table-box {
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 10px;
    border: 1px dashed #fff;
    padding-left: 50px;
    color: #fff;
    margin: 15px 0px;
    font-size: 15px;
}
.oas-table .oas-table-box img {
    position: absolute;
    left: 5px;
    top: 10px;
}
.oad-steps {
    background-color: #f6f8ff;
}
.oad-steps .about-timeline .date-outer:before {
    background-color: #f6f8ff;
}
.oad-steps .about-timeline .description li {
    background-color: #7332d4;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
}
@media (max-width: 1700px) {
    .oad-bnr .isometric_cont {
        top: -60px;
        right: 120px;
    }
}
@media (max-width: 1600px) {
    .oad-bnr .isometric_cont {
        top: 0px;
        right: 120px;
    }
    .oad-bnr .appForm {
        padding: 20px;
        margin-top: 0px;
    }
    .oad-bnr .appForm .form-text {
        font-size: 14px;
    }
    .oad-bnr .appForm .msg-frm span.error {
        top: 70px;
    }
    .oad-bnr .appForm .checkbox_form span.error {
        top: 20px;
    }
    .oad-bnr .appForm .form-control {
        padding: 8px 8px;
        font-size: 14px;
    }
    .oad-bnr .appForm .icon-frm {
        margin-bottom: 16px;
    }
    .oad-bnr .appForm span.error {
        top: 39px;
    }
    .oad-bnr .appForm .msg {
        height: 68px;
    }
    .oas-table .oas-table-box {
        min-height: 80px;
    }
}
@media (max-width: 1500px) {
    .oad-bnr .isometric_cont {
        top: -130px;
        right: 40px;
    }
    .oad-bnr .appForm {
        margin: 0px auto 0px auto;
    }
    .oad-bnr .appForm .msg {
        height: 70px;
    }
    .oad-bnr .appForm .form-text {
        font-size: 14px;
    }
    .oad-bnr .appForm .msg-frm span.error {
        top: 70px;
    }
    .oad-bnr .appForm .checkbox_form span.error {
        top: 20px;
    }
    .oas-table .oas-table-box {
        min-height: 80px;
    }
}
@media (max-width: 1366px) {
    .oad-bnr .isometric_cont {
        top: -130px;
        right: 40px;
    }
    .oas-table .oas-table-box {
        min-height: 90px;
    }
}
@media (max-width: 767px) {
    .oad-process .web-none {
        display: block;
    }
    .oad-process .mob-none {
        display: none;
    }
    .oad-process .ocgs-row {
        margin-top: 20px;
    }
    .oad-bnr .appForm {
        margin-top: 30px;
    }
    .banner_section.oad-bnr {
        height: auto;
        padding-top: 40px;
    }
    .oad-outsourcing .title-h2 {
        font-size: 24px;
    }
    .oas-table .oas-table-box {
        min-height: 100%;
    }
}
.banner_section.mobApp-bgs.cpad-banner .lists li {
    position: relative;
    padding-left: 24px;
    width: 100%;
}
.banner_section.mobApp-bgs.cpad-banner .lists li i {
    position: absolute;
    left: 0;
    top: 4px;
}
.cpad-services {
    background-color: #481891;
    position: relative;
    min-height: 550px;
}
.cpad-services .title-h2 {
    color: #fff;
    margin-bottom: 30px;
}
.cpad-services p {
    color: #fff;
}
.cpad-services .shp {
    width: 120px;
    height: 120px;
    margin: 30px auto 10px auto;
    display: inline-block;
    background: #f09;
    background-image: -webkit-linear-gradient(bottom left, #12a3ff 0%, #f09 100%);
    background-image: -o-linear-gradient(bottom left, #12a3ff 0%, #f09 100%);
    background-image: linear-gradient(to top right, #12a3ff 0%, #f09 100%);
}
.cpad-services .shp img {
    margin-top: 22px;
}
.cpad-services .shp.sp1 {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
.cpad-services .shp.sp2 {
    border-radius: 45% 55% 75% 25% / 58% 63% 37% 42%;
}
.cpad-services .shp.sp3 {
    border-radius: 62% 38% 30% 70% / 55% 75% 25% 45%;
}
.cpad-services .shp.sp4 {
    border-radius: 63% 37% 33% 67% / 33% 63% 37% 67%;
}
.cpad-services .rotate-box {
    height: 475px;
    position: absolute;
    top: 220px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    width: 475px;
}
.cpad-services .rotate-box .rotate-ring1 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.cpad-services .rotate-box .rotate-ring2 {
    bottom: 35px;
    left: 35px;
    position: absolute;
    right: 35px;
    top: 35px;
}
.cpad-services .rotate-box .rotate-ring1 {
    -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite;
    -o-animation: rotate 10s linear infinite;
    animation: rotate 10s linear infinite;
}
.cpad-services .rotate-box .rotate-ring2 {
    -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite;
    -o-animation: rotate 10s linear infinite;
    animation: rotate 10s linear infinite;
}
.cpad-services .rotate-box .rotate-ring3 {
    -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite;
    -o-animation: rotate 10s linear infinite;
    animation: rotate 10s linear infinite;
}
.cpad-services .rotate-box .service-box {
    -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite;
    -o-animation: rotate 10s linear infinite;
    animation: rotate 10s linear infinite;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.cpad-services .rotate-box .service-box img {
    -webkit-animation: rotate-back 10s linear infinite;
    -moz-animation: rotate-back 10s linear infinite;
    -o-animation: rotate-back 10s linear infinite;
    animation: rotate-back 10s linear infinite;
}
.cpad-services .rotate-box .rotate-ring2 {
    -webkit-animation: rotate-back 10s linear infinite;
    -moz-animation: rotate-back 10s linear infinite;
    -o-animation: rotate-back 10s linear infinite;
    animation: rotate-back 10s linear infinite;
}
@keyframes rotate-back {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@-webkit-keyframes rotate-back {
    from {
        -webkit-transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}
@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
.cpad-services .rotate-box .rotate-ring3 {
    bottom: 120px;
    left: 120px;
    position: absolute;
    right: 120px;
    top: 120px;
}
.cpad-services .rotate-box .rotate-ring1 > img {
    display: block;
    height: 100%;
}
.cpad-services .rotate-box .rotate-ring2 > img {
    display: block;
    height: 100%;
}
.cpad-services .rotate-box .rotate-ring3 > img {
    display: block;
    height: 100%;
}
.cpad-services .rotate-box .inImg {
    position: absolute;
    bottom: 150px;
    left: 175px;
    right: 175px;
    top: 184px;
}
.cpad-services .rotate-box .inImg img {
    vertical-align: middle;
    width: 100%;
}
.cpad-services .rotate-box .service-box {
    bottom: 120px;
    left: 120px;
    position: absolute;
    right: 120px;
    top: 120px;
}
.cpad-services .rotate-box .service-box img {
    width: 75px;
}
.cpad-services .rotate-box .service-box .serv1 {
    position: absolute;
    left: 81px;
    top: -38px;
}
.cpad-services .rotate-box .service-box .serv2 {
    position: absolute;
    right: -39px;
    top: 79px;
}
.cpad-services .rotate-box .service-box .serv3 {
    position: absolute;
    bottom: -38px;
    right: 78px;
}
.cpad-services .rotate-box .service-box .serv4 {
    position: absolute;
    bottom: 79px;
    left: -39px;
}
.cpad-services .rotate-box .inImg svg {
    opacity: 1 !important;
}
.cpad-benefits .titlenew {
    text-align: center;
    margin-bottom: 40px;
}
.cpad-benefits .benefits-col {
    text-align: center;
}
.cpad-benefits .benefits-col .gf-icon {
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding: 20px;
    border-bottom: 3px solid #8200f2;
    animation: flipH 2s 0s infinite alternate ease-in-out;
}
@keyframes flipH {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(-180deg);
    }
}
@-webkit-keyframes flipH {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(-180deg);
    }
}
.cpad-choose-us {
    overflow: hidden;
    position: relative;
    padding: 100px 0;
    text-align: center;
}
.cpad-choose-us:before {
    content: "";
    position: absolute;
    left: 30%;
    top: 25%;
    background-image: url(../img/ludo-ring-1.svg);
    width: 200px;
    height: 200px;
    animation: balloons 3s ease-in-out infinite;
}
.cpad-choose-us:after {
    content: "";
    position: absolute;
    right: 2%;
    bottom: 2%;
    background-image: url(../img/ludo-ring-2.svg);
    width: 467px;
    height: 467px;
    animation: balloons 4s ease-in-out infinite;
}
.cpad-choose-us .title-h2 {
    line-height: normal;
    margin-bottom: 50px;
}
.cpad-choose-us .title-h5 {
    line-height: normal;
    color: #f6f8ff;
    font-size: 110px;
    line-height: 110px;
    text-transform: uppercase;
    color: black;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #a713a8;
}
.cpad-choose-us .choose-box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
}
.cpad-choose-us .choose-box h3 {
    font-size: 18px;
}
.cpad-choose-us .choose-box.cb1 {
    background-color: #f5ecfd;
    border: 1px solid #dac5ec;
    box-shadow: 0px 10px 25px 0px rgba(158, 41, 255, 0.2);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(158, 41, 255, 0.2);
    -moz-box-shadow: 0px 10px 25px 0px rgba(158, 41, 255, 0.2);
}
.cpad-choose-us .choose-box.cb2 {
    background-color: #dcfcef;
    border: 1px solid #bde6d6;
    box-shadow: 0px 10px 25px 0px rgba(0, 191, 117, 0.2);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 191, 117, 0.2);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0, 191, 117, 0.2);
}
.cpad-choose-us .choose-box.cb3 {
    background-color: #faf8e1;
    border: 1px solid #eae8c7;
    box-shadow: 0px 10px 25px 0px rgba(189, 156, 114, 0.2);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(189, 156, 114, 0.2);
    -moz-box-shadow: 0px 10px 25px 0px rgba(189, 156, 114, 0.2);
}
.cpad-choose-us .choose-box.cb4 {
    background-color: #e7f8ff;
    border: 1px solid #c9dee6;
    box-shadow: 0px 10px 25px 0px rgba(189, 156, 114, 0.2);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(189, 156, 114, 0.2);
    -moz-box-shadow: 0px 10px 25px 0px rgba(189, 156, 114, 0.2);
}
.cpad-choose-us .container {
    position: relative;
    z-index: 1;
}
.cpad-cta01 {
    background-color: #481891;
    padding: 50px 0;
    text-align: center;
}
.cpad-cta01 .title-h2 {
    text-align: center;
    color: #fff;
    margin-top: 82px;
    font-size: 40px;
}
.cpad-cta01 .cpad-cta-img {
    max-width: 250px;
    position: relative;
}
.cpad-cta01 .cpad-cta-img img {
    width: 100%;
}
.cpad-cta01 .style_3 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    margin-top: 78px;
}
@media screen and (max-width: 1023px) {
    .cpad-services .rotate-box {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 475px;
        top: 0;
    }
}
.cpad-opn-section {
    background-color: #f6f8ff;
}
.cpad-opn-section .title-h2 {
    margin-bottom: 20px;
}
.cpad-opn-section .cpad-inBox {
    padding: 20px;
    margin-top: 30px;
    min-height: 320px;
    text-align: center;
    background-color: #fff;
    -webkit-border-radius: 0px 20px 0px 20px;
    -moz-border-radius: 0px 20px 0px 20px;
    -ms-border-radius: 0px 20px 0px 20px;
    border-radius: 0px 20px 0px 20px;
    box-shadow: 0px 0px 15px background;
    transition: all 1s;
    position: relative;
}
.cpad-opn-section .cpad-inBox:after,
.cpad-opn-section .cpad-inBox:before {
    content: " ";
    width: 20px;
    height: 20px;
    position: absolute;
    border: 0px solid #fff;
    transition: all 1s;
}
.cpad-opn-section .cpad-inBox:after {
    top: 0px;
    left: 0px;
    border-top: 2px solid #7332d4;
    border-left: 2px solid #7332d4;
}
.cpad-opn-section .cpad-inBox:before {
    bottom: 0px;
    right: 0px;
    border-bottom: 2px solid #1d8cde;
    border-right: 2px solid #1d8cde;
}
.cpad-opn-section .cpad-inBox:hover {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.cpad-opn-section .cpad-inBox:hover:before,
.cpad-opn-section .cpad-inBox:hover:after {
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1600px) {
    .cpad-choose-us .title-h5 {
        font-size: 105px;
        line-height: normal;
    }
}
@media screen and (max-width: 1440px) {
    .cpad-opn-section .cpad-inBox {
        min-height: 340px;
    }
    .cpad-choose-us .title-h5 {
        font-size: 80px;
        line-height: normal;
    }
    .cpad-choose-us .choose-box {
        min-height: 420px;
    }
    .cpad-cta01 .title-h2 {
        font-size: 36px;
    }
}
@media screen and (max-width: 1366px) {
    .cpad-opn-section .cpad-inBox {
        min-height: 340px;
    }
    .cpad-choose-us .title-h5 {
        font-size: 80px;
        line-height: normal;
    }
}
@media screen and (max-width: 1200px) {
    .cpad-opn-section .cpad-inBox {
        min-height: 384px;
    }
    .cpad-choose-us .title-h5 {
        font-size: 80px;
        line-height: normal;
    }
}
@media screen and (max-width: 767px) {
    .cpad-services .rotate-box {
        display: none;
    }
    .cpad-services .title-h2 {
        text-align: center;
        font-size: 24px;
    }
    .cpad-services p {
        text-align: center;
    }
    .cpad-services .shp {
        width: 110px;
        height: 110px;
    }
    .cpad-services .shp img {
        margin-top: 19px;
    }
    .banner_section.mobApp-bgs.cpad-banner .lists li {
        width: 100%;
    }
    .cpad-opn-section .title-h2 {
        font-size: 24px;
    }
    .cpad-opn-section h3 {
        font-size: 20px;
    }
    .cpad-choose-us {
        padding: 50px 0;
        text-align: center;
    }
    .cpad-choose-us .title-h2 {
        font-size: 24px;
    }
    .cpad-choose-us .title-h5 {
        font-size: 60px;
        line-height: normal;
    }
    .cpad-choose-us .choose-box {
        min-height: 100%;
    }
    .cpad-cta01 {
        text-align: center;
        padding-bottom: 100px;
    }
    .cpad-cta01 .cpad-cta-img {
        margin: 0 auto;
    }
    .cpad-cta01 .title-h2 {
        font-size: 30px;
        margin-top: 30px;
    }
    .cpad-cta01 .style_3 {
        margin-top: 30px;
    }
    .cpad-benefits .titlenew {
        font-size: 24px;
    }
    .cpad-benefits .benefits-col .gf-icon {
        margin-top: 50px;
    }
}
.mob_developmentServices {
    min-height: 780px;
}
.mob_developmentServices .three-box {
    position: relative;
}
.mob_developmentServices .three-box li {
    min-height: 780px;
    float: left;
    width: 33.33333333%;
    text-align: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.mob_developmentServices .three-box li:hover {
    background-size: 120% auto;
}
.mob_developmentServices .three-box li.background-one {
    background-color: #012547;
    background-image: url("../img/mob-service-01.jpg");
}
.mob_developmentServices .three-box li.background-two {
    background-color: #2e2d57;
    background-image: url(../img/mob-service-2.jpg);
}
.mob_developmentServices .three-box li.background-three {
    background-color: #491d90;
    background-image: url(../img/mob-service-3.jpg);
}
.mob_developmentServices .three-box li h3 {
    color: #fff;
    font-size: 22px;
}
.mob_developmentServices .three-box li h3.top {
    margin-top: 100%;
}
.mob_developmentServices .three-box li p {
    color: #fff;
}
.mob_developmentServices .three-box li p.italic {
    font-style: italic;
}
.mob_developmentServices .three-box .three-box-overly {
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.mob_developmentServices .three-box .three-box-overly .close {
    position: absolute;
    top: 20px;
    right: 20px;
    left: auto;
    bottom: auto;
}
.mob_developmentServices .three-box .three-box-overly h3 {
    color: #333;
}
.mob_developmentServices .three-box .three-box-overly p {
    color: #333;
}
.step-nbr-icon .front-shap object {
    width: 100%;
}
.step-nbr-icon .back-shap object {
    width: 100%;
}
.three-boxes li .sm-shap object {
    width: 100%;
}
.step_setup .back-shap object {
    width: 100%;
}
@media (max-width: 1600px) {
    .mob_developmentServices .three-box li h3.top {
        margin-top: 120%;
    }
    .step_setup .back-shap {
        width: 200px;
        height: 200px;
    }
}
@media (max-width: 1440px) {
    .mob_developmentServices .three-box li h3.top {
        margin-top: 130%;
    }
}
@media (max-width: 1366px) {
    .mob_developmentServices .three-box li h3.top {
        margin-top: 140%;
    }
}
@media (max-width: 1200px) {
    .mob_developmentServices .three-box li h3.top {
        margin-top: 160%;
    }
}
@media (max-width: 767px) {
    .mob_developmentServices .three-box li {
        width: 100%;
        min-height: 100%;
        background-position: top center;
    }
    .mob_developmentServices .three-box li h3.top {
        margin-top: 100%;
    }
    .mob_developmentServices .three-box .three-box-overly {
        position: relative;
    }
    .mob_developmentServices .three-box .three-box-overly .close {
        top: 10px;
        right: 10px;
    }
    .mob_developmentServices .three-box .three-box-overly h2 {
        font-size: 24px;
        padding: 0 45px;
    }
    .mob_developmentServices .three-box .three-box-overly h3 {
        font-size: 20px;
    }
    .inner_page .mob_developmentServices {
        padding-top: 0px;
    }
    .the-letest-tech.padd50 {
        padding-bottom: 0;
    }
}
.tickTock-app-bnr.rnd-bnr {
    background-image: none;
    background: #371090;
    background: -webkit-linear-gradient(bottom left, #371090 40%, #bf00cc 100%);
    background: -o-linear-gradient(bottom left, #371090 40%, #bf00cc 100%);
    background: linear-gradient(to top right, #371090 40%, #bf00cc 100%);
}
.tickTock-app-bnr.rnd-bnr .case-app-mob {
    max-width: 719px;
}
.tickTock-app-bnr.rnd-bnr .title-h1 {
    line-height: normal;
}
.tickTock-app-bnr.rnd-bnr .title-h1 span {
    margin-bottom: 0;
}
.tickTock-app-bnr.rnd-bnr:before {
    height: 528px;
}
.tickTock-about.rnd-about .heading {
    line-height: normal;
}
.tickTock-about.rnd-about .rnd-list {
    margin-bottom: 20px;
}
.tickTock-about.rnd-about .rnd-list li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-bottom: 10px;
}
.rnd-cta1 {
    background: #371090;
    background: -webkit-linear-gradient(bottom left, #371090 40%, #bf00cc 100%);
    background: -o-linear-gradient(bottom left, #371090 40%, #bf00cc 100%);
    background: linear-gradient(to top right, #371090 40%, #bf00cc 100%);
}
.rnd-cta1 .title-h2 {
    color: #fff;
}
.rnd-cta1 p {
    color: #fff;
}
.rnd-cta1 .btn {
    margin-top: 40px;
}
.rnd-app-services {
    background-color: #f7f8fb;
    padding: 100px 0 100px 0;
    min-height: 600px;
    position: relative;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0px -20px 20px 0px rgba(153, 0, 255, 0.1);
    -moz-box-shadow: 0px -20px 20px 0px rgba(153, 0, 255, 0.1);
    box-shadow: 0px -20px 20px 0px rgba(26, 0, 255, 0.1);
}
.rnd-app-services:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: 0;
    width: 351px;
    height: 580px;
    background-image: url(../img/rnd-services-left.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto;
    opacity: 0.5;
}
.rnd-app-services:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: 0;
    width: 351px;
    height: 535px;
    background-image: url(../img/rnd-services-right.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto;
    opacity: 0.5;
}
.rnd-app-services .heading {
    text-align: center;
}
.rnd-app-services p {
    text-align: center;
    margin: 30px 0 30px 0;
}
.rnd-app-services .tick-features {
    background-color: #fff;
    border-bottom: 1px solid #41189f;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    margin: 30px 0;
    z-index: 1;
    min-height: 250px;
}
.rnd-app-services .tick-features.height {
    min-height: 220px;
}
.rnd-app-services .tick-features span {
    display: block;
    text-align: center;
    width: 60px;
    height: 60px;
    background: #f63;
    background: linear-gradient(45deg, #f63 30%, #c39 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    left: 20px;
    top: -30px;
}
.rnd-app-services .tick-features span img {
    margin-top: 10px;
}
.rnd-app-services .tick-features p {
    text-align: left;
    margin: 10px 0 0px 0;
}
.rnd-app-services .bar-row {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #8200f2;
    width: 30%;
    height: 2px;
}
.frontend-backend {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.frontend-backend:before {
    content: "";
    width: 800px;
    height: 800px;
    background-color: #ff3d9d;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    bottom: -400px;
    left: 0;
    right: -400px;
    margin-left: auto;
    margin-right: 0;
    opacity: 0.1;
}
.frontend-backend:after {
    content: "";
    width: 500px;
    height: 500px;
    background-color: #8200f2;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: -200px;
    left: -200px;
    right: 0px;
    margin-left: 0;
    margin-right: auto;
    opacity: 0.1;
}
.frontend-backend .container {
    position: relative;
    z-index: 1;
}
.frontend-backend .row {
    margin-right: 0px;
    margin-left: 0px;
}
.frontend-backend .row .col-set {
    padding-right: 0px;
    padding-left: 0px;
}
.frontend-backend .title-h3 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0px;
}
.frontend-backend .title-h4 {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0px;
}
.frontend-backend .nav-pills {
    position: relative;
    z-index: 1;
}
.frontend-backend .nav-pills li {
    width: 100%;
    float: none;
    text-align: center;
    margin-left: 1px;
}
.frontend-backend .nav-pills li a {
    border: 1px solid transparent;
    border-right: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}
.frontend-backend .nav-pills li a p {
    margin-bottom: 0;
}
.frontend-backend .nav-pills li.active a {
    background-color: #fff;
    border-color: #1e5799;
    color: #000;
}
.frontend-backend .tab-content {
    background-color: #fff;
    border: 1px solid #1e5799;
    padding: 30px;
    min-height: 400px;
    box-shadow: 0px 10px 25px 0px rgba(139, 180, 226, 0.4);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(139, 180, 226, 0.4);
    -moz-box-shadow: 0px 10px 25px 0px rgba(139, 180, 226, 0.4);
}
.frontend-backend .object-box {
    text-align: center;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.rnd-expertise {
    background-color: #f6f8ff;
    padding: 100px 0;
    text-align: center;
    position: relative;
}
.rnd-expertise .container {
    position: relative;
    z-index: 1;
}
.rnd-expertise .oe-box {
    border: 1px dashed #ccc;
    padding: 20px;
    margin-top: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.rnd-expertise .oe-box:hover {
    border-style: solid;
    background-color: #fff;
    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
}
.rnd-expertise .oe-box p {
    font-family: "cera_pro_medium", Sans-serif;
    margin-bottom: 0px;
    margin-top: 10px;
}
.rnd-expertise .circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.rnd-expertise .circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 255, 0.1);
    animation: animate 25s linear infinite;
    bottom: -150px;
}
.rnd-expertise .circles li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}
.rnd-expertise .circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}
.rnd-expertise .circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}
.rnd-expertise .circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}
.rnd-expertise .circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}
.rnd-expertise .circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}
.rnd-expertise .circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}
.rnd-expertise .circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}
.rnd-expertise .circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}
.rnd-expertise .circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}
@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}
@media (max-width: 1600px) {
    .rnd-app-services .tick-features {
        min-height: 270px;
    }
    .rnd-app-services .tick-features.height {
        min-height: 220px;
    }
}
@media (max-width: 1440px) {
    .rnd-app-services .tick-features {
        min-height: 290px;
    }
    .rnd-app-services .tick-features.height {
        min-height: 240px;
    }
}
@media (max-width: 1366px) {
    .rnd-app-services .tick-features {
        min-height: 290px;
    }
    .rnd-app-services .tick-features.height {
        min-height: 240px;
    }
}
@media (max-width: 767px) {
    .rnd-app-services {
        padding: 50px 0;
    }
    .rnd-app-services:before {
        display: none;
    }
    .rnd-app-services:after {
        display: none;
    }
    .rnd-app-services .heading {
        font-size: 24px;
    }
    .rnd-app-services h3 {
        font-size: 21px;
    }
    .rnd-app-services .tick-features {
        min-height: 100%;
        margin-bottom: 50px;
        text-align: center;
    }
    .rnd-app-services .tick-features p {
        text-align: center;
    }
    .rnd-app-services .tick-features span {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .rnd-cta1 .title-h2 {
        text-align: center;
        font-size: 24px;
    }
    .rnd-cta1 p {
        text-align: center;
    }
    .frontend-backend .title-h3 {
        font-size: 24px;
    }
    .frontend-backend .nav-pills li {
        width: 49%;
        float: left;
        margin-left: 0;
        margin-top: 1px;
    }
    .frontend-backend .nav-pills li a {
        border: 1px solid transparent;
        border-bottom: none;
    }
    .frontend-backend .tab-content {
        margin-top: -1px;
    }
    .rnd-expertise .title-h2 {
        font-size: 24px;
    }
    .tickTock-about.rnd-about .heading {
        font-size: 24px;
    }
}
.banner_section.mobApp-bgs.lifestyle-banner {
    height: 100%;
    padding: 100px 0 50px 0;
}
.banner_section.mobApp-bgs.lifestyle-banner .lifestyle-img {
    max-width: 712px;
    margin: 0 auto;
}
.banner_section.mobApp-bgs.lifestyle-banner .lifestyle-img img {
    width: 100%;
}
.lifestyle-about .tite-h2 {
    text-align: center;
}
.lifestyle-about p.cntr {
    text-align: center;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .banner_section.mobApp-bgs.lifestyle-banner {
        padding-top: 20px;
    }
    .banner_section.mobApp-bgs.lifestyle-banner .lifestyle-img {
        display: none;
    }
}
.ludo-app-bnr {
    position: relative;
    padding: 150px 0 50px 0;
    overflow: hidden;
    min-height: 880px;
    background-color: #eef3f7;
}
.ludo-app-bnr:after {
    content: "";
    position: absolute;
    left: 0;
    margin-left: auto;
    right: 0px;
    bottom: -1px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    width: 1920;
    height: 100%;
    background-image: url("../img/ludo-game-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    z-index: 0;
}
.ludo-app-bnr:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: -0;
    background: #371090;
    background: -webkit-linear-gradient(bottom left, #371090 40%, #bf00cc 100%);
    background: -o-linear-gradient(bottom left, #371090 40%, #bf00cc 100%);
    background: linear-gradient(to top right, #371090 40%, #bf00cc 100%);
}
.ludo-app-bnr .container {
    position: relative;
    z-index: 2;
}
.ludo-app-bnr .dice1 {
    width: 92px;
    height: 101px;
    position: absolute;
    right: 5%;
    top: 20%;
    background-image: url("../img/dice1.png");
    background-size: 100% auto;
    animation: balloons 4s ease-in-out infinite;
    z-index: 2;
}
.ludo-app-bnr .dice2 {
    width: 92px;
    height: 94px;
    position: absolute;
    left: 5%;
    bottom: 10%;
    background-image: url("../img/dice2.png");
    background-size: 100% auto;
    animation: balloons 4s ease-in-out infinite;
    z-index: 2;
}
@keyframes balloons {
    0%,
    100% {
        transform: translateY(0) rotate(-4deg);
    }
    50% {
        transform: translateY(-25px) rotate(4deg);
    }
}
.ludo-app-bnr .web-none {
    display: none;
}
.ludo-app-bnr .container {
    position: relative;
    z-index: 1;
}
.ludo-app-bnr .case-app-mob {
    max-width: 643px;
    margin: 0 auto;
}
.ludo-app-bnr .case-app-mob img {
    width: 100%;
}
.ludo-app-bnr .app-name {
    margin-top: 0;
}
.ludo-app-bnr .app-name .app-description {
    position: relative;
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ludo-app-bnr .app-name .app-description p {
    text-align: center;
    margin-bottom: 0;
    color: #fff;
}
.ludo-app-bnr .app-name .app-description:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    height: 4px;
    background-color: #fff;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}
.ludo-app-bnr .app-name .customizable {
    font-size: 26px;
    font-family: "cera_pro_bold";
    text-align: center;
    margin: 30px 0 15px 0;
}
.ludo-app-bnr .app-name .customizable .title-h1 {
    color: #fff;
    font-size: 46px;
    line-height: normal;
}
.ludo-app-bnr .app-name .customizable .title-h1 span {
    color: #00f4e9;
    line-height: normal;
    display: inline-block;
    font-size: 46px;
}
.ludo-app-bnr .app-name .appname {
    font-size: 26px;
    font-family: "cera_pro_bold";
    text-align: center;
    margin: 30px 0 15px 0;
}
.ludo-app-bnr .app-name .app-subtext {
    font-family: "cera_pro_medium", Sans-serif;
    text-align: center;
    margin: 0px 0 15px 0;
}
.ludo-app-bnr .app-name .get-app-btn {
    text-align: center;
    margin: 0 auto;
}
.ludo-app-bnr .app-name .get-app-btn img {
    width: 150px;
    margin: 0 10px;
}
.ludo-app-bnr .style_2 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background: #f63;
    background: linear-gradient(45deg, #f63 30%, #c39 100%);
    padding: 18px 30px;
}
.ludo-app-bnr .style_2:hover {
    background: #f63;
    background: linear-gradient(45deg, #f63 0%, #c39 100%);
}
.ludo-app-bnr .style_2:focus {
    background: #f63;
    background: linear-gradient(45deg, #f63 0%, #c39 100%);
}
.ludo-game-about {
    padding: 100px 0;
    background-color: #eef3f7;
}
.ludo-game-about .title-h2 {
    margin-bottom: 30px;
    margin-top: 0px;
}
.ludo-game-about p {
    margin-bottom: 30px;
}
.ludo-game-about .ludo-video {
    width: 340px;
    height: 570px;
    position: relative;
    margin: 0 auto;
    border: 10px solid #000;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    overflow: hidden;
}
.ludo-game-about .ludo-video:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 170px;
    height: 20px;
    background-color: #000;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    -ms-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
    margin: 0 auto;
    display: inline-block;
}
.ludo-game-about .ludo-video video {
    width: 100%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}
.ludo-game-about .ludo-video video[poster] {
    height: auto;
    width: 100%;
}
.king-clone {
    background-color: #fff;
    padding: 100px 0;
    overflow: hidden;
    position: relative;
}
.king-clone:before {
    width: 800px;
    position: absolute;
    right: -90px;
    top: -450px;
    content: "";
    height: 800px;
    display: block;
    z-index: 0;
    transform: rotate(-28deg);
    -webkit-border-radius: 20% 30% 0 30%;
    -moz-border-radius: 20% 30% 0 30%;
    -ms-border-radius: 20% 30% 0 30%;
    border-radius: 20% 30% 0 30%;
    background-color: #ececec;
}
.king-clone .container {
    position: relative;
    z-index: 1;
}
.king-clone .title-h2 {
    margin-bottom: 30px;
    text-align: center;
}
.king-clone .title-h3 {
    margin-bottom: 30px;
    text-align: center;
}
.king-clone p {
    margin-bottom: 30px;
    text-align: center;
}
.king-clone .service-provider-list {
    margin-top: 30px;
}
.king-clone .service-provider-list li {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    font-family: "cera_pro_medium", Sans-serif;
}
.king-clone .service-provider-list li:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 6px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.king-clone .bar {
    width: 20%;
    height: 10px;
    background-color: #ff3d9d;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto;
    position: relative;
}
.king-clone .bar:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 0;
    width: 10px;
    height: 10px;
    background-color: #ff3d9d;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.king-clone .bar:after {
    content: "";
    position: absolute;
    right: -15px;
    top: 0;
    width: 10px;
    height: 10px;
    background-color: #ff3d9d;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.modes-of-ludo {
    padding: 100px 0;
}
.modes-of-ludo .title-h2 {
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
}
.modes-of-ludo .ludo-features {
    background-color: #fff;
    padding: 20px 20px 20px 80px;
    margin-top: 50px;
    min-height: 156px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.modes-of-ludo .ludo-features:hover {
    -webkit-border-radius: 100px 0 0 100px;
    -moz-border-radius: 100px 0 0 100px;
    -ms-border-radius: 100px 0 0 100px;
    border-radius: 100px 0 0 100px;
    -webkit-box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.1);
    background-color: #f9f9f9;
}
.modes-of-ludo .ludo-features:hover span {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}
.modes-of-ludo .ludo-features.lf1 {
    border-right: 3px solid #f0be0e;
}
.modes-of-ludo .ludo-features.lf2 {
    border-right: 3px solid #ff3d9d;
}
.modes-of-ludo .ludo-features.lf3 {
    border-right: 3px solid #33dfdc;
}
.modes-of-ludo .ludo-features.lf4 {
    border-right: 3px solid #00ab70;
}
.modes-of-ludo .ludo-features.lf5 {
    border-right: 3px solid #8368ff;
}
.modes-of-ludo .ludo-features.lf6 {
    border-right: 3px solid #ec5716;
}
.modes-of-ludo .ludo-features span {
    width: 70px;
    height: 70px;
    background-color: #4d00ab;
    display: inline-block;
    position: absolute;
    text-align: center;
    left: 0;
    top: 40px;
    padding: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.modes-of-ludo .ludo-features span.bg1 {
    background-color: #f0be0e;
}
.modes-of-ludo .ludo-features span.bg2 {
    background-color: #ff3d9d;
}
.modes-of-ludo .ludo-features span.bg3 {
    background-color: #33dfdc;
}
.modes-of-ludo .ludo-features span.bg4 {
    background-color: #00ab70;
}
.modes-of-ludo .ludo-features span.bg5 {
    background-color: #8368ff;
}
.modes-of-ludo .ludo-features span.bg6 {
    background-color: #ec5716;
}
.virtual-ludo {
    overflow: hidden;
    position: relative;
    padding: 50px 0;
}
.virtual-ludo:before {
    content: "";
    position: absolute;
    left: 30%;
    top: 25%;
    background-image: url(../img/ludo-ring-1.svg);
    width: 200px;
    height: 200px;
    animation: balloons 3s ease-in-out infinite;
}
.virtual-ludo:after {
    content: "";
    position: absolute;
    right: 2%;
    bottom: 2%;
    background-image: url(../img/ludo-ring-2.svg);
    width: 467px;
    height: 467px;
    animation: balloons 4s ease-in-out infinite;
}
.virtual-ludo .title-h2 {
    line-height: normal;
    font-size: 34px;
}
.virtual-ludo .title-h5 {
    line-height: normal;
    color: #ff3d9d;
    margin-top: 12%;
}
.virtual-ludo .virtual-box {
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    padding: 20px;
}
.virtual-ludo .virtual-box h3 {
    margin-top: 0;
}
.virtual-ludo .container {
    position: relative;
    z-index: 1;
}
.ludo-cta {
    padding: 50px 0;
    background-color: #3b0055;
    position: relative;
    overflow: hidden;
}
.ludo-cta:before {
    content: "";
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    background-image: url(../img/ludo-cta.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    width: 466px;
    height: 204px;
}
.ludo-cta:after {
    content: "";
    position: absolute;
    top: auto;
    right: 20px;
    bottom: 0;
    background-image: url(../img/ludo_cta-3.png);
    background-repeat: no-repeat;
    background-position: top left;
    width: 143px;
    height: 190px;
}
.ludo-cta .title-h3 {
    font-size: 30px;
    color: #fff;
    line-height: normal;
}
.ludo-cta .btn {
    margin-top: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.ludo-cta2 {
    padding: 50px 0;
    position: relative;
}
.ludo-cta2:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 436px;
    height: 265px;
    background-image: url(../img/hire-ludo-shap.png);
    background-size: contain;
}
.ludo-cta2:after {
    content: "";
    position: absolute;
    left: 20px;
    top: 80px;
    width: 113px;
    height: 248px;
    background-image: url(../img/waw-shap.png);
    background-size: contain;
    animation: balloons 4s ease-in-out infinite;
}
.ludo-cta2 .title-h3 {
    font-size: 30px;
    line-height: normal;
    margin-top: 70px;
}
.ludo-cta2 .btn {
    margin-top: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.ludo-cta2 .lodo-ani {
    position: relative;
}
.ludo-cta2 .hlc {
    position: relative;
    z-index: 1;
}
.ludo-cta2 .circle-ripple {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 30% auto auto;
    background-color: #35ffc3;
    width: 12em;
    height: 12em;
    border-radius: 50%;
    animation: ripples 1s linear infinite;
    z-index: -1;
}
@keyframes ripples {
    0% {
        box-shadow: 0 0 0 0 rgba(130, 0, 242, 0.1), 0 0 0 1em rgba(130, 0, 242, 0.1), 0 0 0 3em rgba(130, 0, 242, 0.1), 0 0 0 5em rgba(130, 0, 242, 0.1);
    }
    100% {
        box-shadow: 0 0 0 1em rgba(130, 0, 242, 0.1), 0 0 0 3em rgba(130, 0, 242, 0.1), 0 0 0 5em rgba(130, 0, 242, 0.1), 0 0 0 8em rgba(130, 0, 242, 0);
    }
}
.ludo-app-screen {
    padding: 100px 0;
    background-color: #eef3f7;
    position: relative;
    overflow: hidden;
}
.ludo-app-screen .heading {
    text-align: center;
    margin-bottom: 70px;
    margin-top: 0;
}
.ludo-app-screen .visual-box {
    position: relative;
}
.ludo-app-screen .visual-box .visual-app-frame {
    width: 300px;
    height: 679px;
    position: absolute;
    left: 2px;
    top: -28px;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    background-image: url(../img/visual-app-frame.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.ludo-app-screen .tickTock-visual-app .owl-nav {
    text-align: center;
    z-index: 1;
}
.ludo-app-screen .tickTock-visual-app .owl-nav button {
    border: none;
    position: absolute;
    top: 43%;
    margin: 10px;
    width: 60px;
    height: 60px;
    background-color: transparent;
    color: #481891;
    font-size: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.ludo-app-screen .tickTock-visual-app .owl-nav button.fa-chevron-left {
    left: 0;
}
.ludo-app-screen .tickTock-visual-app .owl-nav button.fa-chevron-right {
    right: 0;
}
.ludo-app-screen .tickTock-visual-app .owl-item .item .visual-screen {
    max-width: 250px;
    margin: 0 auto;
}
.ludo-app-screen .tickTock-visual-app .owl-item .item .visual-screen img {
    opacity: 0.7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ludo-app-screen .tickTock-visual-app .owl-item.center .item .visual-screen img {
    filter: none;
    opacity: 1;
}
.why-choose-ludo {
    padding: 100px 0;
    background-color: #f8f9fa;
    position: relative;
    overflow: hidden;
}
.why-choose-ludo:before {
    content: "";
    background-image: url(../img/big-dice.html);
    background-repeat: no-repeat;
    background-size: contain;
    width: 400px;
    height: 388px;
    position: absolute;
    right: 10px;
    top: 50px;
    opacity: 0.1;
    animation: balloons 3s ease-in-out infinite;
}
.why-choose-ludo .title-h2 {
    margin-bottom: 30px;
    margin-top: 0px;
    text-align: center;
}
.why-choose-ludo .wcl-cont-box {
    padding: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    background: #3264f5;
    position: relative;
    background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
    background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);
    background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3264f5', endColorstr='#7202bb',GradientType=1 );
}
.why-choose-ludo .wcl-cont-box .nbr {
    position: absolute;
    left: 0;
    top: 0px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    color: #fff;
    font-family: "cera_pro_bold";
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.why-choose-ludo .container {
    position: relative;
    z-index: 1;
}
.why-choose-ludo .wcl-list li {
    vertical-align: top;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
    position: relative;
    padding-left: 50px;
    margin: 10px 10px 20px 10px;
    color: #fff;
}
.why-choose-ludo .wcl-list li:hover span {
    opacity: 1;
    left: 20px;
}
.why-choose-ludo .wcl-list li:hover p {
    left: 0px;
    -moz-transform: translate(20px, 0px);
    -webkit-transform: translate(20px, 0px);
    -o-transform: translate(20px, 0px);
    -ms-transform: translate(20px, 0px);
    transform: translate(20px, 0px);
}
.why-choose-ludo .wcl-list li span {
    position: absolute;
    left: 0;
    top: 0px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    color: #fff;
    font-family: "cera_pro_bold";
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.why-choose-ludo .wcl-list li p {
    font-family: "cera_pro_medium", Sans-serif;
    text-align: left;
    margin-bottom: 0;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.lodu-features {
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    background-color: #eef3f7;
}
.lodu-features:before {
    width: 800px;
    position: absolute;
    right: -90px;
    bottom: -350px;
    content: "";
    height: 800px;
    display: block;
    z-index: 0;
    transform: rotate(-28deg);
    -webkit-border-radius: 20%;
    -moz-border-radius: 20%;
    -ms-border-radius: 20%;
    border-radius: 20%;
    background: #3264f5;
    background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
    background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);
    background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3264f5', endColorstr='#7202bb',GradientType=1 );
    opacity: 0.2;
}
.lodu-features .nav-tabs {
    border-bottom: none;
    margin-top: 50px;
}
.lodu-features .nav-tabs li {
    float: none;
}
.lodu-features .nav-tabs li a {
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.lodu-features .nav-tabs li a span {
    position: absolute;
    display: inline-block;
    width: 66px;
    height: 66px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    margin-top: 96px;
    background-color: #494949;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}
.lodu-features .nav-tabs li a span img {
    margin-top: 10px;
}
.lodu-features .nav-tabs li.active a {
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.lodu-features .nav-tabs li.active a .loader-c circle {
    animation-play-state: running;
}
.lodu-features .nav-tabs li.active a span {
    background-color: #6b0057;
}
.lodu-features .nav-tabs li.active a p {
    color: #6b0057;
}
.lodu-features .loader-c {
    max-width: 15rem;
    width: 100%;
    height: auto;
    stroke-linecap: round;
}
.lodu-features .loader-c circle {
    fill: none;
    stroke-width: 3.5;
    -webkit-animation-name: preloader;
    animation-name: preloader;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform-origin: 170px 170px;
    transform-origin: 170px 170px;
    will-change: transform;
    animation-play-state: paused;
}
.lodu-features .loader-c:hover circle {
    animation-play-state: running;
}
.lodu-features circle:nth-of-type(1) {
    stroke-dasharray: 550;
}
.lodu-features circle:nth-of-type(2) {
    stroke-dasharray: 500;
}
.lodu-features circle:nth-of-type(3) {
    stroke-dasharray: 450;
}
.lodu-features circle:nth-of-type(4) {
    stroke-dasharray: 300;
}
.lodu-features circle:nth-of-type(1) {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
}
.lodu-features circle:nth-of-type(2) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.lodu-features circle:nth-of-type(3) {
    -webkit-animation-delay: -0.45s;
    animation-delay: -0.45s;
}
.lodu-features circle:nth-of-type(4) {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
@-webkit-keyframes preloader {
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes preloader {
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.lodu-features .container {
    position: relative;
    z-index: 1;
}
.lodu-features .heading {
    text-align: center;
    margin-bottom: 20px;
}
.lodu-features p {
    text-align: center;
}
.lodu-features .lodu-features-timeline {
    margin-top: 0px;
    text-align: center;
}
.lodu-features .technology-timeline {
    border-left: 2px solid #8200f2;
    color: rgba(255, 255, 255, 0.8);
    margin: 20px auto 50px auto;
    letter-spacing: 0.5px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 40px;
    list-style: none;
    text-align: left;
    font-weight: 100;
    max-width: 100%;
}
.lodu-features .technology-timeline .event {
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}
.lodu-features .technology-timeline .event:before {
    left: auto;
    right: 109%;
    position: absolute;
    display: block;
    top: 15px;
    color: #00919e;
    content: attr(data-date);
    text-align: right;
    font-weight: 100;
    font-size: 0.9em;
    min-width: 120px;
}
.lodu-features .technology-timeline .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}
.lodu-features .technology-timeline .event .iicns {
    box-shadow: 0 0 0 2px #8200f2;
    left: -79px;
    background: #fff;
    text-align: center;
    height: 74px;
    width: 74px;
    position: absolute;
    top: -3px;
    display: inline-block;
}
.lodu-features .technology-timeline .event .iicns img {
    margin-top: 6px;
}
.lodu-features .technology-timeline .techno-code {
    display: inline-block;
    background-color: #fff;
    padding: 5px;
    color: #000;
    display: inline-block;
    position: relative;
    margin: 17px 10px 10px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 10px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.lodu-features .technology-timeline .techno-code:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent #ffffff transparent transparent;
}
.productsShowcase .hoer-to-box {
    width: 100px;
    height: 100px;
    transition: width 2s, height 4s;
}
.productsShowcase .hoer-to-box:hover {
    width: 300px;
    height: 300px;
}
@media (max-width: 1700px) {
    .lodu-features .technology-timeline .event:before {
        right: 111%;
    }
}
.headText {
    font-size: 6rem;
}
.headDesc,
.headText {
    position: relative;
    z-index: 1;
}
.headDesc {
    font-size: 1.5rem;
    line-height: 2.8rem;
    color: #2d2f34;
}
.headBox {
    position: relative;
    overflow: hidden;
    height: 100vh;
}
.headBox .os-free {
    max-width: 110px;
}
.headBox .os-free img {
    width: 100%;
}
.headBox--darkBg {
    background-color: #2d2f34;
}
.headBox--portfolio {
    height: 110vh;
}
.headBox--contact {
    visibility: hidden;
}
.headBox--notFull {
    height: auto;
}
.headBox__wrap {
    position: relative;
    height: 100%;
    box-sizing: border-box;
    padding-top: 7.14%;
}
.headBox__wrap--notFull {
    height: auto;
}
.headBox__text {
    position: relative;
    height: 100%;
    width: 50%;
    margin-right: 0;
    margin-left: auto;
    padding: 0 7.14%;
    box-sizing: border-box;
    background: #fff;
}
.headBox__text--contact {
    visibility: visible;
}
.headBox__text--portfolio {
    padding-bottom: 33.301vh;
}
.headBox__text--blog {
    width: auto;
    margin-left: 35.7%;
    padding-bottom: 0;
}
.headBox__text--blogList {
    padding-bottom: 7.14%;
}
.headBox__text--blogList .headBox__txtBox h1 {
    margin-bottom: 0;
}
.headBox__text--notFull {
    padding-top: 7.14%;
}
.headBox__txtBox {
    z-index: 1;
    position: relative;
    left: 0;
    top: 50%;
    height: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateZ(0) translateY(-50%);
    transform: translateZ(0) translateY(-50%);
}
.headBox__txtBox h2 {
    margin-bottom: 50px;
}
.headBox__txtBox--notFull {
    top: 0;
    -webkit-transform: none;
    transform: none;
}
.headBox__bgLines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.headBox__strip {
    width: 28.56%;
    height: 100%;
    float: left;
    box-sizing: border-box;
    border-right: 1px solid #f5f5f5;
    position: relative;
}
.headBox__strip--blog {
    width: 22.22%;
}
.headBox__bg {
    top: 0;
    left: 0;
    height: 100%;
    background-color: #2e2f33;
    background-image: url(../img/app-showcase/game-bg.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    position: absolute;
    width: 100%;
}
.headBox__vid {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
}
.headBox__map {
    width: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.headBox__mapCenter {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    z-index: -1;
    visibility: hidden;
}
.headBox__mapCenter--career {
    width: 100%;
}
.headFixedVideo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.headMap {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.showcaseItem {
    width: 100%;
    height: 450px;
    position: relative;
    padding-left: 35px;
    padding-right: 35px;
    box-sizing: border-box;
    display: block;
}
.showcaseItem:hover .showcaseItem__bcg {
    background-position: 100% bottom;
    transition: background-position 3s cubic-bezier(0.4, 0.74, 1, 1);
}
.showcaseItem:hover .showcaseItem__text {
    opacity: 0;
}
.showcaseItem:hover .showcaseItem__button {
    opacity: 0;
}
.showcaseItem:hover.bg1 {
    background-color: rgba(213, 1, 0, 0.1);
}
.showcaseItem:hover.bg2 {
    background-color: rgba(128, 199, 9, 0.1);
}
.showcaseItem:hover.bg3 {
    background-color: rgba(17, 152, 96, 0.1);
}
.showcaseItem:hover.bg4 {
    background-color: rgba(1, 171, 85, 0.1);
}
.showcaseItem:hover.bg5 {
    background-color: rgba(0, 151, 203, 0.1);
}
.showcaseItem:hover.bg6 {
    background-color: rgba(2, 37, 71, 0.1);
}
.showcaseItem:hover.bg7 {
    background-color: rgba(173, 0, 53, 0.1);
}
.showcaseItem:hover.bg8 {
    background-color: rgba(12, 176, 81, 0.1);
}
.showcaseItem:hover.bg9 {
    background-color: rgba(12, 119, 197, 0.1);
}
.showcaseItem:hover.bg10 {
    background-color: rgba(181, 2, 2, 0.1);
}
.showcaseItem:hover.bg11 {
    background-color: rgba(241, 110, 22, 0.1);
}
.showcaseItem:hover.bg12 {
    background-color: rgba(124, 47, 119, 0.1);
}
.showcaseItem:hover.bg13 {
    background-color: rgba(0, 54, 89, 0.1);
}
.showcaseItem:hover.bg14 {
    background-color: rgba(65, 140, 38, 0.1);
}
.showcaseItem:hover.bg15 {
    background-color: rgba(1, 56, 125, 0.1);
}
.showcaseItem.bg1 {
    background-color: rgba(213, 1, 0, 0.9);
}
.showcaseItem.bg2 {
    background-color: rgba(128, 199, 9, 0.9);
}
.showcaseItem.bg3 {
    background-color: rgba(17, 152, 96, 0.9);
}
.showcaseItem.bg4 {
    background-color: rgba(1, 171, 85, 0.9);
}
.showcaseItem.bg5 {
    background-color: rgba(0, 151, 203, 0.9);
}
.showcaseItem.bg6 {
    background-color: rgba(2, 37, 71, 0.9);
}
.showcaseItem.bg7 {
    background-color: rgba(173, 0, 53, 0.9);
}
.showcaseItem.bg8 {
    background-color: rgba(12, 176, 81, 0.9);
}
.showcaseItem.bg9 {
    background-color: rgba(12, 119, 197, 0.9);
}
.showcaseItem.bg10 {
    background-color: rgba(181, 2, 2, 0.9);
}
.showcaseItem.bg11 {
    background-color: rgba(241, 110, 22, 0.9);
}
.showcaseItem.bg12 {
    background-color: rgba(124, 47, 119, 0.9);
}
.showcaseItem.bg13 {
    background-color: rgba(0, 54, 89, 0.9);
}
.showcaseItem.bg14 {
    background-color: rgba(65, 140, 38, 0.9);
}
.showcaseItem.bg15 {
    background-color: rgba(1, 56, 125, 0.9);
}
.showcaseItem .showcaseItem__bcg {
    transition: background-position 0.3s linear;
}
.showcaseItem__bcg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center top;
    z-index: -1;
}
.showcaseItem__wrap {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
.showcaseItem__text {
    color: #fff;
    font-size: 18px;
    line-height: 2;
    padding: 0 10px;
    opacity: 1;
    box-sizing: border-box;
    width: 100%;
    word-wrap: break-word;
}
.showcaseItem__button {
    opacity: 1;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}
.showcaseItem__button .button--thin {
    background-color: transparent;
    border: 1px solid #fff;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
.showcaseItem__button .button--thin .button__txt {
    color: #fff;
}
@media screen and (max-width: 768px) {
    .showcaseItem__text {
        display: block;
    }
}
.showcase {
    position: relative;
    width: 85.7%;
    margin: 0 7.14%;
    z-index: 3;
    padding-bottom: 2rem;
}
.showcase:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both;
    visibility: hidden;
}
.showcase__col {
    position: relative;
    width: 16.66%;
    margin-top: -15.057vh;
    transition: -webkit-transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    float: left;
}
.showcase__col.showcase__col--topSmall {
    margin-top: -33.301vh;
}
.showcase__col.showcase__col--topBig {
    margin-top: -55.491vh;
}
@media screen and (max-width: 699px) {
    .showcaseItem__text {
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 499px) {
    .showcaseItem {
        height: 300px;
    }
}
@media screen and (min-width: 1400px) {
    .showcase__col {
        margin-top: calc(-15.057vh - 3.6vw);
    }
    .showcase__col.showcase__col--topSmall {
        margin-top: calc(-33.301vh - 3.6vw);
    }
    .showcase__col.showcase__col--topBig {
        margin-top: calc(-55.491vh - 3.6vw);
    }
   .service-we-provide .svp-big-box .padder{ min-height: 435px; }
   .service-we-provide .svp-big-box p{ line-height: 1.9 !important; }
}
@media screen and (max-width: 1099px) {
    .showcase {
        position: relative;
        width: 80%;
        margin: 0 10%;
        z-index: 0;
    }
    .showcase__col {
        position: relative;
        width: 25%;
        transition: -webkit-transform 0.5s linear;
        transition: transform 0.5s linear;
        transition: transform 0.5s linear, -webkit-transform 0.5s linear;
        margin-top: calc(-25.057vh - 8vw);
    }
    .showcase__col.showcase__col--topSmall {
        margin-top: calc(-43.301vh - 8vw);
    }
    .showcase__col.showcase__col--topBig {
        margin-top: calc(-65.491vh - 8vw);
    }
    .showcase__col:nth-of-type(5),
    .showcase__col:nth-of-type(6) {
        display: none;
    }
}
@media screen and (max-width: 699px) {
    .showcase__col {
        width: 100%;
        margin-top: 0;
    }
    .showcase__col.showcase__col--topBig,
    .showcase__col.showcase__col--topSmall {
        margin-top: 0;
    }
    .showcase__col:nth-of-type(5),
    .showcase__col:nth-of-type(6) {
        display: block;
    }
}
@media (max-width: 1600px) {
    .ludo-app-screen .tickTock-visual-app .owl-item .item .visual-screen {
        max-width: 290px;
    }
    .ludo-app-screen .visual-box .visual-app-frame {
        width: 350px;
        height: 709px;
    }
    .lodu-features .technology-timeline .event:before {
        right: 112%;
    }
}
@media (max-width: 1440px) {
    .ludo-app-screen .tickTock-visual-app .owl-item .item .visual-screen {
        max-width: 250px;
    }
    .ludo-app-screen .visual-box .visual-app-frame {
        width: 300px;
        height: 619px;
    }
    .lodu-features .technology-timeline .event:before {
        right: 112%;
    }
    .ludo-app-bnr .case-app-mob {
        max-width: 600px;
    }
    .ludo-app-bnr .app-name .customizable .title-h1 {
        font-size: 36px;
    }
    .ludo-app-bnr .app-name .customizable .title-h1 span {
        font-size: 36px;
    }
    .headBox__wrap {
        padding-top: 4%;
    }
}
@media (max-width: 1366px) {
    .ludo-app-screen .tickTock-visual-app .owl-item .item .visual-screen {
        max-width: 250px;
    }
    .ludo-app-screen .visual-box .visual-app-frame {
        width: 300px;
        height: 619px;
    }
    .lodu-features .technology-timeline .event:before {
        right: 112%;
    }
    .ludo-app-bnr:after {
        bottom: 0;
        top: auto;
    }
    .ludo-app-bnr .case-app-mob {
        max-width: 450px;
    }
    .ludo-app-bnr .app-name .customizable .title-h1 {
        font-size: 36px;
    }
    .ludo-app-bnr .app-name .customizable .title-h1 span {
        font-size: 36px;
    }
    .headBox__wrap {
        padding-top: 4%;
    }
}
@media (max-width: 1200px) {
    .lodu-features .technology-timeline .event:before {
        right: 114%;
    }
}
@media (max-width: 1024px) {
    .lodu-features .technology-timeline .event:before {
        right: 117%;
    }
}
@media (max-width: 767px) {
    .ludo-app-bnr {
        min-height: 100%;
        background-size: cover;
    }
    .ludo-app-bnr:before {
        top: 0px;
        bottom: 0;
    }
    .ludo-app-bnr:after {
        display: none;
    }
    .ludo-app-bnr .dice1 {
        top: 10%;
    }
    .ludo-app-bnr .dice2 {
        bottom: 2%;
        display: none;
    }
    .ludo-app-bnr .app-name {
        margin-top: 3%;
        color: #fff;
    }
    .ludo-app-bnr .app-name .get-app-btn {
        margin-bottom: 30px;
    }
    .ludo-app-bnr .app-name .app-description {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }
    .ludo-app-bnr .app-name .app-description:before {
        background-color: #ffc233;
    }
    .ludo-app-bnr .app-name .customizable .title-h1 {
        font-size: 36px;
    }
    .ludo-app-bnr .app-name .customizable .title-h1 span {
        font-size: 36px;
    }
    .ludo-app-bnr .case-app-mob {
        display: none;
    }
    .ludo-app-bnr .web-none {
        display: block;
    }
    .ludo-app-screen {
        padding: 50px 0 50px 0;
    }
    .ludo-app-screen:before {
        display: none;
    }
    .ludo-app-screen:after {
        display: none;
    }
    .ludo-cta .title-h3 {
        font-size: 26px;
    }
    .king-clone:before {
        display: none;
    }
    .king-clone .title-h2 {
        font-size: 26px;
        margin-top: 0;
    }
    .lodu-features:before {
        display: none;
    }
    .lodu-features .technology-timeline .event:before {
        position: static;
        text-align: left;
    }
    .ludo-game-about {
        text-align: center;
    }
    .ludo-game-about .title-h2 {
        text-align: center;
        margin-top: 30px;
        font-size: 26px;
    }
    .ludo-game-about p {
        text-align: center;
    }
    .lodu-features .nav-tabs {
        margin-top: 20px;
    }
    .lodu-features .nav-tabs li {
        float: left;
    }
    .lodu-features .nav-tabs li a {
        padding: 10px 5px;
    }
    .lodu-features .technology-timeline {
        padding: 40px 10px 0px 40px;
        margin-left: 40px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .lodu-features .lodu-features-timeline {
        margin-top: 0px;
    }
    .virtual-ludo .title-h5 {
        text-align: center;
        margin-top: 0;
    }
    .virtual-ludo .title-h2 {
        text-align: center;
        font-size: 26px;
    }
    .ludo-cta {
        padding: 50px 0 175px 0;
    }
    .ludo-cta:after {
        display: none;
    }
    .ludo-app-screen .heading {
        font-size: 26px;
    }
    .headBox h2 {
        text-align: center;
        font-size: 26px;
    }
    .headBox p {
        text-align: center;
    }
    .headBox .headBox__text {
        width: 100%;
    }
    .headBox .os-free {
        margin: 0 auto 20px auto;
    }
    .headBox .headBox__txtBox {
        height: 100%;
        text-align: center;
    }
    .headBox .headBox__bg {
        display: none;
    }
    .why-choose-ludo .title-h2 {
        font-size: 26px;
    }
    .ludo-cta2 {
        text-align: center;
    }
    .ludo-cta2 .title-h3 {
        text-align: center;
        font-size: 26px;
    }
    .ludo-cta2 p {
        text-align: center;
    }
    .ludo-app-screen .tickTock-visual-app .owl-nav button.fa-chevron-right {
        right: -20px;
    }
    .ludo-app-screen .tickTock-visual-app .owl-nav button.fa-chevron-left {
        left: -20px;
    }
    .modes-of-ludo {
        padding: 50px 0;
    }
    .modes-of-ludo .title-h2 {
        font-size: 26px;
    }
    .modes-of-ludo .ludo-features h3 {
        margin-top: 0;
        font-size: 22px;
    }
    .lodu-features .heading {
        font-size: 26px;
        margin-top: 0;
    }
    .king-clone .service-provider-list li {
        width: 100%;
    }
    .virtual-ludo .virtual-box h3 {
        text-align: center;
    }
    .virtual-ludo .virtual-box h3 span {
        display: block;
    }
    .virtual-ludo .virtual-box p {
        text-align: center;
    }
    .headBox--portfolio {
        height: 70vh;
    }
    .headBox__txtBox {
        top: 60%;
    }
}
.live-streaming-bnr {
    background-color: #371090;
    padding: 150px 0 0px 0;
    position: relative;
    min-height: 800px;
}
.live-streaming-bnr:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    bottom: -1px;
    width: 100%;
    height: 100%;
    background-image: url("../img/ls.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    z-index: 0;
}
.live-streaming-bnr:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    bottom: -1px;
    width: 100%;
    height: 100%;
    background-image: url("../img/ls-bg.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    opacity: 0.2;
    background-attachment: fixed;
    z-index: 0;
}
.live-streaming-bnr .ls-slider {
    margin-top: 0px;
}
.live-streaming-bnr .ls-slider img {
    max-width: 649px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.live-streaming-bnr .ls-slider .owl-nav button {
    top: 45%;
    position: absolute;
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-size: 20px;
    color: #fff;
}
.live-streaming-bnr .ls-slider .owl-nav button.fa-chevron-left {
    left: -10px;
}
.live-streaming-bnr .ls-slider .owl-nav button.fa-chevron-right {
    right: -10px;
}
.live-streaming-bnr .title-h1 {
    color: #fff;
    margin-top: 10%;
    margin-bottom: 30px;
}
.live-streaming-bnr .style_3 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.live-streaming-bnr p {
    color: #fff;
    margin-bottom: 30px;
}
.live-streaming-bnr .container {
    position: relative;
    z-index: 1;
}
.live-streaming-bnr .ls-circle {
    width: 500px;
}
.live-streaming-about {
    padding: 100px 0;
    background-color: #eef3f7;
}
.live-streaming-about .live-streaming-img {
    max-width: 864px;
    margin: 0 auto;
}
.live-streaming-about .live-streaming-img img {
    width: 100%;
}
.live-streaming-about .title-h2 {
    margin-bottom: 30px;
}
.live-streaming-about p {
    margin-bottom: 30px;
}
.streaming-apps-types {
    padding: 100px 0;
}
.streaming-apps-types .title-h2 {
    margin-bottom: 50px;
    text-align: center;
}
.streaming-apps-types p {
    margin-bottom: 30px;
}
.streaming-apps-types .ls-types li {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
}
.streaming-apps-types .ls-types li .l-app {
    text-align: center;
}
.streaming-apps-types .ls-types li .l-app img {
    -webkit-box-shadow: -3px 12px 27px 0 rgba(5, 122, 171, 0.2);
    box-shadow: -3px 12px 27px 0 rgba(5, 122, 171, 0.2);
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    border-radius: 22px;
}
.streaming-apps-types .ls-types li p {
    text-align: center;
    margin-bottom: 0;
    margin-top: 5px;
    font-family: "cera_pro_bold";
}
.streaming-apps-types .timeline {
    display: flex;
    flex-direction: column;
    width: 50vw;
    margin: 5% auto;
}
.streaming-apps-types .timeline__event {
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    margin: 20px 0;
    border-radius: 8px;
    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
.streaming-apps-types .timeline__event__title {
    font-size: 16px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 600;
    color: #9251ac;
    letter-spacing: 1.5px;
}
.streaming-apps-types .timeline__event__content {
    padding: 20px;
}
.streaming-apps-types .timeline__event__date {
    color: #f6a4ec;
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
}
.streaming-apps-types .timeline__event__icon {
    border-radius: 8px 0 0 8px;
    background: #9251ac;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 40%;
    font-size: 2rem;
    color: #9251ac;
    padding: 20px;
}
.streaming-apps-types .timeline__event__icon .ls-icon {
    position: absolute;
    left: -63px;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
}
.streaming-apps-types .timeline__event__description {
    flex-basis: 60%;
}
.streaming-apps-types .timeline__event:after {
    content: "";
    width: 2px;
    height: 100%;
    background: #9251ac;
    position: absolute;
    top: 52%;
    left: -3.5rem;
    z-index: -1;
}
.streaming-apps-types .timeline__event:before {
    content: "";
    width: 10rem;
    height: 10rem;
    position: absolute;
    background: #f6a4ec;
    border-radius: 100%;
    left: -8.4rem;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #9251ac;
}
.streaming-apps-types .timeline__event--type2:before {
    background: #87bbfe;
    border-color: #555ac0;
}
.streaming-apps-types .timeline__event--type2:after {
    background: #555ac0;
}
.streaming-apps-types .timeline__event--type2 .timeline__event__date {
    color: #87bbfe;
    margin-top: 0;
    font-family: "cera_pro_bold";
}
.streaming-apps-types .timeline__event--type2 .timeline__event__icon {
    background: #555ac0;
    color: #555ac0;
}
.streaming-apps-types .timeline__event--type2 .timeline__event__title {
    color: #555ac0;
}
.streaming-apps-types .timeline__event--type3:before {
    background: #aff1b6;
    border-color: #24b47e;
}
.streaming-apps-types .timeline__event--type3:after {
    background: #24b47e;
}
.streaming-apps-types .timeline__event--type3 .timeline__event__date {
    color: #aff1b6;
    margin-top: 0;
    font-family: "cera_pro_bold";
}
.streaming-apps-types .timeline__event--type3 .timeline__event__icon {
    background: #24b47e;
    color: #24b47e;
}
.streaming-apps-types .timeline__event--type3 .timeline__event__title {
    color: #24b47e;
}
.streaming-apps-types .timeline__event:last-child:after {
    content: none;
}
.lvs-features {
    padding: 100px 0;
    background-color: #f5f5f5;
}
.lvs-features .title-h3 {
    text-align: center;
    margin-bottom: 40px;
    font-family: "cera_pro_bold";
}
.lvs-features .icon-text {
    position: relative;
    padding-left: 80px;
    margin-top: 100px;
    min-height: 120px;
}
.lvs-features .icon-text img {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 62px;
}
.lvs-features .icon-text.right {
    padding-left: 0px;
    padding-right: 80px;
    text-align: right;
}
.lvs-features .icon-text.right img {
    right: 0;
    left: auto;
}
.lvs-features .icon-text h3 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 18px;
}
.lvs-features .app-screenshot {
    max-width: 400px;
    margin: 0 auto;
}
.lvs-features .app-screenshot img {
    width: 100%;
}
.ls-technologies-work {
    padding: 100px 0;
    background-color: #fff;
}
.ls-technologies-work .title-h2 {
    margin-bottom: 20px;
    text-align: center;
}
.ls-technologies-work .title-h3 {
    margin-bottom: 20px;
    text-align: center;
}
.ls-technologies-work .nav-pills {
    margin-bottom: 30px;
    background-color: #f5f5f5;
    padding: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
}
.ls-technologies-work .nav-pills .nav-item a {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    font-family: "cera_pro_medium", Sans-serif;
}
.ls-technologies-work .nav-pills .nav-item a p {
    margin-bottom: 0;
    margin-top: 10px;
}
.ls-technologies-work .nav-pills .nav-item.active a {
    background-color: #fff;
    color: #481891;
}
.ls-technologies-work .ls-tech-list {
    text-align: center;
}
.ls-technologies-work .ls-tech-list li {
    display: inline-block;
    width: 17%;
    vertical-align: top;
    margin: 15px;
    border-bottom: 1px dashed #ccc;
    position: relative;
    padding-bottom: 20px;
}
.ls-technologies-work .ls-tech-list li:before {
    content: "";
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: 1px dashed #ccc;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    margin-left: auto;
    margin-right: auto;
}
.ls-technologies-work .ls-tech-list li img {
    margin-bottom: 10px;
}
.ls-technologies-work .ls-tech-list li p {
    font-family: "cera_pro_bold";
}
.ls-top-industries {
    padding: 100px 0;
    background-color: #f6f8ff;
}
.ls-top-industries .title-h2 {
    margin-bottom: 20px;
    text-align: center;
}
.ls-top-industries p {
    text-align: center;
    margin-bottom: 20px;
}
.ls-top-industries p a {
    color: #8200f2;
}
.ls-top-industries .title-h3 {
    margin-bottom: 20px;
    text-align: center;
}
.ls-top-industries .ls-top-list {
    text-align: center;
}
.ls-top-industries .ls-top-list li {
    display: inline-block;
    width: 17%;
    background-color: #fff;
    padding: 20px 10px;
    vertical-align: top;
    margin: 15px;
    border: 1px dashed #ccc;
    position: relative;
    padding-bottom: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ls-top-industries .ls-top-list li:before {
    content: "";
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: 1px dashed #ccc;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    margin-left: auto;
    margin-right: auto;
}
.ls-top-industries .ls-top-list li:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
}
.ls-top-industries .ls-top-list li img {
    margin-bottom: 10px;
}
.ls-top-industries .ls-top-list li p {
    font-family: "cera_pro_bold";
    margin-bottom: 0px;
}
.a-streaming {
    padding: 0px 0 100px 0;
    position: relative;
    overflow: hidden;
}
.a-streaming:before {
    content: "";
    position: absolute;
    right: 0;
    top: 100px;
    width: 600px;
    height: 197px;
    background-image: url("../img/as-right.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.a-streaming .w-show {
    display: block;
}
.a-streaming .m-show {
    display: none;
}
.a-streaming .title-h2 {
    margin-bottom: 50px;
    text-align: center;
}
.a-streaming .title-h3 {
    margin-bottom: 30px;
}
.a-streaming p {
    margin-bottom: 30px;
}
.a-streaming .a-list li {
    margin: 10px 5px 10px 5px;
    font-family: "cera_pro_bold";
    position: relative;
    background-color: #fff;
    padding: 10px 5px 5px 50px;
    box-shadow: 0px 10px 25px 0px rgba(139, 180, 226, 0.4);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(139, 180, 226, 0.4);
    -moz-box-shadow: 0px 10px 25px 0px rgba(139, 180, 226, 0.4);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    min-height: 40px;
    line-height: normal;
    display: inline-block;
    vertical-align: top;
    width: 48%;
}
.a-streaming .a-list li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background-color: #8200f2;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.a-streaming .a-list li span i {
    color: #fff;
    margin-top: 10px;
}
.a-streaming .a-img {
    max-width: 500px;
    margin: 0 auto;
}
.a-streaming .a-img img {
    width: 100%;
}
.v-streaming {
    padding: 0px 0 100px 0;
    position: relative;
    overflow: hidden;
}
.v-streaming:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 600px;
    height: 452px;
    background-image: url("../img/vs-left.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.v-streaming .title-h3 {
    margin-bottom: 30px;
}
.v-streaming p {
    margin-bottom: 30px;
}
.v-streaming .a-list li {
    margin-top: 20px;
    font-family: "cera_pro_bold";
    position: relative;
    background-color: #fff;
    padding: 10px 5px 5px 50px;
    box-shadow: 0px 10px 25px 0px rgba(139, 180, 226, 0.4);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(139, 180, 226, 0.4);
    -moz-box-shadow: 0px 10px 25px 0px rgba(139, 180, 226, 0.4);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    min-height: 40px;
    line-height: normal;
}
.v-streaming .a-list li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background-color: #8200f2;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.v-streaming .a-list li span i {
    color: #fff;
    margin-top: 10px;
}
.v-streaming .v-img {
    max-width: 600px;
    margin: 0 auto;
}
.v-streaming .v-img img {
    width: 100%;
}
.ls-why-choose {
    padding: 100px 0;
    background: #eef3f7;
    background: -webkit-linear-gradient(#eef3f7 0%, #fff 100%);
    background: -o-linear-gradient(#eef3f7 0%, #fff 100%);
    background: linear-gradient(#eef3f7 0%, #fff 100%);
}
.ls-why-choose .title-h2 {
    text-align: center;
    margin-bottom: 40px;
    font-family: "cera_pro_bold";
}
.ls-why-choose .title-h2 span {
    font-family: "cera_pro_light", Sans-serif;
    display: block;
}
.ls-why-choose .title-h2 abbr {
    font-family: "cera_pro_bold";
    display: block;
}
.ls-why-choose .ios-nhz li {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    text-align: center;
    background-color: #fff;
    padding: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ls-why-choose .ios-nhz li:hover {
    -webkit-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    -moz-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    position: relative;
    z-index: 1;
}
.ls-why-choose .ios-nhz li.top {
    margin-top: 6.5%;
}
.ls-why-choose .ios-nhz li .bdr-l {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.ls-why-choose .ios-nhz li p {
    font-family: "cera_pro_medium", Sans-serif;
    margin-bottom: 0;
}
.virtual-ludo.ls-monetization .title-h2 {
    text-align: center;
    margin-bottom: 50px;
    font-size: 30px;
}
.virtual-ludo.ls-monetization .virtual-box {
    min-height: 292px;
}
.virtual-ludo.ls-monetization .virtual-box h3 {
    font-size: 20px;
    position: relative;
    padding-left: 70px;
    min-height: 65px;
    padding-top: 20px;
}
.virtual-ludo.ls-monetization .virtual-box h3 span {
    position: absolute;
    left: 0;
    top: 0;
}
@media (max-width: 1600px) {
    .streaming-apps-types .timeline {
        width: 70vw;
    }
    .ls-top-industries .ls-top-list li {
        min-height: 170px;
    }
}
@media (max-width: 1440px) {
    .streaming-apps-types .timeline {
        width: 70vw;
    }
    .live-streaming-about {
        padding-top: 0;
    }
    .ls-top-industries .ls-top-list li {
        min-height: 170px;
    }
    .ls-why-choose .title-h2 {
        margin-top: 0px;
    }
    .a-streaming .a-list li {
        width: 48%;
    }
    .lvs-features.ls-features .icon-text {
        margin-top: 80px;
    }
    .virtual-ludo.ls-monetization .virtual-box {
        min-height: 322px;
    }
}
@media (max-width: 1366px) {
    .streaming-apps-types .timeline {
        width: 70vw;
    }
    .live-streaming-about {
        padding-top: 0;
    }
    .ls-why-choose .title-h2 {
        margin-top: 0px;
    }
    .a-streaming .a-list li {
        width: 47%;
    }
    .lvs-features.ls-features .icon-text {
        margin-top: 70px;
    }
}
@media (max-width: 786px) {
    .timeline__event {
        flex-direction: column;
    }
    .timeline__event__icon {
        border-radius: 4px 4px 0 0;
    }
}
@media (max-width: 767px) {
    .lvs-features {
        padding: 50px 0;
    }
    .lvs-features .icon-text {
        margin-top: 30px;
    }
    .lvs-features .icon-text.right .app-design-features .icon-text.right {
        padding-left: 80px;
        padding-right: 0px;
        text-align: left;
    }
    .lvs-features .icon-text.right img {
        right: auto;
        left: 0;
    }
    .lvs-features .icon-text.right {
        padding-left: 80px;
        padding-right: 0px;
        text-align: left;
    }
    .live-streaming-bnr {
        padding: 100px 0;
    }
    .live-streaming-bnr:before {
        background-size: cover;
    }
    .live-streaming-bnr .title-h1 {
        text-align: center;
    }
    .live-streaming-bnr p {
        text-align: center;
    }
    .live-streaming-bnr .text-left {
        text-align: center;
    }
    .live-streaming-about {
        padding: 50px 0;
    }
    .live-streaming-about .title-h2 {
        text-align: center;
    }
    .live-streaming-about p {
        text-align: center;
    }
    .live-streaming-about .text-left {
        text-align: center;
    }
    .live-streaming-about .live-streaming-img {
        margin-top: 30px;
    }
    .streaming-apps-types {
        padding: 50px 0;
    }
    .streaming-apps-types .timeline {
        width: 100%;
    }
    .streaming-apps-types .ls-types {
        text-align: center;
    }
    .streaming-apps-types .timeline__event--type2:before {
        display: none;
    }
    .streaming-apps-types .timeline__event--type2 .timeline__event__title {
        text-align: center;
    }
    .streaming-apps-types .timeline__event:before {
        display: none;
    }
    .streaming-apps-types .timeline__event__icon .ls-icon {
        display: none;
    }
    .ls-technologies-work .nav-justified li {
        float: none;
        width: 31%;
        display: inline-block;
        vertical-align: top;
    }
    .ls-technologies-work .nav-justified li p {
        display: none;
    }
    .ls-technologies-work .nav-justified li img {
        width: 50px;
    }
    .ls-technologies-work .ls-tech-list li {
        width: 31%;
    }
    .ls-top-industries .ls-top-list li {
        float: none;
        width: 40%;
        display: inline-block;
        vertical-align: top;
        min-height: 100%;
    }
    .ls-top-industries .ls-top-list li p {
        font-size: 14px;
        line-height: normal;
    }
    .a-streaming {
        padding: 0px 0 50px 0;
    }
    .a-streaming:before {
        top: 140px;
    }
    .a-streaming .title-h2 {
        text-align: center;
        font-size: 30px;
    }
    .a-streaming .title-h3 {
        text-align: center;
    }
    .a-streaming p {
        text-align: center;
    }
    .a-streaming h4 {
        text-align: center;
    }
    .a-streaming .w-show {
        display: none;
    }
    .a-streaming .m-show {
        display: block;
    }
    .a-streaming .a-list li {
        width: 100%;
    }
    .v-streaming {
        padding: 50px 0;
    }
    .v-streaming .title-h3 {
        text-align: center;
        margin-top: 90px;
    }
    .v-streaming h4 {
        text-align: center;
    }
    .v-streaming p {
        text-align: center;
    }
    .ls-why-choose {
        padding: 50px 0;
    }
    .ls-why-choose .title-h2 {
        font-size: 30px;
    }
    .ls-why-choose .ios-nhz li {
        width: 49%;
        min-height: 225px;
        margin-bottom: 4px;
    }
    .ls-why-choose .ios-nhz li.top {
        margin-top: 0;
    }
    .virtual-ludo.ls-monetization .virtual-box {
        min-height: 100%;
    }
    .virtual-ludo.ls-monetization .virtual-box h3 {
        text-align: left;
    }
}
.referral-banner {
    background-color: #371090;
    padding: 150px 0 0px 0;
    position: relative;
    min-height: 800px;
}
.referral-banner:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    bottom: -2px;
    width: 100%;
    height: 100%;
    background-image: url("../img/referral-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    z-index: 0;
}
.referral-banner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    bottom: -1px;
    width: 100%;
    height: 100%;
    background-image: url("../img/referral-program.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    opacity: 0.2;
    background-attachment: fixed;
    z-index: 0;
}
.referral-banner .title-h1 {
    text-align: center;
    color: #fff;
    font-size: 40px;
    line-height: normal;
    margin-top: 10%;
    margin-bottom: 30px;
}
.referral-banner p {
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
}
.referral-banner .style_3 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.referral-banner .container {
    position: relative;
    z-index: 1;
}
.referral-banner .pp-img {
    max-width: 605px;
    margin: 0 auto;
}
.referral-banner .pp-img img {
    width: 100%;
}
.partner-program {
    padding: 100px 0;
    background-color: #eef3f7;
}
.partner-program .title-h2 {
    margin-bottom: 30px;
}
.partner-program p {
    margin-bottom: 30px;
}
.three-simple-steps {
    padding: 20px 0 0;
    position: relative;
    overflow: hidden;
}
.three-simple-steps:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    bottom: 0px;
    top: 0;
    margin: auto;
    width: 1170px;
    height: 587px;
    background-image: url("../img/wrld-map.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    z-index: 0;
    opacity: 0.1;
}
.three-simple-steps .title-h2 {
    margin-bottom: 30px;
    text-align: center;
}
.three-simple-steps p {
    margin-bottom: 30px;
    text-align: center;
}
.three-simple-steps .container {
    position: relative;
    z-index: 1;
}
.three-simple-steps .steps-img {
    width: 400px;
    height: 400px;
    background-color: #ffffff7a;
    margin: 5% auto 0 auto;
    position: relative;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    -moz-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    overflow: hidden;
    text-align: center;
}
.three-simple-steps .steps-img:before {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
    z-index: 0;
    border: 1px dashed #ffffff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}
.three-simple-steps .steps-img img {
    max-width: 300px;
    width: 100%;
    margin-top: 16%;
}
.three-simple-steps .steps-box {
    position: relative;
    padding-left: 120px;
    margin-bottom: 50px;
   color: #cccccc;
}
.three-simple-steps .steps-box h3 {
   color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5em;
}
.three-simple-steps .steps-box .stp-icon {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #333;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    -moz-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    border: 1px dashed #fff;
}
.three-simple-steps .steps-box .stp-icon.bg1 {
    background-color: rgba(255,255,255,0.40);
}
.three-simple-steps .steps-box .stp-icon.bg2 {
    background-color: rgba(255,255,255,0.40);
}
.three-simple-steps .steps-box .stp-icon.bg3 {
    background-color: rgba(255,255,255,0.40);
}
.three-simple-steps .steps-box .stp-icon img {
    margin-top: 19px;
}
.three-simple-steps .steps-box .stp-icon .nbr {
    display: inline-block;
    width: 60px;
    height: 60px;
    position: absolute;
    left: -100%;
    top: 0;
    text-align: center;
    background-color: #333;
    color: #fff;
    font-family: "cera_pro_bold";
    font-size: 30px;
    line-height: 60px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    -moz-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    border: 1px dashed #fff;
}
.three-simple-steps .steps-box .stp-icon .nbr.b1 {
    background-color: rgba(255,255,255,0.30);
    top: 60%;
}
.three-simple-steps .steps-box .stp-icon .nbr.b2 {
    background-color: rgba(255,255,255,0.30);
    top: 20%;
}
.three-simple-steps .steps-box .stp-icon .nbr.b3 {
    background-color: rgba(255,255,255,0.30);
    top: auto;
    bottom: 60%;
}
.three-simple-steps .steps-box p {
    text-align: left;
}
.we-offer {
    padding: 100px 0;
    background-color: #f9f9f9;
}
.we-offer .title-h2 {
    margin-bottom: 30px;
    text-align: center;
}
.we-offer .offer-box {
    position: relative;
    background-color: #fff;
    padding: 20px 20px 20px 110px;
    margin-top: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.we-offer .offer-box:hover {
    -webkit-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    -moz-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
}
.we-offer .offer-box:hover .offer-icon {
    box-shadow: -10px -5px 0px 0px rgba(130, 0, 242, 0.3);
    -webkit-box-shadow: -5px -5px 0px 0px rgba(130, 0, 242, 0.3);
    -moz-box-shadow: -5px -5px 0px 0px rgba(130, 0, 242, 0.3);
    -moz-transform: translate(5px, 5px);
    -webkit-transform: translate(5px, 5px);
    -o-transform: translate(5px, 5px);
    -ms-transform: translate(5px, 5px);
    transform: translate(5px, 5px);
}
.we-offer .offer-box .offer-icon {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #8200f2;
    position: absolute;
    left: 20px;
    top: 20px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.we-offer .offer-box .offer-icon img {
    margin-top: 10px;
}
.rnd-expertise.oe-industry {
    background-color: #fff;
}
.partnership-business {
    padding: 100px 0;
}
.partnership-business .title-h2 {
    text-align: center;
    margin-bottom: 30px;
}
.partnership-business .title-h3 {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 50px;
}
.partnership-business .title-h4 {
    text-align: center;
    margin-bottom: 30px;
}
.partnership-business .title-h4.top {
    margin-top: 50px;
}
.partnership-business p {
    margin-bottom: 30px;
}
.partnership-business p.cntr {
    text-align: center;
}
.partnership-business .pb-tabs .nav-tabs {
    text-align: center;
    background-color: #371090;
    padding: 20px 0 0px 0;
    border-bottom: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.partnership-business .pb-tabs .nav-tabs li {
    display: inline-block;
    vertical-align: top;
    float: none;
}
.partnership-business .pb-tabs .nav-tabs li a {
    border: none;
    color: #fff;
    font-family: "cera_pro_medium", Sans-serif;
}
.partnership-business .pb-tabs .nav-tabs li.active a {
    color: #371090;
}
.partnership-business .pb-tabs .rpp-img {
    max-width: 351px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.partnership-business .pb-tabs .rpp-img img {
    width: 100%;
}
.partnership-business .pb-tabs .rpp-img .over-bx {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    color: #fff;
    padding: 20px 10px;
    background: #000;
    background: -webkit-linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);
    font-family: "cera_pro_medium", Sans-serif;
}
.partnership-business .pb-tabs .rpp-img .btn-hover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    padding: 20px 10px;
    background: #000;
    background: -webkit-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%);
    font-family: "cera_pro_medium", Sans-serif;
    -moz-transform: translate(0px, 150px);
    -webkit-transform: translate(0px, 150px);
    -o-transform: translate(0px, 150px);
    -ms-transform: translate(0px, 150px);
    transform: translate(0px, 150px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.partnership-business .pb-tabs .rpp-img:hover .btn-hover {
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.partnership-business .ap-box {
    border: 1px solid #ccc;
    padding: 20px;
    min-height: 470px;
    margin-top: 80px;
    margin-bottom: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
}
.partnership-business .ap-box img {
    margin-bottom: 5px;
}
.partnership-business .ap-box ul {
    margin-top: 30px;
}
.partnership-business .ap-box ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    font-family: "cera_pro_bold";
    text-align: left;
}
.partnership-business .ap-box ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #000;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.partnership-business .ap-box.ap-mid {
    background-color: #371090;
    border-color: #371090;
    position: relative;
    padding-bottom: 250px;
    margin-top: 20px;
}
.partnership-business .ap-box.ap-mid:before {
    content: "";
    position: absolute;
    bottom: -22px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    width: 377px;
    height: 304px;
    background-image: url(../img/Set-up-Software.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.partnership-business .ap-box.ap-mid .title-h4 {
    color: #fff;
    text-align: center;
}
.partnership-business .ap-box.ap-mid p {
    color: #fff;
    text-align: center;
}
@media (max-width: 1600px) {
    .three-simple-steps .steps-box .stp-icon .nbr {
        left: -96%;
    }
    .three-simple-steps .steps-img {
        margin-top: 10.5%;
    }
}
@media (max-width: 1440px) {
    .three-simple-steps .steps-box .stp-icon .nbr {
        left: -76%;
    }
    .three-simple-steps .steps-img {
        margin-top: 10.5%;
    }
    .partnership-business .ap-box {
        min-height: 544px;
    }
    .partnership-business .ap-box.ap-mid {
        margin-top: 35px;
    }
}
@media (max-width: 1366px) {
    .three-simple-steps .steps-box .stp-icon .nbr {
        left: -72%;
    }
    .three-simple-steps .steps-img {
        margin-top: 10.5%;
    }
    .partnership-business .ap-box {
        min-height: 544px;
    }
    .partnership-business .ap-box.ap-mid {
        margin-top: 35px;
    }
}
@media (max-width: 767px) {
    .referral-banner {
        padding: 70px 0 70px 0;
        min-height: 100%;
        overflow: hidden;
    }
    .referral-banner:before {
        background-size: cover;
    }
    .referral-banner:after {
        width: 101%;
    }
    .referral-banner .title-h1 {
        font-size: 30px;
    }
    .partner-program {
        padding: 50px 0;
        text-align: center;
    }
    .partner-program .text-left {
        text-align: center;
    }
    .partner-program .pp-img {
        margin-top: 30px;
    }
    .three-simple-steps {
        padding: 50px 0;
        min-height: 100%;
    }
    .three-simple-steps p {
        text-align: center;
    }
    .three-simple-steps .steps-img {
        width: 300px;
        height: 300px;
        margin-bottom: 50px;
    }
    .three-simple-steps .steps-img img {
        max-width: 220px;
    }
    .three-simple-steps .steps-box {
        padding-left: 0;
        text-align: center;
    }
    .three-simple-steps .steps-box p {
        text-align: center !important;
    }
    .three-simple-steps .steps-box .stp-icon {
        position: static;
        display: inline-block;
    }
    .three-simple-steps .steps-box h3 {
        font-size: 20px;
    }
    .we-offer {
        padding: 50px 0;
    }
    .we-offer .offer-box {
        text-align: center;
        padding-left: 20px;
    }
    .we-offer .offer-box .offer-icon {
        position: static;
        display: inline-block;
    }
    .we-offer .offer-box h3 {
        font-size: 20px;
    }
    .partnership-business {
        padding: 50px 0;
    }
    .partnership-business .pb-tabs .nav-tabs li a {
        padding: 10px 8px;
    }
    .partnership-business .pb-tabs .rpp-img {
        margin-bottom: 30px;
    }
    .partnership-business .ap-box.ap-mid:before {
        max-width: 300px;
        width: 100%;
        background-size: 100% auto;
    }
    .we-offer .title-h2 {
        margin-top: 0;
        font-size: 24px;
    }
    .three-simple-steps .title-h2 {
        margin-top: 0;
        font-size: 24px;
    }
    .partner-program .title-h2 {
        margin-top: 0;
        font-size: 24px;
    }
    .partnership-business .title-h2 {
        margin-top: 0;
        font-size: 24px;
    }
}
.iosApp-banner {
    background-color: #251f59;
    padding: 150px 0 0px 0;
    position: relative;
    min-height: 800px;
}
.iosApp-banner:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    bottom: -2px;
    width: 100%;
    height: 100%;
    background-image: url("../img/ios-banner-shap.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    z-index: 0;
}
.iosApp-banner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    bottom: -1px;
    width: 100%;
    height: 100%;
    background-image: url("../img/iphone-app-bnr.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    opacity: 0.4;
    background-attachment: fixed;
    z-index: 0;
}
.iosApp-banner .title-h1 {
    text-align: left;
    color: #fff;
    font-size: 100px;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 30px;
}
.iosApp-banner .title-h1 span {
    text-transform: uppercase;
    display: block;
    font-size: 60px;
}
.iosApp-banner p {
    text-align: left;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
}
.iosApp-banner .style_3 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background-color: #00e0db;
}
.iosApp-banner .style_3:hover {
    color: #000;
}
.iosApp-banner .container {
    position: relative;
    z-index: 1;
}
.iosApp-aboutUs {
    padding: 50px 0 100px 0;
}
.iosApp-aboutUs .title-h2 {
    text-align: left;
    margin-bottom: 30px;
    font-size: 60px;
    font-family: "cera_pro_bold";
}
.iosApp-aboutUs .title-h2 span {
    font-family: "cera_pro_light", Sans-serif;
    display: block;
}
.iosApp-aboutUs .title-h3 {
    text-align: left;
    margin-bottom: 30px;
}
.iosApp-aboutUs p {
    text-align: left;
    margin-bottom: 30px;
}
.iosApp-aboutUs .ios-abt {
    margin-bottom: 30px;
}
.iosApp-aboutUs .ios-abt li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
    font-family: "cera_pro_bold";
}
.iosApp-aboutUs .ios-abt li:before {
    content: "f00c";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    top: 0;
}
.iosApp-aboutUs .ios-abt-img {
    max-width: 604px;
    margin: 30px auto 50px auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
}
.iosApp-aboutUs .ios-abt-img img {
    width: 100%;
}
.ios-why-choose9hz {
    padding: 100px 0;
    background-color: #eef3f7;
}
.ios-why-choose9hz .title-h2 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 40px;
    font-family: "cera_pro_bold";
}
.ios-why-choose9hz .title-h2 span {
    font-family: "cera_pro_light", Sans-serif;
    display: block;
}
.ios-why-choose9hz .title-h2 abbr {
    font-family: "cera_pro_bold";
    display: block;
}
.ios-why-choose9hz .ios-nhz li {
    display: inline-block;
    vertical-align: top;
    width: 16%;
    text-align: center;
    background-color: #fff;
    padding: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ios-why-choose9hz .ios-nhz li:hover {
    -webkit-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    -moz-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    position: relative;
    z-index: 1;
}
.ios-why-choose9hz .ios-nhz li.top {
    margin-top: 100px;
}
.ios-why-choose9hz .ios-nhz li .bdr-l {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.ios-why-choose9hz .ios-nhz li p {
    font-family: "cera_pro_medium", Sans-serif;
    margin-bottom: 0;
}
.ios-ranking {
    padding: 50px 0;
    background-color: #8200f2;
}
.ios-ranking .title-h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 40px;
    color: #fff;
    font-family: "cera_pro_light", Sans-serif;
}
.ios-ranking .title-h2 span {
    font-family: "cera_pro_bold";
    display: block;
}
.ios-ranking .ranking .ios-value {
    float: left;
    vertical-align: top;
    width: 33%;
    text-align: center;
    padding: 20px 20px;
}
.ios-ranking .ranking .ios-value.bBot {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.ios-ranking .ranking .ios-value.bRght {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.ios-ranking .ranking .ios-value .count {
    display: inline-block;
    color: #fff;
    font-size: 40px;
    font-family: "cera_pro_bold";
    vertical-align: top;
    min-width: 100px;
    line-height: normal;
}
.ios-ranking .ranking .ios-value sup {
    display: inline-block;
    color: #ff3d9d;
    font-size: 30px;
    font-family: "cera_pro_bold";
    vertical-align: middle;
    margin-top: 21px;
    line-height: normal;
}
.ios-ranking .ranking .ios-value p {
    color: #fff;
    font-family: "cera_pro_medium", Sans-serif;
    margin-bottom: 0;
}
.apps-are-capable {
    padding: 50px 0;
    background-color: #eef3f7;
}
.apps-are-capable .title-h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 40px;
}
.apps-are-capable p {
    text-align: center;
}
.apps-are-capable .all-devices {
    text-align: center;
    margin-top: 50px;
}
.apps-are-capable .all-devices .o-img {
    width: 150px;
    height: 150px;
    display: inline-block;
    margin-bottom: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    -moz-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
}
.apps-are-capable .all-devices .o-img img {
    margin-top: 24px;
}
.apps-are-capable .all-devices .nam {
    font-family: "cera_pro_bold";
}
.modern-technologies .title-h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 40px;
}
.modern-technologies .title-h3 {
    text-align: center;
    margin-bottom: 30px;
}
.modern-technologies p {
    text-align: center;
    margin-bottom: 30px;
}
.ios-process .title-h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 40px;
}
.ios-process p {
    text-align: center;
    font-family: "cera_pro_bold";
}
.iosIndustries {
    background-color: #eef3f7;
    padding: 100px 0;
    position: relative;
    min-height: 800px;
}
.iosIndustries:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    width: 100%;
    height: 500px;
    background-color: #251f59;
    background-image: url("../img/ios-Industries.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    background-attachment: fixed;
    z-index: 0;
}
.iosIndustries:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    height: 500px;
    background-color: #8200f2;
    opacity: 0.8;
    z-index: 0;
}
.iosIndustries .title-h2 {
    text-align: center;
    color: #fff;
    font-size: 60px;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 30px;
}
.iosIndustries .title-h2 span {
    text-transform: uppercase;
    display: block;
    font-size: 40px;
}
.iosIndustries .container {
    position: relative;
    z-index: 1;
}
.iosIndustries .ios-ind-box {
    background-color: #fff;
    padding: 40px 20px 20px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    background: -webkit-linear-gradient(#fff 0%, #eef3f7 100%);
    background: -o-linear-gradient(#fff 0%, #eef3f7 100%);
    background: linear-gradient(#fff 0%, #eef3f7 100%);
    min-height: 500px;
    -webkit-box-shadow: 0px -40px 40px 0px rgba(79, 33, 185, 0.3);
    -moz-box-shadow: 0px -40px 40px 0px rgba(79, 33, 185, 0.3);
    box-shadow: 0px 0px -40px 0px rgba(79, 33, 185, 0.3);
    position: relative;
}
.iosIndustries .ios-ind-box .ios-ind-icon {
    text-align: center;
    margin-bottom: 50px;
}
.iosIndustries .ios-ind-box .ios-ind-icon li {
    display: inline-block;
    vertical-align: top;
    width: 18%;
    background-color: #fff;
    padding: 20px;
    margin: 15px 10px;
    -webkit-border-radius: 20px 20px 5px 20px;
    -moz-border-radius: 20px 20px 5px 20px;
    -ms-border-radius: 20px 20px 5px 20px;
    border-radius: 20px 20px 5px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.iosIndustries .ios-ind-box .ios-ind-icon li:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    -moz-box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    box-shadow: 0px 0px 40px 0px rgba(79, 33, 185, 0.3);
    position: relative;
    z-index: 1;
}
.iosIndustries .ios-ind-box .ios-ind-icon li img {
    margin-bottom: 10px;
}
.iosIndustries .ios-ind-box .ios-ind-icon li p {
    font-family: "cera_pro_bold";
}
.ios-portfolio {
    padding: 0px 0 100px 0;
    background-color: #eef3f7;
}
.ios-portfolio .title-h2 {
    text-align: center;
    font-size: 40px;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 30px;
}
.ios-portfolio .title-h2 span {
    text-transform: uppercase;
    display: block;
    font-size: 40px;
}
.ios-portfolio .btn {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.ios-portfolio .tickTock-visual-app .item {
    padding: 10px 0;
}
.ios-portfolio .tickTock-visual-app .item img {
    width: auto;
    display: inline-block;
}
.ios-portfolio .tickTock-visual-app .item .app-show {
    margin: 10px;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    padding: 20px;
    position: relative;
    overflow: hidden;
    border-bottom: 5px solid #8200f2;
    height: 500px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ios-portfolio .tickTock-visual-app .item .app-show:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(79, 33, 185, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(79, 33, 185, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(79, 33, 185, 0.3);
    position: relative;
    z-index: 1;
}
.ios-portfolio .tickTock-visual-app .item .app-show .app-show-up {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    background-color: #8200f2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    -ms-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
    -moz-transform: translate(0px, 100%);
    -webkit-transform: translate(0px, 100%);
    -o-transform: translate(0px, 100%);
    -ms-transform: translate(0px, 100%);
    transform: translate(0px, 100%);
}
.ios-portfolio .tickTock-visual-app .item .app-show .app-show-up p {
    color: #fff;
}
.ios-portfolio .tickTock-visual-app .item .app-show:hover .app-show-up {
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
.ios-portfolio .tickTock-visual-app .item .app-show .style_3 {
    color: #000;
    text-transform: none;
    margin-top: 0;
    background-color: #00e0db;
}
.ios-portfolio .tickTock-visual-app .owl-nav {
    text-align: center;
    z-index: 1;
}
.ios-portfolio .tickTock-visual-app .owl-nav button {
    border: none;
    position: absolute;
    top: 43%;
    margin: 10px;
    width: 60px;
    height: 60px;
    background-color: transparent;
    color: #481891;
    font-size: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.ios-portfolio .tickTock-visual-app .owl-nav button.fa-chevron-left {
    left: -50px;
}
.ios-portfolio .tickTock-visual-app .owl-nav button.fa-chevron-right {
    right: -50px;
}
.ios-ranked {
    padding: 50px 0;
    background-color: #410f88;
}
.ios-ranked .title-h2 {
    text-align: left;
    color: #fff;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 30px;
}
.ios-ranked .title-h4 {
    text-align: left;
    color: #00e0db;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 40px;
    
}
.ios-ranked .title-h4 span {
    text-transform: uppercase;
    display: inline-block;
    font-size: 40px;
    color: #fff;
    margin-left: 10px;
    font-family: "cera_pro_bold";
}
.ios-ranked .owl-toprated .item {
    text-align: center;
}
.ios-ranked .owl-toprated .item img {
    width: auto;
    display: inline-block;
}
.ios-ranked .owl-toprated .owl-dots {
    display: none;
}
.ios-ranked .owl-toprated .owl-nav {
    text-align: center;
    z-index: 1;
}
.ios-ranked .owl-toprated .owl-nav button {
    border: none;
    position: absolute;
    top: 22%;
    margin: 10px;
    width: 60px;
    height: 60px;
    background-color: transparent;
    color: #fff;
    font-size: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.ios-ranked .owl-toprated .owl-nav button.fa-angle-left {
    left: 0px;
}
.ios-ranked .owl-toprated .owl-nav button.fa-angle-right {
    right: 0px;
}
.ios-o-services {
    padding: 100px 0;
}
.ios-o-services .title-h2 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 40px;
    font-family: "cera_pro_light", Sans-serif;
    line-height: normal;
}
.ios-o-services .title-h2 span {
    font-family: "cera_pro_bold";
    display: block;
}
.ios-o-services .ios-other li {
    border: 1px solid #8200f2;
    padding: 20px 20px 20px 60px;
    -webkit-border-radius: 20px 20px 5px 20px;
    -moz-border-radius: 20px 20px 5px 20px;
    -ms-border-radius: 20px 20px 5px 20px;
    border-radius: 20px 20px 5px 20px;
    background-color: #fff;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 16%;
    margin: 10px 10px 10px 40px;
    min-height: 127px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.3);
}
.ios-o-services .ios-other li:hover {
    background-color: #8200f2;
}
.ios-o-services .ios-other li:hover p {
    color: #fff;
}
.ios-o-services .ios-other li:hover span {
    border-color: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(79, 33, 185, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(79, 33, 185, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(79, 33, 185, 0.3);
}
.ios-o-services .ios-other li .a-link {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.ios-o-services .ios-other li p {
    font-family: "cera_pro_bold";
    margin-top: 17px;
}
.ios-o-services .ios-other li span {
    position: absolute;
    display: inline-block;
    text-align: center;
    left: -40px;
    top: 23px;
    width: 80px;
    height: 80px;
    border: 5px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
}
.ios-o-services .ios-other li span img {
    margin-top: 5px;
}
@media (max-width: 1440px) {
    .iosApp-banner .title-h1 {
        font-size: 80px;
    }
    .iosApp-banner .title-h1 span {
        font-size: 40px;
    }
    .iosApp-aboutUs .title-h2 {
        font-size: 40px;
    }
    .ios-why-choose9hz .title-h2 {
        margin-top: 0px;
    }
    .iosIndustries .title-h2 {
        font-size: 50px;
    }
    .iosIndustries .title-h2 span {
        font-size: 30px;
    }
    .iosIndustries .ios-ind-box .ios-ind-icon li {
        width: 17%;
        min-height: 170px;
    }
    .ios-portfolio .title-h2 {
        font-size: 30px;
    }
    .ios-portfolio .tickTock-visual-app .item .app-show h3 {
        font-size: 21px;
    }
    .ios-ranked .title-h4 {
        font-size: 30px;
    }
    .ios-ranked .title-h4 span {
        font-size: 30px;
    }
    .ios-ranked .title-h2 {
        font-size: 30px;
        text-align: center;
    }
    .ios-ranked .owl-toprated .owl-nav button.fa-angle-left {
        left: -20px;
    }
    .ios-ranked .owl-toprated .owl-nav button.fa-angle-right {
        right: -20px;
    }
    .ios-o-services .title-h2 {
        font-size: 30px;
    }
    .ios-o-services .title-h2 span {
        font-size: 30px;
    }
    .ios-o-services .ios-other li {
        width: 15%;
        padding-left: 50px;
    }
}
@media (max-width: 1366px) {
    .iosApp-banner .title-h1 {
        font-size: 80px;
    }
    .iosApp-banner .title-h1 span {
        font-size: 40px;
    }
    .iosApp-aboutUs .title-h2 {
        font-size: 40px;
    }
    .ios-why-choose9hz .title-h2 {
        margin-top: 0px;
    }
    .iosIndustries .title-h2 {
        font-size: 50px;
    }
    .iosIndustries .title-h2 span {
        font-size: 30px;
    }
    .iosIndustries .ios-ind-box .ios-ind-icon li {
        width: 17%;
        min-height: 170px;
    }
    .ios-portfolio .title-h2 {
        font-size: 30px;
    }
    .ios-portfolio .tickTock-visual-app .item .app-show h3 {
        font-size: 21px;
    }
    .ios-ranked .title-h4 {
        font-size: 30px;
    }
    .ios-ranked .title-h4 span {
        font-size: 30px;
    }
    .ios-ranked .title-h2 {
        font-size: 30px;
        text-align: center;
    }
    .ios-ranked .owl-toprated .owl-nav button.fa-angle-left {
        left: -20px;
    }
    .ios-ranked .owl-toprated .owl-nav button.fa-angle-right {
        right: -20px;
    }
    .ios-o-services .title-h2 {
        font-size: 30px;
    }
    .ios-o-services .title-h2 span {
        font-size: 30px;
    }
    .ios-o-services .ios-other li {
        width: 15%;
        padding-left: 50px;
    }
}
@media (max-width: 767px) {
    .iosApp-banner {
        padding: 100px 0 70px 0;
        min-height: 100%;
    }
    .iosApp-banner:before {
        background-size: cover;
    }
    .iosApp-banner .title-h1 {
        text-align: center;
        font-size: 50px;
    }
    .iosApp-banner .title-h1 span {
        font-size: 30px;
        display: inline-block;
    }
    .iosApp-banner p {
        text-align: center;
    }
    .iosApp-banner .text-left {
        text-align: center;
    }
    .iosApp-aboutUs {
        padding-bottom: 50px;
    }
    .iosApp-aboutUs .title-h2 {
        font-size: 30px;
        text-align: center;
    }
    .iosApp-aboutUs .title-h2 span {
        font-size: 30px;
    }
    .iosApp-aboutUs .title-h3 {
        text-align: center;
    }
    .iosApp-aboutUs p {
        text-align: center;
    }
    .iosApp-aboutUs .ios-abt-img {
        margin: 10px auto 30px auto;
    }
    .ios-why-choose9hz {
        padding: 50px 0;
    }
    .ios-why-choose9hz .title-h2 {
        font-size: 30px;
    }
    .ios-why-choose9hz .ios-nhz li {
        width: 49%;
        min-height: 225px;
        margin-bottom: 4px;
    }
    .ios-why-choose9hz .ios-nhz li.top {
        margin-top: 0;
    }
    .ios-ranking .title-h2 {
        font-size: 30px;
    }
    .ios-ranking .ranking {
        text-align: center;
    }
    .ios-ranking .ranking .ios-value {
        width: 49%;
        margin-bottom: 4px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .ios-process .title-h2 {
        font-size: 30px;
    }
    .ps-timeline-sec.ios-process {
        padding-bottom: 0;
    }
    .apps-are-capable .title-h2 {
        font-size: 30px;
    }
    .modern-technologies {
        padding: 50px 0;
    }
    .modern-technologies .title-h2 {
        font-size: 30px;
    }
    .ls-technologies-work.modern-technologies.ios-tch .nav-justified li {
        width: 23%;
    }
    .ls-technologies-work.modern-technologies.ios-tch .nav-justified li a {
        padding: 5px;
    }
    .iosIndustries {
        padding: 50px 0;
    }
    .iosIndustries .title-h2 {
        font-size: 30px;
    }
    .iosIndustries .title-h2 span {
        font-size: 30px;
    }
    .iosIndustries .ios-ind-box .ios-ind-icon li {
        width: 49%;
        padding: 20px 10px;
        margin: 2px 0px;
        min-height: 170px;
    }
    .ios-portfolio .title-h2 {
        font-size: 30px;
    }
    .ios-portfolio {
        padding-bottom: 50px;
    }
    .ios-portfolio .btn {
        margin-top: 20px;
    }
    .ios-portfolio .tickTock-visual-app .owl-nav button.fa-chevron-left {
        left: -20px;
    }
    .ios-portfolio .tickTock-visual-app .owl-nav button.fa-chevron-right {
        right: -20px;
    }
    .ios-ranked {
        text-align: center;
    }
    .ios-ranked .title-h4 {
        font-size: 30px;
        text-align: center;
    }
    .ios-ranked .title-h4 span {
        font-size: 30px;
    }
    .ios-ranked .title-h2 {
        font-size: 30px;
        text-align: center;
    }
    .ios-ranked .owl-toprated .owl-nav button.fa-angle-left {
        left: 0;
    }
    .ios-ranked .owl-toprated .owl-nav button.fa-angle-right {
        right: 0;
    }
    .ios-o-services {
        padding: 50px 0;
    }
    .ios-o-services .title-h2 {
        font-size: 30px;
    }
    .ios-o-services .ios-other li {
        width: 85%;
    }
}
.mApp-banner {
    background-color: #251f59;
    padding: 150px 0 0px 0;
    position: relative;
    min-height: 800px;
}
.mApp-banner:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    bottom: -2px;
    width: 100%;
    height: 100%;
    background-image: url("../img/map-shap.html");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    z-index: 0;
}
.mApp-banner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    bottom: -1px;
    width: 100%;
    height: 100%;
    background-image: url("../img/mob-app-d.html");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    opacity: 0.4;
    background-attachment: fixed;
    z-index: 0;
}
.mApp-banner .title-h1 {
    text-align: left;
    color: #fff;
    font-size: 50px;
    line-height: normal;
    margin-top: 15%;
    margin-bottom: 30px;
}
.mApp-banner .title-h1 span {
    text-transform: uppercase;
    display: block;
    font-size: 60px;
}
.mApp-banner p {
    text-align: left;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
}
.mApp-banner .style_3 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background-color: #00e0db;
}
.mApp-banner .style_3:hover {
    color: #000;
}
.mApp-banner .container {
    position: relative;
    z-index: 1;
}
.mApp-banner .app-mob-screens {
    max-width: 724px;
    margin: 0 auto;
}
.mApp-banner .app-mob-screens img {
    width: 100%;
}
.mApp-banner .top-notch {
    margin-bottom: 30px;
}
.mApp-banner .top-notch li {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    padding: 5px;
    font-family: "cera_pro_bold";
}
.mApp-banner .top-notch li.shap {
    background-color: #ff3d9d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}
.mad-aboutUs {
    padding: 50px 0 100px 0;
}
.mad-aboutUs .title-h2 {
    text-align: left;
    margin-bottom: 30px;
    font-size: 60px;
    font-family: "cera_pro_bold";
}
.mad-aboutUs .title-h2 span {
    font-family: "cera_pro_light", Sans-serif;
    display: block;
}
.mad-aboutUs p {
    text-align: left;
    margin-bottom: 30px;
}
.mad-cta1 {
    background-color: #21185c;
}
.mad-cta1 .title-h2 {
    color: #fff;
    text-align: center;
    margin-top: 30px;
}
.mad-cta1 img {
    max-width: 200px;
    width: 100%;
}
.mad-cta1 .btn {
    margin-top: 40px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.mad-choose-us {
    overflow: hidden;
    position: relative;
    padding: 100px 0;
    text-align: center;
}
.mad-choose-us:before {
    content: "";
    position: absolute;
    left: 30%;
    top: 25%;
    background-image: url(../img/ludo-ring-1.svg);
    width: 200px;
    height: 200px;
    animation: balloons 3s ease-in-out infinite;
}
.mad-choose-us:after {
    content: "";
    position: absolute;
    right: 2%;
    bottom: 2%;
    background-image: url(../img/ludo-ring-2.svg);
    width: 467px;
    height: 467px;
    animation: balloons 4s ease-in-out infinite;
}
.mad-choose-us .title-h2 {
    line-height: normal;
    margin-bottom: 50px;
    color: #f6f8ff;
    font-size: 80px;
    line-height: 110px;
    text-transform: uppercase;
    color: black;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #a713a8;
}
.mad-choose-us .pwf-img {
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
    background-color: #fff;
}
.mad-choose-us .pwf-img img {
    max-width: 404px;
    width: 100%;
}
.mad-choose-us .choose-box {
    -webkit-border-radius: 20px 5px 20px 20px;
    -moz-border-radius: 20px 5px 20px 20px;
    -ms-border-radius: 20px 5px 20px 20px;
    border-radius: 20px 5px 20px 20px;
    margin-bottom: 50px;
    padding: 20px;
    text-align: center;
    min-height: 296px;
    position: relative;
}
.mad-choose-us .choose-box .nbr {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: -25px;
    font-size: 30px;
    font-family: "cera_pro_bold";
    color: #24015a;
    opacity: 0.1;
    z-index: 1;
}
.mad-choose-us .choose-box h3 {
    font-size: 18px;
}
.mad-choose-us .choose-box.cb1 {
    background-color: #f5ecfd;
    border: 1px solid #dac5ec;
    box-shadow: 0px 10px 25px 0px rgba(158, 41, 255, 0.2);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(158, 41, 255, 0.2);
    -moz-box-shadow: 0px 10px 25px 0px rgba(158, 41, 255, 0.2);
}
.mad-choose-us .choose-box.cb2 {
    background-color: #dcfcef;
    border: 1px solid #bde6d6;
    box-shadow: 0px 10px 25px 0px rgba(0, 191, 117, 0.2);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 191, 117, 0.2);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0, 191, 117, 0.2);
}
.mad-choose-us .choose-box.cb3 {
    background-color: #faf8e1;
    border: 1px solid #eae8c7;
    box-shadow: 0px 10px 25px 0px rgba(189, 156, 114, 0.2);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(189, 156, 114, 0.2);
    -moz-box-shadow: 0px 10px 25px 0px rgba(189, 156, 114, 0.2);
}
.mad-choose-us .choose-box.cb4 {
    background-color: #e7f8ff;
    border: 1px solid #c9dee6;
    box-shadow: 0px 10px 25px 0px rgba(189, 156, 114, 0.2);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(189, 156, 114, 0.2);
    -moz-box-shadow: 0px 10px 25px 0px rgba(189, 156, 114, 0.2);
}
.mad-choose-us .choose-box.cb5 {
    background-color: #ffefe7;
    border: 1px solid #ecd3c6;
    box-shadow: 0px 10px 25px 0px rgba(245, 82, 0, 0.2);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(245, 82, 0, 0.2);
    -moz-box-shadow: 0px 10px 25px 0px rgba(245, 82, 0, 0.2);
}
.mad-choose-us .choose-box.cb6 {
    background-color: #f1f1f1;
    border: 1px solid #dedcdc;
    box-shadow: 0px 10px 25px 0px rgba(150, 150, 150, 0.2);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(150, 150, 150, 0.2);
    -moz-box-shadow: 0px 10px 25px 0px rgba(150, 150, 150, 0.2);
}
.mad-choose-us .choose-box.cb7 {
    background-color: #f2ffeb;
    border: 1px solid #cae4bc;
    box-shadow: 0px 10px 25px 0px rgba(119, 255, 107, 0.2);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(119, 255, 107, 0.2);
    -moz-box-shadow: 0px 10px 25px 0px rgba(119, 255, 107, 0.2);
}
.mad-choose-us .container {
    position: relative;
    z-index: 1;
}
.mad-services-offer .title-h2 {
    text-align: center;
    margin-bottom: 50px;
}
.mad-industry {
    padding: 100px 0;
    background-color: #eef3f7;
}
.mad-industry .title-h2 {
    text-align: center;
    margin-bottom: 50px;
}
.mad-why-choose p {
    text-align: center;
}
.mad-why-choose .we-believe {
    background-color: #8200f2;
    padding: 20px;
    display: inline-block;
    -webkit-border-radius: 20px 0px 20px 0px;
    -moz-border-radius: 20px 0px 20px 0px;
    -ms-border-radius: 20px 0px 20px 0px;
    border-radius: 20px 0px 20px 0px;
    color: #fff;
    font-family: "cera_pro_medium", Sans-serif;
    margin-bottom: 50px;
    margin-top: 30px;
}
@media (max-width: 1600px) {
    .mad-choose-us .title-h5 {
        font-size: 105px;
        line-height: normal;
    }
}
@media (max-width: 1440px) {
    .mad-choose-us .title-h5 {
        font-size: 80px;
        line-height: normal;
    }
    .mad-choose-us .choose-box {
        min-height: 310px;
    }
}
@media (max-width: 1366px) {
    .mad-choose-us .title-h5 {
        font-size: 80px;
        line-height: normal;
    }
}
@media (max-width: 1200px) {
    .mad-choose-us .title-h5 {
        font-size: 80px;
        line-height: normal;
    }
}
@media (max-width: 767px) {
    .mApp-banner {
        padding: 100px 0 70px 0;
        min-height: 100%;
    }
    .mApp-banner:before {
        background-size: cover;
    }
    .mApp-banner .title-h1 {
        text-align: center;
        font-size: 36px;
    }
    .mApp-banner .title-h1 span {
        font-size: 30px;
        display: inline-block;
    }
    .mApp-banner p {
        text-align: center;
    }
    .mApp-banner .text-left {
        text-align: center;
    }
    .mApp-banner .top-notch {
        text-align: center;
    }
    .mApp-banner .app-mob-screens {
        margin-top: 50px;
    }
    .mad-choose-us {
        padding: 50px 0;
        text-align: center;
    }
    .mad-choose-us .title-h2 {
        font-size: 36px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .mad-choose-us .title-h5 {
        font-size: 36px;
        line-height: normal;
    }
    .mad-choose-us .choose-box {
        min-height: 100%;
    }
    .mad-aboutUs {
        padding: 50px 0 50px 0;
    }
    .mad-aboutUs .title-h2 {
        text-align: center;
        font-size: 40px;
    }
    .mad-aboutUs p {
        text-align: center;
    }
}
.app-portfolio-bnr {
    background: #4f1bc5;
    background-image: linear-gradient(75deg, #4f1bc5 0%, #7b17c5 100%);
    padding: 150px 0 0px 0;
    position: relative;
    min-height: 800px;
}
.app-portfolio-bnr:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    top: auto;
    bottom: -1px;
    width: 100%;
    height: 100%;
    background-image: url("../img/app-portfolio-shap.html");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    z-index: 0;
}
.app-portfolio-bnr .app-logo {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    margin-top: 20px;
}
.app-portfolio-bnr .title-h1 {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 50px;
}
.app-portfolio-bnr .style_3 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.app-portfolio-bnr p {
    color: #fff;
    margin-bottom: 30px;
    font-size: 18px;
}
.app-portfolio-bnr .container {
    position: relative;
    z-index: 1;
}
.app-portfolio-bnr .banner-btns .btn {
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    border-radius: 60px;
    padding: 5px 30px 5px 60px;
    position: relative;
    border: 1px solid #fff;
    line-height: 30px;
    margin-right: 10px;
}
.app-portfolio-bnr .banner-btns .btn svg {
    width: 26px;
    position: absolute;
    left: 20px;
    top: 18px;
    fill: #fff;
}
.app-portfolio-bnr .banner-btns .btn i {
    font-size: 30px;
    position: absolute;
    left: 20px;
    top: 13px;
    color: #fff;
}
.app-portfolio-bnr .banner-btns .btn.bp {
    background-color: #fff;
}
.app-portfolio-bnr .banner-btns .btn.bp svg {
    fill: #8200f2;
}
.app-portfolio-bnr .banner-btns .btn.bp .btn-lebels {
    color: #8200f2;
}
.app-portfolio-bnr .banner-btns .btn.bp .btn-lebels .sub {
    color: #8200f2;
}
.app-portfolio-bnr .banner-btns .btn.bp:hover {
    background-color: transparent;
    color: #fff;
}
.app-portfolio-bnr .banner-btns .btn.bp:hover svg {
    fill: #fff;
}
.app-portfolio-bnr .banner-btns .btn.bp:hover .btn-lebels {
    color: #fff;
}
.app-portfolio-bnr .banner-btns .btn.bp:hover .btn-lebels .sub {
    color: #fff;
}
.app-portfolio-bnr .banner-btns .btn .btn-lebels {
    color: #fff;
    font-family: "cera_pro_medium", Sans-serif;
    margin-top: 9px;
    display: block;
    text-align: left;
    font-size: 21px;
}
.app-portfolio-bnr .banner-btns .btn .btn-lebels .sub {
    font-size: 12px;
    display: block;
    line-height: 12px;
    color: #fff;
}
.app-portfolio-bnr .banner-btns .btn:hover {
    background-color: #fff;
    color: #8200f2;
}
.app-portfolio-bnr .banner-btns .btn:hover svg {
    fill: #8200f2;
}
.app-portfolio-bnr .banner-btns .btn:hover .btn-lebels {
    color: #8200f2;
}
.app-portfolio-bnr .banner-btns .btn:hover .btn-lebels .sub {
    color: #8200f2;
}
.app-portfolio-bnr .banner-btns .btn:hover i {
    color: #8200f2;
}
.app-users {
    padding: 50px 0;
}
.app-users .count {
    font-size: 50px;
    font-family: "cera_pro_bold";
    text-align: center;
    display: block;
    line-height: normal;
    margin-bottom: 0px;
}
.app-users .title-h4 {
    text-align: center;
}
.app-users .star-review {
    background-color: #8200f2;
    font-size: 50px;
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -ms-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    font-family: "cera_pro_bold";
    color: #fff;
    padding: 20px;
    position: relative;
}
.app-users .star-review:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 50px 70px 0;
    border-color: transparent #ffffff transparent transparent;
}
.app-users .star-review p {
    font-size: 20px;
    
    margin-top: 20px;
    margin-bottom: 0;
}
.app-users .star-review i {
    font-size: 20px;
    color: #e0d700;
}
.appOverview {
    padding: 100px 0;
}
.appOverview .title-h2 {
    margin-bottom: 30px;
    font-size: 40px;
}
.appOverview p {
    margin-bottom: 30px;
}
.appOverview .title-h6 {
    font-style: italic;
    color: #888;
}
.appOverview span {
    width: 60px;
    height: 60px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 100px 100px 100px 20px;
    -moz-border-radius: 100px 100px 100px 20px;
    -ms-border-radius: 100px 100px 100px 20px;
    border-radius: 100px 100px 100px 20px;
    font-family: "cera_pro_bold";
    display: inline-block;
    font-size: 20px;
    padding-top: 18px;
}
.appOverview span.b1 {
    background-color: #306ff0;
}
.appOverview span.b2 {
    background-color: #8200f2;
}
.appOverview span.b3 {
    background-color: #ff3d9d;
}
.appOverview .ao-img {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}
.appFeatures-show {
    background-color: #faf8fc;
    padding: 100px 0;
}
.appFeatures-show .title-h2 {
    text-align: center;
    margin-bottom: 20px;
}
.appFeatures-show p {
    text-align: center;
    margin-bottom: 30px;
}
.appFeatures-show .ap-img {
    max-width: 407px;
    margin: 0 auto;
}
.appFeatures-show .ap-img img {
    width: 100%;
}
.appFeatures-show .ap-icon-box {
    margin-top: 20%;
    position: relative;
}
.appFeatures-show .ap-icon-box .icon-ap {
    position: absolute;
    top: 0;
    background-color: #8200f2;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    width: 70px;
    height: 70px;
}
.appFeatures-show .ap-icon-box .icon-ap img {
    margin-top: 10px;
}
.appFeatures-show .ap-icon-box.icon-right {
    text-align: right;
    padding-right: 100px;
}
.appFeatures-show .ap-icon-box.icon-right p {
    text-align: right;
    margin-bottom: 0;
}
.appFeatures-show .ap-icon-box.icon-right .icon-ap {
    right: 0;
}
.appFeatures-show .ap-icon-box.icon-left {
    text-align: left;
    padding-left: 100px;
}
.appFeatures-show .ap-icon-box.icon-left p {
    text-align: left;
    margin-bottom: 0;
}
.appFeatures-show .ap-icon-box.icon-left .icon-ap {
    left: 0;
}
.appDownload {
    background-color: #481891;
    position: relative;
    padding: 100px 0;
    text-align: center;
}
.appDownload:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    bottom: -1px;
    width: 100%;
    height: 100%;
    background-image: url("../img/ap-cta-bg.html");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    opacity: 0.1;
    z-index: 0;
}
.appDownload .container {
    position: relative;
    z-index: 1;
}
.appDownload .title-h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
}
.appDownload p {
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
}
.appDownload .banner-btns .btn {
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    border-radius: 60px;
    padding: 5px 30px 5px 60px;
    position: relative;
    border: 1px solid #fff;
    line-height: 30px;
    margin-right: 10px;
}
.appDownload .banner-btns .btn svg {
    width: 26px;
    position: absolute;
    left: 20px;
    top: 18px;
    fill: #fff;
}
.appDownload .banner-btns .btn i {
    font-size: 30px;
    position: absolute;
    left: 20px;
    top: 13px;
    color: #fff;
}
.appDownload .banner-btns .btn.bp {
    background-color: #fff;
}
.appDownload .banner-btns .btn.bp svg {
    fill: #8200f2;
}
.appDownload .banner-btns .btn.bp .btn-lebels {
    color: #8200f2;
}
.appDownload .banner-btns .btn.bp .btn-lebels .sub {
    color: #8200f2;
}
.appDownload .banner-btns .btn.bp:hover {
    background-color: transparent;
    color: #fff;
}
.appDownload .banner-btns .btn.bp:hover svg {
    fill: #fff;
}
.appDownload .banner-btns .btn.bp:hover .btn-lebels {
    color: #fff;
}
.appDownload .banner-btns .btn.bp:hover .btn-lebels .sub {
    color: #fff;
}
.appDownload .banner-btns .btn .btn-lebels {
    color: #fff;
    font-family: "cera_pro_medium", Sans-serif;
    margin-top: 9px;
    display: block;
    text-align: left;
    font-size: 21px;
}
.appDownload .banner-btns .btn .btn-lebels .sub {
    font-size: 12px;
    display: block;
    line-height: 12px;
    color: #fff;
}
.appDownload .banner-btns .btn:hover {
    background-color: #fff;
    color: #8200f2;
}
.appDownload .banner-btns .btn:hover svg {
    fill: #8200f2;
}
.appDownload .banner-btns .btn:hover .btn-lebels {
    color: #8200f2;
}
.appDownload .banner-btns .btn:hover .btn-lebels .sub {
    color: #8200f2;
}
.appDownload .banner-btns .btn:hover i {
    color: #8200f2;
}
.mApp-screen {
    padding: 100px 0;
    background-color: #eef3f7;
    position: relative;
    overflow: hidden;
}
.mApp-screen .heading {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0;
}
.mApp-screen p {
    text-align: center;
    margin-bottom: 100px;
}
.mApp-screen .visual-box {
    position: relative;
}
.mApp-screen .visual-box .visual-app-frame {
    width: 300px;
    height: 679px;
    position: absolute;
    left: 2px;
    top: -28px;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    background-image: url(../img/visual-app-frame.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.mApp-screen .tickTock-visual-app .owl-nav {
    text-align: center;
    z-index: 1;
}
.mApp-screen .tickTock-visual-app .owl-nav button {
    border: none;
    position: absolute;
    top: 43%;
    margin: 10px;
    width: 60px;
    height: 60px;
    background-color: transparent;
    color: #481891;
    font-size: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.mApp-screen .tickTock-visual-app .owl-nav button.fa-chevron-left {
    left: 0;
}
.mApp-screen .tickTock-visual-app .owl-nav button.fa-chevron-right {
    right: 0;
}
.mApp-screen .tickTock-visual-app .owl-item .item .visual-screen {
    max-width: 250px;
    margin: 0 auto;
}
.mApp-screen .tickTock-visual-app .owl-item .item .visual-screen img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mApp-screen .tickTock-visual-app .owl-item.center .item .visual-screen img {
    filter: none;
    opacity: 1;
}
.ourWorkProcess {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.ourWorkProcess .heading {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0;
}
.ourWorkProcess p {
    text-align: center;
    margin-bottom: 100px;
}
.ourWorkProcess .tt-process-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    max-width: 550px;
    margin: 0 auto 70px;
}
.ourWorkProcess .tt-process-box .icon-container {
    position: relative;
    z-index: 1;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    height: 15.75rem;
    width: 15.75rem;
    line-height: 1;
    border-radius: 50%;
    box-shadow: 0 0 2.1875rem 0 rgba(119, 119, 120, 0.13);
    transition: all 0.5s ease-in-out;
    margin-right: 20px;
    font-size: 44px;
    color: #6d14ae;
}
.ourWorkProcess .tt-process-box .box-content {
    flex: 2;
}
.ourWorkProcess .tt-process-box .box-content .box-title {
    font-size: 20px;
    margin-bottom: 15px;
}
.ourWorkProcess .tt-process-box .box-content p {
    margin: 0;
    text-align: left;
}
.ourWorkProcess .tt-process-box .left-border {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 80%;
}
.ourWorkProcess .tt-process-box .right-border {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 80%;
}
.ourWorkProcess .tt-process-box.box-align-right .icon-container {
    order: 1;
    margin: 0 0 0 20px;
}
@media (max-width: 1600px) {
    .mApp-screen .tickTock-visual-app .owl-item .item .visual-screen {
        max-width: 290px;
    }
    .mApp-screen .visual-box .visual-app-frame {
        width: 350px;
        height: 709px;
    }
}
@media (max-width: 1440px) {
    .mApp-screen .tickTock-visual-app .owl-item .item .visual-screen {
        max-width: 250px;
    }
    .mApp-screen .visual-box .visual-app-frame {
        width: 300px;
        height: 619px;
    }
}
@media (max-width: 1366px) {
    .mApp-screen .tickTock-visual-app .owl-item .item .visual-screen {
        max-width: 250px;
    }
    .mApp-screen .visual-box .visual-app-frame {
        width: 300px;
        height: 619px;
    }
}
@media (max-width: 767px) {
    .mApp-screen {
        padding: 50px 0 50px 0;
    }
    .mApp-screen:before {
        display: none;
    }
    .mApp-screen:after {
        display: none;
    }
}
.laravel-page-bnr {
    background-color: #cc2d24;
    padding: 150px 0 0px 0;
    position: relative;
    min-height: 800px;
}
.laravel-page-bnr:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    bottom: -1px;
    width: 100%;
    height: 100%;
    background-image: url("../img/laravel-shap.html");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    z-index: 0;
}
.laravel-page-bnr:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url("../img/lara-bg.html");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top right;
    background-attachment: fixed;
    z-index: 0;
}
.laravel-page-bnr .lara-img {
    max-width: 731px;
    margin: 80px auto 0 auto;
}
.laravel-page-bnr .lara-img img {
    width: 100%;
}
.laravel-page-bnr .title-h1 {
    color: #fff;
    margin-top: 10%;
    margin-bottom: 30px;
}
.laravel-page-bnr .style_3 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}
.laravel-page-bnr p {
    color: #fff;
    margin-bottom: 30px;
}
.laravel-page-bnr .container {
    position: relative;
    z-index: 1;
}
.laravel-page-bnr .ls-circle {
    width: 500px;
}
.laravel-benefits .title-h2 {
    line-height: normal;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fb503b;
    font-size: 68px;
    margin-top: 0;
    text-transform: none;
}
.laravel-benefits .pwf-img {
    background: none;
    max-width: 476px;
    margin: 0 auto;
}
.laravel-benefits .pwf-img img {
    width: 100%;
}
.lara-prime-services .offer-box .offer-icon {
    background-color: #fb503b;
}
.lara-prime-services .offer-box:hover {
    webkit-box-shadow: 0px 0px 40px 0px rgba(251, 80, 59, 0.3);
    -moz-box-shadow: 0px 0px 40px 0px rgba(251, 80, 59, 0.3);
    box-shadow: 0px 0px 40px 0px rgba(251, 80, 59, 0.3);
}
.lara-prime-services .offer-box:hover .offer-icon {
    box-shadow: -10px -5px 0px 0px rgba(251, 80, 59, 0.3);
    -webkit-box-shadow: -5px -5px 0px 0px rgba(251, 80, 59, 0.3);
    -moz-box-shadow: -5px -5px 0px 0px rgba(251, 80, 59, 0.3);
}
.lara-prime-services .style_6 {
    margin-top: 50px;
}
.lara-hire {
    padding: 50px 0 100px 0;
    background-color: #eef3f7;
}
.lara-hire .title-h2 {
    text-align: center;
    margin-bottom: 20px;
}
.lara-hire p {
    text-align: center;
    margin-bottom: 30px;
}
.lara-cta-set {
    padding: 50px 0;
    min-height: 300px;
    position: relative;
    overflow: hidden;
}
.lara-cta-set .title-p {
    font-size: 34px;
    font-family: "cera_pro_bold";
    margin-top: 80px;
}
.lara-cta-set:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 738px;
    height: 300px;
    background-image: url("../img/lara-shape-right.html");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top right;
    z-index: 0;
}
.lara-cta-set:after {
    content: "";
    position: absolute;
    left: -170px;
    bottom: -170px;
    width: 343px;
    height: 343px;
    background-image: url("../img/lara-shape-left.html");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top right;
    z-index: 0;
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 50s;
    animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
.lara-cta-set .text-center {
    text-align: left;
}
.lara-cta-set .text-center .style_6 {
    margin-top: 70px;
}
.lara-ranking {
    background-color: #371090;
    padding: 100px 0;
    position: relative;
}
.lara-ranking:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url("../img/lara-client.html");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top right;
    background-attachment: fixed;
    z-index: 0;
    opacity: 0.1;
}
.lara-ranking .ios-value {
    text-align: center;
    padding: 20px 20px;
}
.lara-ranking .ios-value.bBot {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.lara-ranking .ios-value.bRght {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.lara-ranking .ios-value .count {
    display: inline-block;
    color: #fff;
    font-size: 40px;
    font-family: "cera_pro_bold";
    vertical-align: top;
    min-width: 100px;
    line-height: normal;
}
.lara-ranking .ios-value sup {
    display: inline-block;
    color: #ff3d9d;
    font-size: 30px;
    font-family: "cera_pro_bold";
    vertical-align: middle;
    margin-top: 21px;
    line-height: normal;
}
.lara-ranking .ios-value p {
    color: #fff;
    font-family: "cera_pro_medium", Sans-serif;
    margin-bottom: 0;
}
.ios-why-choose9hz.lara-why {
    background: #cc2e25;
    background: -webkit-linear-gradient(31deg, #cc2e25 0%, #5307c3 100%);
    background: -o-linear-gradient(31deg, #cc2e25 0%, #5307c3 100%);
    background: linear-gradient(121deg, #cc2e25 0%, #5307c3 100%);
    position: relative;
}
.ios-why-choose9hz.lara-why:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url("../img/lara-fix1.html");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top right;
    background-attachment: fixed;
    z-index: 0;
    opacity: 0.2;
}
.ios-why-choose9hz.lara-why .container {
    position: relative;
    z-index: 1;
}
.ios-why-choose9hz.lara-why .title-h2 {
    color: #fff;
    font-size: 36px;
}
.lara-service-mid {
    padding: 50px 0 100px 0;
    position: relative;
}
.lara-service-mid .title-h2 {
    text-align: center;
    margin-bottom: 20px;
}
.lara-service-mid p {
    text-align: center;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .laravel-page-bnr {
        padding: 100px 0;
    }
    .laravel-page-bnr:before {
        background-size: cover;
    }
    .laravel-page-bnr .title-h1 {
        text-align: center;
    }
    .laravel-page-bnr p {
        text-align: center;
    }
    .laravel-page-bnr .text-left {
        text-align: center;
    }
}
.linestle {
    border-bottom: 1px;
    border-top: 1px;
    border-right: 1px;
    border-left: 1px;
    border-style: solid;
    border-color: #fff;
    color: #fff;
}
.linestle-1 {
    border-bottom: 1px;
    border-top: 1px;
    border-right: 1px;
    border-left: 1px;
    border-style: solid;
    border-color: #ff3d9d;
    color: #ff3d9d;
    background-color: transparent;
}
.linestle-1:hover {
    background-color: #ff3d9d;
    color: #fff;
}
.style_1 {
    background: #9f76fb;
    background: -moz-linear-gradient(-45deg, #9f76fb 0%, #38a9dc 100%);
    background: -webkit-linear-gradient(-45deg, #9f76fb 0%, #38a9dc 100%);
    background: linear-gradient(135deg, #9f76fb 0%, #38a9dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f76fb', endColorstr='#38a9dc',GradientType=1 );
    color: #fff;
    border: none;
}
.style_2 {
    background: #9f76fb;
    background: -moz-linear-gradient(-45deg, #9f76fb 0%, #38a9dc 100%);
    background: -webkit-linear-gradient(-45deg, #9f76fb 0%, #38a9dc 100%);
    background: linear-gradient(135deg, #9f76fb 0%, #38a9dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f76fb', endColorstr='#38a9dc',GradientType=1 );
    color: #fff;
    border: none;
    font-family: "cera_pro_medium", Sans-serif;
    padding: 15px 30px;
}
.style_2:hover {
    color: #fff;
    background: #38a9dc;
    background: -moz-linear-gradient(-45deg, #38a9dc 0%, #9f76fb 100%);
    background: -webkit-linear-gradient(-45deg, #38a9dc 0%, #9f76fb 100%);
    background: linear-gradient(135deg, #38a9dc 0%, #9f76fb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38a9dc', endColorstr='#9f76fb',GradientType=1 );
}
.style_2:focus {
    color: #fff;
    background: #38a9dc;
    background: -moz-linear-gradient(-45deg, #38a9dc 0%, #9f76fb 100%);
    background: -webkit-linear-gradient(-45deg, #38a9dc 0%, #9f76fb 100%);
    background: linear-gradient(135deg, #38a9dc 0%, #9f76fb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38a9dc', endColorstr='#9f76fb',GradientType=1 );
}
.style_4 {
    margin-top: 10px;
    color: #fff;
    font-weight: 700;
    padding: 18px 30px;
    margin-left: 25px;
    border: none;
    background: #ff3d9d;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55fa7', endColorstr='#b87ae3',GradientType=1 );
}
.style_4:hover {
    color: #fff;
}
.btn {
    font-size: 16px;
}
.style_6 {
    background: #371090;
    background: -moz-linear-gradient(-45deg, #371090 0%, #371090 100%);
    background: -webkit-linear-gradient(-45deg, #371090 0%, #371090 100%);
    background: linear-gradient(135deg, #371090 0%, #371090 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#371090', endColorstr='#371090',GradientType=1 );
    color: #fff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    border-radius: 60px;
    border: none;
    font-family: "cera_pro_medium", Sans-serif;
    padding: 15px 30px;
}
.style_6:hover {
    color: #fff;
    background: #bf00cc;
    background: -moz-linear-gradient(-45deg, #bf00cc 0%, #bf00cc 100%);
    background: -webkit-linear-gradient(-45deg, #bf00cc 0%, #bf00cc 100%);
    background: linear-gradient(135deg, #bf00cc 0%, #bf00cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf00cc', endColorstr='#bf00cc',GradientType=1 );
}
.style_6:focus {
    color: #fff;
    background: #bf00cc;
    background: -moz-linear-gradient(-45deg, #bf00cc 0%, #bf00cc 100%);
    background: -webkit-linear-gradient(-45deg, #38a9dc 0%, #bf00cc 100%);
    background: linear-gradient(135deg, #bf00cc 0%, #bf00cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf00cc', endColorstr='#bf00cc',GradientType=1 );
}
.style_7 {
    border: 2px solid #ff3d9d;
    color: #ff3d9d;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    border-radius: 60px;
    font-family: "cera_pro_medium", Sans-serif;
    padding: 15px 30px;
}
.style_7:hover {
    color: #ff3d9d;
    background: none;
}
.style_7:focus {
    color: #ff3d9d;
    background: none;
}
.style_8 {
    background: #22f5ff;
    border: 1px solid #22f5ff;
    color: #41189f;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    border-radius: 60px;
    font-family: "cera_pro_medium", Sans-serif;
    padding: 15px 30px;
}
.style_8:hover {
    color: #fff;
    border-color: #fff;
    background: rgba(255, 255, 255, 0.3);
}
.style_8:focus {
    color: #fff;
    border-color: #fff;
    background: rgba(255, 255, 255, 0.3);
}
.heading {
    color: #000000;
    font-family: "cera_pro_bold";
}
.innber-banner {
    overflow: hidden;
}
.innber-banner .banner-text {
    padding-left: 0%;
}
.innber-banner .ani-image {
    top: -6rem;
}
.wys {
    text-align: center;
}
.wys .heading {
    color: #51546a;
}
.wys img {
    margin: 0 auto;
}
.wys .count {
    font-family: "cera_pro_bold";
    font-size: 1.8rem;
    color: #51546a;
}
.wys p {
    font-family: "cera_pro_medium", Sans-serif;
}

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

.btn.style_3,
.btn.style_3:focus {
    color: #02042B !important;
    font-size: 14px;
    font-family: "cera_pro_medium", Sans-serif !important;
    padding: 12px 20px !important;
    border: 1px solid #fff !important;
    text-transform: uppercase;
    background: #ffffff !important;
}
.btn.style_3:hover {
    color: #fff !important;
    border-color: #ffffff !important;
    background: transparent !important;
}
.btn.style_5,
.btn.style_5:focus,
input.btn.style_5,
input.btn.style_5:focus{
   color: #ffffff !important;
    font-size: 14px;
    font-family: "cera_pro_medium", Sans-serif !important;
    padding: 12px 20px !important;
    border: 1px solid #ffffff !important;
    background-color: #02042B !important;
    text-transform: uppercase;
}
.btn.style_5:hover,
input.btn.style_5:hover{
    background: #ffffff !important;
    border-color: #02042B !important;
    color: #02042B !important;
}
.count-box,
.diverging-box,
.industry-new-slider-2020 a figcaption,
.logo-box,
.navbar-toggle,
.popup-bg,
.service-box p,
.service-box:after,
a,
input:focus,
input[type="submit"],
textarea:focus {
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.new-home-banner {
    height: 100%;
    min-height: 853px;
    padding-bottom: 50px;
    background: #02042B;
}

.new-home-banner .video-frame {
    max-width: 300px;
    margin: 130px auto 0 auto;
    position: relative;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
}

.new-home-banner .video-frame .video-cover {
    width: 100%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}

.new-home-banner .video-frame .video-cover img {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
}

.new-home-banner .video-frame img {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
}

.new-home-banner .b-content {
    border: 1px solid #fff;
    margin-bottom: 30px;
    margin-top: 130px;
}

.new-home-banner .b-content .b-heading {
    font-size: 2.7rem;
    line-height: 55px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0px;
    font-family: "cera_pro_bold";
    padding: 30px;
}

.new-home-banner .b-content .b-heading h1 {
    display: inline;
    margin: 0;
    padding: 0;
}

.new-home-banner .b-content .b-heading h1 br {
    display: none;
}

.new-home-banner .b-content .company-services {
    margin: 0 0 50px 0;
    padding: 0 30px;
}

.new-home-banner .b-content .company-services li {
    display: inline-block;
    color: #fff;
    vertical-align: top;
    font-family: "cera_pro_medium", Sans-serif;
}

.new-home-banner .b-content .company-services li a {
    color: #fff;
    margin: 5px 10px;
    display: inline-block;
}

.new-home-banner .b-content .company-services li a:hover {
    color: #fff;
}

.new-home-banner .b-content .b-footer {
    position: relative;
    background-color: #fff;
    padding: 30px;
}

.new-home-banner .b-content .b-footer p {
    color: #333;
    padding: 0 0px;
    font-size: 18px;
    font-family: "cera_pro_medium", Sans-serif;
    margin-bottom: 0px;
}

.new-home-banner .b-content .b-footer .cs {
    position: absolute;
    left: 20px;
    top: -17px;
    background-color: #ff3d9d;
    padding: 7px 20px;
    color: #fff;
    font-size: 14px;
    font-family: "cera_pro_medium", Sans-serif;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}

.new-home-banner .btn-control {
    text-align: right;
}

.new-home-banner .title-h3 {
    color: #fff;
    margin-top: 0px;
}

.new-home-banner .owl-toprated {
    margin-top: 50px;
}

.new-home-banner .owl-toprated .item {
    text-align: center;
}

.new-home-banner .owl-toprated .item img {
    max-width: 150px;
    width: 100%;
    display: inline-block;
}

.new-home-banner .owl-nav button {
    background: none;
    border: none;
    font-size: 40px;
    position: absolute;
    top: 29%;
    color: #fff !important;
    background-color: transparent !important;
    padding: 0px;
}

.new-home-banner .owl-nav button.fa-angle-left {
    left: 0;
}

.new-home-banner .owl-nav button.fa-angle-right {
    right: 0;
}

/* Footer css */
.awards-recognition-section {
    padding: 80px 0 185px 0;
    background: #fff;
    z-index: 1;
    position: relative;
}
.awards-recognition-section .container {
    position: relative;
    z-index: 1;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

select.form-control[multiple],
select.form-control[size] {
    height: auto;
}

.form-group textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 20px;
    position: relative;
}

.input-group {
    position: relative;
    display: flex;
    border-collapse: separate;
}
.home #section-footer{ margin-top: 0px; /*overflow-x: hidden;*/ }
#section-footer{ margin-top: 40px; }
.seprater-section-section {
    position: relative;
    /*background-image: url(../images/section-bg.png);*/
   background-color: #02042B;
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
}

.seprater-section-section .development-process-content {
    display: flex;
    align-items: center;
}

.seprater-des-left {
    margin-right: auto;
    text-align: left;
}

.seprater-des-left h2 {
    margin: 0 0 20px;
}

.seprater-des-left p {
    margin: 0;
}

.seprater-section-section .sit-btn {
    margin: 0 0 0 auto;
}
.section-heading-box {
    text-align: center;
    padding-bottom: 15px;
    position: relative;
    z-index: 1;
    padding-top: 24px;
}
.section-heading-box:before{
   content: '';
   position: absolute;
   height: 4px;
   width: 40px;
   top: 0px;
   left: calc(50% - 20px);
  background: #02042B;
}
.section-heading-box h5 {
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Nunito, sans-serif;
    font-family: "cera_pro_medium", Sans-serif;
    margin: 0 0 10px 0;
}

.section-heading-box h2 {
    font-size: 30px;
    color: #000000;
    font-family: Nunito, sans-serif;
    font-family: "cera_pro_medium", Sans-serif;
    line-height: 38px;
    margin: 0px;
}
/*.awards-recognition-list .owl-stage-outer .owl-item{ margin-left: 8px; }
.awards-recognition-list .owl-stage-outer .owl-item.active:nth-child(1){ margin-left: 0px; }*/
.awards-recognition-list .owl-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
}
.awards-recognition-list .owl-nav button.fa {
    position: relative;
    box-sizing: border-box;
    height: 34px;
    width: 34px;
    margin: 20px;
    padding: 0;
    border-style: none;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.5) !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 10;
    pointer-events: all;
}
.awards-recognition-list .owl-nav button.fa:hover {
    background-color: #02042B !important;
    color: #ffffff;
}
.awards-recognition-list .owl-nav {
}
.awards-recognition-section {
    padding: 80px 0 185px 0;
    background: #fff;
    z-index: 1;
    position: relative;
}

.awards-recognition-section .container {
    position: relative;
    z-index: 1;
}

.footer-firms-form ul li a {
    text-align: center;
    box-shadow: 0 2px 10px #e6e6e6;
    display: block;
    min-height: 152px;
    border-radius: 0;
    background: #fff;
}

.footer-firms-form ul li {
    padding: 10px;
}

.footer-firms-form ul li a figure {
    padding: 5px;
}

.footer-firms-form ul li a figure img {
    margin: 0 auto;
    min-width: inherit;
    width: auto;
}

.footer-firms-form ul li a figcaption {
    padding: 10px 0;
    padding-bottom: 20px;
}

.footer-firms-form ul li a figcaption p,
.footer-firms-form ul li a figcaption span {
    color: #333;
    margin-bottom: 0;
    display: block;
}

.awards-graphic-one {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.awards-graphic-two {
    position: absolute;
    left: 0;
    top: 35%;
    z-index: -1;
}

.footer-request-form-bg .section-heading-box h5 {
    color: #fff;
}

.footer-request-form-bg .section-heading-box h2 {
    font-size: 42px;
    line-height: 48px;
    margin: 15px 0;
    color: #000;
}

.form-graphic {
    position: relative;
    top: 15px;
}

.footer-request-form-bg .section-heading-box p {
    margin: 0;
    color: #000;
    font-size: 16px;
}

.footer-request-form-bg {
    /*background: url(../images/form-bg.jpg) no-repeat left top;*/
    background-attachment: fixed;
    background-size: cover;
    padding: 20px 0 80px 0;
    background: #02042B;
}

.footer-request-form-bg .container {
    background: #fff;
    padding: 50px;
    border-radius: 10px;
    margin-top: 0px;
    position: relative;
    z-index: 1;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.footer-request-form-bg .row .col-md-4,
.footer-request-form-bg .row .col-md-8 {
    display: flex;
    align-items: center;
}

.footer-request-form-bg .section-heading-box {
    text-align: left;
}

.footer-request-form-bg .form-group {
    background: #f9f9f9;
    border: solid 1px #e9e8ee;
    border-radius: 4px;
}

.footer-request-form-bg .form-control::placeholder {
    color: #fff;
}

.footer-request-form-bg .FooterForm {
    position: relative;
    width: 100%;
    padding-left: 50px;
}
.footer-request-form-bg .wpcf7-form-control-wrap {
    width: 100%;
}
.footer-request-form-bg .FooterForm .form-group .form-control {
    width: 100%;
    border: none;
    height: 50px;
    line-height: 50px;
    font-family: "cera_pro_medium", Sans-serif;
    background: 0 0;
    color: #000;
    box-shadow: none;
    outline: 0;
    padding: 0.375rem 22px 0.375rem 0.75rem;
    font-size: 15px;
    letter-spacing: -0.5px;
}
.footer-request-form-bg .FooterForm .form-group .form-control + .wpcf7-not-valid-tip {
    color: red;
    font-size: 13px;
    font-weight: normal;
    display: block;
    position: absolute;
    top: 90%;
    left: 7px;
    padding: 3px;
    text-transform: none !important;
    
}
.footer-request-form-bg .FooterForm .form-group input.form-control[type="file"] {
    opacity: 1;
    line-height: 20px !important;
    padding: 12px 0.75rem !important;
}
.footer-request-form-bg .FooterForm .form-control::-webkit-input-placeholder {
    color: #525252;
    opacity: 1;
}

.footer-request-form-bg .FooterForm .form-control::-moz-placeholder {
    color: #525252;
    opacity: 1;
}

.footer-request-form-bg .FooterForm .form-control:-ms-input-placeholder {
    color: #525252;
    opacity: 1;
}

.footer-request-form-bg .FooterForm .form-control::-ms-input-placeholder {
    color: #525252;
    opacity: 1;
}

.footer-request-form-bg .FooterForm .form-control::placeholder {
    color: #525252;
    opacity: 1;
}

.footer-request-form-bg .FooterForm .form-group select.form-control {
    background: url(../images/select-arrow01.png) no-repeat 99% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    line-height: normal;
    background-size: 17px;
}

.footer-request-form-bg .FooterForm .form-group textarea.form-control {
    height: 140px;
    line-height: 24px;
    width: 100%;
    resize: none;
    padding-top: 15px;
    background: 0 0;
}

.footer-request-form-bg .input-group-addon {
    flex: 0 0 50px;
    max-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px;
    border-right: solid 1px #e7e7ea;
    box-shadow: none;
    background-color: transparent;
    outline: none;
}
.footer-request-form-bg .input-group-addon svg {
    fill: #4d4d4d;
}

.getTouch .footer-request-form-bg .wpcf7-form .form-group .form-control{ height: 45px; line-height: 45px; }
.getTouch .footer-request-form-bg .wpcf7-form .form-group select.form-control{ line-height: 38px; }
.getTouch .footer-request-form-bg .wpcf7-form .row{
   margin-right: -7px;
    margin-left: -7px;
}
.getTouch .footer-request-form-bg .wpcf7-form .row > div{
   padding-right: 7px;
    padding-left: 7px;
}
.getTouch .footer-request-form-bg .wpcf7-form .row > div{
   padding-right: 7px;
    padding-left: 7px;
}
.inquiry-form .getTouch .footer-request-form-bg .wpcf7-form .row.row1 > div,
.inquiry-form .getTouch .footer-request-form-bg .wpcf7-form .row.row3 > div{ width: 100%; }
@media (min-width: 992px){
	.career-form .getTouch .footer-request-form-bg .wpcf7-form .row.row1>div.col-md-6, 
	.career-form .getTouch .footer-request-form-bg .wpcf7-form .row.row3>div.col-md-6 { width: 50%; }
}
.getTouch .footer-request-form-bg .wpcf7-form .form-group {
   margin-bottom: 2px;
}
.getTouch .footer-request-form-bg .wpcf7-form .form-group textarea.form-control{
   height: 45px;
   padding-top: 11px;
   line-height: 1.5;
}
.getTouch .footer-request-form-bg .wpcf7-form .btn.style_5.wpcf7-submit{
   margin-top: 15px;
}
.getTouch .footer-request-form-bg .wpcf7-form .form-group .form-control + .wpcf7-not-valid-tip{
   top: 46%;
}
.getTouch .footer-request-form-bg .wpcf7-form .wpcf7-response-output{
   margin: 20px 0 0;
    padding: 5px 10px;
    font-size: 17px;
    line-height: 1.3;
    text-transform: none;
    font-weight: 300 !important;
}

.send-btn-form {
    width: 100%;
}

.btn.style_5.wpcf7-submit {
    border: none;
    font-family: "cera_pro_medium", Sans-serif;
    width: 100%;
    padding: 15px 30px;
    border-radius: 4px !important;
    color: #ffffff !important;
}

.send-btn-form input:hover {
    background: #f56916;
    background: -moz-linear-gradient(left, #f56916 0, #f0ab0e 100%);
    background: -webkit-linear-gradient(left, #f56916 0, #f0ab0e 100%);
    background: linear-gradient(to right, #f56916 0, #f0ab0e 100%);
}

.ReqForm .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-color: #ccc;
    border-radius: 0;
    flex: 0 0 50px;
    max-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: none;
}

.OurPartner-home {
    padding: 30px 0;
    background: #f7f7f7;
    margin-bottom: 0;
}

.OurPartner ul {
    text-align: center;
    display: flex;
    justify-content: space-between;
}

.OurPartner ul li {
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.OurPartner ul li img {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    opacity: 0.6;
    max-width: 100%;
    max-height: 45px;
}

.OurPartner ul li:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    opacity: 1;
}

#section-footer .scroll-top {
    bottom: 15px;
    position: fixed;
    right: 15px;
    text-align: center;
    z-index: 250;
}
#section-footer .scroll-top .back-to-top {
    background: #02042B none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 33px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    height: 35px;
   cursor: pointer;
    line-height: 28px;
    outline: medium none;
    text-align: center;
    width: 35px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
#section-footer .scroll-top .back-to-top:hover {
   animation: pulseaim1 2.5s infinite cubic-bezier(.66, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(255,255,255,0.60);
}
#section-footer .become-partner-link {
    bottom: 15px;
    position: fixed;
    left: -35px;
    text-align: center;
    z-index: 250;
    display: inline-block;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
#section-footer .become-partner-link:hover { left: 15px; }
#section-footer .become-partner-link span {
    margin-left: 15px;
    border-radius: 5px;
    background: #02042B;
    display: inline-block;
    box-shadow: 0 0 10px -2px #ffffff;
    position: relative;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
}
#section-footer .become-partner-link span:after {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #02042B;
    position: absolute;
    left: -7px;
    top: 50%;
    margin-top: -7px;
    content: "";
}
#section-footer .become-partner-link img {
    height: 32px;
    background: #fff;
    border-radius: 100%;
    padding: 2px;
    box-shadow: 0 0 5px #00000030;
    float: left;
}

.quote-form-open #section-footer .inquiry-btn{ z-index: 0; }
#section-footer .inquiry-btn {
    position: fixed;
    top: 50%;
    right: -46px;
    text-align: center;
    z-index: 250;
    display: inline-block;
   transform: rotate(270deg);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
#section-footer .inquiry-btn .inquiry-btn-click,
#section-footer .inquiry-btn .inquiry-btn-click:focus{
    padding: 0 10px;
    font-size: 14px;
    line-height: 35px;
    display: inline-block;
    border-radius: 4px 4px 0px 0px;
    font-family: "cera_pro_medium", Sans-serif;
    border: 1px solid #02042B;
    background: #02042B;
    color: #ffffff;
    font-weight: 300 !important;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    box-shadow: 0px 0px 10px -1px #fff;
   outline: none;
}
#section-footer .inquiry-btn .inquiry-btn-click:hover {
    border: 1px solid #02042B;
    background: #ffffff;
    color: #02042B;
}

.address-section-bg {
    padding: 80px 0;
    position: relative;
}
.address-section-bg .container {
    position: relative;
    padding: 0;
}
.address-section-bg .section-heading-box {
    padding-bottom: 25px;
}
.address-section-bg .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.address-section-bg .col-md-3 {
    display: flex;
}
.address-box {
    width: 100%;
    /*background: url(../images/dotbg.png) repeat #67449e;*/
   background-color: #02042B;
    padding: 55px 15px 15px;
    border-radius: 5px;
    position: relative;
   text-align: center;
    margin-top: 40px;
	margin-bottom: 30px;
}
.address-box-2 {
    /*background: url(../images/dotbg.png) repeat #ec920a;*/
   background-color: #02042B;
}
.address-box-3 {
    /*background: url(../images/dotbg.png) repeat #2c2267;*/
   background-color: #02042B;
}
.address-box-4 {
    /*background: url(../images/dotbg.png) repeat #8715a4;*/
   background-color: #02042B;
}
.address-box:after {
   display: none;
    position: absolute;
    width: 85px;
    height: 85px;
    background: rgba(255, 255, 255, 0.1);
    right: -20px;
    bottom: -20px;
    content: "";
    border-radius: 100%;
}
.address-box .address-img {
   width: 80px;
    height: 80px;
    position: absolute;
    top: -40px;
    left: calc(50% - 40px);
    background: #ffffff;
    box-shadow: 0 0 12px -3px #fff;
    padding: 0 15px 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
}
.address-box h4 {
    position: relative;
    padding-bottom: 25px;
    font-size: 19px;
    color: #fff;
    font-family: Nunito, sans-serif;
    font-family: "cera_pro_medium", Sans-serif;
    margin: 0px;
}
.address-box h4:after {
    position: absolute;
    left: calc(50% - 25px);
    bottom: 15px;
    width: 50px;
    height: 1px;
    background: #fff;
    content: "";
}
.address-box p {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    margin: 0;
}
.address-box a {
    font-size: 15px;
    margin-top: 5px;
    color: #fff;
    display: flex;
    align-items: center;
   justify-content: center;
}
.address-box a i {
    margin-right: 5px;
}
.shape-effect {
    display: none;
}
.footer-social-new {
    padding: 25px 0;
    /*background-color: #231d47;*/
    background: #02042B;
}
.footer-social-new .container,
.news-latter-form .container,
.footer-menus .container,
.subscribe-row .container,
.copyrights .container {
    padding: 0;
}
.d-flex {
    display: flex;
}
.footer-social-new .footer-social-text {
    align-items: center;
    width: 100%;
}

.footer-social-new .footer-social-text h4 {
    font-size: 20px;
    color: #fff;
    font-family: Nunito, sans-serif;
    font-family: "cera_pro_medium", Sans-serif;
}

.footer-social-icon {
    min-width: 500px;
    text-align: right;
}

.footer-social-icon ul li {
    display: inline-block;
    margin-left: 15px;
}

.footer-social-icon ul li a {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    width: 50px;
    height: 50px;
    display: block;
    background: #ffff;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 5px;
}

.footer-social-icon ul li:nth-child(1) a {
    color: #3b5998;
}

.footer-social-icon ul li:nth-child(2) a {
    color: red;
}

.footer-social-icon ul li:nth-child(3) a {
    color: #1da1f2;
}

.footer-social-icon ul li:nth-child(4) a {
    color: #833ab4;
}

.footer-social-icon ul li:nth-child(5) a {
    color: #bd081c;
}

.footer-social-icon ul li:nth-child(6) a {
    color: #0077b5;
}

.footer-social-icon ul li:nth-child(7) a {
    color: #dd4b39;
}

.footer-social-icon ul li:nth-child(1):hover a {
    background: #3b5998;
    color: #fff;
}

.footer-social-icon ul li:nth-child(2):hover a {
    background: red;
    color: #fff;
}

.footer-social-icon ul li:nth-child(3):hover a {
    background: #1da1f2;
    color: #fff;
}

.footer-social-icon ul li:nth-child(4):hover a {
    background: #833ab4;
    color: #fff;
}

.footer-social-icon ul li:nth-child(5):hover a {
    background: #bd081c;
    color: #fff;
}

.footer-social-icon ul li:nth-child(6):hover a {
    background: #0077b5;
    color: #fff;
}

.footer-social-icon ul li:nth-child(7):hover a {
    background: #dd4b39;
    color: #fff;
}

.footer-social-icon ul li a:hover {
    border-radius: 50%;
}

.footer-mid-bg {
    /*background: url(../images/footer-bg.jpg) no-repeat;*/
    background-size: cover;
    background: #02042B;
}

.news-in {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-color: rgba(255, 255, 255, 0.1);
}

.news-in h4 {
    font-size: 32px;
    color: #f5f5f5;
    font-family: Nunito, sans-serif;
    font-family: "cera_pro_bold", Sans-serif;
    max-width: 245px;
}

.news-in h6 {
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    max-width: 265px;
    line-height: 23px;
    letter-spacing: 0px;
    margin: 0;
    padding: 0;
    margin-left: 70px;
    font-family: "cera_pro_medium", Sans-serif;
}

.news-in form {
    margin-right: auto;
    margin-left: auto;
}

.news-in form .form-group {
    display: flex;
    align-items: center;
    margin: 0;
    background: #f5f5f5;
    border-radius: 5px;
}

.news-in form .form-group .form-control {
    background: 0 0;
    border: none;
    flex: 0 0 302px;
    max-width: 302px;
    height: 47px;
    font-size: 14px;
    color: #3b3465;
}

.news-in form .form-group input[type="submit"] {
    height: 47px;
    border: none;
    background-color: transparent;
    min-width: 153px;
    background-image: linear-gradient(to right, #8e85f0 0, #6557e8 51%, #8e85f0 100%);
    text-align: center;
    color: #fff;
    background-size: 200% auto;
    font-size: 12px;
    font-family: Nunito, sans-serif;
    font-family: "cera_pro_medium", Sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 0 5px 5px 0;
}
.footer-firms-new {
    background: #02042B;
}
.subscribe-row {
    padding: 15px 0;
    /*background: #443c6b;
    background: #1e5799;*/
    border-top: solid 1px;
    border-color: rgba(255, 255, 255, 0.1);
}

.subscribe-row h4 {
    font-family: Nunito, sans-serif;
    font-family: "cera_pro_medium", Sans-serif;
    margin-bottom: 10px;
    color: #fff;
}

.subscribe-row p {
    margin: 0;
    color: #fff;
    font-size: 15px;
}
.footer-subscribe-form{ margin: 0 0 0 auto; }
.wpcf7-form .newsletter-form .wpcf7-form-control-wrap.YourEmail{
   width: calc(100% - 150px);
    display: inline-block;
   vertical-align: top;
}
.wpcf7-form .newsletter-form .wpcf7-form-control-wrap.YourEmail .wpcf7-form-control{
   height: 53px;
    border: 1px solid #ffffff;
    outline: none;
    box-shadow: none;
    border-radius: 4px 0 0 4px;
    font-size: 16px;
   border-right: 1px solid #02042B;
}
.wpcf7-form .newsletter-form .wpcf7-form-control-wrap.YourEmail .wpcf7-form-control + .wpcf7-not-valid-tip{
   color: #ff2525;
    font-size: 13px;
    font-weight: normal;
    display: block;
    position: absolute;
    top: 90%;
    left: 7px;
    padding: 3px;
}
.wpcf7-form .newsletter-form .wpcf7-form-control.wpcf7-submit.btn.style_5{
   width: 150px;
    display: inline-block;
   vertical-align: top;
    padding: 15px 5px !important;
    border-radius: 0 4px 4px 0 !important;
}
.wpcf7-form .newsletter-form .wpcf7-form-control.wpcf7-submit.btn.style_5:hover{
   border-color: #ffffff !important;
}
.footer-subscribe-form .wpcf7-form .wpcf7-response-output{
   color: #fff;
   display: none;
}

.footer-links ul li a {
    position: relative;
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
    padding: 3px 0;
    display: block;
    text-transform: capitalize;
    font-family: "cera_pro_medium", Sans-serif;
}

.footer-heading h4 {
    font-size: 20px;
    color: #fff;
    font-family: Nunito, sans-serif;
    font-family: "cera_pro_medium", Sans-serif;
   text-transform: uppercase;
}

.footer-heading {
    margin-bottom: 20px;
}

.footer-heading span {
    height: 2px;
    width: 50px;
    background: #ffffff;
    display: block;
    margin-top: 10px;
}

.footer-menus {
    padding: 40px 0;
}
.footer-links ul li:hover a{
   -webkit-transition: 0.5s;
    transition: 0.5s;
}
.footer-links ul li:hover a {
    /*color: #ffe000;*/
   text-decoration: underline;
}

.footer-links ul li {
    float: none;
    width: 100%;
    margin: 5px 0;
}

.footer-links ul:after {
    display: table;
    clear: both;
    content: "";
}

.contact-det span {
    display: block;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 15px;
    color: #fff;
    font-family: "cera_pro_medium", Sans-serif;
}

.contact-det span a {
    font-family: "cera_pro_medium", Sans-serif;
    color: #fff;
}
.contact-det span a{
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.contact-det span a:hover {
    /*color: #ffe000;*/
   text-decoration: underline;
}

.contact-det span i {
    margin-right: 10px;
    color: #fff;
}

.contact-det span.address-span {
    display: flex;
}

.contact-det span.address-span div {
    position: relative;
    top: -6px;
}

.customers-rating-box {
    /*background: #302957;
    background: linear-gradient(225deg, #1e5799 0%, #512681 100%);*/
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-width: 1px 0px;
}

.customers-star {
    display: inline-block;
    color: #ff0;
}

.copyrights {
    /*background: #231d47
    background: #164479;*/
}

.copyrights .row {
    align-items: center;
}

.dmca-pro img {
    display: inline-block;
}

.copyrights p,
.copyrights p a {
    margin: 0;
    color: #ffffff;
    font-size: 13px;
    margin-top: 4px;
    text-transform: uppercase;
}
.copyrights p a:hover,
.copyrights p a:hover{ text-decoration: underline; }

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

.copyrights p a {
    margin-right: 10px;
}

.dmca-pro {
    text-align: left;
    position: relative;
    top: 3px;
}

.copyrights {
    padding: 15px 0;
}

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

.captchSendBg {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
}

.skype-button .lwc-chat-button {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.contact-fix {
   display: none;
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 9;
}

.fab,
.share,
.share:after,
.share:before {
    height: 56px;
    width: 56px;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
}

.share {
    position: relative;
}

.share:after,
.share:before {
    content: "";
    will-change: transform;
}

.share:before {
    background: url(../images/add-plus-button.svg) center/28px no-repeat;
    z-index: 5;
    transition: 0.3s;
    opacity: 0;
}
*,
*:focus{ outline: none; }
.share:after {
    /*background-image: linear-gradient(to right, #0787fc 0, #3630be 51%, #0787fc 100%);*/
   background-color: #02042B;
    border: 1px solid #fff;
    background-size: 200% auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: -1;
    transition: 0.39s;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.share.active:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 1;
}

.fab {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: 0.3s;
    -webkit-animation: 0.3s down forwards;
    animation: 0.3s down forwards;
    opacity: 0;
    will-change: animation;
}

li.fab > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

li.fab #SkypeButton_Call_devtechnosys_1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

li.fab #SkypeButton_Call_devtechnosys_1 p > a {
    opacity: 0;
}

li.fab i {
    color: #fff;
    font-size: 28px;
}

.skype-button img {
    opacity: 0;
}

.fab:nth-child(1) {
    top: -132px;
    background: #00aff0;
}

.fab:nth-child(2) {
    top: -66px;
    background: #25d366;
}

.fab:nth-child(3) {
    background: #7d3f98;
}

.fab.active {
    -webkit-animation: 0.48s up forwards;
    animation: 0.48s up forwards;
}

.fab.active:nth-child(1) {
    -webkit-animation-delay: 0.39s;
    animation-delay: 0.39s;
}

.fab.active:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.fab.no {
    -webkit-animation: none;
    animation: none;
    pointer-events: none;
}

.fab.active {
    pointer-events: initial;
}

#SkypeButton_Call_devtechnosys_1 ul {
    left: 49px;
    top: 0;
}

@-webkit-keyframes up {
    50% {
        -webkit-transform: translateY(-170%);
        transform: translateY(-170%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(-130%);
        transform: translateY(-130%);
    }
}

@-webkit-keyframes down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-130%);
        transform: translateY(-130%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        top: 0;
    }
}

.iicc {
    font-size: 34px;
    text-align: center;
    line-height: 55px;
    transition: 0.3s;
    color: #fff;
}

.share.active .iicc {
    transform: scale(0);
}

.desktopMenu {
    width: 100%;
}

.mobileMenu {
    display: none;
    width: 100%;
}

.footer-office-new .col-md-3.ml-auto {
    margin: auto;
}

.error-bg {
    position: absolute;
    left: 0;
    bottom: -20px;
    font-size: 13px;
}

.SectionHeading {
    text-align: center;
}

.SectionHeading h1,
.SectionHeading h2,
.SectionHeading h4 {
    font-size: 32px;
    text-transform: uppercase;
    font-family: Proxima-Regular;
    font-family: "cera_pro_medium", Sans-serif;
    display: inline-block;
}

.SectionHeading h1 span,
.SectionHeading h2 span,
.SectionHeading h4 span {
    font-family: Proxima-Bold;
    font-family: "cera_pro_medium", Sans-serif;
}

.SectionHeading p {
    color: #7d8b9a;
    font-size: 15px;
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 0;
    line-height: 26px;
    /*font-family: Proxima-Light;*/
}

.SectionHeading {
    margin-bottom: 30px;
}

.gold-gradient-color {
    color: #ff6f0d;
    text-shadow: none;
    background: linear-gradient(to right, #fc9c0b, #ff6f0d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s;
}

.gold-gradient-color,
::i-block-chrome {
    color: #ff6f0d;
    background: 0;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.CopyrightsLeft {
    float: right;
    text-align: right;
}

.awards-block {
   text-align: center;
   width: 100%
}
@media (min-width:768px) {
   .awards-slider {
      width: 100%;
      height: 680px;
      overflow: hidden;
      position: relative
   }
   .awards-slider .slick-track {
      height: 680px;
      width: 100%!important;
      transform: none!important
   }
   .awards-slider .slide {
      width: 220px!important;
      position: absolute!important;
      height: auto;
      left: auto!important;
      overflow: hidden;
      z-index: 1
   }
}
.awards-slider .slide {
   transition: .4s;
   background-color: #fff;
   border: 1px solid #dbd8d8;
   padding: 20px 10px
}
.awards-slider .slide:hover {
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}
.awards-slider .slide.slick-active {
   z-index: 2
}
.awards-slider .one {
   top: 0!important;
   right: 0;
   border-radius: 50px 0 0 0
}
.awards-slider .two {
   top: 169px!important;
   right: 219px;
   border-radius: 50px 0 0 0
}
.awards-slider .three {
   top: 169px!important;
   right: 0;
   background-color: #f8f8f8
}
.awards-slider .four {
   top: 338px!important;
   right: 438px;
   border-radius: 50px 0 0 0
}
.awards-slider .five {
   top: 338px!important;
   right: 219px;
   border-radius: 0;
   background-color: #f8f8f8
}
.awards-slider .six {
   top: 338px!important;
   right: 0;
   border-radius: 0 0 50px 0
}
.awards-slider .seven {
   top: 507px!important;
   right: 219px;
   border-radius: 0 0 50px 0
}
.awards-block .icon {
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   width: 100%;
   margin-bottom: 10px;
   height: 60px;
   vertical-align: bottom
}
.awards-block .icon img {
   margin: 0 auto;
   max-height: 60px
}
.awards-block .title {
   font-size: 18px;
   font-weight: 500;
   color: #333;
   line-height: 23px
}
.awards-block .star-rating {
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   line-height: 1;
   margin-top: 10px
}
.awards-block .star-rating ul {
   list-style: none;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
}
.awards-block .star-rating ul li {
   width: 25px;
   height: 25px;
   border-radius: 0 0 10px 0;
   margin-left: 7px;
   background-color: #00ae77;
   line-height: 25px
}
.awards-block .star-rating ul li img {
   width: 16px;
   display: inline-block;
   vertical-align: middle
}
.awards-block:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 100%;
   height: 2px;
   transform: translateX(-50%);
   transition: .4s;
}
.awards-slider .slide:hover .awards-block:after {
   animation: lineanim 1.75s infinite
}
.awards-block.appdexa .star-rating {
   color: #00b67a
}
.awards-block.appdexa .star-rating ul li {
   background-color: #00b67a
}
.awards-block.appdexa:hover:after {
   background-color: #00b67a
}
.awards-block.clutch .star-rating {
   color: #fe3d2e
}
.awards-block.clutch .star-rating ul li {
   background-color: #fe3d2e
}
.awards-block.clutch:hover:after {
   background-color: #fe3d2e
}
.awards-block.skilled .star-rating {
   color: #ffd150
}
.awards-block.skilled .star-rating ul li {
   background-color: #ffd150
}
.awards-block.skilled:hover:after {
   background-color: #ffd150
}
.awards-block.appfutu .star-rating {
   color: #f26c4f
}
.awards-block.appfutu .star-rating ul li {
   background-color: #f26c4f
}
.awards-block.appfutu:hover:after {
   background-color: #f26c4f
}
.awards-block.businessofapps .star-rating {
   color: #c32725
}
.awards-block.businessofapps .star-rating ul li {
   background-color: #c32725
}
.awards-block.businessofapps:hover:after {
   background-color: #c32725
}
.awards-block.trustfirms .star-rating {
   color: #fe811b
}
.awards-block.trustfirms .star-rating ul li {
   background-color: #fe811b
}
.awards-block.trustfirms:hover:after {
   background-color: #fe811b
}
.awards-block.topdevelopers .star-rating {
   color: #002c5f
}
.awards-block.topdevelopers .star-rating ul li {
   background-color: #002c5f
}
.awards-block.topdevelopers:hover:after {
   background-color: #002c5f
}
.awards-block.extract .star-rating {
   color: #08bde8
}
.awards-block.extract .star-rating ul li {
   background-color: #08bde8
}
.awards-block.extract:hover:after {
   background-color: #08bde8
}
.awards-block.deloitte .star-rating {
   color: #7fc241
}
.awards-block.deloitte .star-rating ul li {
   background-color: #7fc241
}
.awards-block.deloitte:hover:after {
   background-color: #7fc241
}
.awards-block.goodfirms .star-rating {
   color: #fcaa00
}
.awards-block.goodfirms .star-rating ul li {
   background-color: #fcaa00
}
.awards-block.goodfirms:hover:after {
   background-color: #fcaa00
}
@-webkit-keyframes lineanim {
   from {
      width: 0
   }
   50% {
      width: 100%
   }
   to {
      width: 0
   }
}

.merchants-list {
    height: 440px;
    overflow: hidden;
    margin-bottom: 0px;
    margin-top: 0px;
    position: relative;
}
.merchants-list::before,
.merchants-list::after {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    position: absolute;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    background: -webkit-linear-gradient(0, #02042B, rgba(255, 255, 255, 0));
    background: linear-gradient(0, #02042B, rgba(255, 255, 255, 0));
}
.merchants-list::before {
    z-index: 1;
}
.merchants-list::after {
    top: 0;
    bottom: auto;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    background: -webkit-linear-gradient(top, #02042B, rgba(255, 255, 255, 0));
    background: linear-gradient(180deg, #02042B, rgba(255, 255, 255, 0));
}
.merchants-list .wrapper {
    -webkit-animation: 30s merchantlist linear infinite;
    animation: 30s merchantlist linear infinite;
    max-width: 484px;
    margin: 0 auto;
}
.merchants-list .merchants-image {
    max-width: 484px;
    width: 100%;
    margin: 0 auto;
}
@-webkit-keyframes merchantlist {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@keyframes merchantlist {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (max-width: 1200px) {
   .top-menu.contact-box-hover .nine-info-inquiry{ right: 0; }
}
@media (max-width: 991px) {
   .address-box{ margin: 40px 0 10px; }
   .footer-social-icon{ min-width: 400px; }
   .footer-social-icon ul li a{ width: 40px; height: 40px; }
   .footer-social-new .container_custom.d-flex,
    .footer-social-new .container_custom.d-flex > div{ display: block; width: 100%; min-width: 100%; text-align: center; }
    .footer-social-new .container_custom.d-flex .footer-social-text{ margin-bottom: 30px; }
   .footer-social-new .footer-social-text h4{ font-size: 18px; }
   .news-in{ flex-wrap: wrap; text-align: center; }
   .news-in h4{ font-size: 22px; max-width: 100%; width: 100%; margin-bottom: 15px; }
   .news-in h6{ font-size: 14px; max-width: 100%; width: 100%; margin: 0 0 15px; }
   .footer-subscribe-form{ width: 100%; display: block; }
   .subscribe-row{ text-align: center; }
   .text-right.CopyrightsRight{ text-align: center; margin: 10px 0 5px; }
   .footer-menus .row > div:nth-child(2n+1){ clear: both; }
   .CopyrightsLeft { float: none; text-align: center; }
   .awards-block .star-rating ul li{
      width: 20px;
      height: 20px;
      line-height: 17px;
   }
   .awards-block .title{ font-size: 16px; }
   .awards-slider .slide{
      width: 170px!important;
      padding: 10px 5px;
   }
   .awards-slider .two{ right: 169px; top: 162px!important; }
   .awards-slider .three{ top: 162px!important; }
   .awards-slider .six{ top: 324px!important; }
   .awards-slider .five{ top: 324px!important; right: 169px; }
   .awards-slider .four{ top: 324px!important; right: 338px; }
   .awards-slider .seven{ top: 486px!important; right: 169px; }
   .form-graphic{
      top: 0px;
    max-width: 300px;
    margin: 0 auto;
   }
   .footer-request-form-bg .container > .row{margin-left: 0;}
   .footer-request-form-bg .container .form-left-des{width: 100%;}
   .footer-request-form-bg .section-heading-box{ text-align: center; }
   .footer-request-form-bg .FooterForm{ padding-left: 0; }
   .footer-request-form-bg .FooterForm .wpcf7-form > .row{ margin-left: 0; }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
    .awards-recognition-section {
        padding: 30px 0 155px 0;
    }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .awards-recognition-section {
        padding: 60px 0 100px 0;
    }
  .address-section-bg{ padding: 60px 0; }
  .address-section-bg .section-heading-box{ padding-bottom: 10px; }
  .address-section-bg .row{ justify-content: center; text-align: center; }
  .address-section-bg .address-box h4:after{ left: calc(50% - 25px); }
  .address-section-bg .address-box a{justify-content: center;  }
}
@media (max-width: 767px) {
    .awards-slider {
      text-align: center;
   }
    .awards-slider .slide {
      border-radius: 0px;
      display: inline-block;
      width: calc(50% - 3px) !important;
      margin-bottom: 5px;
   }
   .footer-request-form-bg .container > .row,
   .footer-request-form-bg .FooterForm .wpcf7-form > .row{ margin-left: -15px; }
	.requestForm .footer-request-form-bg .FooterForm .wpcf7-form > .row{ margin-left: 0px; }
}
/* Footer css end */