@import url('bootstrap.min.css');@import url('all.min.css');@import url('owl.carousel.min.css');@font-face {
    font-family: 'poppins_blackregular';
    src: url("../fonts/poppins-black-webfont.woff2") format("woff2"),url("../fonts/poppins-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'poppinsbold';
    src: url("../fonts/poppins-bold-webfont.woff2") format("woff2"),url("../fonts/poppins-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'poppins_extraboldregular';
    src: url("../fonts/poppins-extrabold-webfont.woff2") format("woff2"),url("../fonts/poppins-extrabold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'poppins_extralightregular';
    src: url("../fonts/poppins-extralight-webfont.woff2") format("woff2"),url("../fonts/poppins-extralight-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'poppins_lightregular';
    src: url("../fonts/poppins-light-webfont.woff2") format("woff2"),url("../fonts/poppins-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'poppins_mediumregular';
    src: url("../fonts/poppins-medium-webfont.woff2") format("woff2"),url("../fonts/poppins-medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'poppinsregular';
    src: url("../fonts/poppins-regular-webfont.woff2") format("woff2"),url("../fonts/poppins-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'poppins_semiboldregular';
    src: url("../fonts/poppins-semibold-webfont.woff2") format("woff2"),url("../fonts/poppins-semibold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'poppins_thinregular';
    src: url("../fonts/poppins-thin-webfont.woff2") format("woff2"),url("../fonts/poppins-thin-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'nunitoblack';
    src: url("../fonts/nunito-black-webfont.woff2") format("woff2"),url("../fonts/nunito-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'nunitobold';
    src: url("../fonts/nunito-bold-webfont.woff2") format("woff2"),url("../fonts/nunito-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'nunitoextrabold';
    src: url("../fonts/nunito-extrabold-webfont.woff2") format("woff2"),url("../fonts/nunito-extrabold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'nunitoextralight';
    src: url("../fonts/nunito-extralight-webfont.woff2") format("woff2"),url("../fonts/nunito-extralight-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'nunitolight';
    src: url("../fonts/nunito-light-webfont.woff2") format("woff2"),url("../fonts/nunito-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'nunitomedium';
    src: url("../fonts/nunito-medium-webfont.woff2") format("woff2"),url("../fonts/nunito-medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'nunitoregular';
    src: url("../fonts/nunito-regular-webfont.woff2") format("woff2"),url("../fonts/nunito-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'nunitosemibold';
    src: url("../fonts/nunito-semibold-webfont.woff2") format("woff2"),url("../fonts/nunito-semibold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'interregular';
    src: url("../fonts/inter-regular-webfont.woff2") format("woff2"),url("../fonts/inter-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'interbold';
    src: url("../fonts/inter-bold-webfont.woff2") format("woff2"),url("../fonts/inter-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'interextrabold';
    src: url("../fonts/inter-extrabold-webfont.woff2") format("woff2"),url("../fonts/inter-extrabold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'intersemibold';
    src: url("../fonts/inter-semibold-webfont.woff2") format("woff2"),url("../fonts/inter-semibold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'interlight';
    src: url("../fonts/inter-light-webfont.woff2") format("woff2"),url("../fonts/inter-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'intermedium';
    src: url("../fonts/inter-medium-webfont.woff2") format("woff2"),url("../fonts/inter-medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'interblack';
    src: url("../fonts/inter-black-webfont.woff2") format("woff2"),url("../fonts/inter-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'interextralight';
    src: url("../fonts/inter-extralight-webfont.woff2") format("woff2"),url("../fonts/inter-extralight-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'interthin';
    src: url("../fonts/inter-thin-webfont.woff2") format("woff2"),url("../fonts/inter-thin-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'druk_trialbold';
    src: url("../fonts/druk-bold-trial-webfont.woff2") format("woff2"),url("../fonts/druk-bold-trial-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'druk_trialheavy';
    src: url("../fonts/druk-heavy-trial-webfont.woff2") format("woff2"),url("../fonts/druk-heavy-trial-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'druk_trialmedium';
    src: url("../fonts/druk-medium-trial-webfont.woff2") format("woff2"),url("../fonts/druk-medium-trial-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'druk_trialsuper';
    src: url("../fonts/druk-super-trial-webfont.woff2") format("woff2"),url("../fonts/druk-super-trial-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

/*header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #fff
}

@media (max-width: 767px) {
    header {
        height:67px
    }
}

header.sticky {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

header .container-fluid {
    padding: 0
}

@media (min-width: 576px) {
    header .container {
        max-width:100%
    }
}

@media (min-width: 768px) {
    header .container {
        max-width:100%
    }
}

@media (min-width: 992px) {
    header .container {
        max-width:100%
    }
}

@media (min-width: 1200px) {
    header .container {
        max-width:100%
    }
}

@media (min-width: 1400px) {
    header .container {
        max-width:100%
    }
}

@media (min-width: 1600px) {
    header .container {
        max-width:1465px
    }
}

@media (min-width: 1700px) {
    header .container {
        max-width:1500px
    }
}

@media (min-width: 1800px) {
    header .container {
        max-width:1600px
    }
}

header .container.custom-container {
    position: static
}

@media (min-width: 1600px) {
    header .container.custom-container {
        max-width:1465px
    }
}

@media (min-width: 1700px) {
    header .container.custom-container {
        max-width:1500px
    }
}

@media (min-width: 1800px) {
    header .container.custom-container {
        max-width:1600px
    }
}*/

/*header .navbar {
    padding-top: 0;
    padding-bottom: 0
}

header .navbar .navbar-brand img {
    height: auto
}

header .navbar .navbar-brand img.web-logo {
    width: 200px
}

@media (max-width: 767px) {
    header .navbar .navbar-brand img.web-logo {
        display:none
    }
}

header .navbar .navbar-brand img.mobile-logo {
    width: 80px;
    display: none
}

@media (max-width: 767px) {
    header .navbar .navbar-brand img.mobile-logo {
        display:block
    }
}

@media (max-width: 1024px) {
    header .navbar .collapse.navbar-collapse {
        display:none !important
    }
}

header .navbar .navbar-nav .nav-item {
    margin: 0 13px;
    position: relative;
    border-bottom: 2px solid transparent
}

@media (min-width: 576px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu .container {
        max-width:100%
    }
}

@media (min-width: 768px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu .container {
        max-width:100%
    }
}

@media (min-width: 992px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu .container {
        max-width:100%
    }
}

@media (min-width: 1200px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu .container {
        max-width:100%
    }
}

@media (min-width: 1400px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu .container {
        max-width:100%
    }
}

@media (min-width: 1600px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu .container {
        max-width:1465px
    }
}

@media (min-width: 1700px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu .container {
        max-width:1500px
    }
}

@media (min-width: 1800px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu .container {
        max-width:1600px
    }
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show {
    -webkit-animation: fadeIn 0.3s alternate;
    animation: fadeIn 0.3s alternate;
    border: none
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show .padd {
    padding: 20px
}

@media (max-width: 1399px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu.show .padd {
        padding:20px 10px
    }
}

@media (max-width: 1199px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu.show .padd {
        padding:20px 5px
    }
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show .bg {
    padding: 20px;
    background-color: #edf5fa
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show .bg .list-group {
    margin-bottom: 30px
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show .nav-item {
    border-bottom: none
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show .mega-content .h5 {
    font-size: 18px;
    font-family: "intermedium";
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    white-space: nowrap
}

@media (max-width: 1399px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu.show .mega-content .h5 {
        font-size:15px
    }
}

@media (max-width: 1199px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu.show .mega-content .h5 {
        font-size:14px
    }
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show .mega-content .h5 .arrow {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../img/common/svg/arrow-right-up-black.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    vertical-align: middle
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show .mega-content .h5:hover .arrow {
    -moz-transform: translate(25%, -25%);
    -o-transform: translate(25%, -25%);
    -ms-transform: translate(25%, -25%);
    -webkit-transform: translate(25%, -25%);
    transform: translate(25%, -25%)
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show .mega-content .list-group.bot {
    margin-bottom: 30px
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show .mega-content .list-group li .nav-link {
    font-size: 14px;
    color: #666;
    line-height: normal;
    padding: 5px 0;
    text-decoration: none
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show-hover {
    -webkit-animation: fadeIn 0.3s alternate;
    animation: fadeIn 0.3s alternate;
    border: none
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show-hover .padd {
    padding: 20px
}

@media (max-width: 1399px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu.show-hover .padd {
        padding:20px 10px
    }
}

@media (max-width: 1199px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu.show-hover .padd {
        padding:20px 5px
    }
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show-hover .bg {
    padding: 20px;
    background-color: #edf5fa
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show-hover .bg .list-group {
    margin-bottom: 30px
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show-hover .nav-item {
    border-bottom: none
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show-hover .mega-content .h5 {
    font-size: 18px;
    font-family: "intermedium";
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    white-space: nowrap
}

@media (max-width: 1399px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu.show-hover .mega-content .h5 {
        font-size:15px
    }
}

@media (max-width: 1199px) {
    header .navbar .navbar-nav .nav-item .dropdown-menu.show-hover .mega-content .h5 {
        font-size:14px
    }
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show-hover .mega-content .h5 .arrow {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../img/common/svg/arrow-right-up-black.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    vertical-align: middle
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show-hover .mega-content .h5:hover .arrow {
    -moz-transform: translate(25%, -25%);
    -o-transform: translate(25%, -25%);
    -ms-transform: translate(25%, -25%);
    -webkit-transform: translate(25%, -25%);
    transform: translate(25%, -25%)
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show-hover .mega-content .list-group.bot {
    margin-bottom: 30px
}

header .navbar .navbar-nav .nav-item .dropdown-menu.show-hover .mega-content .list-group li .nav-link {
    font-size: 14px;
    color: #666;
    line-height: normal;
    padding: 5px 0;
    text-decoration: none
}

header .navbar .navbar-nav .nav-item.dropdown.dropdown-mega {
    position: static
}

header .navbar .navbar-nav .nav-item.dropdown.dropdown-mega .dropdown-menu {
    width: 100%;
    top: 81px;
    left: 0;
    padding: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px
}

@media screen and (max-width: 1366px) {
    header .navbar .navbar-nav .nav-item.dropdown.dropdown-mega .dropdown-menu {
        top:76px
    }
}

@media screen and (max-width: 1366px) {
    header .navbar .navbar-nav .nav-item {
        margin:0 8px
    }
}

@media screen and (max-width: 1199px) {
    header .navbar .navbar-nav .nav-item {
        margin:0 5px
    }
}

header .navbar .navbar-nav .nav-item:hover,header .navbar .navbar-nav .nav-item:focus {
    border-bottom-color: #0076FF
}

header .navbar .navbar-nav .nav-item.position-static .nav-link {
    padding-right: 17px;
    padding-left: 0
}

header .navbar .navbar-nav .nav-item .nav-link {
    font-family: "intermedium";
    font-size: 16px;
    line-height: 58px;
    color: #000;
    padding-right: 0;
    padding-left: 0;
    position: relative
}

@media screen and (max-width: 1366px) {
    header .navbar .navbar-nav .nav-item .nav-link {
        font-size:14px
    }
}

header .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
    content: "\f107";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    border: none;
    position: absolute;
    top: 33px;
    right: 0;
    line-height: normal;
    font-size: 13px
}

header .navbar .navbar-nav .nav-item.rq-btn {
    border-bottom: none
}

header .navbar .navbar-nav .nav-item.rq-btn .btn {
    color: #fff;
    padding: 10px 42px 10px 20px;
    line-height: 31px
}

header .navbar .navbar-nav .nav-item.call {
    margin-right: 20px;
    position: relative;
    border-bottom: none
}

@media screen and (max-width: 1366px) {
    header .navbar .navbar-nav .nav-item.call {
        margin-right:10px
    }
}

header .navbar .navbar-nav .nav-item.call .nav-link {
    width: 47px;
    height: 47px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #FF9100;
    background: #D95700;
    background: linear-gradient(45deg, #D95700 50%, #FF9100 100%);
    font-size: 22px;
    color: #fff;
    text-align: center;
    padding-right: 0
}

header .navbar .navbar-nav .nav-item.call .nav-link:after {
    display: none
}

header .navbar .navbar-nav .nav-item.call .nav-link i {
    margin-top: 5px;
    position: relative;
    top: -12px
}

header .navbar .navbar-nav .nav-item.call:hover .nav-link,header .navbar .navbar-nav .nav-item.call:focus .nav-link {
    background-color: #0076FF;
    background: #0076FF;
    background: linear-gradient(45deg, #0076FF 50%, #0076FF 100%)
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0)
    }

    1% {
        -webkit-transform: rotateZ(30deg)
    }

    3% {
        -webkit-transform: rotateZ(-28deg)
    }

    5% {
        -webkit-transform: rotateZ(34deg)
    }

    7% {
        -webkit-transform: rotateZ(-32deg)
    }

    9% {
        -webkit-transform: rotateZ(30deg)
    }

    11% {
        -webkit-transform: rotateZ(-28deg)
    }

    13% {
        -webkit-transform: rotateZ(26deg)
    }

    15% {
        -webkit-transform: rotateZ(-24deg)
    }

    17% {
        -webkit-transform: rotateZ(22deg)
    }

    19% {
        -webkit-transform: rotateZ(-20deg)
    }

    21% {
        -webkit-transform: rotateZ(18deg)
    }

    23% {
        -webkit-transform: rotateZ(-16deg)
    }

    25% {
        -webkit-transform: rotateZ(14deg)
    }

    27% {
        -webkit-transform: rotateZ(-12deg)
    }

    29% {
        -webkit-transform: rotateZ(10deg)
    }

    31% {
        -webkit-transform: rotateZ(-8deg)
    }

    33% {
        -webkit-transform: rotateZ(6deg)
    }

    35% {
        -webkit-transform: rotateZ(-4deg)
    }

    37% {
        -webkit-transform: rotateZ(2deg)
    }

    39% {
        -webkit-transform: rotateZ(-1deg)
    }

    41% {
        -webkit-transform: rotateZ(1deg)
    }

    43% {
        -webkit-transform: rotateZ(0)
    }

    100% {
        -webkit-transform: rotateZ(0)
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0)
    }

    1% {
        -moz-transform: rotate(30deg)
    }

    3% {
        -moz-transform: rotate(-28deg)
    }

    5% {
        -moz-transform: rotate(34deg)
    }

    7% {
        -moz-transform: rotate(-32deg)
    }

    9% {
        -moz-transform: rotate(30deg)
    }

    11% {
        -moz-transform: rotate(-28deg)
    }

    13% {
        -moz-transform: rotate(26deg)
    }

    15% {
        -moz-transform: rotate(-24deg)
    }

    17% {
        -moz-transform: rotate(22deg)
    }

    19% {
        -moz-transform: rotate(-20deg)
    }

    21% {
        -moz-transform: rotate(18deg)
    }

    23% {
        -moz-transform: rotate(-16deg)
    }

    25% {
        -moz-transform: rotate(14deg)
    }

    27% {
        -moz-transform: rotate(-12deg)
    }

    29% {
        -moz-transform: rotate(10deg)
    }

    31% {
        -moz-transform: rotate(-8deg)
    }

    33% {
        -moz-transform: rotate(6deg)
    }

    35% {
        -moz-transform: rotate(-4deg)
    }

    37% {
        -moz-transform: rotate(2deg)
    }

    39% {
        -moz-transform: rotate(-1deg)
    }

    41% {
        -moz-transform: rotate(1deg)
    }

    43% {
        -moz-transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(0)
    }
}

@keyframes ring {
    0% {
        transform: rotate(0)
    }

    1% {
        transform: rotate(30deg)
    }

    3% {
        transform: rotate(-28deg)
    }

    5% {
        transform: rotate(34deg)
    }

    7% {
        transform: rotate(-32deg)
    }

    9% {
        transform: rotate(30deg)
    }

    11% {
        transform: rotate(-28deg)
    }

    13% {
        transform: rotate(26deg)
    }

    15% {
        transform: rotate(-24deg)
    }

    17% {
        transform: rotate(22deg)
    }

    19% {
        transform: rotate(-20deg)
    }

    21% {
        transform: rotate(18deg)
    }

    23% {
        transform: rotate(-16deg)
    }

    25% {
        transform: rotate(14deg)
    }

    27% {
        transform: rotate(-12deg)
    }

    29% {
        transform: rotate(10deg)
    }

    31% {
        transform: rotate(-8deg)
    }

    33% {
        transform: rotate(6deg)
    }

    35% {
        transform: rotate(-4deg)
    }

    37% {
        transform: rotate(2deg)
    }

    39% {
        transform: rotate(-1deg)
    }

    41% {
        transform: rotate(1deg)
    }

    43% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(0)
    }
}

header .navbar .navbar-nav .nav-item.call .nine-info-inquiry {
    position: absolute;
    width: 300px;
    text-align: left;
    right: 4px;
    left: auto;
    top: 40px;
    z-index: 1010;
    margin-top: 20px;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3)
}

@media (max-width: 1024px) {
    header .navbar .navbar-nav .nav-item.call .nine-info-inquiry {
        position:static;
        display: block;
        width: 100%;
        box-shadow: none;
        border-radius: 0;
        margin-top: 0
    }
}

header .navbar .navbar-nav .nav-item.call .nine-info-inquiry:before {
    content: "";
    position: absolute;
    top: -15px;
    right: 9px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 10px;
    border-left-width: 10px;
    border-bottom: 15px solid #fff
}

header .navbar .navbar-nav .nav-item.call .nine-info-inquiry .nine-heading {
    padding: 15px 15px;
    font-family: "intermedium";
    font-size: 22px
}

@media (max-width: 1024px) {
    header .navbar .navbar-nav .nav-item.call .nine-info-inquiry .nine-heading {
        margin-bottom:10px
    }
}

header .navbar .navbar-nav .nav-item.call .nine-info-inquiry a {
    font-size: 16px;
    display: block;
    margin: 10px 0;
    line-height: 34px;
    padding-left: 40px;
    position: relative
}

header .navbar .navbar-nav .nav-item.call .nine-info-inquiry a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background-image: url(../img/common/png/flag-icons.png);
    background-repeat: no-repeat
}

header .navbar .navbar-nav .nav-item.call .nine-info-inquiry a.flag1:before {
    background-position: 0 0
}

header .navbar .navbar-nav .nav-item.call .nine-info-inquiry a.flag2:before {
    background-position: 0 -32px
}

header .navbar .navbar-nav .nav-item.call .nine-info-inquiry a.skype:before {
    background-position: 0 -64px
}

header .navbar .navbar-nav .nav-item.call .nine-info-inquiry a.envelope:before {
    background-position: 0 -96px
}

header .navbar .navbar-nav .nav-item.call .nine-info-inquiry .hr-block {
    padding: 10px;
    background-color: #0076FF;
    color: #fff;
    position: relative
}

header .navbar .navbar-nav .nav-item.call .nine-info-inquiry .hr-block .hr-dpt {
    font-size: 14px;
    color: #fff;
    border: 1px solid #0076FF
}

@media (max-width: 1024px) {
    header .navbar .navbar-nav .nav-item.call .nine-info-inquiry .hr-block .hr-dpt {
        top:-17px
    }
}

header .navbar .navbar-nav .nav-item.call .nine-info-inquiry .hr-block .flag1 {
    color: #fff
}

header .navbar .navbar-nav .nav-item.call .nine-info-inquiry .inquiry-block {
    padding: 10px;
    border: 1px dashed #BEBEBE;
    position: relative;
    margin: 20px 15px 15px 15px
}

header .navbar .navbar-nav .nav-item.call .nine-info-inquiry .inquiry-block .sales-dpt {
    position: absolute;
    left: 10px;
    top: -10px;
    background-color: #fff;
    padding: 2px 5px;
    font-size: 14px
}

@media (max-width: 1024px) {
    header .navbar .navbar-nav .nav-item.call .nine-info-inquiry .inquiry-block .sales-dpt {
        top:-17px
    }
}

header .navbar .navbar-nav .nav-item.call:hover i {
    cursor: pointer;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite
}

header .navbar .navbar-nav .nav-item.company .nav-link {
    padding-right: 17px;
    padding-left: 0
}

header .navbar .navbar-nav .nav-item.company .nav-link.dropdown-toggle::after {
    top: 33px
}

header .navbar .navbar-nav .dropdown-menu.comp {
    padding: 20px;
    top: 75px;
    min-width: 270px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px
}

header .navbar .navbar-nav .dropdown-menu.comp.blog-drop-down {
    min-width: 290px
}

header .navbar .navbar-nav .dropdown-menu.comp li .nav-link {
    font-size: 14px;
    color: #333;
    line-height: normal;
    padding: 5px 0;
    text-decoration: none
}

header .navbar .mobile-quote {
    display: none;
    margin-right: 70px;
    position: absolute;
    right: 10px;
    top: 11px
}

header .navbar .mobile-quote.btn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px
}

@media (max-width: 1024px) {
    header .navbar .mobile-quote {
        display:block
    }
}

@media (max-width: 767px) {
    header .navbar .mobile-quote {
        padding:10px 30px 10px 10px
    }

    header .navbar .mobile-quote.btn .arrow {
        right: 7px;
        top: 11px
    }
}

header .disclaimer {
    background-color: #000000;
    text-align: center;
    font-size: 14px;
    font-family: "poppinsregular";
    color: #ffffff;
    min-height: 20px;
    text-transform: none;
    display: block;
    padding: 0px 10px;
    z-index: 1;
    position: relative;
    overflow-x: hidden;
    width: 100vw;
    max-width: 100%;
    height: 27px
}

@media (max-width: 991px) {
    header .disclaimer {
        display:none
    }
}

header .disclaimer .disclaimer-set {
    position: relative;
    overflow-x: hidden;
    max-width: 1560px;
    margin: 0 auto;
    padding-left: 120px
}

header .disclaimer .disclaimer-set .disclaimer-text {
    position: absolute;
    left: 0;
    top: 0;
    padding: 3px 10px;
    background-color: red;
    z-index: 1;
    font-family: "poppinsbold"
}

header .disclaimer .disclaimer-set .marquee {
    padding: 3px 0px;
    white-space: nowrap;
    will-change: transform;
    animation: marquee1 30s linear infinite;
    display: flex
}

header .disclaimer .disclaimer-set .marquee:hover {
    animation-play-state: paused
}

header .disclaimer .disclaimer-set .marquee .text {
    margin-right: 5%
}

@keyframes marquee1 {
    from {
        transform: translateX(10%)
    }

    to {
        transform: translateX(-150%)
    }
}

header .disclaimer-mobile {
    background-color: #000000;
    text-align: left;
    font-size: 14px;
    font-family: "poppinsregular";
    color: #ffffff;
    min-height: 20px;
    text-transform: none;
    display: block;
    padding: 0px 0px;
    z-index: 1;
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    width: 100vw;
    max-width: 100%;
    height: 27px
}

@media (max-width: 991px) {
    header .disclaimer-mobile {
        padding-right:10px;
        display: block
    }
}

header .disclaimer-mobile .disclaimer-set {
    position: relative;
    overflow-x: hidden;
    max-width: 991px;
    margin: 0 auto;
    padding-left: 120px
}

header .disclaimer-mobile .disclaimer-set .disclaimer-text {
    position: absolute;
    left: 0;
    top: 0;
    padding: 3px 10px;
    background-color: red;
    z-index: 1;
    font-family: "poppinsbold"
}

header .disclaimer-mobile .disclaimer-set .marquee {
    padding: 3px 0px;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 30s linear infinite
}

header .disclaimer-mobile .disclaimer-set .marquee:hover {
    animation-play-state: paused
}*/

@keyframes marquee {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(-500%)
    }
}

.grecaptcha-badge {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?pmea3q");
    src: url("../fonts/icomoon.eot?pmea3q#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?pmea3q") format("truetype"),url("../fonts/icomoon.woff?pmea3q") format("woff"),url("../fonts/icomoon.svg?pmea3q#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

i[class^="icon-"],i[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 50px;
    line-height: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-agile-methodology-sc:before {
    content: "\e932";
    color: #319687
}

.icon-agreement-sc:before {
    content: "\e933";
    color: #989844
}

.icon-business-plan-sc:before {
    content: "\e934";
    color: #eca84b
}

.icon-customizable-sc:before {
    content: "\e935";
    color: #68ca73
}

.icon-development-team-sc:before {
    content: "\e936";
    color: #9a60b4
}

.icon-domain-knowledge-sc:before {
    content: "\e937";
    color: #ff9100
}

.icon-flexible-sc:before {
    content: "\e938";
    color: #fd5f88
}

.icon-increase-sc:before {
    content: "\e939";
    color: #1fd526
}

.icon-loyalty-sc:before {
    content: "\e93a";
    color: #5f8d4b
}

.icon-market-sc:before {
    content: "\e93b";
    color: #fd7070
}

.icon-portfolio-sc:before {
    content: "\e93c";
    color: #1cccfc
}

.icon-quality-sc:before {
    content: "\e93d";
    color: #4b9efb
}

.icon-research-sc:before {
    content: "\e93e";
    color: #5648f9
}

.icon-support-sc:before {
    content: "\e93f";
    color: #ba4bf9
}

.icon-transparency-sc:before {
    content: "\e940";
    color: #ff5c5c
}

.icon-accuracy:before {
    content: "\e92c"
}

.icon-automation:before {
    content: "\e92d"
}

.icon-money:before {
    content: "\e92e"
}

.icon-safety:before {
    content: "\e92f"
}

.icon-scope:before {
    content: "\e930"
}

.icon-transparency:before {
    content: "\e931"
}

.icon-architecture:before {
    content: "\e91b";
    color: #4b9efb
}

.icon-audit:before {
    content: "\e927";
    color: #ba4bf9
}

.icon-dapps:before {
    content: "\e928";
    color: #5648f9
}

.icon-development-pc:before {
    content: "\e929";
    color: #67ca72
}

.icon-ethereum:before {
    content: "\e92a";
    color: #eca84b
}

.icon-optimization-search:before {
    content: "\e92b";
    color: #fd7070
}

.icon-bulb:before {
    content: "\e900";
    color: #1cccfc
}

.icon-discount-Regular:before {
    content: "\e901";
    color: #4b9efb
}

.icon-file-Regular:before {
    content: "\e902";
    color: #1fd526
}

.icon-globe-Regular:before {
    content: "\e903";
    color: #ff9100
}

.icon-graphic-design:before {
    content: "\e904";
    color: #5648f9
}

.icon-headphones:before {
    content: "\e905";
    color: #5f8d4b
}

.icon-laptop:before {
    content: "\e906";
    color: #319687
}

.icon-like-thumb:before {
    content: "\e907";
    color: #ba4bf9
}

.icon-minus-line:before {
    content: "\e908";
    color: #0076ff
}

.icon-mobile-blank:before {
    content: "\e909"
}

.icon-mobile-code:before {
    content: "\e90a";
    color: #67ca72
}

.icon-monitor-mobile:before {
    content: "\e90b";
    color: #eca84b
}

.icon-ox-game:before {
    content: "\e90c"
}

.icon-plus:before {
    content: "\e90d";
    color: #0076ff
}

.icon-security:before {
    content: "\e90e"
}

.icon-send-Regular:before {
    content: "\e90f";
    color: #fd7070
}

.icon-server-alt:before {
    content: "\e910"
}

.icon-shield-Regular:before {
    content: "\e911";
    color: #67ca72
}

.icon-skull:before {
    content: "\e912"
}

.icon-sliders-h-Regular:before {
    content: "\e913";
    color: #989844
}

.icon-speaker:before {
    content: "\e914"
}

.icon-tv:before {
    content: "\e915";
    color: #fd7070
}

.icon-user-check:before {
    content: "\e916";
    color: #5648f9
}

.icon-user-Regular:before {
    content: "\e917";
    color: #9a60b4
}

.icon-users-Regular:before {
    content: "\e918";
    color: #fd5f88
}

.icon-user-terminal:before {
    content: "\e919";
    color: #ff5c5c
}

.icon-watch-smart:before {
    content: "\e91a";
    color: #ba4bf9
}

.icon-box-code1:before {
    content: "\e91c";
    color: #eca84b
}

.icon-cart:before {
    content: "\e91d";
    color: #fd7070
}

.icon-cube:before {
    content: "\e91e";
    color: #1cccfc
}

.icon-database:before {
    content: "\e91f";
    color: #6c6c6c
}

.icon-device-desktop:before {
    content: "\e920";
    color: #fd5f88
}

.icon-device-mobile:before {
    content: "\e921";
    color: #0fb531
}

.icon-device-tablet:before {
    content: "\e922";
    color: #ba4bf9
}

.icon-dice:before {
    content: "\e923";
    color: #4b9efb
}

.icon-go-to:before {
    content: "\e924";
    color: #6c6c6c
}

.icon-quote:before {
    content: "\e925"
}

.icon-record-microphone:before {
    content: "\e926";
    color: #5648f9
}

header .mobile-call {
    margin-right: 20px;
    position: fixed;
    bottom: 90px;
    right: 25px;
    border-bottom: none;
    display: none
}

@media screen and (max-width: 575px) {
    header .mobile-call {
        margin-right:10px;
        display: block
    }
}

header .mobile-call .nav-link {
    width: 47px;
    height: 47px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #FF9100;
    background: #D95700;
    background: linear-gradient(45deg, #D95700 50%, #FF9100 100%);
    font-size: 22px;
    color: #fff;
    text-align: center;
    padding-right: 0;
    padding-left: 0
}

header .mobile-call .nav-link:after {
    display: none
}

header .mobile-call .nav-link i {
    margin-top: 5px;
    cursor: pointer;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite
}

header .mobile-call:hover .nav-link,header .mobile-call:focus .nav-link {
    background-color: #0076FF;
    background: #0076FF;
    background: linear-gradient(45deg, #0076FF 50%, #0076FF 100%)
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0)
    }

    1% {
        -webkit-transform: rotateZ(30deg)
    }

    3% {
        -webkit-transform: rotateZ(-28deg)
    }

    5% {
        -webkit-transform: rotateZ(34deg)
    }

    7% {
        -webkit-transform: rotateZ(-32deg)
    }

    9% {
        -webkit-transform: rotateZ(30deg)
    }

    11% {
        -webkit-transform: rotateZ(-28deg)
    }

    13% {
        -webkit-transform: rotateZ(26deg)
    }

    15% {
        -webkit-transform: rotateZ(-24deg)
    }

    17% {
        -webkit-transform: rotateZ(22deg)
    }

    19% {
        -webkit-transform: rotateZ(-20deg)
    }

    21% {
        -webkit-transform: rotateZ(18deg)
    }

    23% {
        -webkit-transform: rotateZ(-16deg)
    }

    25% {
        -webkit-transform: rotateZ(14deg)
    }

    27% {
        -webkit-transform: rotateZ(-12deg)
    }

    29% {
        -webkit-transform: rotateZ(10deg)
    }

    31% {
        -webkit-transform: rotateZ(-8deg)
    }

    33% {
        -webkit-transform: rotateZ(6deg)
    }

    35% {
        -webkit-transform: rotateZ(-4deg)
    }

    37% {
        -webkit-transform: rotateZ(2deg)
    }

    39% {
        -webkit-transform: rotateZ(-1deg)
    }

    41% {
        -webkit-transform: rotateZ(1deg)
    }

    43% {
        -webkit-transform: rotateZ(0)
    }

    100% {
        -webkit-transform: rotateZ(0)
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0)
    }

    1% {
        -moz-transform: rotate(30deg)
    }

    3% {
        -moz-transform: rotate(-28deg)
    }

    5% {
        -moz-transform: rotate(34deg)
    }

    7% {
        -moz-transform: rotate(-32deg)
    }

    9% {
        -moz-transform: rotate(30deg)
    }

    11% {
        -moz-transform: rotate(-28deg)
    }

    13% {
        -moz-transform: rotate(26deg)
    }

    15% {
        -moz-transform: rotate(-24deg)
    }

    17% {
        -moz-transform: rotate(22deg)
    }

    19% {
        -moz-transform: rotate(-20deg)
    }

    21% {
        -moz-transform: rotate(18deg)
    }

    23% {
        -moz-transform: rotate(-16deg)
    }

    25% {
        -moz-transform: rotate(14deg)
    }

    27% {
        -moz-transform: rotate(-12deg)
    }

    29% {
        -moz-transform: rotate(10deg)
    }

    31% {
        -moz-transform: rotate(-8deg)
    }

    33% {
        -moz-transform: rotate(6deg)
    }

    35% {
        -moz-transform: rotate(-4deg)
    }

    37% {
        -moz-transform: rotate(2deg)
    }

    39% {
        -moz-transform: rotate(-1deg)
    }

    41% {
        -moz-transform: rotate(1deg)
    }

    43% {
        -moz-transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(0)
    }
}

@keyframes ring {
    0% {
        transform: rotate(0)
    }

    1% {
        transform: rotate(30deg)
    }

    3% {
        transform: rotate(-28deg)
    }

    5% {
        transform: rotate(34deg)
    }

    7% {
        transform: rotate(-32deg)
    }

    9% {
        transform: rotate(30deg)
    }

    11% {
        transform: rotate(-28deg)
    }

    13% {
        transform: rotate(26deg)
    }

    15% {
        transform: rotate(-24deg)
    }

    17% {
        transform: rotate(22deg)
    }

    19% {
        transform: rotate(-20deg)
    }

    21% {
        transform: rotate(18deg)
    }

    23% {
        transform: rotate(-16deg)
    }

    25% {
        transform: rotate(14deg)
    }

    27% {
        transform: rotate(-12deg)
    }

    29% {
        transform: rotate(10deg)
    }

    31% {
        transform: rotate(-8deg)
    }

    33% {
        transform: rotate(6deg)
    }

    35% {
        transform: rotate(-4deg)
    }

    37% {
        transform: rotate(2deg)
    }

    39% {
        transform: rotate(-1deg)
    }

    41% {
        transform: rotate(1deg)
    }

    43% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(0)
    }
}

.mob-menu {
    position: absolute;
    top: 32px;
    right: 25px;
    display: inline-block;
    z-index: 999999;
    display: none
}

@media (max-width: 767px) {
    .mob-menu {
        top:27px
    }
}

.mob-menu .mobile-menu-close {
    height: 27px;
    width: 30px;
    cursor: pointer;
    display: block;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1)
}

.mob-menu .mobile-menu-close .line {
    position: absolute;
    display: block;
    background: #0076FF;
    width: 22px;
    height: 2px;
    margin: 0 auto;
    right: 0;
    transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2);
    -webkit-transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2);
    -moz-transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2)
}

.mob-menu .mobile-menu-close .line.line-1 {
    top: 0px
}

.mob-menu .mobile-menu-close .line.line-2 {
    top: 7px
}

.mob-menu .mobile-menu-close .line.line-3 {
    top: 14px
}

.navbar.sticky .mob-menu .mobile-menu-close .line {
    background: #000
}

body.overflow-none .mob-menu .mobile-menu-close .line {
    background: #000
}

body.overflow-none .mob-menu .mobile-menu-close .line-1 {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.overflow-none .mob-menu .mobile-menu-close .line-2 {
    display: none
}

body.overflow-none .mob-menu .mobile-menu-close .line-3 {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0
}

.mob-menu.display-none {
    display: none
}

.mobile-overly {
    background: #940ec1
}

.mobile-main-menu {
    position: relative;
    display: none
}

.mobile-main-menu .mobile_version {
    overflow-x: hidden;
    overflow-y: auto;
    left: 0;
    right: 100%;
    bottom: 0;
    top: 0;
    position: fixed;
    background-color: #fff;
    z-index: 9999;
    -webkit-animation: fadein 7s;
    -moz-animation: fadein 7s;
    -ms-animation: fadein 7s;
    -o-animation: fadein 7s;
    animation: fadein 7s
}

.mobile-main-menu .mobile_version.mobile-menu-open {
    right: 0
}

.mobile-main-menu .mobile_version .menu-mobile-menu-container {
    width: 80vw
}

.mobile-main-menu.show-menu .mobile_version {
    right: 0
}

.mobile-main-menu .menu-mobile-menu-container {
    background-color: #0076FF;
    min-height: 100vh;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.mobile-main-menu .menu-mobile-menu-container .nav {
    background-color: transparent;
    margin: 0
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item {
    position: relative;
    margin: 15px 0
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item a {
    text-transform: none;
    font-size: 16px;
    background-color: transparent;
    display: block;
    padding: 15px;
    color: #fff;
    border: none;
    border-radius: 0;
    line-height: normal;
    border-bottom: 1px solid rgba(36,195,255,0.3)
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item samp.main-menu-toggle {
    position: absolute;
    right: 0;
    top: 1px;
    height: 46px;
    cursor: pointer;
    content: "222";
    display: block;
    font-size: 15px;
    width: 40px;
    text-align: center;
    z-index: 1;
    color: #fff;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    background-color: transparent
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us {
    color: #fff;
    margin-left: 15px;
    font-size: 15px
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us .inqSal {
    margin-top: 20px;
    color: #fff
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us .flg {
    margin: 10px;
    padding-left: 35px;
    background-repeat: no-repeat;
    background-position: left center
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us .flg a {
    color: #fff;
    display: block
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us .flg.flag1 {
    background-image: url(../img/common/png/usa-flag.png)
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us .flg.flag2 {
    background-image: url(../img/common/png/uk-flag.png)
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us .flg.flag3 {
    background-image: url(../img/common/png/australia--flag.png)
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us .flg.flag4 {
    background-image: url(../img/common/png/dubai-flag.png)
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us .flg.flag5 {
    background-image: url(../img/common/png/india-flag.png)
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us .skype {
    margin-left: 10px;
    margin-top: 10px
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us .skype i {
    margin-right: 10px;
    color: #fff
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us .skype a {
    color: #fff;
    display: inline-block
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us .envelope {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us .envelope i {
    margin-right: 10px;
    color: #fff
}

.mobile-main-menu .menu-mobile-menu-container .short-contact-us .envelope a {
    color: #fff;
    display: inline-block
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item.open_active {
    background: #0076FF;
    color: #000
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item.open_active a {
    color: #fff
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item.open_active:hover a {
    color: #fff
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item.open_active:hover samp.main-menu-toggle {
    color: #fff
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item samp.main-menu-toggle {
    color: #fff
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item .sub-menu samp.main-menu-toggle {
    color: #fff
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item.open_active .menu-show {
    color: #fff
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item .sub-menu.open_in li .sub-menu.open_in li a {
    padding-left: 30px
}

.mobile-main-menu .menu-mobile-menu-container .request-quote {
    margin-top: 20px;
    margin-left: 20px
}

.mobile-main-menu .menu-mobile-menu-container .our-portfolio {
    margin-top: 20px;
    margin-left: 20px
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item samp.main-menu-toggle::after {
    position: absolute;
    content: "\2b";
    top: 15px;
    right: 15px;
    bottom: 0;
    left: 0
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item.open_active samp.main-menu-toggle.menu-show::after {
    content: "\f068"
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item:focus a,.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item:hover a {
    font-weight: 600;
    color: #fff
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item a:focus,.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item a:hover {
    font-weight: 600;
    color: #fff
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item a:active {
    font-weight: 600;
    color: #fff;
    background-color: #2d167c
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item .sub-menu {
    display: none
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item .sub-menu.open_in {
    display: block
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item .sub-menu li {
    position: relative;
    margin: 15px 0
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item .sub-menu li a {
    padding-left: 23px;
    background-color: #0076FF;
    color: #fff;
    border-bottom: 1px solid rgba(36,195,255,0.3)
}

.mobile-main-menu .menu-mobile-menu-container .nav li.menu-item .sub-menu li.menu-item li a {
    padding-left: 35px
}

.mobile-main-menu .mobile-menu.fixed-mobile-menu {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999999;
    padding: 10px 15px;
    background-color: #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.5);
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s;
    display: none;
    cursor: pointer
}

.mobile-main-menu .mobile-menu.fixed-mobile-menu .fa-bars {
    color: #fff
}

@media (max-width: 1024px) {
    .menu {
        display:none
    }

    .mob-menu {
        display: block
    }

    .mobile-main-menu {
        display: block
    }
}

@media (max-width: 1024px) {
    .top-menu .navbar-nav li a {
        padding:10px 5px;
        font-size: 15px
    }

    .top-menu .navbar-nav li.mob-none {
        display: none
    }

    .top-menu .navbar-nav li.hire-none {
        display: block
    }

    .mobile-nav {
        padding-top: 20%
    }

    .mobile-nav ul {
        width: 100%
    }

    .mobile-nav ul li {
        position: relative
    }

    .mobile-nav ul li a span {
        display: block;
        position: absolute;
        right: 0;
        padding: 8px 20px
    }

    .mobile-nav ul li .sub-menu {
        position: relative;
        left: 0px;
        width: 100%
    }

    .mobile-nav ul li .sub-menu li {
        width: 100%
    }
}

@media (max-width: 1024px) {
    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .menu {
        display:none
    }

    .mob-menu {
        display: block
    }

    .mobile-main-menu {
        display: block
    }
}

/*button,.btn {
    background-color: #0076FF;
    position: relative;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    padding: 15px 42px 15px 20px;
    text-transform: uppercase;
    transition: transform linear 0.2s
}*/

@media screen and (max-width: 480px) {
    button,.btn {
        white-space:unset
    }
}

/*button:before,button:after,.btn:before,.btn:after {
    content: "";
    width: 10px;
    background-color: #fff;
    opacity: 0.2;
    outline: none;
    position: absolute;
    top: -10px;
    bottom: -10px;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
    z-index: 0
}*/

/*button:before,.btn:before {
    left: -50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}*/

/*button:after,.btn:after {
    left: -50px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}*/

button:hover,button:focus,.btn:hover,.btn:focus {
    text-decoration: none;
    color: #fff
}

/*button:hover:before,button:focus:before,.btn:hover:before,.btn:focus:before {
    left: 40%
}*/

button:hover:after,button:focus:after,.btn:hover:after,.btn:focus:after {
    left: 50%
}

button:hover .arrow,button:focus .arrow,.btn:hover .arrow,.btn:focus .arrow {
    top: 10px;
    right: 14px
}

button .arrow,.btn .arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 17px;
    top: 16px;
    display: inline-block;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

button.white,.btn.white {
    background-color: #fff;
    color: #0076FF
}

button.white:before,button.white:after,.btn.white:before,.btn.white:after {
    background-color: #0076FF
}

button.white .arrow,.btn.white .arrow {
    background-image: url("../img/common/svg/arrow-right-up-black.svg")
}

.btn-circle {
    width: 150px;
    height: 150px;
    margin: 0;
    background-color: #0035e5;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    font-size: 16px;
    font-family: "interlight";
    white-space: normal
}

@media screen and (max-width: 1399px) {
    .btn-circle {
        font-size:18px;
        width: 150px;
        height: 150px
    }
}

.btn-circle .icon {
    width: 21px;
    height: 21px;
    display: inline-block;
    background-image: url("../img/common/svg/button-arrow.svg");
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 10px
}

.btn-circle:hover .icon {
    transform: translate(20px, -20px);
    -webkit-transform: translate(20px, -20px);
    -moz-transform: translate(20px, -20px)
}

@media screen and (max-width: 1399px) {
    .btn-circle:hover .icon {
        transform:translate(10px, -10px);
        -webkit-transform: translate(10px, -10px);
        -moz-transform: translate(10px, -10px)
    }
}

.btn-circle.submit {
    position: relative;
    display: inline-block;
    background-image: url("../img/common/svg/button-arrow.svg");
    background-repeat: no-repeat;
    background-position: 60px 52px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 15px 20px 15px 20px;
    background-size: 21px auto;
    padding-top: 80px
}

.btn-circle.submit:hover {
    background-position: 70px 34px
}

.link {
    position: relative;
    color: #fff;
    white-space: nowrap;
    padding: 10px 42px 10px 0px
}

.link:hover,.link:focus {
    text-decoration: none;
    color: #fff
}

.link:hover .arrow,.link:focus .arrow {
    top: 10px;
    right: 14px
}

.link .arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 17px;
    top: 12px;
    display: inline-block;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.link.white {
    background-color: #fff;
    color: #0076FF
}

.link.white:before,.link.white:after {
    background-color: #0076FF
}

.link.white .arrow {
    background-image: url("../img/common/svg/arrow-right-up-black.svg")
}

.link-dark {
    position: relative;
    color: #0076FF;
    white-space: nowrap;
    padding: 10px 42px 10px 0px
}

.link-dark:hover,.link-dark:focus {
    text-decoration: none;
    color: #000
}

.link-dark:hover .arrow,.link-dark:focus .arrow {
    top: 10px;
    right: 14px;
    background-image: url("../img/common/svg/arrow-right-up-black.svg")
}

.link-dark .arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 17px;
    top: 12px;
    display: inline-block;
    background-image: url("../img/common/svg/arrow-right-up-blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btn-white {
    background-color: #fff;
    position: relative;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    color: #0076FF;
    overflow: hidden;
    white-space: nowrap;
    padding: 15px 42px 15px 20px;
    text-transform: uppercase
}

.btn-white:before,.btn-white:after {
    content: "";
    width: 10px;
    background-color: #0076FF;
    opacity: 0.2;
    outline: none;
    position: absolute;
    top: -10px;
    bottom: -10px;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
    z-index: 0
}

.btn-white:before {
    left: -50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btn-white:after {
    left: -50px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btn-white:hover,.btn-white:focus {
    text-decoration: none;
    color: #0076FF
}

.btn-white:hover:before,.btn-white:focus:before {
    left: 40%
}

.btn-white:hover:after,.btn-white:focus:after {
    left: 50%
}

.btn-white:hover .arrow,.btn-white:focus .arrow {
    top: 10px;
    right: 14px
}

.btn-white .arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 17px;
    top: 17px;
    display: inline-block;
    background-image: url("../img/common/svg/arrow-right-up-blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

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

.btn-white.white:before,.btn-white.white:after {
    background-color: #0076FF
}

.btn-white.white .arrow {
    background-image: url("../img/common/svg/arrow-right-up-black.svg")
}

.blog-btn {
    background-color: #fff;
    position: relative;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    color: #0076FF;
    overflow: hidden;
    white-space: nowrap;
    padding: 15px 42px 15px 15px;
    text-transform: uppercase;
    border: 1px solid #0076FF;
    margin-top: 10px;
    display: inline-block
}

.blog-btn:hover,.blog-btn:focus {
    text-decoration: none;
    color: #000
}

.blog-btn:hover .arrow,.blog-btn:focus .arrow {
    top: 10px;
    right: 14px
}

.blog-btn .arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 15px;
    display: inline-block;
    background-image: url("../img/common/svg/arrow-right-up-black.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btn-open {
    font-size: 22px;
    font-family: "interbold";
    /*position: relative;*/
    padding-left: 7px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btn-open::before {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    /*border: 2px solid #0076FF;*/
    content: "\f178";
    position: absolute;
    left: 0;
    top: -7px;
    padding-top: 2px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btn-open:hover {
    color: #FF9100
}

.btn-open:hover::before {
    left: 5px
}

.btn-outline {
    border: 2px solid #000;
    position: relative;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    color: #000;
    line-height: 1.5;
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    padding: 15px 42px 15px 20px;
    text-transform: uppercase;
    transition: transform linear 0.2s
}

@media screen and (max-width: 480px) {
    .btn-outline {
        white-space:unset
    }
}

.btn-outline:before,.btn-outline:after {
    content: "";
    width: 10px;
    background-color: #fff;
    opacity: 0.2;
    outline: none;
    position: absolute;
    top: -10px;
    bottom: -10px;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
    z-index: 0
}

.btn-outline:before {
    left: -50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btn-outline:after {
    left: -50px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btn-outline:hover,.btn-outline:focus {
    text-decoration: none;
    color: #0076FF;
    border-color: #0076FF
}

.btn-outline:hover:before,.btn-outline:focus:before {
    left: 40%
}

.btn-outline:hover:after,.btn-outline:focus:after {
    left: 50%
}

.btn-outline:hover .arrow,.btn-outline:focus .arrow {
    top: 10px;
    right: 14px
}

.btn-outline .arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 17px;
    top: 16px;
    display: inline-block;
    background-image: url("../img/common/svg/arrow-right-up-black.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btn-outline.white {
    background-color: #fff;
    color: #0076FF
}

.btn-outline.white:before,.btn-outline.white:after {
    background-color: #0076FF
}

.btn-outline.white .arrow {
    background-image: url("../img/common/svg/arrow-right-up-black.svg")
}

.btn-outline2 {
    background-color: transparent;
    border: 3px solid #fff;
    position: relative;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    color: #fff;
    line-height: 1.5;
    font-size: 1.2rem;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    padding: 20px 52px 20px 30px;
    text-transform: uppercase;
    transition: transform linear 0.2s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1440px) {
    .btn-outline2 {
        font-size:1.1rem;
        border-width: 2px;
        padding: 17px 50px 17px 25px
    }
}

@media screen and (max-width: 480px) {
    .btn-outline2 {
        white-space:unset;
        font-size: 16px;
        padding: 17px 50px 17px 20px
    }
}

.btn-outline2:before,.btn-outline2:after {
    content: "";
    width: 10px;
    background-color: #fff;
    opacity: 0.2;
    outline: none;
    position: absolute;
    top: -10px;
    bottom: -10px;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
    z-index: 0
}

.btn-outline2:before {
    left: -50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btn-outline2:after {
    left: -50px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btn-outline2:hover,.btn-outline2:focus {
    text-decoration: none;
    color: #fff;
    border-color: #0076FF;
    background-color: #0076FF
}

.btn-outline2:hover:before,.btn-outline2:focus:before {
    left: 40%
}

.btn-outline2:hover:after,.btn-outline2:focus:after {
    left: 50%
}

.btn-outline2:hover .arrow,.btn-outline2:focus .arrow {
    top: 10px;
    right: 14px
}

.btn-outline2 .arrow {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 17px;
    top: 16px;
    display: inline-block;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btn-fill {
    background-color: #0076FF;
    border: 3px solid #0076FF;
    position: relative;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    color: #fff;
    line-height: 1.5;
    font-size: 1.2rem;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    padding: 20px 52px 20px 30px;
    text-transform: uppercase;
    transition: transform linear 0.2s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1440px) {
    .btn-fill {
        font-size:1.1rem;
        border-width: 2px;
        padding: 17px 50px 17px 25px
    }
}

@media screen and (max-width: 480px) {
    .btn-fill {
        white-space:unset;
        font-size: 16px;
        padding: 17px 50px 17px 20px
    }
}

.btn-fill:before,.btn-fill:after {
    content: "";
    width: 10px;
    background-color: #fff;
    opacity: 0.2;
    outline: none;
    position: absolute;
    top: -10px;
    bottom: -10px;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
    z-index: 0
}

.btn-fill:before {
    left: -50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btn-fill:after {
    left: -50px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btn-fill:hover,.btn-fill:focus {
    text-decoration: none;
    color: #fff;
    border-color: #015ecb;
    background-color: #015ecb
}

.btn-fill:hover:before,.btn-fill:focus:before {
    left: 40%
}

.btn-fill:hover:after,.btn-fill:focus:after {
    left: 50%
}

.btn-fill:hover .arrow,.btn-fill:focus .arrow {
    top: 10px;
    right: 14px
}

.btn-fill .arrow {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 17px;
    top: 16px;
    display: inline-block;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

/*html {
    font-family: "nunitoregular";
    font-weight: normal;
    font-size: 16px;
    scroll-padding-top: 5rem
}*/

@media screen and (max-width: 575px) {
    html {
        font-size:18px
    }
}

/*body {
    font-family: "nunitoregular";
    font-weight: normal;
    font-size: 16px;
    color: #242424;
    position: relative
}*/

@media screen and (max-width: 575px) {
    body {
        font-size:18px
    }
}

.iti__country {
    color: #000
}

.breadcrumb {
    padding: 5px 0 5px 0 !important
}

.breadcrumb p {
    padding-bottom: 0
}

.breadcrumb a,.breadcrumb span {
    line-height: normal;
    margin-bottom: 0px !important;
    font-size: 14px
}

svg {
    width: 100%;
    height: auto
}

p {
    line-height: 1.6;
    font-size: 16px
}

abbr,span {
    /* display:inline-block; */
}

.dropdown-toggle {
    -webkit-appearance: none
}

a[type="button"] {
    -webkit-appearance: none
}

@media screen and (max-width: 767px) {
    a {
        display:inline-block;
        line-height: 32px
    }
}

@media screen and (max-width: 575px) {
    a {
        line-height:26px
    }
}

input:focus {
    outline: none
}

button:focus {
    outline: none
}

/*::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 5px
}

::-webkit-scrollbar-thumb {
    background: #0076FF;
    border-radius: 5px
}*/

/*::-webkit-scrollbar-thumb:hover {
    background: #0076FF
}

.blue {
    color: #0076FF
}*/

.bluetext {
    color: #0076FF
}

.white {
    color: #fff
}

.black {
    color: #000
}

.gray {
    color: #BEBEBE
}

.w-10 {
    width: 10%
}

.w-20 {
    width: 20%
}

.w-30 {
    width: 30%
}

.w-40 {
    width: 40%
}

.w-50 {
    width: 50%
}

.w-60 {
    width: 60%
}

.w-70 {
    width: 70%
}

.w-80 {
    width: 80%
}

.w-90 {
    width: 90%
}

.w-100 {
    width: 100%
}

.flight {
    font-family: '$light';
    font-weight: 300
}

.fr {
    font-family: '$poppinsregular';
    font-weight: normal
}

.fm {
    font-family: '$medium';
    font-weight: 500
}

.fb {
    font-family: '$bold';
    font-weight: bold
}

.feb {
    font-family: '$extrabold';
    font-weight: 800
}

.feb {
    font-family: '$fblack';
    font-weight: 800
}

.f-100 {
    font-size: 100px;
    line-height: 120px
}

@media screen and (max-width: 991px) {
    .f-100 {
        font-size:50px;
        line-height: 70px
    }
}

@media screen and (max-width: 575px) {
    .f-100 {
        font-size:30px;
        line-height: 50px
    }
}

.f-74 {
    font-size: 74px;
    line-height: 94px
}

@media screen and (max-width: 991px) {
    .f-74 {
        font-size:35px;
        line-height: 48px
    }
}

@media screen and (max-width: 575px) {
    .f-74 {
        font-size:35px;
        line-height: 40px
    }
}

.f-64 {
    font-size: 64px;
    line-height: 66px
}

@media screen and (max-width: 991px) {
    .f-64 {
        font-size:35px;
        line-height: 41px
    }
}

@media screen and (max-width: 575px) {
    .f-64 {
        font-size:25px;
        line-height: 40px
    }
}

.f-60 {
    font-size: 60px;
    line-height: 70px
}

@media screen and (max-width: 991px) {
    .f-60 {
        font-size:42px;
        line-height: 42px
    }
}

@media screen and (max-width: 575px) {
    .f-60 {
        font-size:28px;
        line-height: 40px
    }
}

.f-54 {
    font-size: 54px
}

@media screen and (max-width: 1366px) {
    .f-54 {
        font-size:42px
    }
}

@media screen and (max-width: 575px) {
    .f-54 {
        font-size:26px
    }
}

.f-48 {
    font-size: 42px
}

@media screen and (max-width: 1366px) {
    .f-48 {
        font-size:36px
    }
}

@media screen and (max-width: 575px) {
    .f-48 {
        font-size:22px
    }
}

.f-36 {
    font-size: 36px
}

@media screen and (max-width: 575px) {
    .f-36 {
        font-size:26px
    }
}

.f-28 {
    font-size: 28px
}

@media screen and (max-width: 991px) {
    .f-28 {
        font-size:24px
    }
}

@media screen and (max-width: 575px) {
    .f-28 {
        font-size:16px
    }
}

.f-24 {
    font-size: 24px
}

@media screen and (max-width: 575px) {
    .f-24 {
        font-size:18px
    }
}

.f-22 {
    font-size: 18px
}

@media screen and (max-width: 575px) {
    .f-22 {
        font-size:20px
    }
}

.f-18 {
    font-size: 18px
}

.f-16 {
    font-size: 16px
}

.f-15 {
    font-size: 16px
}

.ttu {
    text-transform: uppercase
}

.ttc {
    text-transform: capitalize
}

.ttl {
    text-transform: lowercase
}

.tdu {
    text-decoration: underline
}

.tc {
    text-align: center
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.d-flex {
    display: -ms-flexbox;
    display: flex
}

.d-inline-flex {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.aic {
    -ms-flex-align: center;
    align-items: center
}

.jcs {
    -ms-flex-pack: flex-start;
    justify-content: flex-start
}

.jce {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.jcc {
    -ms-flex-pack: center;
    justify-content: center
}

a {
    /*color: #0076FF;*/
    text-align: dec;
    text-decoration: none
}

a:hover {
    color: #0076FF;
    text-decoration: none
}

ul,ol {
    padding: 0;
    margin: 0
}

ul li {
    list-style: none
}

.overflow-hidden {
    overflow: hidden
}

.obj-cover {
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center
}

.boxshadow-100 {
    -webkit-box-shadow: 0px 10px 20px rgba(156,156,156,0.12);
    -moz-box-shadow: 0px 10px 20px rgba(156,156,156,0.12);
    box-shadow: 0px 10px 20px rgba(156,156,156,0.12)
}

.box-shadow-none {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.op-50 {
    opacity: 50%
}

.white-space-no {
    white-space: nowrap
}

.lh-normal {
    line-height: normal
}

.container.custom-container {
    position: relative;
    z-index: 1
}

@media (min-width: 1600px) {
    .container.custom-container {
        max-width:1440px
    }
}

@media (min-width: 1700px) {
    .container.custom-container {
        max-width:1500px
    }
}

@media (min-width: 1800px) {
    .container.custom-container {
        max-width:1600px
    }
}

/*h1 b,h2 b,h3 b,h4 b,h5 b {
    font-family: "interbold";
    font-weight: normal
}*/

/*h3,h4,h5,h6 {
    font-family: "interbold"
}*/

/*.h3,.h4,.h5,.h6 {
    font-family: "interbold"
}*/

/*h6,.h6 {
    font-size: 0.7rem
}*/

/*h4,.h4 {
    font-size: 1.2rem
}*/

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

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-80 {
    margin-bottom: 80px
}

@media screen and (max-width: 991px) {
    .mb-80 {
        margin-bottom:50px
    }
}

.mb-90 {
    margin-bottom: 90px
}

@media screen and (max-width: 991px) {
    .mb-90 {
        margin-bottom:60px
    }
}

.mb-100 {
    margin-bottom: 100px
}

@media screen and (max-width: 991px) {
    .mb-100 {
        margin-bottom:50px
    }
}

.mb-110 {
    margin-bottom: 110px
}

@media screen and (max-width: 991px) {
    .mb-110 {
        margin-bottom:50px
    }
}

.mt-0 {
    margin-top: 0px
}

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

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

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

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

@media screen and (max-width: 991px) {
    .mt-80 {
        margin-top:50px
    }
}

.mt-90 {
    margin-top: 90px
}

@media screen and (max-width: 991px) {
    .mt-90 {
        margin-top:60px
    }
}

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

@media screen and (max-width: 991px) {
    .mt-100 {
        margin-top:50px
    }
}

.mt-110 {
    margin-top: 110px
}

@media screen and (max-width: 991px) {
    .mt-110 {
        margin-top:50px
    }
}

section {
    padding: 50px 12px;
}

@media screen and (max-width: 991px) {
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-sm-12 {
        width:100%
    }
}

.anim1 {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    animation: floatY 6s ease-in-out infinite
}

.anim2 {
    -webkit-transition: 5s;
    -moz-transition: 5s;
    -ms-transition: 5s;
    -o-transition: 5s;
    transition: 5s;
    animation: floatX 5s ease-in-out infinite
}

.anim3 {
    -webkit-transition: 7s;
    -moz-transition: 7s;
    -ms-transition: 7s;
    -o-transition: 7s;
    transition: 7s;
    animation: floatX 7s ease-in-out infinite
}

.anim4 {
    -webkit-transition: 4s;
    -moz-transition: 4s;
    -ms-transition: 4s;
    -o-transition: 4s;
    transition: 4s;
    animation: floatY 4s ease-in-out infinite
}

.anim5 {
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -ms-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
    animation: floatY 3s ease-in-out infinite
}

@keyframes floatY {
    0% {
        transform: translateY(0px)
    }

    50% {
        transform: translateY(-20px)
    }

    100% {
        transform: translateY(0px)
    }
}

@keyframes floatX {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(-20px)
    }

    100% {
        transform: translateX(0px)
    }
}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    display: block;
    max-width: 100%
}

.icon {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    margin-left: 20px;
}

.h6 {
    font-size: 0.7rem;
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

@media (max-width: 767px) {
    .h6 {
        font-size:16px
    }
}

.inner_page {
    padding-top: 108px
}

@media (max-width: 991px) {
    .inner_page {
        padding-top:81px
    }
}

@media (max-width: 575px) {
    .inner_page {
        padding-top:67px
    }
}

.breadcrumb {
    background: #f7f7f7;
    padding: 20px 0 10px 0;
    margin-bottom: 0
}

.breadcrumb p {
    margin-bottom: 0
}

.breadcrumb a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px
}

.breadcrumb span {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px
}

.breadcrumb span.label {
    display: none
}

@media (max-width: 767px) {
    #gb-widget-5873 {
        bottom:70px
    }
}

@media (max-width: 767px) {
    #gb-widget-8842 {
        bottom:70px
    }
}

@media (max-width: 767px) {
    .dLavay {
        bottom:20px
    }
}

.widget-visible iframe {
    bottom: 80px !important
}

.home_banner_2023 {
    position: relative;
    padding: 0;
    overflow: hidden;
    padding: 81px 0 0 0;
    background-color: #00295A;
    min-height: 816px
}

@media screen and (max-width: 1440px) {
    .home_banner_2023 {
        min-height:700px
    }
}

@media screen and (max-width: 1366px) {
    .home_banner_2023 {
        min-height:650px
    }
}

@media screen and (max-width: 575px) {
    .home_banner_2023 {
        min-height:500px;
        padding-top: 66px
    }
}

.home_banner_2023:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-image: url(../img/home/webp/hero-slide-1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.2
}

@media screen and (max-width: 991px) {
    .home_banner_2023:after {
        z-index:1
    }
}

@media screen and (max-width: 575px) {
    .home_banner_2023:after {
        background-position:center center;
        top: 66px
    }
}

@media screen and (max-width: 991px) {
    .home_banner_2023 {
        z-index:1
    }
}

@media screen and (max-width: 575px) {
    .home_banner_2023 {
        background-position:center right
    }
}

.home_banner_2023 .home-banner-text {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 4;
    flex-direction: column;
    min-height: 750px;
    padding: 100px 0
}

@media screen and (max-width: 1440px) {
    .home_banner_2023 .home-banner-text {
        min-height:700px
    }
}

@media screen and (max-width: 1366px) {
    .home_banner_2023 .home-banner-text {
        min-height:650px
    }
}

@media screen and (max-width: 991px) {
    .home_banner_2023 .home-banner-text {
        padding:0px 0
    }
}

@media screen and (max-width: 575px) {
    .home_banner_2023 .home-banner-text {
        min-height:500px;
        width: auto;
        margin-left: 40px;
        margin-right: 40px
    }
}

.home_banner_2023 .home-banner-text h1 {
    text-align: center;
    color: #fff;
    font-family: "interbold";
    padding-right: 0;
    margin-top: 0px;
    line-height: normal
}

.home_banner_2023 .home-banner-text h1 abbr {
    display: inline-block;
    color: #fff;
    font-family: "intermedium"
}

.home_banner_2023 .home-banner-text h1 span {
    display: block
}

.home_banner_2023 .home-banner-text p {
    text-align: center;
    color: #fff
}

.home_banner_2023 .home-banner-text .btn {
    margin: 10px;
    padding: 20px 50px 20px 30px;
    font-size: 20px;
    font-family: "interbold";
    -webkit-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2)
}

@media screen and (max-width: 991px) {
    .home_banner_2023 .home-banner-text .btn {
        padding:15px 42px 15px 15px;
        font-size: 16px
    }
}

.home_banner_2023 .home-banner-text .btn:active {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2)
}

.home_banner_2023 .home-banner-text .btn.btn-red {
    background: #e54724;
    background: -webkit-linear-gradient(bottom, #e54724 0%, #f7023f 100%);
    background: -o-linear-gradient(bottom, #e54724 0%, #f7023f 100%);
    background: linear-gradient(to top, #e54724 0%, #f7023f 100%)
}

.home_banner_2023 .home-banner-text .btn.btn-blue {
    background: #0167e7;
    background: -webkit-linear-gradient(bottom, #0167e7 0%, #053390 100%);
    background: -o-linear-gradient(bottom, #0167e7 0%, #053390 100%);
    background: linear-gradient(to top, #0167e7 0%, #053390 100%)
}

.home_banner_2023 .home-banner-text .btn .arrow {
    width: 30px;
    height: 30px
}

@media screen and (max-width: 991px) {
    .home_banner_2023 .home-banner-text .btn .arrow {
        width:20px;
        height: 20px
    }
}

.home_banner_2023 .owl-home-hero-slide {
    position: relative;
    z-index: 2
}

.home_banner_2023 .owl-home-hero-slide .item {
    padding: 0 50px;
    position: relative;
    height: 100%
}

.home_banner_2023 .owl-home-hero-slide .item:before {
    background-color: #00295A;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.8;
    z-index: 3;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px)
}

@media screen and (max-width: 991px) {
    .home_banner_2023 .owl-home-hero-slide .item:before {
        z-index:3
    }
}

.home_banner_2023 .owl-home-hero-slide .item:after {
    background-color: #00295A;
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media screen and (max-width: 991px) {
    .home_banner_2023 .owl-home-hero-slide .item:after {
        z-index:1
    }
}

@media screen and (max-width: 575px) {
    .home_banner_2023 .owl-home-hero-slide .item:after {
        background-position:center center
    }
}

.home_banner_2023 .owl-home-hero-slide .item.bg-1:after {
    background-image: url(../img/home/webp/hero-slide-1.webp)
}

.home_banner_2023 .owl-home-hero-slide .item.bg-2:after {
    background-image: url(../img/home/webp/hero-slide-2.webp)
}

.home_banner_2023 .owl-home-hero-slide .item.bg-3:after {
    background-image: url(../img/home/webp/hero-slide-3.webp)
}

.home_banner_2023 .owl-home-hero-slide .item.bg-4:after {
    background-image: url(../img/home/webp/hero-slide-4.webp)
}

@media screen and (max-width: 575px) {
    .home_banner_2023 .owl-home-hero-slide .item {
        padding:0 20px;
        text-align: center
    }
}

@media screen and (max-width: 575px) {
    .home_banner_2023 .owl-home-hero-slide .item p {
        margin-bottom:20px
    }
}

@media screen and (max-width: 1260px) {
    .home_banner_2023 .owl-home-hero-slide .owl-nav {
        text-align:center
    }
}

@media screen and (max-width: 575px) {
    .home_banner_2023 .owl-home-hero-slide .owl-nav {
        display:block
    }
}

.home_banner_2023 .owl-home-hero-slide .owl-nav button {
    width: 60px;
    height: 60px;
    top: 46%;
    position: absolute
}

.home_banner_2023 .owl-home-hero-slide .owl-nav button:after,.home_banner_2023 .owl-home-hero-slide .owl-nav button:before {
    display: none
}

.home_banner_2023 .owl-home-hero-slide .owl-nav button .fas {
    font-size: 30px
}

.home_banner_2023 .owl-home-hero-slide .owl-nav button.owl-prev {
    background-color: transparent;
    color: #fff;
    left: 70px
}

@media screen and (max-width: 1260px) {
    .home_banner_2023 .owl-home-hero-slide .owl-nav button.owl-prev {
        left:0px;
        margin-right: 10px
    }
}

.home_banner_2023 .owl-home-hero-slide .owl-nav button.owl-next {
    background-color: transparent;
    color: #fff;
    right: 70px
}

@media screen and (max-width: 1260px) {
    .home_banner_2023 .owl-home-hero-slide .owl-nav button.owl-next {
        right:0px;
        margin-left: 10px
    }
}

.home_banner_2023 .partners {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    z-index: 2
}

@media screen and (max-width: 991px) {
    .home_banner_2023 .partners {
        display:block;
        text-align: center;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        min-height: 100px;
        background-color: #081321
    }
}

.home_banner_2023 .partners .icon {
    position: relative;
    flex-basis: 20%;
    align-items: flex-start;
    width: 150px;
    height: 75px;
    margin: 15px 0
}

@media screen and (max-width: 991px) {
    .home_banner_2023 .partners .icon {
        margin:10px;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .home_banner_2023 .partners .icon {
        margin:5px 0
    }
}

.home_banner_2023 .partners .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 150px;
    height: 75px;
    background-image: url(../img/home/png/partners.png);
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    background-size: 100% auto
}

@media screen and (max-width: 1024px) {
    .home_banner_2023 .partners .icon:before {
        width:150px;
        height: 75px
    }
}

.home_banner_2023 .partners .icon.icon1:before {
    background-position: 0 0px
}

.home_banner_2023 .partners .icon.icon2:before {
    background-position: 0 -75px
}

.home_banner_2023 .partners .icon.icon3:before {
    background-position: 0 -150px
}

.home_banner_2023 .partners .icon.icon4:before {
    background-position: 0 -225px
}

.home_banner_2023 .partners .icon.icon5:before {
    background-position: 0 -300px
}

.home-banner {
    position: relative;
    padding: 150px 0;
    overflow: hidden
}

.home-banner.home-video1 {
    padding: 108px 0 0 0;
    min-height: 850px
}

@media screen and (max-width: 1600px) {
    .home-banner.home-video1 {
        min-height:750px
    }
}

@media screen and (max-width: 1440px) {
    .home-banner.home-video1 {
        min-height:800px
    }
}

@media screen and (max-width: 1366px) {
    .home-banner.home-video1 {
        min-height:750px
    }
}

@media screen and (max-width: 1200px) {
    .home-banner.home-video1 {
        min-height:700px
    }
}

@media screen and (max-width: 991px) {
    .home-banner.home-video1 {
        padding-top:150px;
        max-height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.home-banner.home-video1:before {
    background-color: #00295A;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.8;
    margin-top: 108px;
    z-index: 3;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
    background-image: none
}

@media screen and (max-width: 991px) {
    .home-banner.home-video1:before {
        z-index:3
    }
}

.home-banner.home-video1:after {
    background-color: #000;
    content: "";
    position: absolute;
    left: 0;
    top: 108px;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-image: url(../img/home/webp/header_bg-1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

@media screen and (max-width: 991px) {
    .home-banner.home-video1:after {
        z-index:1
    }
}

@media screen and (max-width: 575px) {
    .home-banner.home-video1:after {
        background-position:center right;
        background-image: none
    }
}

.home-banner.home-video1 .home-text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 4;
    flex-direction: column
}

@media screen and (max-width: 991px) {
    .home-banner.home-video1 .home-text {
        z-index:4;
        margin-top: 50px
    }
}

.home-banner.home-video1 h1 {
    text-align: center;
    color: #fff;
    font-family: "interbold";
    padding-right: 0;
    margin-top: 0px
}

@media screen and (max-width: 991px) {
    .home-banner.home-video1 h1 {
        margin-top:80px
    }
}

.home-banner.home-video1 h1 abbr {
    display: inline-block;
    color: #fff;
    font-family: "intermedium"
}

.home-banner.home-video1 h1 span {
    display: block
}

.home-banner.home-video1 p {
    text-align: center;
    color: #fff
}

.home-banner.home-video1 .btn {
    margin: 10px;
    padding: 20px 50px 20px 30px;
    font-size: 20px;
    font-family: "interbold";
    -webkit-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2)
}

@media screen and (max-width: 991px) {
    .home-banner.home-video1 .btn {
        padding:15px 42px 15px 15px;
        font-size: 16px
    }
}

.home-banner.home-video1 .btn:active {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2)
}

.home-banner.home-video1 .btn.btn-red {
    background: #e54724;
    background: -webkit-linear-gradient(bottom, #e54724 0%, #f7023f 100%);
    background: -o-linear-gradient(bottom, #e54724 0%, #f7023f 100%);
    background: linear-gradient(to top, #e54724 0%, #f7023f 100%)
}

.home-banner.home-video1 .btn.btn-blue {
    background: #0167e7;
    background: -webkit-linear-gradient(bottom, #0167e7 0%, #053390 100%);
    background: -o-linear-gradient(bottom, #0167e7 0%, #053390 100%);
    background: linear-gradient(to top, #0167e7 0%, #053390 100%)
}

.home-banner.home-video1 .btn .arrow {
    width: 30px;
    height: 30px
}

@media screen and (max-width: 991px) {
    .home-banner.home-video1 .btn .arrow {
        width:20px;
        height: 20px
    }
}

.home-banner.home-video1 .home-video {
    width: 100vw;
    height: auto;
    position: relative;
    z-index: 2
}

.home-banner.home-video1 .home-video::-webkit-media-controls {
    display: none
}

.home-banner.home-video1 .home-video::-moz-media-controls {
    display: none
}

.home-banner.home-video1 .home-video::-webkit-media-controls-enclosure {
    display: none
}

.home-banner.home-video1 .home-video::-moz-media-controls-enclosure {
    display: none
}

@media screen and (max-width: 991px) {
    .home-banner.home-video1 .home-video {
        display:none
    }
}

.home-banner.home-video1 .mobile-video {
    display: none;
    width: auto;
    height: 900px;
    z-index: 2
}

.home-banner.home-video1 .mobile-video::-webkit-media-controls {
    display: none
}

.home-banner.home-video1 .mobile-video::-moz-media-controls {
    display: none
}

.home-banner.home-video1 .mobile-video::-webkit-media-controls-enclosure {
    display: none
}

.home-banner.home-video1 .mobile-video::-moz-media-controls-enclosure {
    display: none
}

@media screen and (max-width: 991px) {
    .home-banner.home-video1 .mobile-video {
        display:block;
        margin-top: 211px
    }
}

.home-banner.home-video1 .partners {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .home-banner.home-video1 .partners {
        display:block;
        text-align: center;
        position: static;
        margin-top: 30px;
        margin-bottom: 30px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        min-height: 100px
    }
}

.home-banner.home-video1 .partners .icon {
    position: relative;
    flex-basis: 20%;
    align-items: flex-start;
    width: 200px;
    height: 100px;
    margin: 15px 0
}

@media screen and (max-width: 1024px) {
    .home-banner.home-video1 .partners .icon {
        width:150px;
        height: 75px;
        display: inline-block
    }
}

@media screen and (max-width: 991px) {
    .home-banner.home-video1 .partners .icon {
        margin:10px;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .home-banner.home-video1 .partners .icon {
        margin:5px 0
    }
}

.home-banner.home-video1 .partners .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 200px;
    height: 100px;
    background-image: url(../img/home/png/partners.png);
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    background-size: 100% auto
}

@media screen and (max-width: 1024px) {
    .home-banner.home-video1 .partners .icon:before {
        width:150px;
        height: 75px
    }
}

.home-banner.home-video1 .partners .icon.icon1:before {
    background-position: 0 0px
}

@media screen and (max-width: 1024px) {
    .home-banner.home-video1 .partners .icon.icon1:before {
        background-position:0 0px
    }
}

.home-banner.home-video1 .partners .icon.icon2:before {
    background-position: 0 -100px
}

@media screen and (max-width: 1024px) {
    .home-banner.home-video1 .partners .icon.icon2:before {
        background-position:0 -75px
    }
}

.home-banner.home-video1 .partners .icon.icon3:before {
    background-position: 0 -200px
}

@media screen and (max-width: 1024px) {
    .home-banner.home-video1 .partners .icon.icon3:before {
        background-position:0 -150px
    }
}

.home-banner.home-video1 .partners .icon.icon4:before {
    background-position: 0 -300px
}

@media screen and (max-width: 1024px) {
    .home-banner.home-video1 .partners .icon.icon4:before {
        background-position:0 -225px
    }
}

.home-banner.home-video1 .partners .icon.icon5:before {
    background-position: 0 -400px
}

@media screen and (max-width: 1024px) {
    .home-banner.home-video1 .partners .icon.icon5:before {
        background-position:0 -300px
    }
}

.home-banner.home-video1 .owl-home-hero-slide .item {
    padding: 0 50px
}

@media screen and (max-width: 575px) {
    .home-banner.home-video1 .owl-home-hero-slide .item {
        padding:0 20px;
        text-align: center
    }
}

@media screen and (max-width: 575px) {
    .home-banner.home-video1 .owl-home-hero-slide .item p {
        margin-bottom:20px
    }
}

.home-banner.home-video1 .owl-home-hero-slide .item img {
    max-width: 838px;
    width: 100%;
    display: inline-block;
    margin: 0 auto
}

@media screen and (max-width: 1260px) {
    .home-banner.home-video1 .owl-home-hero-slide .owl-nav {
        text-align:center
    }
}

@media screen and (max-width: 575px) {
    .home-banner.home-video1 .owl-home-hero-slide .owl-nav {
        display:none
    }
}

.home-banner.home-video1 .owl-home-hero-slide .owl-nav button {
    width: 60px;
    height: 60px;
    top: 46%;
    position: absolute
}

.home-banner.home-video1 .owl-home-hero-slide .owl-nav button:after,.home-banner.home-video1 .owl-home-hero-slide .owl-nav button:before {
    display: none
}

.home-banner.home-video1 .owl-home-hero-slide .owl-nav button .fas {
    font-size: 30px
}

.home-banner.home-video1 .owl-home-hero-slide .owl-nav button.owl-prev {
    background-color: transparent;
    color: #fff;
    left: -70px
}

@media screen and (max-width: 1260px) {
    .home-banner.home-video1 .owl-home-hero-slide .owl-nav button.owl-prev {
        left:0px;
        margin-right: 10px
    }
}

.home-banner.home-video1 .owl-home-hero-slide .owl-nav button.owl-next {
    background-color: transparent;
    color: #fff;
    right: -70px
}

@media screen and (max-width: 1260px) {
    .home-banner.home-video1 .owl-home-hero-slide .owl-nav button.owl-next {
        right:0px;
        margin-left: 10px
    }
}

@media (max-width: 991px) {
    .home-banner {
        text-align:center
    }

    .home-banner .row {
        flex-wrap: wrap-reverse
    }
}

@media (max-width: 767px) {
    .home-banner {
        padding:100px 0 50px 0
    }
}

.home-banner h1 {
    padding-right: 100px;
    font-family: "interlight"
}

@media (max-width: 1024px) {
    .home-banner h1 {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .home-banner h1 {
        padding-right:0
    }
}

.home-banner p {
    padding-right: 100px
}

@media (max-width: 1024px) {
    .home-banner p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .home-banner p {
        padding-right:0
    }
}

.home-banner:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.home-banner .bnr-img {
    position: relative
}

@media (max-width: 767px) {
    .home-banner .bnr-img {
        margin-bottom:30px;
        display: none;
        opacity: 0
    }
}

.home-banner .bnr-img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100px;
    height: 200px;
    background-image: url("../img/home/png/dropshaddow.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom
}

@media (max-width: 575px) {
    .home-banner .bnr-img:before {
        display:none
    }
}

.home-banner .bnr-img .ani1 {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    animation: floatY 6s ease-in-out infinite
}

.home-banner .bnr-img .ani2 {
    -webkit-transition: 5s;
    -moz-transition: 5s;
    -ms-transition: 5s;
    -o-transition: 5s;
    transition: 5s;
    animation: floatX 5s ease-in-out infinite
}

.home-banner .bnr-img .ani3 {
    -webkit-transition: 7s;
    -moz-transition: 7s;
    -ms-transition: 7s;
    -o-transition: 7s;
    transition: 7s;
    animation: floatX 7s ease-in-out infinite
}

.home-banner .bnr-img .ani4 {
    -webkit-transition: 4s;
    -moz-transition: 4s;
    -ms-transition: 4s;
    -o-transition: 4s;
    transition: 4s;
    animation: floatY 4s ease-in-out infinite
}

.home-banner .bnr-img .ani5 {
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -ms-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
    animation: floatY 3s ease-in-out infinite
}

@keyframes floatY {
    0% {
        transform: translateY(0px)
    }

    50% {
        transform: translateY(-20px)
    }

    100% {
        transform: translateY(0px)
    }
}

@keyframes floatX {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(-20px)
    }

    100% {
        transform: translateX(0px)
    }
}

.robust-services {
    background-color: #f7f7f7
}

@media (max-width: 1024px) {
    .robust-services .col-sm-3,.robust-services .col-md-3 {
        width:50%
    }
}

@media (max-width: 991px) {
    .robust-services {
        text-align:center
    }
}

@media (max-width: 575px) {
    .robust-services .col-sm-3,.robust-services .col-md-3 {
        width:100%
    }

    .robust-services .mb-40 {
        margin-bottom: 20px
    }
}

.robust-services h2 {
    font-family: "interlight"
}

.robust-services h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.robust-services p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .robust-services p.top {
        margin-top:0px
    }
}

.robust-services .service-box {
    background-color: #fff;
    padding: 20px;
    margin-top: 30px;
    height: 93%;
    position: relative;
    padding-bottom: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.robust-services .service-box i {
    margin-bottom: 20px;
    display: inline-block
}

.robust-services .service-box.active {
    background-color: #0076FF;
    color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.robust-services .service-box.active i:before {
    color: #fff
}

.robust-services .service-box:hover {
    background-color: #0076FF;
    color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.robust-services .service-box:hover i:before {
    color: #fff
}

.robust-services .service-box .click-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.robust-services .service-box .icon-go {
    position: absolute;
    bottom: 10px;
    right: 20px;
    margin-bottom: 0
}

.robust-services .service-box .icon-go i {
    font-size: 24px
}

.company-since {
    position: relative
}

.company-since:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

@media (max-width: 1024px) {
    .company-since {
        text-align:center
    }

    .company-since .col-sm-5,.company-since .col-md-5,.company-since .col-sm-7,.company-since .col-md-7 {
        width: 100%
    }
}

@media (max-width: 991px) {
    .company-since {
        text-align:center
    }
}

.company-since h2 {
    font-family: "interlight"
}

.company-since h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.company-since p.top {
    margin-top: 27px
}

@media (max-width: 767px) {
    .company-since p.top {
        margin-bottom:0px
    }
}

.company-since p .tel {
    font-size: 22px;
    line-height: 32px;
    font-family: "interbold";
    color: #0076FF
}

@media (max-width: 1399px) {
    .company-since p .tel {
        display:block
    }
}

.company-since .project-box {
    background-color: #f7f7f7;
    margin-bottom: 50px;
    border: 1px solid #E0E0E0;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1024px) {
    .company-since .project-box {
        margin-top:50px
    }
}

.company-since .project-box li {
    flex-basis: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 30px
}

@media (max-width: 767px) {
    .company-since .project-box li {
        padding:15px
    }
}

.company-since .project-box li.full {
    flex-basis: 100%;
    border: 1px solid #BEBEBE;
    padding: 0px
}

@media (max-width: 767px) {
    .company-since .project-box li.full {
        display:none
    }
}

.company-since .project-box li.line {
    border-right: 1px solid #BEBEBE
}

@media (max-width: 529px) {
    .company-since .project-box li {
        flex-basis:50%;
        border-bottom: 1px solid #BEBEBE
    }
}

.company-since .project-box li abbr {
    font-size: 52px;
    line-height: 52px;
    font-family: "interbold"
}

@media (max-width: 1600px) {
    .company-since .project-box li abbr {
        font-size:42px;
        line-height: 42px
    }
}

@media (max-width: 1366px) {
    .company-since .project-box li abbr {
        font-size:36px;
        line-height: 36px
    }
}

.company-since .project-box li span {
    font-size: 36px;
    line-height: 42px
}

.company-since .project-box li p {
    color: #0076FF;
    font-size: 18px;
    font-family: "intermedium";
    margin: 0
}

.technologies-development {
    background-color: #f7f7f7
}

@media (max-width: 1200px) {
    .technologies-development .col-sm-6,.technologies-development .col-md-6 {
        width:100%
    }
}

@media (max-width: 991px) {
    .technologies-development {
        text-align:center
    }
}

.technologies-development h2 {
    font-family: "interlight";
    margin-bottom: 0
}

.technologies-development h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.technologies-development p.top {
    margin-top: 27px
}

@media (max-width: 767px) {
    .technologies-development p.top {
        margin-bottom:0px
    }
}

.technologies-development .hd-box {
    margin-top: 30px;
    background-color: #ECEFF0;
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    min-eight: 93%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1599px) {
    .technologies-development .hd-box {
        padding:20px
    }
}

.technologies-development .hd-box:hover {
    background-color: #d6171f;
    color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.technologies-development .hd-box:hover ul li a {
    color: #fff
}

.technologies-development .hd-box:hover .icon-box i:before {
    color: #fff
}

.technologies-development .hd-box br {
    display: none
}

.technologies-development .hd-box .icon-box {
    position: relative;
    padding-left: 70px
}

@media screen and (max-width: 991px) {
    .technologies-development .hd-box .icon-box {
        padding-left:0px
    }

    .technologies-development .hd-box .icon-box p br {
        display: none
    }
}

.technologies-development .hd-box .icon-box i {
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (max-width: 991px) {
    .technologies-development .hd-box .icon-box i {
        position:static
    }
}

.technologies-development .hd-box .icon-box i:before {
    color: #6c6c6c
}

.technologies-development .hd-box ul {
    text-align: center;
    margin: 30px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media screen and (max-width: 991px) {
    .technologies-development .hd-box ul {
        display:block
    }
}

.technologies-development .hd-box ul li {
    flex-basis: 20%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 88px 10px 10px 10px;
    font-size: 16px
}

@media screen and (max-width: 1399px) {
    .technologies-development .hd-box ul li {
        flex-basis:19%
    }
}

@media screen and (max-width: 1366px) {
    .technologies-development .hd-box ul li {
        flex-basis:18.5%
    }
}

@media screen and (max-width: 991px) {
    .technologies-development .hd-box ul li {
        margin:10px;
        width: 100px
    }
}

@media screen and (max-width: 575px) {
    .technologies-development .hd-box ul li {
        margin:10px 3px 0px 3px;
        width: 100px
    }
}

.technologies-development .hd-box ul li a {
    display: inline-block;
    color: #000;
    font-size: 16px
}

@media screen and (max-width: 1600px) {
    .technologies-development .hd-box ul li a {
        font-size:15px;
        line-height: normal
    }
}

.technologies-development .hd-box ul li .icon {
    margin: auto;
    width: 80px;
    height: 80px;
    display: inline-block;
    position: relative;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.technologies-development .hd-box ul li .icon:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    background-image: url(../img/home/png/homeSprite3.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto
}

.technologies-development .hd-box ul li .icon.icon1:before {
    background-position: 0 0
}

.technologies-development .hd-box ul li .icon.icon2:before {
    background-position: 0 -60px
}

.technologies-development .hd-box ul li .icon.icon3:before {
    background-position: 0 -120px
}

.technologies-development .hd-box ul li .icon.icon4:before {
    background-position: 0 -180px
}

.technologies-development .hd-box ul li .icon.icon5:before {
    background-position: 0 -240px
}

.technologies-development .hd-box ul li .icon.icon6:before {
    background-position: 0 -300px
}

.technologies-development .hd-box ul li .icon.icon7:before {
    background-position: 0 -360px
}

.technologies-development .hd-box ul li .icon.icon8:before {
    background-position: 0 -420px
}

.technologies-development .hd-box ul li .icon.icon9:before {
    background-position: 0 -480px
}

.technologies-development .hd-box ul li .icon.icon10:before {
    background-position: 0 -540px
}

.technologies-development .hd-box ul li .icon.icon11:before {
    background-position: 0 -600px
}

.technologies-development .hd-box ul li .icon.icon12:before {
    background-position: 0 -660px
}

.technologies-development .hd-box ul li .icon.icon13:before {
    background-position: 0 -720px
}

.technologies-development .hd-box ul li .icon.icon14:before {
    background-position: 0 -780px
}

.technologies-development .hd-box ul li .icon.icon15:before {
    background-position: 0 -840px
}

.technologies-development .hd-box ul li .icon.icon16:before {
    background-position: 0 -900px
}

.technologies-development .hd-box ul li .icon.icon17:before {
    background-position: 0 -960px
}

.technologies-development .hd-box ul li .icon.icon18:before {
    background-position: 0 -1020px
}

.technologies-development .hd-box ul li .icon.icon19:before {
    background-position: 0 -1080px
}

.technologies-development .hd-box ul li .icon.icon20:before {
    background-position: 0 -1140px
}

.technologies-development .hd-box.active {
    background-color: #0076FF;
    color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.technologies-development .hd-box.active ul li a {
    color: #fff
}

.technologies-development .hd-box.active .icon-box i:before {
    color: #fff
}

.custom-solutions {
    position: relative
}

@media (max-width: 1024px) {
    .custom-solutions {
        text-align:center
    }

    .custom-solutions .col-sm-6,.custom-solutions .col-md-6 {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .custom-solutions {
        padding-bottom:0
    }
}

.custom-solutions:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.custom-solutions h2 {
    font-family: "interlight"
}

.custom-solutions h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.custom-solutions p.top {
    margin-top: 27px
}

.custom-solutions .custom-scroll {
    max-height: 480px;
    overflow-x: hidden;
    overflow-y: auto
}

@media screen and (max-width: 1600px) {
    .custom-solutions .custom-scroll {
        max-height:460px
    }
}

@media screen and (max-width: 1440px) {
    .custom-solutions .custom-scroll {
        max-height:500px
    }
}

@media screen and (max-width: 1200px) {
    .custom-solutions .custom-scroll {
        max-height:480px
    }
}

@media screen and (max-width: 1024px) {
    .custom-solutions .custom-scroll {
        margin-top:40px
    }
}

@media screen and (max-width: 575px) {
    .custom-solutions .custom-scroll {
        max-height:100%;
        overflow: visible
    }
}

.custom-solutions .custom-scroll ul {
    text-align: center;
    display: flex;
    flex-wrap: wrap
}

.custom-solutions .custom-scroll ul li {
    flex-basis: 30%;
    background-color: #fff;
    display: block;
    font-size: 14px;
    margin: 10px;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1399px) {
    .custom-solutions .custom-scroll ul li {
        margin:7px
    }
}

@media screen and (max-width: 575px) {
    .custom-solutions .custom-scroll ul li {
        flex-basis:40%;
        padding: 0px;
        margin: 10px
    }
}

.custom-solutions .custom-scroll ul li:hover {
    background-color: #fff;
    color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.custom-solutions .custom-scroll ul li a {
    font-size: 14px;
    color: #0076FF;
    display: inline-block;
    margin-bottom: 20px
}

.custom-solutions .custom-scroll ul li .icon {
    display: block;
    width: 85px;
    height: 60px;
    margin-bottom: 10px;
    background-image: url(../img/home/png/homeSprite6.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 20px auto 10px auto
}

.custom-solutions .custom-scroll ul li .icon.icon1 {
    background-position: 0 0
}

.custom-solutions .custom-scroll ul li .icon.icon2 {
    background-position: 0 -60px
}

.custom-solutions .custom-scroll ul li .icon.icon3 {
    background-position: 0 -120px
}

.custom-solutions .custom-scroll ul li .icon.icon4 {
    background-position: 0 -180px
}

.custom-solutions .custom-scroll ul li .icon.icon5 {
    background-position: 0 -240px
}

.custom-solutions .custom-scroll ul li .icon.icon6 {
    background-position: 0 -300px
}

.custom-solutions .custom-scroll ul li .icon.icon7 {
    background-position: 0 -360px
}

.custom-solutions .custom-scroll ul li .icon.icon8 {
    background-position: 0 -420px
}

.custom-solutions .custom-scroll ul li .icon.icon9 {
    background-position: 0 -480px
}

.custom-solutions .custom-scroll ul li .icon.icon10 {
    background-position: 0 -540px
}

.custom-solutions .custom-scroll ul li .icon.icon11 {
    background-position: 0 -600px
}

.custom-solutions .custom-scroll ul li .icon.icon12 {
    background-position: 0 -660px
}

.custom-solutions .custom-scroll ul li .icon.icon13 {
    background-position: 0 -720px
}

.custom-solutions .custom-scroll ul li .icon.icon14 {
    background-position: 0 -780px
}

.custom-solutions .custom-scroll ul li .icon.icon15 {
    background-position: 0 -840px
}

.custom-solutions .custom-scroll ul li .icon.icon16 {
    background-position: 0 -900px
}

.custom-solutions .custom-scroll ul li .icon.icon17 {
    background-position: 0 -960px
}

.custom-solutions .custom-scroll ul li .icon.icon18 {
    background-position: 0 -1020px
}

.custom-solutions .custom-scroll ul li .icon.icon19 {
    background-position: 0 -1080px
}

.custom-solutions .custom-scroll ul li .icon.icon20 {
    background-position: 0 -1140px
}

.custom-solutions .custom-scroll ul li .name {
    display: block;
    line-height: normal
}

@media screen and (max-width: 991px) {
    .home-cta {
        text-align:center
    }

    .home-cta .btn {
        margin-top: 30px
    }
}

@media screen and (max-width: 767px) {
    .home-cta {
        padding-bottom:0
    }
}

.home-cta .cta-box {
    background-color: #2d167c;
    background: #2d167c;
    background: linear-gradient(45deg, #2d167c 50%, #05213a 100%);
    padding: 60px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 575px) {
    .home-cta .cta-box {
        padding:20px
    }
}

.home-cta .cta-box:before {
    content: "";
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 150px;
    height: 150px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.home-cta .cta-box:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -30px;
    width: 100px;
    height: 100px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.home-cta .cta-box h2 {
    color: #fff;
    margin-bottom: 20px;
    font-family: "interbold"
}

.home-cta .cta-box p {
    color: #fff;
    margin-bottom: 0
}

.case-studies {
    position: relative
}

@media screen and (max-width: 991px) {
    .case-studies {
        text-align:center
    }
}

@media screen and (max-width: 767px) {
    .case-studies {
        padding-bottom:0
    }
}

.case-studies:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.case-studies h2 {
    font-family: "interlight"
}

.case-studies h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.case-studies p.top {
    margin-top: 27px
}

.case-studies .case-studies-view {
    border: 1px solid #BEBEBE;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px
}

.case-studies .case-studies-view:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    background: -webkit-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 80%);
    background: -o-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 80%);
    background: linear-gradient(to top, #000 0%, rgba(0,0,0,0) 80%)
}

.case-studies .case-studies-view img {
    height: auto !important
}

.case-studies .case-studies-view .link-overly {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.case-studies .case-studies-view.top {
    margin-top: 50px
}

.case-studies .case-studies-view .content-box {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 30px 50px 30px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -moz-transform: translate(0, 65%);
    -o-transform: translate(0, 65%);
    -ms-transform: translate(0, 65%);
    -webkit-transform: translate(0, 65%);
    transform: translate(0, 65%)
}

@media screen and (max-width: 1450px) {
    .case-studies .case-studies-view .content-box {
        -moz-transform:translate(0, 56%);
        -o-transform: translate(0, 56%);
        -ms-transform: translate(0, 56%);
        -webkit-transform: translate(0, 56%);
        transform: translate(0, 56%)
    }
}

@media screen and (max-width: 991px) {
    .case-studies .case-studies-view .content-box {
        -moz-transform:translate(0, 65%);
        -o-transform: translate(0, 65%);
        -ms-transform: translate(0, 65%);
        -webkit-transform: translate(0, 65%);
        transform: translate(0, 65%)
    }
}

@media screen and (max-width: 575px) {
    .case-studies .case-studies-view .content-box {
        -moz-transform:translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media screen and (max-width: 575px) {
    .case-studies .case-studies-view .content-box {
        bottom:0;
        padding: 10px
    }

    .case-studies .case-studies-view .content-box p {
        margin-bottom: 0
    }
}

.case-studies .case-studies-view .content-box h3,.case-studies .case-studies-view .content-box .h3 {
    color: #fff;
    font-family: "interbold"
}

@media screen and (max-width: 575px) {
    .case-studies .case-studies-view .content-box h3,.case-studies .case-studies-view .content-box .h3 {
        margin-bottom:0;
        font-size: 24px
    }
}

.case-studies .case-studies-view .content-box .category {
    color: #fff;
    font-family: "intermedium"
}

.case-studies .case-studies-view .content-box .content-limit {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-top: 50px
}

@media screen and (max-width: 1399px) {
    .case-studies .case-studies-view .content-box .content-limit {
        -webkit-line-clamp:3
    }
}

@media screen and (max-width: 991px) {
    .case-studies .case-studies-view .content-box .content-limit {
        margin-top:100px
    }
}

@media screen and (max-width: 575px) {
    .case-studies .case-studies-view .content-box .content-limit {
        display:none
    }
}

.case-studies .case-studies-view:hover .content-box {
    bottom: 0;
    top: auto;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.case-studies .case-studies-view:hover .link {
    color: #0076FF
}

.case-studies .case-studies-view:hover .content-limit {
    margin-top: 0px
}

@media screen and (max-width: 991px) {
    .case-studies .case-studies-view:hover .content-limit {
        margin-top:10px
    }
}

.case-studies .case-studies-view .link {
    color: #fff;
    position: absolute;
    right: 20px;
    bottom: 20px
}

@media screen and (max-width: 1200px) {
    .case-studies .case-studies-view .link {
        display:none
    }
}

@media screen and (max-width: 991px) {
    .case-studies .case-studies-view .link {
        right:0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        width: 170px
    }
}

@media screen and (max-width: 767px) {
    .case-studies .case-studies-view .link {
        bottom:0px;
        display: none
    }
}

@media screen and (max-width: 991px) {
    .different-industry {
        text-align:center
    }
}

.different-industry p {
    margin-bottom: 0;
    padding-left: 50px
}

@media screen and (max-width: 991px) {
    .different-industry p {
        padding-left:0px
    }
}

.different-industry h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.different-industry .industry-list {
    text-align: center;
    margin: 40px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

@media screen and (max-width: 575px) {
    .different-industry .industry-list {
        margin:0px 0 0 0
    }
}

.different-industry .industry-list .industry {
    flex-basis: 15%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 20px 10px;
    font-size: 16px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid transparent;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin: 10px
}

@media screen and (max-width: 1399px) {
    .different-industry .industry-list .industry {
        margin:8px
    }
}

@media screen and (max-width: 1024px) {
    .different-industry .industry-list .industry {
        margin:6px
    }
}

@media screen and (max-width: 991px) {
    .different-industry .industry-list .industry {
        flex-basis:23%
    }
}

@media screen and (max-width: 767px) {
    .different-industry .industry-list .industry {
        flex-basis:22%
    }
}

@media screen and (max-width: 575px) {
    .different-industry .industry-list .industry {
        flex-basis:43%;
        margin: 10px
    }
}

.different-industry .industry-list .industry:hover {
    border-color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.different-industry .industry-list .industry:hover a {
    color: #0076FF
}

.different-industry .industry-list .industry:hover a .name {
    color: #0076FF
}

.different-industry .industry-list .industry:hover a:before {
    opacity: 1
}

.different-industry .industry-list .industry.m-top {
    padding-top: 20px
}

.different-industry .industry-list .industry .name {
    display: block;
    color: #000
}

.different-industry .industry-list .industry a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    position: relative
}

.different-industry .industry-list .industry a .name {
    color: #000
}

@media screen and (max-width: 1600px) {
    .different-industry .industry-list .industry a {
        font-size:15px;
        line-height: normal
    }
}

@media screen and (max-width: 575px) {
    .different-industry .industry-list .industry a {
        font-size:16px
    }
}

.different-industry .industry-list .industry .icon {
    margin: auto;
    width: 70px;
    height: 70px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background-image: url(../img/home/png/homeSprite7.png);
    background-repeat: no-repeat;
    display: block
}

.different-industry .industry-list .industry .icon.icon1 {
    background-position: 0 0
}

.different-industry .industry-list .industry .icon.icon2 {
    background-position: 0 -70px
}

.different-industry .industry-list .industry .icon.icon3 {
    background-position: 0 -140px
}

.different-industry .industry-list .industry .icon.icon4 {
    background-position: 0 -210px
}

.different-industry .industry-list .industry .icon.icon5 {
    background-position: 0 -280px
}

.different-industry .industry-list .industry .icon.icon6 {
    background-position: 0 -350px
}

.different-industry .industry-list .industry .icon.icon7 {
    background-position: 0 -420px
}

.different-industry .industry-list .industry .icon.icon8 {
    background-position: 0 -490px
}

.different-industry .industry-list .industry .icon.icon9 {
    background-position: 0 -560px
}

.different-industry .industry-list .industry .icon.icon10 {
    background-position: 0 -630px
}

.different-industry .industry-list .industry .icon.icon11 {
    background-position: 0 -700px
}

.different-industry .industry-list .industry .icon.icon12 {
    background-position: 0 -770px
}

.industry-we-serve {
    position: relative
}

@media (max-width: 1024px) {
    .industry-we-serve {
        text-align:center
    }

    .industry-we-serve .col-sm-6,.industry-we-serve .col-md-6 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .industry-we-serve {
        padding-bottom:0
    }
}

.industry-we-serve:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background-color: #0076FF;
    background: #0076FF;
    background: linear-gradient(45deg, #0076FF 50%, #009DFF 100%);
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    -ms-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0
}

@media screen and (min-device-width: 1921px) and (max-device-width: 10000px) {
    .industry-we-serve:before {
        display:none
    }
}

@media (max-width: 1024px) {
    .industry-we-serve:before {
        width:100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        bottom: auto;
        height: 30%
    }
}

@media (max-width: 991px) {
    .industry-we-serve:before {
        height:25%
    }
}

@media (max-width: 767px) {
    .industry-we-serve:before {
        height:22%
    }
}

@media (max-width: 575px) {
    .industry-we-serve:before {
        height:20%
    }
}

@media (max-width: 480px) {
    .industry-we-serve:before {
        height:15%
    }
}

.industry-we-serve p {
    margin-bottom: 0
}

.industry-we-serve h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.industry-we-serve .archieve-box {
    padding-left: 50px
}

@media screen and (max-width: 1024px) {
    .industry-we-serve .archieve-box {
        margin-top:30px
    }
}

@media screen and (max-width: 991px) {
    .industry-we-serve .archieve-box {
        margin-top:30px;
        padding-left: 0px
    }
}

.industry-we-serve .archieve-box .awards-list {
    text-align: center;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .industry-we-serve .archieve-box .awards-list {
        display:block;
        text-align: center
    }
}

.industry-we-serve .archieve-box .awards-list .award {
    background-color: #fff;
    position: relative;
    flex-basis: 25%;
    align-items: flex-start;
    height: 80px;
    margin: 15px 0
}

@media screen and (max-width: 991px) {
    .industry-we-serve .archieve-box .awards-list .award {
        width:150px;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .industry-we-serve .archieve-box .awards-list .award {
        margin:5px 0
    }
}

.industry-we-serve .archieve-box .awards-list .award:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 70px;
    background-image: url(../img/home/png/homeSprite8.png);
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
    background-size: 100% auto
}

.industry-we-serve .archieve-box .awards-list .award:hover:before {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.industry-we-serve .archieve-box .awards-list .award.aw1:before {
    background-position: 0 0px
}

.industry-we-serve .archieve-box .awards-list .award.aw2:before {
    background-position: 0 -70px
}

.industry-we-serve .archieve-box .awards-list .award.aw3:before {
    background-position: 0 -140px
}

.industry-we-serve .archieve-box .awards-list .award.aw4:before {
    background-position: 0 -210px
}

.industry-we-serve .archieve-box .awards-list .award.aw5:before {
    background-position: 0 -280px
}

.industry-we-serve .archieve-box .awards-list .award.aw6:before {
    background-position: 0 -350px
}

.industry-we-serve .archieve-box .awards-list .award.aw7:before {
    background-position: 0 -420px
}

.industry-we-serve .archieve-box .awards-list .award.aw8:before {
    background-position: 0 -490px
}

.industry-we-serve .archieve-box .awards-list .award.aw9:before {
    background-position: 0 -560px
}

.industry-we-serve .archieve-box .awards-list .award.aw10:before {
    background-position: 0 -630px
}

.industry-we-serve .archieve-box .awards-list .award.aw11:before {
    background-position: 0 -700px
}

.industry-we-serve .archieve-box .awards-list .award.aw12:before {
    background-position: 0 -770px
}

.industry-we-serve .archieve-box .awards-list .award.aw13:before {
    background-position: 0 -840px
}

.industry-we-serve .video-box {
    padding-right: 50px
}

@media screen and (min-device-width: 1921px) and (max-device-width: 10000px) {
    .industry-we-serve .video-box {
        background-color:#0076FF;
        background: #0076FF;
        background: linear-gradient(45deg, #0076FF 50%, #009DFF 100%);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        padding: 40px;
        min-height: 100%
    }
}

@media screen and (max-width: 991px) {
    .industry-we-serve .video-box {
        padding-right:0px
    }
}

.industry-we-serve .video-box h2 {
    color: #fff
}

.industry-we-serve .video-box .in-page-video {
    border: 4px solid #fff;
    background-color: #000;
    max-width: 916px;
    margin: 0 auto 50px auto;
    position: relative;
    width: 100%;
    height: auto
}

@media screen and (max-width: 1199px) {
    .industry-we-serve .video-box .in-page-video {
        padding-bottom:55%;
        height: 0
    }
}

@media screen and (max-width: 767px) {
    .industry-we-serve .video-box .in-page-video {
        margin-bottom:30px
    }
}

.industry-we-serve .video-box .in-page-video iframe {
    width: 100%;
    height: 387px;
    margin-bottom: -7px
}

@media screen and (max-width: 1199px) {
    .industry-we-serve .video-box .in-page-video iframe {
        position:absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin-bottom: 0px
    }
}

.industry-we-serve .video-box .in-page-video button:before,.industry-we-serve .video-box .in-page-video button:after {
    display: none
}

.industry-we-serve .video-box .btn-white {
    background-color: #fff;
    color: #0076FF
}

@media screen and (max-width: 1024px) {
    .industry-we-serve .video-box .btn-white {
        background-color:#0076FF;
        color: #fff
    }
}

.industry-we-serve .video-box .btn-white:before,.industry-we-serve .video-box .btn-white:after {
    background-color: #0076FF
}

.industry-we-serve .video-box .btn-white:hover,.industry-we-serve .video-box .btn-white:focus {
    color: #0076FF
}

@media screen and (max-width: 1024px) {
    .industry-we-serve .video-box .btn-white:hover,.industry-we-serve .video-box .btn-white:focus {
        color:#fff
    }
}

.industry-we-serve .video-box .btn-white .arrow {
    background-image: url("../img/common/svg/arrow-right-up-blue.svg")
}

@media screen and (max-width: 1024px) {
    .industry-we-serve .video-box .btn-white .arrow {
        background-image:url("../img/common/svg/arrow-right-up.svg")
    }
}

.industry-we-serve .video-box .btn-white.white {
    background-color: #fff;
    color: #0076FF
}

.industry-we-serve .video-box .btn-white.white:before,.industry-we-serve .video-box .btn-white.white:after {
    background-color: #fff
}

.industry-we-serve .video-box .btn-white.white .arrow {
    background-image: url("../img/common/svg/arrow-right-up-black.svg")
}

.trusted-by {
    position: relative
}

@media screen and (max-width: 991px) {
    .trusted-by {
        text-align:center
    }
}

@media screen and (max-width: 767px) {
    .trusted-by {
        padding-bottom:50px
    }
}

.trusted-by:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.trusted-by p {
    margin-bottom: 0;
    padding-left: 50px
}

@media screen and (max-width: 767px) {
    .trusted-by p {
        padding-left:0px
    }
}

.trusted-by h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.trusted-by .trust-list {
    text-align: center;
    margin: 50px 0 50px 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

@media screen and (max-width: 991px) {
    .trusted-by .trust-list {
        display:block;
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .trusted-by .trust-list {
        margin:20px 0
    }
}

.trusted-by .trust-list li {
    flex-basis: 20%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 40px 0px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: -1px;
    margin-right: -1px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .trusted-by .trust-list li {
        display:inline-block;
        margin: 5px 3px
    }
}

.trusted-by .trust-list li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    display: inline-block;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    vertical-align: middle;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.trusted-by .trust-list li:hover {
    background-color: #e5e0e0;
    border-color: #e5e0e0;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    position: relative;
    z-index: 1
}

.trusted-by .trust-list li:hover:before {
    opacity: 0.3
}

.trusted-by .trust-list li:hover.box1:before {
    background-image: url(../img/home/jpg/box-img1.jpg)
}

.trusted-by .trust-list li:hover.box2:before {
    background-image: url(../img/home/jpg/box-img2.jpg)
}

.trusted-by .trust-list li:hover.box3:before {
    background-image: url(../img/home/jpg/box-img3.jpg)
}

.trusted-by .trust-list li:hover.box4:before {
    background-image: url(../img/home/jpg/box-img4.jpg)
}

.trusted-by .trust-list li:hover.box5:before {
    background-image: url(../img/home/jpg/box-img5.jpg)
}

.trusted-by .trust-list li:hover.box6:before {
    background-image: url(../img/home/jpg/box-img6.jpg)
}

.trusted-by .trust-list li:hover.box7:before {
    background-image: url(../img/home/jpg/box-img7.jpg)
}

.trusted-by .trust-list li:hover.box8:before {
    background-image: url(../img/home/jpg/box-img8.jpg)
}

.trusted-by .trust-list li:hover.box9:before {
    background-image: url(../img/home/jpg/box-img9.jpg)
}

.trusted-by .trust-list li:hover.box10:before {
    background-image: url(../img/home/jpg/box-img10.jpg)
}

.trusted-by .trust-list li .icon {
    margin: auto;
    width: 150px;
    height: 70px;
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/home/png/homeSprite4.png);
    background-repeat: no-repeat
}

.trusted-by .trust-list li .icon.icon1 {
    background-position: 0 0
}

.trusted-by .trust-list li .icon.icon2 {
    background-position: 0 -70px
}

.trusted-by .trust-list li .icon.icon3 {
    background-position: 0 -140px
}

.trusted-by .trust-list li .icon.icon4 {
    background-position: 0 -210px
}

.trusted-by .trust-list li .icon.icon5 {
    background-position: 0 -280px
}

.trusted-by .trust-list li .icon.icon6 {
    background-position: 0 -350px
}

.trusted-by .trust-list li .icon.icon7 {
    background-position: 0 -420px
}

.trusted-by .trust-list li .icon.icon8 {
    background-position: 0 -490px
}

.trusted-by .trust-list li .icon.icon9 {
    background-position: 0 -560px
}

.trusted-by .trust-list li .icon.icon10 {
    background-position: 0 -630px
}

.trusted-by .trust-list li .icon.icon11 {
    background-position: 0 -700px
}

.trusted-by .trust-list li .icon.icon12 {
    background-position: 0 -770px
}

@media screen and (max-width: 767px) {
    .trusted-by .trust-list li {
        font-size:1.7rem;
        flex-basis: 33.33%
    }
}

@media screen and (max-width: 575px) {
    .trusted-by .trust-list li {
        flex-basis:50%
    }
}

.clients-say {
    position: relative
}

@media screen and (max-width: 1024px) {
    .clients-say {
        text-align:center
    }
}

@media screen and (max-width: 575px) {
    .clients-say {
        padding-bottom:0
    }
}

.clients-say:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.clients-say h2 {
    text-align: center
}

.clients-say p {
    margin-bottom: 0;
    padding-left: 50px
}

.clients-say h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.clients-say .say-box {
    background-color: #f6f6f6;
    padding: 30px;
    min-height: 400px
}

@media screen and (max-width: 1366px) {
    .clients-say .say-box {
        padding:20px;
        min-height: 350px
    }
}

@media screen and (max-width: 1024px) {
    .clients-say .say-box {
        padding:10px;
        min-height: 300px
    }
}

@media screen and (max-width: 1024px) {
    .clients-say .say-box h2 {
        text-align:center
    }
}

.clients-say .say-box .client-detail {
    text-align: left;
    padding-right: 60px;
    position: relative
}

@media (max-width: 991px) {
    .clients-say .say-box .client-detail {
        max-width:540px;
        margin: 0 auto
    }
}

@media (max-width: 575px) {
    .clients-say .say-box .client-detail {
        margin-top:10px
    }
}

.clients-say .say-box .client-detail:before {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 40px;
    height: 40px;
    background-image: url(../img/home/svg/quote.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    opacity: 0.5
}

@media screen and (max-width: 1366px) {
    .clients-say .say-box .client-detail:before {
        width:30px;
        height: 30px
    }
}

.clients-say .say-box .client-detail .f-28 {
    font-family: "interbold";
    margin-top: 20px
}

.clients-say .say-box .client-detail p {
    margin-bottom: 0;
    padding: 0;
    font-size: 14px
}

@media screen and (max-width: 1366px) {
    .clients-say .say-box .client-detail p {
        line-height:normal
    }
}

@media screen and (max-width: 575px) {
    .clients-say .say-box .client-detail p {
        font-size:16px
    }
}

.clients-say .say-box .video-cover {
    position: relative
}

.clients-say .say-box .video-cover .play-video {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 60px;
    height: 40px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    border: 3px solid #fff;
    text-align: center;
    background-color: #0076FF;
    cursor: pointer
}

@media screen and (max-width: 1366px) {
    .clients-say .say-box .video-cover .play-video {
        width:60px;
        height: 40px
    }
}

.clients-say .say-box .video-cover .play-video i {
    color: #fff;
    font-size: 22px;
    line-height: 34px;
    margin-left: 4px
}

@media screen and (max-width: 1366px) {
    .clients-say .say-box .video-cover .play-video i {
        font-size:18px
    }
}

@media screen and (max-width: 1024px) {
    .clients-say .say-box .video-cover .play-video i {
        line-height:43px
    }
}

@media screen and (max-width: 575px) {
    .clients-say .say-box .video-cover .play-video i {
        line-height:33px
    }
}

.clients-say .owl-client .owl-item {
    padding: 100px 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .clients-say .owl-client .owl-item {
        padding:20px
    }
}

.clients-say .owl-client .owl-item.center {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 1
}

@media screen and (max-width: 991px) {
    .clients-say .owl-client .owl-item.center {
        transform:none
    }
}

.clients-say .owl-client .owl-item.center .say-box {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2)
}

.clients-say .owl-client .owl-item img {
    height: auto
}

.clients-say .owl-client .owl-nav {
    text-align: center;
    display: none
}

.clients-say .owl-client .owl-nav button {
    margin: 0 10px
}

.clients-say .owl-client .owl-nav button i {
    font-size: 30px
}

@media screen and (max-width: 991px) {
    .clients-say .owl-client .owl-dots {
        margin-bottom:20px
    }

    .clients-say .owl-client .owl-dots .owl-dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #BEBEBE;
        margin: 10px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px
    }

    .clients-say .owl-client .owl-dots .owl-dot.active {
        background-color: #0076FF
    }
}

@media screen and (max-width: 991px) {
    .technical-blogs {
        text-align:center
    }
}

.technical-blogs h2 {
    font-family: "interlight"
}

.technical-blogs h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.technical-blogs p.top {
    margin-top: 27px
}

@media screen and (max-width: 767px) {
    .technical-blogs p.top {
        margin-bottom:0px
    }
}

.technical-blogs .blog-view {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.technical-blogs .blog-view.top {
    margin-top: 50px
}

@media screen and (max-width: 767px) {
    .technical-blogs .blog-view.top {
        margin-top:30px
    }
}

.technical-blogs .blog-view .link-overly {
    color: #fff;
    line-height: normal
}

.technical-blogs .blog-view .content-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
    background-color: rgba(0,0,0,0.8);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .technical-blogs .blog-view .content-box {
        position:static
    }
}

.technical-blogs .blog-view .content-box .h3 {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-family: "interregular";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.technical-blogs .blog-view .content-box .post-date {
    color: #fff;
    font-family: "intermedium";
    margin: 0;
    display: none
}

.technical-blogs .blog-view picture {
    display: inline-block;
    width: 100%
}

.technical-blogs .blog-view picture img {
    width: 100%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.technical-blogs .blog-view:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.technical-blogs .blog-view:hover .link {
    color: #0076FF
}

.technical-blogs .blog-view:hover .h3 {
    color: #0076FF
}

.technical-blogs .blog-view:hover picture img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.technical-blogs .blog-view:hover .link-overly {
    color: #0076FF
}

.technical-blogs .blog-view .link {
    color: #0076FF;
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: none
}

.technical-blogs .blog-view.bv2 picture img {
    height: 224px
}

.technical-blogs .blog-view.bv2 .content-box {
    position: static;
    background: none;
    padding: 10px 0
}

.technical-blogs .blog-view.bv2 .content-box picture img {
    height: 224px
}

.technical-blogs .blog-view.bv2 .content-box .h3 {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-family: "interregular";
    overflow: visible;
    text-overflow: unset;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset
}

.technical-blogs .blog-view.bv2 .content-box .h3 .entry-header a {
    font-size: 20px;
    font-family: "interbold";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.technical-blogs .blog-view.bv2 .content-box .h3 .entry-content {
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.technical-blogs .blog-view.bv2 .content-box h3,.technical-blogs .blog-view.bv2 .content-box .h3,.technical-blogs .blog-view.bv2 .content-box a {
    color: #000;
    font-family: "intermedium";
    font-size: 20px
}

.technical-blogs .blog-view.bv2 .content-box header {
    position: static
}

.technical-blogs .blog-view.bv2:hover {
    box-shadow: none
}

.technical-blogs .blog-view.bv2:hover .content-box h3,.technical-blogs .blog-view.bv2:hover .content-box .h3,.technical-blogs .blog-view.bv2:hover .content-box a {
    color: #0076FF
}

.testimonials_video .modal-dialog {
    max-width: 600px;
    top: 10%
}

@media (max-width: 767px) {
    .testimonials_video .modal-dialog {
        left:6%;
        right: 6%;
        width: 82%
    }
}

.testimonials_video .modal-dialog .modal-header {
    padding: 0;
    border: none
}

.testimonials_video .modal-dialog .modal-header button.btn-close {
    position: absolute;
    right: -10px;
    top: -10px;
    color: #fff;
    opacity: 1;
    font-size: 20px
}

.testimonials_video .modal-dialog .modal-body .youtube-player {
    position: relative
}

.testimonials_video .modal-dialog .modal-body .youtube-player .play {
    cursor: pointer;
    border: none;
    position: absolute;
    height: 42px;
    width: 60px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    background: url(../img/home/svg/play-video.svg) no-repeat;
    box-shadow: none;
    border-radius: 0;
    transition: none;
    z-index: 1;
    background-size: 100% auto
}

.testimonials_video .modal-dialog .modal-body .youtube-player iframe {
    width: 100%;
    height: 438px
}

@media (max-width: 767px) {
    .testimonials_video .modal-dialog .modal-body .youtube-player iframe {
        height:360px
    }
}

.testimonials_video .modal-dialog .modal-body .youtube-player img {
    width: 100%;
    margin-bottom: 7px
}

.game-home-section {
    background-color: #00295A;
    height: 100vh;
    position: relative;
    overflow: hidden
}

@media (max-width: 1024px) {
    .game-home-section {
        text-align:center
    }

    .game-home-section .col-sm-6,.game-home-section .col-md-6 {
        width: 100%
    }

    .game-home-section .btn {
        margin-bottom: 40px
    }
}

@media (max-width: 1366px) {
    .game-home-section {
        height:auto
    }
}

@media (max-width: 991px) {
    .game-home-section {
        height:100%;
        margin-top: 50px
    }
}

.game-home-section:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/webp/home-game-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed
}

@media (max-width: 575px) {
    .game-home-section:before {
        display:none
    }
}

.game-home-section h2 {
    color: #fff;
    margin-bottom: 30px
}

.game-home-section p {
    color: #fff
}

.game-home-section p a {
    color: #FF9100
}

.game-home-section .game-list {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    max-height: 410px;
    overflow-y: auto
}

@media screen and (max-width: 767px) {
    .game-home-section .game-list {
        max-height:100%;
        overflow-y: visible
    }
}

.game-home-section .game-list li {
    background-color: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    flex-basis: 23%;
    margin: 1%;
    min-height: 120px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 1px solid rgba(255,255,255,0.7);
    overflow: hidden;
    align-content: center;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 1199px) {
    .game-home-section .game-list li {
        flex-basis:23%
    }
}

@media screen and (max-width: 767px) {
    .game-home-section .game-list li {
        flex-basis:31%
    }
}

@media screen and (max-width: 480px) {
    .game-home-section .game-list li {
        flex-basis:48%
    }
}

@media screen and (max-width: 360px) {
    .game-home-section .game-list li {
        flex-basis:48%
    }
}

.game-home-section .game-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.game-home-section .game-list li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6)
}

.game-home-section .game-list li a {
    color: #fff;
    position: absolute;
    z-index: 2;
    display: inline-block;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 25px;
    max-width: 120px
}

.game-home-section .game-list li .name {
    margin-top: 0px;
    line-height: normal;
    font-size: 16px;
    font-family: "interbold"
}

.game-home-section .game-list li.bg1:before {
    background-image: url("../img/home/webp/home-game1.webp")
}

.game-home-section .game-list li.bg2:before {
    background-image: url("../img/home/webp/home-game2.webp")
}

.game-home-section .game-list li.bg3:before {
    background-image: url("../img/home/webp/home-game3.webp")
}

.game-home-section .game-list li.bg4:before {
    background-image: url("../img/home/webp/home-game4.webp")
}

.game-home-section .game-list li.bg5:before {
    background-image: url("../img/home/webp/home-game5.webp")
}

.game-home-section .game-list li.bg6:before {
    background-image: url("../img/home/webp/home-game6.webp")
}

.game-home-section .game-list li.bg7:before {
    background-image: url("../img/home/webp/home-game7.webp")
}

.game-home-section .game-list li.bg8:before {
    background-image: url("../img/home/webp/home-game8.webp")
}

.game-home-section .game-list li.bg9:before {
    background-image: url("../img/home/webp/home-game9.webp")
}

.game-home-section .game-list li.bg10:before {
    background-image: url("../img/home/webp/home-game10.webp")
}

.game-home-section .game-list li.bg11:before {
    background-image: url("../img/home/webp/home-game11.webp")
}

.game-home-section .game-list li.bg12:before {
    background-image: url("../img/home/webp/home-game12.webp")
}

.game-home-section .game-list li:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #fff
}

.game-home-section .game-list li:hover:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.robust-new-services {
    background-color: #f7f7f7
}

@media (max-width: 1024px) {
    .robust-new-services .col-sm-4,.robust-new-services .col-md-4 {
        width:50%
    }
}

@media (max-width: 991px) {
    .robust-new-services {
        text-align:center
    }

    .robust-new-services .col-sm-4,.robust-new-services .col-md-4 {
        width: 50%
    }
}

@media (max-width: 575px) {
    .robust-new-services .col-sm-4,.robust-new-services .col-md-4 {
        width:100%
    }

    .robust-new-services .mb-40 {
        margin-bottom: 20px
    }
}

.robust-new-services h2 {
    font-family: sans-serif;
}

.robust-new-services h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.robust-new-services p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .robust-new-services p.top {
        margin-top:0px
    }
}

.robust-new-services .service-box {
    background-color: #fff;
    padding: 20px;
    margin-top: 30px;
    height: 93%;
    position: relative;
    padding-bottom: 50px;
    border: 1px solid #E0E0E0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1)
}

.robust-new-services .service-box:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    height: 2px;
    width: 0;
    background-color: #0076FF;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.robust-new-services .service-box.sb1:before {
    background-color: #d6171f
}

.robust-new-services .service-box.sb2:before {
    background-color:#d6171f
}

.robust-new-services .service-box.sb3:before {
    background-color: #d6171f
}

.robust-new-services .service-box.sb4:before {
    background-color: #d6171f
}

.robust-new-services .service-box.sb5:before {
    background-color: #d6171f
}

.robust-new-services .service-box.sb6:before {
    background-color: #d6171f
}

.robust-new-services .service-box i {
    margin-bottom: 20px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: -13px
}

.robust-new-services .service-box h3 {
    padding-left: 30px;
    margin-top: 15px;
    position: relative
}

@media (max-width: 991px) {
    .robust-new-services .service-box h3 {
        text-align:left
    }
}

@media (max-width: 991px) {
    .robust-new-services .service-box p {
        text-align:left
    }
}

.robust-new-services .service-box .display {
    overflow: hidden;
    margin-top: 30px
}

@media (max-width: 575px) {
    .robust-new-services .service-box .display {
        display:none
    }
}

.robust-new-services .service-box .display.top {
    margin-top: 0px;
    margin-bottom: 30px
}

.robust-new-services .service-box .display img {
    max-width: 467px;
    width: 100%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.robust-new-services .service-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    border-color: #BEBEBE
}

.robust-new-services .service-box:hover:before {
    width: 100%
}

.robust-new-services .service-box:hover .display img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.robust-new-services .service-box .box-list li {
    margin-bottom: 10px;
    list-style: none;
    position: relative;
    padding-left: 23px
}

@media (max-width: 991px) {
    .robust-new-services .service-box .box-list li {
        text-align:left
    }
}

@media (max-width: 575px) {
    .robust-new-services .service-box .box-list li {
        margin-bottom:15px
    }
}

.robust-new-services .service-box .box-list li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 5px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 1px solid #0076FF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.robust-new-services .service-box .box-list li:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 8px;
    width: 8px;
    height: 8px;
    background-color: #0076FF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.robust-new-services .service-box .box-list li a {
    text-decoration: underline
}

.company-since-new {
    position: relative
}

.company-since-new:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

@media (max-width: 1440px) {
    .company-since-new .col-sm-5,.company-since-new .col-md-5 {
        width:45%
    }

    .company-since-new .col-sm-7,.company-since-new .col-md-7 {
        width: 55%
    }
}

@media (max-width: 1024px) {
    .company-since-new .col-sm-5,.company-since-new .col-md-5 {
        width:100%
    }

    .company-since-new .col-sm-7,.company-since-new .col-md-7 {
        width: 100%
    }
}

@media (max-width: 1024px) {
    .company-since-new {
        text-align:center
    }

    .company-since-new .col-sm-5,.company-since-new .col-md-5,.company-since-new .col-sm-7,.company-since-new .col-md-7 {
        width: 100%
    }
}

@media (max-width: 991px) {
    .company-since-new {
        text-align:center
    }
}

.company-since-new h2 {
    font-family: "interlight"
}

.company-since-new h2.title {
    position: absolute;
    left: 30px;
    top: 30px;
    right: 30px;
    bottom: 30px;
    z-index: 2;
    color: #fff
}

@media (max-width: 991px) {
    .company-since-new h2.title {
        left:20px;
        top: 20px;
        right: 20px
    }
}

@media (max-width: 575px) {
    .company-since-new h2.title {
        font-size:32px
    }
}

.company-since-new h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

@media (max-width: 1440px) {
    .company-since-new p {
        margin-bottom:20px
    }
}

@media (max-width: 1366px) {
    .company-since-new p {
        margin-bottom:15px
    }
}

.company-since-new p.top {
    margin-top: 27px
}

@media (max-width: 767px) {
    .company-since-new p.top {
        margin-bottom:0px
    }
}

.company-since-new p .tel {
    font-size: 22px;
    line-height: 32px;
    font-family: "interbold";
    color: #0076FF
}

@media (max-width: 1399px) {
    .company-since-new p .tel {
        display:block
    }
}

.company-since-new .comp-img-frame {
    overflow: hidden;
    position: relative;
    margin-right: 40px;
    max-width: 669px;
    display: inline-block
}

@media (max-width: 1024px) {
    .company-since-new .comp-img-frame {
        margin:0 auto 30px auto
    }
}

.company-since-new .comp-img-frame:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #00295A;
    opacity: 0.5;
    z-index: 1
}

.company-since-new .comp-img-frame img {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.company-since-new .comp-img-frame:hover img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.company-since-new .project-box {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1366px) {
    .company-since-new .project-box {
        margin-top:30px
    }
}

@media (max-width: 1024px) {
    .company-since-new .project-box {
        margin-top:50px
    }
}

.company-since-new .project-box li {
    flex-basis: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 40px
}

@media (max-width: 1440px) {
    .company-since-new .project-box li {
        flex-basis:25%
    }
}

@media (max-width: 767px) {
    .company-since-new .project-box li {
        padding:15px
    }
}

.company-since-new .project-box li.full {
    flex-basis: 100%;
    border: 1px solid #BEBEBE;
    padding: 0px
}

@media (max-width: 767px) {
    .company-since-new .project-box li.full {
        display:none
    }
}

@media (max-width: 529px) {
    .company-since-new .project-box li {
        flex-basis:50%
    }
}

.company-since-new .project-box li abbr {
    font-size: 52px;
    line-height: 52px;
    font-family: "interbold"
}

@media (max-width: 1600px) {
    .company-since-new .project-box li abbr {
        font-size:42px;
        line-height: 42px
    }
}

@media (max-width: 1440px) {
    .company-since-new .project-box li abbr {
        font-size:34px;
        line-height: 34px
    }
}

@media (max-width: 1366px) {
    .company-since-new .project-box li abbr {
        font-size:32px;
        line-height: 32px
    }
}

.company-since-new .project-box li span {
    font-size: 36px;
    line-height: 42px
}

@media (max-width: 1440px) {
    .company-since-new .project-box li span {
        font-size:26px;
        line-height: 32px
    }
}

.company-since-new .project-box li p {
    font-size: 18px;
    font-family: "intermedium";
    margin: 0
}

@media (max-width: 1440px) {
    .company-since-new .project-box li p {
        font-size:14px;
        line-height: normal
    }
}

@media (max-width: 1366px) {
    .company-since-new .project-box li p {
        padding-right:10px
    }
}

@media (max-width: 640px) {
    .company-since-new .project-box li p {
        font-size:16px
    }
}

.case-studies-new {
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .case-studies-new {
        text-align:center
    }

    .case-studies-new .text-end {
        text-align: center !important;
        margin-top: 50px
    }
}

@media screen and (max-width: 767px) {
    .case-studies-new {
        padding-bottom:0
    }
}

.case-studies-new:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.case-studies-new h2 {
    font-family: "interlight"
}

.case-studies-new h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.case-studies-new p.top {
    margin-top: 27px
}

.case-studies-new .short-links li {
    display: inline-block;
    max-width: 287px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.case-studies-new .short-links li:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -20px;
    width: 62px;
    height: 13px;
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.case-studies-new .short-links li:hover:before {
    left: 74%
}

@media screen and (max-width: 767px) {
    .case-studies-new .short-links li:hover:before {
        left:60%
    }
}

.case-studies-new .short-links li.aro1 {
    margin-right: 20px
}

.case-studies-new .short-links li.aro1:before {
    background-image: url("../img/portfolio/png/arrow-blue.png")
}

.case-studies-new .short-links li.aro2:before {
    background-image: url("../img/portfolio/png/arrow-pink.png")
}

.case-studies-new .short-links li.aro2:hover:before {
    left: 78%
}

@media screen and (max-width: 767px) {
    .case-studies-new .short-links li.aro2:hover:before {
        left:60%
    }
}

.case-studies-new .short-links li img {
    width: 100%;
    max-width: 287px;
    height: auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 767px) {
    .case-studies-new .short-links li img {
        max-width:150px
    }
}

.case-studies-new .case-studies-view {
    border: 1px solid #BEBEBE;
    overflow: hidden;
    position: relative
}

.case-studies-new .case-studies-view:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #000;
    background: -webkit-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 80%);
    background: -o-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 80%);
    background: linear-gradient(to top, #000 0%, rgba(0,0,0,0) 80%)
}

.case-studies-new .case-studies-view .link-overly {
    display: inline-block;
    color: #fff
}

.case-studies-new .case-studies-view .link-overly:hover .arrow {
    top: -5px;
    right: -10px
}

.case-studies-new .case-studies-view img {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.case-studies-new .case-studies-view .arrow {
    width: 20px;
    height: 20px;
    position: relative;
    right: 0;
    top: 0;
    display: inline-block;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.case-studies-new .case-studies-view .content-box {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 30px 30px 50px 30px;
    z-index: 2
}

@media screen and (max-width: 575px) {
    .case-studies-new .case-studies-view .content-box {
        bottom:0;
        padding: 10px
    }

    .case-studies-new .case-studies-view .content-box p {
        margin-bottom: 0
    }
}

.case-studies-new .case-studies-view .content-box p {
    margin-bottom: 0;
    opacity: 0.8
}

.case-studies-new .case-studies-view .content-box h3 {
    color: #fff;
    font-family: "interbold";
    opacity: 0.8;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .case-studies-new .case-studies-view .content-box h3 {
        margin-bottom:0
    }
}

.case-studies-new .case-studies-view .content-box .category {
    color: #fff;
    font-family: "intermedium"
}

.case-studies-new .case-studies-view .content-box .content-limit {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-top: 50px
}

@media screen and (max-width: 1399px) {
    .case-studies-new .case-studies-view .content-box .content-limit {
        -webkit-line-clamp:3
    }
}

@media screen and (max-width: 991px) {
    .case-studies-new .case-studies-view .content-box .content-limit {
        margin-top:100px
    }
}

@media screen and (max-width: 575px) {
    .case-studies-new .case-studies-view .content-box .content-limit {
        display:none
    }
}

.case-studies-new .case-studies-view:hover .link {
    color: #0076FF
}

.case-studies-new .case-studies-view:hover .content-box p {
    opacity: 1
}

.case-studies-new .case-studies-view:hover .content-box h3 {
    opacity: 1
}

.case-studies-new .case-studies-view:hover .content-limit {
    margin-top: 0px
}

@media screen and (max-width: 991px) {
    .case-studies-new .case-studies-view:hover .content-limit {
        margin-top:10px
    }
}

.case-studies-new .case-studies-view:hover img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.case-studies-new .case-studies-view .link {
    color: #fff;
    position: absolute;
    right: 20px;
    bottom: 20px
}

@media screen and (max-width: 1200px) {
    .case-studies-new .case-studies-view .link {
        display:none
    }
}

@media screen and (max-width: 991px) {
    .case-studies-new .case-studies-view .link {
        right:0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        width: 170px
    }
}

@media screen and (max-width: 767px) {
    .case-studies-new .case-studies-view .link {
        bottom:0px;
        display: none
    }
}

.steps-timeline .img-col {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 1366px) {
    .steps-timeline .img-col img {
        padding:30px
    }
}

@media (max-width: 992px) {
    .steps-timeline .img-col {
        display:none
    }
}

.steps-timeline .main-box {
    padding: 20px 20px 20px 90px;
    margin-top: 30px;
    position: relative
}

@media (max-width: 1440px) {
    .steps-timeline .main-box {
        margin-top:0
    }
}

@media (max-width: 1200px) {
    .steps-timeline .main-box {
        padding:20px 20px 20px 70px
    }
}

.steps-timeline .main-box.right {
    text-align: right;
    padding: 20px 90px 20px 20px;
    left: auto;
    right: 0
}

@media (max-width: 1200px) {
    .steps-timeline .main-box.right {
        padding:20px 70px 20px 20px
    }
}

@media (max-width: 992px) {
    .steps-timeline .main-box.right {
        padding-left:70px;
        text-align: left;
        padding-right: 0
    }
}

.steps-timeline .main-box.right.same {
    margin-right: -50px
}

@media (max-width: 992px) {
    .steps-timeline .main-box.right.same {
        margin-right:0
    }
}

.steps-timeline .main-box .circle {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    right: 0;
    top: 28px;
    color: #fff;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "interbold"
}

@media (max-width: 992px) {
    .steps-timeline .main-box .circle {
        left:0
    }
}

.steps-timeline .main-box .circle.circle1 {
    background-color: #7875d6
}

.steps-timeline .main-box .circle.circle2 {
    background-color: #77cc88
}

.steps-timeline .main-box .circle.circle3 {
    background-color: #ba9e50
}

.steps-timeline .main-box .circle.circle4 {
    background-color: #75bec1
}

.steps-timeline .main-box .circle.circle5 {
    background-color: #bf6ea9
}

.steps-timeline .main-box .circle.circle6 {
    background-color: #d68484
}

.steps-timeline .main-box.left .circle {
    left: 0
}

.steps-timeline .main-box.left.same {
    margin-left: -50px
}

@media (max-width: 992px) {
    .steps-timeline .main-box.left.same {
        margin-left:0
    }

    .steps-timeline .main-box.left.same .off {
        display: none
    }
}

@media screen and (max-width: 575px) {
    .technologies-development-home {
        text-align:center
    }
}

.technologies-development-home .home-techno-list {
    text-align: center;
    margin: 30px -60px 0 -60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media screen and (max-width: 1399px) {
    .technologies-development-home .home-techno-list {
        margin-left:-20px;
        margin-right: -20px
    }
}

@media screen and (max-width: 1199px) {
    .technologies-development-home .home-techno-list {
        margin-left:-30px;
        margin-right: -30px
    }
}

@media screen and (max-width: 991px) {
    .technologies-development-home .home-techno-list {
        margin-top:0
    }
}

@media screen and (max-width: 575px) {
    .technologies-development-home .home-techno-list {
        margin-left:-15px;
        margin-right: -15px
    }
}

.technologies-development-home .home-techno-list li {
    flex-basis: 17%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 140px;
    padding: 20px 10px 10px 10px;
    font-size: 16px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin: 15px
}

@media screen and (max-width: 1399px) {
    .technologies-development-home .home-techno-list li {
        flex-basis:17%
    }
}

@media screen and (max-width: 1366px) {
    .technologies-development-home .home-techno-list li {
        flex-basis:17%
    }
}

@media screen and (max-width: 1199px) {
    .technologies-development-home .home-techno-list li {
        flex-basis:16%
    }
}

@media screen and (max-width: 991px) {
    .technologies-development-home .home-techno-list li {
        flex-basis:30%;
        margin: 10px
    }
}

@media screen and (max-width: 767px) {
    .technologies-development-home .home-techno-list li {
        flex-basis:29%
    }
}

@media screen and (max-width: 575px) {
    .technologies-development-home .home-techno-list li {
        margin:10px 3px 0px 3px
    }
}

@media screen and (max-width: 360px) {
    .technologies-development-home .home-techno-list li {
        flex-basis:45%
    }
}

.technologies-development-home .home-techno-list li a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    line-height: normal
}

@media screen and (max-width: 1600px) {
    .technologies-development-home .home-techno-list li a {
        font-size:15px;
        line-height: normal
    }
}

.technologies-development-home .home-techno-list li .icon {
    margin: auto;
    width: 60px;
    height: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/home/png/homeSprite11.png);
    background-repeat: no-repeat;
    margin-bottom: 10px
}

.technologies-development-home .home-techno-list li .icon.icon1 {
    background-position: 0 0
}

.technologies-development-home .home-techno-list li .icon.icon2 {
    background-position: 0 -60px
}

.technologies-development-home .home-techno-list li .icon.icon3 {
    background-position: 0 -120px
}

.technologies-development-home .home-techno-list li .icon.icon4 {
    background-position: 0 -180px
}

.technologies-development-home .home-techno-list li .icon.icon5 {
    background-position: 0 -240px
}

.technologies-development-home .home-techno-list li .icon.icon6 {
    background-position: 0 -300px
}

.technologies-development-home .home-techno-list li .icon.icon7 {
    background-position: 0 -360px
}

.technologies-development-home .home-techno-list li .icon.icon8 {
    background-position: 0 -420px
}

.technologies-development-home .home-techno-list li .icon.icon9 {
    background-position: 0 -480px
}

.technologies-development-home .home-techno-list li .icon.icon10 {
    background-position: 0 -540px
}

.technologies-development-home .home-techno-list li .icon.icon11 {
    background-position: 0 -600px
}

.technologies-development-home .home-techno-list li .icon.icon12 {
    background-position: 0 -660px
}

.technologies-development-home .home-techno-list li:hover {
    border-color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.technologies-development-home .home-techno-list li:hover a {
    color: #0076FF
}

.case-studies-home-page {
    position: relative
}

.case-studies-home-page h2 {
    text-align: center
}

.case-studies-home-page h3 {
    margin-bottom: 30px
}

@media screen and (max-width: 575px) {
    .case-studies-home-page h3 {
        margin-bottom:10px
    }
}

@media screen and (max-width: 991px) {
    .case-studies-home-page {
        padding-top:0
    }
}

@media screen and (max-width: 575px) {
    .case-studies-home-page {
        padding-bottom:0
    }
}

.case-studies-home-page .separator {
    position: relative;
    margin-bottom: 30px;
    height: 1px
}

.case-studies-home-page .separator:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 3px;
    background-color: #0076FF;
    position: absolute;
    z-index: 2
}

.case-studies-home-page .separator:after {
    content: "";
    top: 1px;
    left: 20%;
    right: 20%;
    height: 1px;
    background-color: #f6f6f6;
    position: absolute;
    z-index: 1
}

.case-studies-home-page .btn.mob-btn {
    display: none
}

@media screen and (max-width: 991px) {
    .case-studies-home-page .btn.mob-btn {
        display:inline-block
    }
}

@media screen and (max-width: 991px) {
    .case-studies-home-page .btn.web-btn {
        display:none
    }
}

.case-studies-home-page .owl-home-case-studies .item {
    padding: 0 50px
}

@media screen and (max-width: 575px) {
    .case-studies-home-page .owl-home-case-studies .item {
        padding:0 20px;
        text-align: center
    }
}

@media screen and (max-width: 575px) {
    .case-studies-home-page .owl-home-case-studies .item p {
        margin-bottom:20px
    }
}

.case-studies-home-page .owl-home-case-studies .item img {
    max-width: 838px;
    width: 100%;
    display: inline-block;
    margin: 0 auto
}

@media screen and (max-width: 1260px) {
    .case-studies-home-page .owl-home-case-studies .owl-nav {
        text-align:center
    }
}

@media screen and (max-width: 575px) {
    .case-studies-home-page .owl-home-case-studies .owl-nav {
        display:none
    }
}

.case-studies-home-page .owl-home-case-studies .owl-nav button {
    width: 60px;
    height: 60px;
    background-color: #0076FF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    top: 46%;
    position: absolute
}

@media screen and (max-width: 1260px) {
    .case-studies-home-page .owl-home-case-studies .owl-nav button {
        position:static;
        display: inline-block
    }
}

.case-studies-home-page .owl-home-case-studies .owl-nav button:after,.case-studies-home-page .owl-home-case-studies .owl-nav button:before {
    display: none
}

.case-studies-home-page .owl-home-case-studies .owl-nav button .fas {
    font-size: 30px
}

.case-studies-home-page .owl-home-case-studies .owl-nav button.owl-prev {
    background-color: #0076FF;
    color: #fff;
    left: -70px
}

@media screen and (max-width: 1260px) {
    .case-studies-home-page .owl-home-case-studies .owl-nav button.owl-prev {
        left:0px;
        margin-right: 10px
    }
}

.case-studies-home-page .owl-home-case-studies .owl-nav button.owl-next {
    background-color: #0076FF;
    color: #fff;
    right: -70px
}

@media screen and (max-width: 1260px) {
    .case-studies-home-page .owl-home-case-studies .owl-nav button.owl-next {
        right:0px;
        margin-left: 10px
    }
}

.case-studies-home-page .industry {
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .case-studies-home-page .industry {
        margin-top:10px;
        margin-bottom: 10px
    }
}

.case-studies-home-page .industry li {
    background-color: #ebebeb;
    color: #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 7px;
    display: inline-block
}

.case-studies-home-page .industry li a {
    color: #666
}

.case-studies-home-page .client {
    position: relative;
    padding-left: 110px;
    padding-top: 11px
}

@media screen and (max-width: 575px) {
    .case-studies-home-page .client {
        text-align:left;
        display: none
    }
}

.case-studies-home-page .client .client-pic {
    width: 88px;
    height: 88px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.case-studies-home-page .client .client-pic img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.case-studies-home-page .client .name {
    font-family: "interbold"
}

@media (max-width: 1024px) {
    .who-we-are-new {
        text-align:center
    }

    .who-we-are-new .col-sm-5,.who-we-are-new .col-md-5,.who-we-are-new .col-sm-7,.who-we-are-new .col-md-7 {
        width: 100%
    }
}

.who-we-are-new .img-frame {
    overflow: hidden;
    position: relative;
    max-width: 669px;
    display: flow;
    text-align: center;
    margin: 0 auto 30px auto
}

.who-we-are-new .img-frame img {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 34vw;
    height: auto;
    display: inline-block
}

@media (max-width: 991px) {
    .who-we-are-new .img-frame img {
        width:64vw
    }
}

@media (max-width: 575px) {
    .who-we-are-new .img-frame img {
        width:80vw
    }
}

@media (max-width: 420px) {
    .who-we-are-new .img-frame img {
        width:100vw
    }
}

.who-we-are-new .img-frame:hover img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.who-we-are-new .img-frame h2 {
    font-family: "interlight"
}

.who-we-are-new .img-frame h2.title {
    position: absolute;
    left: 30px;
    top: 14vw;
    right: 30px;
    bottom: 30px;
    z-index: 2;
    color: #fff;
    font-size: 1.8vw;
    padding-left: 6vw;
    padding-right: 5vw
}

@media (max-width: 991px) {
    .who-we-are-new .img-frame h2.title {
        left:40px;
        top: 26vw;
        right: 40px;
        font-size: 3.5vw
    }
}

@media (max-width: 575px) {
    .who-we-are-new .img-frame h2.title {
        font-size:4.5vw;
        top: 35vw
    }
}

@media (max-width: 420px) {
    .who-we-are-new .img-frame h2.title {
        font-size:5.5vw;
        top: 40vw
    }
}

.company-since-top-brands {
    padding-top: 0px
}

@media (max-width: 1024px) {
    .company-since-top-brands {
        text-align:center
    }

    .company-since-top-brands .col-sm-6,.company-since-top-brands .col-md-6 {
        width: 100%
    }
}

@media (max-width: 991px) {
    .company-since-top-brands {
        padding-top:20px;
        padding-bottom: 0
    }
}

.company-since-top-brands .project-box {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1366px) {
    .company-since-top-brands .project-box {
        margin-top:30px
    }
}

@media (max-width: 1024px) {
    .company-since-top-brands .project-box {
        margin-top:50px
    }
}

@media (max-width: 991px) {
    .company-since-top-brands .project-box {
        margin-top:0px
    }
}

.company-since-top-brands .project-box li {
    flex-basis: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 40px;
    text-align: center
}

@media (max-width: 1440px) {
    .company-since-top-brands .project-box li {
        flex-basis:50%
    }
}

@media (max-width: 991px) {
    .company-since-top-brands .project-box li {
        margin-bottom:0
    }
}

@media (max-width: 767px) {
    .company-since-top-brands .project-box li {
        padding:15px
    }
}

@media (max-width: 529px) {
    .company-since-top-brands .project-box li {
        flex-basis:50%;
        padding: 8px
    }
}

.company-since-top-brands .project-box li .bdr-icon {
    border: 8px solid #f2f2f2;
    width: 170px;
    height: 170px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    padding-top: 56px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: inline-block;
    position: relative;
    margin-bottom: 10px
}

@media (max-width: 529px) {
    .company-since-top-brands .project-box li .bdr-icon {
        width:150px;
        height: 150px
    }
}

.company-since-top-brands .project-box li .bdr-icon .icon {
    content: "";
    width: 70px;
    height: 70px;
    background-color: #fff;
    position: absolute;
    right: -10px;
    top: -10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-image: url(../img/home/png/homeSprite12.png);
    background-repeat: no-repeat
}

@media (max-width: 529px) {
    .company-since-top-brands .project-box li .bdr-icon .icon {
        top:-20px
    }
}

.company-since-top-brands .project-box li .bdr-icon .icon.icon1 {
    background-position: 0 0
}

.company-since-top-brands .project-box li .bdr-icon .icon.icon2 {
    background-position: 0 -70px
}

.company-since-top-brands .project-box li .bdr-icon .icon.icon3 {
    background-position: 0 -140px
}

.company-since-top-brands .project-box li .bdr-icon .icon.icon4 {
    background-position: 0 -210px
}

.company-since-top-brands .project-box li .bdr-icon abbr {
    font-size: 42px;
    line-height: 42px;
    font-family: "interbold"
}

@media (max-width: 1600px) {
    .company-since-top-brands .project-box li .bdr-icon abbr {
        font-size:42px;
        line-height: 42px
    }
}

@media (max-width: 1440px) {
    .company-since-top-brands .project-box li .bdr-icon abbr {
        font-size:34px;
        line-height: 34px
    }
}

@media (max-width: 1366px) {
    .company-since-top-brands .project-box li .bdr-icon abbr {
        font-size:32px;
        line-height: 32px
    }
}

.company-since-top-brands .project-box li .bdr-icon span {
    font-size: 36px;
    line-height: 42px
}

@media (max-width: 1440px) {
    .company-since-top-brands .project-box li .bdr-icon span {
        font-size:26px;
        line-height: 32px
    }
}

.company-since-top-brands .project-box li:hover .bdr-icon {
    border-color: #0076FF
}

.company-since-top-brands .project-box li .name {
    font-size: 20px;
    font-family: "intersemibold"
}

.company-since-top-brands .top-brands {
    background-color: #0076FF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 40px
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands {
        padding:20px
    }
}

.company-since-top-brands .top-brands h2 {
    color: #fff;
    font-family: "interbold";
    text-align: center
}

.company-since-top-brands .top-brands .brands-list {
    text-align: center;
    margin: 0px 0 0px 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands .brands-list {
        display:block;
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .company-since-top-brands .top-brands .brands-list {
        margin:20px 0
    }
}

.company-since-top-brands .top-brands .brands-list li {
    flex-basis: 33.33333333%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 20px 0px;
    font-size: 16px;
    opacity: 0.4;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: -1px;
    margin-right: -1px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands .brands-list li {
        display:inline-block;
        margin: 5px 10px;
        padding: 10px 0px
    }
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands .brands-list li {
        opacity:1
    }
}

.company-since-top-brands .top-brands .brands-list li:hover {
    opacity: 1
}

.company-since-top-brands .top-brands .brands-list li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    display: inline-block;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    vertical-align: middle;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.company-since-top-brands .top-brands .brands-list li .icon {
    margin: auto;
    width: 150px;
    height: 70px;
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/home/png/homeSprite13.png);
    background-repeat: no-repeat
}

@media screen and (max-width: 1440px) {
    .company-since-top-brands .top-brands .brands-list li .icon {
        width:128px;
        height: 60px;
        background-size: 100% auto
    }
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands .brands-list li .icon {
        width:100px;
        height: 50px
    }
}

.company-since-top-brands .top-brands .brands-list li .icon.icon1 {
    background-position: 0 0
}

@media screen and (max-width: 1440px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon1 {
        background-position:0 0
    }
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon1 {
        background-position:0 0
    }
}

.company-since-top-brands .top-brands .brands-list li .icon.icon2 {
    background-position: 0 -70px
}

@media screen and (max-width: 1440px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon2 {
        background-position:0 -60px
    }
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon2 {
        background-position:0 -48px
    }
}

.company-since-top-brands .top-brands .brands-list li .icon.icon3 {
    background-position: 0 -140px
}

@media screen and (max-width: 1440px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon3 {
        background-position:0 -120px
    }
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon3 {
        background-position:0 -91px
    }
}

.company-since-top-brands .top-brands .brands-list li .icon.icon4 {
    background-position: 0 -210px
}

@media screen and (max-width: 1440px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon4 {
        background-position:0 -180px
    }
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon4 {
        background-position:0 -140px
    }
}

.company-since-top-brands .top-brands .brands-list li .icon.icon5 {
    background-position: 0 -280px
}

@media screen and (max-width: 1440px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon5 {
        background-position:0 -240px
    }
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon5 {
        background-position:0 -185px
    }
}

.company-since-top-brands .top-brands .brands-list li .icon.icon6 {
    background-position: 0 -350px
}

@media screen and (max-width: 1440px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon6 {
        background-position:0 -299px
    }
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon6 {
        background-position:0 -235px
    }
}

.company-since-top-brands .top-brands .brands-list li .icon.icon7 {
    background-position: 0 -420px
}

@media screen and (max-width: 1440px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon7 {
        background-position:0 -358px
    }
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon7 {
        background-position:0 -275px
    }
}

.company-since-top-brands .top-brands .brands-list li .icon.icon8 {
    background-position: 0 -490px
}

@media screen and (max-width: 1440px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon8 {
        background-position:0 -419px
    }
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon8 {
        background-position:0 -324px
    }
}

.company-since-top-brands .top-brands .brands-list li .icon.icon9 {
    background-position: 0 -560px
}

@media screen and (max-width: 1440px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon9 {
        background-position:0 -479px
    }
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands .brands-list li .icon.icon9 {
        background-position:0 -373px
    }
}

@media screen and (max-width: 575px) {
    .company-since-top-brands .top-brands .brands-list li {
        flex-basis:50%
    }
}

.company-since-top-brands .top-brands .more-company {
    font-size: 24px;
    font-family: "interbold";
    text-align: center;
    margin-top: 30px;
    color: #fff;
    opacity: 0.4;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .company-since-top-brands .top-brands .more-company {
        opacity:1
    }
}

.company-since-top-brands .top-brands .more-company:hover {
    opacity: 1
}

.outsourcing-it-company {
    position: relative
}

@media (max-width: 1024px) {
    .outsourcing-it-company {
        text-align:center
    }

    .outsourcing-it-company .col-sm-6,.outsourcing-it-company .col-md-6 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .outsourcing-it-company {
        padding-bottom:0
    }
}

.outsourcing-it-company p {
    margin-bottom: 0
}

.outsourcing-it-company h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.outsourcing-it-company .archieve-box {
    padding-left: 50px
}

@media screen and (max-width: 1024px) {
    .outsourcing-it-company .archieve-box {
        margin-top:30px
    }
}

@media screen and (max-width: 991px) {
    .outsourcing-it-company .archieve-box {
        margin-top:30px;
        padding-left: 0px
    }
}

.outsourcing-it-company .archieve-box .awards-list {
    text-align: center;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .outsourcing-it-company .archieve-box .awards-list {
        display:block;
        text-align: center
    }
}

.outsourcing-it-company .archieve-box .awards-list .award {
    background-color: #fff;
    position: relative;
    flex-basis: 16%;
    align-items: flex-start;
    height: 80px;
    margin: 25px 0
}

@media screen and (max-width: 991px) {
    .outsourcing-it-company .archieve-box .awards-list .award {
        width:150px;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .outsourcing-it-company .archieve-box .awards-list .award {
        margin:5px 0
    }
}

.outsourcing-it-company .archieve-box .awards-list .award:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 70px;
    /*background-image: url('../img/testimonial/gyan.png');*/
    /*background-image: url(../img/home/png/homeSprite8.png);*/
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: 100% auto
}

.outsourcing-it-company .archieve-box .awards-list .award:hover:before {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.outsourcing-it-company .archieve-box .awards-list .award.aw1:before {
    background-position: 0 0px
}

.outsourcing-it-company .archieve-box .awards-list .award.aw2:before {
    background-position: 0 -70px
}

.outsourcing-it-company .archieve-box .awards-list .award.aw3:before {
    background-position: 0 -140px
}

.outsourcing-it-company .archieve-box .awards-list .award.aw4:before {
    background-position: 0 -210px
}

.outsourcing-it-company .archieve-box .awards-list .award.aw5:before {
    background-position: 0 -280px
}

.outsourcing-it-company .archieve-box .awards-list .award.aw6:before {
    background-position: 0 -350px
}

.outsourcing-it-company .archieve-box .awards-list .award.aw7:before {
    background-position: 0 -420px
}

.outsourcing-it-company .archieve-box .awards-list .award.aw8:before {
    background-position: 0 -490px
}

.outsourcing-it-company .archieve-box .awards-list .award.aw9:before {
    background-position: 0 -560px
}

.outsourcing-it-company .archieve-box .awards-list .award.aw10:before {
    background-position: 0 -630px
}

.outsourcing-it-company .archieve-box .awards-list .award.aw11:before {
    background-position: 0 -700px
}

.outsourcing-it-company .archieve-box .awards-list .award.aw12:before {
    background-position: 0 -770px
}

.outsourcing-it-company .archieve-box .awards-list .award.aw13:before {
    background-position: 0 -840px
}

.outsourcing-it-company .video-box {
    margin-top: 50px;
    position: relative;
    padding-bottom: 30px
}

.outsourcing-it-company .video-box:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 280px;
    background-color: #f8f8f8;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

@media screen and (min-device-width: 1921px) and (max-device-width: 10000px) {
    .outsourcing-it-company .video-box {
        background-color:#0076FF;
        background: #0076FF;
        background: linear-gradient(45deg, #0076FF 50%, #009DFF 100%);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        padding: 40px;
        min-height: 100%
    }
}

@media screen and (max-width: 991px) {
    .outsourcing-it-company .video-box {
        padding-right:0px
    }
}

.outsourcing-it-company .video-box .in-page-video {
    border: 4px solid #fff;
    background-color: #000;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    max-width: 916px;
    margin: 0 auto 50px auto;
    position: relative;
    width: 100%;
    height: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden
}

@media screen and (max-width: 1199px) {
    .outsourcing-it-company .video-box .in-page-video {
        padding-bottom:55%;
        height: 0
    }
}

@media screen and (max-width: 767px) {
    .outsourcing-it-company .video-box .in-page-video {
        margin-bottom:30px
    }
}

.outsourcing-it-company .video-box .in-page-video iframe {
    width: 100%;
    height: 511px;
    margin-bottom: -7px
}

@media screen and (max-width: 1199px) {
    .outsourcing-it-company .video-box .in-page-video iframe {
        position:absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin-bottom: 0px
    }
}

.outsourcing-it-company .video-box .in-page-video button:before,.outsourcing-it-company .video-box .in-page-video button:after {
    display: none
}

.outsourcing-it-company .video-box .btn-white {
    background-color: #fff;
    color: #0076FF
}

@media screen and (max-width: 1024px) {
    .outsourcing-it-company .video-box .btn-white {
        background-color:#0076FF;
        color: #fff
    }
}

.outsourcing-it-company .video-box .btn-white:before,.outsourcing-it-company .video-box .btn-white:after {
    background-color: #0076FF
}

.outsourcing-it-company .video-box .btn-white:hover,.outsourcing-it-company .video-box .btn-white:focus {
    color: #0076FF
}

@media screen and (max-width: 1024px) {
    .outsourcing-it-company .video-box .btn-white:hover,.outsourcing-it-company .video-box .btn-white:focus {
        color:#fff
    }
}

.outsourcing-it-company .video-box .btn-white .arrow {
    background-image: url("../img/common/svg/arrow-right-up-blue.svg")
}

@media screen and (max-width: 1024px) {
    .outsourcing-it-company .video-box .btn-white .arrow {
        background-image:url("../img/common/svg/arrow-right-up.svg")
    }
}

.outsourcing-it-company .video-box .btn-white.white {
    background-color: #fff;
    color: #0076FF
}

.outsourcing-it-company .video-box .btn-white.white:before,.outsourcing-it-company .video-box .btn-white.white:after {
    background-color: #fff
}

.outsourcing-it-company .video-box .btn-white.white .arrow {
    background-image: url("../img/common/svg/arrow-right-up-black.svg")
}

@media screen and (max-width: 991px) {
    .expertise-expertise-partnership {
        padding-bottom:0px
    }
}

.expertise-expertise-partnership .bdr-box {
    margin-top: 50px
}

@media screen and (max-width: 1024px) {
    .expertise-expertise-partnership .bdr-box .col-sm-3,.expertise-expertise-partnership .bdr-box .col-md-3 {
        width:50%
    }
}

@media screen and (max-width: 575px) {
    .expertise-expertise-partnership .bdr-box .col-sm-3,.expertise-expertise-partnership .bdr-box .col-md-3 {
        width:100%
    }
}

.expertise-expertise-partnership .bdr-box .all-partnership .partnership {
    position: relative;
    padding: 0px 20px;
    display: inline-block;
    box-sizing: border-box;
    width: 24.5%;
    vertical-align: top
}

@media screen and (max-width: 991px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership {
        width:50%;
        text-align: left;
        z-index: 2
    }
}

@media screen and (max-width: 500px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership {
        width:70%
    }
}

.expertise-expertise-partnership .bdr-box .all-partnership .partnership:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #E0E0E0
}

@media screen and (max-width: 575px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership:before {
        display:none
    }
}

@media screen and (max-width: 1366px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership p.f-24 {
        font-size:18px
    }
}

@media screen and (max-width: 991px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership p.f-24 {
        white-space:normal
    }
}

.expertise-expertise-partnership .bdr-box .all-partnership .partnership.bdr-none:before {
    display: none
}

@media screen and (max-width: 1024px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership.bdr-none2:before {
        display:none
    }
}

.expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon {
    margin: auto;
    width: 285px;
    height: 110px;
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/home/png/homeSprite14.png);
    background-repeat: no-repeat
}

@media screen and (max-width: 1600px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon {
        width:207px;
        height: 80px;
        background-size: 100%
    }
}

@media screen and (max-width: 1366px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon {
        width:181px;
        height: 70px
    }
}

.expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon.icon1 {
    background-position: 0 0
}

@media screen and (max-width: 1600px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon.icon1 {
        background-position:0 0
    }
}

@media screen and (max-width: 1366px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon.icon1 {
        background-position:0 0
    }
}

.expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon.icon2 {
    background-position: 0 -110px
}

@media screen and (max-width: 1600px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon.icon2 {
        background-position:0 -79px
    }
}

@media screen and (max-width: 1366px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon.icon2 {
        background-position:0 -69px
    }
}

.expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon.icon3 {
    background-position: 0 -220px
}

@media screen and (max-width: 1600px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon.icon3 {
        background-position:0 -160px
    }
}

@media screen and (max-width: 1366px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon.icon3 {
        background-position:0 -140px
    }
}

.expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon.icon4 {
    background-position: 0 -330px
}

@media screen and (max-width: 1600px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon.icon4 {
        background-position:0 -240px
    }
}

@media screen and (max-width: 1366px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership .icon.icon4 {
        background-position:0 -210px
    }
}

.expertise-expertise-partnership .bdr-box .all-partnership .partnership .name {
    font-family: "interbold";
    margin-top: 10px;
    line-height: normal
}

@media screen and (max-width: 575px) {
    .expertise-expertise-partnership .bdr-box .all-partnership .partnership .name {
        margin-bottom:30px
    }
}

@media screen and (max-width: 991px) {
    .expertise-expertise-partnership .bdr-box .all-partnership {
        display:block;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 30px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        min-height: 100px
    }
}

.expertise-expertise-partnership .bdr-box .owl-partnership {
    margin-top: 50px;
    text-align: center
}

.expertise-expertise-partnership .bdr-box .owl-partnership li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px
}

@media screen and (max-width: 1600px) {
    .expertise-expertise-partnership .bdr-box .owl-partnership li {
        margin:0 5px
    }
}

@media screen and (max-width: 1440px) {
    .expertise-expertise-partnership .bdr-box .owl-partnership li {
        margin:0 10px
    }
}

@media screen and (max-width: 480px) {
    .expertise-expertise-partnership .bdr-box .owl-partnership li {
        margin:10px 10px
    }
}

.expertise-expertise-partnership .bdr-box .owl-partnership li .icon {
    margin: auto;
    width: 150px;
    height: 60px;
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/home/png/homeSprite15.png);
    background-repeat: no-repeat
}

@media screen and (max-width: 480px) {
    .expertise-expertise-partnership .bdr-box .owl-partnership li .icon {
        width:120px;
        height: 48px;
        background-size: 100% auto
    }
}

.expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon1 {
    background-position: 0 0
}

@media screen and (max-width: 480px) {
    .expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon1 {
        background-position:0 0px
    }
}

.expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon2 {
    background-position: 0 -60px
}

@media screen and (max-width: 480px) {
    .expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon2 {
        background-position:0 -48px
    }
}

.expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon3 {
    background-position: 0 -120px
}

@media screen and (max-width: 480px) {
    .expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon3 {
        background-position:0 -96px
    }
}

.expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon4 {
    background-position: 0 -180px
}

@media screen and (max-width: 480px) {
    .expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon4 {
        background-position:0 -144px
    }
}

.expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon5 {
    background-position: 0 -240px
}

@media screen and (max-width: 480px) {
    .expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon5 {
        background-position:0 -192px
    }
}

.expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon6 {
    background-position: 0 -300px
}

@media screen and (max-width: 480px) {
    .expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon6 {
        background-position:0 -240px
    }
}

.expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon7 {
    background-position: 0 -360px
}

@media screen and (max-width: 480px) {
    .expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon7 {
        background-position:0 -288px
    }
}

.expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon8 {
    background-position: 0 -420px
}

@media screen and (max-width: 480px) {
    .expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon8 {
        background-position:0 -336px
    }
}

.expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon9 {
    background-position: 0 -480px
}

@media screen and (max-width: 480px) {
    .expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon9 {
        background-position:0 -384px
    }
}

.expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon10 {
    background-position: 0 -540px
}

@media screen and (max-width: 480px) {
    .expertise-expertise-partnership .bdr-box .owl-partnership li .icon.icon10 {
        background-position:0 -432px
    }
}

.ios-banner {
    position: relative;
    padding: 80px 0 80px 0;
    overflow: hidden
}

@media (max-width: 991px) {
    .ios-banner {
        text-align:center
    }

    .ios-banner .row {
        flex-wrap: wrap-reverse
    }
}

@media (max-width: 767px) {
    .ios-banner {
        padding:50px 0 50px 0
    }
}

.ios-banner h1 {
    font-family: "interlight"
}

.ios-banner p {
    padding-right: 100px
}

@media (max-width: 1024px) {
    .ios-banner p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .ios-banner p {
        padding-right:0
    }
}

.ios-banner:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.ios-banner .bnr-img {
    position: relative
}

@media (max-width: 767px) {
    .ios-banner .bnr-img {
        margin-bottom:30px;
        display: none;
        opacity: 0
    }
}

.ios-banner .bnr-img:before {
    content: "";
    position: absolute;
    left: -40%;
    bottom: 0;
    top: -36%;
    right: 0;
    background-image: url("../img/ios-app-development/png/ios-bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left center;
    -webkit-transition: 5s;
    -moz-transition: 5s;
    -ms-transition: 5s;
    -o-transition: 5s;
    transition: 5s;
    animation: floatX 5s ease-in-out infinite
}

.ios-banner .bnr-img img {
    position: relative;
    z-index: 1
}

.ios-development-services {
    background-color: #f7f7f7
}

@media (max-width: 1024px) {
    .ios-development-services .col-sm-4,.ios-development-services .col-md-4 {
        width:50%
    }
}

@media (max-width: 991px) {
    .ios-development-services {
        text-align:center
    }
}

@media (max-width: 575px) {
    .ios-development-services .col-sm-4,.ios-development-services .col-md-4 {
        width:100%
    }

    .ios-development-services .mb-40 {
        margin-bottom: 20px
    }
}

.ios-development-services h2 {
    font-family: "interlight"
}

.ios-development-services h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.ios-development-services .btn {
    margin-top: 50px
}

.ios-development-services p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .ios-development-services p.top {
        margin-top:0px
    }
}

.ios-development-services .service-box {
    background-color: #fff;
    padding: 90px 20px 20px 20px;
    margin-top: 30px;
    height: 93%;
    color: #fff;
    position: relative;
    padding-bottom: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden
}

.ios-development-services .service-box i {
    margin-bottom: 20px;
    display: inline-block
}

.ios-development-services .service-box i.ios {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    position: absolute;
    left: 20px;
    top: -20px
}

@media (max-width: 991px) {
    .ios-development-services .service-box i.ios {
        left:0;
        right: 0;
        margin-left: auto;
        margin-right: auto
    }
}

.ios-development-services .service-box i.ios:before {
    position: relative;
    top: 26px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ios-development-services .service-box.sb1 {
    background-color: #4B9EFB
}

.ios-development-services .service-box.sb1 i:before {
    color: #4B9EFB
}

.ios-development-services .service-box.sb2 {
    background-color: #67CA72
}

.ios-development-services .service-box.sb3 {
    background-color: #BA4BF9
}

.ios-development-services .service-box.sb4 {
    background-color: #FD7070
}

.ios-development-services .service-box.sb5 {
    background-color: #5648F9
}

.ios-development-services .service-box.sb6 {
    background-color: #ECA84B
}

.ios-development-services .service-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.ios-development-services .service-box:hover i:before {
    top: 30px
}

.ios-development-services .service-box .click-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.ios-development-services .service-box .icon-go {
    position: absolute;
    bottom: 0px;
    right: 20px;
    margin-bottom: 0
}

.ios-development-services .service-box .icon-go i {
    font-size: 24px
}

.ios-development-services .service-box .icon-go i:before {
    color: #fff
}

@media (max-width: 1024px) {
    .ios-benefits .col-sm-4,.ios-benefits .col-md-4 {
        width:100%
    }
}

@media (max-width: 991px) {
    .ios-benefits {
        text-align:center
    }
}

@media (max-width: 575px) {
    .ios-benefits .col-sm-4,.ios-benefits .col-md-4 {
        width:100%
    }

    .ios-benefits .mb-40 {
        margin-bottom: 20px
    }
}

.ios-benefits h2 {
    font-family: "interlight"
}

.ios-benefits h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.ios-benefits .btn {
    margin-top: 50px
}

.ios-benefits p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .ios-benefits p.top {
        margin-top:0px
    }
}

.ios-benefits .ios-b-img {
    text-align: center
}

.ios-benefits .ios-b-img img {
    max-width: 400px;
    margin-top: 40px;
    width: 100%;
    position: sticky;
    top: 140px
}

@media (max-width: 767px) {
    .ios-benefits .ios-b-img {
        display:none
    }
}

.ios-benefits .benefits-box {
    padding: 20px 20px 20px 80px;
    margin-top: 30px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .ios-benefits .benefits-box {
        margin-top:0px
    }
}

@media (max-width: 767px) {
    .ios-benefits .benefits-box {
        text-align:left
    }
}

.ios-benefits .benefits-box i {
    margin-bottom: 20px;
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 15px;
    top: 0px
}

.ios-benefits .benefits-box i:before {
    position: relative;
    top: 26px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ios-benefits .benefits-box.right {
    text-align: right;
    padding: 20px 80px 20px 20px
}

@media (max-width: 1024px) {
    .ios-benefits .benefits-box.right {
        text-align:left;
        padding: 20px 20px 20px 80px
    }
}

.ios-benefits .benefits-box.right i {
    left: auto;
    right: 15px
}

@media (max-width: 1024px) {
    .ios-benefits .benefits-box.right i {
        left:15px;
        right: auto
    }
}

.ios-benefits .benefits-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.ios-benefits .benefits-box:hover h3 {
    color: #0076FF
}

.ios-benefits .benefits-box:hover i:before {
    color: #0076FF;
    top: 30px
}

.ios-industry-serve {
    position: relative;
    padding: 0
}

@media (max-width: 1024px) {
    .ios-industry-serve {
        text-align:center
    }

    .ios-industry-serve .col-sm-6,.ios-industry-serve .col-md-6 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .ios-industry-serve {
        padding-bottom:0
    }
}

.ios-industry-serve:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background-color: #0076FF;
    background: #0076FF;
    background: linear-gradient(45deg, #0076FF 50%, #009DFF 100%);
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    -ms-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0
}

@media screen and (min-device-width: 1921px) and (max-device-width: 10000px) {
    .ios-industry-serve:before {
        display:none
    }
}

@media (max-width: 1024px) {
    .ios-industry-serve:before {
        width:100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        bottom: auto;
        height: 30%
    }
}

@media (max-width: 991px) {
    .ios-industry-serve:before {
        height:25%
    }
}

@media (max-width: 767px) {
    .ios-industry-serve:before {
        height:22%;
        display: none
    }
}

@media (max-width: 575px) {
    .ios-industry-serve:before {
        height:20%
    }
}

@media (max-width: 480px) {
    .ios-industry-serve:before {
        height:15%
    }
}

.ios-industry-serve p {
    margin-bottom: 20px
}

.ios-industry-serve h3 {
    font-family: "intermedium";
    margin-top: 30px;
    margin-bottom: 0px
}

.ios-industry-serve h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.ios-industry-serve .archieve-box {
    padding-left: 50px
}

@media screen and (max-width: 1024px) {
    .ios-industry-serve .archieve-box {
        margin-top:30px
    }
}

@media screen and (max-width: 991px) {
    .ios-industry-serve .archieve-box {
        margin-top:30px;
        padding-left: 0px
    }
}

.ios-industry-serve .archieve-box .awards-list {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 1024px) {
    .ios-industry-serve .archieve-box .awards-list {
        justify-content:center
    }
}

@media screen and (max-width: 991px) {
    .ios-industry-serve .archieve-box .awards-list {
        display:block;
        text-align: center;
        justify-content: center
    }
}

.ios-industry-serve .archieve-box .awards-list .award {
    background-color: #fff;
    position: relative;
    flex-basis: 18.3%;
    align-items: flex-start;
    min-height: 80px;
    margin: 15px 5px;
    padding-top: 90px;
    padding-bottom: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 14px
}

@media screen and (max-width: 1599px) {
    .ios-industry-serve .archieve-box .awards-list .award {
        flex-basis:18%
    }
}

@media screen and (max-width: 1399px) {
    .ios-industry-serve .archieve-box .awards-list .award {
        flex-basis:31%;
        margin: 5px 5px
    }
}

@media screen and (max-width: 1199px) {
    .ios-industry-serve .archieve-box .awards-list .award {
        flex-basis:30%
    }
}

@media screen and (max-width: 991px) {
    .ios-industry-serve .archieve-box .awards-list .award {
        width:150px;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .ios-industry-serve .archieve-box .awards-list .award {
        margin:5px 0
    }
}

.ios-industry-serve .archieve-box .awards-list .award:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    margin: auto;
    width: 70px;
    height: 70px;
    background-image: url(../img/ios-app-development/png/ios-app-sprite1.png);
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: 100% auto
}

.ios-industry-serve .archieve-box .awards-list .award:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.ios-industry-serve .archieve-box .awards-list .award:hover:before {
    opacity: 1
}

.ios-industry-serve .archieve-box .awards-list .award.aw1:before {
    background-position: 0 0px
}

.ios-industry-serve .archieve-box .awards-list .award.aw2:before {
    background-position: 0 -70px
}

.ios-industry-serve .archieve-box .awards-list .award.aw3:before {
    background-position: 0 -140px
}

.ios-industry-serve .archieve-box .awards-list .award.aw4:before {
    background-position: 0 -210px
}

.ios-industry-serve .archieve-box .awards-list .award.aw5:before {
    background-position: 0 -280px
}

.ios-industry-serve .archieve-box .awards-list .award.aw6:before {
    background-position: 0 -350px
}

.ios-industry-serve .archieve-box .awards-list .award.aw7:before {
    background-position: 0 -420px
}

.ios-industry-serve .archieve-box .awards-list .award.aw8:before {
    background-position: 0 -490px
}

.ios-industry-serve .archieve-box .awards-list .award.aw9:before {
    background-position: 0 -560px
}

.ios-industry-serve .archieve-box .awards-list .award.aw10:before {
    background-position: 0 -630px
}

.ios-industry-serve .archieve-box .awards-list .award.aw11:before {
    background-position: 0 -700px
}

.ios-industry-serve .archieve-box .awards-list .award.aw12:before {
    background-position: 0 -770px
}

.ios-industry-serve .archieve-box .awards-list .award.aw13:before {
    background-position: 0 -840px
}

.ios-industry-serve .video-box {
    padding-right: 50px;
    padding-top: 50px
}

@media screen and (min-device-width: 1921px) and (max-device-width: 10000px) {
    .ios-industry-serve .video-box {
        background-color:#0076FF;
        background: #0076FF;
        background: linear-gradient(45deg, #0076FF 50%, #009DFF 100%);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        padding: 40px;
        min-height: 100%
    }
}

@media screen and (max-width: 991px) {
    .ios-industry-serve .video-box {
        padding-right:0px
    }
}

.ios-industry-serve .video-box h2 {
    color: #fff
}

@media (max-width: 767px) {
    .ios-industry-serve .video-box h2 {
        color:#000
    }
}

.ios-industry-serve .video-box p {
    color: #fff
}

.ios-industry-serve .video-box .in-page-video {
    border: 4px solid #fff;
    background-color: #000;
    max-width: 916px;
    margin: 0 auto 50px auto;
    position: relative;
    width: 100%;
    height: auto
}

@media screen and (max-width: 1199px) {
    .ios-industry-serve .video-box .in-page-video {
        padding-bottom:55%;
        height: 0
    }
}

@media screen and (max-width: 767px) {
    .ios-industry-serve .video-box .in-page-video {
        margin-bottom:30px
    }
}

.ios-industry-serve .video-box .in-page-video iframe {
    width: 100%;
    height: 387px;
    margin-bottom: -7px
}

@media screen and (max-width: 1199px) {
    .ios-industry-serve .video-box .in-page-video iframe {
        position:absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin-bottom: 0px
    }
}

.ios-industry-serve .video-box .in-page-video button:before,.ios-industry-serve .video-box .in-page-video button:after {
    display: none
}

.ios-industry-serve .video-box .btn-white {
    background-color: #fff;
    color: #0076FF
}

@media screen and (max-width: 1024px) {
    .ios-industry-serve .video-box .btn-white {
        background-color:#0076FF;
        color: #fff
    }
}

.ios-industry-serve .video-box .btn-white:before,.ios-industry-serve .video-box .btn-white:after {
    background-color: #0076FF
}

.ios-industry-serve .video-box .btn-white:hover,.ios-industry-serve .video-box .btn-white:focus {
    color: #0076FF
}

@media screen and (max-width: 1024px) {
    .ios-industry-serve .video-box .btn-white:hover,.ios-industry-serve .video-box .btn-white:focus {
        color:#fff
    }
}

.ios-industry-serve .video-box .btn-white .arrow {
    background-image: url("../img/common/svg/arrow-right-up-blue.svg")
}

@media screen and (max-width: 1024px) {
    .ios-industry-serve .video-box .btn-white .arrow {
        background-image:url("../img/common/svg/arrow-right-up.svg")
    }
}

.ios-industry-serve .video-box .btn-white.white {
    background-color: #fff;
    color: #0076FF
}

.ios-industry-serve .video-box .btn-white.white:before,.ios-industry-serve .video-box .btn-white.white:after {
    background-color: #fff
}

.ios-industry-serve .video-box .btn-white.white .arrow {
    background-image: url("../img/common/svg/arrow-right-up-black.svg")
}

.other-services {
    position: relative
}

@media (max-width: 1024px) {
    .other-services {
        text-align:center
    }

    .other-services .col-sm-6,.other-services .col-md-6 {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .other-services {
        padding-bottom:0
    }
}

.other-services:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.other-services h2 {
    font-family: "interlight"
}

.other-services h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.other-services p.top {
    margin-top: 27px
}

.other-services .custom-scroll ul {
    text-align: center;
    display: flex;
    flex-wrap: wrap
}

.other-services .custom-scroll ul li {
    flex-basis: 30%;
    background-color: #fff;
    display: block;
    font-size: 14px;
    margin: 10px;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1399px) {
    .other-services .custom-scroll ul li {
        margin:7px
    }
}

@media screen and (max-width: 1399px) {
    .other-services .custom-scroll ul li {
        margin-top:40px
    }
}

@media screen and (max-width: 575px) {
    .other-services .custom-scroll ul li {
        flex-basis:40%;
        padding: 0px;
        margin: 10px
    }
}

.other-services .custom-scroll ul li:hover {
    background-color: #fff;
    color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.other-services .custom-scroll ul li:hover a {
    color: #0076FF
}

.other-services .custom-scroll ul li a {
    font-size: 14px;
    color: #000;
    display: block;
    margin-bottom: 20px
}

@media screen and (max-width: 575px) {
    .other-services .custom-scroll ul li a {
        font-size:16px
    }
}

.other-services .custom-scroll ul li .icon {
    display: inline-block;
    width: 85px;
    height: 60px;
    margin-top: 20px;
    background-repeat: no-repeat;
    background-position: center top
}

.other-services .custom-scroll ul li .name {
    display: block;
    line-height: normal
}

.why-choose-ios {
    position: relative
}

@media (max-width: 1024px) {
    .why-choose-ios {
        text-align:center
    }

    .why-choose-ios .col-sm-6,.why-choose-ios .col-md-6 {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .why-choose-ios {
        padding-bottom:0
    }
}

.why-choose-ios:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.why-choose-ios h2 {
    font-family: "interlight"
}

.why-choose-ios h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.why-choose-ios p.top {
    margin-top: 27px
}

@media screen and (max-width: 575px) {
    .why-choose-ios p.top {
        margin-bottom:20px
    }
}

.why-choose-ios .genuine-values {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px
}

@media screen and (max-width: 575px) {
    .why-choose-ios .genuine-values {
        justify-content:center
    }
}

.why-choose-ios .genuine-values li {
    flex-basis: 46%;
    background-color: #E9ECF1;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin: 10px 30px 30px 0px;
    padding: 20px 30px
}

@media screen and (max-width: 1799px) {
    .why-choose-ios .genuine-values li {
        flex-basis:45%
    }
}

@media screen and (max-width: 1399px) {
    .why-choose-ios .genuine-values li {
        flex-basis:44%
    }
}

@media screen and (max-width: 1199px) {
    .why-choose-ios .genuine-values li {
        flex-basis:43%;
        padding: 15px 15px
    }
}

@media screen and (max-width: 575px) {
    .why-choose-ios .genuine-values li {
        margin:15px 15px;
        flex-basis: 42%
    }
}

@media screen and (max-width: 452px) {
    .why-choose-ios .genuine-values li {
        margin:15px 15px
    }
}

@media screen and (max-width: 398px) {
    .why-choose-ios .genuine-values li {
        flex-basis:41%;
        margin: 15px 10px
    }
}

.why-choose-ios .genuine-values li .counting {
    font-size: 40px;
    font-family: "intermedium"
}

@media screen and (max-width: 575px) {
    .why-choose-ios .genuine-values li .counting {
        font-size:30px
    }
}

.why-choose-ios .genuine-values li .fa {
    font-size: 40px;
    font-family: "intermedium"
}

@media screen and (max-width: 575px) {
    .why-choose-ios .genuine-values li .fa {
        font-size:30px
    }
}

.why-choose-ios .genuine-values li .name {
    font-family: "intermedium";
    color: #0076FF;
    font-size: 18px;
    margin-bottom: 0
}

@media screen and (max-width: 575px) {
    .why-choose-ios .genuine-values li .name {
        font-size:16px;
        line-height: 18px
    }
}

.why-choose-ios .genuine-values li:hover {
    background-color: #0076FF;
    border-color: #0076FF
}

.why-choose-ios .genuine-values li:hover .counting {
    color: #fff
}

.why-choose-ios .genuine-values li:hover .name {
    color: #fff
}

.why-choose-ios .genuine-values li:hover .fa {
    color: #fff
}

@media screen and (max-width: 1024px) {
    .why-choose-ios .custom-scroll {
        margin-top:40px
    }
}

.why-choose-ios .custom-scroll ul {
    text-align: center;
    display: flex;
    flex-wrap: wrap
}

.why-choose-ios .custom-scroll ul li {
    flex-basis: 30%;
    background-color: #fff;
    display: block;
    font-size: 14px;
    margin: 10px;
    padding: 10px;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1399px) {
    .why-choose-ios .custom-scroll ul li {
        margin:7px
    }
}

@media screen and (max-width: 575px) {
    .why-choose-ios .custom-scroll ul li {
        flex-basis:45%;
        padding: 10px
    }
}

.why-choose-ios .custom-scroll ul li:hover {
    background-color: #fff;
    color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.why-choose-ios .custom-scroll ul li a {
    font-size: 14px;
    color: #000;
    display: block;
    padding: 20px 0
}

.why-choose-ios .custom-scroll ul li i {
    margin-bottom: 15px;
    display: inline-block
}

.why-choose-ios .custom-scroll ul li .name {
    display: block;
    line-height: 18px
}

.recognition {
    text-align: center
}

@media screen and (max-width: 991px) {
    .recognition {
        text-align:center
    }

    .recognition .btn {
        margin-top: 30px
    }
}

@media screen and (max-width: 767px) {
    .recognition {
        padding-bottom:0
    }
}

.recognition .recog-box {
    background-color: #2d167c;
    background: #2d167c;
    background:linear-gradient(45deg, #2d167c6b 50%, #05213a 100%);
    padding: 60px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .recognition .recog-box {
        padding:30px
    }
}

.recognition .recog-box:before {
    content: "";
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 150px;
    height: 150px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.recognition .recog-box:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -30px;
    width: 100px;
    height: 100px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.recognition .recog-box h2 {
    color: #fff;
    margin-bottom: 20px;
    font-family: sans-serif
}

.recognition .recog-box p {
    color: #fff;
    margin-bottom: 0
}

.recognition .recog-box .awards-list {
    text-align: center;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .recognition .recog-box .awards-list {
        text-align:center
    }
}

.recognition .recog-box .awards-list .award {
    position: relative;
    flex-basis: 14%;
    align-items: flex-start;
    height: 100%;
    margin: 15px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .recognition .recog-box .awards-list .award {
        width:140px;
        flex-basis: 25%
    }
}

@media screen and (max-width: 767px) {
    .recognition .recog-box .awards-list .award {
        flex-basis:33%
    }
}

@media screen and (max-width: 575px) {
    .recognition .recog-box .awards-list .award {
        margin:5px 0
    }
}

@media screen and (max-width: 480px) {
    .recognition .recog-box .awards-list .award {
        margin:5px 2px;
        width: 100px;
        flex-basis: 48%
    }
}

.recognition .recog-box .awards-list .award:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 70px;
   /*background-image: url('../../icon/homeSprite8.png');*/
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
    background-size: 100% auto;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.recognition .recog-box .awards-list .award:hover {
    background-color: #8a87ae
}

.recognition .recog-box .awards-list .award:hover:before {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.recognition .recog-box .awards-list .award.aw1:before {
    background-position: 0 0px
}

.recognition .recog-box .awards-list .award.aw2:before {
    background-position: 0 -70px
}

.recognition .recog-box .awards-list .award.aw3:before {
    background-position: 0 -140px
}

.recognition .recog-box .awards-list .award.aw4:before {
    background-position: 0 -210px
}

.recognition .recog-box .awards-list .award.aw5:before {
    background-position: 0 -280px
}

.recognition .recog-box .awards-list .award.aw6:before {
    background-position: 0 -350px
}

.recognition .recog-box .awards-list .award.aw7:before {
    background-position: 0 -420px
}

.recognition .recog-box .awards-list .award.aw8:before {
    background-position: 0 -490px
}

.recognition .recog-box .awards-list .award.aw9:before {
    background-position: 0 -560px
}

.recognition .recog-box .awards-list .award.aw10:before {
    background-position: 0 -630px
}

.recognition .recog-box .awards-list .award.aw11:before {
    background-position: 0 -700px
}

.recognition .recog-box .awards-list .award.aw12:before {
    background-position: 0 -770px
}

.recognition .recog-box .awards-list .award.aw13:before {
    background-position: 0 -840px
}

.faq-s {
    background-color: #f7f7f7;
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6
}

.faq-s h2 {
    font-family: "interlight";
    margin-bottom: 20px
}

.faq-s h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.faq-s h3 {
    font-family: "interbold";
    margin-bottom: 20px
}

.faq-s p {
    margin-bottom: 20px
}

.faq-s .faq-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 20px
}

.faq-s .faq-list li {
    flex-basis: 33%;
    align-items: flex-start;
    font-family: "intermedium";
    border-left: 2px solid #E0E0E0;
    padding: 0 10px;
    margin-bottom: 20px
}

.faq-s .faq-list li:hover {
    border-left-color: #0076FF
}

@media screen and (max-width: 767px) {
    .faq-s .faq-list li {
        flex-basis:50%
    }
}

@media screen and (max-width: 575px) {
    .faq-s .faq-list li {
        flex-basis:100%
    }
}

.faq-s ol.faq-list {
    margin-left: 17px
}

.faq-s ol.faq-list li {
    flex-basis: 100%
}

.faq-s .open-faq-box {
    background-color: #fff;
    padding: 30px;
    border: 1px solid #E0E0E0;
    margin: 30px 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.faq-s .open-faq-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.faq-s .accordion .accordion-item {
    border: 1px solid #E0E0E0;
    border-left: 3px solid #0076FF;
    margin-bottom: 30px
}

.faq-s .accordion .accordion-item:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.faq-s .accordion .accordion-item .accordion-header {
    margin-bottom: 0px;
    padding: 0px;
    border: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.faq-s .accordion .accordion-item .accordion-header.accordion-button {
    padding: 30px 45px 30px 30px;
    font-family: "interbold";
    border: 0;
    text-transform: none;
    font-size: 18px;
    color: #333333;
    text-align: left;
    position: relative;
    background-color: transparent;
    box-shadow: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer
}

@media screen and (max-width: 575px) {
    .faq-s .accordion .accordion-item .accordion-header.accordion-button {
        padding:20px 45px 20px 20px
    }
}

.faq-s .accordion .accordion-item .accordion-header.accordion-button:focus {
    box-shadow: none;
    border: none
}

.faq-s .accordion .accordion-item .accordion-header.accordion-button:not(.collapsed) {
    background: none;
    padding: 30px 30px 20px 30px
}

.faq-s .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 0px 30px 30px 30px;
    background-color: #fff
}

.faq-s .accordion-button::after {
    width: auto;
    height: auto;
    content: "\e90d";
    font-size: 20px;
    background-image: none;
    color: #1b6ce5;
    transform: translateY(-4px);
    opacity: 1;
    position: absolute;
    right: 20px;
    left: auto;
    opacity: 1;
    top: 30px;
    font-family: 'icomoon';
    background: none
}

.faq-s .accordion-button::before {
    display: none
}

.faq-s .accordion-button:not(.collapsed)::after {
    width: auto;
    height: auto;
    background-image: none;
    content: "\e908";
    font-size: 20px;
    top: 30px;
    transform: translate(-5px, -4px);
    transform: rotate(0deg)
}

.robust-new-services.mobile-services.ios-services .service-box i.icon {
    background-image: url("../img/ios-app-development/png/ios-app-sprite2_1.png")
}

.android-development-services {
    background-color: #f7f7f7
}

@media (max-width: 1024px) {
    .android-development-services .col-sm-4,.android-development-services .col-md-4 {
        width:50%
    }
}

@media (max-width: 991px) {
    .android-development-services {
        text-align:center
    }
}

@media (max-width: 575px) {
    .android-development-services .col-sm-4,.android-development-services .col-md-4 {
        width:100%
    }

    .android-development-services .mb-40 {
        margin-bottom: 20px
    }
}

.android-development-services h2 {
    font-family: sans-serif
}

.android-development-services h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.android-development-services .btn {
    margin-top: 50px
}

.android-development-services p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .android-development-services p.top {
        margin-top:0px
    }
}

.android-development-services .service-box {
    background-color: #fff;
    padding: 90px 20px 20px 20px;
    margin-top: 30px;
    height: 93%;
    color: #443c3c;
    position: relative;
    padding-bottom: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden
}

.android-development-services .service-box p a {
    color: #fff;
    text-decoration: underline;
    font-family: "interbold"
}

.android-development-services .service-box i {
    margin-bottom: 20px;
    display: inline-block
}

.android-development-services .service-box i.icon {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    position: absolute;
    left: 55px;
    top: -20px
}

@media (max-width: 991px) {
    .android-development-services .service-box i.icon {
        left:0;
        right: 0;
        margin-left: auto;
        margin-right: auto
    }
}

.android-development-services .service-box i.icon:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 26px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 50px;
    height: 50px;
    background-image: url("../img/android-mobile-app-development/png/android-app-sprite1.png");
    background-repeat: no-repeat;
    background-size: 100% auto
}

.android-development-services .service-box i.icon.icon1:before {
    background-position: 0 0
}

.android-development-services .service-box i.icon.icon2:before {
    background-position: 0 -50px
}

.android-development-services .service-box i.icon.icon3:before {
    background-position: 0 -100px
}

.android-development-services .service-box i.icon.icon4:before {
    background-position: 0 -150px
}

.android-development-services .service-box i.icon.icon5:before {
    background-position: 0 -200px
}

.android-development-services .service-box i.icon.icon6:before {
    background-position: 0 -250px
}

.android-development-services .service-box.sb1 {
    background-color: #ffffff
}

.android-development-services .service-box.sb1 i:before {
    color: #d6171f
}

.android-development-services .service-box.sb2 {
    background-color: #ffffff
}

.android-development-services .service-box.sb3 {
    background-color:#ffffff
}

.android-development-services .service-box.sb4 {
    background-color: #ffffff
}

.android-development-services .service-box.sb5 {
    background-color: #5648F9
}

.android-development-services .service-box.sb6 {
    background-color: #ECA84B
}

.android-development-services .service-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
        transform: translateY(-20px);
        border: 1px solid #d6171f;
}

.android-development-services .service-box:hover i:before {
    top: 30px
}

.android-development-services .service-box .click-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.android-development-services .service-box .icon-go {
    position: absolute;
    bottom: 0px;
    right: 20px;
    margin-bottom: 0
}

.android-development-services .service-box .icon-go i {
    font-size: 24px
}

.android-development-services .service-box .icon-go i:before {
    color: #fff
}

.android-benefits {
    position: relative
}

.android-benefits:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

@media (max-width: 1024px) {
    .android-benefits .col-sm-4,.android-benefits .col-md-4 {
        width:100%
    }
}

@media (max-width: 991px) {
    .android-benefits {
        text-align:center
    }
}

@media (max-width: 575px) {
    .android-benefits .col-sm-4,.android-benefits .col-md-4 {
        width:100%
    }

    .android-benefits .mb-40 {
        margin-bottom: 20px
    }
}

.android-benefits h2 {
    font-family: sans-serif;
    padding-right: 30px;
}

@media (max-width: 991px) {
    .android-benefits h2 {
        padding-right:0px
    }
}

.android-benefits h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.android-benefits .btn {
    margin-top: 50px
}

.android-benefits p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .android-benefits p.top {
        margin-top:0px
    }
}

.android-benefits .ios-b-img {
    text-align: center
}

.android-benefits .ios-b-img img {
    max-width: 400px;
    margin-top: 40px;
    width: 100%;
    position: sticky;
    top: 140px;
    display: inline-block
}

@media (max-width: 1024px) {
    .android-benefits .ios-b-img {
        display:none
    }
}

.android-benefits .benefits-box {
    /* padding:20px 20px 20px 90px; */
    margin-top: 30px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    /* -webkit-border-radius:10px; */
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    /* border-radius:10px; */
    /* overflow:hidden; */
}

@media (max-width: 1024px) {
    .android-benefits .benefits-box {
        margin-top:0px;
        text-align: left
    }
}

.android-benefits .benefits-box i {
    margin-bottom: 20px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 15px
}

.android-benefits .benefits-box i:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 26px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 60px;
    height: 60px;
    background-image: url("../img/android-mobile-app-development/png/android-app-sprite2.png");
    background-repeat: no-repeat;
    background-size: 100% auto
}

.android-benefits .benefits-box i.icon1:before {
    background-position: 0 0
}

.android-benefits .benefits-box i.icon2:before {
    background-position: 0 -120px
}

.android-benefits .benefits-box i.icon3:before {
    background-position: 0 -240px
}

.android-benefits .benefits-box i.icon4:before {
    background-position: 0 -360px
}

.android-benefits .benefits-box i.icon5:before {
    background-position: 0 -480px
}

.android-benefits .benefits-box i.icon6:before {
    background-position: 0 -600px
}

.android-benefits .benefits-box.right {
    text-align: right;
    padding: 20px 90px 20px 20px;
    left: auto;
    right: 0px
}

@media (max-width: 1024px) {
    .android-benefits .benefits-box.right {
        text-align:left;
        padding: 20px 20px 20px 90px
    }
}

.android-benefits .benefits-box.right i {
    left: auto;
    right: 70px
}

@media (max-width: 1024px) {
    .android-benefits .benefits-box.right i {
        left:15px;
        right: auto
    }
}

.android-benefits .benefits-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.android-benefits .benefits-box:hover h3 {
    color: #d6171f!important;
}

.android-benefits .benefits-box:hover i:before {
    color: #0076FF;
    top: 30px
}

.android-benefits .benefits-box:hover i.icon1:before {
    background-position: 0 -60px
}

.android-benefits .benefits-box:hover i.icon2:before {
    background-position: 0 -180px
}

.android-benefits .benefits-box:hover i.icon3:before {
    background-position: 0 -300px
}

.android-benefits .benefits-box:hover i.icon4:before {
    background-position: 0 -420px
}

.android-benefits .benefits-box:hover i.icon5:before {
    background-position: 0 -540px
}

.android-benefits .benefits-box:hover i.icon6:before {
    background-position: 0 -660px
}

.ios-industry-serve.android-app-application .archieve-box .awards-list .award:before {
    background-image: url("../img/android-mobile-app-development/png/android-app-sprite3.png")
}

.powerful-technologies {
    background-color: #f7f7f7;
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
    margin-top: 100px
}

.powerful-technologies h2 {
    font-family: "interlight";
    margin-bottom: 20px
}

.powerful-technologies h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.powerful-technologies h3,.powerful-technologies .h3 {
    font-family: "interbold";
    margin-bottom: 20px;
    margin-top: 20px;
    padding-right: 40px
}

@media (max-width: 991px) {
    .powerful-technologies h3,.powerful-technologies .h3 {
        padding-left:10px;
        padding-right: 0px
    }
}

@media (max-width: 767px) {
    .powerful-technologies h3,.powerful-technologies .h3 {
        padding-right:0px
    }
}

.powerful-technologies p {
    margin-bottom: 20px
}

.powerful-technologies .bdr {
    position: relative
}

.powerful-technologies .bdr:before {
    content: "";
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #000;
    opacity: 0.2
}

@media (max-width: 991px) {
    .powerful-technologies .bdr-mob {
        position:relative
    }

    .powerful-technologies .bdr-mob:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0;
        bottom: 0;
        width: 1px;
        background-color: #000;
        opacity: 0.2;
        display: none
    }
}

.powerful-technologies .bdr {
    position: relative
}

.powerful-technologies .bdr:after {
    content: "";
    position: absolute;
    right: 22px;
    top: 22px;
    bottom: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #0076FF;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media (max-width: 991px) {
    .powerful-technologies .bdr:after {
        right:auto;
        left: -7px;
        top: 20px;
        display: none
    }
}

@media (max-width: 991px) {
    .powerful-technologies .bdr:before {
        display:none
    }
}

.powerful-technologies .technology-list {
    margin-bottom: 20px;
    margin-top: 20px
}

@media (max-width: 991px) {
    .powerful-technologies .technology-list {
        margin-top:0px
    }
}

.powerful-technologies .technology-list li {
    display: inline-block;
    margin-right: 20px;
    font-family: "intermedium";
    position: relative;
    padding: 0 10px 0 23px;
    margin-bottom: 20px
}

.powerful-technologies .technology-list li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0
}

.powerful-technologies .technology-list li:hover {
    border-left-color: #0076FF
}

@media screen and (max-width: 767px) {
    .powerful-technologies .technology-list li {
        flex-basis:50%
    }
}

@media screen and (max-width: 575px) {
    .powerful-technologies .technology-list li {
        flex-basis:100%
    }
}

.powerful-technologies .open-tech-box {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .powerful-technologies .open-tech-box {
        margin-left:10px
    }
}

.powerful-technologies .open-tech-box.ofb-top {
    margin-top: 50px
}

.powerful-technologies .open-tech-box:hover {
    background-color: #fff
}

@media screen and (max-width: 991px) {
    .android-integrations {
        text-align:center
    }
}

.android-integrations p {
    margin-bottom: 0;
    padding-left: 50px
}

@media screen and (max-width: 991px) {
    .android-integrations p {
        padding-left:0px
    }
}

.android-integrations h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.android-integrations .industry-list {
    text-align: center;
    margin: 0px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

@media screen and (max-width: 575px) {
    .android-integrations .industry-list {
        margin:0px 0 0 0
    }
}

.android-integrations .industry-list .industry {
    flex-basis: 20%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 20px 10px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #edf5fa;
    margin-right: -1px;
    margin-bottom: -1px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .android-integrations .industry-list .industry {
        flex-basis:31%;
        margin: 6px
    }
}

@media screen and (max-width: 767px) {
    .android-integrations .industry-list .industry {
        flex-basis:31%
    }
}

@media screen and (max-width: 575px) {
    .android-integrations .industry-list .industry {
        flex-basis:31%
    }
}

@media screen and (max-width: 480px) {
    .android-integrations .industry-list .industry {
        flex-basis:46%
    }
}

.android-integrations .industry-list .industry:hover {
    border-color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    position: relative;
    z-index: 1
}

.android-integrations .industry-list .industry:hover a:before {
    opacity: 1
}

.android-integrations .industry-list .industry.m-top {
    padding-top: 20px
}

.android-integrations .industry-list .industry .name {
    display: block;
    color: #000
}

.android-integrations .industry-list .industry a {
    display: inline-block;
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 16px;
    position: relative
}

.android-integrations .industry-list .industry a:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0px;
    top: -10px;
    display: inline-block;
    background-image: url("../img/home/svg/arrow-right-up-blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    vertical-align: middle;
    opacity: 0
}

@media screen and (max-width: 1600px) {
    .android-integrations .industry-list .industry a {
        font-size:15px;
        line-height: normal
    }
}

.android-integrations .industry-list .industry .icon {
    margin: auto;
    width: 70px;
    height: 70px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background-image: url(../img/android-mobile-app-development/png/android-app-sprite5.png);
    background-repeat: no-repeat
}

.android-integrations .industry-list .industry .icon.icon1 {
    background-position: 0 0
}

.android-integrations .industry-list .industry .icon.icon2 {
    background-position: 0 -70px
}

.android-integrations .industry-list .industry .icon.icon3 {
    background-position: 0 -140px
}

.android-integrations .industry-list .industry .icon.icon4 {
    background-position: 0 -210px
}

.android-integrations .industry-list .industry .icon.icon5 {
    background-position: 0 -280px
}

.android-integrations .industry-list .industry .icon.icon6 {
    background-position: 0 -350px
}

.android-integrations .industry-list .industry .icon.icon7 {
    background-position: 0 -420px
}

.android-integrations .industry-list .industry .icon.icon8 {
    background-position: 0 -490px
}

.android-integrations .industry-list .industry .icon.icon9 {
    background-position: 0 -560px
}

.android-integrations .industry-list .industry .icon.icon10 {
    background-position: 0 -630px
}

.different-industry.android-industries .industry-list .industry .icon {
    background-image: url("../img/android-mobile-app-development/png/android-app-sprite6.png")
}

.why-choose-blockchain.why-choose-android .custom-scroll ul li .icon {
    background-image: url("../img/android-mobile-app-development/png/android-app-sprite7.png")
}

.robust-new-services.mobile-services.android-services .service-box i.icon {
    background-image: url("../img/android-mobile-app-development/png/android-app-service-icon-sprite7.png")
}

.android-development-services.cross-platform-services .service-box i.icon:before {
    background-image: url("../img/cross-platform-app-development/png/cross-platform-sprite1.png")
}

.android-benefits.cross-benefits .benefits-box i:before {
    background-image: url("../img/cross-platform-app-development/png/cross-platform-sprite2.png")
}

.android-benefits.cross-benefits .ios-b-img img {
    max-width: 500px
}

.ios-industry-serve.cross-frameworks .archieve-box .awards-list .award:before {
    background-image: url("../img/cross-platform-app-development/png/cross-platform-sprite3.png")
}

.different-industry.cross-industries .industry-list .industry .icon {
    background-image: url("../img/cross-platform-app-development/png/cross-platform-sprite4.png")
}

.android-integrations.cross-integrations .industry-list .industry .icon {
    background-image: url("../img/cross-platform-app-development/png/cross-platform-sprite6.png")
}

.why-choose-blockchain.why-choose-cross .custom-scroll ul li .icon {
    background-image: url("../img/cross-platform-app-development/png/cross-platform-sprite7.png")
}

.ios-banner.wearable-banner .points {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.ios-banner.wearable-banner .points li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px
}

.ios-banner.wearable-banner .points li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.wearable-empower {
    background-color: #f7f7f7;
    margin-top: 100px
}

@media (max-width: 1200px) {
    .wearable-empower .col-sm-6,.wearable-empower .col-md-6 {
        width:100%
    }
}

@media (max-width: 991px) {
    .wearable-empower {
        text-align:center
    }

    .wearable-empower .bdr:before {
        display: none
    }
}

.wearable-empower h2 {
    font-family: "interlight";
    margin-bottom: 0
}

.wearable-empower h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.wearable-empower p.top {
    margin-top: 27px
}

@media (max-width: 767px) {
    .wearable-empower p.top {
        margin-bottom:0px
    }
}

.wearable-empower .hd-box {
    margin-top: 30px;
    background-color: #ECEFF0;
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    min-height: 93%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1599px) {
    .wearable-empower .hd-box {
        padding:20px
    }
}

.wearable-empower .hd-box:hover {
    background-color: #0076FF;
    color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.wearable-empower .hd-box:hover .icon-box .icon.icon1 {
    background-position: 0 -60px
}

.wearable-empower .hd-box:hover .icon-box .icon.icon2 {
    background-position: 0 -180px
}

.wearable-empower .hd-box:hover .icon-box .icon.icon3 {
    background-position: 0 -300px
}

.wearable-empower .hd-box br {
    display: none
}

.wearable-empower .hd-box .icon-box {
    position: relative;
    padding-left: 70px
}

@media screen and (max-width: 991px) {
    .wearable-empower .hd-box .icon-box {
        padding-left:0px
    }

    .wearable-empower .hd-box .icon-box p br {
        display: none
    }
}

.wearable-empower .hd-box .icon-box .icon {
    margin: auto;
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
    position: absolute;
    left: -10px;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/wearable-app-development/png/wearable-app-sprite3.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-width: 991px) {
    .wearable-empower .hd-box .icon-box .icon {
        position:static
    }
}

.wearable-empower .hd-box .icon-box .icon.icon1 {
    background-position: 0 0
}

.wearable-empower .hd-box .icon-box .icon.icon2 {
    background-position: 0 -120px
}

.wearable-empower .hd-box .icon-box .icon.icon3 {
    background-position: 0 -240px
}

.wearable-empower .btn {
    margin-top: 50px
}

.wearable-empower .left {
    padding-left: 50px
}

@media (max-width: 991px) {
    .wearable-empower .left {
        padding-left:0px
    }
}

.android-development-services.wearable-services .service-box i.icon:before {
    background-image: url("../img/wearable-app-development/png/wearable-app-sprite1.png")
}

.ios-industry-serve.wearable-devices .archieve-box .awards-list .award:before {
    background-image: url("../img/wearable-app-development/png/wearable-app-sprite2.png")
}

.different-industry.wearable-expertise .industry-list .industry .icon {
    background-image: url("../img/wearable-app-development/png/wearable-app-sprite4.png")
}

.why-choose-blockchain.why-choose-wearable .custom-scroll ul li .icon {
    background-image: url("../img/wearable-app-development/png/wearable-app-sprite5.png")
}

body.postid-57745 header .navbar .navbar-nav .nav-item.rq-btn,body.postid-55504 header .navbar .navbar-nav .nav-item.rq-btn {
    display: none;
    opacity: 0;
    visibility: hidden
}

body.postid-57745 header .navbar .mobile-quote,body.postid-55504 header .navbar .mobile-quote {
    display: none;
    opacity: 0;
    visibility: hidden
}

body.postid-57745 .side-stickey.fixed,body.postid-55504 .side-stickey.fixed {
    display: none;
    opacity: 0;
    visibility: hidden
}

body.postid-57745 footer .row.top .btn,body.postid-55504 footer .row.top .btn {
    display: none;
    opacity: 0;
    visibility: hidden
}

.ez-toc-pull-right.ez-toc-btn.ez-toc-btn-xs.ez-toc-btn-default.ez-toc-toggle {
    width: 45px;
    height: 45px;
    line-height: normal
}

.blog-banner {
    position: relative;
    padding: 130px 0 0px 0;
    overflow: hidden
}

@media (max-width: 991px) {
    .blog-banner {
        text-align:center
    }

    .blog-banner .row {
        flex-wrap: wrap-reverse
    }
}

@media (max-width: 767px) {
    .blog-banner {
        padding:100px 0 50px 0
    }
}

.blog-banner h1 {
    padding-right: 100px;
    font-family: "interlight"
}

@media (max-width: 1024px) {
    .blog-banner h1 {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .blog-banner h1 {
        padding-right:0
    }
}

.blog-banner p {
    padding-right: 100px
}

@media (max-width: 1024px) {
    .blog-banner p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .blog-banner p {
        padding-right:0
    }
}

.blog-banner:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.blog-banner .bnr-img {
    position: relative
}

@media (max-width: 767px) {
    .blog-banner .bnr-img {
        margin-bottom:30px
    }
}

.blog-banner .bnr-img:before {
    content: "";
    position: absolute;
    left: -40%;
    bottom: 0;
    top: -36%;
    right: 0;
    background-image: url("../img/blog/png/blog-bg.png");
    background-repeat: no-repeat;
    background-size: 80% auto;
    background-position: right 200px;
    -webkit-transition: 5s;
    -moz-transition: 5s;
    -ms-transition: 5s;
    -o-transition: 5s;
    transition: 5s;
    animation: floatX 5s ease-in-out infinite
}

@media (max-width: 1440px) {
    .blog-banner .bnr-img:before {
        top:40%
    }
}

@media (max-width: 1366px) {
    .blog-banner .bnr-img:before {
        top:50%
    }
}

@media (max-width: 991px) {
    .blog-banner .bnr-img:before {
        display:none
    }
}

.blog-banner .bnr-img img {
    position: relative;
    z-index: 1
}

.blog-result {
    position: relative
}

.blog-result:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat-x: no-repeat;
    background-repeat-y: repeat;
    background-size: 120% auto;
    background-position: top center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.blog-result .elm-button {
    height: 60px;
    min-width: 230px;
    background-color: #0076FF;
    color: #fff;
    border: none;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-position: 183px 16px;
    background-size: 22px 22px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-result .elm-button:hover,.blog-result .elm-button:active,.blog-result .elm-button:focus {
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-position: 190px 12px;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-color: #0076FF
}

.blog-search {
    padding-top: 0
}

.blog-search .blog-search .blog-search-box {
    position: relative;
    border: 1px solid #E0E0E0
}

.blog-search .blog-search .blog-search-box .fa-search {
    position: absolute;
    left: 20px;
    top: 20px
}

.blog-search .blog-search .blog-search-box .btn {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 12px 42px 12px 20px
}

.blog-search .blog-search .blog-search-box .btn .arrow {
    right: 14px;
    top: 14px
}

.blog-search .blog-search .blog-search-box .form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 17px 150px 17px 45px;
    font-size: 18px;
    font-family: "intermedium"
}

.blog-search .blog-search .form-select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 17px 17px;
    font-size: 18px;
    font-family: "intermedium"
}

.blog-search .blog-search .form-label {
    font-size: 18px;
    font-family: "intermedium";
    margin-top: 20px;
    text-align: right;
    display: block
}

@media (max-width: 1024px) {
    .blog-search .blog-search .form-label {
        text-align:left
    }
}

.blog-box {
    background-color: #f7f7f7;
    padding: 20px 20px 10px 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .blog-box {
        text-align:center
    }
}

.blog-box h2 {
    margin: 10px 0;
    color: #000;
    font-family: "intermedium"
}

.blog-box h2 a {
    color: #000;
    font-family: "intermedium"
}

.blog-box h2:hover {
    color: #0076FF
}

.blog-box h2:hover a {
    color: #0076FF
}

.blog-box picture {
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: inline-block
}

.blog-box picture:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.blog-box picture img {
    width: 100%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-box picture img:hover {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.blog-box .post-date {
    font-family: "interbold";
    color: #343434
}

.blog-box p {
    margin-top: 20px
}

.blog-box .text-limit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.blog-box .feat {
    color: #0076FF;
    position: relative;
    min-height: 36px;
    padding-left: 75px;
    margin-bottom: 10px;
    padding-top: 5px;
    font-family: "intermedium"
}

.blog-box .feat .letter {
    background-color: #000;
    padding: 5px 10px;
    color: #fff;
    font-family: "intermedium";
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    text-align: center
}

.blog-box .feat .letter:before {
    content: "";
    position: absolute;
    top: 16px;
    right: -30px;
    width: 20px;
    height: 2px;
    background-color: #000
}

.blog-box-listing {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 50px;
    padding: 5px
}

.blog-box-listing picture {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden;
    display: inline-block
}

.blog-box-listing picture img {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-box-listing:hover {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-box-listing:hover picture {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.blog-box-listing:hover picture img {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 100%;
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.blog-box-listing:hover .blog-btn {
    background-color: #0076FF;
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-box-listing:hover .blog-btn .arrow {
    background-image: url("../img/common/svg/arrow-right-up.svg")
}

.blog-box-listing h2 {
    margin: 0px 0;
    color: #000;
    font-family: "intermedium"
}

.blog-box-listing h2.f-36 {
    font-size: 28px
}

@media screen and (max-width: 991px) {
    .blog-box-listing h2.f-36 {
        font-size:26px;
        font-family: "interbold"
    }
}

@media screen and (max-width: 575px) {
    .blog-box-listing h2.f-36 {
        font-size:26px
    }
}

.blog-box-listing h2 a {
    color: #000
}

.blog-box-listing h2:hover {
    color: #0076FF
}

.blog-box-listing h2:hover a {
    color: #0076FF
}

.blog-box-listing .post-date {
    color: #343434;
    font-family: "intermedium";
    font-size: 18px
}

.blog-box-listing p {
    margin-top: 20px
}

.blog-box-listing .text-limit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 10px
}

.blog-box-listing .feat {
    color: #0076FF;
    position: relative;
    min-height: 36px;
    padding-left: 75px;
    margin-bottom: 10px;
    padding-top: 5px;
    font-family: "intermedium"
}

.blog-box-listing .feat .letter {
    background-color: #000;
    padding: 5px 10px;
    color: #fff;
    font-family: "intermedium";
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    text-align: center
}

.blog-box-listing .feat .letter:before {
    content: "";
    position: absolute;
    top: 16px;
    right: -30px;
    width: 20px;
    height: 2px;
    background-color: #000
}

.latest-popular .blog-box-listing {
    margin-bottom: 20px
}

.latest-popular .blog-box-listing:hover {
    box-shadow: none
}

.latest-popular .nav-tabs .nav-item .nav-link {
    cursor: pointer;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border-bottom: 3px solid transparent;
    color: #BEBEBE;
    font-family: "interbold"
}

.latest-popular .nav-tabs .nav-item .nav-link.active {
    border-bottom-color: #0076FF;
    color: #000
}

.latest-popular .tab-content .tab-pane {
    padding-top: 30px
}

.latest-popular .tab-content .tab-pane .blog-box-listing {
    padding: 5px
}

.latest-popular .tab-content .tab-pane .blog-box-listing:hover {
    background-color: #f7f7f7
}

.latest-popular .tab-content .tab-pane .blog-box-listing:hover .blog-btn {
    background-color: transparent;
    color: #0076FF
}

.latest-popular .tab-content .tab-pane .blog-box-listing:hover .blog-btn .arrow {
    background-image: url("../img/common/svg/arrow-right-up-blue.svg")
}

.blog-side_box {
    margin-bottom: 30px;
    background-color: #f7f7f7;
    padding: 20px
}

@media (max-width: 991px) {
    .blog-side_box {
        text-align:center
    }

    .blog-side_box.m-top {
        margin-top: 50px
    }
}

.blog-side_box h3 {
    font-family: "intermedium"
}

.blog-side_box img {
    width: 100%;
    height: auto
}

.blog-detail-banner {
    position: relative;
    padding: 0px 0 0px 0;
    overflow: hidden
}

@media (max-width: 991px) {
    .blog-detail-banner {
        text-align:center
    }

    .blog-detail-banner .row {
        flex-wrap: wrap-reverse
    }
}

@media (max-width: 767px) {
    .blog-detail-banner {
        padding:0px 0 0px 0
    }
}

.blog-detail-banner h1 {
    padding-right: 100px;
    font-family: "interlight"
}

@media (max-width: 1024px) {
    .blog-detail-banner h1 {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .blog-detail-banner h1 {
        padding-right:0
    }
}

.blog-detail-banner p {
    padding-right: 100px
}

@media (max-width: 1024px) {
    .blog-detail-banner p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .blog-detail-banner p {
        padding-right:0
    }
}

.blog-detail-banner:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.blog-detail-banner .feat {
    color: #0076FF;
    position: relative;
    min-height: 36px;
    padding-left: 75px;
    margin-bottom: 20px;
    padding-top: 5px;
    font-family: "intermedium"
}

@media (max-width: 991px) {
    .blog-detail-banner .feat {
        margin-top:30px;
        text-align: left
    }
}

.blog-detail-banner .feat .letter {
    background-color: #000;
    padding: 5px 10px;
    color: #fff;
    font-family: "intermedium";
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    text-align: center
}

.blog-detail-banner .feat .letter:before {
    content: "";
    position: absolute;
    top: 16px;
    right: -30px;
    width: 20px;
    height: 2px;
    background-color: #000
}

.blog-detail-banner .bnr-img {
    position: relative
}

@media (max-width: 767px) {
    .blog-detail-banner .bnr-img {
        margin-bottom:30px;
        display: none;
        opacity: 0
    }
}

.blog-detail-banner .bnr-img:before {
    content: "";
    position: absolute;
    left: -40%;
    bottom: 0;
    top: -36%;
    right: 0;
    background-image: url("../img/ios-app-development/png/ios-bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left center;
    -webkit-transition: 5s;
    -moz-transition: 5s;
    -ms-transition: 5s;
    -o-transition: 5s;
    transition: 5s;
    animation: floatX 5s ease-in-out infinite
}

.blog-detail-banner .bnr-img img {
    position: relative;
    z-index: 1
}

.blog-detail-banner .author {
    position: relative;
    padding-left: 90px
}

@media (max-width: 991px) {
    .blog-detail-banner .author {
        text-align:left
    }
}

.blog-detail-banner .author .author-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    text-align: center;
    background-color: #BEBEBE;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    display: inline-block
}

.blog-detail-banner .author .name {
    font-family: "interbold"
}

.side-stickey {
    background-color: #0076FF;
    padding: 30px;
    width: 260px;
    position: fixed;
    right: 5%;
    top: 110px;
    text-align: center;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s all;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media screen and (max-width: 1699px) {
    .side-stickey {
        width:270px;
        right: 4%
    }
}

@media screen and (max-width: 1599px) {
    .side-stickey {
        width:240px;
        right: 3%;
        padding: 20px
    }
}

@media screen and (max-width: 1499px) {
    .side-stickey {
        width:250px;
        right: 2%;
        padding: 20px
    }
}

@media screen and (max-width: 1399px) {
    .side-stickey {
        width:240px
    }
}

@media screen and (max-width: 991px) {
    .side-stickey {
        position:static;
        width: auto;
        max-width: 100%;
        margin: 20px 20px;
        padding: 15px;
        opacity: 1;
        visibility: visible;
        display: none
    }
}

.side-stickey .h3 {
    color: #fff;
    margin-bottom: 30px
}

.side-stickey .h4 {
    color: #fff;
    margin-bottom: 30px
}

.side-stickey.fixed {
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 991px) {
    .side-stickey.fixed {
        display:none;
        opacity: 0;
        visibility: hidden
    }
}

@media screen and (max-width: 767px) {
    .blog-detail {
        padding-top:0
    }
}

@media screen and (max-width: 575px) {
    .blog-detail .f-16 {
        font-size:16px
    }
}

.blog-detail h2,.blog-detail .h2 {
    font-size: 42px;
    font-family: "intersemibold";
    margin-bottom: 20px !important;
    margin-top: 40px;
    color: #000 !important
}

@media screen and (max-width: 1550px) {
    .blog-detail h2,.blog-detail .h2 {
        font-size:36px
    }
}

@media screen and (max-width: 575px) {
    .blog-detail h2,.blog-detail .h2 {
        font-size:34px
    }
}

.blog-detail h2 a,.blog-detail .h2 a {
    font-size: 42px
}

@media screen and (max-width: 1550px) {
    .blog-detail h2 a,.blog-detail .h2 a {
        font-size:36px
    }
}

@media screen and (max-width: 575px) {
    .blog-detail h2 a,.blog-detail .h2 a {
        font-size:34px
    }
}

.blog-detail p,.blog-detail a,.blog-detail ul,.blog-detail ol {
    font-size: 24px
}

@media screen and (max-width: 1550px) {
    .blog-detail p,.blog-detail a,.blog-detail ul,.blog-detail ol {
        font-size:20px
    }
}

@media screen and (max-width: 575px) {
    .blog-detail p,.blog-detail a,.blog-detail ul,.blog-detail ol {
        font-size:18px
    }
}

.blog-detail a.btn {
    font-size: 16px
}

.blog-detail h3 {
    font-family: "intersemibold";
    font-size: 36px !important;
    margin-bottom: 20px;
    margin-top: 40px
}

@media screen and (max-width: 1550px) {
    .blog-detail h3 {
        font-size:28px !important
    }
}

@media screen and (max-width: 575px) {
    .blog-detail h3 {
        font-size:26px !important
    }
}

.blog-detail h3 a {
    font-size: 36px !important
}

@media screen and (max-width: 1550px) {
    .blog-detail h3 a {
        font-size:28px !important
    }
}

@media screen and (max-width: 575px) {
    .blog-detail h3 a {
        font-size:26px !important
    }
}

.blog-detail h4,.blog-detail .h4 {
    font-size: 30px
}

@media screen and (max-width: 1550px) {
    .blog-detail h4,.blog-detail .h4 {
        font-size:24px
    }
}

@media screen and (max-width: 575px) {
    .blog-detail h4,.blog-detail .h4 {
        font-size:22px
    }
}

.blog-detail iframe {
    width: 100%;
    height: 480px
}

@media screen and (max-width: 1366px) {
    .blog-detail iframe {
        height:450px
    }
}

@media screen and (max-width: 1200px) {
    .blog-detail iframe {
        height:290px
    }
}

@media screen and (max-width: 1024px) {
    .blog-detail iframe {
        height:250px
    }
}

@media screen and (max-width: 991px) {
    .blog-detail iframe {
        height:350px
    }
}

@media screen and (max-width: 767px) {
    .blog-detail iframe {
        height:480px
    }
}

@media screen and (max-width: 575px) {
    .blog-detail iframe {
        height:310px
    }
}

@media screen and (max-width: 480px) {
    .blog-detail iframe {
        height:260px
    }
}

.blog-detail table {
    border: 1px solid #e8e8e8
}

@media screen and (max-width: 767px) {
    .blog-detail table {
        min-width:767px
    }
}

.blog-detail table tr:nth-child(even) {
    background: #f6f6f6
}

.blog-detail table tr:nth-child(odd) {
    background: #fff
}

.blog-detail table thead tr th {
    background-color: #343434;
    color: #fff;
    font-size: 16px;
    text-wrap: nowrap
}

.blog-detail table thead tr th p,.blog-detail table thead tr th a {
    font-size: 16px
}

.blog-detail table.table {
    border: 1px solid #e8e8e8
}

.blog-detail table.table tr:nth-child(even) {
    background: #f6f6f6
}

.blog-detail table.table tr:nth-child(odd) {
    background: #fff
}

.blog-detail table.table thead tr th {
    background-color: #343434;
    color: #fff;
    font-size: 16px
}

.blog-detail table.table thead tr th p,.blog-detail table.table thead tr th a {
    font-size: 16px
}

.blog-detail table.table tbody tr td {
    font-size: 16px
}

.blog-detail table.table tbody tr td p,.blog-detail table.table tbody tr td a {
    font-size: 16px
}

.blog-detail iframe {
    margin-left: auto;
    margin-right: auto;
    display: inherit
}

.blog-detail img {
    max-width: 1000px;
    width: 100%;
    height: auto !important;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: inherit
}

@media screen and (max-width: 999px) {
    .blog-detail img {
        width:100%
    }
}

.blog-detail img.auto {
    width: auto;
    height: auto !important
}

.blog-detail #table-of-content.table-of-content.widget-area {
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    top: 110px;
    left: 2%;
    width: 320px;
    border-radius: 0 15px 15px 0;
    border: 0;
    padding: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s all;
    z-index: 10;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-detail #table-of-content.table-of-content.widget-area h3 {
    margin-top: 10px;
    font-size: 24px !important
}

@media screen and (max-width: 1042px) {
    .blog-detail #table-of-content.table-of-content.widget-area h3 {
        font-size:22px !important
    }
}

@media screen and (max-width: 1599px) {
    .blog-detail #table-of-content.table-of-content.widget-area {
        max-width:250px
    }
}

@media screen and (max-width: 1440px) {
    .blog-detail #table-of-content.table-of-content.widget-area {
        max-width:230px
    }
}

@media screen and (max-width: 1439px) {
    .blog-detail #table-of-content.table-of-content.widget-area {
        max-width:240px
    }
}

@media (min-width: 992px) and (max-width: 1365px) {
    .blog-detail #table-of-content.table-of-content.widget-area {
        max-width:21vw
    }
}

@media screen and (max-width: 991px) {
    .blog-detail #table-of-content.table-of-content.widget-area {
        position:static;
        width: auto;
        max-width: 100%;
        margin: 20px 20px;
        background-color: #f6f6f6;
        border: 1px solid #BEBEBE;
        padding: 15px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        opacity: 1;
        visibility: visible
    }
}

.blog-detail #table-of-content.table-of-content.widget-area.fixed {
    opacity: 1;
    visibility: visible
}

.blog-detail #table-of-content.table-of-content.widget-area ul.ez-toc-list {
    padding: 0 20px;
    max-height: 500px;
    overflow-y: auto;
    position: relative
}

.blog-detail #table-of-content.table-of-content.widget-area ul.ez-toc-list li.ez-toc-page-1 {
    position: relative;
    line-height: 20px;
    padding-bottom: 0px;
    margin-bottom: 20px
}

.blog-detail #table-of-content.table-of-content.widget-area ul.ez-toc-list li.ez-toc-page-1.active {
    background-color: transparent
}

.blog-detail #table-of-content.table-of-content.widget-area ul.ez-toc-list li.ez-toc-page-1.active a.ez-toc-link {
    color: #0076FF;
    font-family: "interregular";
    font-weight: 400
}

.blog-detail #table-of-content.table-of-content.widget-area ul.ez-toc-list li.ez-toc-page-1 a.ez-toc-link {
    color: #000;
    font-size: 16px;
    line-height: 21px;
    padding-left: 0;
    font-family: "interregular";
    font-weight: 400;
    display: block;
    text-decoration: unset
}

@media screen and (max-width: 640px) {
    .blog-detail #table-of-content.table-of-content.widget-area ul.ez-toc-list li.ez-toc-page-1 a.ez-toc-link {
        font-size:18px
    }
}

.blog-detail #table-of-content.table-of-content.widget-area ul.ez-toc-list li.ez-toc-page-1 a.ez-toc-link:hover,.blog-detail #table-of-content.table-of-content.widget-area ul.ez-toc-list li.ez-toc-page-1 a.ez-toc-link:focus,.blog-detail #table-of-content.table-of-content.widget-area ul.ez-toc-list li.ez-toc-page-1 a.ez-toc-link:active {
    color: #0076FF
}

.blog-detail ul {
    margin-bottom: 40px;
    padding-left: 0 !important
}

.blog-detail ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    list-style: none !important
}

.blog-detail ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width: 10px;
    height: 10px;
    border: 2px solid #0076FF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.blog-detail ul li h3 {
    margin: 0;
    padding: 0
}

.blog-detail ul li::marker {
    display: none !important
}

.blog-detail ol {
    margin-bottom: 40px;
    margin-left: 15px
}

.blog-detail ol li {
    position: relative;
    padding-left: 5px;
    margin-bottom: 10px;
    list-style: decimal
}

.blog-detail ol li::marker {
    font-weight: 700 !important
}

.blog-detail blockquote {
    background-color: #0076FF;
    color: #fff;
    padding: 20px
}

.blog-detail blockquote p {
    color: #fff;
    margin-bottom: 0
}

.blog-detail blockquote p strong {
    font-weight: 400
}

.blog-detail blockquote p a {
    color: #fff !important;
    text-decoration: underline
}

.blog-detail blockquote p a span {
    color: #fff !important;
    text-decoration: underline
}

.blog-detail blockquote span {
    color: #fff !important;
    text-decoration: underline
}

.blog-detail .counter-hierarchy ul,.blog-detail .counter-hierarchy ol {
    margin-bottom: 0px
}

.blog-detail .counter-hierarchy ul li,.blog-detail .counter-hierarchy ol li {
    position: relative;
    padding-left: 0px;
    margin-bottom: 10px;
    list-style: none
}

.blog-detail .counter-hierarchy ul li:before,.blog-detail .counter-hierarchy ol li:before {
    display: none
}

.blog-detail .blog-list li {
    margin-bottom: 20px;
    font-family: "intermedium"
}

.blog-detail .custom-container {
    max-width: 1000px
}

.blog-detail .custom-container.blog-detail-container {
    max-width: 880px
}

@media screen and (max-width: 1439px) {
    .blog-detail .custom-container.blog-detail-container {
        max-width:820px
    }
}

@media (min-width: 992px) and (max-width: 1365px) {
    .blog-detail .custom-container.blog-detail-container {
        max-width:45vw
    }
}

.blog-detail .blog-box {
    background-color: #2d167c;
    background: #2d167c;
    background: linear-gradient(45deg, #2d167c 50%, #05213a 100%);
    padding: 60px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .blog-detail .blog-box .col-sm-8,.blog-detail .blog-box .col-md-8 {
        width:50%
    }

    .blog-detail .blog-box .col-sm-4,.blog-detail .blog-box .col-md-4 {
        width: 50%
    }
}

@media screen and (max-width: 575px) {
    .blog-detail .blog-box {
        padding:30px
    }

    .blog-detail .blog-box .col-sm-8,.blog-detail .blog-box .col-md-8 {
        width: 100%
    }

    .blog-detail .blog-box .col-sm-4,.blog-detail .blog-box .col-md-4 {
        width: 100%
    }

    .blog-detail .blog-box .btn {
        margin-bottom: 30px
    }
}

.blog-detail .blog-box:before {
    content: "";
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 150px;
    height: 150px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.blog-detail .blog-box:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -30px;
    width: 100px;
    height: 100px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.blog-detail .blog-box h2 {
    color: #fff;
    margin-bottom: 20px;
    margin-top: 0;
    font-family: "intermedium"
}

.blog-detail .blog-box p {
    color: #fff;
    margin-bottom: 20px
}

.blog-detail .blog-box .cta-list li {
    color: #fff;
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px
}

@media screen and (max-width: 575px) {
    .blog-detail .blog-box .cta-list li {
        text-align:left
    }
}

.blog-detail .blog-box .cta-list li .fa-check-circle {
    position: absolute;
    left: 0;
    top: 4px
}

.blog-detail .call-box {
    text-align: center;
    background-color: #2d167c;
    background: #2d167c;
    background: linear-gradient(45deg, #2d167c 50%, #05213a 100%);
    padding: 60px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .blog-detail .call-box .col-sm-8,.blog-detail .call-box .col-md-8 {
        width:50%
    }

    .blog-detail .call-box .col-sm-4,.blog-detail .call-box .col-md-4 {
        width: 50%
    }
}

@media screen and (max-width: 575px) {
    .blog-detail .call-box {
        padding:30px
    }

    .blog-detail .call-box .col-sm-8,.blog-detail .call-box .col-md-8 {
        width: 100%
    }

    .blog-detail .call-box .col-sm-4,.blog-detail .call-box .col-md-4 {
        width: 100%
    }

    .blog-detail .call-box .btn {
        margin-bottom: 30px
    }
}

.blog-detail .call-box:before {
    content: "";
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 150px;
    height: 150px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.blog-detail .call-box:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -30px;
    width: 100px;
    height: 100px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.blog-detail .call-box .input-group br {
    display: none
}

.blog-detail .call-box h2 {
    color: #fff;
    margin-bottom: 20px;
    margin-top: 0
}

.blog-detail .call-box h3 {
    color: #fff;
    margin-bottom: 20px;
    margin-top: 0;
    background: none;
    padding: 0
}

.blog-detail .call-box p {
    color: #fff;
    margin-bottom: 20px
}

.blog-detail .call-box .certified-value {
    border-top: 1px solid #0076FF;
    padding-top: 20px;
    margin-top: 30px
}

.blog-detail .call-box .certified-value span {
    display: inline-block;
    margin: 4px 2px;
    background-color: #0076FF;
    padding: 4px 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    color: #fff
}

@media (max-width: 575px) {
    .blog-detail .call-box .certified-value span {
        display:block
    }
}

.blog-detail .call-box .cta-list li {
    color: #fff;
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px
}

@media screen and (max-width: 575px) {
    .blog-detail .call-box .cta-list li {
        text-align:left
    }
}

.blog-detail .call-box .cta-list li .fa-check-circle {
    position: absolute;
    left: 0;
    top: 4px
}

@media screen and (max-width: 575px) {
    .blog-detail .call-box .form-control {
        margin-bottom:30px;
        -webkit-border-radius: 10px !important;
        -moz-border-radius: 10px !important;
        -ms-border-radius: 10px !important;
        border-radius: 10px !important
    }
}

.blog-detail .call-box .btn {
    height: 60px;
    min-width: 170px;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-position: right 16px;
    background-size: 53px 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-detail .call-box .btn:hover {
    background-position: calc(100% - -3px) calc(100% - 28px)
}

.blog-detail .all-tags {
    background-color: #f7f7f7;
    padding: 50px 0;
    background-image: url("../img/blog/jpg/back-profile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media screen and (max-width: 640px) {
    .blog-detail .all-tags {
        font-size:16px
    }
}

@media screen and (max-width: 575px) {
    .blog-detail .all-tags {
        text-align:center
    }
}

.blog-detail .all-tags .author {
    position: relative;
    padding-left: 190px
}

@media screen and (max-width: 575px) {
    .blog-detail .all-tags .author {
        padding-left:0;
        padding-top: 190px
    }
}

.blog-detail .all-tags .author .author-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: 160px;
    text-align: center;
    background-color: #BEBEBE;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    display: inline-block
}

@media screen and (max-width: 575px) {
    .blog-detail .all-tags .author .author-pic {
        left:0;
        right: 0;
        margin-left: auto;
        margin-right: auto
    }
}

.blog-detail .all-tags .author .name {
    font-family: "interbold"
}

.blog-detail .all-tags .socials-icons {
    margin-bottom: 10px
}

.blog-detail .all-tags .socials-icons li {
    display: inline-block;
    margin: 5px;
    padding-left: 0
}

.blog-detail .all-tags .socials-icons li:before {
    display: none
}

.blog-detail .all-tags .socials-icons li a {
    width: 30px;
    height: 30px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #0076FF;
    text-align: center
}

.blog-detail .all-tags .socials-icons li a i {
    color: #fff;
    margin-top: 7px
}

.blog-detail .all-tags .socials-icons li:hover a {
    background-color: #202020
}

.blog-detail code {
    color: #000;
    display: block;
    background: #E9ECF1;
    padding: 20px;
    white-space: pre-wrap;
    margin-bottom: 13px;
    border-radius: 4px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: auto;
    max-height: 400px
}

@media screen and (max-width: 640px) {
    .blog-detail code {
        font-size:16px
    }
}

.modal#blogBoxModal .modal-dialog .modal-content .modal-header .close {
    padding: 10px;
    width: 32px;
    height: 32px;
    border: none;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    line-height: 16px;
    font-size: 20px
}

@media screen and (max-width: 640px) {
    .modal#blogBoxModal .modal-dialog .modal-content .modal-header .close {
        line-height:16px
    }
}

.modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow .frm-col {
    margin-bottom: 20px
}

.modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow .frm-col span.full-name {
    display: inline-block;
    width: 100%
}

.modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow .frm-col span.email-contact {
    display: inline-block;
    width: 100%
}

.modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow .frm-col .form-control {
    width: 100%;
    padding: 10px
}

.modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow .frm-col .form-control#inner_pre_phone {
    padding-left: 50px
}

.modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow .frm-col .budget {
    position: relative;
    width: 100%
}

.modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow .frm-col .budget:after {
    content: "\f107";
    position: absolute;
    right: 10px;
    top: 10px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow .frm-col .budget .form-control {
    position: relative;
    z-index: 1;
    background-color: transparent
}

.modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow .msg-frm .message {
    width: 100%
}

.modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow .msg-frm .message .msg {
    height: 150px;
    resize: vertical
}

.modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow span.wpcf7-not-valid-tip {
    font-size: 16px
}

.modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow .btn {
    height: 60px;
    min-width: 140px;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-position: 95px 16px;
    background-size: 22px 22px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow .btn {
        margin-top:50px
    }
}

.modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow .btn:hover {
    background-position: 105px 12px
}

@media screen and (max-width: 767px) {
    .modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow.row .col-xs-5.frm-col {
        width:40%
    }

    .modal#blogBoxModal .modal-dialog .modal-content .modal-body form .formRow.row .col-xs-7.frm-col {
        width: 60%
    }
}

.modal-new .modal-dialog {
    max-width: 840px;
    margin: 3.75rem auto
}

@media screen and (max-width: 851px) {
    .modal-new .modal-dialog {
        margin-left:30px;
        margin-right: 30px
    }
}

.modal-new .modal-dialog::before {
    display: none
}

.modal-new .modal-dialog::after {
    display: none
}

.modal-new .modal-dialog .modal-header {
    border: none
}

.modal-new .modal-dialog .modal-header .btn-close {
    opacity: 1 !important;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #0076FF;
    top: 10px;
    right: 10px;
    margin: 0;
    z-index: 33;
    position: absolute;
    background-image: url("../img/common/svg/close.svg");
    background-repeat: no-repeat;
    background-size: 18px auto
}

.modal-new .modal-content {
    background-color: #fff !important;
    border-radius: 30px !important;
    border: none
}

.modal-new .modal-body {
    background-color: #fff !important;
    padding: 30px;
    border-radius: 30px;
    border: none;
    min-height: 400px;
    overflow: hidden
}

@media screen and (max-width: 640px) {
    .modal-new .modal-body {
        padding-top:45px
    }
}

@media screen and (max-width: 640px) {
    .modal-new .modal-body img {
        display:none
    }
}

.modal-new .modal-body .ty-bg {
    background-image: url("../img/blog/jpg/thank-bg.jpg");
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.modal-new .modal-body .ty-bg .main-box {
    text-align: center;
    color: #fff;
    margin: 200px 100px 50px 100px
}

@media screen and (max-width: 576px) {
    .modal-new .modal-body .ty-bg .main-box {
        margin:200px 30px 30px 30px
    }
}

.modal-new .modal-body .ty-bg .main-box h3.f-64 {
    font-family: "interbold"
}

.modal-new .modal-body .ty-bg .circle-effect {
    position: absolute;
    left: 0;
    top: 90px;
    right: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    background: #85c226;
    border: 2px solid rgba(255,255,255,0.8);
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-white 1s linear infinite;
    -webkit-transition: .5s linear;
    text-shadow: 1px 1px 1px #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4
}

.modal-new .modal-body .ty-bg .circle-effect .icon {
    position: relative
}

.modal-new .modal-body .ty-bg .circle-effect .icon:before {
    position: absolute;
    top: -25px;
    left: -20px;
    content: "\f00c";
    font: normal normal normal 50px/1 FontAwesome;
    font-weight: var(--fa-style, 900);
    color: #fff;
    z-index: 1
}

@-webkit-keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1);
        box-shadow: 0 0 0 0 rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1)
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0);
        box-shadow: 0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0)
    }
}

@keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1);
        box-shadow: 0 0 0 0 rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1)
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0);
        box-shadow: 0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0)
    }
}

.modal-new .right-side .btn {
    margin-top: 20px
}

.modal-new .right-side .btn-set {
    position: relative
}

.modal-new .right-side .btn-set span.wpcf7-spinner {
    position: absolute;
    right: -10px;
    top: 9px;
    z-index: 1
}

.modal-new .right-side .sub-btn {
    text-align: center;
    border-radius: 3px;
    font-size: 18px;
    font-weight: bold;
    padding: 7px 40px;
    margin-top: 10px;
    display: block;
    width: 100%
}

@media screen and (max-width: 640px) {
    .modal-new .right-side .sub-btn {
        margin-top:15px
    }
}

.modal-new .right-side .wpcf7-response-output {
    color: #dc3232
}

.modal-new .right-side .f-44 {
    font-size: 32px;
    font-family: "interbold";
    margin-bottom: 10px
}

@media screen and (max-width: 991px) {
    .modal-new .right-side .f-44 {
        margin-top:30px
    }
}

@media screen and (max-width: 640px) {
    .modal-new .right-side .f-44 {
        font-size:22px;
        margin-top: 0px;
        margin-bottom: 20px
    }
}

.modal-new .right-side .f-18 {
    font-size: 16px;
    line-height: 18px
}

@media screen and (max-width: 640px) {
    .modal-new .right-side .f-18 {
        font-size:16px
    }
}

.modal-new .right-side form input::placeholder {
    font-size: 16px
}

@media screen and (max-width: 640px) {
    .modal-new .right-side form input::placeholder {
        font-size:16px
    }
}

.modal-new .wpcf7-form-control-wrap {
    width: 100%
}

.modal-new .wpcf7-form-control-wrap textarea {
    height: 70px
}

.modal-new .mb-30 {
    margin-bottom: 25px
}

@media screen and (max-width: 991px) {
    .modal-new .mb-30 .col-sm-5 {
        width:41.66666667%
    }

    .modal-new .mb-30 .col-sm-7 {
        width: 58.33333333%
    }
}

@media screen and (max-width: 440px) {
    .modal-new .mb-30 .col-sm-5 {
        width:100%
    }

    .modal-new .mb-30 .col-sm-7 {
        width: 100%;
        margin-top: 25px
    }
}

.modal-new span.wpcf7-not-valid-tip {
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: -18px
}

.modal-new .wpcf7-spinner {
    display: inline-block;
    vertical-align: middle
}

.modal-new .wpcf7 form .wpcf7-response-output {
    padding: 6px 10px;
    margin: 0;
    font-size: 16px
}

@media screen and (max-width: 640px) {
    .modal-new .wpcf7 form .wpcf7-response-output {
        font-size:16px
    }
}

.rll-youtube-player button:after,.rll-youtube-player button:before {
    display: none
}

.blog-boxes2 {
    padding: 0px 0 50px 0
}

.blog-boxes2 .b-box {
    padding: 10px 20px;
    background-color: #f7f7f7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    text-align: center;
    border: 1px solid transparent;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    min-height: 100%
}

.blog-boxes2 .b-box:hover {
    -webkit-box-shadow: 20px 20px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 20px 20px 20px rgba(0,0,0,0.1);
    box-shadow: 20px 20px 20px rgba(0,0,0,0.1);
    border-color: #0076FF
}

.blog-boxes2 .b-box .go-to {
    margin-top: 10px
}

.blog-boxes2 .b-box .go-to a {
    font-size: 16px
}

.blog-boxes2 .b-box .logo {
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    padding: 10px;
    margin: 0 auto 10px auto;
    -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
    box-shadow: 10px 10px 10px rgba(0,0,0,0.1)
}

.blog-boxes2 .b-box .logo img {
    width: 100%;
    height: 100%
}

.blog-boxes2 .b-box .nbr {
    background-color: #0076FF;
    color: #fff;
    padding: 5px 15px 5px 10px;
    -webkit-border-radius: 0px 50px 50px 0px;
    -moz-border-radius: 0px 50px 50px 0px;
    -ms-border-radius: 0px 50px 50px 0px;
    border-radius: 0px 50px 50px 0px;
    position: absolute;
    left: 0px;
    top: 10px;
    font-family: "interbold";
    font-size: 16px
}

.blog-boxes2 .b-box h3 {
    color: #000;
    font-size: 20px !important;
    margin-top: 0
}

.blog-boxes2 .b-box .b-list {
    margin: 0px 0 0px 0
}

.blog-boxes2 .b-box .b-list li {
    color: #000;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 4px 0;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 16px;
    margin-bottom: 4px
}

.blog-boxes2 .b-box .b-list li:last-child {
    border-bottom: none
}

.blog-boxes2 .b-box .b-list li:before {
    display: none
}

.blog-boxes2 .b-box .b-list li b {
    font-weight: normal;
    font-family: "intersemibold";
    display: inline-block
}

.blog-boxes2 .b-box .b-list li span {
    display: inline-block;
    text-align: right
}

.blog-boxes2 .b-box .b-list li .fa {
    color: #0076FF
}

.ios-industry-serve.smart-contract-dc .archieve-box .awards-list .award:before {
    background-image: url(../img/smart-contract-development/png/sc-sprite5-1.png)
}

.different-industry.sc-industries .industry-list .industry .icon {
    background-image: url(../img/smart-contract-development/png/sc-sprite2.png)
}

.robust-new-services.mobile-services.smart-contract-services .service-box i.icon {
    background-image: url("../img/smart-contract-development/png/sc-sprite3.png")
}

.blockchain-platform-development.smart-contract-platform-development .game-expertise-list .andBox .icon {
    background-image: url("../img/smart-contract-development/png/sc-sprite4.png")
}

.blockchain-technologies {
    padding-bottom: 100px
}

@media (max-width: 1024px) {
    .blockchain-technologies .col-sm-4,.blockchain-technologies .col-md-4 {
        width:100%
    }
}

@media (max-width: 991px) {
    .blockchain-technologies {
        text-align:center
    }
}

@media (max-width: 575px) {
    .blockchain-technologies .col-sm-4,.blockchain-technologies .col-md-4 {
        width:100%
    }

    .blockchain-technologies .mb-40 {
        margin-bottom: 20px
    }
}

.blockchain-technologies h2 {
    font-family: "interlight";
    padding-right: 30px
}

@media (max-width: 991px) {
    .blockchain-technologies h2 {
        padding-right:0px
    }
}

.blockchain-technologies h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.blockchain-technologies p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .blockchain-technologies p.top {
        margin-top:0px
    }
}

.blockchain-technologies .ios-b-img {
    text-align: center
}

.blockchain-technologies .ios-b-img img {
    max-width: 400px;
    margin-top: 40px;
    width: 100%;
    position: sticky;
    top: 140px
}

@media (max-width: 767px) {
    .blockchain-technologies .ios-b-img {
        display:none
    }
}

.blockchain-technologies .andBox {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 7px 7px 3px rgba(0,0,0,0.05);
    -moz-box-shadow: 7px 7px 3px rgba(0,0,0,0.05);
    box-shadow: 7px 7px 3px rgba(0,0,0,0.05);
    min-height: 93%;
    border: 1px solid #E0E0E0;
    padding: 1rem 1rem;
    margin-top: 30px
}

@media screen and (max-width: 1440px) {
    .blockchain-technologies .andBox {
        min-height:91%
    }
}

.blockchain-technologies .andBox:hover .display {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.blockchain-technologies .andBox h3 {
    margin-bottom: 5px
}

.blockchain-technologies .andBox .display {
    height: 200px;
    background-color: #BEBEBE;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.blockchain-technologies .andBox .display:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

@media screen and (max-width: 767px) {
    .blockchain-technologies .andBox .display {
        background-color:#000;
        background-position: center center
    }
}

.blockchain-technologies .andBox .display.dis1 {
    background-image: url(../img/blockchain-development/jpg/b1.jpg)
}

.blockchain-technologies .andBox .display.dis2 {
    background-image: url(../img/blockchain-development/jpg/b2.jpg)
}

.blockchain-technologies .andBox .display.dis3 {
    background-image: url(../img/blockchain-development/jpg/b3.jpg)
}

.blockchain-technologies .andBox .display.dis4 {
    background-image: url(../img/blockchain-development/jpg/b4.jpg)
}

.blockchain-technologies .andBox .display.dis5 {
    background-image: url(../img/blockchain-development/jpg/b5.jpg)
}

.blockchain-technologies .andBox .display.dis6 {
    background-image: url(../img/blockchain-development/jpg/b6.jpg)
}

.android-development-services.blockchain-development-services .service-box i {
    margin-bottom: 20px;
    display: inline-block
}

.android-development-services.blockchain-development-services .service-box i.icon:before {
    background-image: url("../img/blockchain-development/png/blockchain-d-sprite1.png")
}

.android-development-services.blockchain-development-services .service-box i.icon.icon7:before {
    background-position: 0 -300px
}

.android-development-services.blockchain-development-services .service-box i.icon.icon8:before {
    background-position: 0 -350px
}

.android-development-services.blockchain-development-services .service-box i.icon.icon9:before {
    background-position: 0 -400px
}

.android-development-services.blockchain-development-services .service-box.sb7 {
    background-color: #b1bf28
}

.android-development-services.blockchain-development-services .service-box.sb8 {
    background-color: #b13aa6
}

.android-development-services.blockchain-development-services .service-box.sb9 {
    background-color: #0fc1bf
}

.robust-new-services.mobile-services.blockchain-development-services .service-box i {
    margin-bottom: 20px;
    display: inline-block
}

.robust-new-services.mobile-services.blockchain-development-services .service-box i.icon {
    background-image: url("../img/blockchain-development/png/blockchain-d-sprite1_1.png")
}

.robust-new-services.mobile-services.blockchain-development-services .service-box i.icon.icon7 {
    background-position: 0 -360px
}

.robust-new-services.mobile-services.blockchain-development-services .service-box i.icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.blockchain-development-services .service-box i.icon.icon9 {
    background-position: 0 -480px
}

.blockchain-platform-development {
    position: relative;
    padding-top: 100px
}

@media screen and (max-width: 991px) {
    .blockchain-platform-development {
        text-align:center
    }
}

.blockchain-platform-development:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 600px;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-image: url("../img/blockchain-development/jpg/cryptocurrency-design.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed
}

.blockchain-platform-development:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 600px;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-color: rgba(0,0,0,0.7)
}

.blockchain-platform-development h2 {
    font-family: "interlight";
    color: #fff
}

.blockchain-platform-development h3 {
    font-family: "interbold";
    margin-bottom: 20px
}

.blockchain-platform-development h4 {
    margin-bottom: 0
}

.blockchain-platform-development h4.f-18 {
    font-size: 16px
}

.blockchain-platform-development h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.blockchain-platform-development p {
    text-align: center;
    color: #fff
}

.blockchain-platform-development .line {
    height: 2px;
    border-bottom: 1px solid #E0E0E0;
    margin: 20px 0 40px 0;
    width: 100%;
    opacity: 0.5
}

.blockchain-platform-development .game-expertise-list {
    margin-top: 40px;
    text-align: center;
    background-color: #fff;
    margin-top: 50px;
    padding: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media (max-width: 1199px) {
    .blockchain-platform-development .game-expertise-list {
        padding:30px;
        margin-top: 50px
    }
}

.blockchain-platform-development .game-expertise-list .andBox {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    min-height: 93%;
    border: 1px solid #E0E0E0;
    padding: 1rem 1rem;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 30px
}

@media screen and (max-width: 1440px) {
    .blockchain-platform-development .game-expertise-list .andBox {
        min-height:91%
    }
}

.blockchain-platform-development .game-expertise-list .andBox:hover {
    border-color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.blockchain-platform-development .game-expertise-list .andBox:hover .display {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.blockchain-platform-development .game-expertise-list .andBox p {
    color: #000
}

.blockchain-platform-development .game-expertise-list .andBox h3 {
    margin-bottom: 5px
}

.blockchain-platform-development .game-expertise-list .andBox .icon {
    background-image: url(../img/blockchain-development/png/blockchain-d-sprite6.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: 0 auto 10px auto
}

.blockchain-platform-development .game-expertise-list .andBox .icon.icon1 {
    background-position: 0 0
}

.blockchain-platform-development .game-expertise-list .andBox .icon.icon2 {
    background-position: 0 -70px
}

.blockchain-platform-development .game-expertise-list .andBox .icon.icon3 {
    background-position: 0 -140px
}

.blockchain-platform-development .game-expertise-list .andBox .icon.icon4 {
    background-position: 0 -210px
}

.blockchain-platform-development .game-expertise-list .andBox .icon.icon5 {
    background-position: 0 -280px
}

.blockchain-platform-development .game-expertise-list .andBox .icon.icon6 {
    background-position: 0 -350px
}

.android-benefits.blockchain-benefits .benefits-box i:before {
    background-image: url("../img/blockchain-development/png/blockchain-d-sprite2.png")
}

.ios-industry-serve.best-blockchain .archieve-box .awards-list .award:before {
    background-image: url("../img/blockchain-development/png/blockchain-d-sprite3.png")
}

.different-industry.blockchain-industries .industry-list .industry .icon {
    background-image: url("../img/blockchain-development/png/blockchain-d-sprite4.png")
}

.why-choose-blockchain {
    position: relative
}

@media (max-width: 1024px) {
    .why-choose-blockchain {
        text-align:center
    }

    .why-choose-blockchain .col-sm-6,.why-choose-blockchain .col-md-6 {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .why-choose-blockchain {
        padding-bottom:0
    }
}

.why-choose-blockchain:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.why-choose-blockchain h2 {
    font-family: "interlight"
}

.why-choose-blockchain h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.why-choose-blockchain p.top {
    margin-top: 27px
}

@media screen and (max-width: 575px) {
    .why-choose-blockchain p.top {
        margin-bottom:20px
    }
}

.why-choose-blockchain .genuine-values {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px
}

@media screen and (max-width: 575px) {
    .why-choose-blockchain .genuine-values {
        justify-content:center
    }
}

.why-choose-blockchain .genuine-values li {
    flex-basis: 46%;
    background-color: #E9ECF1;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin: 10px 30px 30px 0px;
    padding: 20px 30px
}

@media screen and (max-width: 1799px) {
    .why-choose-blockchain .genuine-values li {
        flex-basis:45%
    }
}

@media screen and (max-width: 1399px) {
    .why-choose-blockchain .genuine-values li {
        flex-basis:44%
    }
}

@media screen and (max-width: 1199px) {
    .why-choose-blockchain .genuine-values li {
        flex-basis:43%;
        padding: 15px 15px
    }
}

@media screen and (max-width: 575px) {
    .why-choose-blockchain .genuine-values li {
        margin:15px 15px;
        flex-basis: 42%
    }
}

@media screen and (max-width: 452px) {
    .why-choose-blockchain .genuine-values li {
        margin:15px 15px
    }
}

@media screen and (max-width: 398px) {
    .why-choose-blockchain .genuine-values li {
        flex-basis:41%;
        margin: 15px 10px
    }
}

.why-choose-blockchain .genuine-values li .counting {
    font-size: 40px;
    font-family: "intermedium"
}

@media screen and (max-width: 575px) {
    .why-choose-blockchain .genuine-values li .counting {
        font-size:30px
    }
}

.why-choose-blockchain .genuine-values li .fa {
    font-size: 40px;
    font-family: "intermedium"
}

@media screen and (max-width: 575px) {
    .why-choose-blockchain .genuine-values li .fa {
        font-size:30px
    }
}

.why-choose-blockchain .genuine-values li .name {
    font-family: "intermedium";
    color: #0076FF;
    font-size: 18px;
    margin-bottom: 0
}

@media screen and (max-width: 575px) {
    .why-choose-blockchain .genuine-values li .name {
        font-size:16px;
        line-height: 18px
    }
}

.why-choose-blockchain .genuine-values li:hover {
    background-color: #0076FF;
    border-color: #0076FF
}

.why-choose-blockchain .genuine-values li:hover .counting {
    color: #fff
}

.why-choose-blockchain .genuine-values li:hover .name {
    color: #fff
}

.why-choose-blockchain .genuine-values li:hover .fa {
    color: #fff
}

@media screen and (max-width: 1024px) {
    .why-choose-blockchain .custom-scroll {
        margin-top:40px
    }
}

.why-choose-blockchain .custom-scroll ul {
    text-align: center;
    display: flex;
    flex-wrap: wrap
}

.why-choose-blockchain .custom-scroll ul li {
    flex-basis: 30%;
    background-color: #fff;
    display: block;
    margin: 10px;
    padding: 10px;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1399px) {
    .why-choose-blockchain .custom-scroll ul li {
        margin:7px
    }
}

@media screen and (max-width: 575px) {
    .why-choose-blockchain .custom-scroll ul li {
        flex-basis:45%;
        padding: 10px;
        font-size: 16px
    }
}

.why-choose-blockchain .custom-scroll ul li:hover {
    background-color: #fff;
    color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.why-choose-blockchain .custom-scroll ul li a {
    font-size: 14px;
    color: #000;
    display: block;
    padding: 20px 0
}

@media screen and (max-width: 575px) {
    .why-choose-blockchain .custom-scroll ul li a {
        font-size:16px
    }
}

.why-choose-blockchain .custom-scroll ul li .icon {
    margin-bottom: 2px;
    display: inline-block;
    width: 60px;
    height: 60px;
    background-image: url("../img/blockchain-development/png/blockchain-d-sprite5.png");
    background-repeat: no-repeat;
    background-size: 100% auto
}

.why-choose-blockchain .custom-scroll ul li .icon.icon1 {
    background-position: 0 0
}

.why-choose-blockchain .custom-scroll ul li .icon.icon2 {
    background-position: 0 -60px
}

.why-choose-blockchain .custom-scroll ul li .icon.icon3 {
    background-position: 0 -120px
}

.why-choose-blockchain .custom-scroll ul li .icon.icon4 {
    background-position: 0 -180px
}

.why-choose-blockchain .custom-scroll ul li .icon.icon5 {
    background-position: 0 -240px
}

.why-choose-blockchain .custom-scroll ul li .icon.icon6 {
    background-position: 0 -300px
}

.why-choose-blockchain .custom-scroll ul li .icon.icon7 {
    background-position: 0 -360px
}

.why-choose-blockchain .custom-scroll ul li .icon.icon8 {
    background-position: 0 -420px
}

.why-choose-blockchain .custom-scroll ul li .icon.icon9 {
    background-position: 0 -480px
}

.why-choose-blockchain .custom-scroll ul li .icon.icon10 {
    background-position: 0 -540px
}

.why-choose-blockchain .custom-scroll ul li .icon.icon11 {
    background-position: 0 -600px
}

.why-choose-blockchain .custom-scroll ul li .icon.icon12 {
    background-position: 0 -660px
}

.why-choose-blockchain .custom-scroll ul li .icon.icon13 {
    background-position: 0 -720px
}

.why-choose-blockchain .custom-scroll ul li .icon.icon14 {
    background-position: 0 -780px
}

.why-choose-blockchain .custom-scroll ul li .icon.icon15 {
    background-position: 0 -840px
}

.why-choose-blockchain .custom-scroll ul li .name {
    display: block;
    line-height: 18px
}

.android-development-services.virtual-reality-services .service-box i {
    margin-bottom: 20px;
    display: inline-block
}

.android-development-services.virtual-reality-services .service-box i.icon:before {
    background-image: url("../img/virtual-reality-app-development/png/vr-sprite1.png")
}

.android-benefits.vr-benefits .benefits-box i:before {
    background-image: url("../img/virtual-reality-app-development/png/vr-sprite2.png")
}

.ios-industry-serve.vr-leading .archieve-box .awards-list .award:before {
    background-image: url("../img/virtual-reality-app-development/png/vr-sprite3.png")
}

.different-industry.vr-industries .industry-list .industry .icon {
    background-image: url("../img/virtual-reality-app-development/png/vr-sprite4.png")
}

.why-choose-blockchain.why-choose-vr .custom-scroll ul li .icon {
    background-image: url("../img/virtual-reality-app-development/png/vr-sprite6.png")
}

.section-tabs .nav-tabs {
    border-bottom-color: rgba(0,0,0,0.3);
    padding-bottom: 10px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    display: block;
    width: 100%;
    transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg)
}

.section-tabs .nav-tabs .nav-item {
    margin: 0 1rem;
    display: inline-block;
    transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg)
}

@media screen and (max-width: 767px) {
    .section-tabs .nav-tabs .nav-item {
        flex-basis:50%
    }
}

@media screen and (max-width: 480px) {
    .section-tabs .nav-tabs .nav-item {
        flex-basis:49%
    }
}

.section-tabs .nav-tabs .nav-item .nav-link {
    border: none;
    position: relative;
    color: #000;
    padding: .5rem 0;
    border-bottom: 2px solid transparent
}

@media screen and (max-width: 575px) {
    .section-tabs .nav-tabs .nav-item .nav-link {
        font-size:16px
    }
}

.section-tabs .nav-tabs .nav-item .nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 4px;
    background-color: transparent
}

.section-tabs .nav-tabs .nav-item .nav-link.active {
    background-color: transparent;
    color: #0076FF;
    border-bottom-color: #0076FF
}

.section-tabs .nav-tabs .nav-item .nav-link.active:before {
    background-color: #0076FF
}

.section-tabs .icons-list {
    margin-top: 30px
}

.section-tabs .icons-list li {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #E0E0E0;
    margin: 0px 5px 12px 5px
}

@media screen and (max-width: 575px) {
    .section-tabs .icons-list li {
        margin-bottom:12px
    }
}

.section-tabs .icons-list li .icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: 10px;
    background-image: url(../img/virtual-reality-app-development/png/vr-ap1.png);
    background-repeat: no-repeat
}

.section-tabs .icons-list li .icon.icon1 {
    background-position: 0 0px
}

.section-tabs .icons-list li .icon.icon2 {
    background-position: 0 -70px
}

.section-tabs .icons-list li .icon.icon3 {
    background-position: 0 -140px
}

.section-tabs .icons-list li .icon.icon4 {
    background-position: 0 -210px
}

.section-tabs .icons-list li .icon.icon5 {
    background-position: 0 -280px
}

.section-tabs .icons-list li .icon.icon6 {
    background-position: 0 -350px
}

.section-tabs .icons-list li .icon.icon7 {
    background-position: 0 -420px
}

.section-tabs .icons-list li .icon.icon8 {
    background-position: 0 -490px
}

.section-tabs .icons-list li .icon.icon9 {
    background-position: 0 -560px
}

.section-tabs .icons-list li .icon.icon10 {
    background-position: 0 -630px
}

.section-tabs .icons-list li .icon.icon11 {
    background-position: 0 -700px
}

.section-tabs .icons-list li .icon.icon12 {
    background-position: 0 -770px
}

.section-tabs .icons-list li .icon.icon13 {
    background-position: 0 -840px
}

.section-tabs .icons-list li .icon.icon14 {
    background-position: 0 -910px
}

.section-tabs .icons-list li .icon.icon15 {
    background-position: 0 -980px
}

.section-tabs .icons-list li .icon.icon16 {
    background-position: 0 -1050px
}

.section-tabs .icons-list li .icon.icon17 {
    background-position: 0 -1120px
}

.section-tabs .icons-list li .icon.icon18 {
    background-position: 0 -1190px
}

.section-tabs .icons-list li .icon.icon19 {
    background-position: 0 -1260px
}

.section-tabs .icons-list li .icon.icon20 {
    background-position: 0 -1330px
}

.section-tabs .icons-list li .icon.icon21 {
    background-position: 0 -1400px
}

.section-tabs .icons-list li .icon.icon22 {
    background-position: 0 -1470px
}

.section-tabs .icons-list li .icon.icon23 {
    background-position: 0 -1540px
}

.section-tabs .icons-list li .icon.icon24 {
    background-position: 0 -1610px
}

.section-tabs .icons-list li .icon.icon25 {
    background-position: 0 -1680px
}

.section-tabs .icons-list li .icon.icon26 {
    background-position: 0 -1750px
}

.section-tabs .icons-list li .icon.icon27 {
    background-position: 0 -1820px
}

.section-tabs .icons-list li .icon.icon28 {
    background-position: 0 -1890px
}

.section-tabs .icons-list li .icon.icon29 {
    background-position: 0 -1960px
}

.section-tabs .icons-list li .icon.icon30 {
    background-position: 0 -2030px
}

.section-tabs .icons-list li .icon.icon31 {
    background-position: 0 -2100px
}

.section-tabs .icons-list li .icon.icon32 {
    background-position: 0 -2170px
}

.section-tabs .icons-list li .icon.icon33 {
    background-position: 0 -2240px
}

.section-tabs .icons-list li .icon.icon34 {
    background-position: 0 -2310px
}

.section-tabs .icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url(../img/virtual-reality-app-development/png/vr-ap1.png);
    background-repeat: no-repeat
}

.section-tabs .icon.icon1 {
    background-position: 0 0px
}

.section-tabs .icon.icon2 {
    background-position: 0 -70px
}

.section-tabs .icon.icon3 {
    background-position: 0 -140px
}

.section-tabs .icon.icon4 {
    background-position: 0 -210px
}

.section-tabs .icon.icon5 {
    background-position: 0 -280px
}

.vr-technologies h2 {
    font-family: "interlight"
}

.vr-technologies .vr-techno-list {
    display: flex;
    flex-wrap: wrap
}

.vr-technologies .vr-techno-list li {
    flex-basis: 29%;
    margin: 15px;
    text-align: center
}

@media screen and (max-width: 1599px) {
    .vr-technologies .vr-techno-list li {
        margin:15px 5px
    }
}

@media screen and (max-width: 1199px) {
    .vr-technologies .vr-techno-list li {
        margin:15px 0px
    }
}

@media screen and (max-width: 575px) {
    .vr-technologies .vr-techno-list li {
        flex-basis:50%
    }
}

.vr-technologies .vr-techno-list li .icon {
    display: inline-block;
    width: 200px;
    height: 134px;
    background-image: url(../img/virtual-reality-app-development/jpg/vr-ap2.jpg);
    background-repeat: no-repeat
}

@media screen and (max-width: 1399px) {
    .vr-technologies .vr-techno-list li .icon {
        width:150px;
        height: 100px;
        background-size: 100% auto
    }
}

.vr-technologies .vr-techno-list li .icon.icon1 {
    background-position: 0 0px
}

@media screen and (max-width: 1399px) {
    .vr-technologies .vr-techno-list li .icon.icon1 {
        background-position:0 0px
    }
}

.vr-technologies .vr-techno-list li .icon.icon2 {
    background-position: 0 -134px
}

@media screen and (max-width: 1399px) {
    .vr-technologies .vr-techno-list li .icon.icon2 {
        background-position:0 -100px
    }
}

.vr-technologies .vr-techno-list li .icon.icon3 {
    background-position: 0 -268px
}

@media screen and (max-width: 1399px) {
    .vr-technologies .vr-techno-list li .icon.icon3 {
        background-position:0 -200px
    }
}

.vr-technologies .vr-techno-list li .icon.icon4 {
    background-position: 0 -402px
}

@media screen and (max-width: 1399px) {
    .vr-technologies .vr-techno-list li .icon.icon4 {
        background-position:0 -300px
    }
}

.vr-technologies .vr-techno-list li .icon.icon5 {
    background-position: 0 -536px
}

@media screen and (max-width: 1399px) {
    .vr-technologies .vr-techno-list li .icon.icon5 {
        background-position:0 -400px
    }
}

.vr-technologies .vr-techno-list li .icon.icon6 {
    background-position: 0 -670px
}

@media screen and (max-width: 1399px) {
    .vr-technologies .vr-techno-list li .icon.icon6 {
        background-position:0 -500px
    }
}

@media (max-width: 991px) {
    .cryptocurrency-exchange {
        text-align:center
    }
}

.cryptocurrency-exchange h2 {
    font-family: "interlight";
    margin-bottom: 0
}

.cryptocurrency-exchange h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.cryptocurrency-exchange p.top {
    margin-top: 27px
}

@media (max-width: 767px) {
    .cryptocurrency-exchange p.top {
        margin-bottom:0px
    }
}

.cryptocurrency-exchange .crypto-img .gif-ani {
    position: relative;
    max-width: 800px
}

.cryptocurrency-exchange .crypto-img .gif-ani:before {
    content: "";
    width: 100px;
    height: 100px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    background-color: #FF9100;
    position: absolute;
    left: -10px;
    top: -10px
}

.cryptocurrency-exchange .crypto-img .gif-ani:after {
    content: "";
    width: 100px;
    height: 100px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    background-color: #0076FF;
    position: absolute;
    right: -10px;
    bottom: -10px
}

.cryptocurrency-exchange .crypto-img img {
    position: relative;
    z-index: 1;
    max-width: 800px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    border: 1px solid #fff;
    width: 100%
}

@media (max-width: 991px) {
    .cryptocurrency-exchange .crypto-img img {
        margin-bottom:50px
    }
}

.android-development-services.cryptocurrency-services .service-box i.icon:before {
    background-image: url("../img/cryptocurrency-exchange-development/png/crypto-sprite1.png")
}

.android-development-services.cryptocurrency-services .service-box i.icon.icon7:before {
    background-position: 0 -300px
}

.android-development-services.cryptocurrency-services .service-box i.icon.icon8:before {
    background-position: 0 -350px
}

.android-development-services.cryptocurrency-services .service-box i.icon.icon9:before {
    background-position: 0 -400px
}

.android-development-services.cryptocurrency-services .service-box i.icon.icon10:before {
    background-position: 0 -450px
}

.android-development-services.cryptocurrency-services .service-box i.icon.icon11:before {
    background-position: 0 -500px
}

.android-development-services.cryptocurrency-services .service-box i.icon.icon12:before {
    background-position: 0 -550px
}

.android-development-services.cryptocurrency-services .service-box.sb7 {
    background-color: #b1bf28
}

.android-development-services.cryptocurrency-services .service-box.sb8 {
    background-color: #b13aa6
}

.android-development-services.cryptocurrency-services .service-box.sb9 {
    background-color: #0fc1bf
}

.android-development-services.cryptocurrency-services .service-box.sb10 {
    background-color: #62ad40
}

.android-development-services.cryptocurrency-services .service-box.sb11 {
    background-color: #b16b3a
}

.android-development-services.cryptocurrency-services .service-box.sb12 {
    background-color: #0f8fc1
}

@media (max-width: 1024px) {
    .android-benefits.crypto-benefits .col-sm-4,.android-benefits.crypto-benefits .col-md-4 {
        width:50%
    }
}

@media (max-width: 767px) {
    .android-benefits.crypto-benefits .col-sm-4,.android-benefits.crypto-benefits .col-md-4 {
        width:100%
    }
}

.android-benefits.crypto-benefits .ios-b-img img {
    max-width: 500px;
    width: 100%
}

.android-benefits.crypto-benefits .benefits-box {
    padding: 30px 20px 30px 90px;
    margin-top: 20px
}

.android-benefits.crypto-benefits .benefits-box i {
    top: -15px
}

.android-benefits.crypto-benefits .benefits-box i:before {
    background-image: url("../img/cryptocurrency-exchange-development/png/crypto-sprite2.png")
}

.android-benefits.crypto-benefits .benefits-box i.icon7:before {
    background-position: 0 -720px
}

.android-benefits.crypto-benefits .benefits-box i.icon8:before {
    background-position: 0 -840px
}

.android-benefits.crypto-benefits .benefits-box i.icon9:before {
    background-position: 0 -960px
}

.android-benefits.crypto-benefits .benefits-box i.icon10:before {
    background-position: 0 -1080px
}

.android-benefits.crypto-benefits .benefits-box.right {
    padding: 30px 90px 30px 20px
}

@media (max-width: 1024px) {
    .android-benefits.crypto-benefits .benefits-box.right {
        text-align:left;
        padding: 20px 20px 20px 90px
    }
}

.android-benefits.crypto-benefits .benefits-box:hover i.icon7:before {
    background-position: 0 -780px
}

.android-benefits.crypto-benefits .benefits-box:hover i.icon8:before {
    background-position: 0 -900px
}

.android-benefits.crypto-benefits .benefits-box:hover i.icon9:before {
    background-position: 0 -1020px
}

.android-benefits.crypto-benefits .benefits-box:hover i.icon10:before {
    background-position: 0 -1140px
}

.robust-services.cryptocurrency-platform .service-box .icon {
    width: 60px;
    height: 60px;
    background-image: url(../img/cryptocurrency-exchange-development/png/crypto-sprite3.png);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.robust-services.cryptocurrency-platform .service-box .icon.icon1 {
    background-position: 0 0
}

.robust-services.cryptocurrency-platform .service-box .icon.icon2 {
    background-position: 0 -120px
}

.robust-services.cryptocurrency-platform .service-box .icon.icon3 {
    background-position: 0 -240px
}

.robust-services.cryptocurrency-platform .service-box .icon.icon4 {
    background-position: 0 -360px
}

.robust-services.cryptocurrency-platform .service-box .icon.icon5 {
    background-position: 0 -480px
}

.robust-services.cryptocurrency-platform .service-box .icon.icon6 {
    background-position: 0 -600px
}

.robust-services.cryptocurrency-platform .service-box .icon.icon7 {
    background-position: 0 -720px
}

.robust-services.cryptocurrency-platform .service-box .icon.icon8 {
    background-position: 0 -840px
}

.robust-services.cryptocurrency-platform .service-box .icon.icon9 {
    background-position: 0 -960px
}

.robust-services.cryptocurrency-platform .service-box .icon.icon10 {
    background-position: 0 -1080px
}

.robust-services.cryptocurrency-platform .service-box .icon.icon11 {
    background-position: 0 -1200px
}

.robust-services.cryptocurrency-platform .service-box .icon.icon12 {
    background-position: 0 -1320px
}

.robust-services.cryptocurrency-platform .service-box.active .icon.icon1 {
    background-position: 0 -60px
}

.robust-services.cryptocurrency-platform .service-box:hover .icon.icon1 {
    background-position: 0 -60px
}

.robust-services.cryptocurrency-platform .service-box:hover .icon.icon2 {
    background-position: 0 -180px
}

.robust-services.cryptocurrency-platform .service-box:hover .icon.icon3 {
    background-position: 0 -300px
}

.robust-services.cryptocurrency-platform .service-box:hover .icon.icon4 {
    background-position: 0 -420px
}

.robust-services.cryptocurrency-platform .service-box:hover .icon.icon5 {
    background-position: 0 -540px
}

.robust-services.cryptocurrency-platform .service-box:hover .icon.icon6 {
    background-position: 0 -660px
}

.robust-services.cryptocurrency-platform .service-box:hover .icon.icon7 {
    background-position: 0 -780px
}

.robust-services.cryptocurrency-platform .service-box:hover .icon.icon8 {
    background-position: 0 -900px
}

.robust-services.cryptocurrency-platform .service-box:hover .icon.icon9 {
    background-position: 0 -1020px
}

.robust-services.cryptocurrency-platform .service-box:hover .icon.icon10 {
    background-position: 0 -1140px
}

.robust-services.cryptocurrency-platform .service-box:hover .icon.icon11 {
    background-position: 0 -1260px
}

.robust-services.cryptocurrency-platform .service-box:hover .icon.icon12 {
    background-position: 0 -1380px
}

.blockchain-technologies.cryptocurrency-features {
    position: relative
}

@media (max-width: 767px) {
    .blockchain-technologies.cryptocurrency-features {
        padding-bottom:10px
    }
}

.blockchain-technologies.cryptocurrency-features:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.blockchain-technologies.cryptocurrency-features .andBox {
    text-align: center;
    border-color: #edf5fa;
    box-shadow: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blockchain-technologies.cryptocurrency-features .andBox:hover {
    border-color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.blockchain-technologies.cryptocurrency-features .andBox .icon {
    width: 160px;
    height: 96px;
    display: inline-block;
    background-image: url(../img/cryptocurrency-exchange-development/png/crypto-sprite4.png);
    background-repeat: no-repeat;
    margin: 1.5rem 2.8rem
}

.blockchain-technologies.cryptocurrency-features .andBox .icon.icon1 {
    background-position: 0 0
}

.blockchain-technologies.cryptocurrency-features .andBox .icon.icon2 {
    background-position: 0 -96px
}

.blockchain-technologies.cryptocurrency-features .andBox .icon.icon3 {
    background-position: 0 -192px
}

.blockchain-technologies.cryptocurrency-features .andBox .icon.icon4 {
    background-position: 0 -288px
}

.blockchain-technologies.cryptocurrency-features .andBox .icon.icon5 {
    background-position: 0 -384px
}

.blockchain-technologies.cryptocurrency-features .andBox .icon.icon6 {
    background-position: 0 -480px
}

.blockchain-technologies.cryptocurrency-features .andBox .icon.icon7 {
    background-position: 0 -576px
}

.blockchain-technologies.cryptocurrency-features .andBox .icon.icon8 {
    background-position: 0 -672px
}

.whitelabel-cryptocurrency {
    position: relative
}

.whitelabel-cryptocurrency:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

@media (max-width: 991px) {
    .whitelabel-cryptocurrency {
        text-align:center
    }

    .whitelabel-cryptocurrency .btn {
        margin-bottom: 40px
    }
}

.whitelabel-cryptocurrency h2 {
    font-family: "interlight";
    margin-bottom: 0;
    padding-right: 50px
}

@media (max-width: 991px) {
    .whitelabel-cryptocurrency h2 {
        padding-right:0px
    }
}

.whitelabel-cryptocurrency h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.whitelabel-cryptocurrency p.top {
    margin-top: 27px
}

@media (max-width: 767px) {
    .whitelabel-cryptocurrency p.top {
        margin-bottom:0px
    }
}

.whitelabel-cryptocurrency .wc-img {
    margin-top: 50px
}

.whitelabel-cryptocurrency .wc-img img {
    max-width: 600px;
    width: 100%
}

.whitelabel-cryptocurrency .crypto-list {
    margin-bottom: 20px;
    margin-top: 20px
}

@media (max-width: 991px) {
    .whitelabel-cryptocurrency .crypto-list {
        margin-top:0px;
        text-align: left
    }
}

.whitelabel-cryptocurrency .crypto-list li {
    display: inline-block;
    margin-right: 20px;
    font-family: "intermedium";
    position: relative;
    padding: 0 10px 0 23px;
    margin-bottom: 20px
}

.whitelabel-cryptocurrency .crypto-list li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0
}

.whitelabel-cryptocurrency .crypto-list li:hover {
    border-left-color: #0076FF
}

@media screen and (max-width: 767px) {
    .whitelabel-cryptocurrency .crypto-list li {
        flex-basis:50%
    }
}

@media screen and (max-width: 575px) {
    .whitelabel-cryptocurrency .crypto-list li {
        flex-basis:100%
    }
}

.crypto-centralized {
    position: relative
}

@media (max-width: 991px) {
    .crypto-centralized {
        text-align:center
    }
}

@media (max-width: 767px) {
    .crypto-centralized {
        padding-bottom:0
    }
}

.crypto-centralized:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

@media (max-width: 991px) {
    .crypto-centralized {
        text-align:center
    }
}

.crypto-centralized h2 {
    font-family: "interlight";
    margin-bottom: 0;
    padding-right: 50px
}

@media (max-width: 991px) {
    .crypto-centralized h2 {
        padding-right:0px
    }
}

.crypto-centralized h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.crypto-centralized p.top {
    margin-top: 27px
}

@media (max-width: 767px) {
    .crypto-centralized p.top {
        margin-bottom:0px
    }
}

.crypto-centralized .wc-img {
    margin-top: 50px
}

.crypto-centralized .wc-img img {
    max-width: 600px;
    width: 100%
}

.crypto-centralized .cd-list {
    margin-bottom: 20px;
    margin-top: 50px
}

@media (max-width: 991px) {
    .crypto-centralized .cd-list {
        text-align:left
    }
}

.crypto-centralized .cd-list li {
    margin-right: 20px;
    font-family: "intermedium";
    position: relative;
    padding: 0 10px 0 23px;
    margin-bottom: 20px
}

.crypto-centralized .cd-list li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0
}

.crypto-centralized .cd-list li:hover {
    border-left-color: #0076FF
}

.cryptocurrency-development-platform {
    position: relative
}

.cryptocurrency-development-platform:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

@media (max-width: 991px) {
    .cryptocurrency-development-platform {
        text-align:center
    }
}

.cryptocurrency-development-platform h2 {
    font-family: "interlight";
    margin-bottom: 0;
    padding-right: 50px
}

@media (max-width: 991px) {
    .cryptocurrency-development-platform h2 {
        padding-right:0px
    }
}

.cryptocurrency-development-platform h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.cryptocurrency-development-platform p.top {
    margin-top: 27px
}

@media (max-width: 991px) {
    .cryptocurrency-development-platform p.top {
        margin-bottom:0px
    }
}

.cryptocurrency-development-platform .crypto-allCoins .owl-nav {
    margin-top: 50px;
    text-align: center
}

@media (max-width: 991px) {
    .cryptocurrency-development-platform .crypto-allCoins .owl-nav {
        margin-top:0px
    }
}

@media (max-width: 640px) {
    .cryptocurrency-development-platform .crypto-allCoins .owl-nav {
        margin-top:20px
    }
}

.cryptocurrency-development-platform .crypto-allCoins .owl-nav button {
    margin: 10px;
    display: inline-block;
    position: absolute;
    top: 40%
}

.cryptocurrency-development-platform .crypto-allCoins .owl-nav button:after,.cryptocurrency-development-platform .crypto-allCoins .owl-nav button:before {
    display: none
}

@media (max-width: 640px) {
    .cryptocurrency-development-platform .crypto-allCoins .owl-nav button {
        position:static
    }
}

.cryptocurrency-development-platform .crypto-allCoins .owl-nav button.owl-prev {
    left: -40px
}

.cryptocurrency-development-platform .crypto-allCoins .owl-nav button.owl-next {
    right: -40px
}

.cryptocurrency-development-platform .crypto-allCoins .owl-nav button i {
    font-size: 26px
}

.cryptocurrency-development-platform .all-coins {
    margin-top: 50px
}

.cryptocurrency-development-platform .all-coins li {
    text-align: center;
    margin: 10px 1px;
    border: 1px solid #E0E0E0;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.cryptocurrency-development-platform .all-coins li:hover {
    border-color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.cryptocurrency-development-platform .all-coins li h4 {
    font-size: 16px
}

.cryptocurrency-development-platform .all-coins li .icon {
    display: inline-block;
    width: 66px;
    height: 66px;
    background-image: url(../img/cryptocurrency-exchange-development/png/crypto-sprite5.png);
    background-repeat: no-repeat
}

.cryptocurrency-development-platform .all-coins li .icon.icon1 {
    background-position: 0 0
}

.cryptocurrency-development-platform .all-coins li .icon.icon2 {
    background-position: 0 -66px
}

.cryptocurrency-development-platform .all-coins li .icon.icon3 {
    background-position: 0 -132px
}

.cryptocurrency-development-platform .all-coins li .icon.icon4 {
    background-position: 0 -198px
}

.cryptocurrency-development-platform .all-coins li .icon.icon5 {
    background-position: 0 -264px
}

.cryptocurrency-development-platform .all-coins li .icon.icon6 {
    background-position: 0 -330px
}

.cryptocurrency-development-platform .all-coins li .icon.icon7 {
    background-position: 0 -396px
}

.cryptocurrency-development-platform .all-coins li .icon.icon8 {
    background-position: 0 -462px
}

.cryptocurrency-development-platform .all-coins li .icon.icon9 {
    background-position: 0 -528px
}

.cryptocurrency-development-platform .all-coins li .icon.icon10 {
    background-position: 0 -594px
}

.cryptocurrency-development-platform .all-coins li .icon.icon11 {
    background-position: 0 -660px
}

.cryptocurrency-development-platform .all-coins li .icon.icon12 {
    background-position: 0 -726px
}

.cryptocurrency-development-platform .all-coins li .icon.icon13 {
    background-position: 0 -792px
}

.cryptocurrency-development-platform .all-coins li .icon.icon14 {
    background-position: 0 -858px
}

.cryptocurrency-development-platform .all-coins li .icon.icon15 {
    background-position: 0 -924px
}

.cryptocurrency-development-platform .all-coins li .icon.icon16 {
    background-position: 0 -990px
}

.cryptocurrency-development-platform .all-coins li .icon.icon17 {
    background-position: 0 -1056px
}

.cryptocurrency-development-platform .all-coins li .icon.icon18 {
    background-position: 0 -1122px
}

.cryptocurrency-development-platform .all-coins li .icon.icon19 {
    background-position: 0 -1188px
}

.cryptocurrency-development-platform .all-coins li .icon.icon20 {
    background-position: 0 -1254px
}

.cryptocurrency-development-platform .all-coins li .icon.icon21 {
    background-position: 0 -1320px
}

.cryptocurrency-development-platform .all-coins li .icon.icon22 {
    background-position: 0 -1386px
}

.cryptocurrency-development-platform .all-coins li .icon.icon23 {
    background-position: 0 -1452px
}

.cryptocurrency-development-platform .all-coins li .icon.icon24 {
    background-position: 0 -1518px
}

.cryptocurrency-development-platform .all-coins li .icon.icon25 {
    background-position: 0 -1584px
}

.cryptocurrency-development-platform .all-coins li .icon.icon26 {
    background-position: 0 -1650px
}

.cryptocurrency-development-platform .all-coins li .icon.icon27 {
    background-position: 0 -1716px
}

.cryptocurrency-development-platform .all-coins li .icon.icon28 {
    background-position: 0 -1783px
}

.cryptocurrency-development-platform .all-coins li .icon.icon29 {
    background-position: 0 -1851px
}

.cryptocurrency-development-platform .all-coins li .icon.icon30 {
    background-position: 0 -1922px
}

.cryptocurrency-development-platform .all-coins li .icon.icon31 {
    background-position: 0 -1989px
}

.cryptocurrency-development-platform .all-coins li .icon.icon32 {
    background-position: 0 -2055px
}

.cryptocurrency-development-platform .all-coins li .icon.icon33 {
    background-position: 0 -2121px
}

.cryptocurrency-development-platform .all-coins li .icon.icon34 {
    background-position: 0 -2187px
}

.cryptocurrency-development-platform .all-coins li .icon.icon35 {
    background-position: 0 -2253px
}

.cryptocurrency-development-platform .all-coins li .icon.icon36 {
    background-position: 0 -2319px
}

.why-choose-blockchain.why-choose-cryptocurrency .custom-scroll ul li .icon {
    background-image: url(../img/cryptocurrency-exchange-development/png/crypto-sprite6.png)
}

.engagement-models {
    background-color: #f7f7f7
}

@media (max-width: 1024px) {
    .engagement-models .col-sm-3,.engagement-models .col-md-3 {
        width:50%
    }
}

@media (max-width: 991px) {
    .engagement-models {
        text-align:center
    }
}

@media (max-width: 575px) {
    .engagement-models .col-sm-3,.engagement-models .col-md-3 {
        width:100%
    }

    .engagement-models .mb-40 {
        margin-bottom: 20px
    }
}

.engagement-models h2 {
    font-family: "interlight"
}

.engagement-models h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.engagement-models p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .engagement-models p.top {
        margin-top:0px
    }
}

.engagement-models .service-box {
    background-color: #fff;
    padding: 20px;
    margin-top: 30px;
    height: 93%;
    position: relative;
    padding-bottom: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.engagement-models .service-box .icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    background-image: url(../img/cryptocurrency-exchange-development/png/crypto-sprite7.png);
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.engagement-models .service-box .icon.icon1 {
    background-position: 0 0
}

.engagement-models .service-box .icon.icon2 {
    background-position: 0 -120px
}

.engagement-models .service-box .icon.icon3 {
    background-position: 0 -240px
}

.engagement-models .service-box.active {
    background-color: #0076FF;
    color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.engagement-models .service-box.active .icon.icon2 {
    background-position: 0 -180px
}

.engagement-models .service-box:hover {
    background-color: #0076FF;
    color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.engagement-models .service-box:hover .icon.icon1 {
    background-position: 0 -60px
}

.engagement-models .service-box:hover .icon.icon2 {
    background-position: 0 -180px
}

.engagement-models .service-box:hover .icon.icon3 {
    background-position: 0 -300px
}

.engagement-models .service-box .engage-list {
    margin-bottom: 20px;
    margin-top: 50px
}

@media (max-width: 991px) {
    .engagement-models .service-box .engage-list {
        margin-top:0px;
        text-align: left
    }
}

.engagement-models .service-box .engage-list li {
    margin-right: 20px;
    font-family: "intermedium";
    position: relative;
    padding: 0 10px 0 23px;
    margin-bottom: 20px
}

.engagement-models .service-box .engage-list li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0
}

.engagement-models .service-box .engage-list li:hover {
    border-left-color: #0076FF
}

.process-setup {
    position: relative
}

.process-setup:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

@media (max-width: 991px) {
    .process-setup {
        text-align:center
    }
}

.process-setup h2 {
    font-family: "interlight";
    margin-bottom: 0;
    padding-right: 50px
}

@media (max-width: 991px) {
    .process-setup h2 {
        padding-right:0px
    }
}

.process-setup h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.process-setup p.top {
    margin-top: 27px
}

@media (max-width: 991px) {
    .process-setup p.top {
        margin-bottom:0px
    }
}

.process-setup .process-timeline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 100px
}

.process-setup .process-timeline li {
    flex-basis: 33%;
    position: relative;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px
}

@media (max-width: 1024px) {
    .process-setup .process-timeline li {
        padding:20px;
        flex-basis: 50%
    }
}

@media (max-width: 575px) {
    .process-setup .process-timeline li {
        padding:15px;
        flex-basis: 100%
    }
}

.process-setup .process-timeline li h3 {
    font-family: "interbold"
}

.process-setup .process-timeline li p {
    min-height: 150px
}

.process-setup .process-timeline li .line {
    height: 30px;
    display: block;
    border: 2px solid #0076FF;
    border-bottom: none;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    position: relative
}

.process-setup .process-timeline li .line:before {
    content: "";
    width: 2px;
    height: 30px;
    background-color: #0076FF;
    position: absolute;
    left: 0;
    right: 0;
    top: -30px;
    margin-left: auto;
    margin-right: auto
}

.process-setup .process-timeline li .line .nbr {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #0076FF;
    text-align: center;
    color: #0076FF;
    position: absolute;
    left: 0;
    right: 0;
    top: -70px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    font-size: 22px;
    padding-top: 7px;
    font-family: "interbold"
}

.metaverse-banner {
    position: relative;
    padding: 150px 0;
    overflow: hidden
}

.metaverse-banner.home-video1 {
    padding: 80px 0 0 0;
    min-height: 850px
}

@media screen and (max-width: 1600px) {
    .metaverse-banner.home-video1 {
        min-height:750px
    }
}

@media screen and (max-width: 1440px) {
    .metaverse-banner.home-video1 {
        min-height:800px
    }
}

@media screen and (max-width: 1366px) {
    .metaverse-banner.home-video1 {
        min-height:750px
    }
}

@media screen and (max-width: 1200px) {
    .metaverse-banner.home-video1 {
        min-height:700px
    }
}

@media screen and (max-width: 991px) {
    .metaverse-banner.home-video1 {
        padding-top:0px;
        padding-bottom: 50px;
        max-height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.metaverse-banner.home-video1:before {
    background-color: #00295A;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.7;
    margin-top: 0px;
    z-index: 3;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
    background-image: none
}

@media screen and (max-width: 991px) {
    .metaverse-banner.home-video1:before {
        z-index:3
    }
}

.metaverse-banner.home-video1:after {
    background-color: #000;
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-image: url(../img/metaverse-development/webp/metaverse-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

@media screen and (max-width: 991px) {
    .metaverse-banner.home-video1:after {
        z-index:1
    }
}

@media screen and (max-width: 575px) {
    .metaverse-banner.home-video1:after {
        background-position:center right
    }
}

.metaverse-banner.home-video1 .home-text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    z-index: 4;
    flex-direction: column
}

@media screen and (max-width: 991px) {
    .metaverse-banner.home-video1 .home-text {
        position:relative;
        z-index: 4;
        margin-top: 50px;
        text-align: center
    }
}

.metaverse-banner.home-video1 h1 {
    text-align: left;
    color: #fff;
    font-family: "interbold";
    padding-right: 0;
    margin-top: 0px
}

@media screen and (max-width: 991px) {
    .metaverse-banner.home-video1 h1 {
        margin-top:80px;
        text-align: center
    }
}

.metaverse-banner.home-video1 h1 abbr {
    display: inline-block;
    color: #fff;
    font-family: "intermedium"
}

.metaverse-banner.home-video1 h1 span {
    display: block
}

.metaverse-banner.home-video1 p {
    text-align: left;
    color: #fff
}

@media screen and (max-width: 991px) {
    .metaverse-banner.home-video1 p {
        text-align:center
    }
}

.metaverse-banner.home-video1 .btn {
    margin: 10px;
    padding: 20px 50px 20px 30px;
    font-size: 20px;
    font-family: "interbold";
    -webkit-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2)
}

@media screen and (max-width: 991px) {
    .metaverse-banner.home-video1 .btn {
        padding:15px 42px 15px 15px;
        font-size: 16px
    }
}

.metaverse-banner.home-video1 .btn:active {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2)
}

.metaverse-banner.home-video1 .btn.btn-red {
    background: #e54724;
    background: -webkit-linear-gradient(bottom, #e54724 0%, #f7023f 100%);
    background: -o-linear-gradient(bottom, #e54724 0%, #f7023f 100%);
    background: linear-gradient(to top, #e54724 0%, #f7023f 100%)
}

.metaverse-banner.home-video1 .btn.btn-blue {
    background: #0167e7;
    background: -webkit-linear-gradient(bottom, #0167e7 0%, #053390 100%);
    background: -o-linear-gradient(bottom, #0167e7 0%, #053390 100%);
    background: linear-gradient(to top, #0167e7 0%, #053390 100%)
}

.metaverse-banner.home-video1 .btn .arrow {
    width: 30px;
    height: 30px
}

@media screen and (max-width: 991px) {
    .metaverse-banner.home-video1 .btn .arrow {
        width:20px;
        height: 20px
    }
}

.metaverse-banner.home-video1 .home-video {
    width: 100vw;
    height: auto;
    position: relative;
    z-index: 2
}

.metaverse-banner.home-video1 .home-video::-webkit-media-controls {
    display: none
}

.metaverse-banner.home-video1 .home-video::-moz-media-controls {
    display: none
}

.metaverse-banner.home-video1 .home-video::-webkit-media-controls-enclosure {
    display: none
}

.metaverse-banner.home-video1 .home-video::-moz-media-controls-enclosure {
    display: none
}

@media screen and (max-width: 991px) {
    .metaverse-banner.home-video1 .home-video {
        display:none
    }
}

.metaverse-banner.home-video1 .mobile-video {
    display: none;
    width: auto;
    height: 900px;
    z-index: 2
}

.metaverse-banner.home-video1 .mobile-video::-webkit-media-controls {
    display: none
}

.metaverse-banner.home-video1 .mobile-video::-moz-media-controls {
    display: none
}

.metaverse-banner.home-video1 .mobile-video::-webkit-media-controls-enclosure {
    display: none
}

.metaverse-banner.home-video1 .mobile-video::-moz-media-controls-enclosure {
    display: none
}

@media screen and (max-width: 991px) {
    .metaverse-banner.home-video1 .mobile-video {
        display:block;
        margin-top: 211px
    }
}

.metaverse-banner.home-video1 .partners {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .metaverse-banner.home-video1 .partners {
        display:block;
        text-align: center;
        position: static;
        margin-top: 30px;
        margin-bottom: 30px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        min-height: 100px
    }
}

.metaverse-banner.home-video1 .partners .icon {
    position: relative;
    flex-basis: 20%;
    align-items: flex-start;
    width: 200px;
    height: 100px;
    margin: 15px 0
}

@media screen and (max-width: 1024px) {
    .metaverse-banner.home-video1 .partners .icon {
        width:150px;
        height: 75px;
        display: inline-block
    }
}

@media screen and (max-width: 991px) {
    .metaverse-banner.home-video1 .partners .icon {
        margin:10px;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .metaverse-banner.home-video1 .partners .icon {
        margin:5px 0
    }
}

.metaverse-banner.home-video1 .partners .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 200px;
    height: 100px;
    background-image: url(../img/home/png/partners.png);
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    background-size: 100% auto
}

@media screen and (max-width: 1024px) {
    .metaverse-banner.home-video1 .partners .icon:before {
        width:150px;
        height: 75px
    }
}

.metaverse-banner.home-video1 .partners .icon.icon1:before {
    background-position: 0 0px
}

@media screen and (max-width: 1024px) {
    .metaverse-banner.home-video1 .partners .icon.icon1:before {
        background-position:0 0px
    }
}

.metaverse-banner.home-video1 .partners .icon.icon2:before {
    background-position: 0 -100px
}

@media screen and (max-width: 1024px) {
    .metaverse-banner.home-video1 .partners .icon.icon2:before {
        background-position:0 -75px
    }
}

.metaverse-banner.home-video1 .partners .icon.icon3:before {
    background-position: 0 -200px
}

@media screen and (max-width: 1024px) {
    .metaverse-banner.home-video1 .partners .icon.icon3:before {
        background-position:0 -150px
    }
}

.metaverse-banner.home-video1 .partners .icon.icon4:before {
    background-position: 0 -300px
}

@media screen and (max-width: 1024px) {
    .metaverse-banner.home-video1 .partners .icon.icon4:before {
        background-position:0 -225px
    }
}

.metaverse-banner.home-video1 .partners .icon.icon5:before {
    background-position: 0 -400px
}

@media screen and (max-width: 1024px) {
    .metaverse-banner.home-video1 .partners .icon.icon5:before {
        background-position:0 -300px
    }
}

@media (max-width: 991px) {
    .metaverse-banner {
        text-align:center
    }

    .metaverse-banner .row {
        flex-wrap: wrap-reverse
    }
}

@media (max-width: 767px) {
    .metaverse-banner {
        padding:100px 0 50px 0
    }
}

.metaverse-banner h1 {
    padding-right: 100px;
    font-family: "interlight"
}

@media (max-width: 1024px) {
    .metaverse-banner h1 {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .metaverse-banner h1 {
        padding-right:0
    }
}

.metaverse-banner p {
    padding-right: 100px
}

@media (max-width: 1024px) {
    .metaverse-banner p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .metaverse-banner p {
        padding-right:0
    }
}

.metaverse-banner:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.metaverse-banner .bnr-img {
    position: relative
}

@media (max-width: 767px) {
    .metaverse-banner .bnr-img {
        margin-bottom:30px;
        display: none;
        opacity: 0
    }
}

.metaverse-banner .bnr-img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100px;
    height: 200px;
    background-image: url("../img/home/png/dropshaddow.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom
}

@media (max-width: 575px) {
    .metaverse-banner .bnr-img:before {
        display:none
    }
}

.metaverse-banner .bnr-img .ani1 {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    animation: floatY 6s ease-in-out infinite
}

.metaverse-banner .bnr-img .ani2 {
    -webkit-transition: 5s;
    -moz-transition: 5s;
    -ms-transition: 5s;
    -o-transition: 5s;
    transition: 5s;
    animation: floatX 5s ease-in-out infinite
}

.metaverse-banner .bnr-img .ani3 {
    -webkit-transition: 7s;
    -moz-transition: 7s;
    -ms-transition: 7s;
    -o-transition: 7s;
    transition: 7s;
    animation: floatX 7s ease-in-out infinite
}

.metaverse-banner .bnr-img .ani4 {
    -webkit-transition: 4s;
    -moz-transition: 4s;
    -ms-transition: 4s;
    -o-transition: 4s;
    transition: 4s;
    animation: floatY 4s ease-in-out infinite
}

.metaverse-banner .bnr-img .ani5 {
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -ms-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
    animation: floatY 3s ease-in-out infinite
}

@keyframes floatY {
    0% {
        transform: translateY(0px)
    }

    50% {
        transform: translateY(-20px)
    }

    100% {
        transform: translateY(0px)
    }
}

@keyframes floatX {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(-20px)
    }

    100% {
        transform: translateX(0px)
    }
}

.android-development-services.cryptocurrency-services.metaverse-development-services .service-box i.icon:before {
    background-image: url("../img/metaverse-development/png/metaverse-sprite1.png")
}

.android-benefits.metaverse-benefits .benefits-box i:before {
    background-image: url("../img/metaverse-development/png/metaverse-sprite2.png")
}

.blockchain-technologies.metaverse-technologies .andBox .display.dis1 {
    background-image: url(../img/metaverse-development/jpg/mt-b1.jpg)
}

.blockchain-technologies.metaverse-technologies .andBox .display.dis2 {
    background-image: url(../img/metaverse-development/jpg/mt-b2.jpg)
}

.blockchain-technologies.metaverse-technologies .andBox .display.dis3 {
    background-image: url(../img/metaverse-development/jpg/mt-b3.jpg)
}

.blockchain-technologies.metaverse-technologies .andBox .display.dis4 {
    background-image: url(../img/metaverse-development/jpg/mt-b4.jpg)
}

.blockchain-technologies.metaverse-technologies .andBox .display.dis5 {
    background-image: url(../img/metaverse-development/jpg/mt-b5.jpg)
}

.blockchain-technologies.metaverse-technologies .andBox .display.dis6 {
    background-image: url(../img/metaverse-development/jpg/mt-b6.jpg)
}

.blockchain-technologies.metaverse-technologies .andBox .display.dis7 {
    background-image: url(../img/metaverse-development/jpg/mt-b7.jpg)
}

.blockchain-technologies.metaverse-technologies .andBox .display.dis8 {
    background-image: url(../img/metaverse-development/jpg/mt-b8.jpg)
}

.blockchain-technologies.metaverse-technologies .andBox .display.dis9 {
    background-image: url(../img/metaverse-development/jpg/mt-b9.jpg)
}

.ios-industry-serve.solutions-industries .archieve-box .awards-list .award:before {
    background-image: url("../img/metaverse-development/png/metaverse-sprite3.png")
}

.different-industry.metaverse-industries .industry-list .industry .icon {
    background-image: url("../img/metaverse-development/png/metaverse-sprite4.png")
}

.why-choose-blockchain.why-metaverse .custom-scroll ul li .icon {
    background-image: url("../img/metaverse-development/png/metaverse-sprite5.png")
}

.metaverse-new-services {
    background-color: #f7f7f7
}

@media (max-width: 1024px) {
    .metaverse-new-services .col-sm-4,.metaverse-new-services .col-md-4 {
        width:50%
    }
}

@media (max-width: 991px) {
    .metaverse-new-services {
        text-align:center
    }

    .metaverse-new-services .col-sm-4,.metaverse-new-services .col-md-4 {
        width: 50%
    }
}

@media (max-width: 575px) {
    .metaverse-new-services .col-sm-4,.metaverse-new-services .col-md-4 {
        width:100%
    }

    .metaverse-new-services .mb-40 {
        margin-bottom: 20px
    }
}

.metaverse-new-services h2 {
    font-family: "interlight"
}

.metaverse-new-services h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.metaverse-new-services p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .metaverse-new-services p.top {
        margin-top:0px
    }
}

.metaverse-new-services .service-box {
    background-color: #fff;
    padding: 20px;
    margin-top: 30px;
    height: 93%;
    position: relative;
    padding-bottom: 50px;
    border: 1px solid #E0E0E0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.metaverse-new-services .service-box:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    height: 2px;
    width: 0;
    background-color: #0076FF;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.metaverse-new-services .service-box.sb1:before {
    background-color: #0fb531
}

.metaverse-new-services .service-box.sb2:before {
    background-color: #4b9efb
}

.metaverse-new-services .service-box.sb3:before {
    background-color: #1cccfc
}

.metaverse-new-services .service-box.sb4:before {
    background-color: #fd7070
}

.metaverse-new-services .service-box.sb5:before {
    background-color: #5648f9
}

.metaverse-new-services .service-box.sb6:before {
    background-color: #fd5f88
}

.metaverse-new-services .service-box .icon {
    margin-bottom: 20px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: -13px;
    background-image: url(../img/metaverse-development/png/metaverse-sprite6.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px
}

@media (max-width: 1024px) {
    .metaverse-new-services .service-box .icon {
        width:50px;
        height: 50px;
        background-size: 100% auto
    }
}

.metaverse-new-services .service-box .icon.icon1 {
    background-position: 0 0
}

@media (max-width: 1024px) {
    .metaverse-new-services .service-box .icon.icon1 {
        background-position:0 0
    }
}

.metaverse-new-services .service-box .icon.icon2 {
    background-position: 0 -60px
}

@media (max-width: 1024px) {
    .metaverse-new-services .service-box .icon.icon2 {
        background-position:0 -50px
    }
}

.metaverse-new-services .service-box .icon.icon3 {
    background-position: 0 -120px
}

@media (max-width: 1024px) {
    .metaverse-new-services .service-box .icon.icon3 {
        background-position:0 -100px
    }
}

.metaverse-new-services .service-box .icon.icon4 {
    background-position: 0 -180px
}

@media (max-width: 1024px) {
    .metaverse-new-services .service-box .icon.icon4 {
        background-position:0 -150px
    }
}

.metaverse-new-services .service-box h3 {
    padding-left: 70px;
    margin-top: 15px;
    position: relative
}

@media (max-width: 991px) {
    .metaverse-new-services .service-box h3 {
        text-align:left
    }
}

@media (max-width: 991px) {
    .metaverse-new-services .service-box p {
        text-align:left
    }
}

.metaverse-new-services .service-box .display {
    overflow: hidden;
    margin-top: 30px
}

.metaverse-new-services .service-box .display.top {
    margin-top: 0px;
    margin-bottom: 30px
}

.metaverse-new-services .service-box .display img {
    max-width: 722px;
    width: 100%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.metaverse-new-services .service-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    border-color: #BEBEBE
}

.metaverse-new-services .service-box:hover:before {
    width: 100%
}

.metaverse-new-services .service-box:hover .display img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.game-banner {
    position: relative;
    padding: 150px 0 150px 0;
    overflow: hidden
}

@media (max-width: 991px) {
    .game-banner {
        text-align:center;
        padding: 100px 0 100px 0
    }

    .game-banner .row {
        flex-wrap: wrap-reverse
    }
}

@media (max-width: 767px) {
    .game-banner {
        padding:50px 0 50px 0
    }
}

@media (max-width: 575px) {
    .game-banner {
        background:#2d167c;
        background: linear-gradient(45deg, #2d167c 50%, #05213a 100%)
    }
}

.game-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0;
    background-color: #000;
    background-image: url("../img/game-development/webp/game-wall3.webp");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

@media (max-width: 575px) {
    .game-banner:before {
        background-image:none !important;
        background: #2d167c;
        background: linear-gradient(45deg, #2d167c 50%, #05213a 100%)
    }
}

.game-banner h4.f-64 {
    font-size: 44px;
    line-height: 64px
}

@media screen and (max-width: 1919px) {
    .game-banner h4.f-64 {
        font-size:44px;
        line-height: 64px
    }
}

@media screen and (max-width: 1679px) {
    .game-banner h4.f-64 {
        font-size:42px;
        line-height: 60px
    }
}

@media screen and (max-width: 1439px) {
    .game-banner h4.f-64 {
        font-size:35px;
        line-height: 50px
    }
}

@media screen and (max-width: 1199px) {
    .game-banner h4.f-64 {
        font-size:35px;
        line-height: 48px
    }
}

@media screen and (max-width: 991px) {
    .game-banner h4.f-64 {
        font-size:35px;
        line-height: 48px
    }
}

@media screen and (max-width: 767px) {
    .game-banner h4.f-64 {
        font-size:25px;
        line-height: 30px
    }
}

@media screen and (max-width: 575px) {
    .game-banner h4.f-64 {
        font-size:25px;
        line-height: 40px
    }
}

.game-banner .banner-img {
    max-width: 509px;
    margin: 0 auto
}

.game-banner .banner-img img {
    width: 100%;
    height: auto
}

.game-banner.mobile-game-development:before {
    background-image: url("../img/game-development/webp/mobile-game-development-bg-new01.webp")
}

.game-banner.mobile-game-development.ext-padd {
    padding: 100px 0 100px 0
}

@media (max-width: 991px) {
    .game-banner.mobile-game-development.ext-padd {
        padding:100px 0 100px 0
    }

    .game-banner.mobile-game-development.ext-padd .row {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .game-banner.mobile-game-development.ext-padd {
        padding:50px 0 50px 0
    }
}

.game-banner.mobile-game-development .banner-img {
    max-width: 640px
}

.game-banner h1 {
    font-family: "interlight";
    color: #fff;
    font-family: "interbold"
}

.game-banner h1 b {
    font-family: "interbold"
}

.game-banner h1.mb-30 {
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .game-banner h1 {
        margin-top:50px
    }
}

@media (max-width: 575px) {
    .game-banner h1 {
        margin-top:10px
    }
}

.game-banner p {
    color: #fff;
    padding-right: 100px;
    line-height: 28px
}

@media (max-width: 1024px) {
    .game-banner p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .game-banner p {
        padding-right:0
    }
}

.game-banner .video-masking {
    width: 50vw;
    height: 50vw;
    margin-top: -100px;
    background-color: #1e0c28;
    text-align: center;
    position: absolute;
    right: -150px;
    top: 200px;
    overflow: hidden
}

@media (max-width: 1440px) {
    .game-banner .video-masking {
        width:56vw;
        height: 56vw
    }
}

@media (max-width: 1200px) {
    .game-banner .video-masking {
        width:60vw;
        height: 60vw
    }
}

@media (max-width: 991px) {
    .game-banner .video-masking {
        position:static;
        width: 100vw;
        height: auto;
        margin-top: 50px;
        display: none !important
    }
}

.game-banner .video-masking .mask-frame {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

@media screen and (max-width: 991px) {
    .game-banner .video-masking .mask-frame {
        height:auto;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        display: none
    }
}

.game-banner .video-masking video {
    width: auto;
    height: 100%
}

.game-banner .video-masking video::-webkit-media-controls {
    display: none
}

.game-banner .video-masking video::-moz-media-controls {
    display: none
}

.game-banner .video-masking video::-webkit-media-controls-enclosure {
    display: none
}

.game-banner .video-masking video::-moz-media-controls-enclosure {
    display: none
}

.game-banner .video-masking br {
    display: none
}

.game-banner .values {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.game-banner .values .plus-box {
    flex-basis: 25%;
    text-align: left;
    margin-right: 50px
}

@media screen and (max-width: 1200px) {
    .game-banner .values .plus-box {
        margin-right:40px
    }
}

@media screen and (max-width: 991px) {
    .game-banner .values .plus-box {
        text-align:center
    }
}

@media screen and (max-width: 575px) {
    .game-banner .values .plus-box {
        display:none
    }
}

@media screen and (max-width: 480px) {
    .game-banner .values .plus-box {
        margin-right:20px;
        flex-basis: 44%
    }
}

.game-banner .values .plus-box h4,.game-banner .values .plus-box .h4 {
    color: #fff;
    font-family: "interbold"
}

.game-banner .values .plus-box .fa-plus {
    font-size: 40px;
    display: inline-block;
    vertical-align: middle
}

.game-banner .values .plus-box p {
    color: #fff;
    font-family: "intermedium";
    border-top: 1px solid #cacaca;
    position: relative;
    padding-top: 10px;
    padding-right: 30px
}

@media screen and (max-width: 991px) {
    .game-banner .values .plus-box p {
        line-height:normal
    }
}

.game-banner .values .plus-box p::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    width: 40px;
    height: 7px
}

.game-banner .values .plus-box .pink::before {
    background-color: #FD7070
}

.game-banner .values .plus-box .green::before {
    background-color: #67CA72
}

.game-banner .values .plus-box .purple::before {
    background-color: #5648F9
}

.game-banner .head-pra {
    color: #fff;
    font-family: "intermedium"
}

.game-banner iframe {
    background: none !important
}

.game-banner iframe #previewApp {
    background: none !important;
    background-color: transparent;
    background-image: none
}

.game-banner .model-viewer {
    width: 45vw;
    height: 45vw;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 81px;
    z-index: 3;
    overflow: hidden
}

@media (max-width: 1600px) {
    .game-banner .model-viewer {
        width:48vw;
        height: 48vw
    }
}

@media (max-width: 1200px) {
    .game-banner .model-viewer {
        width:55vw;
        height: 60vw
    }
}

@media (max-width: 991px) {
    .game-banner .model-viewer {
        position:relative;
        width: 100%;
        height: 600px
    }
}

@media (max-width: 575px) {
    .game-banner .model-viewer {
        height:600px
    }
}

.game-banner .model-viewer p {
    display: inline-block;
    height: 100%;
    width: 100%
}

.game-banner .model-viewer model-viewer {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    margin-top: 0px;
    background-color: transparent;
    background-image: none;
    --poster-color: transparent;
    --background-color: transparent;
    --progress-bar-color: #0076FF;
    --progress-bar-height: 5px
}

.game-banner .model-viewer model-viewer::part(default-progress-bar) {
    display: transparent
}

.game-banner .model-viewer model-viewer #default-poster {
    background-color: transparent !important
}

@-webkit-keyframes delay {
    0%,40%,100% {
        -webkit-transform: scaleY(0.05)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes delay {
    0%,40%,100% {
        transform: scaleY(0.05);
        -webkit-transform: scaleY(0.05)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.game-banner .model-viewer br {
    display: none
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.game-loader {
    margin: 0 auto;
    width: 60px;
    height: 50px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%)
}

.game-loader:before {
    content: "Loading 3D Model...";
    position: absolute;
    width: 154px;
    height: 10px;
    top: -20px;
    right: 0;
    left: -30px;
    margin: auto;
    font-size: 16px;
    color: #fff
}

.game-loader.gl2:before {
    color: #000
}

.game-loader>div {
    height: 100%;
    width: 8px;
    display: inline-block;
    float: left;
    margin-left: 2px;
    -webkit-animation: delay 0.8s infinite ease-in-out;
    animation: delay 0.8s infinite ease-in-out
}

.game-loader .bar1 {
    background-color: #754fa0
}

.game-loader .bar2 {
    background-color: #09b7bf;
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s
}

.game-loader .bar3 {
    background-color: #90d36b;
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.game-loader .bar4 {
    background-color: #f2d40d;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.game-loader .bar5 {
    background-color: #fcb12b;
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.game-loader .bar6 {
    background-color: #ed1b72;
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.game-genres-slider {
    position: relative
}

.game-genres-slider:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

@media screen and (max-width: 991px) {
    .game-genres-slider {
        text-align:center
    }
}

@media screen and (max-width: 575px) {
    .game-genres-slider {
        padding-bottom:0
    }
}

.game-genres-slider h2 {
    font-family: "interlight"
}

.game-genres-slider h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.game-genres-slider.bg-images .item {
    background-repeat: no-repeat;
    background-size: cover;
    height: 507px;
    width: 100%
}

.game-genres-slider.bg-images .item.bg1 {
    background-image: url("../img/game-development/jpg/onDemand_1_1.jpg")
}

.game-genres-slider.bg-images .item.bg2 {
    background-image: url("../img/game-development/jpg/onDemand_2_1.jpg")
}

.game-genres-slider.bg-images .item.bg3 {
    background-image: url("../img/game-development/jpg/onDemand_3_1.jpg")
}

.game-genres-slider.bg-images .item.bg4 {
    background-image: url("../img/game-development/jpg/onDemand_4_1.jpg")
}

.game-genres-slider.bg-images .item.bg5 {
    background-image: url("../img/game-development/jpg/onDemand_5_1.jpg")
}

.game-genres-slider.bg-images .item.bg6 {
    background-image: url("../img/game-development/jpg/onDemand_6_1.jpg")
}

.game-genres-slider.bg-images .item.bg7 {
    background-image: url("../img/game-development/jpg/onDemand_7_1.jpg")
}

.game-genres-slider.bg-images .item.bg8 {
    background-image: url("../img/game-development/jpg/onDemand_8_1.jpg")
}

.game-genres-slider.bg-images .item.bg9 {
    background-image: url("../img/game-development/jpg/onDemand_9_1.jpg")
}

.game-genres-slider.bg-images .item.bg10 {
    background-image: url("../img/game-development/jpg/onDemand_10_1.jpg")
}

.game-genres-slider.bg-images .item.bg11 {
    background-image: url("../img/game-development/jpg/onDemand_11_1.jpg")
}

.game-genres-slider.bg-images .item.bg12 {
    background-image: url("../img/game-development/jpg/onDemand_12_1.jpg")
}

.game-genres-slider .od-box {
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.game-genres-slider .od-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    background: -webkit-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 80%);
    background: -o-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 80%);
    background: linear-gradient(to top, #000 0%, rgba(0,0,0,0) 80%)
}

.game-genres-slider .od-box:hover {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.game-genres-slider .od-box .icon-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 20px 30px 20px
}

.game-genres-slider .od-box .icon-text h3 {
    color: #fff;
    font-family: "intermedium";
    margin-bottom: 0
}

.game-genres-slider .od-box .icon-text i {
    color: #fff
}

.game-genres-slider .od-box .click-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.game-genres-slider .od-box .icon {
    background-image: url(../img/game-development/png/game-sprite1.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    display: inline-block
}

.game-genres-slider .od-box .icon.icon1 {
    background-position: 0 0
}

.game-genres-slider .od-box .icon.icon2 {
    background-position: 0 -50px
}

.game-genres-slider .od-box .icon.icon3 {
    background-position: 0 -100px
}

.game-genres-slider .od-box .icon.icon4 {
    background-position: 0 -150px
}

.game-genres-slider .od-box .icon.icon5 {
    background-position: 0 -200px
}

.game-genres-slider .od-box .icon.icon6 {
    background-position: 0 -250px
}

.game-genres-slider .od-box .icon.icon7 {
    background-position: 0 -300px
}

.game-genres-slider .od-box .icon.icon8 {
    background-position: 0 -350px
}

.game-genres-slider .od-box .icon.icon9 {
    background-position: 0 -400px
}

.game-genres-slider .od-box .icon.icon10 {
    background-position: 0 -450px
}

.game-genres-slider .od-box .icon.icon11 {
    background-position: 0 -500px
}

.game-genres-slider .od-box .icon.icon12 {
    background-position: 0 -550px
}

.game-genres-slider .od-box .icon-go {
    position: absolute;
    bottom: 20px;
    right: 20px
}

.game-genres-slider .od-box .icon-go i {
    font-size: 24px
}

.game-genres-slider .od-box .icon-go i:before {
    color: #fff
}

.game-genres-slider .ondemand-service .owl-dots {
    text-align: center;
    margin-top: 20px
}

.game-genres-slider .ondemand-service .owl-dots button:before,.game-genres-slider .ondemand-service .owl-dots button:after {
    display: none
}

.game-genres-slider .ondemand-service .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    background-color: #000;
    margin: 10px 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px
}

.game-genres-slider .ondemand-service .owl-dots button.owl-dot.active {
    width: 50px;
    background-color: #0076FF
}

.game-benefits {
    position: relative;
    z-index: 2
}

.game-benefits:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

@media (max-width: 1024px) {
    .game-benefits .col-sm-4,.game-benefits .col-md-4 {
        width:100%
    }
}

@media (max-width: 991px) {
    .game-benefits {
        text-align:center
    }

    .game-benefits .bdr:before {
        display: none
    }
}

@media (max-width: 575px) {
    .game-benefits {
        padding-bottom:0
    }

    .game-benefits .col-sm-4,.game-benefits .col-md-4 {
        width: 100%
    }

    .game-benefits .mb-40 {
        margin-bottom: 20px
    }
}

.game-benefits h2 {
    font-family: "interlight";
    padding-right: 30px
}

@media (max-width: 991px) {
    .game-benefits h2 {
        padding-right:0px
    }
}

.game-benefits h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.game-benefits .btn {
    margin-top: 50px
}

@media (max-width: 575px) {
    .game-benefits .btn {
        margin-top:0px
    }
}

.game-benefits p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .game-benefits p.top {
        margin-top:0px
    }
}

.game-benefits .ios-b-img {
    text-align: center
}

.game-benefits .ios-b-img img {
    max-width: 400px;
    margin-top: 40px;
    width: 100%;
    position: sticky;
    top: 140px
}

@media (max-width: 1024px) {
    .game-benefits .ios-b-img {
        display:none
    }
}

.game-benefits .benefits-box {
    padding: 20px 20px 20px 90px;
    margin-top: 30px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .game-benefits .benefits-box {
        margin-top:0px;
        text-align: left
    }
}

.game-benefits .benefits-box i {
    margin-bottom: 20px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 15px
}

.game-benefits .benefits-box i:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 26px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 60px;
    height: 60px;
    background-image: url("../img/game-development/png/game-sprite2.png");
    background-repeat: no-repeat;
    background-size: 100% auto
}

.game-benefits .benefits-box i.icon1:before {
    background-position: 0 0
}

.game-benefits .benefits-box i.icon2:before {
    background-position: 0 -120px
}

.game-benefits .benefits-box i.icon3:before {
    background-position: 0 -240px
}

.game-benefits .benefits-box i.icon4:before {
    background-position: 0 -360px
}

.game-benefits .benefits-box i.icon5:before {
    background-position: 0 -480px
}

.game-benefits .benefits-box i.icon6:before {
    background-position: 0 -600px
}

.game-benefits .benefits-box.right {
    text-align: right;
    padding: 20px 90px 20px 20px;
    left: auto;
    right: 0px
}

@media (max-width: 1024px) {
    .game-benefits .benefits-box.right {
        text-align:left;
        padding: 20px 20px 20px 90px
    }
}

.game-benefits .benefits-box.right i {
    left: auto;
    right: 70px
}

@media (max-width: 1024px) {
    .game-benefits .benefits-box.right i {
        left:15px;
        right: auto
    }
}

.game-benefits .benefits-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.game-benefits .benefits-box:hover h3 {
    color: #0076FF
}

.game-benefits .benefits-box:hover i:before {
    color: #0076FF;
    top: 30px
}

.game-benefits .benefits-box:hover i.icon1:before {
    background-position: 0 -60px
}

.game-benefits .benefits-box:hover i.icon2:before {
    background-position: 0 -180px
}

.game-benefits .benefits-box:hover i.icon3:before {
    background-position: 0 -300px
}

.game-benefits .benefits-box:hover i.icon4:before {
    background-position: 0 -420px
}

.game-benefits .benefits-box:hover i.icon5:before {
    background-position: 0 -540px
}

.game-benefits .benefits-box:hover i.icon6:before {
    background-position: 0 -660px
}

.game-benefits .bdr {
    position: relative
}

.game-benefits .bdr:before {
    display: none;
    content: "";
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #000;
    opacity: 0.2
}

.game-benefits .model-viewer {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 3;
    overflow: hidden
}

.game-benefits .model-viewer p {
    display: inline-block;
    height: 100%;
    width: 100%
}

.game-benefits .model-viewer model-viewer {
    width: 27vw;
    height: 34vw;
    margin: 0 auto;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    background-color: transparent;
    background-image: none;
    --poster-color: transparent;
    --progress-bar-color: transparent;
    --progress-bar-color: none;
    --progress-bar-height: 0px
}

.game-benefits .model-viewer model-viewer::part(default-progress-bar) {
    display: none
}

.game-benefits .model-viewer br {
    display: none
}

.onDemand-tabs {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    z-index: 3
}

@media screen and (max-width: 991px) {
    .onDemand-tabs {
        text-align:center
    }
}

.onDemand-tabs h2 {
    font-family: "interlight";
    padding-right: 30px
}

@media (max-width: 991px) {
    .onDemand-tabs h2 {
        padding-right:0px
    }
}

.onDemand-tabs h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.onDemand-tabs .btn {
    margin-top: 50px
}

.onDemand-tabs p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .onDemand-tabs p.top {
        margin-top:0px
    }
}

.onDemand-tabs .custom-container {
    position: static
}

.onDemand-tabs .relative {
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1024px) {
    .onDemand-tabs .relative {
        margin-right:50px
    }
}

@media screen and (max-width: 991px) {
    .onDemand-tabs .relative {
        margin-right:0px
    }
}

.onDemand-tabs p {
    font-family: "intermedium"
}

.onDemand-tabs .cpg-img {
    width: 980px;
    height: auto;
    margin-top: -48px;
    overflow: hidden
}

@media screen and (max-width: 1800px) {
    .onDemand-tabs .cpg-img {
        width:930px
    }
}

@media screen and (max-width: 1700px) {
    .onDemand-tabs .cpg-img {
        width:800px
    }
}

@media screen and (max-width: 1600px) {
    .onDemand-tabs .cpg-img {
        width:800px;
        margin-top: 100px
    }
}

@media screen and (max-width: 1500px) {
    .onDemand-tabs .cpg-img {
        width:750px
    }
}

@media screen and (max-width: 1440px) {
    .onDemand-tabs .cpg-img {
        margin-top:50px;
        width: 750px
    }
}

@media screen and (max-width: 1366px) {
    .onDemand-tabs .cpg-img {
        margin-top:50px;
        width: 680px
    }
}

@media screen and (max-width: 1300px) {
    .onDemand-tabs .cpg-img {
        width:630px
    }
}

@media screen and (max-width: 1200px) {
    .onDemand-tabs .cpg-img {
        width:540px
    }
}

@media screen and (max-width: 1100px) {
    .onDemand-tabs .cpg-img {
        width:500px
    }
}

@media screen and (max-width: 991px) {
    .onDemand-tabs .cpg-img {
        height:auto;
        margin-top: 0px
    }
}

.onDemand-tabs .cpg-img img {
    max-width: 980px;
    height: auto;
    width: 100%
}

.onDemand-tabs .accordion {
    display: none
}

@media screen and (max-width: 991px) {
    .onDemand-tabs .accordion {
        display:block
    }
}

.onDemand-tabs .accordion .mob-img {
    display: none
}

@media screen and (max-width: 991px) {
    .onDemand-tabs .accordion .mob-img {
        display:block
    }
}

.onDemand-tabs .accordion .mob-img img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.onDemand-tabs .accordion .accordion-item {
    border: none;
    margin-bottom: 10px
}

.onDemand-tabs .accordion .accordion-item .accordion-header {
    padding: 20px 0px 20px 20px;
    position: relative
}

.onDemand-tabs .accordion .accordion-item .accordion-header::before {
    position: absolute;
    content: " ";
    width: 3px;
    height: 100%;
    background-color: #0076FF;
    left: 0px;
    top: 0px;
    z-index: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.onDemand-tabs .accordion .accordion-item .accordion-header.collapsed::before {
    background-color: #edf5fa
}

.onDemand-tabs .accordion .accordion-item .accordion-header.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none
}

.onDemand-tabs .accordion .accordion-body {
    padding: 0
}

.onDemand-tabs .nav-tabs {
    display: block;
    border: none;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1366px) {
    .onDemand-tabs .nav-tabs {
        display:flex;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 991px) {
    .onDemand-tabs .nav-tabs {
        display:none
    }
}

.onDemand-tabs .nav-tabs .nav-item {
    margin: 10px 0
}

@media screen and (max-width: 1366px) {
    .onDemand-tabs .nav-tabs .nav-item {
        flex-basis:42%;
        margin-top: 0
    }
}

@media screen and (max-width: 1024px) {
    .onDemand-tabs .nav-tabs .nav-item {
        flex-basis:47%
    }
}

@media screen and (max-width: 480px) {
    .onDemand-tabs .nav-tabs .nav-item {
        flex-basis:100%
    }
}

.onDemand-tabs .nav-tabs .nav-item .nav-link {
    color: #000;
    font-family: "intermedium";
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding-left: 0;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px
}

.onDemand-tabs .nav-tabs .nav-item .nav-link:hover {
    border-color: transparent
}

.onDemand-tabs .nav-tabs .nav-item .nav-link::before {
    position: absolute;
    content: " ";
    width: 10px;
    height: 3px;
    background-color: #edf5fa;
    left: 0px;
    bottom: 0px;
    z-index: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.onDemand-tabs .nav-tabs .nav-item .nav-link.active {
    border: none;
    color: #0076FF;
    background: none
}

.onDemand-tabs .nav-tabs .nav-item .nav-link.active::before {
    background-color: #F80040;
    width: 100px
}

.onDemand-tabs .tab-content {
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width: 991px) {
    .onDemand-tabs .tab-content {
        position:static;
        display: none
    }
}

.hire-game-developers {
    padding-top: 100px;
    margin: 150px auto;
    background-color: #fff;
    max-width: 1920px;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 991px) {
    .hire-game-developers {
        text-align:center
    }
}

@media (max-width: 1700px) {
    .hire-game-developers {
        margin:0px auto 50px auto
    }
}

@media (max-width: 1500px) {
    .hire-game-developers {
        margin:0px auto 0px auto
    }
}

@media (max-width: 1366px) {
    .hire-game-developers {
        margin:50px auto 0px auto
    }
}

@media (max-width: 1200px) {
    .hire-game-developers {
        margin:0px auto 0px auto;
        padding-top: 50px
    }
}

@media (max-width: 1024px) {
    .hire-game-developers {
        margin:0px auto 0px auto;
        padding-top: 0px
    }
}

.hire-game-developers:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/game-development/webp/game-city.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    z-index: 1
}

@media (max-width: 991px) {
    .hire-game-developers:before {
        display:none
    }
}

.hire-game-developers:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/game-development/png/nine-mask.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    z-index: 2
}

@media (max-width: 991px) {
    .hire-game-developers:after {
        display:none
    }
}

@media (max-width: 991px) {
    .hire-game-developers {
        text-align:center;
        padding-top: 0px
    }

    .hire-game-developers .row.d-flex {
        flex-direction: column-reverse
    }
}

@media screen and (max-width: 575px) {
    .hire-game-developers {
        padding-bottom:0
    }
}

.hire-game-developers h2 {
    font-family: "interlight";
    padding-right: 30px
}

@media (max-width: 991px) {
    .hire-game-developers h2 {
        padding-right:0px
    }
}

.hire-game-developers h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.hire-game-developers .btn {
    margin-top: 50px
}

.hire-game-developers p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .hire-game-developers p.top {
        margin-top:0px
    }
}

@media (max-width: 575px) {
    .hire-game-developers p.mb-50 {
        margin-bottom:30px
    }
}

.hire-game-developers .custom-container {
    position: relative;
    z-index: 3
}

.hire-game-developers .mob-img {
    margin-top: 0px;
    display: none
}

@media screen and (max-width: 991px) {
    .hire-game-developers .mob-img {
        display:block
    }
}

.hire-game-developers .mob-img img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.hire-game-developers .option-mobile li {
    margin-bottom: 30px
}

.why-choose-game-development {
    background-color: #000;
    position: relative;
    padding: 100px 0
}

@media (max-width: 991px) {
    .why-choose-game-development {
        text-align:center
    }
}

@media screen and (max-width: 575px) {
    .why-choose-game-development {
        padding-bottom:0;
        background-color: #fff;
        padding: 50px 0
    }
}

.why-choose-game-development:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: #2d167c;
    background: linear-gradient(45deg, #2d167c 50%, #05213a 100%);
    opacity: 0.8;
    background-attachment: fixed
}

@media (max-width: 575px) {
    .why-choose-game-development:before {
        display:none
    }
}

.why-choose-game-development .custom-container {
    background-color: #fff;
    padding: 40px 30px
}

.why-choose-game-development h2 {
    font-family: "interlight";
    padding-right: 30px
}

@media (max-width: 991px) {
    .why-choose-game-development h2 {
        padding-right:0px
    }
}

.why-choose-game-development h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.why-choose-game-development .btn {
    margin-top: 50px
}

.why-choose-game-development p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .why-choose-game-development p.top {
        margin-top:0px
    }
}

@media (max-width: 991px) {
    .why-choose-game-development picture.mob {
        display:none
    }
}

.why-choose-game-development .first-box {
    padding-bottom: 30px;
    position: relative;
    height: 100%
}

@media (max-width: 991px) {
    .why-choose-game-development .first-box {
        text-align:left
    }
}

.why-choose-game-development .first-box::before {
    position: absolute;
    content: "";
    width: 1px;
    top: 0;
    height: 75%;
    left: 0;
    background-color: #edf5fa
}

.why-choose-game-development .first-box.line1:before {
    background-color: #00C2FF
}

.why-choose-game-development .first-box.line1 h3:before {
    background-color: #00C2FF
}

.why-choose-game-development .first-box.line2:before {
    background-color: #F80040
}

.why-choose-game-development .first-box.line2 h3:before {
    background-color: #F80040
}

.why-choose-game-development .first-box.line3:before {
    background-color: #FF9100
}

.why-choose-game-development .first-box.line3 h3:before {
    background-color: #FF9100
}

.why-choose-game-development .first-box.line4:before {
    background-color: #01CB3F
}

.why-choose-game-development .first-box.line4 h3:before {
    background-color: #01CB3F
}

.why-choose-game-development .first-box picture {
    display: inline-block;
    padding-left: 20px
}

@media (max-width: 575px) {
    .why-choose-game-development .first-box picture {
        padding-left:15px
    }
}

.why-choose-game-development .first-box picture img {
    margin-bottom: 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.why-choose-game-development .first-box:hover picture {
    display: inline-block
}

.why-choose-game-development .first-box:hover picture img {
    margin-bottom: 20px;
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.why-choose-game-development .first-box h3 {
    color: #202020;
    font-family: "intermedium";
    padding-left: 15px;
    position: relative
}

@media (max-width: 991px) {
    .why-choose-game-development .first-box h3 {
        text-align:left
    }
}

.why-choose-game-development .first-box h3::before {
    position: absolute;
    content: "";
    width: 7px;
    height: 40px;
    left: -3px;
    top: -8px;
    background-color: #edf5fa
}

.why-choose-game-development .first-box p {
    font-family: "intermedium";
    padding-left: 15px;
    padding-right: 0
}

@media (max-width: 991px) {
    .why-choose-game-development .first-box p {
        text-align:left
    }
}

.game-development-tools {
    position: relative
}

.game-development-tools:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

@media screen and (max-width: 991px) {
    .game-development-tools {
        text-align:center
    }

    .game-development-tools .btn {
        margin-top: 30px
    }

    .game-development-tools .row {
        flex-direction: column-reverse
    }
}

@media screen and (max-width: 767px) {
    .game-development-tools {
        padding-bottom:0
    }
}

@media screen and (max-width: 575px) {
    .game-development-tools {
        padding-top:0
    }
}

.game-development-tools .text-right {
    text-align: right
}

@media screen and (max-width: 991px) {
    .game-development-tools .text-right {
        text-align:center
    }
}

.game-development-tools .cta-box {
    background-color: #2d167c;
    background: #2d167c;
    background: linear-gradient(45deg, #2d167c 50%, #05213a 100%);
    padding: 60px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .game-development-tools .cta-box {
        padding:40px 20px
    }
}

.game-development-tools .cta-box:before {
    content: "";
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 150px;
    height: 150px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.game-development-tools .cta-box:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -30px;
    width: 100px;
    height: 100px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.game-development-tools .cta-box h2 {
    color: #fff;
    margin-bottom: 20px
}

.game-development-tools .cta-box p {
    color: #fff
}

@media (max-width: 991px) {
    .game-development-tools .cta-box p.mb-40 {
        margin-bottom:30px
    }
}

.game-development-tools .game-tools {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.game-development-tools .game-tools li {
    flex-basis: 30%;
    background-color: rgba(255,255,255,0.1);
    padding: 20px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    margin: 0 10px 20px 10px;
    transition: 0.25s ease;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-width: 1599px) {
    .game-development-tools .game-tools li {
        flex-basis:29%
    }
}

@media (max-width: 1199px) {
    .game-development-tools .game-tools li {
        flex-basis:27%
    }
}

@media (max-width: 499px) {
    .game-development-tools .game-tools li {
        flex-basis:43%
    }
}

@media (max-width: 429px) {
    .game-development-tools .game-tools li {
        flex-basis:42%
    }
}

.game-development-tools .game-tools li:hover {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    background-color: #fff
}

.game-development-tools .game-tools li:hover p {
    color: #0076FF;
    font-family: "intermedium"
}

.game-development-tools .game-tools li:hover p a {
    color: #0076FF;
    font-family: "intermedium"
}

.game-development-tools .game-tools li p {
    line-height: normal
}

.game-development-tools .game-tools li p a {
    color: #fff
}

.game-development-tools .game-tools li .icon {
    margin: auto;
    background-image: url("../img/game-development/png/game-sprite3.png");
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto
}

.game-development-tools .game-tools li .icon.icon1 {
    background-position: 0 0
}

.game-development-tools .game-tools li .icon.icon2 {
    background-position: 0 -60px
}

.game-development-tools .game-tools li .icon.icon3 {
    background-position: 0 -120px
}

.game-development-tools .game-tools li .icon.icon4 {
    background-position: 0 -180px
}

.game-development-tools .game-tools li .icon.icon5 {
    background-position: 0 -240px
}

.game-development-tools .game-tools li .icon.icon6 {
    background-position: 0 -300px
}

.take-glance {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto;
    height: 100%;
    position: relative
}

@media (max-width: 1600px) {
    .take-glance {
        max-height:1140px
    }
}

@media (max-width: 1500px) {
    .take-glance {
        max-height:1100px
    }
}

@media (max-width: 1440px) {
    .take-glance {
        max-height:1080px
    }
}

@media (max-width: 1400px) {
    .take-glance {
        max-height:1050px
    }
}

@media (max-width: 1366px) {
    .take-glance {
        max-height:1010px
    }
}

@media (max-width: 1300px) {
    .take-glance {
        max-height:1000px
    }
}

@media (max-width: 1200px) {
    .take-glance {
        max-height:950px
    }
}

@media (max-width: 1100px) {
    .take-glance {
        max-height:880px
    }
}

@media (max-width: 1024px) {
    .take-glance {
        max-height:800px
    }
}

@media (max-width: 1000px) {
    .take-glance {
        max-height:780px
    }
}

@media (max-width: 991px) {
    .take-glance {
        text-align:center;
        max-height: 100%
    }
}

@media screen and (max-width: 575px) {
    .take-glance {
        padding-bottom:0
    }
}

.take-glance:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/game-development/png/video-frame.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    z-index: 2
}

@media (max-width: 1700px) {
    .take-glance:before {
        background-position:0 -10%
    }
}

@media (max-width: 1600px) {
    .take-glance:before {
        background-position:0 -10%
    }
}

@media (max-width: 1366px) {
    .take-glance:before {
        background-position:0 -15%
    }
}

@media (max-width: 1200px) {
    .take-glance:before {
        background-position:0 -30%
    }
}

@media (max-width: 1100px) {
    .take-glance:before {
        background-position:0 -40%
    }
}

@media (max-width: 1000px) {
    .take-glance:before {
        background-position:0 -30%
    }
}

@media (max-width: 991px) {
    .take-glance:before {
        display:none
    }
}

.take-glance.game-poster:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/video-game-development/jpg/video-game-poster.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed
}

@media (max-width: 991px) {
    .take-glance.game-poster:after {
        display:none
    }
}

@media (max-width: 1700px) {
    .take-glance.game-poster:before {
        background-position:0 0
    }
}

@media (max-width: 1600px) {
    .take-glance.game-poster:before {
        background-position:0 0
    }
}

@media (max-width: 1366px) {
    .take-glance.game-poster:before {
        background-position:0 0
    }
}

@media (max-width: 1200px) {
    .take-glance.game-poster:before {
        background-position:0 0
    }
}

@media (max-width: 1100px) {
    .take-glance.game-poster:before {
        background-position:0 0
    }
}

@media (max-width: 1000px) {
    .take-glance.game-poster:before {
        background-position:0 0
    }
}

.take-glance.game-poster .video-masking {
    background-color: transparent
}

.take-glance.mobile-game-take-glance.game-poster:after {
    background-image: url("../img/game-development/jpg/mobile-game-poster.jpg")
}

.take-glance .custom-container {
    position: relative;
    z-index: 2
}

.take-glance h2 {
    font-family: "interlight";
    padding-right: 30px;
    padding-bottom: 50px
}

@media (max-width: 991px) {
    .take-glance h2 {
        padding-right:0px
    }

    .take-glance h2 br {
        display: none
    }
}

@media (max-width: 991px) {
    .take-glance h2 {
        padding-bottom:0px
    }
}

.take-glance h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

@media (max-width: 991px) {
    .take-glance .btn {
        margin-top:30px
    }
}

.take-glance p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .take-glance p.top {
        margin-top:0px
    }
}

.take-glance .text-right {
    text-align: right
}

@media (max-width: 991px) {
    .take-glance .text-right {
        text-align:center
    }
}

.take-glance .video-masking {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #1e0c28;
    text-align: center;
    position: relative
}

@media (max-width: 991px) {
    .take-glance .video-masking {
        width:100%;
        height: auto;
        margin-top: 30px;
        display: none !important
    }
}

.take-glance .video-masking .mask-frame {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: auto
}

@media (max-width: 991px) {
    .take-glance .video-masking .mask-frame {
        display:none
    }
}

.take-glance .video-masking video {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.take-glance .video-masking video::-webkit-media-controls {
    display: none
}

.take-glance .video-masking video::-moz-media-controls {
    display: none
}

.take-glance .video-masking video::-webkit-media-controls-enclosure {
    display: none
}

.take-glance .video-masking video::-moz-media-controls-enclosure {
    display: none
}

.take-glance .video-masking br {
    display: none
}

.take-glance .video-masking .iframe-full {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.take-glance .mob-img {
    margin-top: 30px;
    display: none
}

@media screen and (max-width: 991px) {
    .take-glance .mob-img {
        display:block
    }
}

.take-glance .mob-img img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.game-portfolios {
    position: relative
}

@media screen and (max-width: 1024px) {
    .game-portfolios {
        text-align:center
    }

    .game-portfolios .text-right {
        text-align: center
    }
}

@media screen and (max-width: 575px) {
    .game-portfolios {
        padding-bottom:0
    }
}

.game-portfolios:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.game-portfolios .text-right {
    text-align: right
}

@media screen and (max-width: 1024px) {
    .game-portfolios .text-right {
        text-align:center
    }
}

.game-portfolios .bdr {
    position: relative;
    padding-right: 50px
}

.game-portfolios .bdr:before {
    display: none;
    content: "";
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #000;
    opacity: 0.2
}

.game-portfolios p {
    padding-left: 50px
}

@media screen and (max-width: 1024px) {
    .game-portfolios p.mb-40 {
        margin-bottom:20px
    }
}

.game-portfolios h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.game-portfolios .say-box {
    background-color: #f6f6f6;
    min-height: 400px
}

@media screen and (max-width: 1600px) {
    .game-portfolios .say-box {
        min-height:380px
    }
}

@media screen and (max-width: 1440px) {
    .game-portfolios .say-box {
        min-height:335px
    }
}

@media screen and (max-width: 1366px) {
    .game-portfolios .say-box {
        min-height:270px
    }
}

@media screen and (max-width: 1200px) {
    .game-portfolios .say-box {
        min-height:270px
    }
}

@media screen and (max-width: 1024px) {
    .game-portfolios .say-box {
        min-height:200px
    }
}

@media screen and (max-width: 1024px) {
    .game-portfolios .say-box h2 {
        text-align:center
    }
}

.game-portfolios .say-box .video-cover {
    position: relative
}

.game-portfolios .say-box .video-cover .click-overly {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: inline-block;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.game-portfolios .say-box .video-cover .click-overly:before {
    font-family: 'icomoon';
    content: "\e924";
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.game-portfolios .say-box .video-cover:hover .click-overly {
    background-color: rgba(0,0,0,0.2)
}

.game-portfolios .say-box .video-cover:hover .click-overly:before {
    opacity: 1
}

@media screen and (max-width: 991px) {
    .game-portfolios .owl-client {
        margin-top:30px
    }
}

.game-portfolios .owl-client .owl-item {
    padding: 100px 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .game-portfolios .owl-client .owl-item {
        padding:20px
    }
}

.game-portfolios .owl-client .owl-item.center {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 1
}

@media screen and (max-width: 991px) {
    .game-portfolios .owl-client .owl-item.center {
        transform:none
    }
}

.game-portfolios .owl-client .owl-item.center .say-box {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2)
}

.game-portfolios .owl-client .owl-item img {
    height: auto
}

.game-portfolios .owl-client .owl-nav {
    text-align: center;
    display: block
}

.game-portfolios .owl-client .owl-nav button {
    margin: 0 10px;
    position: absolute;
    top: 45%;
    width: 40px;
    height: 40px;
    background-color: #fff !important;
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    color: #FF9100
}

@media screen and (max-width: 575px) {
    .game-portfolios .owl-client .owl-nav button {
        display:none
    }
}

.game-portfolios .owl-client .owl-nav button.owl-prev {
    left: 23.8%
}

@media screen and (max-width: 1600px) {
    .game-portfolios .owl-client .owl-nav button.owl-prev {
        left:24.5%
    }
}

@media screen and (max-width: 1440px) {
    .game-portfolios .owl-client .owl-nav button.owl-prev {
        left:25%
    }
}

@media screen and (max-width: 1366px) {
    .game-portfolios .owl-client .owl-nav button.owl-prev {
        left:26.3%
    }
}

@media screen and (max-width: 1200px) {
    .game-portfolios .owl-client .owl-nav button.owl-prev {
        left:26.3%
    }
}

@media screen and (max-width: 1024px) {
    .game-portfolios .owl-client .owl-nav button.owl-prev {
        left:28.3%
    }
}

@media screen and (max-width: 991px) {
    .game-portfolios .owl-client .owl-nav button.owl-prev {
        left:-2%
    }
}

@media screen and (max-width: 767px) {
    .game-portfolios .owl-client .owl-nav button.owl-prev {
        left:-2%
    }
}

@media screen and (max-width: 575px) {
    .game-portfolios .owl-client .owl-nav button.owl-prev {
        left:4%
    }
}

.game-portfolios .owl-client .owl-nav button.owl-next {
    right: 23.8%
}

@media screen and (max-width: 1600px) {
    .game-portfolios .owl-client .owl-nav button.owl-next {
        right:24.5%
    }
}

@media screen and (max-width: 1440px) {
    .game-portfolios .owl-client .owl-nav button.owl-next {
        right:25%
    }
}

@media screen and (max-width: 1366px) {
    .game-portfolios .owl-client .owl-nav button.owl-next {
        right:26.3%
    }
}

@media screen and (max-width: 1200px) {
    .game-portfolios .owl-client .owl-nav button.owl-next {
        right:26.3%
    }
}

@media screen and (max-width: 1024px) {
    .game-portfolios .owl-client .owl-nav button.owl-next {
        right:28.3%
    }
}

@media screen and (max-width: 991px) {
    .game-portfolios .owl-client .owl-nav button.owl-next {
        right:-2%
    }
}

@media screen and (max-width: 767px) {
    .game-portfolios .owl-client .owl-nav button.owl-next {
        right:-2%
    }
}

@media screen and (max-width: 575px) {
    .game-portfolios .owl-client .owl-nav button.owl-next {
        right:4%
    }
}

.game-portfolios .owl-client .owl-nav button i {
    font-size: 20px;
    line-height: 30px;
    color: #000
}

@media screen and (max-width: 991px) {
    .game-portfolios .owl-client .owl-dots {
        margin-bottom:20px
    }

    .game-portfolios .owl-client .owl-dots .owl-dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #BEBEBE;
        margin: 10px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px
    }

    .game-portfolios .owl-client .owl-dots .owl-dot.active {
        background-color: #0076FF
    }
}

.robust-services.robust-game-services .service-box {
    padding: 70px 30px 30px 30px;
    margin-bottom: 80px;
    height: 80%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 767px) {
    .robust-services.robust-game-services .service-box {
        height:auto;
        margin-bottom: 50px
    }
}

.robust-services.robust-game-services .service-box .icon {
    background-color: #fff;
    position: absolute;
    left: 30px;
    top: -50px;
    margin: auto;
    width: 100px;
    height: 100px;
    text-align: center;
    display: inline-block;
    border: 1px solid #BEBEBE;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 767px) {
    .robust-services.robust-game-services .service-box .icon {
        right:0;
        left: 0;
        margin-left: auto;
        margin-right: auto
    }
}

.robust-services.robust-game-services .service-box .icon:before {
    content: "";
    margin: 19px auto auto auto;
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background-image: url(../img/game-development/png/game-sprite4.png);
    background-repeat: no-repeat
}

.robust-services.robust-game-services .service-box .icon.icon1:before {
    background-position: 0 0
}

.robust-services.robust-game-services .service-box .icon.icon2:before {
    background-position: 0 -60px
}

.robust-services.robust-game-services .service-box .icon.icon3:before {
    background-position: 0 -120px
}

.robust-services.robust-game-services .service-box .icon.icon4:before {
    background-position: 0 -180px
}

@media (max-width: 575px) {
    .robust-services.robust-game-services .service-box:hover {
        background-color:#fff
    }

    .robust-services.robust-game-services .service-box:hover h3,.robust-services.robust-game-services .service-box:hover .h3,.robust-services.robust-game-services .service-box:hover p {
        color: #000
    }
}

.robust-services.robust-game-services .service-box:hover a {
    color: #FF9100
}

@media (max-width: 575px) {
    .robust-services.robust-game-services .service-box:hover a {
        color:#0076FF
    }
}

.robust-services.robust-game-services .service-box:hover .icon {
    border-color: #0076FF;
    -webkit-box-shadow: 0px 10px 15px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 10px 15px rgba(0,0,0,0.5);
    box-shadow: 0px 10px 15px rgba(0,0,0,0.5)
}

.game-banner.video-game-banner:before {
    background-image: url("../img/video-game-development/webp/video-game-banner-01.webp")
}

.game-banner.video-game-banner.ext-padd {
    padding: 160px 0 100px 0
}

@media (max-width: 991px) {
    .game-banner.video-game-banner.ext-padd {
        padding:100px 0 100px 0
    }

    .game-banner.video-game-banner.ext-padd .row {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .game-banner.video-game-banner.ext-padd {
        padding:100px 0 50px 0
    }
}

.game-banner.video-game-banner .banner-img {
    max-width: 640px
}

.video-game-services {
    background-color: #f7f7f7
}

@media (max-width: 1024px) {
    .video-game-services .col-sm-3,.video-game-services .col-md-3 {
        width:50%
    }
}

@media (max-width: 991px) {
    .video-game-services {
        text-align:center
    }
}

@media (max-width: 575px) {
    .video-game-services .col-sm-3,.video-game-services .col-md-3 {
        width:100%
    }

    .video-game-services .mb-40 {
        margin-bottom: 20px
    }
}

.video-game-services h2 {
    font-family: "interlight"
}

.video-game-services h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.video-game-services p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .video-game-services p.top {
        margin-top:0px
    }
}

.video-game-services .tab-content {
    background-color: #0076FF;
    padding: 30px;
    margin-top: 40px;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    min-height: 88%;
    position: relative
}

@media screen and (max-width: 1199px) {
    .video-game-services .tab-content {
        min-height:92%
    }
}

.video-game-services .tab-content .tab-pane a {
    color: #41fff6
}

.video-game-services .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    border: none;
    margin-top: 40px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .video-game-services .nav-tabs {
        flex-wrap:nowrap;
        overflow-x: auto;
        overflow-y: hidden
    }
}

.video-game-services .nav-tabs .nav-item {
    flex-basis: 20%;
    padding-bottom: 20px;
    padding-right: 10px;
    min-height: 100px;
    max-width: 200px;
    margin: 0 auto
}

@media screen and (max-width: 1199px) {
    .video-game-services .nav-tabs .nav-item {
        flex-basis:25%;
        max-width: 100%;
        padding-bottom: 10px
    }
}

@media screen and (max-width: 991px) {
    .video-game-services .nav-tabs .nav-item {
        min-width:150px
    }
}

@media screen and (max-width: 575px) {
    .video-game-services .nav-tabs .nav-item {
        padding-right:0px;
        margin-right: 20px
    }
}

@media screen and (max-width: 480px) {
    .video-game-services .nav-tabs .nav-item {
        flex-basis:33%
    }
}

@media screen and (max-width: 360px) {
    .video-game-services .nav-tabs .nav-item {
        flex-basis:50%
    }
}

.video-game-services .nav-tabs .nav-item .nav-link {
    padding: 20px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: none;
    border-left: 3px solid #f7f7f7;
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 76px;
    line-height: 18px;
    display: inline-block;
    color: #000
}

@media (max-width: 991px) {
    .video-game-services .nav-tabs .nav-item .nav-link {
        border-left:none;
        border-top: 3px solid #f7f7f7
    }
}

@media screen and (max-width: 575px) {
    .video-game-services .nav-tabs .nav-item .nav-link {
        padding-left:10px;
        padding-right: 10px
    }
}

.video-game-services .nav-tabs .nav-item .nav-link.active {
    color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    border-left-color: #0076FF
}

@media (max-width: 991px) {
    .video-game-services .nav-tabs .nav-item .nav-link.active {
        border-top-color:#0076FF
    }
}

.video-game-services .icon {
    margin-bottom: 20px;
    display: inline-block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(../img/video-game-development/png/video-game-sprite1.png);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.video-game-services .icon.icon1 {
    background-position: 0 0
}

.video-game-services .icon.icon2 {
    background-position: 0 -60px
}

.video-game-services .icon.icon3 {
    background-position: 0 -120px
}

.video-game-services .icon.icon4 {
    background-position: 0 -180px
}

.video-game-services .icon.icon5 {
    background-position: 0 -240px
}

.video-game-services .icon.icon6 {
    background-position: 0 -300px
}

.video-game-services .icon.icon7 {
    background-position: 0 -360px
}

.video-game-services .icon.icon8 {
    background-position: 0 -420px
}

.video-game-services .icon.icon9 {
    background-position: 0 -480px
}

.video-game-services .icon.icon10 {
    background-position: 0 -540px
}

.video-game-services .icon.icon11 {
    background-position: 0 -600px
}

.video-game-services .icon.icon12 {
    background-position: 0 -660px
}

.video-game-services .icon.icon13 {
    background-position: 0 -720px
}

.video-game-services .icon.icon14 {
    background-position: 0 -780px
}

.video-game-services .icon.icon15 {
    background-position: 0 -840px
}

.hire-video-game-developers {
    padding: 100px 0
}

@media (max-width: 991px) {
    .hire-video-game-developers {
        text-align:center
    }
}

.hire-video-game-developers h2 {
    font-family: "interlight";
    margin-bottom: 0
}

.hire-video-game-developers h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.hire-video-game-developers p.top {
    margin-top: 27px
}

@media (max-width: 767px) {
    .hire-video-game-developers p.top {
        margin-bottom:0px
    }
}

.hire-game-developers.video-game-solutions {
    min-height: 800px
}

@media (max-width: 767px) {
    .hire-game-developers.video-game-solutions {
        min-height:auto
    }
}

.hire-game-developers.video-game-solutions:before {
    background-image: url("../img/video-game-development/webp/video-game-solutions.webp")
}

.video-game-expertise {
    padding-top: 100px
}

@media (max-width: 1024px) {
    .video-game-expertise .col-sm-3,.video-game-expertise .col-md-3 {
        width:50%
    }
}

@media (max-width: 991px) {
    .video-game-expertise {
        text-align:center
    }
}

@media (max-width: 575px) {
    .video-game-expertise .col-sm-3,.video-game-expertise .col-md-3 {
        width:100%
    }

    .video-game-expertise .mb-40 {
        margin-bottom: 20px
    }
}

.video-game-expertise h2 {
    font-family: "interlight"
}

.video-game-expertise h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.video-game-expertise p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .video-game-expertise p.top {
        margin-top:0px
    }
}

.video-game-expertise .ondemand_service {
    margin-top: 40px
}

.video-game-expertise .ondemand_service .owl-dots {
    text-align: center;
    margin-top: 20px
}

.video-game-expertise .ondemand_service .owl-dots button:before,.video-game-expertise .ondemand_service .owl-dots button:after {
    display: none
}

.video-game-expertise .ondemand_service .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    background-color: #BEBEBE;
    margin: 10px 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px
}

.video-game-expertise .ondemand_service .owl-dots button.owl-dot.active {
    width: 50px;
    background-color: #0076FF
}

.video-game-expertise .game-boxImg {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.video-game-expertise .game-boxImg .hover {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 50px 20px 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: rgba(0,0,0,0.4)
}

.video-game-expertise .game-boxImg .hover h5 {
    font-family: "interbold";
    margin-bottom: 0rem;
    position: absolute;
    bottom: 30px
}

.video-game-expertise .game-boxImg .hover .text {
    font-family: "intermedium";
    display: none;
    text-align: left;
    margin-bottom: 2rem;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.video-game-expertise .game-boxImg:hover .hover {
    top: 0;
    background-color: rgba(0,0,0,0.8)
}

.video-game-expertise .game-boxImg:hover .hover h5 {
    margin-bottom: 0;
    position: relative
}

.video-game-expertise .game-boxImg:hover .hover .text {
    display: block
}

.game-development-tools.video-other-services .game-tools li .icon {
    background-image: url(../img/video-game-development/png/video-game-sprite4.png)
}

.video-game-recognized {
    padding-top: 100px;
    overflow: hidden
}

@media (max-width: 991px) {
    .video-game-recognized {
        text-align:center
    }
}

.video-game-recognized h2 {
    font-family: "interlight";
    margin-bottom: 0
}

.video-game-recognized h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.video-game-recognized p.top {
    margin-top: 27px
}

@media (max-width: 767px) {
    .video-game-recognized p.top {
        margin-bottom:0px
    }
}

.game-engagement-models {
    background-color: #f7f7f7
}

@media (max-width: 1024px) {
    .game-engagement-models .col-sm-3,.game-engagement-models .col-md-3 {
        width:50%
    }
}

@media (max-width: 991px) {
    .game-engagement-models {
        text-align:center
    }
}

@media (max-width: 575px) {
    .game-engagement-models .col-sm-3,.game-engagement-models .col-md-3 {
        width:100%
    }

    .game-engagement-models .mb-40 {
        margin-bottom: 20px
    }
}

.game-engagement-models h2 {
    font-family: "interlight"
}

.game-engagement-models h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.game-engagement-models p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .game-engagement-models p.top {
        margin-top:0px
    }
}

.game-engagement-models .service-box {
    background-color: #fff;
    padding: 20px;
    margin-top: 30px;
    height: 93%;
    position: relative;
    padding-bottom: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #fff;
    overflow: hidden
}

.game-engagement-models .service-box:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/video-game-development/jpg/video-game-mask.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    opacity: 0.4
}

.game-engagement-models .service-box.c1 {
    background-color: #321d00
}

.game-engagement-models .service-box.c2 {
    background-color: #001d26
}

.game-engagement-models .service-box.c3 {
    background-color: #420020
}

.game-engagement-models .service-box .icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    background-image: url(../img/video-game-development/png/video-game-sprite5.png);
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative;
    z-index: 1
}

.game-engagement-models .service-box .icon.icon1 {
    background-position: 0 0
}

.game-engagement-models .service-box .icon.icon2 {
    background-position: 0 -60px
}

.game-engagement-models .service-box .icon.icon3 {
    background-position: 0 -120px
}

.game-engagement-models .service-box.active {
    background-color: #0076FF;
    color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.game-engagement-models .service-box.active .icon.icon2 {
    background-position: 0 -180px
}

.game-engagement-models .service-box:hover {
    color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.game-engagement-models .service-box:hover:before {
    opacity: 0.2
}

.game-engagement-models .service-box h3 {
    position: relative;
    z-index: 1
}

.game-engagement-models .service-box .h3 {
    position: relative;
    z-index: 1
}

.game-engagement-models .service-box .engage-list {
    margin-bottom: 20px;
    margin-top: 50px
}

@media (max-width: 991px) {
    .game-engagement-models .service-box .engage-list {
        margin-top:0px;
        text-align: left
    }
}

.game-engagement-models .service-box .engage-list li {
    margin-right: 20px;
    font-family: "intermedium";
    position: relative;
    padding: 0 10px 0 23px;
    margin-bottom: 20px
}

.game-engagement-models .service-box .engage-list li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0
}

.game-engagement-models .service-box .engage-list li:hover {
    border-left-color: #0076FF
}

.game-engagement-models .table-design {
    background-color: #fff;
    border-top: 1px solid #dee2e6
}

.game-engagement-models .table-design tr th {
    background-color: #f8f8f8;
    padding: 15px
}

.game-engagement-models .table-design tr td {
    padding: 15px
}

.game-engagement-models .table-design tr td .clr1 {
    color: #FF9100
}

.game-engagement-models .table-design tr td .clr2 {
    color: #39c9f7
}

.game-engagement-models .table-design tr td .clr3 {
    color: #fa70b2
}

.parallax {
    background-color: #2d167c;
    height: 100vh;
    position: relative;
    overflow: hidden
}

@media (max-width: 767px) {
    .parallax {
        height:100%
    }
}

.parallax:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/video-game-development/webp/parallax-wall1.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.8;
    background-attachment: fixed
}

.parallax .paral-box {
    background-color: rgba(255,255,255,0.9);
    padding: 40px
}

.parallax h2 {
    color: #000;
    margin-bottom: 30px
}

.parallax p {
    color: #000
}

.parallax p a {
    color: #0076FF
}

.parallax.parallax-2:before {
    background-image: url("../img/video-game-development/webp/parallax-wall2.webp")
}

.parallax.parallax-3:before {
    background-image: url("../img/video-game-development/webp/parallax-wall3.webp")
}

.parallax.parallax-4 {
    margin-bottom: 100px
}

.parallax.parallax-4:before {
    background-image: url("../img/video-game-development/webp/parallax-wall4.webp")
}

.take-glance.video-game-take-glance.game-poster:after {
    background-image: url("../img/video-game-development/jpg/video-game-poster.jpg")
}

.game-banner.video-game-banner.android-game-banner.ext-padd {
    padding: 160px 0 100px 0
}

@media (max-width: 991px) {
    .game-banner.video-game-banner.android-game-banner.ext-padd {
        padding:100px 0 100px 0
    }

    .game-banner.video-game-banner.android-game-banner.ext-padd .row {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .game-banner.video-game-banner.android-game-banner.ext-padd {
        padding:100px 0 50px 0
    }
}

.game-banner.video-game-banner.android-game-banner:before {
    background-image: url("../img/android-game-development/webp/android-game-banner.webp")
}

.game-banner.video-game-banner.android-game-banner .banner-img {
    max-width: 640px
}

.game-expertise {
    position: relative;
    padding-top: 100px
}

@media screen and (max-width: 991px) {
    .game-expertise {
        text-align:center
    }
}

.game-expertise:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 600px;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-image: url("../img/android-game-development/webp/android-expert.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed
}

.game-expertise:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 600px;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-color: rgba(0,0,0,0.7)
}

.game-expertise h2 {
    font-family: "interlight";
    color: #fff
}

.game-expertise h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.game-expertise p.white {
    color: #fff
}

.game-expertise .game-expertise-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    text-align: center;
    background-color: #fff;
    margin-top: 50px;
    padding: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media (max-width: 1199px) {
    .game-expertise .game-expertise-list {
        padding:30px;
        margin-top: 50px
    }
}

@media (max-width: 575px) {
    .game-expertise .game-expertise-list {
        padding:15px
    }
}

.game-expertise .game-expertise-list li {
    flex-basis: 18%;
    padding-bottom: 20px;
    padding-right: 10px;
    min-height: 100px;
    margin: 1%;
    border: 1px solid #E0E0E0;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1199px) {
    .game-expertise .game-expertise-list li {
        flex-basis:23%
    }
}

@media screen and (max-width: 767px) {
    .game-expertise .game-expertise-list li {
        flex-basis:31%
    }
}

@media screen and (max-width: 480px) {
    .game-expertise .game-expertise-list li {
        flex-basis:48%
    }
}

@media screen and (max-width: 360px) {
    .game-expertise .game-expertise-list li {
        flex-basis:48%
    }
}

.game-expertise .game-expertise-list li .name {
    display: block;
    width: 100%;
    margin-top: 0px
}

.game-expertise .game-expertise-list li .icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    margin: 10px auto 0 auto;
    background-image: url("../img/android-game-development/png/android-gameSprite1.png");
    background-repeat: no-repeat
}

.game-expertise .game-expertise-list li .icon.icon1 {
    background-position: 0 0
}

.game-expertise .game-expertise-list li .icon.icon2 {
    background-position: 0 -70px
}

.game-expertise .game-expertise-list li .icon.icon3 {
    background-position: 0 -140px
}

.game-expertise .game-expertise-list li .icon.icon4 {
    background-position: 0 -210px
}

.game-expertise .game-expertise-list li .icon.icon5 {
    background-position: 0 -280px
}

.game-expertise .game-expertise-list li .icon.icon6 {
    background-position: 0 -350px
}

.game-expertise .game-expertise-list li .icon.icon7 {
    background-position: 0 -420px
}

.game-expertise .game-expertise-list li .icon.icon8 {
    background-position: 0 -490px
}

.game-expertise .game-expertise-list li .icon.icon9 {
    background-position: 0 -560px
}

.game-expertise .game-expertise-list li .icon.icon10 {
    background-position: 0 -630px
}

.game-expertise .game-expertise-list li .icon.icon11 {
    background-position: 0 -700px
}

.game-expertise .game-expertise-list li .icon.icon12 {
    background-position: 0 -770px
}

.game-expertise .game-expertise-list li .icon.icon13 {
    background-position: 0 -840px
}

.game-expertise .game-expertise-list li .icon.icon14 {
    background-position: 0 -910px
}

.game-expertise .game-expertise-list li .icon.icon15 {
    background-position: 0 -980px
}

.game-expertise .game-expertise-list li .icon.icon16 {
    background-position: 0 -1050px
}

.game-expertise .game-expertise-list li .icon.icon17 {
    background-position: 0 -1120px
}

.game-expertise .game-expertise-list li .icon.icon18 {
    background-position: 0 -1190px
}

.game-expertise .game-expertise-list li .icon.icon19 {
    background-position: 0 -1260px
}

.game-expertise .game-expertise-list li .icon.icon20 {
    background-position: 0 -1330px
}

.game-expertise .game-expertise-list li:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.game-benefits.android-benefit .benefits-box i::before {
    background-image: url("../img/android-game-development/png/android-Benefits.png")
}

.video-game-services.android-game-services {
    margin-bottom: 100px
}

.video-game-services.android-game-services .icon {
    background-image: url("../img/android-game-development/png/game-service.png")
}

@media (max-width: 991px) {
    .video-game-services.android-game-services {
        margin-bottom:0px
    }
}

.video-game-services.android-game-services .tab-content {
    min-height: 330px
}

.hire-game-developers.andriod-game-solutions::before {
    background-image: url("../img/android-game-development/webp/android-game-solutions.webp")
}

.android-studio-expertise {
    background-color: #2d167c;
    height: 100vh;
    position: relative;
    overflow: hidden
}

@media (max-width: 1024px) {
    .android-studio-expertise {
        text-align:center
    }

    .android-studio-expertise .col-sm-6,.android-studio-expertise .col-md-6 {
        width: 100%
    }

    .android-studio-expertise .btn {
        margin-bottom: 40px
    }
}

@media (max-width: 991px) {
    .android-studio-expertise {
        height:100%
    }
}

.android-studio-expertise:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/android-game-development/webp/android-studio.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.8;
    background-attachment: fixed
}

.android-studio-expertise h2 {
    color: #fff;
    margin-bottom: 30px
}

.android-studio-expertise p {
    color: #fff
}

.android-studio-expertise p a {
    color: #FF9100
}

.android-studio-expertise .android-expertise-list {
    display: flex;
    flex-wrap: wrap;
    text-align: center
}

.android-studio-expertise .android-expertise-list li {
    background-color: #fff;
    flex-basis: 23%;
    padding-bottom: 20px;
    padding-right: 10px;
    min-height: 100px;
    margin: 1%;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1199px) {
    .android-studio-expertise .android-expertise-list li {
        flex-basis:23%
    }
}

@media screen and (max-width: 767px) {
    .android-studio-expertise .android-expertise-list li {
        flex-basis:31%
    }
}

@media screen and (max-width: 480px) {
    .android-studio-expertise .android-expertise-list li {
        flex-basis:48%
    }
}

@media screen and (max-width: 360px) {
    .android-studio-expertise .android-expertise-list li {
        flex-basis:48%
    }
}

.android-studio-expertise .android-expertise-list li .name {
    display: block;
    width: 100%;
    margin-top: 0px;
    line-height: normal;
    font-size: 14px;
    font-family: "intermedium"
}

.android-studio-expertise .android-expertise-list li .icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    margin: 10px auto 0 auto;
    background-image: url("../img/android-game-development/png/android-gameSprite2.png");
    background-repeat: no-repeat
}

.android-studio-expertise .android-expertise-list li .icon.icon1 {
    background-position: 0 0
}

.android-studio-expertise .android-expertise-list li .icon.icon2 {
    background-position: 0 -70px
}

.android-studio-expertise .android-expertise-list li .icon.icon3 {
    background-position: 0 -140px
}

.android-studio-expertise .android-expertise-list li .icon.icon4 {
    background-position: 0 -210px
}

.android-studio-expertise .android-expertise-list li .icon.icon5 {
    background-position: 0 -280px
}

.android-studio-expertise .android-expertise-list li .icon.icon6 {
    background-position: 0 -350px
}

.android-studio-expertise .android-expertise-list li .icon.icon7 {
    background-position: 0 -420px
}

.android-studio-expertise .android-expertise-list li .icon.icon8 {
    background-position: 0 -490px
}

.android-studio-expertise .android-expertise-list li .icon.icon9 {
    background-position: 0 -560px
}

.android-studio-expertise .android-expertise-list li .icon.icon10 {
    background-position: 0 -630px
}

.android-studio-expertise .android-expertise-list li .icon.icon11 {
    background-position: 0 -700px
}

.android-studio-expertise .android-expertise-list li .icon.icon12 {
    background-position: 0 -770px
}

.android-studio-expertise .android-expertise-list li .icon.icon13 {
    background-position: 0 -840px
}

.android-studio-expertise .android-expertise-list li .icon.icon14 {
    background-position: 0 -910px
}

.android-studio-expertise .android-expertise-list li .icon.icon15 {
    background-position: 0 -980px
}

.android-studio-expertise .android-expertise-list li .icon.icon16 {
    background-position: 0 -1050px
}

.android-studio-expertise .android-expertise-list li .icon.icon17 {
    background-position: 0 -1120px
}

.android-studio-expertise .android-expertise-list li .icon.icon18 {
    background-position: 0 -1190px
}

.android-studio-expertise .android-expertise-list li .icon.icon19 {
    background-position: 0 -1260px
}

.android-studio-expertise .android-expertise-list li .icon.icon20 {
    background-position: 0 -1330px
}

.android-studio-expertise .android-expertise-list li:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.game-development-tools.android-other-services {
    padding: 100px 0
}

.game-engagement-models.android-engagement-models .service-box {
    height: auto;
    margin-bottom: 30px
}

.game-engagement-models.android-engagement-models .service-box::before {
    background-image: url("../img/android-game-development/webp/android-models.webp")
}

.game-engagement-models.android-engagement-models .engagement-list li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 10px
}

@media (max-width: 991px) {
    .game-engagement-models.android-engagement-models .engagement-list li {
        text-align:left
    }
}

.game-engagement-models.android-engagement-models .engagement-list li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f058";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.game-engagement-models.android-engagement-models .engagement-list.el1 li:before {
    color: #FF9100
}

.game-engagement-models.android-engagement-models .engagement-list.el2 li:before {
    color: #39c9f7
}

.game-engagement-models.android-engagement-models .engagement-list.el3 li:before {
    color: #fa70b2
}

.take-glance.android-game-take-glance.game-poster:after {
    background-image: url("../img/android-game-development/jpg/android-game-poster.jpg")
}

.game-banner.ios-game-banner.ext-padd {
    padding: 160px 0 100px 0
}

@media (max-width: 991px) {
    .game-banner.ios-game-banner.ext-padd {
        padding:100px 0 100px 0
    }

    .game-banner.ios-game-banner.ext-padd .row {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .game-banner.ios-game-banner.ext-padd {
        padding:100px 0 50px 0
    }
}

.game-banner.ios-game-banner:before {
    background-image: url(../img/ios-game-development/webp/ios-game-bg.webp)
}

.game-banner.ios-game-banner .banner-img {
    max-width: 640px
}

.video-game-services.ios-game-tabs .icon {
    background-image: url(../img/ios-game-development/png/ios-gameSprite2.png)
}

.video-game-services.ios-game-tabs .nav-tabs .nav-item {
    margin: 0
}

@media (max-width: 1400px) {
    .video-game-services.ios-game-tabs .nav-tabs .nav-item {
        flex-basis:25%
    }
}

@media (max-width: 1200px) {
    .video-game-services.ios-game-tabs .nav-tabs .nav-item {
        flex-basis:20%
    }
}

@media (max-width: 992px) {
    .video-game-services.ios-game-tabs .nav-tabs .nav-item {
        flex-basis:33%
    }
}

.video-game-services.ios-game-tabs .tab-content {
    min-height: 350px
}

@media (max-width: 992px) {
    .video-game-services.ios-game-tabs .tab-content {
        min-height:auto
    }
}

.game-engagement-models.ios-game-models .service-box {
    height: auto
}

.game-engagement-models.ios-game-models .service-box::before {
    background-image: url(../img/ios-game-development/webp/ios-modal.webp)
}

.android-studio-expertise.ios-studio {
    margin-bottom: 100px
}

@media (max-width: 1024px) {
    .android-studio-expertise.ios-studio {
        margin-bottom:30px
    }
}

.android-studio-expertise.ios-studio::before {
    background-image: url(../img/ios-game-development/webp/ios-studio.webp)
}

.android-studio-expertise.ios-studio::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.202118) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.202118) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.202118) 100%);
    opacity: 0.8
}

.android-studio-expertise.ios-studio .android-expertise-list .icon {
    background-image: url(../img/ios-game-development/png/gameSprite1.png)
}

.android-studio-expertise.ios-company-expertise::before {
    background-image: url(../img/ios-game-development/webp/ios-company-expertise.webp)
}

.android-studio-expertise.ios-company-expertise::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.202118) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.202118) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.202118) 100%);
    opacity: 0.8
}

.android-studio-expertise.ios-company-expertise .android-expertise-list {
    max-height: 460px;
    overflow-y: auto
}

.android-studio-expertise.ios-company-expertise .android-expertise-list .icon {
    background-image: url(../img/ios-game-development/png/ios-gameSprite3.png)
}

.game-expertise.ios-expert {
    padding-bottom: 0;
    margin-top: 250px
}

.game-expertise.ios-expert::before {
    background-image: url(../img/ios-game-development/webp/ios-expert.webp)
}

@media (max-width: 1024px) {
    .game-expertise.ios-expert {
        margin-top:30px;
        padding-bottom: 50px
    }
}

.game-expertise.ios-expert .game-expertise-list {
    padding-bottom: 0
}

.hire-game-developers.ios-nine-img::before {
    background-image: url(../img/ios-game-development/webp/ios-nine.webp)
}

.hire-game-developers.ios-nine-img .btn {
    margin-top: 20px
}

.take-glance.ios-game-take-glance.game-poster:after {
    background-image: url("../img/ios-game-development/jpg/ios-game-poster.jpg")
}

.android-development-services.react-native-services .service-box i.icon:before {
    background-image: url("../img/react-native-app-development/png/react-app-sprite1.png")
}

.android-benefits.react-benefits .benefits-box {
    margin-top: 0
}

.android-benefits.react-benefits .benefits-box i:before {
    background-image: url("../img/react-native-app-development/png/react-app-sprite2.png")
}

.android-benefits.react-benefits .ios-b-img img {
    max-width: 320px
}

.ios-industry-serve.react-industry .archieve-box .awards-list .award:before {
    background-image: url("../img/react-native-app-development/png/react-app-sprite3.png")
}

.powerful-technologies.reactNative-tools h3 {
    text-align: left
}

.different-industry.react-native-dIndustry .industry-list .industry .icon {
    background-image: url("../img/react-native-app-development/png/react-app-sprite4.png")
}

.why-choose-blockchain.why-choose-reactNative .custom-scroll ul li .icon {
    background-image: url("../img/react-native-app-development/png/react-app-sprite5.png")
}

@media screen and (max-width: 991px) {
    .android-integrations {
        text-align:center
    }
}

.android-integrations p {
    margin-bottom: 0;
    padding-left: 50px
}

@media screen and (max-width: 991px) {
    .android-integrations p {
        padding-left:0px
    }
}

.android-integrations h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.android-integrations .industry-list {
    text-align: center;
    margin: 0px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

@media screen and (max-width: 575px) {
    .android-integrations .industry-list {
        margin:0px 0 0 0
    }
}

.android-integrations .industry-list .industry {
    flex-basis: 20%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 20px 10px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #edf5fa;
    margin-right: -1px;
    margin-bottom: -1px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .android-integrations .industry-list .industry {
        flex-basis:31%;
        margin: 6px
    }
}

@media screen and (max-width: 767px) {
    .android-integrations .industry-list .industry {
        flex-basis:31%
    }
}

@media screen and (max-width: 575px) {
    .android-integrations .industry-list .industry {
        flex-basis:31%
    }
}

@media screen and (max-width: 480px) {
    .android-integrations .industry-list .industry {
        flex-basis:46%
    }
}

.android-integrations .industry-list .industry:hover {
    border-color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    position: relative;
    z-index: 1
}

.android-integrations .industry-list .industry:hover a:before {
    opacity: 1
}

.android-integrations .industry-list .industry.m-top {
    padding-top: 20px
}

.android-integrations .industry-list .industry .name {
    display: block;
    color: #000
}

.android-integrations .industry-list .industry a {
    display: inline-block;
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 16px;
    position: relative
}

.android-integrations .industry-list .industry a:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0px;
    top: -10px;
    display: inline-block;
    background-image: url("../img/home/svg/arrow-right-up-blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    vertical-align: middle;
    opacity: 0
}

@media screen and (max-width: 1600px) {
    .android-integrations .industry-list .industry a {
        font-size:15px;
        line-height: normal
    }
}

.android-integrations .industry-list .industry .icon {
    margin: auto;
    width: 70px;
    height: 70px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background-image: url(../img/android-mobile-app-development/png/android-app-sprite5.png);
    background-repeat: no-repeat
}

.android-integrations .industry-list .industry .icon.icon1 {
    background-position: 0 0
}

.android-integrations .industry-list .industry .icon.icon2 {
    background-position: 0 -70px
}

.android-integrations .industry-list .industry .icon.icon3 {
    background-position: 0 -140px
}

.android-integrations .industry-list .industry .icon.icon4 {
    background-position: 0 -210px
}

.android-integrations .industry-list .industry .icon.icon5 {
    background-position: 0 -280px
}

.android-integrations .industry-list .industry .icon.icon6 {
    background-position: 0 -350px
}

.android-integrations .industry-list .industry .icon.icon7 {
    background-position: 0 -420px
}

.android-integrations .industry-list .industry .icon.icon8 {
    background-position: 0 -490px
}

.android-integrations .industry-list .industry .icon.icon9 {
    background-position: 0 -560px
}

.android-integrations .industry-list .industry .icon.icon10 {
    background-position: 0 -630px
}

.different-industry.android-industries .industry-list .industry .icon {
    background-image: url("../img/android-mobile-app-development/png/android-app-sprite6.png")
}

.why-choose-blockchain.why-choose-android .custom-scroll ul li .icon {
    background-image: url("../img/android-mobile-app-development/png/android-app-sprite7.png")
}

.ios-banner.iot-banner .iot-ul {
    display: flex;
    flex-wrap: wrap
}

.ios-banner.iot-banner .iot-ul li {
    flex-basis: 50%;
    margin-bottom: 10px;
    text-align: left
}

@media (max-width: 575px) {
    .ios-banner.iot-banner .iot-ul li {
        flex-basis:100%
    }
}

.ios-banner.iot-banner .iot-ul li i {
    margin-right: 10px
}

.android-development-services.iot-app-sec .service-box i.icon:before {
    background-image: url("../img/iot-app-development/png/iot-icon.png")
}

.android-benefits.iot-how-approach .benefits-box {
    padding-top: 47px
}

.android-benefits.iot-how-approach .benefits-box i:before {
    background-image: url("../img/iot-app-development/png/iot-icon-2.png")
}

.android-benefits.iot-how-approach .ios-b-img img {
    max-width: 480px
}

@media (max-width: 575px) {
    .robust-services.iot-services .service-box h4 {
        font-size:20px
    }
}

.robust-services.iot-services .service-box h4 i {
    font-size: 16px;
    vertical-align: middle;
    margin: 0
}

.whitelabel-cryptocurrency.iot-solution .crypto-list li {
    width: 47%;
    white-space: nowrap
}

.whitelabel-cryptocurrency.iot-solution .wc-img img {
    max-width: 454px
}

@media (max-width: 575px) {
    .blockchain-technologies.iot-technologies .top {
        margin-top:27px
    }
}

.blockchain-technologies.iot-technologies h3 {
    font-family: "intermedium";
    margin-top: 20px
}

.blockchain-technologies.iot-technologies h3.top {
    margin-top: 30px
}

.blockchain-technologies.iot-technologies .andBox {
    height: 100%
}

.blockchain-technologies.iot-technologies .andBox .display.dis1 {
    background-image: url(../img/iot-app-development/jpg/sensor.jpg)
}

.blockchain-technologies.iot-technologies .andBox .display.dis2 {
    background-image: url(../img/iot-app-development/jpg/IP-address.jpg)
}

.blockchain-technologies.iot-technologies .andBox .display.dis3 {
    background-image: url(../img/iot-app-development/jpg/iot-gateways.jpg)
}

.blockchain-technologies.iot-technologies .andBox .display.dis4 {
    background-image: url(../img/iot-app-development/jpg/Cloud-Server.jpg)
}

.blockchain-technologies.iot-technologies .andBox .display.dis5 {
    background-image: url(../img/iot-app-development/jpg/IoT-Application.jpg)
}

.blockchain-technologies.iot-technologies .andBox .display.dis6 {
    background-image: url(../img/iot-app-development/jpg/User-Interface.jpg)
}

@media (max-width: 1024px) {
    .iot-industry-verticals .col-sm-3,.iot-industry-verticals .col-md-3 {
        width:50%
    }
}

@media (max-width: 991px) {
    .iot-industry-verticals {
        text-align:center
    }

    .iot-industry-verticals .bdr:before {
        display: none
    }
}

@media (max-width: 575px) {
    .iot-industry-verticals .col-sm-3,.iot-industry-verticals .col-md-3 {
        width:100%
    }

    .iot-industry-verticals .mb-40 {
        margin-bottom: 20px
    }
}

.iot-industry-verticals h2 {
    font-family: "interlight"
}

.iot-industry-verticals h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.iot-industry-verticals h4 i {
    font-size: 16px
}

.iot-industry-verticals p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .iot-industry-verticals p.top {
        margin-top:0px
    }
}

.iot-industry-verticals .service-box {
    background-color: #fff;
    margin-top: 30px;
    height: 93%;
    position: relative;
    padding-bottom: 50px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.iot-industry-verticals .service-box .iot-list li {
    margin-bottom: 30px
}

.iot-industry-verticals .service-box .iot-list li:hover h3 {
    color: #000
}

.iot-industry-verticals .service-box .iot-list li:hover h4 {
    color: #0076FF
}

.iot-industry-verticals .service-box .iot-list li:hover h4 i {
    color: #0076FF
}

.iot-industry-verticals .service-box .iot-list li:hover h4 i:before {
    color: #0076FF
}

.iot-industry-verticals .service-box .iot-list li:hover p {
    color: #000
}

.iot-industry-verticals .service-box .click-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.iot-industry-verticals .service-box .icon-go {
    position: absolute;
    bottom: 10px;
    right: 20px;
    margin-bottom: 0
}

.iot-industry-verticals .service-box .icon-go i {
    font-size: 24px
}

.iot-industry-verticals .ondemand_service .owl-dots {
    text-align: center;
    margin-top: 20px
}

.iot-industry-verticals .ondemand_service .owl-dots button:before,.iot-industry-verticals .ondemand_service .owl-dots button:after {
    display: none
}

.iot-industry-verticals .ondemand_service .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    background-color: #BEBEBE;
    margin: 10px 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px
}

.iot-industry-verticals .ondemand_service .owl-dots button.owl-dot.active {
    width: 50px;
    background-color: #0076FF
}

.iot-industry-verticals .iot-boxImg {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.iot-industry-verticals .iot-boxImg .hover {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 50px 20px 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: rgba(0,0,0,0.4)
}

.iot-industry-verticals .iot-boxImg .hover h5 {
    font-family: "interbold";
    margin-bottom: 0rem;
    position: absolute;
    bottom: 30px
}

.iot-industry-verticals .iot-boxImg .hover .text {
    font-family: "intermedium";
    display: none;
    text-align: left;
    margin-bottom: 2rem;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.iot-industry-verticals .iot-boxImg:hover .hover {
    top: 0;
    background-color: rgba(0,0,0,0.8)
}

.iot-industry-verticals .iot-boxImg:hover .hover h5 {
    margin-bottom: 0;
    position: relative
}

.iot-industry-verticals .iot-boxImg:hover .hover .text {
    display: block
}

.game-banner.video-game-banner.game-2d-banner::before {
    background-image: url("../img/2d-game-development/webp/2d-game-development-banner.webp")
}

.game-banner.video-game-banner.game-2d-banner.ext-padd {
    padding: 160px 0 100px 0
}

@media (max-width: 991px) {
    .game-banner.video-game-banner.game-2d-banner.ext-padd {
        padding:100px 0 100px 0
    }

    .game-banner.video-game-banner.game-2d-banner.ext-padd .row {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .game-banner.video-game-banner.game-2d-banner.ext-padd {
        padding:100px 0 50px 0
    }
}

.game-banner.video-game-banner.game-2d-banner .banner-img {
    max-width: 640px
}

.game-benefits.twoD-game-expertise .benefits-box i::before {
    background-image: url("../img/2d-game-development/png/2d-game-sprite1.png")
}

.parallax.para-2d-game::before {
    background-image: url("../img/2d-game-development/webp/para-2d-banner.webp")
}

.parallax.next-para-2d-game {
    margin-bottom: 100px
}

.parallax.next-para-2d-game::before {
    background-image: url("../img/2d-game-development/webp/next-para-2d-banner.webp")
}

@media (max-width: 1024px) {
    .parallax.next-para-2d-game {
        margin-bottom:30px
    }
}

.hire-game-developers.video-game-solutions.game-2d-solutions {
    margin-top: 200px
}

@media (max-width: 1024px) {
    .hire-game-developers.video-game-solutions.game-2d-solutions {
        margin-top:30px
    }
}

.hire-game-developers.video-game-solutions.game-2d-solutions::before {
    background-image: url("../img/2d-game-development/webp/game-2d-solutions.webp")
}

.video-game-services.game-2d-services .icon {
    background-image: url("../img/2d-game-development/png/game-2d-sprite2.png")
}

.video-game-services.game-2d-services .nav-tabs .nav-item {
    margin: 0
}

.android-studio-expertise.studio-2d-game::before {
    background-image: url("../img/2d-game-development/webp/studio-2d.webp")
}

.game-engagement-models.android-engagement-models.engagement-2d-game-models .service-box {
    height: auto
}

.game-engagement-models.android-engagement-models.engagement-2d-game-models .service-box::before {
    background-image: url("../img/2d-game-development/webp/engagement-2d-game-models.webp")
}

.game-banner.video-game-banner.game-3d-banner::before {
    background-image: url("../img/3d-game-development/webp/game-3d-banner.webp")
}

.game-banner.video-game-banner.game-3d-banner.ext-padd {
    padding: 160px 0 100px 0
}

@media (max-width: 991px) {
    .game-banner.video-game-banner.game-3d-banner.ext-padd {
        padding:100px 0 100px 0
    }

    .game-banner.video-game-banner.game-3d-banner.ext-padd .row {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .game-banner.video-game-banner.game-3d-banner.ext-padd {
        padding:100px 0 50px 0
    }
}

.game-banner.video-game-banner.game-3d-banner .banner-img {
    max-width: 640px
}

.game-benefits.threeD-game-benefit .benefits-box i:before {
    background-image: url("../img/3d-game-development/png/3d-game-sprite1.png")
}

.video-game-services.game-3d-services .icon {
    background-image: url("../img/3d-game-development/png/game-3d-sprite2.png")
}

.video-game-services.game-3d-services .nav-tabs .nav-item {
    margin: 0
}

.parallax.para-3d-game1 {
    margin-bottom: 100px
}

.parallax.para-3d-game1::before {
    background-image: url("../img/3d-game-development/webp/3d-game-parallax1.webp")
}

@media (max-width: 1024px) {
    .parallax.para-3d-game1 {
        margin-bottom:30px
    }
}

.parallax.para-3d-game2::before {
    background-image: url("../img/3d-game-development/webp/para-3d.webp")
}

.parallax.para-3d-game3::before {
    background-image: url("../img/3d-game-development/webp/next-para-3d.webp")
}

.hire-game-developers.video-game-solutions.game-3d-solutions {
    margin-top: 200px
}

@media (max-width: 1024px) {
    .hire-game-developers.video-game-solutions.game-3d-solutions {
        margin-top:30px
    }
}

.hire-game-developers.video-game-solutions.game-3d-solutions::before {
    background-image: url("../img/3d-game-development/webp/game-3d-solutions.webp")
}

.game-engagement-models.android-engagement-models.engagement-3d-game-models .service-box {
    height: auto
}

.game-engagement-models.android-engagement-models.engagement-3d-game-models .service-box::before {
    background-image: url("../img/3d-game-development/webp/engagement-3d-game.webp")
}

.android-development-services.nft-service .service-box i.icon::before {
    background-image: url(../img/nft-development/png/nft-icon.png)
}

.android-development-services.nft-service .service-box i.icon.icon13:before {
    background-position: 0 -600px
}

.android-development-services.nft-service .service-box i.icon.icon14:before {
    background-position: 0 -650px
}

.android-development-services.nft-service .service-box i.icon.icon15:before {
    background-position: 0 -700px
}

.android-benefits.crypto-benefits.nft-benefits .benefits-box {
    margin-top: 90px
}

@media (max-width: 1440px) {
    .android-benefits.crypto-benefits.nft-benefits .benefits-box {
        margin-top:70px
    }
}

@media (max-width: 1366px) {
    .android-benefits.crypto-benefits.nft-benefits .benefits-box {
        margin-top:50px
    }
}

@media (max-width: 767px) {
    .android-benefits.crypto-benefits.nft-benefits .benefits-box {
        margin-top:20px;
        min-height: 71px
    }
}

.android-benefits.crypto-benefits.nft-benefits .benefits-box i::before {
    background-image: url(../img/nft-development/png/nft-icon-2.png)
}

@media (max-width: 1024px) {
    .company-since.nft-token {
        text-align:left
    }

    .company-since.nft-token .col-sm-5,.company-since.nft-token .col-md-5 {
        width: 50%
    }
}

@media (max-width: 991px) {
    .company-since.nft-token {
        text-align:left
    }

    .company-since.nft-token .col-sm-5,.company-since.nft-token .col-md-5 {
        width: 100%
    }

    .company-since.nft-token .bdr {
        text-align: center
    }
}

.company-since.nft-token .new-ul li h3 {
    color: #000;
    font-family: "interbold"
}

.company-since.nft-token .new-ul li h3 i {
    font-size: 16px
}

.company-since.nft-token .new-ul li p {
    font-size: 14px;
    color: #000;
    padding: 0 20px
}

.technologies-development.nft-techno {
    margin-top: 50px
}

.technologies-development.nft-techno .hd-box .icon-box {
    padding-top: 12px;
    padding-left: 20px
}

@media (max-width: 991px) {
    .technologies-development.nft-techno .hd-box .icon-box {
        padding-left:0px
    }
}

.technologies-development.nft-techno .hd-box ul {
    justify-content: left
}

.technologies-development.nft-techno .hd-box ul li {
    flex-basis: 16%
}

@media (max-width: 1366px) {
    .technologies-development.nft-techno .hd-box ul li {
        flex-basis:33%
    }
}

@media (max-width: 1200px) {
    .technologies-development.nft-techno .hd-box ul li {
        flex-basis:16%
    }
}

.technologies-development.nft-techno .hd-box ul li .icon::before {
    background-image: url(../img/nft-development/png/nft-icon-3.png)
}

.technologies-development.nft-techno .hd-box ul li .icon.icon21:before {
    background-position: 0 -1200px
}

.technologies-development.nft-techno .hd-box ul li .icon.icon22:before {
    background-position: 0 -1260px
}

.technologies-development.nft-techno .hd-box ul li .icon.icon23:before {
    background-position: 0 -1320px
}

.technologies-development.nft-techno .hd-box ul li .icon.icon24:before {
    background-position: 0 -1380px
}

.technologies-development.nft-techno .hd-box ul li .icon.icon25:before {
    background-position: 0 -1440px
}

.technologies-development.nft-techno .hd-box ul li .icon.icon26:before {
    background-position: 0 -1500px
}

.technologies-development.nft-techno .hd-box ul li .icon.icon27:before {
    background-position: 0 -1560px
}

.technologies-development.nft-techno .hd-box ul li .icon.icon28:before {
    background-position: 0 -1620px
}

.technologies-development.nft-techno .hd-box ul li .icon.icon29:before {
    background-position: 0 -1680px
}

.technologies-development.nft-techno .hd-box ul li .icon.icon30:before {
    background-position: 0 -1740px
}

.technologies-development.nft-techno .hd-box ul li .icon.icon31:before {
    background-position: 0 -1800px
}

.technologies-development.nft-techno .hd-box ul li .icon.icon32:before {
    background-position: 0 -1860px
}

@media (max-width: 1366px) {
    .blockchain-technologies.cryptocurrency-features.nft-robust-service .col-sm-3,.blockchain-technologies.cryptocurrency-features.nft-robust-service .col-md-3 {
        width:33.33333333%
    }
}

@media (max-width: 991px) {
    .blockchain-technologies.cryptocurrency-features.nft-robust-service .col-sm-3,.blockchain-technologies.cryptocurrency-features.nft-robust-service .col-md-3 {
        width:50%
    }
}

@media (max-width: 575px) {
    .blockchain-technologies.cryptocurrency-features.nft-robust-service .col-sm-3,.blockchain-technologies.cryptocurrency-features.nft-robust-service .col-md-3 {
        width:100%
    }
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service .andBox .icon {
    background-image: url(../img/nft-development/png/nft-icon-4.png);
    width: 60px;
    height: 60px
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service .andBox .icon.icon1 {
    background-position: 0 0
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service .andBox .icon.icon2 {
    background-position: 0 -60px
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service .andBox .icon.icon3 {
    background-position: 0 -120px
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service .andBox .icon.icon4 {
    background-position: 0 -180px
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service .andBox .icon.icon5 {
    background-position: 0 -240px
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service .andBox .icon.icon6 {
    background-position: 0 -300px
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service .andBox .icon.icon7 {
    background-position: 0 -360px
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service .andBox .icon.icon8 {
    background-position: 0 -420px
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service .andBox .icon.icon9 {
    background-position: 0 -480px
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service .andBox .icon.icon10 {
    background-position: 0 -540px
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service .andBox .icon.icon11 {
    background-position: 0 -600px
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service .andBox .icon.icon12 {
    background-position: 0 -660px
}

.blockchain-technologies.nft-robust-service.nft-salient .andBox .icon {
    background-image: url(../img/nft-development/png/nft-icon-5.png)
}

.nft-three-box {
    background-color: #2d167c
}

.nft-three-box .thBox {
    padding: 20px 40px 20px 40px;
    border: 1px solid #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    background-color: #fff;
    min-height: 100%;
    position: relative;
    -webkit-transition: all 0.5s 0s ease-in-out;
    -moz-transition: all 0.5s 0s ease-in-out;
    -o-transition: all 0.5s 0s ease-in-out;
    transition: all 0.5s 0s ease-in-out
}

@media screen and (max-width: 991px) {
    .nft-three-box .thBox {
        margin-bottom:30px;
        min-height: auto
    }
}

.nft-three-box .thBox .txt {
    display: inline-block;
    padding: 10px 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    font-size: 15px;
    line-height: normal;
    border: 1px dashed #BEBEBE;
    margin-bottom: 20px
}

.nft-three-box .thBox .btn {
    max-width: 250px;
    margin-top: 10px
}

.nft-three-box .thBox .btn br {
    display: none
}

.nft-three-box .thBox .h2 {
    color: #0076FF;
    font-family: "interbold";
    margin-bottom: 20px
}

.nft-three-box .thBox h3 {
    margin-bottom: 10px;
    font-size: 22px
}

.nft-three-box .thBox.th-mid {
    background-color: #0076FF;
    border-color: #0076FF
}

.nft-three-box .thBox.th-mid .h2 {
    color: #fff
}

.nft-three-box .thBox.th-mid .txt {
    color: #fff;
    border-color: #fff
}

.nft-three-box .thBox.th-mid h3 {
    color: #fff
}

.nft-three-box .thBox.th-mid .btn {
    background-color: #fff;
    color: #0076FF
}

.nft-three-box .thBox.th-mid .btn .arrow {
    background-image: url(../img/common/svg/arrow-right-up-blue.svg)
}

.nft-three-box .thBox.th-mid .btn:hover {
    background-color: #000;
    color: #fff
}

.nft-three-box .thBox.th-mid:hover .btn {
    background-color: #0076FF;
    color: #fff
}

.nft-three-box .thBox.th-mid:hover .btn .arrow {
    background-image: url(../img/common/svg/arrow-right-up.svg)
}

.nft-three-box .thBox.th-mid:hover .btn:hover {
    background-color: #0076FF;
    color: #fff
}

.nft-three-box .thBox:hover {
    background-color: #fff;
    border-color: #fff
}

.nft-three-box .thBox:hover .h2 {
    color: #000
}

.nft-three-box .thBox:hover .txt {
    border-color: #000;
    color: #000
}

.nft-three-box .thBox:hover h3 {
    color: #000
}

.nft-three-box .thBox:hover .btn:hover {
    background-color: #000;
    color: #fff
}

.why-choose-blockchain.why-choose-cryptocurrency.why-choose-nft .service-box {
    border: 1px solid #edf5fa;
    padding: 20px;
    height: 91%;
    margin-bottom: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.why-choose-blockchain.why-choose-cryptocurrency.why-choose-nft .service-box:hover {
    background-color: #0076FF;
    border-color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    color: #fff
}

.why-choose-blockchain.why-choose-cryptocurrency.why-choose-nft .service-box:hover p a {
    color: #FF9100
}

@media (max-width: 1024px) {
    .why-choose-blockchain.why-choose-cryptocurrency.why-choose-nft .service-box {
        margin-top:50px
    }
}

.ios-industry-serve.best-blockchain.nft-plat-forms {
    margin-top: 50px
}

@media (max-width: 991px) {
    .ios-industry-serve.best-blockchain.nft-plat-forms {
        padding-bottom:50px
    }
}

.process-setup.nft-align .process-timeline {
    align-items: start
}

.game-banner.video-game-banner.unity-banner::before {
    background-image: url("../img/unity-game-development/webp/uinty-banner.webp")
}

.game-banner.video-game-banner.unity-banner .points {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.game-banner.video-game-banner.unity-banner .points li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    color: #fff
}

.game-banner.video-game-banner.unity-banner .points li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.game-banner.video-game-banner.unity-banner.ext-padd {
    padding: 160px 0 100px 0
}

@media (max-width: 991px) {
    .game-banner.video-game-banner.unity-banner.ext-padd {
        padding:100px 0 100px 0
    }

    .game-banner.video-game-banner.unity-banner.ext-padd .row {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .game-banner.video-game-banner.unity-banner.ext-padd {
        padding:100px 0 50px 0
    }
}

.game-banner.video-game-banner.unity-banner .banner-img {
    max-width: 640px
}

.hire-video-game-developers.unity-hire-sec .points {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.hire-video-game-developers.unity-hire-sec .points li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    color: #000
}

.hire-video-game-developers.unity-hire-sec .points li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.hire-video-game-developers.unity-hire-sec h3 {
    font-family: "interbold"
}

@media (max-width: 991px) {
    .hire-video-game-developers.unity-hire-sec {
        padding-bottom:0
    }

    .hire-video-game-developers.unity-hire-sec .hire-unityImg img {
        margin: 20px 0
    }
}

.video-game-services.unity-services .icon {
    background-image: url("../img/unity-game-development/png/unity-game-sprite2.png")
}

.video-game-services.unity-services .nav-tabs .nav-item {
    margin: 0
}

.video-game-services.unity-services .points {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.video-game-services.unity-services .points li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    color: #fff
}

.video-game-services.unity-services .points li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #fff
}

.folio-grid.unity-tabs-sec {
    top: auto;
    background-color: #000;
    position: relative;
    padding: 100px 0
}

.folio-grid.unity-tabs-sec:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/unity-game-development/jpg/tabs-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.8;
    background-attachment: fixed
}

.folio-grid.unity-tabs-sec:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: #000;
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 100%);
    height: 100%;
    width: 100%
}

.folio-grid.unity-tabs-sec h3 {
    text-align: center;
    color: #fff
}

.folio-grid.unity-tabs-sec .nav-tabs {
    max-width: 60%;
    margin: 0 auto
}

@media (max-width: 991px) {
    .folio-grid.unity-tabs-sec .nav-tabs {
        max-width:100%
    }
}

.folio-grid.unity-tabs-sec .tab-content ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: center
}

.folio-grid.unity-tabs-sec .tab-content ul li {
    flex-basis: 14%;
    margin: 20px;
    color: #fff;
    text-align: center;
    position: relative
}

@media (max-width: 992px) {
    .folio-grid.unity-tabs-sec .tab-content ul li {
        margin:10px;
        flex-basis: 17%
    }
}

.folio-grid.unity-tabs-sec .tab-content ul li h5 {
    margin: 0
}

.folio-grid.unity-tabs-sec .tab-content ul li a {
    display: inline-block;
    width: 100%;
    color: #fff;
    left: 0
}

.folio-grid.unity-tabs-sec .tab-content ul li:before {
    display: inline-block;
    width: 100px;
    height: 100px;
    background-image: url("../img/unity-game-development/png/app-multiple-icons.png");
    background-repeat: no-repeat;
    content: ""
}

.folio-grid.unity-tabs-sec .tab-content ul li .g1:before {
    background-position: 0 0
}

.folio-grid.unity-tabs-sec .tab-content ul li.g2:before {
    background-position: 0 -100px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g3:before {
    background-position: 0 -200px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g4:before {
    background-position: 0 -300px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g5:before {
    background-position: 0 -400px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g6:before {
    background-position: 0 -500px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g7:before {
    background-position: 0 -600px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g8:before {
    background-position: 0 -700px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g9:before {
    background-position: 0 -800px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g10:before {
    background-position: 0 -900px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g11:before {
    background-position: 0 -1000px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g12:before {
    background-position: 0 -1100px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g13:before {
    background-position: 0 -1200px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g14:before {
    background-position: 0 -1300px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g15:before {
    background-position: 0 -1400px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g16:before {
    background-position: 0 -1500px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g17:before {
    background-position: 0 -1600px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g18:before {
    background-position: 0 -1700px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g19:before {
    background-position: 0 -1800px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g20:before {
    background-position: 0 -1900px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g21:before {
    background-position: 0 -2000px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g22:before {
    background-position: 0 -2100px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g23:before {
    background-position: 0 -2200px
}

.folio-grid.unity-tabs-sec .tab-content ul li.g24:before {
    background-position: 0 -2300px
}

.hire-game-developers.video-game-solutions.unity-game-solutions {
    margin-top: 200px
}

@media (max-width: 1024px) {
    .hire-game-developers.video-game-solutions.unity-game-solutions {
        margin-top:30px
    }
}

.hire-game-developers.video-game-solutions.unity-game-solutions::before {
    background-image: url("../img/unity-game-development/jpg/unity-solu.jpg")
}

.game-engagement-models.android-engagement-models.engagement-unity-game-models .service-box {
    height: auto
}

.game-engagement-models.android-engagement-models.engagement-unity-game-models .service-box::before {
    background-image: url("../img/unity-game-development/jpg/engagement-unity.jpg")
}

.game-engagement-models.android-engagement-models.engagement-unity-game-models .service-box .icon {
    background-image: url("../img/unity-game-development/png/unity-gameSprite1.png")
}

.game-banner.video-game-banner.nft-banner:before {
    background-image: url("../img/nft-game-development/webp/nft-game-development-bg.webp")
}

@media (max-width: 575px) {
    .game-banner.video-game-banner.nft-banner:before {
        background-image:none !important;
        background: #2d167c;
        background: linear-gradient(45deg, #2d167c 50%, #05213a 100%)
    }
}

.game-banner.video-game-banner.nft-banner .points {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.game-banner.video-game-banner.nft-banner .points li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    color: #fff
}

.game-banner.video-game-banner.nft-banner .points li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.game-banner.video-game-banner.nft-banner.ext-padd {
    padding: 160px 0 100px 0
}

@media (max-width: 991px) {
    .game-banner.video-game-banner.nft-banner.ext-padd {
        padding:100px 0 100px 0
    }

    .game-banner.video-game-banner.nft-banner.ext-padd .row {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .game-banner.video-game-banner.nft-banner.ext-padd {
        padding:100px 0 50px 0
    }
}

.game-banner.video-game-banner.nft-banner .banner-img {
    max-width: 640px
}

.game-benefits.nft-benefit .ios-b-img img {
    max-width: 500px
}

.game-benefits.nft-benefit .benefits-box i:before {
    background-image: url("../img/nft-game-development/png/nft-game-sprite1.png")
}

.game-expertise.nft-expertise-icons:before {
    background-image: url("../img/nft-game-development/webp/nft-expertise-bg.webp")
}

.game-expertise.nft-expertise-icons .game-expertise-list li .icon {
    background-image: url("../img/nft-game-development/png/nft-gametSprite4.png")
}

.game-expertise.nft-expertise-icons .game-expertise-list li .icon.icon10 {
    background-position: 0 -630px
}

.blockchain-technologies.nft-robust-service {
    padding-bottom: 0
}

.blockchain-technologies.nft-robust-service .andBox .icon {
    background-image: url("../img/nft-game-development/png/nft-game-sprite2.png")
}

.hire-game-developers.video-game-solutions.nft-game-solutions {
    margin-top: 200px
}

@media (max-width: 1024px) {
    .hire-game-developers.video-game-solutions.nft-game-solutions {
        margin-top:30px
    }
}

.hire-game-developers.video-game-solutions.nft-game-solutions:before {
    background-image: url("../img/nft-game-development/webp/nft-solu.webp")
}

.video-game-services.nft-game-services {
    margin-bottom: 100px
}

@media (max-width: 992px) {
    .video-game-services.nft-game-services {
        margin-bottom:20px
    }
}

.video-game-services.nft-game-services .icon {
    background-image: url("../img/nft-game-development/png/nft-gametSprite2.png")
}

.video-game-services.nft-game-services .nav-tabs .nav-item {
    margin: 0
}

.parallax.nft-pera-game:before {
    background-image: url("../img/nft-game-development/webp/pera-game.webp")
}

.parallax.nft-pera-next:before {
    background-image: url("../img/nft-game-development/webp/pera-next-new1.webp")
}

.game-engagement-models.android-engagement-models.engagement-nft-game-models .service-box {
    height: auto
}

.game-engagement-models.android-engagement-models.engagement-nft-game-models .service-box:before {
    background-image: url("../img/nft-game-development/webp/engagement-nft.webp")
}

.game-banner.video-game-banner.ar-game-banner:before {
    background-image: url("../img/ar-game-development/webp/ar-game-development-banner.webp")
}

.game-banner.video-game-banner.ar-game-banner .points {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.game-banner.video-game-banner.ar-game-banner .points li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    color: #fff
}

.game-banner.video-game-banner.ar-game-banner .points li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.game-banner.video-game-banner.ar-game-banner.ext-padd {
    padding: 160px 0 100px 0
}

@media (max-width: 991px) {
    .game-banner.video-game-banner.ar-game-banner.ext-padd {
        padding:100px 0 100px 0
    }

    .game-banner.video-game-banner.ar-game-banner.ext-padd .row {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .game-banner.video-game-banner.ar-game-banner.ext-padd {
        padding:100px 0 50px 0
    }
}

.game-banner.video-game-banner.ar-game-banner .banner-img {
    max-width: 640px
}

.game-benefits.arGame-benefit .benefits-box i:before {
    background-image: url("../img/ar-game-development/png/ar-game-sprite1.png")
}

.game-benefits.arGame-benefit .ios-b-img img {
    max-width: 500px
}

.game-expertise.ar-expertise-icons::before {
    background-image: url("../img/ar-game-development/webp/ar-expertise-bg.webp")
}

.game-expertise.ar-expertise-icons .game-expertise-list {
    justify-content: center
}

.game-expertise.ar-expertise-icons .game-expertise-list li .icon {
    width: 150px;
    height: 88px;
    background-image: url("../img/ar-game-development/png/ar-gametSprite4.png")
}

.game-expertise.ar-expertise-icons .game-expertise-list li .icon2 {
    background-position: 0px -88px
}

.game-expertise.ar-expertise-icons .game-expertise-list li .icon3 {
    background-position: 0px -176px
}

.game-expertise.ar-expertise-icons .game-expertise-list li .icon4 {
    background-position: 0px -264px
}

.game-expertise.ar-expertise-icons .game-expertise-list li .icon5 {
    background-position: 0px -352px
}

.game-expertise.ar-expertise-icons .game-expertise-list li .icon6 {
    background-position: 0px -440px
}

.game-expertise.ar-expertise-icons .game-expertise-list li .icon7 {
    background-position: 0px -528px
}

.game-expertise.ar-expertise-icons .game-expertise-list li .icon8 {
    background-position: 0px -616px
}

.game-expertise.ar-expertise-icons .game-expertise-list li .icon9 {
    background-position: 0px -704px
}

.game-expertise.ar-expertise-icons .game-expertise-list li .icon10 {
    background-position: 0px -792px
}

.video-game-services.ar-game-services {
    margin-bottom: 100px
}

@media (max-width: 992px) {
    .video-game-services.ar-game-services {
        margin-bottom:20px
    }
}

.video-game-services.ar-game-services .icon {
    background-image: url("../img/ar-game-development/png/ar-gametSprite2.png")
}

.video-game-services.ar-game-services .nav-tabs .nav-item {
    margin: 0
}

.blockchain-technologies.nft-robust-service.ar-robust-service .andBox .icon {
    background-image: url("../img/ar-game-development/png/ar-game-sprite2.png")
}

.hire-game-developers.video-game-solutions.ar-game-solutions {
    margin-top: 200px
}

@media (max-width: 1024px) {
    .hire-game-developers.video-game-solutions.ar-game-solutions {
        margin-top:30px
    }
}

.hire-game-developers.video-game-solutions.ar-game-solutions::before {
    background-image: url("../img/ar-game-development/webp/ar-solu.webp")
}

.parallax.ar-pera-game::before {
    background-image: url("../img/ar-game-development/webp/pera-game.webp")
}

.parallax.ar-pera-next::before {
    background-image: url("../img/ar-game-development/webp/pera-next.webp")
}

.parallax.ar-pera-new::before {
    background-image: url("../img/ar-game-development/jpg/pera-new.jpg")
}

.game-engagement-models.android-engagement-models.engagement-ar-game-models .service-box {
    height: auto
}

.game-engagement-models.android-engagement-models.engagement-ar-game-models .service-box::before {
    background-image: url("../img/ar-game-development/webp/engagement-ar.webp")
}

.take-glance.ar-game-take-glance.game-poster:after {
    background-image: url("../img/ar-game-development/jpg/ar-game-poster.jpg")
}

.game-banner.video-game-banner.ludo-game-banner:before {
    background-image: url("../img/ludo-game-development/webp/ludo-game-development-bg.webp")
}

.game-banner.video-game-banner.ludo-game-banner .points {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.game-banner.video-game-banner.ludo-game-banner .points li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    color: #fff
}

.game-banner.video-game-banner.ludo-game-banner .points li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.game-banner.video-game-banner.ludo-game-banner.ext-padd {
    padding: 160px 0 100px 0
}

@media (max-width: 1366px) {
    .game-banner.video-game-banner.ludo-game-banner.ext-padd {
        padding-top:250px
    }
}

@media (max-width: 991px) {
    .game-banner.video-game-banner.ludo-game-banner.ext-padd {
        padding:100px 0 100px 0
    }

    .game-banner.video-game-banner.ludo-game-banner.ext-padd .row {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .game-banner.video-game-banner.ludo-game-banner.ext-padd {
        padding:100px 0 50px 0
    }
}

.game-banner.video-game-banner.ludo-game-banner .banner-img {
    max-width: 640px
}

.game-benefits.ludoGame-benefit .benefits-box i:before {
    background-image: url("../img/ludo-game-development/png/ludo-gameSprite3.png")
}

.game-benefits.ludoGame-benefit .ios-b-img img {
    max-width: 500px
}

.game-expertise.ludo-products-showcase:before {
    background-image: url(../img/ludo-game-development/webp/ludo-products-showcase.webp)
}

.game-expertise.ludo-products-showcase .games-apps {
    text-align: center
}

.game-expertise.ludo-products-showcase .games-apps li {
    display: inline-block;
    vertical-align: top;
    margin: 10px 15px
}

.game-expertise.ludo-products-showcase .games-apps li .icon {
    background-image: url(../img/ludo-game-development/png/os-apps.png);
    background-repeat: no-repeat;
    width: 100px;
    height: 111px;
    display: inline-block
}

.game-expertise.ludo-products-showcase .games-apps li .icon.icon1 {
    background-position: 0 0
}

.game-expertise.ludo-products-showcase .games-apps li .icon.icon2 {
    background-position: 0 -111px
}

.game-expertise.ludo-products-showcase .games-apps li .icon.icon3 {
    background-position: 0 -222px
}

.game-expertise.ludo-products-showcase .games-apps li .icon.icon4 {
    background-position: 0 -333px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon {
    background-image: url(../img/ludo-game-development/png/ludo-gameSprite2.png);
    width: 80px;
    height: 80px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon1 {
    background-position: 0 0
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon2 {
    background-position: 0 -80px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon3 {
    background-position: 0 -160px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon4 {
    background-position: 0 -240px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon5 {
    background-position: 0 -320px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon6 {
    background-position: 0 -400px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon7 {
    background-position: 0 -480px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon8 {
    background-position: 0 -560px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon9 {
    background-position: 0 -640px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon10 {
    background-position: 0 -720px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon11 {
    background-position: 0 -800px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon12 {
    background-position: 0 -880px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon13 {
    background-position: 0 -960px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon14 {
    background-position: 0 -1040px
}

.game-expertise.ludo-products-showcase .game-expertise-list li .icon.icon15 {
    background-position: 0 -1120px
}

.hire-game-developers.video-game-solutions.hire-ludo-game-developers:before {
    background-image: url(../img/ludo-game-development/webp/Hire-Ludo-Game-Developer.webp)
}

.hire-video-game-developers.hire-ludo-game-developer .ludo-img img {
    position: sticky;
    top: 100px
}

.why-choose-game-development.why-choose-ludo-game .why-ludo-points {
    display: flex;
    flex-wrap: wrap
}

.why-choose-game-development.why-choose-ludo-game .why-ludo-points li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px
}

@media (max-width: 991px) {
    .why-choose-game-development.why-choose-ludo-game .why-ludo-points li {
        text-align:left
    }
}

@media (max-width: 767px) {
    .why-choose-game-development.why-choose-ludo-game .why-ludo-points li {
        flex-basis:100%
    }
}

.why-choose-game-development.why-choose-ludo-game .why-ludo-points li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.ludo-game-modes {
    padding-bottom: 100px
}

@media (max-width: 1024px) {
    .ludo-game-modes .col-sm-4,.ludo-game-modes .col-md-4 {
        width:100%
    }
}

@media (max-width: 991px) {
    .ludo-game-modes {
        text-align:center
    }

    .ludo-game-modes .bdr:before {
        display: none
    }
}

@media (max-width: 575px) {
    .ludo-game-modes .col-sm-4,.ludo-game-modes .col-md-4 {
        width:100%
    }

    .ludo-game-modes .mb-40 {
        margin-bottom: 20px
    }
}

.ludo-game-modes h2 {
    font-family: "interlight";
    padding-right: 30px
}

@media (max-width: 991px) {
    .ludo-game-modes h2 {
        padding-right:0px
    }
}

.ludo-game-modes h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.ludo-game-modes p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .ludo-game-modes p.top {
        margin-top:0px
    }
}

.ludo-game-modes .andBox {
    text-align: center;
    padding: 1rem 1rem;
    margin-top: 30px;
    box-shadow: none;
    border: 1px solid #E0E0E0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 7px 7px 3px rgba(0,0,0,0.05);
    -moz-box-shadow: 7px 7px 3px rgba(0,0,0,0.05);
    box-shadow: 7px 7px 3px rgba(0,0,0,0.05);
    min-height: 93%
}

@media screen and (max-width: 1440px) {
    .ludo-game-modes .andBox {
        min-height:91%
    }
}

.ludo-game-modes .andBox:hover {
    border-color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.ludo-game-modes .andBox .icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    background-image: url(../img/ludo-game-development/png/ludo-gameSprite4.png);
    background-repeat: no-repeat;
    margin: 10px auto
}

.ludo-game-modes .andBox .icon.icon1 {
    background-position: 0 0
}

.ludo-game-modes .andBox .icon.icon2 {
    background-position: 0 -70px
}

.ludo-game-modes .andBox .icon.icon3 {
    background-position: 0 -140px
}

.ludo-game-modes .andBox .icon.icon4 {
    background-position: 0 -210px
}

.ludo-game-cta {
    padding-bottom: 100px
}

@media screen and (max-width: 991px) {
    .ludo-game-cta {
        text-align:center
    }

    .ludo-game-cta .btn {
        margin-top: 30px
    }
}

@media screen and (max-width: 767px) {
    .ludo-game-cta {
        padding-bottom:0
    }
}

.ludo-game-cta .cta-box {
    background-color: #2d167c;
    background: #2d167c;
    background: linear-gradient(45deg, #2d167c 50%, #05213a 100%);
    padding: 60px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 575px) {
    .ludo-game-cta .cta-box {
        padding:20px
    }
}

.ludo-game-cta .cta-box:before {
    content: "";
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 150px;
    height: 150px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.ludo-game-cta .cta-box:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -30px;
    width: 100px;
    height: 100px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.ludo-game-cta .cta-box h2 {
    color: #fff;
    margin-bottom: 20px;
    font-family: "interbold"
}

.ludo-game-cta .cta-box p {
    color: #fff;
    margin-bottom: 0
}

.folio-grid.unity-tabs-sec.ludo-tab-sec:before {
    background-image: url("../img/ludo-game-development/webp/ludo-app-Feature.webp")
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li:before {
    background-image: url("../img/ludo-game-development/png/ludo-gameSprite5-1.png");
    width: 70px;
    height: 70px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li .g1:before {
    background-position: 0 0
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g2:before {
    background-position: 0 -70px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g3:before {
    background-position: 0 -140px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g4:before {
    background-position: 0 -210px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g5:before {
    background-position: 0 -280px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g6:before {
    background-position: 0 -350px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g7:before {
    background-position: 0 -420px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g8:before {
    background-position: 0 -490px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g9:before {
    background-position: 0 -560px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g10:before {
    background-position: 0 -630px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g11:before {
    background-position: 0 -700px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g12:before {
    background-position: 0 -770px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g13:before {
    background-position: 0 -840px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g14:before {
    background-position: 0 -910px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g15:before {
    background-position: 0 -980px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g16:before {
    background-position: 0 -1050px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g17:before {
    background-position: 0 -1120px
}

.folio-grid.unity-tabs-sec.ludo-tab-sec .tab-content ul li.g18:before {
    background-position: 0 -1190px
}

.take-glance.ludo-game-take-glance.game-poster:after {
    background-image: url("../img/ludo-game-development/jpg/ludo-game-poster.jpg")
}

.parallax.ludo-game-parallax:before {
    background-image: url("../img/ludo-game-development/webp/Best-Ludo-Game.webp")
}

.parallax.ludo-game-parallax h2 {
    font-family: "intermedium";
    margin-bottom: 10px
}

.parallax.ludo-game-parallax h3 {
    font-family: "intermedium"
}

.parallax.ludo-game-parallax .ludo-list {
    margin-top: 20px
}

.parallax.ludo-game-parallax .ludo-list li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px
}

@media (max-width: 991px) {
    .parallax.ludo-game-parallax .ludo-list li {
        text-align:left
    }
}

.parallax.ludo-game-parallax .ludo-list li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.game-banner.video-game-banner.html5-game-banner:before {
    background-image: url("../img/html5-game-development/webp/html5-game-development-bg.webp")
}

.game-banner.video-game-banner.html5-game-banner .points {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.game-banner.video-game-banner.html5-game-banner .points li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    color: #fff
}

.game-banner.video-game-banner.html5-game-banner .points li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.game-banner.video-game-banner.html5-game-banner.ext-padd {
    padding: 160px 0 100px 0
}

@media (max-width: 1366px) {
    .game-banner.video-game-banner.html5-game-banner.ext-padd {
        padding-top:250px
    }
}

@media (max-width: 991px) {
    .game-banner.video-game-banner.html5-game-banner.ext-padd {
        padding:100px 0 100px 0
    }

    .game-banner.video-game-banner.html5-game-banner.ext-padd .row {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .game-banner.video-game-banner.html5-game-banner.ext-padd {
        padding:100px 0 50px 0
    }
}

.game-banner.video-game-banner.html5-game-banner .banner-img {
    max-width: 640px
}

.android-studio-expertise.html5-game-engines {
    margin-bottom: 100px
}

@media (max-width: 575px) {
    .android-studio-expertise.html5-game-engines {
        margin-top:40px
    }
}

.android-studio-expertise.html5-game-engines:before {
    background-image: url("../img/html5-game-development/webp/html5-Game-Engines.webp")
}

.android-studio-expertise.html5-game-engines .android-expertise-list li .icon {
    background-image: url("../img/html5-game-development/png/html5-sprite1.png")
}

.game-expertise.html5-game-technologies {
    padding-bottom: 0;
    margin-top: 250px
}

@media (max-width: 991px) {
    .game-expertise.html5-game-technologies {
        margin-top:0px
    }
}

.game-expertise.html5-game-technologies:before {
    background-image: url("../img/html5-game-development/jpg/html5-game-technologies.jpg")
}

.game-expertise.html5-game-technologies .game-expertise-list li .icon {
    width: 150px;
    height: 70px;
    background-image: url("../img/html5-game-development/png/html5-sprite2.png")
}

@media (max-width: 575px) {
    .game-expertise.html5-game-technologies .game-expertise-list li .icon {
        width:120px;
        height: 56px;
        background-size: 100% auto
    }
}

.game-expertise.html5-game-technologies .game-expertise-list li .icon.icon1 {
    background-position: 0 0
}

@media (max-width: 575px) {
    .game-expertise.html5-game-technologies .game-expertise-list li .icon.icon1 {
        background-position:0 0
    }
}

.game-expertise.html5-game-technologies .game-expertise-list li .icon.icon2 {
    background-position: 0 -70px
}

@media (max-width: 575px) {
    .game-expertise.html5-game-technologies .game-expertise-list li .icon.icon2 {
        background-position:0 -56px
    }
}

.game-expertise.html5-game-technologies .game-expertise-list li .icon.icon3 {
    background-position: 0 -140px
}

@media (max-width: 575px) {
    .game-expertise.html5-game-technologies .game-expertise-list li .icon.icon3 {
        background-position:0 -112px
    }
}

.game-expertise.html5-game-technologies .game-expertise-list li .icon.icon4 {
    background-position: 0 -210px
}

@media (max-width: 575px) {
    .game-expertise.html5-game-technologies .game-expertise-list li .icon.icon4 {
        background-position:0 -168px
    }
}

.game-expertise.html5-game-technologies .game-expertise-list li .icon.icon5 {
    background-position: 0 -280px
}

@media (max-width: 575px) {
    .game-expertise.html5-game-technologies .game-expertise-list li .icon.icon5 {
        background-position:0 -224px
    }
}

.game-expertise.html5-game-technologies .game-expertise-list li .icon.icon6 {
    background-position: 0 -350px
}

@media (max-width: 575px) {
    .game-expertise.html5-game-technologies .game-expertise-list li .icon.icon6 {
        background-position:0 -280px
    }
}

.game-expertise.html5-game-technologies .game-expertise-list li .icon.icon7 {
    background-position: 0 -420px
}

@media (max-width: 575px) {
    .game-expertise.html5-game-technologies .game-expertise-list li .icon.icon7 {
        background-position:0 -336px
    }
}

.game-expertise.html5-game-technologies .game-expertise-list li .icon.icon8 {
    background-position: 0 -490px
}

@media (max-width: 575px) {
    .game-expertise.html5-game-technologies .game-expertise-list li .icon.icon8 {
        background-position:0 -392px
    }
}

.game-expertise.html5-game-technologies .game-expertise-list li .icon.icon9 {
    background-position: 0 -560px
}

@media (max-width: 575px) {
    .game-expertise.html5-game-technologies .game-expertise-list li .icon.icon9 {
        background-position:0 -448px
    }
}

.hire-game-developers.video-game-solutions.html5-nine-img:before {
    background-image: url("../img/html5-game-development/webp/html5-nine.webp")
}

.video-game-services.nft-game-services.html5-game-services .icon {
    background-image: url("../img/html5-game-development/png/html5-sprite3.png")
}

.video-game-services.nft-game-services.html5-game-services .icon.icon9 {
    background-position: 0 -480px
}

.video-game-services.nft-game-services.html5-game-services .icon.icon10 {
    background-position: 0 -540px
}

.video-game-services.nft-game-services.html5-game-services .icon.icon11 {
    background-position: 0 -600px
}

.video-game-services.nft-game-services.html5-game-services .icon.icon12 {
    background-position: 0 -660px
}

.game-engagement-models.android-engagement-models.html5-game-engagement-models .service-box:before {
    background-image: url("../img/html5-game-development/webp/html5-game-engagement-models.webp")
}

.take-glance.html5-game-take-glance.game-poster:after {
    background-image: url("../img/html5-game-development/jpg/html5-game-poster.jpg")
}

.game-banner.video-game-banner.casino-game-banner:before {
    background-image: url("../img/casino-game-development/webp/casino-game-bg.webp")
}

.game-banner.video-game-banner.casino-game-banner .points {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.game-banner.video-game-banner.casino-game-banner .points li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    color: #fff
}

.game-banner.video-game-banner.casino-game-banner .points li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.game-banner.video-game-banner.casino-game-banner.ext-padd {
    padding: 160px 0 100px 0
}

@media (max-width: 1366px) {
    .game-banner.video-game-banner.casino-game-banner.ext-padd {
        padding-top:250px
    }
}

@media (max-width: 991px) {
    .game-banner.video-game-banner.casino-game-banner.ext-padd {
        padding:100px 0 100px 0
    }

    .game-banner.video-game-banner.casino-game-banner.ext-padd .row {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .game-banner.video-game-banner.casino-game-banner.ext-padd {
        padding:100px 0 50px 0
    }
}

.game-banner.video-game-banner.casino-game-banner .banner-img {
    max-width: 640px
}

.game-benefits.casino-benefit .benefits-box i:before {
    background-image: url("../img/casino-game-development/png/casino-game-sprite1.png")
}

.game-benefits.casino-benefit .ios-b-img img {
    max-width: 500px
}

.parallax.casino-pera-game {
    height: auto
}

.parallax.casino-pera-game:before {
    background-image: url("../img/casino-game-development/webp/Leading-Gambling-Software.webp");
    opacity: 0.5
}

@media (max-width: 991px) {
    .parallax.casino-pera-game {
        height:auto
    }
}

.parallax.casino-pera-game h2 {
    color: #fff;
    text-align: center
}

.parallax.casino-pera-game p {
    color: #fff;
    text-align: center
}

.parallax.casino-pera-game .pera-list .paral-box {
    height: 100%
}

.parallax.casino-pera-game .pera-list .paral-box p {
    color: #000;
    text-align: left
}

.parallax.casino-pera-game .pera-list .paral-box ul li {
    padding-left: 25px;
    margin: 10px 0;
    position: relative
}

.parallax.casino-pera-game .pera-list .paral-box ul li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0
}

.parallax.casino-pera-game .pera-list .paral-box .cas-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 20px
}

.parallax.casino-pera-game .pera-list .paral-box .cas-list li {
    flex-basis: 33%;
    align-items: flex-start;
    font-family: "intermedium"
}

@media (max-width: 1200px) {
    .parallax.casino-pera-game .pera-list .paral-box .cas-list li {
        flex-basis:50%
    }
}

.parallax.casino-pera-game .game-video-box {
    padding-right: 50px
}

@media screen and (max-width: 991px) {
    .parallax.casino-pera-game .game-video-box {
        padding-right:0px
    }
}

.parallax.casino-pera-game .game-video-box .game-page-video {
    border: 4px solid #fff;
    background-color: #000;
    max-width: 916px;
    margin: 0 auto 50px auto;
    position: relative;
    width: 100%;
    height: auto
}

@media screen and (max-width: 1199px) {
    .parallax.casino-pera-game .game-video-box .game-page-video {
        padding-bottom:55%;
        height: 0
    }
}

@media screen and (max-width: 767px) {
    .parallax.casino-pera-game .game-video-box .game-page-video {
        margin-bottom:30px
    }
}

.parallax.casino-pera-game .game-video-box .game-page-video iframe {
    width: 100%;
    height: 500px;
    margin-bottom: -7px
}

@media screen and (max-width: 1199px) {
    .parallax.casino-pera-game .game-video-box .game-page-video iframe {
        position:absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin-bottom: 0px
    }
}

.ludo-game-modes.casino-robust-service {
    padding-bottom: 0
}

.ludo-game-modes.casino-robust-service .andBox .icon {
    background-image: url("../img/casino-game-development/png/casino-game-sprite2.png")
}

.hire-game-developers.video-game-solutions.casino-game-solutions:before {
    background-image: url("../img/casino-game-development/webp/Top-Casino-Game.webp")
}

.why-choose-game-development.why-choose-casino-game .why-ludo-points {
    display: flex;
    flex-wrap: wrap
}

.why-choose-game-development.why-choose-casino-game .why-ludo-points li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px
}

@media (max-width: 991px) {
    .why-choose-game-development.why-choose-casino-game .why-ludo-points li {
        text-align:left
    }
}

@media (max-width: 767px) {
    .why-choose-game-development.why-choose-casino-game .why-ludo-points li {
        flex-basis:100%
    }
}

.why-choose-game-development.why-choose-casino-game .why-ludo-points li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.video-game-services.casino-game-services .icon {
    background-image: url("../img/casino-game-development/png/casino-sprite1.png")
}

.video-game-services.casino-game-services .nav-tabs .nav-item {
    margin: 0
}

.video-game-services.casino-game-services a.btn {
    color: #0076FF
}

.take-glance.casino-game-take-glance.game-poster:after {
    background-image: url("../img/casino-game-development/jpg/casino-game-poster.jpg")
}

.nft-marketplace-solutions {
    padding-bottom: 100px
}

@media (max-width: 991px) {
    .nft-marketplace-solutions {
        text-align:center
    }
}

.nft-marketplace-solutions h2 {
    font-family: "interlight"
}

.nft-marketplace-solutions h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.nft-marketplace-solutions p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .nft-marketplace-solutions p.top {
        margin-top:0px
    }
}

.nft-marketplace-solutions .nft-img {
    text-align: center
}

.nft-marketplace-solutions .nft-img img {
    max-width: 444px;
    margin: 0 auto;
    width: 100%
}

.nft-marketplace-cases .benefits-box {
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    padding: 30px;
    position: relative
}

.nft-marketplace-cases .benefits-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 10%;
    height: 2px;
    background-color: #0076FF;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.nft-marketplace-cases .benefits-box:hover:before {
    width: 100%;
    background-color: #FF9100
}

.nft-marketplace-cases .benefits-box h3 {
    padding-left: 62px;
    padding-top: 10px;
    font-family: "interbold"
}

.nft-marketplace-cases .benefits-box .icon {
    position: absolute;
    left: 30px;
    top: 14px
}

.nft-marketplace-cases .benefits-box .icon:before {
    background-image: url("../img/nft-marketplace-service/png/nft-mSprite2.png");
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 10px auto 0 auto;
    content: "";
    background-repeat: no-repeat
}

.nft-marketplace-cases .benefits-box .icon.icon1:before {
    background-position: 0 0
}

.nft-marketplace-cases .benefits-box .icon.icon2:before {
    background-position: 0 -50px
}

.nft-marketplace-cases .benefits-box .icon.icon3:before {
    background-position: 0 -100px
}

.nft-marketplace-cases .benefits-box .icon.icon4:before {
    background-position: 0 -150px
}

.nft-marketplace-cases .benefits-box .icon.icon5:before {
    background-position: 0 -200px
}

.nft-marketplace-cases .benefits-box .icon.icon6:before {
    background-position: 0 -250px
}

.nft-marketplace-cases .benefits-box .icon.icon7:before {
    background-position: 0 -300px
}

.nft-marketplace-cases .benefits-box .icon.icon8:before {
    background-position: 0 -350px
}

.nft-marketplace-cases .benefits-box .icon.icon9:before {
    background-position: 0 -400px
}

.nft-marketplace-cases .benefits-box .icon.icon10:before {
    background-position: 0 -450px
}

.nft-marketplace-cases .benefits-box .icon.icon11:before {
    background-position: 0 -500px
}

.nft-marketplace-cases .benefits-box .icon.icon12:before {
    background-position: 0 -550px
}

.ios-industry-serve.nft-key-features .archieve-box .awards-list .award {
    flex-basis: 48%;
    padding-top: 100px;
    width: auto
}

@media screen and (max-width: 1366px) {
    .ios-industry-serve.nft-key-features .archieve-box .awards-list .award {
        flex-basis:47%
    }
}

.ios-industry-serve.nft-key-features .archieve-box .awards-list .award:before {
    top: 20px;
    background-image: url("../img/nft-marketplace-service/png/nft-mSprite4.png")
}

.ios-industry-serve.nft-key-features .archieve-box .awards-list .award h3 {
    margin-top: 0
}

.ios-industry-serve.nft-key-features .archieve-box .awards-list .award p {
    margin-top: 10px;
    line-height: 24px
}

.ios-industry-serve.nft-key-features .video-box {
    color: #fff
}

.nft-salient-features {
    position: relative
}

@media screen and (max-width: 991px) {
    .nft-salient-features {
        text-align:center
    }
}

@media screen and (max-width: 767px) {
    .nft-salient-features {
        padding-bottom:0
    }
}

.nft-salient-features:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.nft-salient-features p {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .nft-salient-features p {
        padding-left:0px
    }
}

.nft-salient-features h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.nft-salient-features .nft-card li {
    margin-bottom: 20px
}

.nft-salient-features .nav-tabs {
    border-bottom: 1px solid #F0F0F0;
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .nft-salient-features .nav-tabs {
        text-align:center;
        justify-content: space-evenly
    }
}

@media screen and (max-width: 575px) {
    .nft-salient-features .nav-tabs .nav-item {
        flex-basis:50%;
        text-align: left
    }
}

.nft-salient-features .nav-tabs .nav-item .nav-link {
    border: none;
    position: relative;
    padding: 15px 20px
}

@media screen and (max-width: 991px) {
    .nft-salient-features .nav-tabs .nav-item .nav-link {
        padding:15px 10px
    }
}

@media screen and (max-width: 575px) {
    .nft-salient-features .nav-tabs .nav-item .nav-link {
        padding:10px 10px
    }
}

.nft-salient-features .nav-tabs .nav-item .nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 4px;
    background-color: transparent
}

.nft-salient-features .nav-tabs .nav-item .nav-link.active {
    border: none;
    background-color: transparent
}

.nft-salient-features .nav-tabs .nav-item .nav-link.active:before {
    background-color: #0076FF
}

.nft-salient-features .tab-content {
    margin-top: 70px
}

.nft-salient-features .app-img img {
    max-width: 90%;
    width: 100%
}

.nft-salient-features .features-list {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .nft-salient-features .features-list {
        margin-top:50px
    }
}

.nft-salient-features .features-list li {
    flex-basis: 50%;
    position: relative;
    border-left: 1px dashed #BEBEBE;
    padding: 0px 10px 30px 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .nft-salient-features .features-list li {
        text-align:left
    }
}

@media screen and (max-width: 575px) {
    .nft-salient-features .features-list li {
        flex-basis:100%
    }
}

.nft-salient-features .features-list li:hover {
    color: #0076FF
}

.nft-salient-features .features-list li:hover:before {
    background-color: #0076FF
}

.nft-salient-features .features-list li:before {
    content: "";
    position: absolute;
    left: -8px;
    top: 4px;
    width: 16px;
    height: 16px;
    background-color: #BEBEBE;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.nft-salient-features .features-list.full li {
    flex-basis: 100%
}

@media screen and (max-width: 991px) {
    .why-choose-blockchain.why-choose-cryptocurrency.why-choose-nft .service-box {
        height:auto;
        margin-top: 0
    }
}

.why-choose-blockchain.why-choose-cryptocurrency.why-choose-nft .service-box h3 {
    position: relative
}

.why-choose-blockchain.why-choose-cryptocurrency.why-choose-nft .service-box h3:before {
    content: "";
    position: absolute;
    left: -21px;
    top: -3px;
    height: 30px;
    width: 5px;
    background-color: #0076FF
}

.why-choose-blockchain.why-choose-cryptocurrency.why-choose-nft .service-box:hover h3:before {
    background-color: #fff
}

.android-development-services.nft-development-services .service-box i.icon:before {
    background-image: url("../img/nft-marketplace-service/png/nft-mSprite1.png")
}

.android-benefits.nft-benefits .benefits-box i:before {
    background-image: url("../img/nft-marketplace-service/png/nft-mSprite3.png")
}

.android-benefits.nft-benefits .benefits-box i.icon7:before {
    background-position: 0 -720px
}

.android-benefits.nft-benefits .benefits-box i.icon8:before {
    background-position: 0 -840px
}

.android-benefits.nft-benefits .benefits-box:hover i.icon7:before {
    background-position: 0 -780px
}

.android-benefits.nft-benefits .benefits-box:hover i.icon8:before {
    background-position: 0 -900px
}

.process-setup.nft-align.nft-marketplace-process .process-timeline li p {
    min-height: auto
}

.android-benefits.saas-benefits .benefits-box i:before {
    background-image: url("../img/saas-development-services/png/saas-mSprite3.png")
}

.game-expertise.ludo-products-showcase.saas-software-development .game-expertise-list li .icon {
    background-image: url("../img/saas-development-services/png/saas-mSprite2.png")
}

.android-development-services.pwa-development-services .service-box i.icon:before {
    background-image: url("../img/progressive-web-apps/png/pwa-mSprite1.png")
}

.android-benefits.crypto-benefits.new-pwa-benefits .benefits-box i:before {
    background-image: url("../img/progressive-web-apps/webp/pwa-mSprite3.webp")
}

.android-benefits.crypto-benefits.new-pwa-benefits .ios-b-img img {
    max-width: 450px;
    width: 100%
}

.ios-development-services.pwa-plans .benefits-box {
    padding: 30px;
    margin-top: 30px;
    position: relative;
    background-color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    overflow: hidden;
    min-height: 93%
}

@media (max-width: 767px) {
    .ios-development-services.pwa-plans .benefits-box {
        text-align:left
    }
}

.ios-development-services.pwa-plans .benefits-box h3 {
    padding-left: 70px;
    font-family: "interbold"
}

@media (max-width: 991px) {
    .ios-development-services.pwa-plans .benefits-box h3 {
        text-align:left
    }
}

.ios-development-services.pwa-plans .benefits-box i {
    margin-bottom: 20px;
    display: inline-block
}

.ios-development-services.pwa-plans .benefits-box i.icon {
    position: absolute;
    left: 30px;
    top: 16px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 60px;
    height: 60px;
    background-image: url("../img/progressive-web-apps/png/pwa-Sprite1.png");
    background-repeat: no-repeat;
    background-size: 100% auto
}

@media (max-width: 991px) {
    .ios-development-services.pwa-plans .benefits-box i.icon {
        left:0;
        right: 0;
        margin-left: 20px;
        margin-right: auto
    }
}

.ios-development-services.pwa-plans .benefits-box i.icon.icon1 {
    background-position: 0 0
}

.ios-development-services.pwa-plans .benefits-box i.icon.icon2 {
    background-position: 0 -60px
}

.ios-development-services.pwa-plans .benefits-box i.icon.icon3 {
    background-position: 0 -120px
}

.ios-development-services.pwa-plans .benefits-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.ios-development-services.pwa-plans .benefits-box:hover h3 {
    color: #0076FF
}

.ios-development-services.pwa-plans .benefits-box:hover i {
    color: #0076FF;
    top: 10px
}

.ios-development-services.pwa-plans .benefits-box .list-way {
    margin-top: 30px
}

.ios-development-services.pwa-plans .benefits-box .list-way li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px
}

.ios-development-services.pwa-plans .benefits-box .list-way li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.process-setup.nft-align.pwa-process .process-timeline {
    margin-top: 50px
}

.process-setup.nft-align.pwa-process .process-timeline li p {
    min-height: auto
}

.android-development-services.cryptocurrency-services.web3-development-services .service-box i.icon:before {
    background-image: url("../img/web3-development/png/web3-sprite1.png")
}

.android-benefits.web3-benefits .benefits-box i:before {
    background-image: url("../img/web3-development/png/web3-sprite2.png")
}

.ios-industry-serve.web3-industries .archieve-box .awards-list .award:before {
    background-image: url("../img/web3-development/png/web3-sprite3.png")
}

.android-development-services.flutter-development-services .service-box i.icon:before {
    background-image: url("../img/flutter-app-development/png/flutter-app-sprite1.png")
}

.android-development-services.flutter-development-services .service-box i.icon.icon1:before {
    background-position: 0 0
}

.android-development-services.flutter-development-services .service-box i.icon.icon2:before {
    background-position: 0 -50px
}

.android-development-services.flutter-development-services .service-box i.icon.icon3:before {
    background-position: 0 -100px
}

.android-development-services.flutter-development-services .service-box i.icon.icon4:before {
    background-position: 0 -150px
}

.android-development-services.flutter-development-services .service-box i.icon.icon5:before {
    background-position: 0 -200px
}

.android-development-services.flutter-development-services .service-box i.icon.icon6:before {
    background-position: 0 -250px
}

.android-benefits.flutter-benefits .benefits-box i:before {
    background-image: url("../img/flutter-app-development/png/flutter-app-sprite2.png")
}

.game-expertise.ludo-products-showcase.flutter-expertise:before {
    background-image: url("../img/flutter-app-development/jpg/flutter-bg.jpg")
}

.game-expertise.ludo-products-showcase.flutter-expertise p {
    color: #fff;
    text-align: center
}

.game-expertise.ludo-products-showcase.flutter-expertise .game-expertise-list i.icon {
    background-image: url("../img/flutter-app-development/png/flutter-app-sprite3.png")
}

.mobile-app-development-technologies {
    background-color: #f7f7f7
}

@media (max-width: 1200px) {
    .mobile-app-development-technologies .col-sm-6,.mobile-app-development-technologies .col-md-6 {
        width:100%
    }
}

@media (max-width: 991px) {
    .mobile-app-development-technologies {
        text-align:center
    }
}

.mobile-app-development-technologies h2 {
    font-family: "interlight";
    margin-bottom: 0
}

.mobile-app-development-technologies h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.mobile-app-development-technologies p.top {
    margin-top: 27px
}

@media (max-width: 767px) {
    .mobile-app-development-technologies p.top {
        margin-bottom:0px
    }
}

.mobile-app-development-technologies .hd-box {
    margin-top: 30px;
    background-color: #ECEFF0;
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    min-height: 93%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1599px) {
    .mobile-app-development-technologies .hd-box {
        padding:20px
    }
}

.mobile-app-development-technologies .hd-box h3 {
    font-family: "interbold";
    margin-bottom: 20px
}

.mobile-app-development-technologies .hd-box br {
    display: none
}

.mobile-app-development-technologies .hd-box .icon-box {
    position: relative
}

@media screen and (max-width: 991px) {
    .mobile-app-development-technologies .hd-box .icon-box p br {
        display:none
    }
}

.mobile-app-development-technologies .hd-box .points {
    margin-top: 20px
}

.mobile-app-development-technologies .hd-box .points li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    font-family: "intermedium"
}

@media screen and (max-width: 991px) {
    .mobile-app-development-technologies .hd-box .points li {
        text-align:left
    }
}

.mobile-app-development-technologies .hd-box .points li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #000
}

.mobile-app-development-technologies .hd-box .mob-tech {
    text-align: center;
    margin: 30px 0 0 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media screen and (max-width: 991px) {
    .mobile-app-development-technologies .hd-box .mob-tech {
        display:block
    }
}

.mobile-app-development-technologies .hd-box .mob-tech li {
    flex-basis: 20%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 88px 10px 10px 10px;
    font-size: 16px
}

@media screen and (max-width: 1399px) {
    .mobile-app-development-technologies .hd-box .mob-tech li {
        flex-basis:19%
    }
}

@media screen and (max-width: 1366px) {
    .mobile-app-development-technologies .hd-box .mob-tech li {
        flex-basis:18.5%
    }
}

@media screen and (max-width: 991px) {
    .mobile-app-development-technologies .hd-box .mob-tech li {
        margin:10px;
        width: 100px
    }
}

@media screen and (max-width: 575px) {
    .mobile-app-development-technologies .hd-box .mob-tech li {
        margin:10px 3px 0px 3px;
        width: 100px
    }
}

.mobile-app-development-technologies .hd-box .mob-tech li a {
    display: inline-block;
    color: #000;
    font-size: 16px
}

@media screen and (max-width: 1600px) {
    .mobile-app-development-technologies .hd-box .mob-tech li a {
        font-size:15px;
        line-height: normal
    }
}

.mobile-app-development-technologies .hd-box .mob-tech li .icon {
    margin: auto;
    width: 80px;
    height: 80px;
    display: inline-block;
    position: relative;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.mobile-app-development-technologies .hd-box .mob-tech li .icon:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    background-image: url(../img/mobile-app-development/png/mob-d-sprite2.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto
}

.mobile-app-development-technologies .hd-box .mob-tech li .icon.icon1:before {
    background-position: 0 0
}

.mobile-app-development-technologies .hd-box .mob-tech li .icon.icon2:before {
    background-position: 0 -60px
}

.mobile-app-development-technologies .hd-box .mob-tech li .icon.icon3:before {
    background-position: 0 -120px
}

.mobile-app-development-technologies .hd-box .mob-tech li .icon.icon4:before {
    background-position: 0 -180px
}

.mobile-app-development-technologies .hd-box .mob-tech li .icon.icon5:before {
    background-position: 0 -240px
}

.mobile-app-development-technologies .hd-box .mob-tech li .icon.icon6:before {
    background-position: 0 -300px
}

.mobile-app-expertise {
    position: relative;
    padding-top: 100px
}

@media screen and (max-width: 991px) {
    .mobile-app-expertise {
        text-align:center
    }
}

.mobile-app-expertise:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 600px;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-image: url("../img/mobile-app-development/jpg/mobile-app-development-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed
}

.mobile-app-expertise:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 600px;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-color: rgba(0,0,0,0.7)
}

.mobile-app-expertise h2 {
    font-family: "interlight";
    color: #fff
}

.mobile-app-expertise h3 {
    font-family: "interbold";
    margin-bottom: 20px
}

.mobile-app-expertise h4 {
    margin-bottom: 0
}

.mobile-app-expertise h4.f-18 {
    font-size: 16px
}

.mobile-app-expertise h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.mobile-app-expertise p {
    text-align: center;
    color: #fff
}

.mobile-app-expertise .line {
    height: 2px;
    border-bottom: 1px solid #E0E0E0;
    margin: 20px 0 40px 0;
    width: 100%;
    opacity: 0.5
}

.mobile-app-expertise .owl-carousel .item {
    padding-top: 80px;
    text-align: center
}

.mobile-app-expertise .owl-carousel .owl-nav button {
    position: absolute;
    top: 30%;
    font-size: 20px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.mobile-app-expertise .owl-carousel .owl-nav button.owl-prev {
    left: -20px;
    content: "\f116"
}

@media (max-width: 991px) {
    .mobile-app-expertise .owl-carousel .owl-nav button.owl-prev {
        left:0px
    }
}

.mobile-app-expertise .owl-carousel .owl-nav button.owl-next {
    right: -20px;
    content: "\f114"
}

@media (max-width: 991px) {
    .mobile-app-expertise .owl-carousel .owl-nav button.owl-next {
        right:0px
    }
}

.mobile-app-expertise .icon {
    background-image: url(../img/mobile-app-development/png/madSprite11b.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.mobile-app-expertise .icon.icon1 {
    background-position: 0 0
}

.mobile-app-expertise .icon.icon2 {
    background-position: 0 -70px
}

.mobile-app-expertise .icon.icon3 {
    background-position: 0 -140px
}

.mobile-app-expertise .icon.icon4 {
    background-position: 0 -210px
}

.mobile-app-expertise .icon.icon5 {
    background-position: 0 -280px
}

.mobile-app-expertise .icon.icon6 {
    background-position: 0 -350px
}

.mobile-app-expertise .icon.icon7 {
    background-position: 0 -420px
}

.mobile-app-expertise .icon.icon8 {
    background-position: 0 -490px
}

.mobile-app-expertise .icon.icon9 {
    background-position: 0 -560px
}

.mobile-app-expertise .icon.icon10 {
    background-position: 0 -630px
}

.mobile-app-expertise .icon.icon11 {
    background-position: 0 -700px
}

.mobile-app-expertise .icon.icon12 {
    background-position: 0 -770px
}

.mobile-app-expertise .icon.icon13 {
    background-position: 0 -840px
}

.mobile-app-expertise .icon.icon14 {
    background-position: 0 -910px
}

.mobile-app-expertise .icon.icon15 {
    background-position: 0 -980px
}

.mobile-app-expertise .icon.icon16 {
    background-position: 0 -1050px
}

.mobile-app-expertise .icon.icon17 {
    background-position: 0 -1120px
}

.mobile-app-expertise .icon.icon18 {
    background-position: 0 -1190px
}

.mobile-app-expertise .icon.icon19 {
    background-position: 0 -1260px
}

.mobile-app-expertise .icon.icon20 {
    background-position: 0 -1330px
}

.mobile-app-expertise .icon.icon21 {
    background-position: 0 -1400px
}

.mobile-app-expertise .icon.icon22 {
    background-position: 0 -1470px
}

.mobile-app-expertise .icon.icon23 {
    background-position: 0 -1540px
}

.mobile-app-expertise .icon.icon24 {
    background-position: 0 -1610px
}

.mobile-app-expertise .icon.icon25 {
    background-position: 0 -1680px
}

.mobile-app-expertise .icon.icon26 {
    background-position: 0 -1750px
}

.mobile-app-expertise .icon.icon27 {
    background-position: 0 -1820px
}

.mobile-app-expertise .icon.icon28 {
    background-position: 0 -1890px
}

.mobile-app-expertise .icon.icon29 {
    background-position: 0 -1960px
}

.mobile-app-expertise .icon.icon30 {
    background-position: 0 -2030px
}

.mobile-app-expertise .icon.icon31 {
    background-position: 0 -2100px
}

.mobile-app-expertise .icon.icon32 {
    background-position: 0 -2170px
}

.mobile-app-expertise .game-expertise-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    text-align: center;
    background-color: #fff;
    margin-top: 50px;
    padding: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media (max-width: 1199px) {
    .mobile-app-expertise .game-expertise-list {
        padding:30px;
        margin-top: 50px
    }
}

.engagement-models.engagement-models .engage-list {
    margin-top: 30px
}

.engagement-models.engagement-models .service-box {
    padding-bottom: 60px
}

.engagement-models.engagement-models .service-box .icon-go {
    position: absolute;
    bottom: 10px;
    right: 20px;
    margin-bottom: 0
}

.engagement-models.engagement-models .service-box .icon-go i {
    font-size: 24px
}

.engagement-models.engagement-models .service-box:hover .icon-go i:before {
    color: #fff
}

.android-development-services.mobileApp-development-services .service-box i.icon:before {
    background-image: url("../img/mobile-app-development/png/mob-d-sprite1.png")
}

.android-development-services.mobileApp-development-services .service-box i.icon.icon1:before {
    background-position: 0 0
}

.android-development-services.mobileApp-development-services .service-box i.icon.icon2:before {
    background-position: 0 -50px
}

.android-development-services.mobileApp-development-services .service-box i.icon.icon3:before {
    background-position: 0 -100px
}

.android-development-services.mobileApp-development-services .service-box i.icon.icon4:before {
    background-position: 0 -150px
}

.android-development-services.mobileApp-development-services .service-box i.icon.icon5:before {
    background-position: 0 -200px
}

.android-development-services.mobileApp-development-services .service-box i.icon.icon6:before {
    background-position: 0 -250px
}

.robust-new-services.mobile-services .service-box {
    padding-bottom: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.robust-new-services.mobile-services .service-box.sb6:before {
    background-color: #d6171f
}

.robust-new-services.mobile-services .service-box.sb7:before {
    background-color: #b1bf28
}

.robust-new-services.mobile-services .service-box.sb8:before {
    background-color: #b442aa
}

.robust-new-services.mobile-services .service-box.sb9:before {
    background-color: #0fc1bf
}

.robust-new-services.mobile-services .service-box h3 {
    display: flex;
    align-items: center;
    padding-left: 70px;
    font-family: sans-serif
}

@media (max-width: 575px) {
    .robust-new-services.mobile-services .service-box h3 {
        font-size:22px
    }
}

.robust-new-services.mobile-services .service-box h3 a {
    color: #000
}

.robust-new-services.mobile-services .service-box p {
    font-size: 15px;
    line-height: 22px
}

@media (max-width: 575px) {
    .robust-new-services.mobile-services .service-box p {
        font-size:18px
    }
}

.robust-new-services.mobile-services .service-box i {
    top: auto
}

.robust-new-services.mobile-services .service-box i.icon {
    width: 60px;
    height: 60px;
    text-align: center;
    position: absolute;
    background-image: url("../img/mobile-app-development/png/mob-d-sprite2_1.png");
    margin: 0
}

.robust-new-services.mobile-services .service-box i.icon.icon1 {
    background-position: 0 0
}

.robust-new-services.mobile-services .service-box i.icon.icon2 {
    background-position: 0 -60px
}

.robust-new-services.mobile-services .service-box i.icon.icon3 {
    background-position: 0 -120px
}

.robust-new-services.mobile-services .service-box i.icon.icon4 {
    background-position: 0 -180px
}

.robust-new-services.mobile-services .service-box i.icon.icon5 {
    background-position: 0 -240px
}

.robust-new-services.mobile-services .service-box i.icon.icon6 {
    background-position: 0 -300px
}

.atlanta-home-banner {
    position: relative;
    padding: 200px 0 100px 0;
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    .atlanta-home-banner {
        padding-top:150px
    }
}

@media screen and (max-width: 1024px) {
    .atlanta-home-banner {
        height:auto
    }
}

@media screen and (max-width: 991px) {
    .atlanta-home-banner {
        padding-top:150px;
        max-height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        text-align: center
    }

    .atlanta-home-banner .m-center {
        text-align: center
    }
}

.atlanta-home-banner:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/software-development-company-atlanta/jpg/software-development-company-atlanta3.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top
}

.atlanta-home-banner:after {
    background-color: #00295A;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.9;
    margin-top: 0px;
    z-index: 3;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
    background-image: none
}

@media screen and (max-width: 991px) {
    .atlanta-home-banner:after {
        z-index:3
    }
}

.atlanta-home-banner .container {
    text-align: left;
    z-index: 4;
    flex-direction: column;
    height: 100%
}

@media screen and (max-width: 991px) {
    .atlanta-home-banner .container {
        z-index:4;
        margin-top: 50px
    }
}

.atlanta-home-banner h1 {
    text-align: center;
    color: #fff;
    font-family: "interbold";
    padding-right: 0;
    margin-top: 0px
}

@media screen and (max-width: 991px) {
    .atlanta-home-banner h1 {
        margin-top:80px
    }
}

@media screen and (max-width: 575px) {
    .atlanta-home-banner h1 {
        margin-top:40px;
        text-align: center
    }
}

.atlanta-home-banner p {
    text-align: center;
    color: #fff;
    margin-left: 10%;
    margin-right: 10%
}

@media screen and (max-width: 991px) {
    .atlanta-home-banner p {
        margin-left:0;
        margin-right: 0
    }
}

.atlanta-home-banner .btn {
    margin: 50px 10px 40px 10px;
    padding: 15px 50px 15px 30px;
    font-size: 26px;
    font-family: "interbold";
    -webkit-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2)
}

@media screen and (max-width: 1440px) {
    .atlanta-home-banner .btn {
        margin:40px 10px 30px 10px
    }
}

@media screen and (max-width: 991px) {
    .atlanta-home-banner .btn {
        padding:15px 42px 15px 15px;
        font-size: 16px
    }
}

.atlanta-home-banner .btn:active {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2)
}

.atlanta-home-banner .btn.btn-red {
    background: #e54724;
    background: -webkit-linear-gradient(bottom, #e54724 0%, #f7023f 100%);
    background: -o-linear-gradient(bottom, #e54724 0%, #f7023f 100%);
    background: linear-gradient(to top, #e54724 0%, #f7023f 100%)
}

.atlanta-home-banner .btn .arrow {
    width: 30px;
    height: 30px
}

@media screen and (max-width: 991px) {
    .atlanta-home-banner .btn .arrow {
        width:20px;
        height: 20px
    }
}

.atlanta-home-banner .partners {
    display: inline-block;
    max-width: 487px;
    width: 100%;
    height: 126px;
    background-image: url(../img/software-development-company-atlanta/png/header-review-logo.png);
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    background-size: 100% auto;
    margin-top: 30px
}

@media (max-width: 991px) {
    .atlanta-home-banner {
        text-align:center;
        padding: 50px 0 50px 0
    }
}

@media (max-width: 767px) {
    .atlanta-home-banner {
        padding:50px 0 50px 0
    }
}

.atlanta-home-banner .form-set {
    background-color: #fff;
    padding: 30px
}

@keyframes floatY {
    0% {
        transform: translateY(0px)
    }

    50% {
        transform: translateY(-20px)
    }

    100% {
        transform: translateY(0px)
    }
}

@keyframes floatX {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(-20px)
    }

    100% {
        transform: translateX(0px)
    }
}

@media (max-width: 1200px) {
    .company-since.atlanta-about .col-sm-5,.company-since.atlanta-about .col-md-5 {
        width:100%
    }

    .company-since.atlanta-about .col-sm-7,.company-since.atlanta-about .col-md-7 {
        width: 100%
    }
}

.company-since.atlanta-about .atlanta-list {
    margin-bottom: 20px;
    margin-top: 30px
}

@media (max-width: 1024px) {
    .company-since.atlanta-about .atlanta-list {
        margin-top:0px;
        text-align: left
    }
}

.company-since.atlanta-about .atlanta-list li {
    margin-right: 20px;
    font-family: "intermedium";
    position: relative;
    padding: 0 10px 0 23px;
    margin-bottom: 20px
}

.company-since.atlanta-about .atlanta-list li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0
}

.company-since.atlanta-about .atlanta-list li:hover {
    border-left-color: #0076FF
}

.robust-services.atlanta-services .service-box .click-overly {
    position: relative;
    display: inline-block
}

.robust-services.atlanta-services .service-box:hover .click-overly {
    color: #fff
}

.robust-services.atlanta-services .service-box .icon {
    margin: auto;
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background-image: url(../img/software-development-company-atlanta/png/atlanta-sprite1-1.png);
    background-repeat: no-repeat
}

.robust-services.atlanta-services .service-box .icon.icon1 {
    background-position: 0 0
}

.robust-services.atlanta-services .service-box .icon.icon2 {
    background-position: 0 -60px
}

.robust-services.atlanta-services .service-box .icon.icon3 {
    background-position: 0 -120px
}

.robust-services.atlanta-services .service-box .icon.icon4 {
    background-position: 0 -180px
}

.robust-services.atlanta-services .service-box .icon.icon5 {
    background-position: 0 -240px
}

.robust-services.atlanta-services .service-box .icon.icon6 {
    background-position: 0 -300px
}

.robust-services.atlanta-services .service-box .icon.icon7 {
    background-position: 0 -360px
}

.robust-services.atlanta-services .service-box .icon.icon8 {
    background-position: 0 -420px
}

@media (max-width: 575px) {
    .game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta {
        margin-top:50px
    }
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta:before {
    background-image: url(../img/software-development-company-atlanta/jpg/hire-app-developer.jpg)
}

@media (max-width: 575px) {
    .game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta:before {
        height:100%
    }
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta:after {
    background-color: #00295A;
    opacity: 0.9
}

@media (max-width: 575px) {
    .game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta:after {
        height:100%
    }
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta .game-expertise-list {
    margin-top: 50px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta .game-expertise-list i.icon {
    background-image: url(../img/software-development-company-atlanta/png/atlanta-sprite2.png);
    width: 70px;
    height: 70px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta .game-expertise-list i.icon.icon1 {
    background-position: 0 0
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta .game-expertise-list i.icon.icon2 {
    background-position: 0 -70px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta .game-expertise-list i.icon.icon3 {
    background-position: 0 -140px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta .game-expertise-list i.icon.icon4 {
    background-position: 0 -210px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta .game-expertise-list i.icon.icon5 {
    background-position: 0 -280px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta .game-expertise-list i.icon.icon6 {
    background-position: 0 -350px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta .game-expertise-list i.icon.icon7 {
    background-position: 0 -420px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta .game-expertise-list i.icon.icon8 {
    background-position: 0 -490px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta .game-expertise-list i.icon.icon9 {
    background-position: 0 -560px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-app-atlanta .game-expertise-list i.icon.icon10 {
    background-position: 0 -630px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta:before {
    background-image: url(../img/software-development-company-atlanta/jpg/hire-web-developer.jpg)
}

@media (max-width: 575px) {
    .game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta:before {
        height:100%
    }
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta:after {
    background-color: #00295A;
    opacity: 0.9
}

@media (max-width: 575px) {
    .game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta:after {
        height:100%
    }
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta .game-expertise-list {
    margin-top: 50px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta .game-expertise-list i.icon {
    background-image: url(../img/software-development-company-atlanta/png/atlanta-sprite3.png);
    width: 70px;
    height: 70px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta .game-expertise-list i.icon.icon1 {
    background-position: 0 0
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta .game-expertise-list i.icon.icon2 {
    background-position: 0 -70px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta .game-expertise-list i.icon.icon3 {
    background-position: 0 -140px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta .game-expertise-list i.icon.icon4 {
    background-position: 0 -210px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta .game-expertise-list i.icon.icon5 {
    background-position: 0 -280px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta .game-expertise-list i.icon.icon6 {
    background-position: 0 -350px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta .game-expertise-list i.icon.icon7 {
    background-position: 0 -420px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta .game-expertise-list i.icon.icon8 {
    background-position: 0 -490px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta .game-expertise-list i.icon.icon9 {
    background-position: 0 -560px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-web-atlanta .game-expertise-list i.icon.icon10 {
    background-position: 0 -630px
}

.android-benefits.atlanta-solutions .ios-b-img img {
    margin: 0 auto
}

.android-benefits.atlanta-solutions .benefits-box i:before {
    background-image: url(../img/software-development-company-atlanta/png/atlanta-sprite4.png)
}

.android-development-services.mean-development-services .service-box i.icon:before {
    background-image: url("../img/mean-stack-development/png/mean-app-sprite1.png")
}

.game-expertise.ludo-products-showcase.flutter-expertise.mean-expertise:before {
    background-image: url("../img/mean-stack-development/jpg/mean-stack-framework-bg.jpg")
}

.game-expertise.ludo-products-showcase.flutter-expertise.mean-expertise .game-expertise-list li .icon {
    background-image: url("../img/mean-stack-development/png/meanstackSprite4.png")
}

.why-choose-blockchain.why-choose-mean .custom-scroll ul li .icon {
    background-image: url("../img/mean-stack-development/png/meanstackSprite3.png")
}

@media (max-width: 1366px) {
    .blockchain-technologies.mean-stack-technology .col-sm-3,.blockchain-technologies.mean-stack-technology .col-md-3 {
        width:33.33333333%
    }
}

@media (max-width: 991px) {
    .blockchain-technologies.mean-stack-technology .col-sm-3,.blockchain-technologies.mean-stack-technology .col-md-3 {
        width:50%
    }
}

@media (max-width: 575px) {
    .blockchain-technologies.mean-stack-technology .col-sm-3,.blockchain-technologies.mean-stack-technology .col-md-3 {
        width:100%
    }
}

.blockchain-technologies.mean-stack-technology .andBox .icon {
    background-image: url(../img/mean-stack-development/png/mean-stackSprite1.png);
    width: 70px;
    height: 70px
}

.blockchain-technologies.mean-stack-technology .andBox .icon.icon1 {
    background-position: 0 0
}

.blockchain-technologies.mean-stack-technology .andBox .icon.icon2 {
    background-position: 0 -70px
}

.blockchain-technologies.mean-stack-technology .andBox .icon.icon3 {
    background-position: 0 -140px
}

.blockchain-technologies.mean-stack-technology .andBox .icon.icon4 {
    background-position: 0 -210px
}

.blockchain-technologies.mean-stack-technology .andBox .icon.icon5 {
    background-position: 0 -280px
}

.blockchain-technologies.mean-stack-technology .andBox .icon.icon6 {
    background-position: 0 -350px
}

.blockchain-technologies.mean-stack-technology .andBox .icon.icon7 {
    background-position: 0 -420px
}

.blockchain-technologies.mean-stack-technology .andBox .icon.icon8 {
    background-position: 0 -490px
}

.blockchain-technologies.mean-stack-technology .andBox .icon.icon9 {
    background-position: 0 -560px
}

.android-development-services.cryptocurrency-services.hire-webD-services .service-box i.icon:before {
    background-image: url("../img/hire-web-developers/png/webdSprite1.png")
}

.technologies-development.hire-web-techno {
    margin-top: 50px;
    background-color: transparent
}

.technologies-development.hire-web-techno h3.title {
    font-family: "intermedium";
    margin-top: 20px
}

.technologies-development.hire-web-techno .hd-box .icon-box {
    padding-top: 12px;
    padding-left: 20px
}

.technologies-development.hire-web-techno .hd-box ul {
    justify-content: left
}

.technologies-development.hire-web-techno .hd-box ul li {
    flex-basis: 16%
}

@media (max-width: 1399px) {
    .technologies-development.hire-web-techno .hd-box ul li {
        flex-basis:33%
    }
}

@media (max-width: 1200px) {
    .technologies-development.hire-web-techno .hd-box ul li {
        flex-basis:16%
    }
}

.technologies-development.hire-web-techno .hd-box ul li a {
    line-height: normal;
    font-size: 14px
}

.technologies-development.hire-web-techno .hd-box ul li .icon::before {
    background-image: url(../img/hire-web-developers/png/webdSprite2.png)
}

.technologies-development.hire-web-techno .hd-box ul li .icon.icon21:before {
    background-position: 0 -1200px
}

.technologies-development.hire-web-techno .hd-box ul li .icon.icon22:before {
    background-position: 0 -1260px
}

.technologies-development.hire-web-techno .hd-box ul li .icon.icon23:before {
    background-position: 0 -1320px
}

.technologies-development.hire-web-techno .hd-box ul li .icon.icon24:before {
    background-position: 0 -1380px
}

.technologies-development.hire-web-techno .hd-box ul li .icon.icon25:before {
    background-position: 0 -1440px
}

.technologies-development.hire-web-techno .hd-box ul li .icon.icon26:before {
    background-position: 0 -1500px
}

.technologies-development.hire-web-techno .hd-box ul li .icon.icon27:before {
    background-position: 0 -1560px
}

.technologies-development.hire-web-techno .hd-box ul li .icon.icon28:before {
    background-position: 0 -1620px
}

.technologies-development.hire-web-techno .hd-box ul li .icon.icon29:before {
    background-position: 0 -1680px
}

.technologies-development.hire-web-techno .hd-box ul li .icon.icon30:before {
    background-position: 0 -1740px
}

.technologies-development.hire-web-techno .hd-box ul li .icon.icon31:before {
    background-position: 0 -1800px
}

.technologies-development.hire-web-techno .hd-box ul li .icon.icon32:before {
    background-position: 0 -1860px
}

/*.android-benefits.crypto-benefits.hire-web-benefits .benefits-box i:before {
    background-image: url("http://localhost:52781/assets/img/webdSprite3.png")
}*/


.engagement-models.hire-web-engagement-models .service-box .icon {
    background-image: url("../img/hire-web-developers/png/webdSprite4.png")
}

.ios-banner.ar-banner .list {
    margin-bottom: 30px
}

.ios-banner.ar-banner .list li {
    display: inline-block;
    margin-right: 20px;
    font-family: "intermedium";
    position: relative;
    padding: 0 10px 0 23px;
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .ios-banner.ar-banner .list li {
        text-align:left;
        width: 100%
    }
}

.ios-banner.ar-banner .list li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0
}

.powerful-technologies.ar-process {
    margin-top: 0
}

.android-development-services.augmented-reality-services .service-box {
    height: auto;
    padding-bottom: 20px
}

.android-development-services.augmented-reality-services .service-box i {
    margin-bottom: 20px;
    display: inline-block
}

.android-development-services.augmented-reality-services .service-box i.icon:before {
    background-image: url("../img/augmented-reality-app-development/png/ar-sprite1.png")
}

.android-benefits.ar-benefits .benefits-box i:before {
    background-image: url("../img/augmented-reality-app-development/png/ar-sprite2.png")
}

.game-expertise.ludo-products-showcase.flutter-expertise.ar-apps:before {
    background-image: url("../img/augmented-reality-app-development/jpg/augmented-reality-bg.jpg")
}

.game-expertise.ludo-products-showcase.flutter-expertise.ar-apps .game-expertise-list li .icon {
    background-image: url("../img/augmented-reality-app-development/png/ar-sprite3.png")
}

.game-expertise.ludo-products-showcase.flutter-expertise.ar-apps .game-expertise-list li .icon.icon6 {
    background-position: 0 -400px
}

.game-expertise.ludo-products-showcase.flutter-expertise.ar-apps .game-expertise-list li .icon.icon7 {
    background-position: 0 -480px
}

.game-expertise.ludo-products-showcase.flutter-expertise.ar-apps .game-expertise-list li .icon.icon8 {
    background-position: 0 -560px
}

.blockchain-technologies.ar-features-tools .andBox .display {
    margin-bottom: 20px
}

.blockchain-technologies.ar-features-tools .andBox .display.dis1 {
    background-image: url("../img/augmented-reality-app-development/jpg/ar-thumb1.jpg")
}

.blockchain-technologies.ar-features-tools .andBox .display.dis2 {
    background-image: url("../img/augmented-reality-app-development/jpg/ar-thumb2.jpg")
}

.blockchain-technologies.ar-features-tools .andBox .display.dis3 {
    background-image: url("../img/augmented-reality-app-development/jpg/ar-thumb3.jpg")
}

.blockchain-technologies.ar-features-tools .andBox .display.dis4 {
    background-image: url("../img/augmented-reality-app-development/jpg/ar-thumb4.jpg")
}

@media screen and (max-width: 991px) {
    .blockchain-technologies.ar-features-tools .text-end {
        text-align:center !important
    }
}

.robust-services.robust-game-services.ar-robust-service .service-box .icon:before {
    background-image: url("../img/augmented-reality-app-development/png/ar-sprite4.png")
}

.robust-services.robust-game-services.ar-robust-service .service-box .icon.icon5:before {
    background-position: 0 -240px
}

.robust-services.robust-game-services.ar-robust-service .service-box .icon.icon6:before {
    background-position: 0 -300px
}

.robust-services.robust-game-services.ar-robust-service .service-box p a {
    color: #0076FF
}

.robust-services.robust-game-services.ar-robust-service .service-box:hover p a {
    color: #FF9100
}

.android-development-services.cryptocurrency-services.python-development-services .service-box i.icon:before {
    background-image: url("../img/python-web-development/png/python-app-sprite1.png")
}

.blockchain-technologies.cryptocurrency-features.mean-stack-technology.python-web-technology .andBox .icon {
    background-image: url("../img/python-web-development/png/pythonSprite2.png")
}

.robust-services.robust-game-services.python-web-services .service-box .icon:before {
    background-image: url("../img/python-web-development/png/pythonSprite3.png")
}

.robust-services.robust-game-services.python-web-services .service-box .icon.icon5:before {
    background-position: 0 -240px
}

.robust-services.robust-game-services.python-web-services .service-box .icon.icon6:before {
    background-position: 0 -300px
}

.game-expertise.ludo-products-showcase.flutter-expertise.python-web-expertise:before {
    background-image: url("../img/python-web-development/jpg/python-bg.jpg");
    height: 500px
}

.game-expertise.ludo-products-showcase.flutter-expertise.python-web-expertise:after {
    height: 500px
}

.game-expertise.ludo-products-showcase.flutter-expertise.python-web-expertise .game-expertise-list li .icon {
    background-image: url("../img/python-web-development/png/pythonSprite4.png")
}

.why-choose-blockchain.why-choose-python .custom-scroll ul li .icon {
    background-image: url("../img/python-web-development/png/pythonSprite5.png")
}

.android-benefits.iot-how-approach.web-application-benefits .benefits-box i:before {
    background-image: url("../img/web-application-development/png/web-app-sprite1.png")
}

.android-benefits.iot-how-approach.web-application-benefits .benefits-box i.icon7:before {
    background-position: 0 -720px
}

.android-benefits.iot-how-approach.web-application-benefits .benefits-box i.icon8:before {
    background-position: 0 -840px
}

.android-benefits.iot-how-approach.web-application-benefits .benefits-box:hover i.icon7:before {
    background-position: 0 -780px
}

.android-benefits.iot-how-approach.web-application-benefits .benefits-box:hover i.icon8:before {
    background-position: 0 -900px
}

.blockchain-technologies.cryptocurrency-features.mean-stack-technology.web-development-technology .andBox .icon {
    background-image: url("../img/web-application-development/png/web-app-sprite2.png")
}

.android-development-services.cryptocurrency-services.web-development-services .service-box i.icon:before {
    background-image: url("../img/web-application-development/png/web-app-sprite3.png")
}

.robust-new-services.mobile-services.hire-blockchain-service.web-app-solutions .service-box.sb6:before {
    background-color: #eca84b
}

.robust-new-services.mobile-services.hire-blockchain-service.web-app-solutions .service-box.sb7:before {
    background-color: #b1bf28
}

.robust-new-services.mobile-services.hire-blockchain-service.web-app-solutions .service-box.sb8:before {
    background-color: #b442aa
}

.robust-new-services.mobile-services.hire-blockchain-service.web-app-solutions .service-box.sb9:before {
    background-color: #0fc1bf
}

.robust-new-services.mobile-services.hire-blockchain-service.web-app-solutions .service-box i.icon {
    background-image: url("../img/web-application-development/png/web-app-sprite4.png")
}

@media (max-width: 991px) {
    .odi-solutions {
        text-align:center
    }
}

.odi-solutions h2 {
    font-family: "interlight"
}

.odi-solutions h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.odi-solutions p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .odi-solutions p.top {
        margin-top:0px
    }
}

.odi-solutions .image-bg {
    width: 100%;
    height: 400px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

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

.odi-solutions .image-bg:hover .odi-overly-box {
    top: 0;
    background-color: rgba(0,0,0,0.8)
}

.odi-solutions .image-bg .odi-overly-box {
    position: absolute;
    left: 0;
    top: 85%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    padding: 20px 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
}

@media screen and (max-width: 1440px) {
    .odi-solutions .image-bg .odi-overly-box {
        top:85%
    }
}

@media screen and (max-width: 1366px) {
    .odi-solutions .image-bg .odi-overly-box {
        top:85%
    }
}

.odi-solutions .image-bg .odi-overly-box .title-h3 {
    text-align: left;
    margin-bottom: 30px;
    margin-top: 0;
    font-family: "intermedium";
    line-height: normal
}

.odi-solutions .image-bg .odi-overly-box p {
    text-align: left;
    margin-bottom: 30px;
    margin-top: 40px;
    font-size: 14px
}

.company-since-new.on-demand-why .project-box li {
    flex-basis: 25%
}

.company-since-new.on-demand-why .project-box li p {
    padding-right: 10px
}

@media (max-width: 1440px) {
    .company-since-new.on-demand-why .comp-img-frame {
        margin-right:20px
    }
}

.on-demand-keyFeatures {
    position: relative
}

@media (max-width: 767px) {
    .on-demand-keyFeatures {
        text-align:center
    }
}

.on-demand-keyFeatures:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.on-demand-keyFeatures h2 {
    font-family: "interlight"
}

.on-demand-keyFeatures h3 {
    margin-left: 20px;
    margin-top: 50px
}

.on-demand-keyFeatures h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.on-demand-keyFeatures p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .on-demand-keyFeatures p.top {
        margin-top:0px
    }
}

.on-demand-keyFeatures .features-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

@media (max-width: 1366px) {
    .on-demand-keyFeatures .features-box {
        margin-top:30px
    }
}

@media (max-width: 1024px) {
    .on-demand-keyFeatures .features-box {
        margin-top:50px
    }
}

@media (max-width: 767px) {
    .on-demand-keyFeatures .features-box {
        margin-top:20px
    }
}

.on-demand-keyFeatures .features-box li {
    flex-basis: 46%;
    padding: 15px 15px 15px 30px;
    margin: 0 15px 30px 15px;
    position: relative;
    border-bottom: 1px dashed #E0E0E0;
    font-family: "intermedium";
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.on-demand-keyFeatures .features-box li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    top: 13px
}

@media (max-width: 1599px) {
    .on-demand-keyFeatures .features-box li {
        flex-basis:45%
    }
}

@media (max-width: 1440px) {
    .on-demand-keyFeatures .features-box li {
        flex-basis:45%;
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .on-demand-keyFeatures .features-box li {
        flex-basis:100%;
        margin-bottom: 0px;
        text-align: left
    }
}

.on-demand-keyFeatures .features-box li.full {
    flex-basis: 100%;
    border: 1px solid #BEBEBE;
    padding: 0px
}

@media (max-width: 767px) {
    .on-demand-keyFeatures .features-box li.full {
        display:none
    }
}

.mobile-app-expertise.on-demand-technologies:before {
    background-image: url("../img/on-demand-app-development/jpg/on-demand-technologies.jpg")
}

.mobile-app-expertise.on-demand-technologies .game-expertise-list {
    display: block
}

.mobile-app-expertise.on-demand-technologies .nav-tabs {
    border-bottom: none;
    border-right: 1px solid #BEBEBE
}

@media (max-width: 991px) {
    .mobile-app-expertise.on-demand-technologies .nav-tabs {
        display:block;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        border-right: none
    }
}

.mobile-app-expertise.on-demand-technologies .nav-tabs li {
    position: relative;
    width: 100%;
    display: block;
    text-align: left;
    border-bottom: 1px dashed #edf5fa
}

@media (max-width: 991px) {
    .mobile-app-expertise.on-demand-technologies .nav-tabs li {
        width:auto;
        display: inline-block
    }
}

.mobile-app-expertise.on-demand-technologies .nav-tabs li a {
    padding: 10px;
    position: relative;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    color: #000
}

.mobile-app-expertise.on-demand-technologies .nav-tabs li a:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 11px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #BEBEBE;
    background-color: #fff
}

@media (max-width: 1199px) {
    .mobile-app-expertise.on-demand-technologies .nav-tabs li a:after {
        right:auto;
        bottom: -10px
    }
}

@media (max-width: 991px) {
    .mobile-app-expertise.on-demand-technologies .nav-tabs li a:after {
        display:none
    }
}

.mobile-app-expertise.on-demand-technologies .nav-tabs li a.active {
    color: #0076FF;
    background-color: transparent
}

.mobile-app-expertise.on-demand-technologies .nav-tabs li a.active:after {
    background-color: #0076FF;
    border-color: #0076FF
}

.mobile-app-expertise.on-demand-technologies .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;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 575px) {
    .mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag {
        justify-content:center
    }
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li {
    flex-basis: 20%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding-top: 80px;
    margin: 10px 20px 40px 20px
}

@media (max-width: 1599px) {
    .mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li {
        margin-left:15px;
        margin-right: 15px
    }
}

@media (max-width: 1199px) {
    .mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li {
        margin-left:10px;
        margin-right: 10px
    }
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon {
    margin: auto;
    width: 70px;
    height: 70px;
    display: inline-block;
    position: relative;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/on-demand-app-development/png/on-demand-sprite1.png);
    background-repeat: no-repeat
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon1 {
    background-position: 0 0
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon2 {
    background-position: 0 -70px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon3 {
    background-position: 0 -140px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon4 {
    background-position: 0 -210px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon5 {
    background-position: 0 -280px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon6 {
    background-position: 0 -350px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon7 {
    background-position: 0 -420px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon8 {
    background-position: 0 -490px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon9 {
    background-position: 0 -560px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon10 {
    background-position: 0 -630px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon11 {
    background-position: 0 -700px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon12 {
    background-position: 0 -770px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon13 {
    background-position: 0 -840px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon14 {
    background-position: 0 -910px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon15 {
    background-position: 0 -980px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon16 {
    background-position: 0 -1050px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon17 {
    background-position: 0 -1120px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon18 {
    background-position: 0 -1190px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon19 {
    background-position: 0 -1260px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon20 {
    background-position: 0 -1330px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon21 {
    background-position: 0 -1400px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon22 {
    background-position: 0 -1470px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon23 {
    background-position: 0 -1540px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon24 {
    background-position: 0 -1610px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon25 {
    background-position: 0 -1680px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon26 {
    background-position: 0 -1750px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon27 {
    background-position: 0 -1820px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon28 {
    background-position: 0 -1890px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon29 {
    background-position: 0 -1960px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon30 {
    background-position: 0 -2030px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon31 {
    background-position: 0 -2100px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon32 {
    background-position: 0 -2170px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon33 {
    background-position: 0 -2240px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon34 {
    background-position: 0 -2310px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon35 {
    background-position: 0 -2380px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon36 {
    background-position: 0 -2450px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon37 {
    background-position: 0 -2520px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon38 {
    background-position: 0 -2590px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon39 {
    background-position: 0 -2660px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon40 {
    background-position: 0 -2730px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon41 {
    background-position: 0 -2800px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon42 {
    background-position: 0 -2870px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon43 {
    background-position: 0 -2940px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon44 {
    background-position: 0 -3010px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon45 {
    background-position: 0 -3080px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon46 {
    background-position: 0 -3150px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon47 {
    background-position: 0 -3220px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon48 {
    background-position: 0 -3290px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon49 {
    background-position: 0 -3360px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon50 {
    background-position: 0 -3430px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon51 {
    background-position: 0 -3500px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon52 {
    background-position: 0 -3570px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon53 {
    background-position: 0 -3640px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon54 {
    background-position: 0 -3710px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .icon.icon55 {
    background-position: 0 -3780px
}

.mobile-app-expertise.on-demand-technologies .tab-content .on-d-tag li .name {
    display: inline-block;
    padding: 2px 10px;
    font-size: 14px
}

@media (max-width: 991px) {
    .case-study-features.on-demand-app-platform h3 {
        text-align:left
    }
}

@media (max-width: 991px) {
    .case-study-features.on-demand-app-platform h4 {
        text-align:left
    }
}

.case-study-features.on-demand-app-platform .app-img img {
    max-width: 80%
}

.case-study-features.on-demand-app-platform .app-img2 img {
    max-width: 100%;
    width: 100%
}

.on-demand-solutions {
    background-color: #f7f7f7
}

@media (max-width: 1024px) {
    .on-demand-solutions .col-sm-3,.on-demand-solutions .col-md-3 {
        width:50%
    }
}

@media (max-width: 991px) {
    .on-demand-solutions {
        text-align:center
    }
}

@media (max-width: 575px) {
    .on-demand-solutions .col-sm-3,.on-demand-solutions .col-md-3 {
        width:100%
    }

    .on-demand-solutions .mb-40 {
        margin-bottom: 20px
    }
}

.on-demand-solutions h2 {
    font-family: "interlight"
}

.on-demand-solutions h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.on-demand-solutions p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .on-demand-solutions p.top {
        margin-top:0px
    }
}

.on-demand-solutions .service-box {
    background-color: #fff;
    margin-top: 30px;
    position: relative;
    padding-bottom: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 70px 30px 30px 30px;
    margin-bottom: 80px;
    height: 80%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 767px) {
    .on-demand-solutions .service-box {
        height:auto;
        margin-bottom: 50px
    }
}

.on-demand-solutions .service-box i {
    margin-bottom: 20px;
    display: inline-block
}

.on-demand-solutions .service-box .icon {
    background-color: #fff;
    position: absolute;
    left: 30px;
    top: -50px;
    margin: auto;
    width: 100px;
    height: 100px;
    text-align: center;
    display: inline-block;
    border: 1px solid #BEBEBE;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0px 10px 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 15px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 15px rgba(0,0,0,0.2)
}

@media screen and (max-width: 767px) {
    .on-demand-solutions .service-box .icon {
        right:0;
        left: 0;
        margin-left: auto;
        margin-right: auto
    }
}

.on-demand-solutions .service-box .icon:before {
    content: "";
    margin: 19px auto auto auto;
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background-image: url(../img/on-demand-app-development/png/on-demand-sprite2.png);
    background-repeat: no-repeat
}

.on-demand-solutions .service-box .icon.icon1:before {
    background-position: 0 0
}

.on-demand-solutions .service-box .icon.icon2:before {
    background-position: 0 -60px
}

.on-demand-solutions .service-box .icon.icon3:before {
    background-position: 0 -120px
}

.on-demand-solutions .service-box .icon.icon4:before {
    background-position: 0 -180px
}

.on-demand-solutions .service-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.on-demand-solutions .service-box:hover i:before {
    color: #fff
}

.on-demand-solutions .service-box:hover a {
    color: #FF9100
}

.on-demand-solutions .service-box:hover .icon {
    border-color: #0076FF
}

.on-demand-solutions .service-box .icon-go {
    position: absolute;
    bottom: 10px;
    right: 20px;
    margin-bottom: 0
}

.on-demand-solutions .service-box .icon-go i {
    font-size: 24px
}

.on-demand-solutions .service-box p {
    font-size: 14px
}

.robust-new-services.mobile-services.hire-blockchain-service .service-box i.icon {
    background-image: url(../img/hire-blockchain-developers/png/hire-blockchain-sprite1_1.png)
}

.robust-new-services.mobile-services.hire-blockchain-service .service-box i.icon.icon7 {
    background-position: 0 -360px
}

.robust-new-services.mobile-services.hire-blockchain-service .service-box i.icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.hire-blockchain-service .service-box i.icon.icon9 {
    background-position: 0 -480px
}

.robust-new-services.mobile-services.hire-blockchain-service .service-box i.icon.icon10 {
    background-position: 0 -540px
}

.robust-new-services.mobile-services.hire-blockchain-service .service-box i.icon.icon11 {
    background-position: 0 -600px
}

.robust-new-services.mobile-services.hire-blockchain-service .service-box i.icon.icon12 {
    background-position: 0 -660px
}

.android-benefits.crypto-benefits.hire-blockchain-benefits .benefits-box i:before {
    background-image: url(../img/hire-blockchain-developers/png/hire-blockchain-sprite2.png)
}

.mobile-app-expertise.ludo-products-showcase.flutter-expertise.hire-blockchain-technologies:before {
    background-image: url("../img/hire-blockchain-developers/jpg/blockchain-bg.jpg")
}

.nft-three-box.hire-blockchain-experts h2 {
    color: #fff;
    font-family: "interbold";
    margin-bottom: 20px
}

.nft-three-box.hire-blockchain-experts p.white {
    margin-bottom: 30px
}

.nft-three-box.hire-blockchain-experts .thBox .icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
    background-image: url(../img/hire-blockchain-developers/png/hire-blockchain-sprite3.png);
    background-repeat: no-repeat;
    background-position: center top
}

.nft-three-box.hire-blockchain-experts .thBox .icon.icon1 {
    background-position: 0 0
}

.nft-three-box.hire-blockchain-experts .thBox .icon.icon2 {
    background-position: 0 -70px
}

.nft-three-box.hire-blockchain-experts .thBox .icon.icon3 {
    background-position: 0 -140px
}

.nft-three-box.hire-blockchain-experts .thBox .h2 {
    font-size: 26px
}

.nft-three-box.hire-blockchain-experts .thBox .txt {
    font-size: 30px;
    font-family: "interbold"
}

.engagement-models.hire-web-engagement-models.hire-blockchain-models .service-box .icon {
    background-image: url(../img/hire-blockchain-developers/png/hire-blockchain-sprite4.png)
}

.process-setup.nft-align.hire-blockchain-steps .process-timeline li {
    flex-basis: 25%
}

@media screen and (max-width: 1024px) {
    .process-setup.nft-align.hire-blockchain-steps .process-timeline li {
        flex-basis:33%
    }
}

@media screen and (max-width: 991px) {
    .process-setup.nft-align.hire-blockchain-steps .process-timeline li {
        flex-basis:50%
    }
}

@media screen and (max-width: 480px) {
    .process-setup.nft-align.hire-blockchain-steps .process-timeline li {
        flex-basis:100%
    }
}

.game-banner.ios-game-banner.blockchain-game-development-bnr:before {
    background-image: url("../img/blockchain-game-development/webp/blockchain-game-development-bg.webp")
}

.game-benefits.nft-benefit.blockchain-benefits .benefits-box i:before {
    background-image: url("../img/blockchain-game-development/png/blockchain-game-sprit1.png")
}

.android-studio-expertise.ios-studio.blockchain-game-expertise:before {
    background-image: url("../img/blockchain-game-development/webp/blockchain-expertise-bg.webp")
}

.android-studio-expertise.ios-studio.blockchain-game-expertise .android-expertise-list li .icon {
    background-image: url("../img/blockchain-game-development/png/blockchain-game-sprit2.png")
}

.game-expertise.ios-expert.blockchain-game-tools:before {
    background-image: url("../img/blockchain-game-development/webp/blockchain-game-tools.webp")
}

.game-expertise.ios-expert.blockchain-game-tools .game-expertise-list li .icon {
    background-image: url("../img/blockchain-game-development/png/blockchain-game-sprit3.png")
}

.hire-game-developers.video-game-solutions.blockchain-gameplay:before {
    background-image: url("../img/blockchain-game-development/jpg/blockchain-gameplay.jpg")
}

.android-studio-expertise.ios-company-expertise.blockchain-game-solutions:before {
    background-image: url("../img/blockchain-game-development/jpg/blockchain-game-solutions.jpg")
}

.android-studio-expertise.ios-company-expertise.blockchain-game-solutions .android-expertise-list li .icon {
    background-image: url("../img/blockchain-game-development/png/blockchain-game-sprit4.png")
}

.game-engagement-models.android-engagement-models.blockchain-game-models .service-box:before {
    background-image: url("../img/blockchain-game-development/webp/blockchain-game-models.webp")
}

.game-engagement-models.android-engagement-models.blockchain-game-models .service-box .icon {
    background-image: url("../img/blockchain-game-development/png/blockchain-game-sprit5.png")
}

.take-glance.blockchain-game-take-glance.game-poster:after {
    background-image: url("../img/blockchain-game-development/jpg/blockchain-game-take-glance.jpg")
}

.atlanta-home-banner.jaipur-home-banner:before {
    background-image: url("../img/software-development-company-jaipur/jpg/software-development-company-jaipur.jpg")
}

.technologies-development.software-comapany-jaipur .hd-box .icon-box {
    padding-left: 30px
}

@media screen and (max-width: 991px) {
    .technologies-development.software-comapany-jaipur .hd-box .icon-box {
        padding-left:0px
    }
}

.technologies-development.software-comapany-jaipur .hd-box ul {
    justify-content: left
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon:before {
    background-image: url("../img/software-development-company-jaipur/png/jaipur-sprite1.png")
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon.icon12:before {
    background-position: 0 -1200px
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon.icon12.icon12_1:before {
    background-image: url("../img/software-development-company-jaipur/png/ipad.png");
    background-position: 0 0px
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon.icon12.icon12_2:before {
    background-image: url("../img/software-development-company-jaipur/png/flutter.png");
    background-position: 0 0px
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon.icon12.icon12_3:before {
    background-image: url("../img/software-development-company-jaipur/png/Blockchain.png");
    background-position: 0 0px
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon.icon21:before {
    background-position: 0 -1200px
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon.icon22:before {
    background-position: 0 -1260px
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon.icon23:before {
    background-position: 0 -1320px
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon.icon24:before {
    background-position: 0 -1380px
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon.icon25:before {
    background-position: 0 -1440px
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon.icon26:before {
    background-position: 0 -1500px
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon.icon27:before {
    background-position: 0 -1560px
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon.icon28:before {
    background-position: 0 -1620px
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon.icon29:before {
    background-position: 0 -1680px
}

.technologies-development.software-comapany-jaipur .hd-box ul li .icon.icon30:before {
    background-position: 0 -1740px
}

.technologies-development.software-comapany-jaipur .hd-box ul li a {
    line-height: 18px
}

.ios-banner.php-web-banner .bnr-img:before {
    display: none
}

.ios-banner.php-web-banner .bnr-img img {
    max-width: 829px;
    width: 100%
}

.on-demand-keyFeatures h2 {
    font-family: "interlight"
}

.on-demand-keyFeatures h3 {
    margin-left: 20px;
    margin-top: 50px
}

.on-demand-keyFeatures h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.on-demand-keyFeatures p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .on-demand-keyFeatures p.top {
        margin-top:0px
    }
}

.blockchain-technologies.cryptocurrency-features.mean-stack-technology.php-web-technology .andBox .icon {
    background-image: url("../img/php-web-development/png/php-app-sprite1.png")
}

.crypto-centralized.php-web-centralized .wc-img {
    margin: 0
}

.crypto-centralized.php-web-centralized .wc-img img {
    max-width: 896px;
    width: 100%
}

.android-benefits.crypto-benefits.php-benefits .benefits-box {
    margin-top: 50px
}

@media (max-width: 991px) {
    .android-benefits.crypto-benefits.php-benefits .benefits-box {
        margin-top:20px
    }
}

.android-benefits.crypto-benefits.php-benefits .benefits-box i:before {
    background-image: url("../img/php-web-development/png/phpSprite2.png")
}

.game-expertise.ludo-products-showcase.flutter-expertise.php-web-expertise:before {
    background-image: url("../img/php-web-development/jpg/php-web-development-team-bg.jpg")
}

.game-expertise.ludo-products-showcase.flutter-expertise.php-web-expertise .game-expertise-list li .icon {
    background-image: url("../img/php-web-development/png/phpSprite3.png")
}

.whitelabel-cryptocurrency.php-about .php-img img {
    max-width: 608px;
    width: 100%;
    margin: 0 auto
}

.robust-new-services.mobile-services.php-ds .service-box i.icon {
    background-image: url("../img/php-web-development/png/php-app-sprite02.png")
}

.ios-banner.magento-development-bnr h3 {
    margin-top: 50px
}

.ios-banner.magento-development-bnr .magento-brands {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px
}

@media screen and (max-width: 575px) {
    .ios-banner.magento-development-bnr .magento-brands {
        justify-content:center;
        overflow-y: hidden;
        white-space: nowrap;
        display: block;
        overflow-x: auto;
        margin-bottom: 0px
    }
}

.ios-banner.magento-development-bnr .magento-brands li {
    flex-basis: 16%
}

@media screen and (max-width: 991px) {
    .ios-banner.magento-development-bnr .magento-brands li {
        flex-basis:33%
    }
}

@media screen and (max-width: 575px) {
    .ios-banner.magento-development-bnr .magento-brands li {
        flex-basis:42%;
        display: inline-block
    }
}

@media screen and (max-width: 398px) {
    .ios-banner.magento-development-bnr .magento-brands li {
        flex-basis:41%
    }
}

.ios-banner.magento-development-bnr .icon {
    margin: 5px;
    display: inline-block;
    width: 136px;
    height: 70px;
    background-image: url(../img/magento-development/png/magento-icon-sprite3.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.ios-banner.magento-development-bnr .icon.icon1 {
    background-position: 0 0
}

.ios-banner.magento-development-bnr .icon.icon2 {
    background-position: 0 -70px
}

.ios-banner.magento-development-bnr .icon.icon3 {
    background-position: 0 -140px
}

.ios-banner.magento-development-bnr .icon.icon4 {
    background-position: 0 -210px
}

.ios-banner.magento-development-bnr .icon.icon5 {
    background-position: 0 -280px
}

.ios-banner.magento-development-bnr .icon.icon6 {
    background-position: 0 -350px
}

.ios-banner.magento-development-bnr .icon.icon7 {
    background-position: 0 -420px
}

.ios-banner.magento-development-bnr .icon.icon8 {
    background-position: 0 -490px
}

.ios-banner.magento-development-bnr .icon.icon9 {
    background-position: 0 -560px
}

.ios-banner.magento-development-bnr .icon.icon10 {
    background-position: 0 -630px
}

.ios-banner.magento-development-bnr .icon.icon11 {
    background-position: 0 -700px
}

.ios-banner.magento-development-bnr .icon.icon12 {
    background-position: 0 -770px
}

@media screen and (max-width: 575px) {
    .whitelabel-cryptocurrency.magento-custom-development {
        padding-top:0
    }
}

@media screen and (max-width: 575px) {
    .whitelabel-cryptocurrency.magento-custom-development .wc-img {
        margin-top:0
    }
}

.robust-new-services.mobile-services.hire-blockchain-service.magento-service .service-box.sb6:before {
    background-color: #e2a000
}

.robust-new-services.mobile-services.hire-blockchain-service.magento-service .service-box i.icon {
    background-image: url("../img/magento-development/png/magento-service-icon-sprite1.png")
}

.android-benefits.crypto-benefits.magento-benefits .benefits-box i:before {
    background-image: url("../img/magento-development/png/magento-benifits-icon-sprite2.png")
}

.game-expertise.ludo-products-showcase.magento-expertise:before {
    background-image: url("../img/magento-development/jpg/magento-expertise-before.jpg");
    height: 400px
}

.game-expertise.ludo-products-showcase.magento-expertise:after {
    height: 400px
}

.game-expertise.ludo-products-showcase.magento-expertise .game-expertise-list li .icon {
    background-image: url("../img/magento-development/png/magento-expertise-icon-sprite3.png")
}

.why-choose-blockchain.why-choose-magento .custom-scroll ul li .icon {
    background-image: url("../img/magento-development/png/magento-why-choose-icon-sprite4.png")
}

@media screen and (min-device-width: 1921px) and (max-device-width: 10000px) {
    .why-choose-blockchain.why-choose-magento .video-box {
        background-color:#0076FF;
        background: #0076FF;
        background: linear-gradient(45deg, #0076FF 50%, #009DFF 100%);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        padding: 40px;
        min-height: 100%
    }
}

@media screen and (max-width: 991px) {
    .why-choose-blockchain.why-choose-magento .video-box {
        padding-right:0px;
        margin-top: 40px
    }
}

.why-choose-blockchain.why-choose-magento .video-box .in-page-video {
    border: 4px solid #000;
    background-color: #000;
    max-width: 916px;
    margin: 0 auto 50px auto;
    position: relative;
    width: 100%;
    height: auto
}

@media screen and (max-width: 1199px) {
    .why-choose-blockchain.why-choose-magento .video-box .in-page-video {
        padding-bottom:55%;
        height: 0
    }
}

@media screen and (max-width: 767px) {
    .why-choose-blockchain.why-choose-magento .video-box .in-page-video {
        margin-bottom:30px
    }
}

.why-choose-blockchain.why-choose-magento .video-box .in-page-video iframe {
    width: 100%;
    height: 387px;
    margin-bottom: -7px
}

@media screen and (max-width: 1199px) {
    .why-choose-blockchain.why-choose-magento .video-box .in-page-video iframe {
        position:absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin-bottom: 0px
    }
}

.why-choose-blockchain.why-choose-magento .video-box .in-page-video button:before,.why-choose-blockchain.why-choose-magento .video-box .in-page-video button:after {
    display: none
}

.referring-videos .h2 {
    font-family: "interlight"
}

.referring-videos .h2 b {
    font-family: "interextrabold"
}

.referring-videos h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.referring-videos p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .referring-videos p.top {
        margin-top:0px
    }
}

.referring-videos .video-list-thumbs {
    height: 100%
}

@media (max-width: 991px) {
    .referring-videos .video-list-thumbs {
        height:auto
    }
}

.referring-videos .video-list-thumbs .video-thumbs-box {
    margin-bottom: 12px;
    height: 100%
}

@media (max-width: 991px) {
    .referring-videos .video-list-thumbs .video-thumbs-box {
        height:auto
    }
}

.referring-videos .video-list-thumbs .video-thumbs-box a {
    display: block;
    position: relative;
    background-color: #000;
    color: #fff;
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    transition: all 500ms ease-in-out;
    background-color: #2d167c;
    height: 100%
}

@media (max-width: 991px) {
    .referring-videos .video-list-thumbs .video-thumbs-box a {
        height:auto
    }
}

.referring-videos .video-list-thumbs .video-thumbs-box a img {
    width: 100%;
    height: auto
}

.referring-videos .video-list-thumbs .video-thumbs-box p {
    bottom: 0;
    font-size: 14px;
    margin: 8px 0 0;
    text-align: center;
    font-family: "intermedium";
    line-height: normal
}

.referring-videos .video-list-thumbs .video-thumbs-box .fa-play-circle {
    font-size: 60px;
    opacity: .6;
    position: absolute;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    top: 31%;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
    transition: all 500ms ease-in-out
}

.referring-videos .video-list-thumbs .video-thumbs-box .duration {
    background-color: rgba(0,0,0,0.4);
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    left: 12px;
    line-height: 13px;
    padding: 2px 3px 1px;
    position: absolute;
    top: 12px;
    transition: all 500ms ease
}

.magento-certifications-badges hr {
    background-color: rgba(0,0,0,0.3);
    margin-top: 50px;
    margin-bottom: 50px
}

.magento-certifications-badges .mc-box {
    background-color: #fff;
    position: relative
}

.magento-certifications-badges .mc-box h2 {
    font-family: "interbold"
}

.magento-certifications-badges .mc-box h3 {
    margin-bottom: 20px;
    font-family: "interbold"
}

.magento-certifications-badges .mc-box p {
    margin-bottom: 10px
}

.magento-certifications-badges .mc-box .bronze-box {
    border: 1px solid #fff;
    background-color: #565656;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
    height: 100%
}

.magento-certifications-badges .mc-box .bronze-box img {
    max-width: 21vw
}

@media screen and (max-width: 1600px) {
    .magento-certifications-badges .mc-box .bronze-box img {
        max-width:23vw
    }
}

@media screen and (max-width: 991px) {
    .magento-certifications-badges .mc-box .bronze-box img {
        max-width:100%
    }
}

@media screen and (max-width: 991px) {
    .magento-certifications-badges .mc-box .bronze-box {
        margin-bottom:40px;
        height: auto;
        background-color: transparent
    }
}

.magento-certifications-badges .mc-box .adobe-certified {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 575px) {
    .magento-certifications-badges .mc-box .adobe-certified {
        justify-content:center
    }
}

.magento-certifications-badges .mc-box .adobe-certified li {
    flex-basis: 25%;
    padding: 0 20px
}

@media screen and (max-width: 991px) {
    .magento-certifications-badges .mc-box .adobe-certified li {
        flex-basis:50%
    }
}

@media screen and (max-width: 575px) {
    .magento-certifications-badges .mc-box .adobe-certified li {
        text-align:center
    }
}

@media screen and (max-width: 398px) {
    .magento-certifications-badges .mc-box .adobe-certified li {
        flex-basis:100%
    }
}

.magento-certifications-badges .mc-box .adobe-certified li .icon {
    margin: 5px;
    display: inline-block;
    width: 132px;
    height: 132px;
    background-image: url(../img/magento-development/png/magento-expertise-icon-sprite4.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.magento-certifications-badges .mc-box .adobe-certified li .icon.icon1 {
    background-position: 0 0
}

.magento-certifications-badges .mc-box .adobe-certified li .icon.icon2 {
    background-position: 0 -132px
}

.magento-certifications-badges .mc-box .magento-imagine {
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
    height: 100%;
    padding: 30px
}

@media screen and (max-width: 991px) {
    .magento-certifications-badges .mc-box .magento-imagine {
        margin-bottom:40px;
        height: auto
    }
}

@media screen and (max-width: 575px) {
    .magento-certifications-badges .mc-box .magento-imagine {
        text-align:center
    }
}

.magento-certifications-badges .mc-box .magento-imagine .icon {
    margin: 5px;
    display: inline-block;
    width: 132px;
    height: 132px;
    background-image: url(../img/magento-development/png/magento-icon-sprite4.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.magento-certifications-badges .mc-box .magento-imagine .icon.icon1 {
    background-position: 0 0
}

.magento-certifications-badges .mc-box .magento-imagine .icon.icon2 {
    background-position: 0 -132px
}

.section-tabs.section-tabs2 .icons-list li .icon {
    background-image: url(../img/artificial-intelligence-development/png/ai-appSprite1.png)
}

.robust-new-services.mobile-services.ai-services .service-box i.icon {
    background-image: url(../img/artificial-intelligence-development/png/ai-appSprite2_2.png)
}

.robust-new-services.mobile-services.ai-services .service-box i.icon.icon7 {
    background-position: 0 -360px
}

.robust-new-services.mobile-services.ai-services .service-box i.icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.ai-services .service-box i.icon.icon9 {
    background-position: 0 -480px
}

.android-benefits.artificial-intelligence-benefits .benefits-box i:before {
    background-image: url(../img/artificial-intelligence-development/png/ai-appSprite3.png)
}

.android-benefits.artificial-intelligence-benefits .ios-b-img img {
    display: inline-block
}

.different-industry.ai-industry .industry-list .industry .icon {
    background-image: url(../img/artificial-intelligence-development/png/ai-appSprite4.png)
}

@media screen and (max-width: 991px) {
    .ios-banner.salesforce-development-company-bnr .row {
        flex-wrap:wrap
    }

    .ios-banner.salesforce-development-company-bnr .m-left {
        text-align: left;
        margin-bottom: 20px
    }
}

.ios-banner.salesforce-development-company-bnr .list {
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

.ios-banner.salesforce-development-company-bnr .list li {
    display: inline-block;
    flex-basis: 49%;
    font-family: "intermedium";
    position: relative;
    padding: 0 10px 0 23px;
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .ios-banner.salesforce-development-company-bnr .list li {
        text-align:left;
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .ios-banner.salesforce-development-company-bnr .list li {
        flex-basis:100%
    }
}

.ios-banner.salesforce-development-company-bnr .list li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0
}

.ios-banner.salesforce-development-company-bnr .bnr-img img {
    max-width: 643px;
    width: 100%;
    height: auto
}

.ios-banner.salesforce-development-company-bnr .icon-box {
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    line-height: normal;
    position: relative;
    padding: 15px;
    -webkit-box-shadow: 7px 7px 3px rgba(0,0,0,0.05);
    -moz-box-shadow: 7px 7px 3px rgba(0,0,0,0.05);
    box-shadow: 7px 7px 3px rgba(0,0,0,0.05)
}

@media screen and (max-width: 1600px) {
    .ios-banner.salesforce-development-company-bnr .icon-box {
        min-height:90px
    }
}

@media screen and (max-width: 480px) {
    .ios-banner.salesforce-development-company-bnr .icon-box br {
        display:none
    }
}

.ios-banner.salesforce-development-company-bnr .icon-box .icon {
    content: "";
    margin: auto;
    background-image: url(../img/salesforce-development-services/png/salesforce-certified.png);
    background-repeat: no-repeat;
    display: inline-table;
    width: 100px;
    height: 100px;
    background-position: 0 0
}

@media screen and (max-width: 1600px) {
    .ios-banner.salesforce-development-company-bnr .icon-box .icon {
        width:70px;
        height: 70px;
        background-size: 100% auto
    }
}

.robust-new-services.mobile-services.salesforce-develop-services {
    background-color: #fff;
    padding-bottom: 100px
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box .icon {
    background-image: url(../img/salesforce-development-services/png/salesSprite-new1.png)
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box .icon.icon7 {
    background-position: 0 -360px
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box .icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box .icon.icon9 {
    background-position: 0 -480px
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box .icon.icon10 {
    background-position: 0 -540px
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box .icon.icon11 {
    background-position: 0 -600px
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box .icon.icon12 {
    background-position: 0 -660px
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box.sb1:before {
    background-color: #3f7efd
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box.sb2:before {
    background-color: #18c9c9
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box.sb3:before {
    background-color: #e1097f
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box.sb4:before {
    background-color: #28c995
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box.sb5:before {
    background-color: #00a1e0
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box.sb6:before {
    background-color: #f5a100
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box.sb7:before {
    background-color: #3f7efd
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box.sb8:before {
    background-color: #18c9c9
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box.sb9:before {
    background-color: #e1097f
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box.sb10:before {
    background-color: #28c995
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box.sb11:before {
    background-color: #00a1e0
}

.robust-new-services.mobile-services.salesforce-develop-services .service-box.sb12:before {
    background-color: #f5a100
}

.salesforce-crm-development-solutions {
    position: relative;
    background-color: #0076FF;
    background-image: url("../img/salesforce-development-services/jpg/salesforce-crm-bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .salesforce-crm-development-solutions {
        padding:100px 0;
        text-align: center
    }
}

.salesforce-crm-development-solutions h2 {
    color: #fff
}

.salesforce-crm-development-solutions p {
    color: #fff
}

.salesforce-crm-development-solutions .salesforce-crm-img img {
    max-width: 1200px;
    width: 100%;
    height: auto
}

@media screen and (max-width: 991px) {
    .salesforce-cloud-slider {
        text-align:center
    }
}

.salesforce-cloud-slider .owl-carousel .item {
    padding: 0
}

.salesforce-cloud-slider .owl-carousel .owl-dots {
    text-align: center
}

.salesforce-cloud-slider .owl-carousel .owl-dots button {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #E0E0E0;
    margin: 0 5px
}

.salesforce-cloud-slider .owl-carousel .owl-dots button.active {
    background-color: #0076FF
}

.salesforce-cloud-slider .up {
    margin-top: 50px
}

@media screen and (max-width: 991px) {
    .salesforce-cloud-slider .up {
        margin-top:0px
    }
}

.salesforce-cloud-slider br {
    display: none
}

@media screen and (max-width: 991px) {
    .salesforce-cloud-slider .sca-development {
        text-align:center
    }

    .salesforce-cloud-slider .sca-development .row.up {
        flex-wrap: wrap-reverse
    }

    .salesforce-cloud-slider .sca-development .col-sm-7 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.salesforce-cloud-slider .sca-development .scad-img {
    position: sticky;
    top: 0px
}

@media screen and (max-width: 991px) {
    .salesforce-cloud-slider .sca-development .scad-img {
        margin-bottom:30px
    }
}

.salesforce-cloud-slider .sca-development .scad-img img {
    max-width: 828px;
    margin: 20px auto 0 auto;
    width: 100%;
    height: auto
}

.salesforce-cloud-slider .sca-development ul {
    margin-top: 20px
}

.salesforce-cloud-slider .sca-development ul li {
    padding-left: 70px;
    min-height: 60px;
    position: relative;
    border-bottom: 1px dashed #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 9px;
    color: #000;
    font-family: "interbold"
}

@media screen and (max-width: 991px) {
    .salesforce-cloud-slider .sca-development ul li {
        text-align:left
    }
}

.salesforce-cloud-slider .sca-development ul li p {
    margin-bottom: 0px
}

.salesforce-cloud-slider .sca-development ul li h3 {
    margin-bottom: 0px
}

.salesforce-cloud-slider .sca-development ul li .icon {
    margin: auto;
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative;
    position: absolute;
    background-color: #0076FF;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    left: 0;
    top: 0
}

.salesforce-cloud-slider .sca-development ul li .icon:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    background-image: url(../img/salesforce-development-services/png/salesSprite-new2.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100% auto;
    margin-left: auto;
    margin-right: auto;
    background-size: 100% auto
}

.salesforce-cloud-slider .sca-development ul li .icon.icon1 {
    background-color: #4bca81
}

.salesforce-cloud-slider .sca-development ul li .icon.icon1:before {
    background-position: 0 0
}

.salesforce-cloud-slider .sca-development ul li .icon.icon2 {
    background-color: #efa135
}

.salesforce-cloud-slider .sca-development ul li .icon.icon2:before {
    background-position: 0 -40px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon3 {
    background-color: #068bff
}

.salesforce-cloud-slider .sca-development ul li .icon.icon3:before {
    background-position: 0 -80px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon4 {
    background-color: #ff4a4a
}

.salesforce-cloud-slider .sca-development ul li .icon.icon4:before {
    background-position: 0 -120px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon5 {
    background-color: #af75c4
}

.salesforce-cloud-slider .sca-development ul li .icon.icon5:before {
    background-position: 0 -160px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon6 {
    background-color: #71c6c4
}

.salesforce-cloud-slider .sca-development ul li .icon.icon6:before {
    background-position: 0 -200px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon7 {
    background-color: #e6517a
}

.salesforce-cloud-slider .sca-development ul li .icon.icon7:before {
    background-position: 0 -240px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon8 {
    background-color: #fbc132
}

.salesforce-cloud-slider .sca-development ul li .icon.icon8:before {
    background-position: 0 -280px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon9 {
    background-color: #9bae04
}

.salesforce-cloud-slider .sca-development ul li .icon.icon9:before {
    background-position: 0 -320px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon10 {
    background-color: #00c8ff
}

.salesforce-cloud-slider .sca-development ul li .icon.icon10:before {
    background-position: 0 -360px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon11 {
    background-color: #5068b0
}

.salesforce-cloud-slider .sca-development ul li .icon.icon11:before {
    background-position: 0 -400px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon12 {
    background-color: #ff7043
}

.salesforce-cloud-slider .sca-development ul li .icon.icon12:before {
    background-position: 0 -440px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon13 {
    background-color: #fbc22e
}

.salesforce-cloud-slider .sca-development ul li .icon.icon13:before {
    background-position: 0 -480px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon14 {
    background-color: #8cc13f
}

.salesforce-cloud-slider .sca-development ul li .icon.icon14:before {
    background-position: 0 -520px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon15 {
    background-color: #0ae0ca
}

.salesforce-cloud-slider .sca-development ul li .icon.icon15:before {
    background-position: 0 -560px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon16 {
    background-color: #ff4dae
}

.salesforce-cloud-slider .sca-development ul li .icon.icon16:before {
    background-position: 0 -600px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon17 {
    background-color: #5f8eae
}

.salesforce-cloud-slider .sca-development ul li .icon.icon17:before {
    background-position: 0 -640px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon18 {
    background-color: #f69221
}

.salesforce-cloud-slider .sca-development ul li .icon.icon18:before {
    background-position: 0 -680px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon19 {
    background-color: #24b6ea
}

.salesforce-cloud-slider .sca-development ul li .icon.icon19:before {
    background-position: 0 -720px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon20 {
    background-color: #71c6c4
}

.salesforce-cloud-slider .sca-development ul li .icon.icon20:before {
    background-position: 0 -760px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon21 {
    background-color: #fd6d41
}

.salesforce-cloud-slider .sca-development ul li .icon.icon21:before {
    background-position: 0 -800px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon22 {
    background-color: #fac714
}

.salesforce-cloud-slider .sca-development ul li .icon.icon22:before {
    background-position: 0 -840px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon23 {
    background-color: #8cc13f
}

.salesforce-cloud-slider .sca-development ul li .icon.icon23:before {
    background-position: 0 -880px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon24 {
    background-color: #9285ee
}

.salesforce-cloud-slider .sca-development ul li .icon.icon24:before {
    background-position: 0 -920px
}

.salesforce-cloud-slider .sca-development ul li .icon.icon25 {
    background-color: #5f8eae
}

.salesforce-cloud-slider .sca-development ul li .icon.icon25:before {
    background-position: 0 -960px
}

.sdc-salesforce-developers-cost {
    position: relative
}

@media (max-width: 991px) {
    .sdc-salesforce-developers-cost {
        margin-bottom:50px;
        text-align: center
    }
}

.sdc-salesforce-developers-cost:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 66%;
    background-color: #015ecb
}

@media (max-width: 991px) {
    .sdc-salesforce-developers-cost:before {
        height:100%
    }
}

.sdc-salesforce-developers-cost:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    background-image: url(../img/salesforce-development-services/svg/salesforce-white-cloud.svg);
    background-position: top center;
    background-size: auto;
    background-repeat: no-repeat
}

@media (max-width: 1800px) {
    .sdc-salesforce-developers-cost:after {
        top:51%
    }
}

@media (max-width: 1700px) {
    .sdc-salesforce-developers-cost:after {
        top:51%
    }
}

@media (max-width: 1460px) {
    .sdc-salesforce-developers-cost:after {
        top:55%
    }
}

@media (max-width: 991px) {
    .sdc-salesforce-developers-cost:after {
        display:none
    }
}

@media (max-width: 767px) {
    .sdc-salesforce-developers-cost:after {
        display:none
    }

    .sdc-salesforce-developers-cost .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.sdc-salesforce-developers-cost h2 {
    color: #fff
}

.sdc-salesforce-developers-cost h2 span {
    color: #0076FF
}

.sdc-salesforce-developers-cost h3,.sdc-salesforce-developers-cost .h3 {
    color: #0076FF
}

@media (max-width: 767px) {
    .sdc-salesforce-developers-cost h3,.sdc-salesforce-developers-cost .h3 {
        font-size:2rem;
        line-height: 3rem
    }
}

.sdc-salesforce-developers-cost p {
    color: #fff
}

@media (max-width: 575px) {
    .sdc-salesforce-developers-cost p {
        font-size:16px
    }
}

.sdc-salesforce-developers-cost p.sub-title {
    color: #fff
}

@media (max-width: 767px) {
    .sdc-salesforce-developers-cost p.sub-title {
        font-size:1.7rem
    }
}

.sdc-salesforce-developers-cost p.sub-title a {
    color: #0076FF
}

.sdc-salesforce-developers-cost p a {
    color: #FF9100
}

.sdc-salesforce-developers-cost .style_3 {
    margin-top: 4rem;
    background-color: #0076FF;
    color: #fff
}

.sdc-salesforce-developers-cost .price {
    color: #0076FF;
    font-size: 50px;
    display: block;
    font-family: "interbold"
}

.sdc-salesforce-developers-cost .hd-box {
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #fff;
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.05);
    box-shadow: 0px 10px 10px rgba(0,0,0,0.05);
    text-align: center;
    height: 90%
}

@media (max-width: 1024px) {
    .sdc-salesforce-developers-cost .hd-box {
        padding:15px
    }
}

.sdc-salesforce-developers-cost .hd-box.mid {
    background-color: #0076FF
}

.sdc-salesforce-developers-cost .hd-box.mid h3 {
    color: #fff
}

.sdc-salesforce-developers-cost .hd-box.mid p {
    color: #fff
}

.sdc-salesforce-developers-cost .hd-box.mid .price {
    color: #fff
}

.sdc-salesforce-developers-cost .hd-box p {
    color: #000
}

.sdc-salesforce-developers-cost .hd-box .icon {
    background-image: url(../img/salesforce-development-services/png/salesSprite-new3.png);
    background-repeat: no-repeat;
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 5px
}

@media (max-width: 1600px) {
    .sdc-salesforce-developers-cost .hd-box .icon {
        background-size:100% auto;
        width: 70px;
        height: 70px
    }
}

.sdc-salesforce-developers-cost .hd-box .icon.icon1 {
    background-position: 0 0
}

@media (max-width: 1600px) {
    .sdc-salesforce-developers-cost .hd-box .icon.icon1 {
        background-position:0 0
    }
}

.sdc-salesforce-developers-cost .hd-box .icon.icon2 {
    background-position: 0 -70px
}

@media (max-width: 1600px) {
    .sdc-salesforce-developers-cost .hd-box .icon.icon2 {
        background-position:0 -70px
    }
}

.sdc-salesforce-developers-cost .hd-box .icon.icon3 {
    background-position: 0 -140px
}

@media (max-width: 1600px) {
    .sdc-salesforce-developers-cost .hd-box .icon.icon3 {
        background-position:0 -140px
    }
}

.blockchain-technologies.cryptocurrency-features.mean-stack-technology.salesforce-benefits .andBox .icon {
    background-image: url(../img/salesforce-development-services/png/salesSprite-new02.png)
}

@media screen and (max-width: 991px) {
    .robust-new-services.mobile-services.salesforce-develop-services.servicenow-services {
        padding-bottom:0
    }
}

.robust-new-services.mobile-services.salesforce-develop-services.servicenow-services .service-box .icon {
    background-image: url(../img/servicenow-development/png/servicenowSprite1.png)
}

.ios-industry-serve.outSystems-contract .archieve-box .awards-list .award {
    flex-basis: 23%
}

@media screen and (max-width: 1399px) {
    .ios-industry-serve.outSystems-contract .archieve-box .awards-list .award {
        flex-basis:22%
    }
}

@media screen and (max-width: 1199px) {
    .ios-industry-serve.outSystems-contract .archieve-box .awards-list .award {
        flex-basis:47%;
        text-align: center
    }
}

.ios-industry-serve.outSystems-contract .archieve-box .awards-list .award:before {
    background-image: url(../img/outsystems-developers/png/outsystemsSprite2.png)
}

.low-code-platforms.servicenow-platforms .industry-list li {
    flex-basis: 15%
}

@media screen and (max-width: 1399px) {
    .low-code-platforms.servicenow-platforms .industry-list li {
        flex-basis:14.5%
    }
}

@media screen and (max-width: 1199px) {
    .low-code-platforms.servicenow-platforms .industry-list li {
        flex-basis:30.5%
    }
}

@media screen and (max-width: 991px) {
    .low-code-platforms.servicenow-platforms .industry-list li {
        flex-basis:30%
    }
}

@media screen and (max-width: 767px) {
    .low-code-platforms.servicenow-platforms .industry-list li {
        flex-basis:29%
    }
}

@media screen and (max-width: 575px) {
    .low-code-platforms.servicenow-platforms .industry-list li {
        flex-basis:46%;
        margin: 10px
    }
}

@media screen and (max-width: 526px) {
    .low-code-platforms.servicenow-platforms .industry-list li {
        flex-basis:45%
    }
}

@media screen and (max-width: 426px) {
    .low-code-platforms.servicenow-platforms .industry-list li {
        flex-basis:43%
    }
}

.low-code-platforms.servicenow-platforms .industry-list li .icon {
    background-image: url(../img/servicenow-development/png/servicenowSprite2.png)
}

.low-code-platforms.servicenow-platforms .industry-list li .icon.icon6 {
    background-position: 0 -350px
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service.servicenow-applications .andBox .icon {
    background-image: url(../img/servicenow-development/png/servicenowSprite3.png)
}

.robust-new-services.mobile-services.salesforce-develop-services.salesforce-implementation-services .service-box .icon {
    background-image: url(../img/salesforce-implementation/png/sales-impSprite-new1.png)
}

.android-benefits.salesforce-implementation-benefits .benefits-box i:before {
    background-image: url("../img/salesforce-implementation/png/sales-impSprite-new3.png")
}

.android-benefits.salesforce-implementation-benefits .ios-b-img img {
    max-width: 490px;
    display: inline-block
}

.salesforce-methodology #sync2 {
    margin: 0 0 50px 0
}

.salesforce-methodology #sync2 .owl-stage-outer {
    text-align: center
}

.salesforce-methodology #sync2 .owl-stage-outer .owl-stage .owl-item .item {
    height: 60px;
    cursor: pointer
}

.salesforce-methodology #sync2 .owl-stage-outer .owl-stage .owl-item .item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 43px;
    right: 0;
    height: 2px;
    background: #E0E0E0
}

.salesforce-methodology #sync2 .owl-stage-outer .owl-stage .owl-item .item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 34px;
    right: 0;
    height: 20px;
    width: 20px;
    margin: auto;
    background: #fff;
    border: 2px solid #E0E0E0
}

.salesforce-methodology #sync2 .owl-stage-outer .owl-stage .owl-item .item .stage {
    display: block
}

.salesforce-methodology #sync2 .owl-stage-outer .owl-stage .owl-item.current .item {
    color: #0076FF
}

.salesforce-methodology #sync2 .owl-stage-outer .owl-stage .owl-item.current .item:before {
    background-color: #0076FF
}

.salesforce-methodology #sync2 .owl-stage-outer .owl-stage .owl-item.current .item:after {
    background-color: #0076FF;
    border-color: #0076FF
}

.salesforce-methodology #sync2 .owl-nav button {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    position: absolute;
    top: 27px;
    background-color: #fff
}

.salesforce-methodology #sync2 .owl-nav button.owl-next {
    right: 0
}

.salesforce-methodology #sync2 .owl-nav button.owl-prev {
    left: 0
}

.salesforce-methodology #sync2 .owl-nav button i {
    display: inline-block;
    font-size: 14px
}

.salesforce-methodology #sync2 .owl-nav.disabled {
    display: block
}

.salesforce-methodology h3,.salesforce-methodology .h3 {
    margin-top: 5%
}

@media (max-width: 767px) {
    .salesforce-methodology {
        text-align:center
    }

    .salesforce-methodology h3,.salesforce-methodology .h3 {
        margin-top: 30px
    }

    .salesforce-methodology .style_3 {
        margin-bottom: 50px
    }

    .salesforce-methodology .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .salesforce-methodology .col-sm-5 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.robust-new-services.mobile-services.nodejs-services .service-box i.icon {
    background-image: url("../img/nodejs-development/png/nodejs-sprite1.png")
}

.game-expertise.ludo-products-showcase.flutter-expertise.nodejs-expertise:before {
    background-image: url("../img/nodejs-development/jpg/nodejs-integrations.jpg")
}

.game-expertise.ludo-products-showcase.flutter-expertise.nodejs-expertise .game-expertise-list li {
    flex-basis: 31%
}

@media (max-width: 575px) {
    .game-expertise.ludo-products-showcase.flutter-expertise.nodejs-expertise .game-expertise-list li {
        flex-basis:48%
    }
}

.game-expertise.ludo-products-showcase.flutter-expertise.nodejs-expertise .game-expertise-list li .icon {
    background-image: url("../img/nodejs-development/png/nodejs-sprite2.png")
}

.blockchain-technologies.cryptocurrency-features.mean-stack-technology.nodejs-technology .andBox .icon {
    background-image: url("../img/nodejs-development/png/nodejs-sprite3.png")
}

@media (max-width: 1366px) {
    .blockchain-technologies.cryptocurrency-features.mean-stack-technology.nodejs-technology .col-sm-3,.blockchain-technologies.cryptocurrency-features.mean-stack-technology.nodejs-technology .col-md-3 {
        width:25%
    }
}

@media (max-width: 991px) {
    .blockchain-technologies.cryptocurrency-features.mean-stack-technology.nodejs-technology .col-sm-3,.blockchain-technologies.cryptocurrency-features.mean-stack-technology.nodejs-technology .col-md-3 {
        width:50%;
        margin-bottom: 10px
    }
}

@media (max-width: 480px) {
    .blockchain-technologies.cryptocurrency-features.mean-stack-technology.nodejs-technology .col-sm-3,.blockchain-technologies.cryptocurrency-features.mean-stack-technology.nodejs-technology .col-md-3 {
        width:100%
    }
}

.android-benefits.nodejs-benefits .benefits-box i:before {
    background-image: url("../img/nodejs-development/png/nodejs-sprite4.png")
}

.android-benefits.nodejs-benefits .ios-b-img img {
    max-width: 490px;
    display: inline-block
}

.robust-new-services.mobile-services.angularjs-services .service-box i.icon {
    background-image: url("../img/angularjs-development/png/angularjs-sprite1.png")
}

.game-expertise.ludo-products-showcase.flutter-expertise.angularJs-expertise:before {
    background-image: url("../img/angularjs-development/jpg/Integrations-For-AngularJS.jpg")
}

.game-expertise.ludo-products-showcase.flutter-expertise.angularJs-expertise .game-expertise-list li {
    flex-basis: 31%
}

@media (max-width: 575px) {
    .game-expertise.ludo-products-showcase.flutter-expertise.angularJs-expertise .game-expertise-list li {
        flex-basis:48%
    }
}

.game-expertise.ludo-products-showcase.flutter-expertise.angularJs-expertise .game-expertise-list li .icon {
    height: 60px;
    width: 60px;
    margin-top: 30px;
    background-image: url("../img/angularjs-development/png/angularjs-sprite3.png")
}

.game-expertise.ludo-products-showcase.flutter-expertise.angularJs-expertise .game-expertise-list li .icon.icon1 {
    background-position: 0 0
}

.game-expertise.ludo-products-showcase.flutter-expertise.angularJs-expertise .game-expertise-list li .icon.icon2 {
    background-position: 0 -60px
}

.game-expertise.ludo-products-showcase.flutter-expertise.angularJs-expertise .game-expertise-list li .icon.icon3 {
    background-position: 0 -120px
}

.game-expertise.ludo-products-showcase.flutter-expertise.angularJs-expertise .game-expertise-list li .icon.icon4 {
    background-position: 0 -180px
}

.game-expertise.ludo-products-showcase.flutter-expertise.angularJs-expertise .game-expertise-list li .icon.icon5 {
    background-position: 0 -240px
}

.game-expertise.ludo-products-showcase.flutter-expertise.angularJs-expertise .game-expertise-list li .icon.icon6 {
    background-position: 0 -300px
}

.android-benefits.angularjs-benefits .benefits-box i:before {
    background-image: url("../img/angularjs-development/png/angularjs-sprite2.png")
}

.android-benefits.angularjs-benefits .ios-b-img img {
    max-width: 490px;
    display: inline-block
}

.ios-development-services.pwa-plans.angular-application .benefits-box i.icon {
    background-image: url("../img/angularjs-development/png/angularjs-sprite4.png")
}

.ios-development-services.pwa-plans.angular-application .benefits-box i.icon.icon4 {
    background-position: 0 -180px
}

.ios-development-services.pwa-plans.angular-application .benefits-box i.icon.icon5 {
    background-position: 0 -240px
}

.ios-development-services.pwa-plans.angular-application .benefits-box i.icon.icon6 {
    background-position: 0 -300px
}

.ios-banner.wearable-banner.lowCode-bnr h2 {
    font-family: "intersemibold"
}

.ios-banner.wearable-banner.lowCode-bnr p {
    padding-right: 0
}

@media screen and (max-width: 991px) {
    .ios-banner.wearable-banner.lowCode-bnr .points li {
        text-align:left
    }
}

.ios-banner.wearable-banner.lowCode-bnr .side-form {
    background-color: #F0F0F0;
    padding: 30px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 1px solid #fff
}

@media screen and (max-width: 991px) {
    .ios-banner.wearable-banner.lowCode-bnr .side-form {
        margin-top:0px;
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 575px) {
    .ios-banner.wearable-banner.lowCode-bnr .side-form {
        padding:20px
    }
}

.ios-banner.wearable-banner.lowCode-bnr .side-form:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.ios-banner.wearable-banner.lowCode-bnr .side-form .plus li {
    color: #000;
    margin-bottom: 20px;
    display: inline-block;
    width: 32%;
    font-size: 16px;
    line-height: normal
}

.ios-banner.wearable-banner.lowCode-bnr .side-form .plus li span {
    display: block;
    color: #0076FF;
    font-size: 30px;
    font-family: "interbold"
}

@media screen and (max-width: 991px) {
    .ios-banner.wearable-banner.lowCode-bnr .side-form .plus li {
        text-align:left
    }
}

.ios-banner.wearable-banner.lowCode-bnr .side-form .line {
    height: 1px;
    background-color: #E0E0E0
}

.ios-banner.wearable-banner.lowCode-bnr .side-form picture {
    display: inline-block;
    margin: 10px 0
}

.ios-banner.wearable-banner.lowCode-bnr .side-form picture img {
    max-width: 510px;
    width: 100%
}

.ios-banner.wearable-banner.lowCode-bnr .side-form .text {
    margin-top: 30px
}

.ios-banner.wearable-banner.lowCode-bnr .side-form .text li {
    color: #fff;
    margin-bottom: 20px;
    display: inline-block;
    width: 32%;
    font-size: 16px;
    line-height: normal;
    border-right: 1px solid #E0E0E0;
    padding: 10px;
    color: #0076FF
}

.ios-banner.wearable-banner.lowCode-bnr .side-form .text li:last-child {
    border-right: none
}

@media screen and (max-width: 991px) {
    .ios-banner.wearable-banner.lowCode-bnr .side-form .text li {
        text-align:left
    }
}

@media screen and (max-width: 575px) {
    .ios-banner.wearable-banner.lowCode-bnr .side-form .text li {
        width:48%;
        margin-bottom: 3px
    }
}

.ios-banner.wearable-banner.lowCode-bnr .banner-lc {
    text-align: center;
    margin: 20px 0
}

.ios-banner.wearable-banner.lowCode-bnr .banner-lc .icon {
    display: inline-block;
    width: 100px;
    height: 100px;
    background-color: #fff;
    margin: 5px;
    position: relative;
    background-image: url(../img/low-code-development/png/low-codeSprite6.png);
    background-repeat: no-repeat
}

@media (max-width: 1600px) {
    .ios-banner.wearable-banner.lowCode-bnr .banner-lc .icon {
        width:70px;
        height: 70px;
        background-size: 100% auto
    }
}

.ios-banner.wearable-banner.lowCode-bnr .banner-lc .icon.icon1 {
    background-position: 0 0
}

@media (max-width: 1600px) {
    .ios-banner.wearable-banner.lowCode-bnr .banner-lc .icon.icon1 {
        background-position:0 0
    }
}

.ios-banner.wearable-banner.lowCode-bnr .banner-lc .icon.icon2 {
    background-position: 0 -100px
}

@media (max-width: 1600px) {
    .ios-banner.wearable-banner.lowCode-bnr .banner-lc .icon.icon2 {
        background-position:0 -70px
    }
}

.ios-banner.wearable-banner.lowCode-bnr .banner-lc .icon.icon3 {
    background-position: 0 -200px
}

@media (max-width: 1600px) {
    .ios-banner.wearable-banner.lowCode-bnr .banner-lc .icon.icon3 {
        background-position:0 -140px
    }
}

.ios-banner.wearable-banner.lowCode-bnr .banner-lc .icon.icon4 {
    background-position: 0 -300px
}

@media (max-width: 1600px) {
    .ios-banner.wearable-banner.lowCode-bnr .banner-lc .icon.icon4 {
        background-position:0 -210px
    }
}

.ios-banner.wearable-banner.lowCode-bnr .banner-lc .icon a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block
}

@media screen and (max-width: 991px) {
    .robust-new-services.mobile-services.salesforce-develop-services.low-code-services {
        padding-bottom:0
    }
}

.robust-new-services.mobile-services.salesforce-develop-services.low-code-services .service-box .icon {
    background-image: url(../img/low-code-development/png/low-codeSprite-new1.png)
}

.whitelabel-cryptocurrency.low-code-development h2 {
    margin-bottom: 30px
}

.whitelabel-cryptocurrency.low-code-development .wc-img {
    text-align: center;
    margin-top: 0px
}

.whitelabel-cryptocurrency.low-code-development .wc-img img {
    max-width: 460px;
    width: 100%;
    margin: 0 auto;
    display: inline-block
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service.low-code-applications .andBox .icon {
    background-image: url(../img/low-code-development/png/low-codeSprite-new2.png)
}

@media screen and (max-width: 767px) {
    .low-code-platforms {
        text-align:center;
        padding-bottom: 0
    }
}

.low-code-platforms .industry-list {
    text-align: center;
    margin: 40px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

@media screen and (max-width: 575px) {
    .low-code-platforms .industry-list {
        margin:0px 0 0 0
    }
}

.low-code-platforms .industry-list li {
    flex-basis: 18.5%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 20px 10px;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin: 10px
}

@media screen and (max-width: 1599px) {
    .low-code-platforms .industry-list li {
        flex-basis:18%
    }
}

@media screen and (max-width: 1199px) {
    .low-code-platforms .industry-list li {
        flex-basis:17.5%
    }
}

@media screen and (max-width: 991px) {
    .low-code-platforms .industry-list li {
        flex-basis:30%
    }
}

@media screen and (max-width: 767px) {
    .low-code-platforms .industry-list li {
        flex-basis:29%
    }
}

@media screen and (max-width: 575px) {
    .low-code-platforms .industry-list li {
        flex-basis:46%;
        margin: 10px
    }
}

@media screen and (max-width: 526px) {
    .low-code-platforms .industry-list li {
        flex-basis:45%
    }
}

@media screen and (max-width: 426px) {
    .low-code-platforms .industry-list li {
        flex-basis:43%
    }
}

.low-code-platforms .industry-list li:hover {
    border-color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.low-code-platforms .industry-list li:hover a {
    color: #0076FF
}

.low-code-platforms .industry-list li:hover a .name {
    color: #0076FF
}

.low-code-platforms .industry-list li:hover a:before {
    opacity: 1
}

.low-code-platforms .industry-list li.m-top {
    padding-top: 20px
}

.low-code-platforms .industry-list li .name {
    display: block;
    color: #000
}

.low-code-platforms .industry-list li a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    position: relative
}

.low-code-platforms .industry-list li a .name {
    color: #000
}

@media screen and (max-width: 1600px) {
    .low-code-platforms .industry-list li a {
        font-size:15px;
        line-height: normal
    }
}

@media screen and (max-width: 575px) {
    .low-code-platforms .industry-list li a {
        font-size:16px
    }
}

.low-code-platforms .industry-list li .icon {
    margin: auto;
    width: 119px;
    height: 70px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background-image: url(../img/low-code-development/png/low-codeSprite2.png);
    background-repeat: no-repeat;
    display: block
}

.low-code-platforms .industry-list li .icon.icon1 {
    background-position: 0 0
}

.low-code-platforms .industry-list li .icon.icon2 {
    background-position: 0 -70px
}

.low-code-platforms .industry-list li .icon.icon3 {
    background-position: 0 -140px
}

.low-code-platforms .industry-list li .icon.icon4 {
    background-position: 0 -210px
}

.low-code-platforms .industry-list li .icon.icon5 {
    background-position: 0 -280px
}

@media screen and (max-width: 991px) {
    .other-services.low-code-other-services {
        padding-bottom:50px
    }
}

.other-services.low-code-other-services .custom-scroll ul li {
    flex-basis: 47%
}

@media screen and (max-width: 1599px) {
    .other-services.low-code-other-services .custom-scroll ul li {
        flex-basis:45%
    }
}

@media screen and (max-width: 1399px) {
    .other-services.low-code-other-services .custom-scroll ul li {
        margin-top:10px
    }
}

@media screen and (max-width: 426px) {
    .other-services.low-code-other-services .custom-scroll ul li {
        flex-basis:43%
    }
}

@media screen and (max-width: 991px) {
    .steps-timeline {
        text-align:center
    }

    .steps-timeline .main-box {
        text-align: left
    }
}

@media screen and (max-width: 991px) {
    .steps-timeline.low-code-steps {
        padding-bottom:0
    }
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers {
    position: relative
}

@media screen and (max-width: 991px) {
    .ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .row {
        flex-wrap:wrap
    }
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers:before {
    background-color: #00295A;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.8;
    margin-top: 0px;
    z-index: 2;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
    background-image: none
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers:after {
    background-color: #000;
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-image: url(../img/outsystems-developers/webp/outsystems-developers.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

@media screen and (max-width: 991px) {
    .ios-banner.wearable-banner.lowCode-bnr.outsystems-developers:after {
        z-index:1
    }
}

@media screen and (max-width: 575px) {
    .ios-banner.wearable-banner.lowCode-bnr.outsystems-developers:after {
        background-position:center right
    }
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .container {
    position: relative;
    z-index: 3
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers h1,.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .h1,.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers h2,.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .h2,.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers p {
    color: #fff
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .points li {
    color: #fff
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .points li:before {
    color: #fff
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form {
    background-color: rgba(0,0,0,0.1);
    border-color: rgba(255,255,255,0.1);
    text-align: left;
    max-width: 80%;
    margin: 20px auto 0 auto
}

@media screen and (max-width: 991px) {
    .ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form {
        margin-top:50px
    }
}

@media screen and (max-width: 575px) {
    .ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form {
        max-width:100%
    }
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form:hover {
    border-color: rgba(255,255,255,0.3)
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form .wpcf7-response-output {
    color: #ffb900
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form span.wpcf7-not-valid-tip {
    color: #ffb900
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form .formRow .frm-col {
    text-align: left !important
}

@media screen and (max-width: 575px) {
    .ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form .formRow .frm-col {
        text-align:center !important
    }
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form span.wpcf7-form-control-wrap {
    width: 100%;
    display: block
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form span.wpcf7-form-control-wrap .iti__arrow {
    margin-left: 60px;
    border-top-color: #fff
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form span.wpcf7-form-control-wrap .iti__arrow--up {
    border-bottom-color: #fff
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form span.wpcf7-form-control-wrap .pre_phone.form-control {
    padding-left: 40px
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form .form-control {
    background-color: transparent;
    color: #fff;
    width: 100%
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form .form-control option {
    color: #000;
    background-color: #fff
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form .form-control::placeholder {
    color: #fff;
    opacity: 0.8
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form .form-control:-ms-input-placeholder {
    color: #fff
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form .form-control::-ms-input-placeholder {
    color: #fff
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form .form-control.msg {
    height: 150px;
    resize: vertical
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form .btn {
    margin-top: 20px;
    height: 60px;
    min-width: 150px;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-position: 103px 16px;
    background-size: 22px 22px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form .btn:hover {
    background-position: 116px 13px
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form .btn:before {
    display: none
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .side-form .btn:after {
    display: none
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .icon-frm {
    margin-bottom: 20px
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers .icon-frm .form-control {
    padding: 10px;
    height: auto
}

@media screen and (max-width: 991px) {
    .robust-new-services.mobile-services.salesforce-develop-services.outsystems-services {
        padding-bottom:0
    }
}

.robust-new-services.mobile-services.salesforce-develop-services.outsystems-services .service-box .icon {
    background-image: url(../img/outsystems-developers/png/outsystemsSprite1.png)
}

.ios-industry-serve.outSystems-contract .archieve-box .awards-list .award {
    flex-basis: 23%
}

@media screen and (max-width: 1399px) {
    .ios-industry-serve.outSystems-contract .archieve-box .awards-list .award {
        flex-basis:22%
    }
}

@media screen and (max-width: 1199px) {
    .ios-industry-serve.outSystems-contract .archieve-box .awards-list .award {
        flex-basis:47%;
        text-align: center
    }
}

.ios-industry-serve.outSystems-contract .archieve-box .awards-list .award:before {
    background-image: url(../img/outsystems-developers/png/outsystemsSprite2.png)
}

.robust-new-services.mobile-services.ml-services .service-box i.icon {
    background-image: url(../img/machine-learning-development/png/ml-appSprite1.png)
}

.robust-new-services.mobile-services.ml-platforms .service-box i.icon {
    background-image: url(../img/machine-learning-development/png/ml-appSprite2.png)
}

.ios-industry-serve.ml-ranked {
    margin-bottom: 60px
}

.ios-industry-serve.ml-ranked .icons-list li {
    margin: 0px 0px 4px 0px
}

.ios-industry-serve.ml-ranked .icons-list li .icon {
    width: 136px;
    margin: 5px;
    background-image: url(../img/machine-learning-development/png/ml-appSprite3.png)
}

.why-choose-blockchain.why-choose-android.ml-ts .icons-list li {
    width: 24%;
    margin: 0px 0px 4px 0px;
    text-align: center
}

@media screen and (max-width: 1439px) {
    .why-choose-blockchain.why-choose-android.ml-ts .icons-list li {
        width:auto
    }
}

.why-choose-blockchain.why-choose-android.ml-ts .icons-list li .icon {
    width: 136px;
    margin: 5px;
    background-image: url(../img/machine-learning-development/png/ml-appSprite3.png)
}

@media screen and (max-width: 480px) {
    .why-choose-blockchain.why-choose-android.ml-ts .icons-list li {
        width:50%
    }
}

.metaverse-new-services.ml-it .service-box {
    padding-bottom: 20px
}

.metaverse-new-services.ml-it .service-box .display.top {
    margin-bottom: 20px
}

.metaverse-new-services.ml-it .service-box h3,.metaverse-new-services.ml-it .service-box .h3 {
    padding-left: 0;
    margin-top: 0
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers.zoho-creator-bnr:after {
    background-image: url(../img/zoho-creator-developers/webp/zoho-creator-developers.webp)
}

@media screen and (max-width: 991px) {
    .robust-new-services.mobile-services.salesforce-develop-services.zoho-services {
        padding-bottom:0
    }
}

.robust-new-services.mobile-services.salesforce-develop-services.zoho-services .service-box .icon {
    background-image: url(../img/zoho-creator-developers/png/zohoSprite1.png)
}

.low-code-platforms.zoho-brands .industry-list li .icon {
    background-image: url(../img/zoho-creator-developers/png/zohoSprite2.png)
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service.zoho-benefits .andBox .icon {
    background-image: url(../img/zoho-creator-developers/png/zohoSprite3.png)
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers.apian-developers-bnr:after {
    background-image: url(../img/appian-developers/webp/appian-development.webp)
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers.apian-developers-bnr p a {
    color: #FF9100
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers.apian-developers-bnr .side-form .plus li {
    color: #fff
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers.apian-developers-bnr .side-form .plus li span {
    color: #FF9100
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers.apian-developers-bnr .side-form .line {
    background-color: rgba(255,255,255,0.2);
    margin: 10px 0
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers.apian-developers-bnr .side-form .text li {
    color: #fff;
    border-right-color: rgba(255,255,255,0.2)
}

@media screen and (max-width: 991px) {
    .robust-new-services.mobile-services.salesforce-develop-services.appian-services {
        padding-bottom:0
    }
}

.robust-new-services.mobile-services.salesforce-develop-services.appian-services .service-box .icon {
    background-image: url(../img/appian-developers/png/appianSprite1.png)
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service.appian-benefits .andBox .icon {
    background-image: url(../img/appian-developers/png/appianSprite2.png)
}

.dms-five-steps .timeline {
    display: flex;
    flex-direction: column;
    margin: 30px 0 30px 60px
}

@media (max-width: 590px) {
    .dms-five-steps .timeline {
        margin-left:0px
    }
}

.dms-five-steps .timeline__event {
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    margin: 20px 0;
    border-radius: 8px;
    box-shadow: 0px 0px 20px 0px rgba(95,102,173,0.1);
    background: #ECF1F524
}

.dms-five-steps .timeline__event__title {
    font-size: 1.2rem;
    line-height: 1.4;
    text-transform: uppercase;
    font-weight: 600;
    color: #9251ac;
    letter-spacing: 1.5px
}

.dms-five-steps .timeline__event__content {
    padding: 20px 20px 10px 20px;
    width: 100%
}

.dms-five-steps .timeline__event__date {
    color: #fff
}

.dms-five-steps .timeline__event__icon {
    border-radius: 8px 0 0 8px;
    background: #9251ac;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-basis: 30%;
    font-size: 24px;
    font-family: "interbold";
    color: #9251ac;
    padding: 20px
}

@media (max-width: 786px) {
    .dms-five-steps .timeline__event__icon {
        justify-content:left
    }
}

.dms-five-steps .timeline__event__icon .lni-cake {
    position: absolute;
    top: 50%;
    left: -73px;
    font-size: 24px;
    transform: translateY(-50%)
}

@media (max-width: 786px) {
    .dms-five-steps .timeline__event__icon .lni-cake {
        top:16%
    }
}

@media (max-width: 767px) {
    .dms-five-steps .timeline__event__icon .lni-cake {
        top:12%
    }
}

@media (max-width: 590px) {
    .dms-five-steps .timeline__event__icon .lni-cake {
        right:36px;
        left: auto;
        top: 3%
    }
}

.dms-five-steps .timeline__event__description {
    flex-basis: 70%
}

.dms-five-steps .timeline__event__description ul {
    width: 28%;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px
}

@media (max-width: 767px) {
    .dms-five-steps .timeline__event__description ul {
        width:45%
    }
}

@media (max-width: 575px) {
    .dms-five-steps .timeline__event__description ul {
        width:100%
    }
}

.dms-five-steps .timeline__event__description ul li {
    font-size: 16px;
    position: relative;
    padding-left: 20px;
    line-height: normal;
    margin-bottom: 10px
}

.dms-five-steps .timeline__event__description ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 6px;
    background-color: #0076FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.dms-five-steps .timeline__event:after {
    content: "";
    width: 2px;
    height: 100%;
    background: #9251ac;
    position: absolute;
    top: 65%;
    left: -3.5rem;
    z-index: -1
}

@media (max-width: 786px) {
    .dms-five-steps .timeline__event:after {
        top:24%
    }
}

@media (max-width: 767px) {
    .dms-five-steps .timeline__event:after {
        top:19%
    }
}

@media (max-width: 590px) {
    .dms-five-steps .timeline__event:after {
        display:none
    }
}

.dms-five-steps .timeline__event:before {
    content: "";
    width: 5rem;
    height: 5rem;
    position: absolute;
    background: #f6a4ec;
    border-radius: 100%;
    left: -6rem;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #9251ac
}

@media (max-width: 786px) {
    .dms-five-steps .timeline__event:before {
        top:16%
    }
}

@media (max-width: 767px) {
    .dms-five-steps .timeline__event:before {
        top:12%
    }
}

@media (max-width: 590px) {
    .dms-five-steps .timeline__event:before {
        top:3%;
        left: auto;
        right: 10px
    }
}

.dms-five-steps .timeline__event--type2:before {
    background: #9498eb;
    border-color: #555ac0
}

.dms-five-steps .timeline__event--type2:after {
    background: #555ac0
}

.dms-five-steps .timeline__event--type2 .timeline__event__icon {
    background: #555ac0;
    color: #555ac0
}

.dms-five-steps .timeline__event--type3:before {
    background: #aff1b6;
    border-color: #24b47e
}

.dms-five-steps .timeline__event--type3:after {
    background: #24b47e
}

.dms-five-steps .timeline__event--type3 .timeline__event__icon {
    background: #24b47e;
    color: #24b47e
}

.dms-five-steps .timeline__event--type4:before {
    background: #ffc278;
    border-color: #dd9741
}

.dms-five-steps .timeline__event--type4:after {
    background: #dd9741
}

.dms-five-steps .timeline__event--type4 .timeline__event__icon {
    background: #dd9741;
    color: #dd9741
}

.dms-five-steps .timeline__event--type5:before {
    background: #62d3ff;
    border-color: #37b0df
}

.dms-five-steps .timeline__event--type5:after {
    background: #37b0df
}

.dms-five-steps .timeline__event--type5 .timeline__event__icon {
    background: #37b0df;
    color: #37b0df
}

.dms-five-steps .timeline__event:last-child:after {
    content: none
}

@media (max-width: 786px) {
    .dms-five-steps .timeline__event {
        flex-direction:column
    }

    .dms-five-steps .timeline__event__icon {
        border-radius: 4px 4px 0 0
    }
}

.dms-five-steps .style_2 {
    color: #fff
}

.digital-marketing-tools {
    position: relative;
    padding-top: 100px
}

@media screen and (max-width: 991px) {
    .digital-marketing-tools {
        text-align:center
    }
}

.digital-marketing-tools:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 600px;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-image: url("../img/digital-marketing-services/jpg/internet-marketing.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed
}

.digital-marketing-tools:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 600px;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-color: rgba(0,0,0,0.7)
}

.digital-marketing-tools .container {
    position: relative;
    z-index: 1
}

.digital-marketing-tools h2 {
    font-family: "interlight";
    color: #fff
}

.digital-marketing-tools h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.digital-marketing-tools p.white {
    color: #fff
}

.digital-marketing-tools p.white a {
    color: #FF9100
}

.digital-marketing-tools .game-expertise-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    text-align: center;
    background-color: #fff;
    margin-top: 50px;
    padding: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media (max-width: 1199px) {
    .digital-marketing-tools .game-expertise-list {
        padding:30px;
        margin-top: 50px
    }
}

@media (max-width: 575px) {
    .digital-marketing-tools .game-expertise-list {
        padding:15px
    }
}

.digital-marketing-tools .game-expertise-list li {
    flex-basis: 14.5%;
    padding-bottom: 20px;
    padding-right: 10px;
    min-height: 100px;
    margin: 1%;
    border: 1px solid #E0E0E0;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1199px) {
    .digital-marketing-tools .game-expertise-list li {
        flex-basis:23%
    }
}

@media screen and (max-width: 767px) {
    .digital-marketing-tools .game-expertise-list li {
        flex-basis:31%
    }
}

@media screen and (max-width: 480px) {
    .digital-marketing-tools .game-expertise-list li {
        flex-basis:48%
    }
}

@media screen and (max-width: 360px) {
    .digital-marketing-tools .game-expertise-list li {
        flex-basis:48%
    }
}

.digital-marketing-tools .game-expertise-list li .name {
    display: block;
    width: 100%;
    margin-top: 0px
}

.digital-marketing-tools .game-expertise-list li .icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin: 10px auto 0 auto;
    background-image: url("../img/digital-marketing-services/png/dmsSprite6.png");
    background-repeat: no-repeat
}

.digital-marketing-tools .game-expertise-list li .icon.icon1 {
    background-position: 0 0
}

.digital-marketing-tools .game-expertise-list li .icon.icon2 {
    background-position: 0 -60px
}

.digital-marketing-tools .game-expertise-list li .icon.icon3 {
    background-position: 0 -120px
}

.digital-marketing-tools .game-expertise-list li .icon.icon4 {
    background-position: 0 -180px
}

.digital-marketing-tools .game-expertise-list li .icon.icon5 {
    background-position: 0 -240px
}

.digital-marketing-tools .game-expertise-list li .icon.icon6 {
    background-position: 0 -300px
}

.digital-marketing-tools .game-expertise-list li .icon.icon7 {
    background-position: 0 -360px
}

.digital-marketing-tools .game-expertise-list li .icon.icon8 {
    background-position: 0 -420px
}

.digital-marketing-tools .game-expertise-list li .icon.icon9 {
    background-position: 0 -480px
}

.digital-marketing-tools .game-expertise-list li .icon.icon10 {
    background-position: 0 -540px
}

.digital-marketing-tools .game-expertise-list li .icon.icon11 {
    background-position: 0 -600px
}

.digital-marketing-tools .game-expertise-list li .icon.icon12 {
    background-position: 0 -660px
}

.digital-marketing-tools .game-expertise-list li .icon.icon13 {
    background-position: 0 -720px
}

.digital-marketing-tools .game-expertise-list li .icon.icon14 {
    background-position: 0 -780px
}

.digital-marketing-tools .game-expertise-list li .icon.icon15 {
    background-position: 0 -840px
}

.digital-marketing-tools .game-expertise-list li .icon.icon16 {
    background-position: 0 -900px
}

.digital-marketing-tools .game-expertise-list li .icon.icon17 {
    background-position: 0 -960px
}

.digital-marketing-tools .game-expertise-list li .icon.icon18 {
    background-position: 0 -1020px
}

.digital-marketing-tools .game-expertise-list li .icon.icon19 {
    background-position: 0 -1080px
}

.digital-marketing-tools .game-expertise-list li .icon.icon20 {
    background-position: 0 -1140px
}

.digital-marketing-tools .game-expertise-list li:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

@media screen and (max-width: 991px) {
    .robust-new-services.mobile-services.dms-services {
        padding-bottom:0
    }
}

.robust-new-services.mobile-services.dms-services .service-box .icon {
    background-image: url(../img/digital-marketing-services/png/dmsSprite1.png)
}

.robust-new-services.mobile-services.dms-services .service-box .icon.icon7 {
    background-position: 0 -360px
}

.robust-new-services.mobile-services.dms-services .service-box .icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.dms-services .service-box .icon.icon9 {
    background-position: 0 -480px
}

.engagement-models.dmc-engagement-models .service-box .icon {
    background-image: url(../img/digital-marketing-services/png/dmsSprite3.png)
}

.dms-partners .companies-list {
    text-align: center;
    margin: 4rem 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.dms-partners .companies-list .brand {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-top: 120px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    flex-basis: 18.5%;
    align-items: flex-start;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    margin: 10px 10px
}

@media screen and (max-width: 1600px) {
    .dms-partners .companies-list .brand {
        flex-basis:18%
    }
}

@media screen and (max-width: 991px) {
    .dms-partners .companies-list .brand {
        flex-basis:22.5%
    }
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand {
        flex-basis:30%;
        padding-top: 90px;
        margin: 1rem 1rem
    }
}

@media screen and (max-width: 575px) {
    .dms-partners .companies-list .brand {
        flex-basis:48%;
        margin: 10px 0px !important
    }
}

.dms-partners .companies-list .brand:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 170px;
    height: 100px;
    background-image: url(../img/digital-marketing-services/png/dmsSprite7.png);
    background-repeat: no-repeat;
    margin: 1.5rem 2rem;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand:before {
        width:119px;
        height: 70px;
        background-size: 100% auto
    }
}

.dms-partners .companies-list .brand:hover {
    -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 10px rgba(0,0,0,0.1)
}

.dms-partners .companies-list .brand.b1:before {
    background-position: 0 0
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b1:before {
        background-position:0 0
    }
}

.dms-partners .companies-list .brand.b2:before {
    background-position: 0 -100px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b2:before {
        background-position:0 -70px
    }
}

.dms-partners .companies-list .brand.b3:before {
    background-position: 0 -200px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b3:before {
        background-position:0 -140px
    }
}

.dms-partners .companies-list .brand.b4:before {
    background-position: 0 -300px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b4:before {
        background-position:0 -210px
    }
}

.dms-partners .companies-list .brand.b5:before {
    background-position: 0 -400px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b5:before {
        background-position:0 -280px
    }
}

.dms-partners .companies-list .brand.b6:before {
    background-position: 0 -500px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b6:before {
        background-position:0 -346px
    }
}

.dms-partners .companies-list .brand.b7:before {
    background-position: 0 -600px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b7:before {
        background-position:0 -419px
    }
}

.dms-partners .companies-list .brand.b8:before {
    background-position: 0 -700px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b8:before {
        background-position:0 -490px
    }
}

.dms-partners .companies-list .brand.b9:before {
    background-position: 0 -800px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b9:before {
        background-position:0 -558px
    }
}

.dms-partners .companies-list .brand.b10:before {
    background-position: 0 -900px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b10:before {
        background-position:0 -628px
    }
}

.dms-partners .companies-list .brand.b11:before {
    background-position: 0 -1000px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b11:before {
        background-position:0 -699px
    }
}

.dms-partners .companies-list .brand.b12:before {
    background-position: 0 -1100px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b12:before {
        background-position:0 -768px
    }
}

.dms-partners .companies-list .brand.b13:before {
    background-position: 0 -1200px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b13:before {
        background-position:0 -837px
    }
}

.dms-partners .companies-list .brand.b14:before {
    background-position: 0 -1300px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b14:before {
        background-position:0 -906px
    }
}

.dms-partners .companies-list .brand.b15:before {
    background-position: 0 -1400px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b15:before {
        background-position:0 -976px
    }
}

.dms-partners .companies-list .brand.b16:before {
    background-position: 0 -1500px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b16:before {
        background-position:0 -1043px
    }
}

.dms-partners .companies-list .brand.b17:before {
    background-position: 0 -1600px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b17:before {
        background-position:0 -1116px
    }
}

.dms-partners .companies-list .brand.b18:before {
    background-position: 0 -1700px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b18:before {
        background-position:0 -1190px
    }
}

.dms-partners .companies-list .brand.b19:before {
    background-position: 0 -1800px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b19:before {
        background-position:0 -1260px
    }
}

.dms-partners .companies-list .brand.b20:before {
    background-position: 0 -1900px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b20:before {
        background-position:0 -1330px
    }
}

.dms-partners .companies-list .brand.b21:before {
    background-position: 0 -2000px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b21:before {
        background-position:0 -1400px
    }
}

.dms-partners .companies-list .brand.b22:before {
    background-position: 0 -2100px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b22:before {
        background-position:0 -1469px
    }
}

.dms-partners .companies-list .brand.b23:before {
    background-position: 0 -2200px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b23:before {
        background-position:0 -1542px
    }
}

.dms-partners .companies-list .brand.b24:before {
    background-position: 0 -2300px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b24:before {
        background-position:0 -1608px
    }
}

.dms-partners .companies-list .brand.b25:before {
    background-position: 0 -2400px
}

@media screen and (max-width: 767px) {
    .dms-partners .companies-list .brand.b25:before {
        background-position:0 -1677px
    }
}

.robust-services.atlanta-services.singapore-services .service-box .icon {
    background-image: url(../img/software-development-singapore/png/singapore-sprite1.png)
}

.android-benefits.singapore-solutions .ios-b-img img {
    margin: 0 auto
}

.android-benefits.singapore-solutions .benefits-box i:before {
    background-image: url(../img/software-development-singapore/png/singapore-sprite4.png)
}

.pacs-dicom-software {
    background-color: #00295A;
    padding: 50px 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .pacs-dicom-software {
        padding:20px
    }
}

.pacs-dicom-software:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-image: url(../img/healthcare-software-development/jpg/healthcare-software-development.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    opacity: 0.1
}

.pacs-dicom-software .container-base {
    position: relative;
    z-index: 2
}

.pacs-dicom-software .back-box {
    border: 1px solid rgba(255,255,255,0.2);
    padding: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    height: 93%;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.pacs-dicom-software .back-box:hover {
    background-color: #fff
}

.pacs-dicom-software .back-box:hover h3 {
    color: #000
}

.pacs-dicom-software .back-box:hover p {
    color: #000
}

.pacs-dicom-software .back-box:hover .icon.icon1 {
    background-position: 0 -60px
}

.pacs-dicom-software .back-box:hover .icon.icon2 {
    background-position: 0 -180px
}

.pacs-dicom-software .back-box:hover .icon.icon3 {
    background-position: 0 -300px
}

.pacs-dicom-software .back-box:hover .icon.icon4 {
    background-position: 0 -420px
}

.pacs-dicom-software .back-box .icon {
    margin: auto;
    display: inline-block;
    background-image: url(../img/healthcare-software-development/png/healthcareSprite4.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    margin-bottom: 10px
}

.pacs-dicom-software .back-box .icon.icon1 {
    background-position: 0 0
}

.pacs-dicom-software .back-box .icon.icon2 {
    background-position: 0 -120px
}

.pacs-dicom-software .back-box .icon.icon3 {
    background-position: 0 -240px
}

.pacs-dicom-software .back-box .icon.icon4 {
    background-position: 0 -360px
}

.pacs-dicom-software h2 {
    color: #fff
}

.pacs-dicom-software h3 {
    color: #fff
}

.pacs-dicom-software p {
    color: #fff
}

.ios-banner.healthcare-development-banner .bnr-img img {
    max-width: 823px;
    margin: 0 auto;
    width: 100%
}

.game-expertise.healthcare-software-technologies {
    padding-bottom: 0
}

.game-expertise.healthcare-software-technologies:before {
    background-image: url("../img/healthcare-software-development/jpg/healthcare-software-development.jpg")
}

.game-expertise.healthcare-software-technologies:after {
    background-color: #00295A;
    opacity: 0.8
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon {
    width: 70px;
    height: 70px;
    background-image: url("../img/healthcare-software-development/png/healthcareSprite1.png")
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon.icon1 {
    background-position: 0 0
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon.icon2 {
    background-position: 0 -70px
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon.icon3 {
    background-position: 0 -140px
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon.icon4 {
    background-position: 0 -210px
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon.icon5 {
    background-position: 0 -280px
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon.icon6 {
    background-position: 0 -350px
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon.icon7 {
    background-position: 0 -420px
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon.icon8 {
    background-position: 0 -490px
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon.icon9 {
    background-position: 0 -560px
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon.icon10 {
    background-position: 0 -630px
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon.icon11 {
    background-position: 0 -700px
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon.icon12 {
    background-position: 0 -770px
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon.icon13 {
    background-position: 0 -840px
}

.game-expertise.healthcare-software-technologies .game-expertise-list li .icon.icon14 {
    background-position: 0 -910px
}

.android-benefits.healthcare-expertise .benefits-box i:before {
    background-image: url("../img/healthcare-software-development/png/healthcareSprite2.png")
}

.android-benefits.healthcare-expertise .ios-b-img img {
    max-width: 490px;
    display: inline-block
}

.robust-new-services.mobile-services.healthcare-advantages .service-box .icon {
    background-image: url(../img/healthcare-software-development/png/healthcareSprite3.png)
}

@media screen and (max-width: 991px) {
    .salesforce-cloud-slider.hms-developers {
        padding-bottom:0px
    }
}

@media screen and (max-width: 991px) {
    .salesforce-cloud-slider.hms-developers .scad-img {
        margin-bottom:30px
    }
}

.salesforce-cloud-slider.hms-developers img {
    height: auto
}

@media screen and (max-width: 991px) {
    .salesforce-cloud-slider.hms-developers .row.col-switch {
        flex-wrap:wrap-reverse
    }
}

.salesforce-cloud-slider.hms-developers .row .col-sm-6 {
    position: relative;
    z-index: 1
}

.salesforce-cloud-slider.hms-developers ul li {
    position: relative;
    padding: 0 10px 0 23px;
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .salesforce-cloud-slider.hms-developers ul li {
        text-align:left
    }
}

.salesforce-cloud-slider.hms-developers ul li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (max-width: 991px) {
    .different-industry.android-industries.healthcare-industries {
        padding-bottom:0px
    }
}

@media screen and (max-width: 991px) {
    .different-industry.android-industries.healthcare-industries .industry-list {
        margin-top:50px
    }
}

.different-industry.android-industries.healthcare-industries .industry-list .industry {
    flex-basis: 20%;
    border-color: #E0E0E0;
    margin: 0 -1px -1px 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px
}

@media screen and (max-width: 991px) {
    .different-industry.android-industries.healthcare-industries .industry-list .industry {
        flex-basis:33%
    }
}

@media screen and (max-width: 480px) {
    .different-industry.android-industries.healthcare-industries .industry-list .industry {
        flex-basis:50%
    }
}

.different-industry.android-industries.healthcare-industries .industry-list .industry .icon {
    background-image: url("../img/healthcare-software-development/png/healthcareSprite5.png")
}

.different-industry.android-industries.healthcare-industries .industry-list .industry:hover {
    position: relative;
    z-index: 1
}

.engagement-models.hire-healthcare-models .service-box .icon {
    background-image: url("../img/healthcare-software-development/png/healthcareSprite6.png")
}

@media screen and (max-width: 575px) {
    .android-benefits.crypto-benefits.healthcare-benefits .benefits-box {
        margin-top:0
    }
}

.android-benefits.crypto-benefits.healthcare-benefits .benefits-box i:before {
    background-image: url(../img/healthcare-software-development/png/healthcareSprite7.png)
}

.android-benefits.crypto-benefits.healthcare-benefits .benefits-box i.icon11:before {
    background-position: 0 -1200px
}

.android-benefits.crypto-benefits.healthcare-benefits .benefits-box i.icon12:before {
    background-position: 0 -1320px
}

.android-benefits.crypto-benefits.healthcare-benefits .benefits-box:hover i.icon11:before {
    background-position: 0 -1260px
}

.android-benefits.crypto-benefits.healthcare-benefits .benefits-box:hover i.icon12:before {
    background-position: 0 -1380px
}

@media screen and (max-width: 991px) {
    .android-benefits.crypto-benefits.healthcare-benefits .btn {
        margin-top:10px
    }
}

@media screen and (max-width: 991px) {
    .powerful-technologies.healthcare-technologies {
        margin-top:0px
    }
}

@media screen and (max-width: 991px) {
    .powerful-technologies.healthcare-technologies h2 {
        text-align:center
    }
}

@media screen and (max-width: 991px) {
    .powerful-technologies.healthcare-technologies p {
        text-align:center
    }
}

@media screen and (max-width: 991px) {
    .company-since.healthcare-company-since {
        padding-bottom:0px
    }
}

@media screen and (max-width: 991px) {
    .company-since.healthcare-company-since .project-box {
        margin-bottom:0px
    }
}

@media screen and (max-width: 991px) {
    .clients-say.healthcare-clients-say {
        padding-top:0px
    }
}

.ios-banner.healthcare-development-banner.healthcare-app-development .points {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.ios-banner.healthcare-development-banner.healthcare-app-development .points li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px
}

@media screen and (max-width: 575px) {
    .ios-banner.healthcare-development-banner.healthcare-app-development .points li {
        flex-basis:100%
    }
}

.ios-banner.healthcare-development-banner.healthcare-app-development .points li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.salesforce-cloud-slider.hms-developers.healthcare-applications .half-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.salesforce-cloud-slider.hms-developers.healthcare-applications .half-list li {
    flex-basis: 50%;
    margin-bottom: 20px
}

@media screen and (max-width: 575px) {
    .salesforce-cloud-slider.hms-developers.healthcare-applications .half-list li {
        flex-basis:100%
    }
}

.robust-new-services.mobile-services.healthcare-app-services .service-box .icon {
    background-image: url(../img/healthcare-app-development/png/healthcareAppSprite1.png)
}

.android-benefits.crypto-benefits.healthcare-app-benefits .ios-b-img img {
    max-width: 460px
}

@media screen and (max-width: 575px) {
    .android-benefits.crypto-benefits.healthcare-app-benefits .benefits-box {
        margin-top:0
    }
}

.android-benefits.crypto-benefits.healthcare-app-benefits .benefits-box i:before {
    background-image: url(../img/healthcare-software-development/png/healthcareSprite7.png)
}

.android-benefits.crypto-benefits.healthcare-app-benefits .benefits-box i.icon11:before {
    background-position: 0 -1200px
}

.android-benefits.crypto-benefits.healthcare-app-benefits .benefits-box i.icon12:before {
    background-position: 0 -1320px
}

.android-benefits.crypto-benefits.healthcare-app-benefits .benefits-box:hover i.icon11:before {
    background-position: 0 -1260px
}

.android-benefits.crypto-benefits.healthcare-app-benefits .benefits-box:hover i.icon12:before {
    background-position: 0 -1380px
}

@media screen and (max-width: 991px) {
    .android-benefits.crypto-benefits.healthcare-app-benefits .btn {
        margin-top:10px
    }
}

.salesforce-cloud-slider.hms-developers.healthcare-apps .scad-img img {
    max-width: 490px;
    width: 100%
}

.engagement-models.hire-healthcare-app-models .service-box .icon {
    background-image: url("../img/healthcare-app-development/png/healthcareAppSprite2.png")
}

@media screen and (max-width: 991px) {
    .healthcare-compliance .col-sm-3 {
        flex:0 0 50%;
        max-width: 50%
    }
}

@media screen and (max-width: 575px) {
    .healthcare-compliance .col-sm-3 {
        flex:0 0 100%;
        max-width: 100%
    }
}

.healthcare-compliance .bdr {
    border: 1px solid #E0E0E0;
    height: 95%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 5%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .healthcare-compliance .bdr {
        margin-bottom:20px
    }
}

.healthcare-compliance .bdr p {
    margin-bottom: 0
}

.healthcare-compliance .bdr:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.healthcare-compliance .bdr.dark {
    background-color: #0076FF;
    border-color: #0076FF
}

.healthcare-compliance .bdr.dark h3 {
    color: #fff
}

.healthcare-compliance .bdr.dark h3 span {
    color: #0076FF
}

.healthcare-compliance .bdr.dark p {
    color: #fff
}

.healthcare-compliance .bdr .icon {
    width: 160px;
    height: 96px;
    display: inline-block;
    background-image: url(../img/healthcare-app-development/png/healthcareSprite5.png);
    background-repeat: no-repeat;
    margin: 0px 0 10px 0
}

@media (max-width: 767px) {
    .healthcare-compliance .bdr .icon {
        width:140px;
        height: 81px;
        background-size: 100% auto
    }
}

.healthcare-compliance .bdr .icon.icon1 {
    background-position: 0 0
}

@media (max-width: 767px) {
    .healthcare-compliance .bdr .icon.icon1 {
        background-position:0 0
    }
}

.healthcare-compliance .bdr .icon.icon2 {
    background-position: 0 -96px
}

@media (max-width: 767px) {
    .healthcare-compliance .bdr .icon.icon2 {
        background-position:0 -86px
    }
}

.healthcare-compliance .bdr .icon.icon3 {
    background-position: 0 -192px
}

@media (max-width: 767px) {
    .healthcare-compliance .bdr .icon.icon3 {
        background-position:0 -170px
    }
}

.healthcare-compliance .bdr .icon.icon4 {
    background-position: 0 -288px
}

@media (max-width: 767px) {
    .healthcare-compliance .bdr .icon.icon4 {
        background-position:0 -255px
    }
}

.healthcare-compliance .bdr .icon.icon5 {
    background-position: 0 -384px
}

@media (max-width: 767px) {
    .healthcare-compliance .bdr .icon.icon5 {
        background-position:0 -338px
    }
}

.healthcare-compliance .bdr .icon.icon6 {
    background-position: 0 -480px
}

@media (max-width: 767px) {
    .healthcare-compliance .bdr .icon.icon6 {
        background-position:0 -424px
    }
}

.healthcare-compliance .bdr .icon.icon7 {
    background-position: 0 -576px
}

@media (max-width: 767px) {
    .healthcare-compliance .bdr .icon.icon7 {
        background-position:0 -507px
    }
}

.healthcare-compliance .bdr .icon.icon8 {
    background-position: 0 -672px
}

@media (max-width: 767px) {
    .healthcare-compliance .bdr .icon.icon8 {
        background-position:0 -587px
    }
}

@media screen and (max-width: 991px) {
    .robust-new-services.mobile-services.salesforce-develop-services.cpa-d-services {
        padding-bottom:0
    }
}

.robust-new-services.mobile-services.salesforce-develop-services.cpa-d-services .service-box .icon {
    background-image: url(../img/hire-cross-platform-mobile-app-developers/png/hire-cross-app-sprite1.png)
}

.android-benefits.crypto-benefits.healthcare-app-benefits.cpa-benefits .benefits-box i:before {
    background-image: url(../img/hire-cross-platform-mobile-app-developers/png/hire-cross-app-sprite2.png)
}

.ios-banner.ecommerce-development-banner .bnr-img img {
    max-width: 910px;
    width: 100%
}

.robust-new-services.mobile-services.ecommerce-d-services .service-box i.icon {
    background-image: url(../img/ecommerce-development/png/ecommerce-sprite1.png)
}

.robust-new-services.ecommerce-leverage-services .service-box h3 {
    padding-left: 70px
}

.robust-new-services.ecommerce-leverage-services .icon {
    background-image: url(../img/ecommerce-development/png/ecommerce-sprite2.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px
}

.robust-new-services.ecommerce-leverage-services .icon.icon1 {
    background-position: 0 0
}

.robust-new-services.ecommerce-leverage-services .icon.icon2 {
    background-position: 0 -60px
}

.robust-new-services.ecommerce-leverage-services .icon.icon3 {
    background-position: 0 -120px
}

.robust-new-services.ecommerce-leverage-services .icon.icon4 {
    background-position: 0 -180px
}

.robust-new-services.ecommerce-leverage-services .icon.icon5 {
    background-position: 0 -240px
}

.robust-new-services.ecommerce-leverage-services .icon.icon6 {
    background-position: 0 -300px
}

.video-game-services.ecommerce-modernize .icon {
    background-image: url(../img/ecommerce-development/png/ecommerce-sprite3.png)
}

.video-game-services.ecommerce-modernize .points {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.video-game-services.ecommerce-modernize .points li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px
}

@media screen and (max-width: 575px) {
    .video-game-services.ecommerce-modernize .points li {
        flex-basis:100%
    }
}

.video-game-services.ecommerce-modernize .points li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #fff
}

.video-game-services.ecommerce-modernize .nav-tabs .nav-item {
    flex-basis: 25%;
    margin: 0
}

@media screen and (max-width: 1399px) {
    .video-game-services.ecommerce-modernize .nav-tabs .nav-item {
        flex-basis:33%
    }
}

@media screen and (max-width: 1199px) {
    .video-game-services.ecommerce-modernize .nav-tabs .nav-item {
        flex-basis:33%
    }
}

@media screen and (max-width: 991px) {
    .video-game-services.ecommerce-modernize .nav-tabs .nav-item {
        min-width:150px
    }
}

@media screen and (max-width: 575px) {
    .video-game-services.ecommerce-modernize .nav-tabs .nav-item {
        padding-right:0px;
        margin-right: 20px
    }
}

@media screen and (max-width: 480px) {
    .video-game-services.ecommerce-modernize .nav-tabs .nav-item {
        flex-basis:33%
    }
}

@media screen and (max-width: 360px) {
    .video-game-services.ecommerce-modernize .nav-tabs .nav-item {
        flex-basis:50%
    }
}

.eCommerce-platforms {
    background-color: #00295A;
    position: relative;
    overflow: hidden
}

.eCommerce-platforms:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-image: url(../img/ecommerce-development/jpg/eCommerce-Platforms.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    opacity: 0.1
}

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

@media (max-width: 1200px) {
    .eCommerce-platforms .col-sm-6,.eCommerce-platforms .col-md-6 {
        width:100%
    }
}

@media (max-width: 991px) {
    .eCommerce-platforms {
        text-align:center
    }
}

.eCommerce-platforms h2 {
    font-family: "interlight";
    margin-bottom: 0;
    color: #fff
}

.eCommerce-platforms h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.eCommerce-platforms p {
    color: #fff
}

.eCommerce-platforms .hd-box br {
    display: none
}

.eCommerce-platforms .hd-box .icon-box {
    position: relative;
    padding-left: 70px
}

@media screen and (max-width: 991px) {
    .eCommerce-platforms .hd-box .icon-box {
        padding-left:0px
    }

    .eCommerce-platforms .hd-box .icon-box p br {
        display: none
    }
}

.eCommerce-platforms .hd-box .icon-box i {
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (max-width: 991px) {
    .eCommerce-platforms .hd-box .icon-box i {
        position:static
    }
}

.eCommerce-platforms .hd-box .icon-box i:before {
    color: #6c6c6c
}

.eCommerce-platforms .hd-box ul {
    text-align: center;
    margin: 30px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media screen and (max-width: 991px) {
    .eCommerce-platforms .hd-box ul {
        display:block
    }
}

.eCommerce-platforms .hd-box ul li {
    padding: 20px;
    flex-basis: 25%;
    vertical-align: top;
    position: relative;
    padding: 30px;
    border: 1px solid rgba(255,255,255,0.2);
    margin-right: -1px;
    margin-bottom: -1px;
    display: inline-block
}

@media screen and (max-width: 1399px) {
    .eCommerce-platforms .hd-box ul li {
        flex-basis:25%;
        width: 47%
    }
}

@media screen and (max-width: 1366px) {
    .eCommerce-platforms .hd-box ul li {
        flex-basis:24.5%
    }
}

@media screen and (max-width: 991px) {
    .eCommerce-platforms .hd-box ul li {
        margin:10px;
        flex-basis: 24.5%;
        width: 46%
    }
}

@media screen and (max-width: 575px) {
    .eCommerce-platforms .hd-box ul li {
        margin:10px 3px 0px 3px;
        flex-basis: 49.5%;
        display: inline-block;
        width: 47%
    }
}

.eCommerce-platforms .hd-box ul li p {
    margin-bottom: 0
}

.eCommerce-platforms .hd-box ul li .name a {
    color: #FF9100
}

.eCommerce-platforms .hd-box ul li .icon {
    margin: auto;
    width: 80px;
    height: 80px;
    display: inline-block;
    position: relative;
    background-color: #fff;
    left: 0;
    right: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.eCommerce-platforms .hd-box ul li .icon:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    background-image: url(../img/ecommerce-development/png/ecommerce-sprite4.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto
}

.eCommerce-platforms .hd-box ul li .icon.icon1:before {
    background-position: 0 0
}

.eCommerce-platforms .hd-box ul li .icon.icon2:before {
    background-position: 0 -60px
}

.eCommerce-platforms .hd-box ul li .icon.icon3:before {
    background-position: 0 -120px
}

.eCommerce-platforms .hd-box ul li .icon.icon4:before {
    background-position: 0 -180px
}

.eCommerce-platforms .hd-box ul li .icon.icon5:before {
    background-position: 0 -240px
}

.eCommerce-platforms .hd-box ul li .icon.icon6:before {
    background-position: 0 -300px
}

.eCommerce-platforms .hd-box ul li .icon.icon7:before {
    background-position: 0 -360px
}

.eCommerce-platforms .hd-box ul li .icon.icon8:before {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.ecommerce-web-d-services .service-box i.icon {
    background-image: url(../img/ecommerce-web-development/png/ecommerce-web-sprite1.png)
}

@media screen and (max-width: 991px) {
    .eCommerce-platforms.web-platform .hd-box ul {
        display:flex
    }
}

.eCommerce-platforms.web-platform .hd-box ul li {
    flex-basis: 16%;
    border: none;
    padding: 0
}

@media screen and (max-width: 991px) {
    .eCommerce-platforms.web-platform .hd-box ul li {
        margin:10px;
        flex-basis: 30%
    }
}

@media screen and (max-width: 767px) {
    .eCommerce-platforms.web-platform .hd-box ul li {
        flex-basis:28%
    }
}

@media screen and (max-width: 575px) {
    .eCommerce-platforms.web-platform .hd-box ul li {
        margin:10px 3px 20px 3px;
        flex-basis: 30%
    }
}

@media screen and (max-width: 480px) {
    .eCommerce-platforms.web-platform .hd-box ul li {
        flex-basis:40%
    }
}

.eCommerce-platforms.web-platform .hd-box ul li .icon:before {
    background-image: url(../img/ecommerce-web-development/png/ecommerce-web-sprite4.png)
}

.eCommerce-platforms.web-platform .hd-box ul li .name a {
    color: #FF9100
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers.taxi-app-bnr:after {
    background-image: url("../img/taxi-app-development/jpg/taxi-app-development.jpg")
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers.taxi-app-bnr .bnrImg img {
    position: relative;
    z-index: 1;
    max-width: 643px;
    width: 100%;
    height: auto
}

@media screen and (max-width: 991px) {
    .robust-new-services.mobile-services.salesforce-develop-services.taxi-app-services {
        padding-bottom:0
    }
}

.robust-new-services.mobile-services.salesforce-develop-services.taxi-app-services .service-box .icon {
    background-image: url(../img/taxi-app-development/png/taxiSprite1.png)
}

.android-benefits.crypto-benefits.taxi-benefits .benefits-box i:before {
    background-image: url(../img/taxi-app-development/png/taxiSprite2.png)
}

.blockchain-technologies.cryptocurrency-features.nft-robust-service.taxi-app-solution .andBox .icon {
    background-image: url(../img/taxi-app-development/png/taxiSprite3.png)
}

.engagement-models.taxi-models .service-box .icon {
    background-image: url(../img/taxi-app-development/png/taxiSprite4.png)
}

.taxi-app-features {
    position: relative
}

.taxi-app-features:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

@media (max-width: 767px) {
    .taxi-app-features .col-sm-6 {
        flex:0 0 100%;
        max-width: 100%
    }
}

.taxi-app-features .tab-list {
    display: flex;
    flex-wrap: wrap
}

.taxi-app-features .tab-list li {
    flex-basis: 45%;
    margin-bottom: 15px;
    position: relative;
    padding-left: 15px;
    border-bottom: 1px dashed #E0E0E0;
    margin-right: 30px;
    padding-bottom: 15px
}

.taxi-app-features .tab-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #0076FF
}

@media (max-width: 1399px) {
    .taxi-app-features .tab-list li {
        flex-basis:44%
    }
}

@media (max-width: 1199px) {
    .taxi-app-features .tab-list li {
        flex-basis:43%
    }
}

@media (max-width: 575px) {
    .taxi-app-features .tab-list li {
        flex-basis:100%
    }
}

.taxi-app-features .owl-carousel {
    margin-top: 50px
}

.taxi-app-features .owl-carousel .owl-item {
    height: 100%
}

.taxi-app-features .owl-carousel .owl-item img {
    max-width: 497px;
    width: 100% auto;
    display: inline-block;
    margin: 0 auto;
    height: auto
}

.taxi-app-features .owl-carousel .owl-item .admin-img img {
    max-width: 811px;
    width: 100% auto;
    height: auto
}

.taxi-app-features .owl-carousel .item {
    padding: 0;
    height: 100%
}

.taxi-app-features .owl-carousel .owl-dots {
    text-align: center
}

.taxi-app-features .owl-carousel .owl-dots button {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #E0E0E0;
    margin: 0 5px
}

.taxi-app-features .owl-carousel .owl-dots button.active {
    background-color: #0076FF
}

.taxi-app-features .owl-nav {
    position: absolute;
    left: 0;
    top: 40%;
    right: 0
}

@media screen and (max-width: 991px) {
    .taxi-app-features .owl-nav {
        text-align:center
    }
}

.taxi-app-features .owl-nav button {
    font-size: 20px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    color: #0076FF
}

.taxi-app-features .owl-nav button.owl-prev {
    position: absolute;
    top: 0;
    left: -50px;
    content: "\f116";
    margin-right: 10px
}

@media (max-width: 1200px) {
    .taxi-app-features .owl-nav button.owl-prev {
        left:0px
    }
}

.taxi-app-features .owl-nav button.owl-next {
    position: absolute;
    top: 0;
    right: -50px;
    content: "\f114"
}

@media (max-width: 1200px) {
    .taxi-app-features .owl-nav button.owl-next {
        right:0px
    }
}

.taxi-booking-clones .check-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.taxi-booking-clones .check-list li {
    flex-basis: 16%;
    margin: 1rem 0 0;
    font-family: "interregular";
    position: relative;
    text-align: center;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: -10px 10px 10px rgba(0,0,0,0.03);
    -moz-box-shadow: -10px 10px 10px rgba(0,0,0,0.03);
    box-shadow: -10px 10px 10px rgba(0,0,0,0.03);
    padding: 20px 0 20px 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .taxi-booking-clones .check-list li {
        flex-basis:31%
    }
}

@media screen and (max-width: 767px) {
    .taxi-booking-clones .check-list li {
        flex-basis:48%
    }
}

.taxi-booking-clones .check-list li:hover {
    border-color: #0076FF;
    -webkit-box-shadow: -10px 10px 10px rgba(0,0,0,0.09);
    -moz-box-shadow: -10px 10px 10px rgba(0,0,0,0.09);
    box-shadow: -10px 10px 10px rgba(0,0,0,0.09)
}

.taxi-booking-clones .check-list li .name {
    display: block
}

.taxi-booking-clones .check-list li .icon {
    position: relative;
    width: 70px;
    height: 70px;
    display: inline-block;
    margin: auto;
    background-image: url(../img/taxi-app-development/png/taxiSprite10.png);
    background-repeat: no-repeat
}

.taxi-booking-clones .check-list li .icon.icon1 {
    background-position: 0 0
}

.taxi-booking-clones .check-list li .icon.icon2 {
    background-position: 0 -70px
}

.taxi-booking-clones .check-list li .icon.icon3 {
    background-position: 0 -140px
}

.taxi-booking-clones .check-list li .icon.icon4 {
    background-position: 0 -210px
}

.taxi-booking-clones .check-list li .icon.icon5 {
    background-position: 0 -280px
}

.taxi-booking-clones .check-list li .icon.icon6 {
    background-position: 0 -350px
}

.taxi-booking-clones .check-list li .icon.icon7 {
    background-position: 0 -420px
}

.taxi-booking-clones .check-list li .icon.icon8 {
    background-position: 0 -490px
}

.taxi-booking-clones .check-list li .icon.icon9 {
    background-position: 0 -560px
}

.taxi-booking-clones .check-list li .icon.icon10 {
    background-position: 0 -630px
}

.taxi-booking-clones .check-list li .icon.icon11 {
    background-position: 0 -700px
}

.taxi-booking-clones .check-list li .icon.icon12 {
    background-position: 0 -770px
}

.taxi-booking-clones .check-list li .icon.icon13 {
    background-position: 0 -840px
}

.taxi-booking-clones .check-list li .icon.icon14 {
    background-position: 0 -910px
}

.taxi-booking-clones .check-list li .icon.icon15 {
    background-position: 0 -980px
}

.taxi-booking-clones .check-list li .icon.icon16 {
    background-position: 0 -1050px
}

.taxi-booking-clones .check-list li .icon.icon17 {
    background-position: 0 -1120px
}

.taxi-booking-clones .check-list li .icon.icon18 {
    background-position: 0 -1190px
}

.taxi-booking-clones .check-list.cl1 li .icon {
    background-image: url(../img/taxi-app-development/png/taxiSprite5.png);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.taxi-booking-clones .check-list.cl2 li .icon {
    background-image: url(../img/taxi-app-development/png/taxiSprite6.png);
    width: 119px;
    height: 70px
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers.hire-devops-bnr:after {
    background-image: url(../img/hire-devops-engineers/webp/hire-devops-engineers.webp)
}

@media screen and (max-width: 991px) {
    .robust-new-services.mobile-services.salesforce-develop-services.devops-services {
        padding-bottom:0
    }
}

.robust-new-services.mobile-services.salesforce-develop-services.devops-services .service-box .icon {
    background-image: url(../img/hire-devops-engineers/png/devops-sprite1.png)
}

.low-code-platforms.devOps-tools .industry-list li .icon {
    background-image: url(../img/hire-devops-engineers/png/devops-sprite2.png)
}

.low-code-platforms.devOps-tools .industry-list li .icon.icon6 {
    background-position: 0 -350px
}

.low-code-platforms.devOps-tools .industry-list li .icon.icon7 {
    background-position: 0 -420px
}

.low-code-platforms.devOps-tools .industry-list li .icon.icon8 {
    background-position: 0 -490px
}

.low-code-platforms.devOps-tools .industry-list li .icon.icon9 {
    background-position: 0 -560px
}

.low-code-platforms.devOps-tools .industry-list li .icon.icon10 {
    background-position: 0 -630px
}

.ios-banner.microservices-bnr .bnr-img img {
    max-width: 776px;
    width: 100%
}

.robust-new-services.mobile-services.microservices-services .service-box i.icon {
    background-image: url(../img/microservices-development/png/microservices-sprite1.png)
}

.android-benefits.microservices-benefits .benefits-box i:before {
    background-image: url(../img/microservices-development/png/microservices-sprite2.png)
}

.android-benefits.microservices-benefits .ios-b-img img {
    display: inline-block;
    max-width: 500px
}

.eCommerce-platforms.microservices-technologies .hd-box ul li .icon:before {
    background-image: url(../img/microservices-development/png/microservices-sprite3.png)
}

.microservices-migration {
    position: relative
}

.microservices-migration:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.microservices-migration .mm-img {
    text-align: center
}

.microservices-migration .mm-img img {
    max-width: 725px;
    width: 100%
}

.microservices-migration .mm-points {
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

.microservices-migration .mm-points li {
    display: inline-block;
    flex-basis: 49%;
    font-family: "intermedium";
    position: relative;
    padding: 0 10px 0 23px;
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .microservices-migration .mm-points li {
        text-align:left;
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .microservices-migration .mm-points li {
        flex-basis:100%
    }
}

.microservices-migration .mm-points li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0
}

.microservices-architecture .ma-img {
    text-align: center
}

.microservices-architecture .ma-img img {
    max-width: 725px;
    width: 100%
}

.microservices-work-featured h3 {
    margin-top: 50px
}

.microservices-work-featured .microservices-brands {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px
}

@media screen and (max-width: 575px) {
    .microservices-work-featured .microservices-brands {
        justify-content:center;
        overflow-y: hidden;
        white-space: nowrap;
        display: block;
        overflow-x: auto;
        margin-bottom: 0px
    }
}

.microservices-work-featured .microservices-brands li {
    flex-basis: 16%
}

@media screen and (max-width: 991px) {
    .microservices-work-featured .microservices-brands li {
        flex-basis:33%
    }
}

@media screen and (max-width: 575px) {
    .microservices-work-featured .microservices-brands li {
        flex-basis:42%;
        display: inline-block
    }
}

@media screen and (max-width: 398px) {
    .microservices-work-featured .microservices-brands li {
        flex-basis:41%
    }
}

.microservices-work-featured .icon {
    margin: 5px;
    display: inline-block;
    width: 136px;
    height: 70px;
    background-image: url(../img/microservices-development/png/microservices-sprite4.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.microservices-work-featured .icon.icon1 {
    background-position: 0 0
}

.microservices-work-featured .icon.icon2 {
    background-position: 0 -70px
}

.microservices-work-featured .icon.icon3 {
    background-position: 0 -140px
}

.microservices-work-featured .icon.icon4 {
    background-position: 0 -210px
}

.microservices-work-featured .icon.icon5 {
    background-position: 0 -280px
}

.microservices-work-featured .icon.icon6 {
    background-position: 0 -350px
}

.robust-new-services.mobile-services.php-services .service-box i.icon {
    background-image: url("../img/hire-php-developers/png/php-sprite-1img.png")
}

.android-benefits.php-benefits .benefits-box i:before {
    background-image: url("../img/hire-php-developers/png/php-sprite-2img.png")
}

.android-benefits.php-benefits .benefits-box i.icon7::before {
    background-position: 0 -720px
}

.android-benefits.php-benefits .benefits-box i.icon8::before {
    background-position: 0 -840px
}

.android-benefits.php-benefits .benefits-box i.icon9::before {
    background-position: 0 -960px
}

.android-benefits.php-benefits .benefits-box i.icon10::before {
    background-position: 0 -1080px
}

.android-benefits.php-benefits .benefits-box:hover i.icon7::before {
    background-position: 0 -780px
}

.android-benefits.php-benefits .benefits-box:hover i.icon8::before {
    background-position: 0 -900px
}

.android-benefits.php-benefits .benefits-box:hover i.icon9::before {
    background-position: 0 -1020px
}

.android-benefits.php-benefits .benefits-box:hover i.icon10::before {
    background-position: 0 -1140px
}

.game-expertise.ludo-products-showcase.flutter-expertise.php-expertise:before {
    background-image: url("../img/hire-php-developers/jpg/hire-php-developers-bnr.jpg")
}

.game-expertise.ludo-products-showcase.flutter-expertise.php-expertise .game-expertise-list i.icon {
    background-image: url("../img/hire-php-developers/png/php-sprite-3img.png")
}

.hire-page-center-video {
    background-color: #0076FF;
    text-align: center
}

.hire-page-center-video h2 {
    color: #fff
}

@media screen and (min-device-width: 1921px) and (max-device-width: 10000px) {
    .hire-page-center-video .video-box {
        background-color:#0076FF;
        background: #0076FF;
        background: linear-gradient(45deg, #0076FF 50%, #009DFF 100%);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        padding: 40px;
        min-height: 100%
    }
}

.hire-page-center-video .video-box h2 {
    color: #fff
}

@media (max-width: 767px) {
    .hire-page-center-video .video-box h2 {
        color:#000
    }
}

.hire-page-center-video .video-box p {
    color: #fff
}

.hire-page-center-video .video-box .in-page-video {
    border: 4px solid #fff;
    background-color: #000;
    max-width: 916px;
    margin: 0 auto 50px auto;
    position: relative;
    width: 100%;
    height: auto
}

@media screen and (max-width: 1199px) {
    .hire-page-center-video .video-box .in-page-video {
        padding-bottom:55%;
        height: 0
    }
}

@media screen and (max-width: 767px) {
    .hire-page-center-video .video-box .in-page-video {
        margin-bottom:30px
    }
}

.hire-page-center-video .video-box .in-page-video iframe {
    width: 100%;
    height: 387px;
    margin-bottom: -7px
}

@media screen and (max-width: 1199px) {
    .hire-page-center-video .video-box .in-page-video iframe {
        position:absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin-bottom: 0px
    }
}

.hire-page-center-video .video-box .in-page-video button:before,.hire-page-center-video .video-box .in-page-video button:after {
    display: none
}

.hire-page-center-video .video-box .btn-white {
    background-color: #fff;
    color: #0076FF
}

@media screen and (max-width: 1024px) {
    .hire-page-center-video .video-box .btn-white {
        background-color:#0076FF;
        color: #fff
    }
}

.hire-page-center-video .video-box .btn-white:before,.hire-page-center-video .video-box .btn-white:after {
    background-color: #0076FF
}

.hire-page-center-video .video-box .btn-white:hover,.hire-page-center-video .video-box .btn-white:focus {
    color: #0076FF
}

@media screen and (max-width: 1024px) {
    .hire-page-center-video .video-box .btn-white:hover,.hire-page-center-video .video-box .btn-white:focus {
        color:#fff
    }
}

.hire-page-center-video .video-box .btn-white .arrow {
    background-image: url("../img/common/svg/arrow-right-up-blue.svg")
}

@media screen and (max-width: 1024px) {
    .hire-page-center-video .video-box .btn-white .arrow {
        background-image:url("../img/common/svg/arrow-right-up.svg")
    }
}

.hire-page-center-video .video-box .btn-white.white {
    background-color: #fff;
    color: #0076FF
}

.hire-page-center-video .video-box .btn-white.white:before,.hire-page-center-video .video-box .btn-white.white:after {
    background-color: #fff
}

.hire-page-center-video .video-box .btn-white.white .arrow {
    background-image: url("../img/common/svg/arrow-right-up-black.svg")
}

.robust-new-services.mobile-services.codelgniter-services .service-box i.icon {
    background-image: url("../img/hire-codelgniter-developers/png/codelg-sprite-1img.png")
}

.android-benefits.php-benefits.codelgniter-benefits .benefits-box i:before {
    background-image: url("../img/hire-codelgniter-developers/png/codelg-sprite-2img.png")
}

.robust-new-services.mobile-services.drupal-services .service-box i.icon {
    background-image: url("../img/hire-drupal-developers/png/drupal-sprite-1.png")
}

.android-benefits.hire-drupal-benefits .benefits-box i:before {
    background-image: url("../img/hire-drupal-developers/png/drupal-sprite-2.png")
}

.android-benefits.hire-drupal-benefits .benefits-box i.icon7::before {
    background-position: 0 -720px
}

.android-benefits.hire-drupal-benefits .benefits-box i.icon8::before {
    background-position: 0 -840px
}

.android-benefits.hire-drupal-benefits .benefits-box i.icon9::before {
    background-position: 0 -960px
}

.android-benefits.hire-drupal-benefits .benefits-box i.icon10::before {
    background-position: 0 -1080px
}

.android-benefits.hire-drupal-benefits .benefits-box:hover i.icon7::before {
    background-position: 0 -780px
}

.android-benefits.hire-drupal-benefits .benefits-box:hover i.icon8::before {
    background-position: 0 -900px
}

.android-benefits.hire-drupal-benefits .benefits-box:hover i.icon9::before {
    background-position: 0 -1020px
}

.android-benefits.hire-drupal-benefits .benefits-box:hover i.icon10::before {
    background-position: 0 -1140px
}

.ios-banner.salesforce-development-company-bnr.hire-mobile-app-developer-bnr .bnr-img img {
    max-width: 829px;
    width: 100%
}

.robust-new-services.mobile-services.hire-mobApp-services .service-box i.icon {
    background-image: url("../img/hire-mobile-app-developers/png/hire-mob-app-sprite1.png")
}

.robust-new-services.mobile-services.hire-mobApp-services .service-box i.icon.icon7 {
    background-position: 0 -360px
}

.robust-new-services.mobile-services.hire-mobApp-services .service-box i.icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.hire-mobApp-services .service-box i.icon.icon9 {
    background-position: 0 -480px
}

.android-benefits.hire-mob-app-benefits .benefits-box i:before {
    background-image: url("../img/hire-mobile-app-developers/png/hire-mob-app-sprite2.png")
}

.android-benefits.hire-mob-app-benefits .benefits-box i.icon7::before {
    background-position: 0 -720px
}

.android-benefits.hire-mob-app-benefits .benefits-box i.icon8::before {
    background-position: 0 -840px
}

.android-benefits.hire-mob-app-benefits .benefits-box i.icon9::before {
    background-position: 0 -960px
}

.android-benefits.hire-mob-app-benefits .benefits-box i.icon10::before {
    background-position: 0 -1080px
}

.android-benefits.hire-mob-app-benefits .benefits-box:hover i.icon7::before {
    background-position: 0 -780px
}

.android-benefits.hire-mob-app-benefits .benefits-box:hover i.icon8::before {
    background-position: 0 -900px
}

.android-benefits.hire-mob-app-benefits .benefits-box:hover i.icon9::before {
    background-position: 0 -1020px
}

.android-benefits.hire-mob-app-benefits .benefits-box:hover i.icon10::before {
    background-position: 0 -1140px
}

.technologies-development.hire-mob-app-technologies .hd-box .icon-box {
    padding-left: 30px
}

@media (max-width: 991px) {
    .technologies-development.hire-mob-app-technologies .hd-box .icon-box {
        padding-left:0px
    }
}

.technologies-development.hire-mob-app-technologies .hd-box ul {
    text-align: left;
    justify-content: flex-start
}

.technologies-development.hire-mob-app-technologies .hd-box ul li {
    text-align: center
}

@media (max-width: 660px) {
    .technologies-development.hire-mob-app-technologies .hd-box ul li {
        width:87px
    }
}

.technologies-development.hire-mob-app-technologies .hd-box ul li .icon:before {
    background-image: url("../img/hire-mobile-app-developers/png/hire-mob-app-sprite3.png")
}

.robust-new-services.mobile-services.hire-flutter-services .service-box i.icon {
    background-image: url("../img/hire-flutter-developers/png/hire-flutter-app-sprite1.png")
}

.robust-new-services.mobile-services.hire-flutter-services .service-box i.icon.icon7 {
    background-position: 0 -360px
}

.robust-new-services.mobile-services.hire-flutter-services .service-box i.icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.hire-flutter-services .service-box i.icon.icon9 {
    background-position: 0 -480px
}

.android-benefits.hire-flutter-benefits .benefits-box i:before {
    background-image: url("../img/hire-flutter-developers/png/hire-flutter-sprite2.png")
}

.android-benefits.hire-flutter-benefits .benefits-box i.icon7::before {
    background-position: 0 -720px
}

.android-benefits.hire-flutter-benefits .benefits-box i.icon8::before {
    background-position: 0 -840px
}

.android-benefits.hire-flutter-benefits .benefits-box i.icon9::before {
    background-position: 0 -960px
}

.android-benefits.hire-flutter-benefits .benefits-box i.icon10::before {
    background-position: 0 -1080px
}

.android-benefits.hire-flutter-benefits .benefits-box:hover i.icon7::before {
    background-position: 0 -780px
}

.android-benefits.hire-flutter-benefits .benefits-box:hover i.icon8::before {
    background-position: 0 -900px
}

.android-benefits.hire-flutter-benefits .benefits-box:hover i.icon9::before {
    background-position: 0 -1020px
}

.android-benefits.hire-flutter-benefits .benefits-box:hover i.icon10::before {
    background-position: 0 -1140px
}

.technologies-development.hire-mob-app-technologies .hd-box .icon-box {
    padding-left: 30px
}

@media (max-width: 991px) {
    .technologies-development.hire-mob-app-technologies .hd-box .icon-box {
        padding-left:0px
    }
}

.technologies-development.hire-mob-app-technologies .hd-box ul {
    text-align: left;
    justify-content: flex-start
}

.technologies-development.hire-mob-app-technologies .hd-box ul li {
    text-align: center
}

@media (max-width: 660px) {
    .technologies-development.hire-mob-app-technologies .hd-box ul li {
        width:87px
    }
}

.technologies-development.hire-mob-app-technologies .hd-box ul li .icon:before {
    background-image: url("../img/hire-mobile-app-developers/png/hire-mob-app-sprite3.png")
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers.hire-magento-developers:after {
    background-image: url(../img/hire-magento-developers/webp/hire-magento-developer.webp)
}

@media screen and (max-width: 991px) {
    .robust-new-services.mobile-services.salesforce-develop-services.hire-magento-services {
        padding-bottom:0
    }
}

.robust-new-services.mobile-services.salesforce-develop-services.hire-magento-services .service-box .icon {
    background-image: url(../img/hire-magento-developers/png/hire-magento-sprite1.png)
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise:before {
    background-image: url("../img/hire-magento-developers/webp/hire-magento-integration.webp")
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon {
    width: 119px;
    height: 70px;
    background-image: url("../img/hire-magento-developers/png/hire-magento-sprite2.png")
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon1 {
    background-position: 0 0px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon2 {
    background-position: 0 -70px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon3 {
    background-position: 0 -140px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon4 {
    background-position: 0 -210px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon5 {
    background-position: 0 -280px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon6 {
    background-position: 0 -350px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon7 {
    background-position: 0 -420px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon8 {
    background-position: 0 -490px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon9 {
    background-position: 0 -560px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon10 {
    background-position: 0 -630px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon11 {
    background-position: 0 -700px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon12 {
    background-position: 0 -770px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon13 {
    background-position: 0 -840px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon14 {
    background-position: 0 -910px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon15 {
    background-position: 0 -980px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon16 {
    background-position: 0 -1050px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon17 {
    background-position: 0 -1120px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon18 {
    background-position: 0 -1190px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon19 {
    background-position: 0 -1260px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon20 {
    background-position: 0 -1330px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon21 {
    background-position: 0 -1400px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon22 {
    background-position: 0 -1470px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon23 {
    background-position: 0 -1540px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon24 {
    background-position: 0 -1610px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise .game-expertise-list i.icon.icon25 {
    background-position: 0 -1680px
}

@media screen and (max-width: 991px) {
    .robust-new-services.mobile-services.hire-python-services {
        padding-bottom:0
    }
}

.robust-new-services.mobile-services.hire-python-services .service-box .icon {
    background-image: url(../img/hire-python-developers/png/hire-python-app-sprite1.png)
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise:before {
    background-image: url("../img/hire-python-developers/webp/Frameworks-Used-Python-Developers.webp")
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon {
    width: 119px;
    height: 70px;
    background-image: url("../img/hire-python-developers/png/hire-python-app-sprite2.png")
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon1 {
    background-position: 0 0px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon2 {
    background-position: 0 -70px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon3 {
    background-position: 0 -140px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon4 {
    background-position: 0 -210px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon5 {
    background-position: 0 -280px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon6 {
    background-position: 0 -350px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon7 {
    background-position: 0 -420px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon8 {
    background-position: 0 -490px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon9 {
    background-position: 0 -560px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon10 {
    background-position: 0 -630px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon11 {
    background-position: 0 -700px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon12 {
    background-position: 0 -770px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon13 {
    background-position: 0 -840px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon14 {
    background-position: 0 -910px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon15 {
    background-position: 0 -980px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon16 {
    background-position: 0 -1050px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon17 {
    background-position: 0 -1120px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon18 {
    background-position: 0 -1190px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon19 {
    background-position: 0 -1260px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon20 {
    background-position: 0 -1330px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon21 {
    background-position: 0 -1400px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon22 {
    background-position: 0 -1470px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon23 {
    background-position: 0 -1540px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon24 {
    background-position: 0 -1610px
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-python-expertise .game-expertise-list i.icon.icon25 {
    background-position: 0 -1680px
}

.android-benefits.hire-python-benefits .benefits-box i:before {
    background-image: url("../img/hire-python-developers/png/hire-python-app-sprite3.png")
}

.android-benefits.hire-python-benefits .benefits-box i.icon7::before {
    background-position: 0 -720px
}

.android-benefits.hire-python-benefits .benefits-box i.icon8::before {
    background-position: 0 -840px
}

.android-benefits.hire-python-benefits .benefits-box i.icon9::before {
    background-position: 0 -960px
}

.android-benefits.hire-python-benefits .benefits-box i.icon10::before {
    background-position: 0 -1080px
}

.android-benefits.hire-python-benefits .benefits-box:hover i.icon7::before {
    background-position: 0 -780px
}

.android-benefits.hire-python-benefits .benefits-box:hover i.icon8::before {
    background-position: 0 -900px
}

.android-benefits.hire-python-benefits .benefits-box:hover i.icon9::before {
    background-position: 0 -1020px
}

.android-benefits.hire-python-benefits .benefits-box:hover i.icon10::before {
    background-position: 0 -1140px
}

.ios-banner.wearable-banner.lowCode-bnr.outsystems-developers.hire-dot-net-developers:after {
    background-image: url(../img/hire-dot-net-developers/webp/hire-dot-net-developers.webp)
}

@media screen and (max-width: 991px) {
    .robust-new-services.mobile-services.hire-dot-net-services {
        padding-bottom:0
    }
}

.robust-new-services.mobile-services.hire-dot-net-services .service-box .icon {
    background-image: url(../img/hire-dot-net-developers/png/hire-dot-net-sprite1.png)
}

.game-expertise.ludo-products-showcase.flutter-expertise.hire-magento-expertise.hire-dot-net-expertise:before {
    background-image: url("../img/hire-dot-net-developers/webp/hire-dot-net-expertise.webp")
}

.low-code-platforms.cakePhp-tools .industry-list li .icon {
    background-image: url(../img/cakephp-development/png/cakephp-sprite1.png);
    width: 70px
}

.low-code-platforms.cakePhp-tools .industry-list li .icon.icon6 {
    background-position: 0 -350px
}

.low-code-platforms.cakePhp-tools .industry-list li .icon.icon7 {
    background-position: 0 -420px
}

.low-code-platforms.cakePhp-tools .industry-list li .icon.icon8 {
    background-position: 0 -490px
}

.low-code-platforms.cakePhp-tools .industry-list li .icon.icon9 {
    background-position: 0 -560px
}

.low-code-platforms.cakePhp-tools .industry-list li .icon.icon10 {
    background-position: 0 -630px
}

.android-benefits.crypto-benefits.cakePhp-benefits .benefits-box {
    margin-top: 50px
}

@media (max-width: 991px) {
    .android-benefits.crypto-benefits.cakePhp-benefits .benefits-box {
        margin-top:20px
    }
}

.android-benefits.crypto-benefits.cakePhp-benefits .benefits-box i:before {
    background-image: url("../img/cakephp-development/png/cakephp-sprite2.png")
}

.blockchain-technologies.cryptocurrency-features.mean-stack-technology.cakePhp-technology .andBox .icon {
    background-image: url("../img/cakephp-development/png/cakephp-sprite3.png")
}

.testimonials-banner {
    position: relative;
    padding: 150px 0 80px 0;
    overflow: hidden;
    background-color: #00295a
}

.testimonials-banner:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/testimonials/webp/testimonials-banner.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    opacity: 0.3
}

@media (max-width: 991px) {
    .testimonials-banner {
        text-align:center
    }

    .testimonials-banner .row {
        flex-wrap: wrap-reverse
    }
}

@media (max-width: 767px) {
    .testimonials-banner {
        padding:100px 0 50px 0
    }
}

.testimonials-banner h1 {
    font-family: "interlight";
    color: #fff
}

.testimonials-banner h3 {
    font-family: "intersemibold";
    color: #fff
}

.testimonials-banner p {
    color: #fff;
    padding-right: 100px
}

@media (max-width: 1024px) {
    .testimonials-banner p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .testimonials-banner p {
        padding-right:0
    }
}

.testimonials-banner .bnr-img {
    position: relative
}

@media (max-width: 991px) {
    .testimonials-banner .bnr-img {
        margin-bottom:30px
    }
}

.testimonials-banner .bnr-img img {
    position: relative;
    z-index: 1
}

.testimonials-clients {
    background-color: #f6f6f6
}

.testimonials-clients .nav-tabs {
    margin-bottom: 40px
}

.testimonials-clients .nav-tabs .nav-item {
    margin-right: 30px
}

@media (max-width: 480px) {
    .testimonials-clients .nav-tabs .nav-item {
        margin-right:10px
    }
}

.testimonials-clients .nav-tabs .nav-item .nav-link {
    background-color: transparent;
    color: #666;
    font-size: 22px;
    font-family: "intermedium";
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    position: relative;
    padding: 20px 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-width: 575px) {
    .testimonials-clients .nav-tabs .nav-item .nav-link {
        font-size:18px
    }
}

@media (max-width: 480px) {
    .testimonials-clients .nav-tabs .nav-item .nav-link {
        font-size:16px
    }
}

.testimonials-clients .nav-tabs .nav-item .nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: transparent;
    z-index: 2
}

.testimonials-clients .nav-tabs .nav-item .nav-link.active {
    color: #0076FF
}

.testimonials-clients .nav-tabs .nav-item .nav-link.active:before {
    background-color: #0076FF
}

.testimonials-clients .video_card {
    background-color: #fff;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-width: 991px) {
    .testimonials-clients .video_card {
        max-width:570px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px
    }
}

.testimonials-clients .video_card .vieo_pic {
    position: relative
}

.testimonials-clients .video_card .vieo_pic img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.testimonials-clients .video_card .vieo_pic .vdoPlay {
    width: 42px;
    height: 42px;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    color: #fff
}

.testimonials-clients .video_card .vieo_pic .vdoPlay i {
    font-size: 40px;
    color: #fff;
    opacity: 0.5;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.testimonials-clients .video_card:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2)
}

.testimonials-clients .video_card:hover .vdoPlay i {
    opacity: 1
}

.testimonials-clients .video_card .fa-quote-left {
    position: absolute;
    left: 20px;
    top: 10px;
    font-size: 50px;
    color: #0076FF
}

@media (max-width: 1440px) {
    .testimonials-clients .video_card .fa-quote-left {
        font-size:40px
    }
}

@media (max-width: 1366px) {
    .testimonials-clients .video_card .fa-quote-left {
        font-size:30px
    }
}

.testimonials-clients .video_card .client-bio {
    position: relative;
    padding-top: 10px;
    padding-left: 100px
}

.testimonials-clients .video_card .client-bio .circle-pic {
    position: absolute;
    top: -20px;
    left: 0;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px -10px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px -10px 10px rgba(0,0,0,0.3);
    box-shadow: 0px -10px 10px rgba(0,0,0,0.3);
    object-fit: cover
}

.testimonials-clients .video_card .client-bio .name {
    font-family: "interbold"
}

@media (max-width: 1440px) {
    .testimonials-clients .video_card .client-bio .name {
        font-size:22px;
        line-height: normal;
        margin-bottom: 10px
    }
}

.testimonials-clients .video_card .label {
    font-family: "interbold";
    border-top: 1px solid #F0F0F0;
    padding-top: 10px
}

.testimonials-clients .video_card .quality-list {
    display: flex;
    flex-wrap: wrap
}

.testimonials-clients .video_card .quality-list li {
    flex-basis: 50%
}

@media (max-width: 575px) {
    .testimonials-clients .video_card .quality-list li {
        flex-basis:100%
    }
}

.testimonials-clients .video_card .quality-list li .rate_star {
    color: #f9bc39;
    display: inline-block;
    width: 48%;
    vertical-align: top;
    font-size: 14px
}

@media (max-width: 1699px) {
    .testimonials-clients .video_card .quality-list li .rate_star {
        width:45%;
        font-size: 13px
    }
}

@media (max-width: 1366px) {
    .testimonials-clients .video_card .quality-list li .rate_star {
        width:100%
    }
}

@media (max-width: 991px) {
    .testimonials-clients .video_card .quality-list li .rate_star {
        width:48%
    }
}

.testimonials-clients .video_card .quality-list li .half {
    font-size: 14px;
    font-family: "intermedium";
    margin: 0;
    display: inline-block;
    width: 50%;
    vertical-align: top
}

@media (max-width: 1366px) {
    .testimonials-clients .video_card .quality-list li .half {
        width:100%
    }
}

@media (max-width: 991px) {
    .testimonials-clients .video_card .quality-list li .half {
        width:50%
    }
}

.testimonials-clients .text_card {
    background-color: #fff;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-width: 991px) {
    .testimonials-clients .text_card {
        max-width:570px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px
    }
}

.testimonials-clients .text_card .vieo_pic {
    position: relative;
    background-color: #f6f6f6;
    padding: 60px 30px 30px 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    min-height: 257px;
    max-height: 257px;
    overflow-x: hidden;
    overflow-y: auto
}

@media (max-width: 1440px) {
    .testimonials-clients .text_card .vieo_pic {
        padding-top:40px
    }
}

@media (max-width: 1366px) {
    .testimonials-clients .text_card .vieo_pic {
        padding-top:30px
    }
}

@media (max-width: 991px) {
    .testimonials-clients .text_card .vieo_pic {
        min-height:auto;
        max-height: 100%
    }
}

.testimonials-clients .text_card:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2)
}

.testimonials-clients .text_card .fa-quote-left {
    position: absolute;
    left: 20px;
    top: 10px;
    font-size: 50px;
    color: #0076FF
}

@media (max-width: 1440px) {
    .testimonials-clients .text_card .fa-quote-left {
        font-size:40px
    }
}

@media (max-width: 1366px) {
    .testimonials-clients .text_card .fa-quote-left {
        font-size:30px
    }
}

.testimonials-clients .text_card .client-bio {
    position: relative;
    padding-top: 10px;
    padding-left: 100px
}

.testimonials-clients .text_card .client-bio .circle-pic {
    position: absolute;
    top: -20px;
    left: 0;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px -10px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -10px 10px rgba(0,0,0,0.2);
    box-shadow: 0px -10px 10px rgba(0,0,0,0.2)
}

.testimonials-clients .text_card .client-bio .name {
    font-family: "interbold"
}

@media (max-width: 1440px) {
    .testimonials-clients .text_card .client-bio .name {
        font-size:22px;
        line-height: normal;
        margin-bottom: 10px
    }
}

.testimonials-clients .text_card .label {
    font-family: "interbold";
    border-top: 1px solid #F0F0F0;
    padding-top: 10px
}

.testimonials-clients .text_card .quality-list {
    display: flex;
    flex-wrap: wrap
}

.testimonials-clients .text_card .quality-list li {
    flex-basis: 50%
}

@media (max-width: 575px) {
    .testimonials-clients .text_card .quality-list li {
        flex-basis:100%
    }
}

.testimonials-clients .text_card .quality-list li .rate_star {
    color: #f9bc39;
    display: inline-block;
    width: 48%;
    vertical-align: top;
    font-size: 14px
}

@media (max-width: 1699px) {
    .testimonials-clients .text_card .quality-list li .rate_star {
        width:45%;
        font-size: 13px
    }
}

@media (max-width: 1366px) {
    .testimonials-clients .text_card .quality-list li .rate_star {
        width:100%
    }
}

@media (max-width: 991px) {
    .testimonials-clients .text_card .quality-list li .rate_star {
        width:48%
    }
}

.testimonials-clients .text_card .quality-list li .half {
    font-size: 14px;
    font-family: "intermedium";
    margin: 0;
    display: inline-block;
    width: 50%;
    vertical-align: top
}

@media (max-width: 1366px) {
    .testimonials-clients .text_card .quality-list li .half {
        width:100%
    }
}

@media (max-width: 991px) {
    .testimonials-clients .text_card .quality-list li .half {
        width:50%
    }
}

.lity {
    z-index: 9999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0,0,0,0.9);
    outline: none !important;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.lity.lity-opened {
    opacity: 1
}

.lity.lity-closed {
    opacity: 0
}

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

.lity-wrap {
    z-index: 9999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: none !important
}

.lity-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -0.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.lity-loading .lity-loader {
    opacity: 1
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: none !important
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease
}

.lity-loading .lity-content,.lity-closed .lity-content {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8)
}

.lity-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
    box-shadow: 0 0 8px rgba(0,0,0,0.6)
}

.lity-close {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited {
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close:active {
    top: 1px
}

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0
}

.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container {
    width: 100%;
    max-width: 964px
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    background: #000
}

.lity-hide {
    display: none
}

.android-benefits.crypto-benefits.laravel-development-benefits .benefits-box {
    margin-top: 50px
}

@media (max-width: 991px) {
    .android-benefits.crypto-benefits.laravel-development-benefits .benefits-box {
        margin-top:20px
    }
}

.android-benefits.crypto-benefits.laravel-development-benefits .benefits-box i:before {
    background-image: url("../img/laravel-development/png/laravel-sprite1.png")
}

.robust-new-services.mobile-services.lara-benefits .service-box .icon {
    background-image: url("../img/laravel-development/png/laravel-sprite2.png")
}

.blockchain-technologies.cryptocurrency-features.mean-stack-technology.laravel-d-services .andBox .icon {
    background-image: url("../img/laravel-development/png/laravel-sprite4.png")
}

.custom-container.game-container {
    max-width: 80%
}

@media screen and (max-width: 1600px) {
    .custom-container.game-container {
        max-width:1366px
    }
}

@media screen and (max-width: 1440px) {
    .custom-container.game-container {
        max-width:1170px
    }
}

@media screen and (max-width: 991px) {
    .custom-container.game-container {
        max-width:98%
    }
}

.game-main-banner {
    background-color: #081321;
    padding: 150px 0 0px 0;
    position: relative;
    margin-bottom: -1px
}

.game-main-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url(../img/game-main-page/png/service-bnr-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80vw
}

@media screen and (max-width: 1600px) {
    .game-main-banner {
        min-height:500px
    }
}

@media screen and (max-width: 1440px) {
    .game-main-banner {
        min-height:470px;
        padding-top: 150px
    }
}

@media screen and (max-width: 575px) {
    .game-main-banner {
        min-height:100%;
        padding-top: 120px;
        padding-bottom: 0px
    }
}

.game-main-banner h1 {
    color: #4cceff;
    font-size: 5vw;
    text-align: center;
    line-height: normal;
    font-family: "interbold";
    margin-bottom: 0
}

@media screen and (max-width: 1600px) {
    .game-main-banner h1 {
        font-size:5vw
    }
}

@media screen and (max-width: 1200px) {
    .game-main-banner h1 {
        font-size:6.4vw
    }
}

@media screen and (max-width: 575px) {
    .game-main-banner h1 {
        font-size:7.4vw
    }
}

.game-main-banner h1 span {
    color: #fff
}

.game-main-banner p {
    color: #fff;
    margin: 0;
    padding: 0
}

.game-main-banner .text-container {
    max-width: 1380px;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 30px
}

@media screen and (max-width: 1440px) {
    .game-main-banner .text-container {
        max-width:1300px
    }
}

@media screen and (max-width: 1366px) {
    .game-main-banner .text-container {
        max-width:1200px
    }
}

.game-main-banner .container-fluid {
    position: relative;
    z-index: 1;
    padding: 0
}

.game-main-section {
    background-color: #081321;
    padding: 100px 0;
    margin-bottom: -1px;
    overflow: hidden
}

@media screen and (max-width: 1600px) {
    .game-main-section {
        padding:100px 0
    }
}

@media screen and (max-width: 1200px) {
    .game-main-section {
        padding:70px 0
    }
}

@media screen and (max-width: 991px) {
    .game-main-section .col-sm-5 {
        flex:0 0 100%;
        max-width: 100%
    }

    .game-main-section .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .game-main-section .column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
}

@media screen and (max-width: 767px) {
    .game-main-section {
        padding:50px 0;
        background-size: 100% auto
    }
}

@media screen and (max-width: 575px) {
    .game-main-section {
        padding-top:0px
    }
}

.game-main-section .custom-container {
    max-width: 1380px;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .game-main-section .custom-container {
        max-width:1300px
    }
}

@media screen and (max-width: 1366px) {
    .game-main-section .custom-container {
        max-width:1200px
    }
}

.game-main-section h2 {
    color: #fff;
    font-family: "interbold";
    position: relative;
    margin-bottom: 40px
}

@media screen and (max-width: 1600px) {
    .game-main-section h2 {
        margin-bottom:30px
    }
}

@media screen and (max-width: 1024px) {
    .game-main-section h2 {
        margin-bottom:10px
    }
}

@media screen and (max-width: 575px) {
    .game-main-section h2 {
        text-align:center;
        line-height: normal
    }
}

.game-main-section h3 {
    color: #fff;
    line-height: normal;
    margin-bottom: 5px;
    font-family: "intermedium"
}

@media screen and (max-width: 575px) {
    .game-main-section h3 {
        font-size:18px
    }
}

.game-main-section .sma-box {
    background-color: #0076FF;
    padding: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative
}

.game-main-section .sma-box:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../img/game-main-page/png/wave.png);
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.game-main-section .sma-box .bx-padd {
    padding: 30px
}

@media screen and (max-width: 1024px) {
    .game-main-section .sma-box .bx-padd {
        padding:0 20px
    }
}

.game-main-section .sma-box .style_2 {
    margin-top: 30px;
    -webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.5);
    box-shadow: 10px 10px 20px rgba(0,0,0,0.5)
}

.game-main-section .sma-box .style_2:hover {
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5)
}

@media screen and (max-width: 575px) {
    .game-main-section .sma-box .style_2 {
        font-size:14px;
        white-space: unset
    }
}

@media screen and (max-width: 991px) {
    .game-main-section .sma-box {
        text-align:center
    }
}

.game-main-section .sma-box .card-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0
}

@media screen and (max-width: 767px) {
    .game-main-section .sma-box .card-list {
        text-align:center
    }
}

.game-main-section .sma-box .card-list li {
    vertical-align: top;
    flex-basis: 20%;
    align-items: flex-start;
    text-align: center;
    padding: 0px;
    margin: 18px 0px;
    position: relative
}

@media screen and (max-width: 1200px) {
    .game-main-section .sma-box .card-list li {
        margin-bottom:0
    }
}

@media screen and (max-width: 575px) {
    .game-main-section .sma-box .card-list li {
        flex-basis:33%
    }
}

@media screen and (max-width: 450px) {
    .game-main-section .sma-box .card-list li {
        flex-basis:50%
    }
}

.game-main-section .sma-box .card-list li h4 {
    font-size: 16px;
    color: #fff;
    line-height: normal;
    font-family: "interregular";
    margin-bottom: 0
}

@media screen and (max-width: 1200px) {
    .game-main-section .sma-box .card-list li h4 {
        margin-bottom:0
    }
}

.game-main-section .sma-box .card-list li .icon {
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    width: 84px;
    height: 84px;
    position: relative;
    margin-bottom: 0px;
    border: 1px solid rgba(255,255,255,0.2)
}

.game-main-section .sma-box .card-list li .icon:before {
    content: "";
    width: 60px;
    height: 60px;
    background-image: url(../img/game-main-page/png/game-mainSprite1.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    top: 10px
}

.game-main-section .sma-box .card-list li .icon.icon1:before {
    background-position: 0 0px
}

.game-main-section .sma-box .card-list li .icon.icon2:before {
    background-position: 0 -60px
}

.game-main-section .sma-box .card-list li .icon.icon3:before {
    background-position: 0 -120px
}

.game-main-section .sma-box .card-list li .icon.icon4:before {
    background-position: 0 -180px
}

.game-main-section .sma-box .card-list li .icon.icon5:before {
    background-position: 0 -240px
}

.game-main-section .sma-box .video-mask {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    overflow: hidden;
    max-width: 543px;
    max-height: 491px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    margin: 0 auto
}

.game-main-section .sma-box .video-mask video {
    width: 100%;
    height: 100%
}

.game-main-section .relative {
    position: relative
}

@media screen and (max-width: 991px) {
    .game-main-section .relative .game-home-main-img {
        text-align:center
    }
}

.game-main-section .relative .game-home-main-img img {
    max-width: 543px;
    width: 100%;
    height: auto;
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

@media screen and (max-width: 991px) {
    .game-main-section .relative .game-home-main-img img {
        display:inline-block
    }
}

@media screen and (max-width: 991px) {
    .game-main-section .relative .game-home-main-img {
        margin-bottom:20px
    }
}

.game-main-section.game-main-section1 .sma-box {
    background: #3489f1
}

.game-main-section.game-main-section1 .sma-box:before {
    background-position: 40% top
}

.game-main-section.game-main-section2 .sma-box {
    background: #ffb03a;
    background: -webkit-linear-gradient(145deg, #ffb03a 0%, #972002 60%);
    background: -o-linear-gradient(145deg, #ffb03a 0%, #972002 60%);
    background: linear-gradient(235deg, #ffb03a 0%, #972002 60%)
}

.game-main-section.game-main-section2 .sma-box .card-list li .icon:before {
    background-image: url(../img/game-main-page/png/game-mainSprite2.png)
}

.game-main-section.game-main-section3 .sma-box {
    background: #9400d3;
    background: -webkit-linear-gradient(145deg, #9400d3 0%, #4c0083 60%);
    background: -o-linear-gradient(145deg, #9400d3 0%, #4c0083 60%);
    background: linear-gradient(235deg, #9400d3 0%, #4c0083 60%)
}

.game-main-section.game-main-section3 .sma-box .card-list li .icon:before {
    background-image: url(../img/game-main-page/png/game-mainSprite3.png)
}

.game-main-section.game-main-section4 .sma-box {
    background: #66bf31;
    background: -webkit-linear-gradient(145deg, #66bf31 0%, #0b9c60 60%);
    background: -o-linear-gradient(145deg, #66bf31 0%, #0b9c60 60%);
    background: linear-gradient(235deg, #66bf31 0%, #0b9c60 60%)
}

.game-main-section.game-main-section4 .sma-box .card-list li .icon:before {
    background-image: url(../img/game-main-page/png/game-mainSprite4.png)
}

.game-main-section.game-main-section5 .sma-box {
    background: #f57121;
    background: -webkit-linear-gradient(145deg, #f57121 0%, #bc2c31 60%);
    background: -o-linear-gradient(145deg, #f57121 0%, #bc2c31 60%);
    background: linear-gradient(235deg, #f57121 0%, #bc2c31 60%)
}

.game-main-section.game-main-section5 .sma-box .card-list li .icon:before {
    background-image: url(../img/game-main-page/png/game-mainSprite5.png)
}

.game-main-section.game-main-section6 .sma-box {
    background: #c2332f;
    background: -webkit-linear-gradient(145deg, #c2332f 0%, #ebb127 60%);
    background: -o-linear-gradient(145deg, #c2332f 0%, #ebb127 60%);
    background: linear-gradient(235deg, #c2332f 0%, #ebb127 60%)
}

.game-main-section.game-main-section6 .sma-box .card-list li .icon:before {
    background-image: url(../img/game-main-page/png/game-mainSprite6.png)
}

.game-main-section.game-main-section7 .sma-box {
    background: #44ddfe;
    background: -webkit-linear-gradient(145deg, #44ddfe 0%, #00abe0 60%);
    background: -o-linear-gradient(145deg, #44ddfe 0%, #00abe0 60%);
    background: linear-gradient(235deg, #44ddfe 0%, #00abe0 60%)
}

.game-main-section.game-main-section7 .sma-box .card-list li .icon:before {
    background-image: url(../img/game-main-page/png/game-mainSprite7.png)
}

.game-main-section.game-main-section8 .sma-box {
    background: #723999;
    background: -webkit-linear-gradient(145deg, #723999 0%, #c47e57 60%);
    background: -o-linear-gradient(145deg, #723999 0%, #c47e57 60%);
    background: linear-gradient(235deg, #723999 0%, #c47e57 60%)
}

.game-main-section.game-main-section8 .sma-box .card-list li .icon:before {
    background-image: url(../img/game-main-page/png/game-mainSprite8.png)
}

.game-main-section.game-main-section9 .sma-box {
    background: #e93a74;
    background: -webkit-linear-gradient(145deg, #e93a74 0%, #723999 60%);
    background: -o-linear-gradient(145deg, #e93a74 0%, #723999 60%);
    background: linear-gradient(235deg, #e93a74 0%, #723999 60%)
}

.game-main-section.game-main-section9 .sma-box .card-list li .icon:before {
    background-image: url(../img/game-main-page/png/game-mainSprite9.png)
}

.game-main-section.game-main-section10 .sma-box {
    background: #723999;
    background: -webkit-linear-gradient(145deg, #723999 0%, #34afc5 60%);
    background: -o-linear-gradient(145deg, #723999 0%, #34afc5 60%);
    background: linear-gradient(235deg, #723999 0%, #34afc5 60%)
}

.game-main-section.game-main-section10 .sma-box .card-list li .icon:before {
    background-image: url(../img/game-main-page/png/game-mainSprite10.png)
}

.game-main-section.game-main-section11 .sma-box {
    background: #e93a74;
    background: -webkit-linear-gradient(145deg, #e93a74 0%, #7d3b18 60%);
    background: -o-linear-gradient(145deg, #e93a74 0%, #7d3b18 60%);
    background: linear-gradient(235deg, #e93a74 0%, #7d3b18 60%)
}

.game-main-section.game-main-section11 .sma-box .card-list li .icon:before {
    background-image: url(../img/game-main-page/png/game-mainSprite11.png)
}

.game-main-section.game-main-section13 .sma-box {
    background: #00bccf;
    background: -webkit-linear-gradient(145deg, #00bccf 0%, #066489 60%);
    background: -o-linear-gradient(145deg, #00bccf 0%, #066489 60%);
    background: linear-gradient(235deg, #00bccf 0%, #066489 60%)
}

.game-main-section.game-main-section13 .sma-box .card-list li .icon:before {
    background-image: url(../img/game-main-page/png/game-mainSprite13.png)
}

.why-choose-game-home {
    background-color: #081321;
    padding: 86px 0 73px 0;
    margin-bottom: -1px;
    overflow: hidden
}

.why-choose-game-home h2 {
    font-family: "interbold";
    position: relative;
    margin-bottom: 30px;
    line-height: normal;
    text-align: center;
    color: #fff
}

.why-choose-game-home h2 .light {
    color: #4cceff
}

.why-choose-game-home h2 .pencil {
    width: 251px;
    height: 138px;
    position: absolute;
    left: -10px;
    top: -124px;
    background-image: url(../img/game-main-page/png/pencil.png);
    background-repeat: no-repeat;
    display: inline-block
}

@media screen and (max-width: 1440px) {
    .why-choose-game-home h2 .pencil {
        left:-20px
    }
}

@media screen and (max-width: 1024px) {
    .why-choose-game-home h2 .pencil {
        left:-40px
    }
}

@media screen and (max-width: 991px) {
    .why-choose-game-home h2 .pencil {
        display:none
    }
}

.why-choose-game-home h2 .line {
    width: 82px;
    height: 34px;
    background-image: url(../img/game-main-page/png/line.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 10px;
    position: absolute;
    right: 15%;
    bottom: 10px
}

@media screen and (max-width: 1440px) {
    .why-choose-game-home h2 .line {
        right:10%
    }
}

@media screen and (max-width: 1024px) {
    .why-choose-game-home h2 .line {
        right:0%
    }
}

@media screen and (max-width: 991px) {
    .why-choose-game-home h2 .line {
        display:none
    }
}

@media screen and (max-width: 575px) {
    .why-choose-game-home h2 {
        text-align:center;
        margin-bottom: 50px
    }

    .why-choose-game-home h2 br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .why-choose-game-home .col-sm-3,.why-choose-game-home .col-md-3 {
        flex:0 0 100%;
        max-width: 100%
    }

    .why-choose-game-home .col-sm-9,.why-choose-game-home .col-md-9 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.why-choose-game-home .custom-container {
    max-width: 1380px;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .why-choose-game-home .custom-container {
        max-width:1300px
    }
}

@media screen and (max-width: 1366px) {
    .why-choose-game-home .custom-container {
        max-width:1200px
    }
}

.why-choose-game-home .wc-game-back-box {
    position: relative
}

.why-choose-game-home .wc-game-back-box:before {
    content: "";
    position: absolute;
    left: -70px;
    bottom: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #cf6125
}

.why-choose-game-home .wc-game-back-box:after {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #68a739
}

.why-choose-game-home .wc-game-back-box .wc-game-box {
    background-color: #0e223b;
    padding: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    min-height: 360px;
    background-image: url(../img/game-main-page/png/dots.png);
    background-repeat: no-repeat;
    background-position: right bottom
}

@media screen and (max-width: 1600px) {
    .why-choose-game-home .wc-game-back-box .wc-game-box {
        min-height:300px
    }
}

@media screen and (max-width: 1024px) {
    .why-choose-game-home .wc-game-back-box .wc-game-box {
        min-height:300px
    }
}

.why-choose-game-home .wc-game-back-box .wc-game-box:before {
    content: "";
    position: absolute;
    left: -70px;
    bottom: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #cf6125;
    opacity: 0.2;
    filter: blur(7px)
}

.why-choose-game-home .wc-game-back-box .wc-game-box:after {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #68a739;
    opacity: 0.2;
    filter: blur(7px)
}

.why-choose-game-home .wc-game-back-box .wc-game-box ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 30px 0 0 0
}

@media screen and (max-width: 1200px) {
    .why-choose-game-home .wc-game-back-box .wc-game-box ul {
        margin-top:50px
    }
}

@media screen and (max-width: 1024px) {
    .why-choose-game-home .wc-game-back-box .wc-game-box ul {
        margin-top:32px
    }
}

@media screen and (max-width: 767px) {
    .why-choose-game-home .wc-game-back-box .wc-game-box ul {
        text-align:center
    }
}

.why-choose-game-home .wc-game-back-box .wc-game-box ul li {
    vertical-align: top;
    flex-basis: 33%;
    align-items: flex-start;
    text-align: center;
    padding: 0px;
    margin: 0px 0px;
    position: relative
}

@media screen and (max-width: 575px) {
    .why-choose-game-home .wc-game-back-box .wc-game-box ul li {
        flex-basis:50%
    }
}

@media screen and (max-width: 450px) {
    .why-choose-game-home .wc-game-back-box .wc-game-box ul li {
        flex-basis:100%
    }
}

.why-choose-game-home .wc-game-back-box .wc-game-box ul li .value {
    font-family: "intersemibold";
    display: block;
    color: #4cceff;
    line-height: normal;
    font-size: 64px;
    line-height: 66px
}

@media screen and (max-width: 991px) {
    .why-choose-game-home .wc-game-back-box .wc-game-box ul li .value {
        font-size:35px;
        line-height: 41px
    }
}

@media screen and (max-width: 575px) {
    .why-choose-game-home .wc-game-back-box .wc-game-box ul li .value {
        font-size:25px;
        line-height: 40px
    }
}

.why-choose-game-home .wc-game-back-box .wc-game-box ul li h3 {
    font-size: 17px;
    font-family: "interregular";
    text-align: center;
    color: #fff
}

.why-choose-game-home .relative {
    position: relative
}

.why-choose-game-home .relative .wc-game-main-img {
    position: absolute;
    top: -130px;
    right: 0;
    z-index: 1
}

@media screen and (max-width: 1440px) {
    .why-choose-game-home .relative .wc-game-main-img {
        right:30px;
        top: -100px
    }
}

@media screen and (max-width: 1366px) {
    .why-choose-game-home .relative .wc-game-main-img {
        top:-100px
    }
}

@media screen and (max-width: 1200px) {
    .why-choose-game-home .relative .wc-game-main-img {
        top:-83px;
        right: 40px
    }
}

@media screen and (max-width: 991px) {
    .why-choose-game-home .relative .wc-game-main-img {
        text-align:center;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        margin: auto
    }
}

.why-choose-game-home .relative .wc-game-main-img img {
    max-width: 21vw;
    height: auto;
    position: relative
}

@media screen and (max-width: 1440px) {
    .why-choose-game-home .relative .wc-game-main-img img {
        max-width:22vw
    }
}

@media screen and (max-width: 1366px) {
    .why-choose-game-home .relative .wc-game-main-img img {
        max-width:21vw
    }
}

@media screen and (max-width: 1200px) {
    .why-choose-game-home .relative .wc-game-main-img img {
        max-width:25vw
    }
}

@media screen and (max-width: 991px) {
    .why-choose-game-home .relative .wc-game-main-img img {
        margin-top:-20px;
        max-width: 43vw;
        margin-left: auto
    }
}

.why-choose-game-home .text-center {
    margin-top: 40px
}

.why-choose-game-home .style_3 {
    margin-top: 4rem;
    display: inline-block;
    border-color: #0076FF;
    color: #0076FF
}

.why-choose-game-home .style_3 i {
    vertical-align: baseline
}

.why-choose-game-home .style_3:hover,.why-choose-game-home .style_3:focus {
    background-color: #fff;
    border-color: #fff;
    color: #081321
}

.game-main-cta1 {
    background-color: #081321;
    padding: 86px 0 100px 0;
    margin-bottom: -1px;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .game-main-cta1 .col-sm-3,.game-main-cta1 .col-md-3 {
        flex:0 0 100%;
        max-width: 100%
    }

    .game-main-cta1 .col-sm-6,.game-main-cta1 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.game-main-cta1 h2 {
    font-family: "interbold";
    position: relative;
    margin-bottom: 0px;
    line-height: normal;
    text-align: center;
    color: #fff
}

.game-main-cta1 h2 .light {
    color: #4cceff;
    display: block;
    width: 100%;
    font-family: "interregular"
}

@media screen and (max-width: 575px) {
    .game-main-cta1 h2 {
        text-align:center;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 991px) {
    .game-main-cta1 .col-sm-3,.game-main-cta1 .col-md-3 {
        flex:0 0 100%;
        max-width: 100%
    }

    .game-main-cta1 .col-sm-9,.game-main-cta1 .col-md-9 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.game-main-cta1 .custom-container {
    max-width: 1380px;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .game-main-cta1 .custom-container {
        max-width:1300px
    }
}

@media screen and (max-width: 1366px) {
    .game-main-cta1 .custom-container {
        max-width:1200px
    }
}

.game-main-cta1 .wc-game-back-box {
    position: relative
}

.game-main-cta1 .wc-game-back-box:before {
    content: "";
    position: absolute;
    left: -70px;
    bottom: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #cf6125
}

.game-main-cta1 .wc-game-back-box:after {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #68a739
}

.game-main-cta1 .wc-game-back-box .wc-game-box {
    background-color: #0e223b;
    padding: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    min-height: 360px;
    background-image: url(../img/game-main-page/png/dots.png);
    background-repeat: no-repeat;
    background-position: right bottom
}

@media screen and (max-width: 1600px) {
    .game-main-cta1 .wc-game-back-box .wc-game-box {
        min-height:300px
    }
}

@media screen and (max-width: 1024px) {
    .game-main-cta1 .wc-game-back-box .wc-game-box {
        min-height:300px
    }
}

.game-main-cta1 .wc-game-back-box .wc-game-box:before {
    content: "";
    position: absolute;
    left: -70px;
    bottom: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #cf6125;
    opacity: 0.2;
    filter: blur(7px)
}

.game-main-cta1 .wc-game-back-box .wc-game-box:after {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #68a739;
    opacity: 0.2;
    filter: blur(7px)
}

.game-main-cta1 .relative {
    position: relative
}

@media screen and (max-width: 991px) {
    .game-main-cta1 .relative {
        text-align:center
    }
}

.game-main-cta1 .relative .wc-game-main-img {
    position: absolute;
    top: -130px;
    right: 0;
    z-index: 1
}

@media screen and (max-width: 1440px) {
    .game-main-cta1 .relative .wc-game-main-img {
        right:30px;
        top: -100px
    }
}

@media screen and (max-width: 1366px) {
    .game-main-cta1 .relative .wc-game-main-img {
        top:-100px
    }
}

@media screen and (max-width: 1200px) {
    .game-main-cta1 .relative .wc-game-main-img {
        top:-83px;
        right: 40px
    }
}

@media screen and (max-width: 991px) {
    .game-main-cta1 .relative .wc-game-main-img {
        text-align:center;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        margin: auto
    }
}

.game-main-cta1 .relative .wc-game-main-img img {
    max-width: 21vw;
    height: auto;
    position: relative
}

@media screen and (max-width: 1440px) {
    .game-main-cta1 .relative .wc-game-main-img img {
        max-width:22vw
    }
}

@media screen and (max-width: 1366px) {
    .game-main-cta1 .relative .wc-game-main-img img {
        max-width:21vw
    }
}

@media screen and (max-width: 1200px) {
    .game-main-cta1 .relative .wc-game-main-img img {
        max-width:25vw
    }
}

@media screen and (max-width: 991px) {
    .game-main-cta1 .relative .wc-game-main-img img {
        margin-top:-20px;
        max-width: 43vw;
        margin-left: auto;
        display: inline-block
    }
}

@media screen and (max-width: 991px) {
    .game-main-cta1 .relative .gm-cta-img img {
        display:inline-block
    }
}

.game-main-cta1 .text-center {
    margin-top: 40px
}

.game-main-cta1 .style_2 {
    display: inline-block;
    background-color: #fff;
    margin-top: 30px;
    color: #081321;
    -webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.5);
    box-shadow: 10px 10px 20px rgba(0,0,0,0.5)
}

.game-main-cta1 .style_2:hover {
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5)
}

.about-us-banner {
    position: relative;
    padding: 150px 0;
    overflow: hidden;
    height: 90vh
}

@media screen and (max-width: 991px) {
    .about-us-banner {
        padding-top:150px;
        max-height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.about-us-banner:before {
    background: #000;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 0px;
    z-index: 3
}

@media screen and (max-width: 991px) {
    .about-us-banner:before {
        z-index:3
    }
}

.about-us-banner:after {
    background-color: #000;
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-image: url("../img/about-us/webp/about.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center bottom
}

@media screen and (max-width: 991px) {
    .about-us-banner:after {
        z-index:1
    }
}

.about-us-banner .home-text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 4;
    flex-direction: column
}

@media screen and (max-width: 991px) {
    .about-us-banner .home-text {
        z-index:4;
        margin-top: 50px
    }
}

.about-us-banner h1 {
    text-align: center;
    color: #ffc400;
    font-family: "interbold";
    padding-right: 0;
    margin-bottom: 10px;
    line-height: normal;
    margin-top: 20%
}

@media screen and (max-width: 991px) {
    .about-us-banner h1 {
        margin-top:80px;
        padding-right: 0
    }
}

.about-us-banner h1 abbr {
    display: inline-block;
    color: #fff;
    font-family: "intermedium"
}

.about-us-banner h1 span {
    display: block
}

.about-us-banner p {
    text-align: center;
    color: #fff
}

@media (max-width: 1024px) {
    .about-us-banner p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .about-us-banner p {
        padding-right:0
    }
}

.about-us-banner .btn {
    margin: 10px;
    padding: 20px 50px 20px 30px;
    font-size: 20px;
    font-family: "interbold";
    -webkit-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2)
}

@media screen and (max-width: 991px) {
    .about-us-banner .btn {
        padding:15px 42px 15px 15px;
        font-size: 16px
    }
}

.about-us-banner .btn:active {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2)
}

.about-us-banner .btn.btn-red {
    background: #e54724;
    background: -webkit-linear-gradient(bottom, #e54724 0%, #f7023f 100%);
    background: -o-linear-gradient(bottom, #e54724 0%, #f7023f 100%);
    background: linear-gradient(to top, #e54724 0%, #f7023f 100%)
}

.about-us-banner .btn .arrow {
    width: 30px;
    height: 30px
}

@media screen and (max-width: 991px) {
    .about-us-banner .btn .arrow {
        width:20px;
        height: 20px
    }
}

@media (max-width: 991px) {
    .about-us-banner {
        text-align:center
    }

    .about-us-banner .row {
        flex-wrap: wrap-reverse
    }
}

@media (max-width: 767px) {
    .about-us-banner {
        padding:100px 0 50px 0
    }
}

.about-partners-companies {
    padding: 10px 0
}

.about-partners-companies .partners {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .about-partners-companies .partners {
        display:block;
        text-align: center;
        position: static;
        margin-top: 30px;
        margin-bottom: 30px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        min-height: 100px
    }
}

.about-partners-companies .partners .icon {
    position: relative;
    flex-basis: 16%;
    align-items: flex-start;
    width: 160px;
    height: 80px;
    margin: 15px 0
}

@media screen and (max-width: 1024px) {
    .about-partners-companies .partners .icon {
        width:150px;
        height: 75px;
        display: inline-block
    }
}

@media screen and (max-width: 991px) {
    .about-partners-companies .partners .icon {
        margin:10px;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .about-partners-companies .partners .icon {
        margin:5px 0
    }
}

.about-partners-companies .partners .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 160px;
    height: 80px;
    background-image: url(../img/about-us/png/aboutSprite3-1.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

@media screen and (max-width: 1024px) {
    .about-partners-companies .partners .icon:before {
        width:150px;
        height: 75px
    }
}

.about-partners-companies .partners .icon.icon1:before {
    background-position: 0 0px
}

@media screen and (max-width: 1024px) {
    .about-partners-companies .partners .icon.icon1:before {
        background-position:0 0px
    }
}

.about-partners-companies .partners .icon.icon2:before {
    background-position: 0 -80px
}

@media screen and (max-width: 1024px) {
    .about-partners-companies .partners .icon.icon2:before {
        background-position:0 -75px
    }
}

.about-partners-companies .partners .icon.icon3:before {
    background-position: 0 -160px
}

@media screen and (max-width: 1024px) {
    .about-partners-companies .partners .icon.icon3:before {
        background-position:0 -150px
    }
}

.about-partners-companies .partners .icon.icon4:before {
    background-position: 0 -240px
}

@media screen and (max-width: 1024px) {
    .about-partners-companies .partners .icon.icon4:before {
        background-position:0 -225px
    }
}

.about-partners-companies .partners .icon.icon5:before {
    background-position: 0 -320px
}

@media screen and (max-width: 1024px) {
    .about-partners-companies .partners .icon.icon5:before {
        background-position:0 -300px
    }
}

.about-partners-companies .partners .icon.icon6:before {
    background-position: 0 -400px
}

@media screen and (max-width: 1024px) {
    .about-partners-companies .partners .icon.icon6:before {
        background-position:0 -300px
    }
}

.about-partners {
    padding: 10px 0
}

.about-partners .partners {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .about-partners .partners {
        display:block;
        text-align: center;
        position: static;
        margin-top: 30px;
        margin-bottom: 30px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        min-height: 100px
    }
}

.about-partners .partners .icon {
    position: relative;
    flex-basis: 20%;
    align-items: flex-start;
    width: 200px;
    height: 100px;
    margin: 15px 0
}

@media screen and (max-width: 1024px) {
    .about-partners .partners .icon {
        width:150px;
        height: 75px;
        display: inline-block
    }
}

@media screen and (max-width: 991px) {
    .about-partners .partners .icon {
        margin:10px;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .about-partners .partners .icon {
        margin:5px 0
    }
}

.about-partners .partners .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 200px;
    height: 100px;
    background-image: url(../img/about-us/png/aboutSprite1-1.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

@media screen and (max-width: 1024px) {
    .about-partners .partners .icon:before {
        width:150px;
        height: 75px
    }
}

.about-partners .partners .icon.icon1:before {
    background-position: 0 0px
}

@media screen and (max-width: 1024px) {
    .about-partners .partners .icon.icon1:before {
        background-position:0 0px
    }
}

.about-partners .partners .icon.icon2:before {
    background-position: 0 -100px
}

@media screen and (max-width: 1024px) {
    .about-partners .partners .icon.icon2:before {
        background-position:0 -75px
    }
}

.about-partners .partners .icon.icon3:before {
    background-position: 0 -200px
}

@media screen and (max-width: 1024px) {
    .about-partners .partners .icon.icon3:before {
        background-position:0 -150px
    }
}

.about-partners .partners .icon.icon4:before {
    background-position: 0 -300px
}

@media screen and (max-width: 1024px) {
    .about-partners .partners .icon.icon4:before {
        background-position:0 -225px
    }
}

.about-partners .partners .icon.icon5:before {
    background-position: 0 -400px
}

@media screen and (max-width: 1024px) {
    .about-partners .partners .icon.icon5:before {
        background-position:0 -300px
    }
}

.about-trackRecord {
    padding-bottom: 100px
}

@media screen and (max-width: 991px) {
    .about-trackRecord {
        padding-bottom:0px;
        text-align: center
    }
}

@media screen and (max-width: 991px) {
    .about-trackRecord h2 {
        margin-top:30px
    }
}

@media screen and (max-width: 991px) {
    .about-trackRecord .about-blue-connect {
        text-align:left
    }
}

.about-trackRecord .about-blue-connect .box-link {
    background-color: #022a5e;
    padding: 30px;
    display: block;
    position: relative
}

.about-trackRecord .about-blue-connect .box-link:hover .icon2 {
    right: 22px
}

.about-trackRecord .about-blue-connect .icon {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    background-image: url(../img/about-us/png/linkedin.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0
}

.about-trackRecord .about-blue-connect .icon2 {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 33px;
    margin-bottom: 10px;
    background-image: url(../img/about-us/png/arrow.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    position: absolute;
    right: 33px;
    bottom: 33px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.about-trackRecord .about-blue-connect h3 {
    color: #fff;
    font-family: "interbold";
    text-transform: uppercase
}

.about-slider-box {
    min-height: 600px;
    padding-top: 200px;
    background-color: #000;
    position: relative;
    margin-bottom: 100px
}

@media (max-width: 1024px) {
    .about-slider-box {
        text-align:center
    }

    .about-slider-box .col-sm-6,.about-slider-box .col-md-6 {
        width: 100%
    }

    .about-slider-box .btn {
        margin-bottom: 40px
    }
}

@media (max-width: 991px) {
    .about-slider-box {
        height:100%;
        margin-top: 50px
    }
}

.about-slider-box:before {
    background: #000;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

.about-slider-box:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/about-us/webp/why-about-us.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    z-index: 1
}

.about-slider-box .relative {
    position: relative
}

.about-slider-box .container {
    position: relative;
    z-index: 3
}

.about-slider-box h2 {
    color: #fff;
    margin-bottom: 30px
}

.about-slider-box p {
    color: #fff
}

.about-slider-box p a {
    color: #FF9100
}

.about-slider-box .cCustomers li {
    color: #fff;
    padding-left: 30px;
    margin-bottom: 10px;
    position: relative
}

@media (max-width: 991px) {
    .about-slider-box .cCustomers li {
        text-align:left
    }
}

.about-slider-box .cCustomers li:before {
    content: "";
    position: relative;
    width: 20px;
    height: 11px;
    background-image: url(../img/about-us/png/arrow2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    position: absolute;
    left: 0;
    top: 6px
}

.about-slider-box .owl-cCustomers {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -120px;
    background-color: #F5F5F5;
    padding: 50px
}

@media (max-width: 991px) {
    .about-slider-box .owl-cCustomers {
        text-align:left;
        position: relative
    }
}

.about-slider-box .owl-cCustomers .owl-item {
    margin-bottom: 30px
}

.about-slider-box .owl-cCustomers .owl-item h3 {
    color: #000;
    font-family: "interbold"
}

.about-slider-box .owl-cCustomers .owl-item h3 span {
    color: #0076FF
}

.about-slider-box .owl-cCustomers .owl-item p {
    color: #000
}

.about-slider-box .owl-cCustomers .owl-dots {
    text-align: center;
    margin-top: -20px
}

.about-slider-box .owl-cCustomers .owl-dots button:before,.about-slider-box .owl-cCustomers .owl-dots button:after {
    display: none
}

.about-slider-box .owl-cCustomers .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    background-color: #BEBEBE;
    margin: 10px 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px
}

.about-slider-box .owl-cCustomers .owl-dots button.owl-dot.active {
    width: 40px;
    background-color: #0076FF
}

.about-photo-grid {
    padding-bottom: 0
}

.about-photo-grid .img-hover {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden;
    margin-bottom: 30px
}

@media (max-width: 991px) {
    .about-photo-grid .img-hover {
        margin-bottom:30px
    }
}

.about-photo-grid .img-hover img {
    width: 100%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.about-photo-grid .img-hover:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.recognition.about-certified abbr {
    font-size: 52px;
    line-height: 52px;
    font-family: "interbold";
    color: #fff
}

@media (max-width: 1600px) {
    .recognition.about-certified abbr {
        font-size:42px;
        line-height: 42px
    }
}

@media (max-width: 1366px) {
    .recognition.about-certified abbr {
        font-size:36px;
        line-height: 36px
    }
}

.recognition.about-certified span {
    font-size: 36px;
    line-height: 42px;
    color: #fff
}

.recognition.about-certified p {
    color: #fff;
    font-size: 18px;
    font-family: "intermedium";
    margin: 0
}

.recognition.about-certified p.bot {
    margin-bottom: 50px
}

@media (max-width: 1024px) {
    .about-work .col-sm-3,.about-work .col-md-3 {
        width:50%
    }
}

@media (max-width: 991px) {
    .about-work {
        text-align:center
    }

    .about-work .bdr:before {
        display: none
    }

    .about-work .col-sm-4,.about-work .col-md-4 {
        width: 50%
    }
}

@media (max-width: 575px) {
    .about-work .col-sm-3,.about-work .col-md-3 {
        width:100%
    }

    .about-work .col-sm-4,.about-work .col-md-4 {
        width: 100%
    }

    .about-work .mb-40 {
        margin-bottom: 20px
    }
}

.about-work h2 {
    font-family: "interlight"
}

.about-work h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.about-work h4 i {
    font-size: 16px
}

.about-work p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .about-work p.top {
        margin-top:0px
    }
}

.about-work .service-box {
    background-color: #fff;
    margin-top: 30px;
    height: 93%;
    position: relative;
    padding-bottom: 50px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.about-work .service-box .iot-list li {
    margin-bottom: 30px
}

.about-work .service-box .iot-list li:hover h3 {
    color: #000
}

.about-work .service-box .iot-list li:hover h4 {
    color: #0076FF
}

.about-work .service-box .iot-list li:hover h4 i {
    color: #0076FF
}

.about-work .service-box .iot-list li:hover h4 i:before {
    color: #0076FF
}

.about-work .service-box .iot-list li:hover p {
    color: #000
}

.about-work .service-box .click-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.about-work .service-box .icon-go {
    position: absolute;
    bottom: 10px;
    right: 20px;
    margin-bottom: 0
}

.about-work .service-box .icon-go i {
    font-size: 24px
}

.about-work .ondemand_service .owl-dots {
    text-align: center;
    margin-top: 20px
}

.about-work .ondemand_service .owl-dots button:before,.about-work .ondemand_service .owl-dots button:after {
    display: none
}

.about-work .ondemand_service .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    background-color: #BEBEBE;
    margin: 10px 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px
}

.about-work .ondemand_service .owl-dots button.owl-dot.active {
    width: 50px;
    background-color: #0076FF
}

.about-work .about-boxImg {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    min-height: 586px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

.about-work .about-boxImg.bg1 {
    background-image: url(../img/about-us/jpg/bg1.jpg)
}

.about-work .about-boxImg.bg2 {
    background-image: url(../img/about-us/jpg/bg2.jpg)
}

.about-work .about-boxImg.bg3 {
    background-image: url(../img/about-us/jpg/bg3.jpg)
}

.about-work .about-boxImg.bg4 {
    background-image: url(../img/about-us/jpg/bg4.jpg)
}

.about-work .about-boxImg.bg5 {
    background-image: url(../img/about-us/jpg/bg5.jpg)
}

.about-work .about-boxImg.bg6 {
    background-image: url(../img/about-us/jpg/bg6.jpg)
}

.about-work .about-boxImg:before {
    content: "";
    background: #000;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.1) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.1) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.1) 100%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.about-work .about-boxImg .hover {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 50px 20px 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: rgba(0,0,0,0.4)
}

.about-work .about-boxImg .hover .icon {
    width: 150px;
    height: 150px;
    background-image: url(../img/about-us/jpg/co-sprite.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    border-radius: 200px
}

.about-work .about-boxImg .hover .icon.icon1 {
    background-position: 0 0px
}

.about-work .about-boxImg .hover .icon.icon2 {
    background-position: 0 -150px
}

.about-work .about-boxImg .hover .icon.icon3 {
    background-position: 0 -300px
}

.about-work .about-boxImg .hover .icon.icon4 {
    background-position: 0 -450px
}

.about-work .about-boxImg .hover .icon.icon5 {
    background-position: 0 -600px
}

.about-work .about-boxImg .hover .icon.icon6 {
    background-position: 0 -750px
}

@media (max-width: 991px) {
    .about-work .about-boxImg .hover .icon {
        width:100px;
        height: 100px;
        background-size: 100% auto
    }

    .about-work .about-boxImg .hover .icon.icon1 {
        background-position: 0 0px
    }

    .about-work .about-boxImg .hover .icon.icon2 {
        background-position: 0 -100px
    }

    .about-work .about-boxImg .hover .icon.icon3 {
        background-position: 0 -200px
    }

    .about-work .about-boxImg .hover .icon.icon4 {
        background-position: 0 -300px
    }

    .about-work .about-boxImg .hover .icon.icon5 {
        background-position: 0 -400px
    }

    .about-work .about-boxImg .hover .icon.icon6 {
        background-position: 0 -500px
    }
}

.about-work .about-boxImg .hover .author {
    font-family: "interbold";
    margin-bottom: 0px;
    position: absolute;
    bottom: 30px
}

.about-work .about-boxImg .hover .author h3 {
    margin-top: 10px;
    margin-bottom: 10px
}

.about-work .about-boxImg .hover .text {
    display: none;
    font-family: "intermedium";
    text-align: left;
    margin-bottom: 2rem;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.about-work .about-boxImg .hover .text .about-social {
    margin-bottom: 10px
}

.about-work .about-boxImg .hover .text .about-social li {
    display: inline-block;
    margin: 5px
}

.about-work .about-boxImg .hover .text .about-social li a {
    width: 40px;
    height: 40px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #0076FF;
    text-align: center;
    line-height: 46px
}

.about-work .about-boxImg .hover .text .about-social li a.fb {
    background-color: #3b5998
}

.about-work .about-boxImg .hover .text .about-social li a.tw {
    background-color: #55acee
}

.about-work .about-boxImg .hover .text .about-social li a.li {
    background-color: #0e76a8
}

.about-work .about-boxImg .hover .text .about-social li i {
    color: #fff;
    font-size: 22px
}

.about-work .about-boxImg .hover .text .about-social li:hover a {
    background-color: #0076FF
}

.about-work .about-boxImg:hover .hover {
    top: 0;
    background-color: rgba(0,0,0,0.8)
}

.about-work .about-boxImg:hover .hover .author {
    margin-bottom: 0;
    position: relative
}

.about-work .about-boxImg:hover .hover .icon {
    width: 70px;
    height: 70px;
    background-size: 100% auto
}

@media (max-width: 991px) {
    .about-work .about-boxImg:hover .hover .icon {
        width:70px;
        height: 70px;
        background-size: 100% auto
    }

    .about-work .about-boxImg:hover .hover .icon.icon1 {
        background-position: 0 0
    }

    .about-work .about-boxImg:hover .hover .icon.icon2 {
        background-position: 0 -70px
    }

    .about-work .about-boxImg:hover .hover .icon.icon3 {
        background-position: 0 -140px
    }

    .about-work .about-boxImg:hover .hover .icon.icon4 {
        background-position: 0 -210px
    }

    .about-work .about-boxImg:hover .hover .icon.icon5 {
        background-position: 0 -280px
    }

    .about-work .about-boxImg:hover .hover .icon.icon6 {
        background-position: 0 -350px
    }
}

.about-work .about-boxImg:hover .hover .icon.icon1 {
    background-position: 0 0
}

.about-work .about-boxImg:hover .hover .icon.icon2 {
    background-position: 0 -70px
}

.about-work .about-boxImg:hover .hover .icon.icon3 {
    background-position: 0 -140px
}

.about-work .about-boxImg:hover .hover .icon.icon4 {
    background-position: 0 -210px
}

.about-work .about-boxImg:hover .hover .icon.icon5 {
    background-position: 0 -280px
}

.about-work .about-boxImg:hover .hover .icon.icon6 {
    background-position: 0 -350px
}

.about-work .about-boxImg:hover .hover .text {
    display: block;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.about-expertise {
    position: relative
}

@media (max-width: 1024px) {
    .about-expertise {
        text-align:center
    }

    .about-expertise .col-sm-6,.about-expertise .col-md-6 {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .about-expertise {
        padding-bottom:0
    }
}

.about-expertise:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.about-expertise h2 {
    font-family: "interlight"
}

.about-expertise h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.about-expertise p.top {
    margin-top: 27px
}

.about-expertise .custom-box {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.about-expertise .custom-box li {
    flex-basis: 23%;
    background-color: #fff;
    display: block;
    font-size: 14px;
    margin: 10px;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1399px) {
    .about-expertise .custom-box li {
        margin:7px
    }
}

@media screen and (max-width: 991px) {
    .about-expertise .custom-box li {
        margin:5px
    }
}

@media screen and (max-width: 767px) {
    .about-expertise .custom-box li {
        flex-basis:31%
    }
}

@media screen and (max-width: 575px) {
    .about-expertise .custom-box li {
        flex-basis:45%;
        padding: 10px
    }
}

.about-expertise .custom-box li:hover {
    background-color: #fff;
    color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.about-expertise .custom-box li a {
    font-size: 14px;
    color: #000;
    display: block;
    padding: 40px 0
}

.about-expertise .custom-box li .icon {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    background-image: url(../img/about-us/png/aboutSprite2.png);
    background-repeat: no-repeat;
    background-position: center top
}

@media screen and (max-width: 1600px) {
    .about-expertise .custom-box li .icon {
        width:70px;
        height: 70px;
        background-size: 100% auto
    }
}

.about-expertise .custom-box li .icon.icon1 {
    background-position: 0 0
}

@media screen and (max-width: 1600px) {
    .about-expertise .custom-box li .icon.icon1 {
        background-position:0 0
    }
}

.about-expertise .custom-box li .icon.icon2 {
    background-position: 0 -100px
}

@media screen and (max-width: 1600px) {
    .about-expertise .custom-box li .icon.icon2 {
        background-position:0 -70px
    }
}

.about-expertise .custom-box li .icon.icon3 {
    background-position: 0 -200px
}

@media screen and (max-width: 1600px) {
    .about-expertise .custom-box li .icon.icon3 {
        background-position:0 -140px
    }
}

.about-expertise .custom-box li .icon.icon4 {
    background-position: 0 -300px
}

@media screen and (max-width: 1600px) {
    .about-expertise .custom-box li .icon.icon4 {
        background-position:0 -210px
    }
}

.about-expertise .custom-box li .icon.icon5 {
    background-position: 0 -400px
}

@media screen and (max-width: 1600px) {
    .about-expertise .custom-box li .icon.icon5 {
        background-position:0 -280px
    }
}

.about-expertise .custom-box li .icon.icon6 {
    background-position: 0 -500px
}

@media screen and (max-width: 1600px) {
    .about-expertise .custom-box li .icon.icon6 {
        background-position:0 -350px
    }
}

.about-expertise .custom-box li .icon.icon7 {
    background-position: 0 -600px
}

@media screen and (max-width: 1600px) {
    .about-expertise .custom-box li .icon.icon7 {
        background-position:0 -420px
    }
}

.about-expertise .custom-box li .icon.icon8 {
    background-position: 0 -700px
}

@media screen and (max-width: 1600px) {
    .about-expertise .custom-box li .icon.icon8 {
        background-position:0 -490px
    }
}

.about-expertise .custom-box li .name {
    display: block;
    line-height: normal
}

.about-slide-timeline h2 {
    font-family: "interlight";
    margin-bottom: 40px
}

.about-slide-timeline h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.about-slide-timeline .about-timeline li {
    position: relative;
    border-bottom: 1px solid #0076FF
}

@media screen and (max-width: 991px) {
    .about-slide-timeline .about-timeline li {
        border-bottom:none
    }
}

.about-slide-timeline .about-timeline li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px;
    right: 0;
    margin: auto;
    width: 14px;
    height: 14px;
    background-color: #0076FF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

@media screen and (max-width: 991px) {
    .about-slide-timeline .about-timeline li:before {
        display:none
    }
}

.about-slide-timeline .about-timeline li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    margin: auto;
    width: 1px;
    height: 50px;
    background-color: #0076FF
}

@media screen and (max-width: 991px) {
    .about-slide-timeline .about-timeline li:after {
        display:none
    }
}

.about-slide-timeline .tieline-box {
    background-color: #fff;
    position: relative;
    padding: 40px 40px 40px 40px;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    height: 93%;
    z-index: 2
}

@media screen and (max-width: 1200px) {
    .about-slide-timeline .tieline-box {
        padding:20px;
        height: 97%
    }
}

@media screen and (max-width: 991px) {
    .about-slide-timeline .tieline-box {
        margin-bottom:30px;
        height: auto
    }
}

.about-slide-timeline .tieline-box:hover {
    background-color: #5648F9;
    color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #5648F9
}

.about-slide-timeline .tieline-box:hover .nbr {
    color: #fff
}

.about-slide-timeline .tieline-box .nbr {
    display: inline-block;
    font-size: 50px;
    color: #BEBEBE;
    font-family: "interbold";
    vertical-align: middle
}

.about-slide-timeline .tieline-box h3 {
    font-family: "interbold";
    margin-top: 40px
}

.about-slide-timeline .tieline-box .icon {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: 0 30px 0 auto;
    display: inline-block;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    margin-bottom: 10px;
    background-image: url(../img/about-us/png/aboutSprite4.png);
    background-repeat: no-repeat;
    background-position: center top
}

@media screen and (max-width: 1600px) {
    .about-slide-timeline .tieline-box .icon {
        width:70px;
        height: 70px;
        background-size: 100% auto
    }
}

.about-slide-timeline .tieline-box .icon.icon1 {
    background-position: 0 0
}

@media screen and (max-width: 1600px) {
    .about-slide-timeline .tieline-box .icon.icon1 {
        background-position:0 0
    }
}

.about-slide-timeline .tieline-box .icon.icon2 {
    background-position: 0 -100px
}

@media screen and (max-width: 1600px) {
    .about-slide-timeline .tieline-box .icon.icon2 {
        background-position:0 -70px
    }
}

.about-slide-timeline .tieline-box .icon.icon3 {
    background-position: 0 -200px
}

@media screen and (max-width: 1600px) {
    .about-slide-timeline .tieline-box .icon.icon3 {
        background-position:0 -140px
    }
}

.about-slide-timeline .tieline-box .icon.icon4 {
    background-position: 0 -300px
}

@media screen and (max-width: 1600px) {
    .about-slide-timeline .tieline-box .icon.icon4 {
        background-position:0 -210px
    }
}

.about-slide-timeline .tieline-box .icon.icon5 {
    background-position: 0 -400px
}

@media screen and (max-width: 1600px) {
    .about-slide-timeline .tieline-box .icon.icon5 {
        background-position:0 -280px
    }
}

.about-slide-timeline .tieline-box .icon.icon6 {
    background-position: 0 -500px
}

@media screen and (max-width: 1600px) {
    .about-slide-timeline .tieline-box .icon.icon6 {
        background-position:0 -350px
    }
}

.about-slide-timeline .tieline-box .icon.icon7 {
    background-position: 0 -600px
}

@media screen and (max-width: 1600px) {
    .about-slide-timeline .tieline-box .icon.icon7 {
        background-position:0 -420px
    }
}

.about-slide-timeline .tieline-box .icon.icon8 {
    background-position: 0 -700px
}

@media screen and (max-width: 1600px) {
    .about-slide-timeline .tieline-box .icon.icon8 {
        background-position:0 -490px
    }
}

.about-industry {
    position: relative
}

@media (max-width: 1024px) {
    .about-industry {
        text-align:center
    }

    .about-industry .col-sm-6,.about-industry .col-md-6 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .about-industry {
        padding-bottom:0
    }
}

.about-industry p {
    margin-bottom: 0
}

.about-industry h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.about-industry .archieve-box {
    padding-left: 50px
}

@media screen and (max-width: 1024px) {
    .about-industry .archieve-box {
        margin-top:30px
    }
}

@media screen and (max-width: 991px) {
    .about-industry .archieve-box {
        margin-top:30px;
        padding-left: 0px
    }
}

.about-industry .archieve-box .awards-list {
    text-align: center;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .about-industry .archieve-box .awards-list {
        display:block;
        text-align: center
    }
}

.about-industry .archieve-box .awards-list .award {
    background-color: #fff;
    position: relative;
    flex-basis: 25%;
    align-items: flex-start;
    height: 80px;
    margin: 15px 0
}

@media screen and (max-width: 991px) {
    .about-industry .archieve-box .awards-list .award {
        width:150px;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .about-industry .archieve-box .awards-list .award {
        margin:5px 0
    }
}

.about-industry .archieve-box .awards-list .award:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 70px;
    background-image: url(../img/home/png/homeSprite8.png);
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
    background-size: 100% auto
}

.about-industry .archieve-box .awards-list .award:hover:before {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.about-industry .archieve-box .awards-list .award.aw1:before {
    background-position: 0 0px
}

.about-industry .archieve-box .awards-list .award.aw2:before {
    background-position: 0 -70px
}

.about-industry .archieve-box .awards-list .award.aw3:before {
    background-position: 0 -140px
}

.about-industry .archieve-box .awards-list .award.aw4:before {
    background-position: 0 -210px
}

.about-industry .archieve-box .awards-list .award.aw5:before {
    background-position: 0 -280px
}

.about-industry .archieve-box .awards-list .award.aw6:before {
    background-position: 0 -350px
}

.about-industry .archieve-box .awards-list .award.aw7:before {
    background-position: 0 -420px
}

.about-industry .archieve-box .awards-list .award.aw8:before {
    background-position: 0 -490px
}

.about-industry .archieve-box .awards-list .award.aw9:before {
    background-position: 0 -560px
}

.about-industry .archieve-box .awards-list .award.aw10:before {
    background-position: 0 -630px
}

.about-industry .archieve-box .awards-list .award.aw11:before {
    background-position: 0 -700px
}

.about-industry .archieve-box .awards-list .award.aw12:before {
    background-position: 0 -770px
}

.about-industry .archieve-box .awards-list .award.aw13:before {
    background-position: 0 -840px
}

.about-industry .video-box {
    padding-right: 50px
}

@media screen and (min-device-width: 1921px) and (max-device-width: 10000px) {
    .about-industry .video-box {
        background-color:#0076FF;
        background: #0076FF;
        background: linear-gradient(45deg, #0076FF 50%, #009DFF 100%);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        padding: 40px;
        min-height: 100%
    }
}

@media screen and (max-width: 991px) {
    .about-industry .video-box {
        padding-right:0px
    }
}

.about-industry .video-box h2 {
    color: #fff
}

.about-industry .video-box .in-page-video {
    border: 4px solid #fff;
    background-color: #000;
    max-width: 916px;
    margin: 0 auto 50px auto;
    position: relative;
    width: 100%;
    height: auto
}

@media screen and (max-width: 1199px) {
    .about-industry .video-box .in-page-video {
        padding-bottom:55%;
        height: 0
    }
}

@media screen and (max-width: 767px) {
    .about-industry .video-box .in-page-video {
        margin-bottom:30px
    }
}

.about-industry .video-box .in-page-video iframe {
    width: 100%;
    height: 387px;
    margin-bottom: -7px
}

@media screen and (max-width: 1199px) {
    .about-industry .video-box .in-page-video iframe {
        position:absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin-bottom: 0px
    }
}

.about-industry .video-box .in-page-video button:before,.about-industry .video-box .in-page-video button:after {
    display: none
}

.about-industry .video-box .btn-white {
    background-color: #fff;
    color: #0076FF
}

@media screen and (max-width: 1024px) {
    .about-industry .video-box .btn-white {
        background-color:#0076FF;
        color: #fff
    }
}

.about-industry .video-box .btn-white:before,.about-industry .video-box .btn-white:after {
    background-color: #0076FF
}

.about-industry .video-box .btn-white:hover,.about-industry .video-box .btn-white:focus {
    color: #0076FF
}

@media screen and (max-width: 1024px) {
    .about-industry .video-box .btn-white:hover,.about-industry .video-box .btn-white:focus {
        color:#fff
    }
}

.about-industry .video-box .btn-white .arrow {
    background-image: url("../img/common/svg/arrow-right-up-blue.svg")
}

@media screen and (max-width: 1024px) {
    .about-industry .video-box .btn-white .arrow {
        background-image:url("../img/common/svg/arrow-right-up.svg")
    }
}

.about-industry .video-box .btn-white.white {
    background-color: #fff;
    color: #0076FF
}

.about-industry .video-box .btn-white.white:before,.about-industry .video-box .btn-white.white:after {
    background-color: #fff
}

.about-industry .video-box .btn-white.white .arrow {
    background-image: url("../img/common/svg/arrow-right-up-black.svg")
}

.web-stories-banner {
    position: relative;
    padding: 80px 0 50px 0;
    background-color: #00295A;
    height: auto
}

@media screen and (max-width: 991px) {
    .web-stories-banner {
        padding-top:150px;
        max-height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.web-stories-banner:before {
    background: #000;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 81px;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .web-stories-banner:before {
        z-index:3
    }
}

.web-stories-banner .web-text {
    position: relative;
    z-index: 2
}

.web-stories-banner h1 {
    text-align: center;
    color: #ffc400;
    font-family: "interbold";
    padding-right: 0;
    margin-bottom: 10px;
    line-height: normal;
    margin-top: 50px
}

@media screen and (max-width: 991px) {
    .web-stories-banner h1 {
        margin-top:80px;
        padding-right: 0
    }
}

.web-stories-banner h1 abbr {
    display: inline-block;
    color: #fff;
    font-family: "intermedium"
}

.web-stories-banner h1 span {
    display: inline-block
}

.web-stories-banner p {
    text-align: center;
    color: #fff
}

@media (max-width: 1024px) {
    .web-stories-banner p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .web-stories-banner p {
        padding-right:0
    }
}

@media (max-width: 991px) {
    .web-stories-banner {
        text-align:center
    }

    .web-stories-banner .row {
        flex-wrap: wrap-reverse
    }
}

@media (max-width: 767px) {
    .web-stories-banner {
        padding:100px 0 50px 0
    }
}

@media (max-width: 1024px) {
    .web-story-box .col-sm-3,.web-story-box .col-md-3 {
        width:50%
    }
}

@media (max-width: 991px) {
    .web-story-box {
        text-align:center
    }

    .web-story-box .bdr:before {
        display: none
    }

    .web-story-box .col-sm-4,.web-story-box .col-md-4 {
        width: 50%
    }
}

@media (max-width: 575px) {
    .web-story-box .col-sm-3,.web-story-box .col-md-3 {
        width:100%
    }

    .web-story-box .col-sm-4,.web-story-box .col-md-4 {
        width: 100%
    }

    .web-story-box .mb-40 {
        margin-bottom: 20px
    }
}

.web-story-box h2 {
    font-family: "interlight"
}

.web-story-box h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.web-story-box p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .web-story-box p.top {
        margin-top:0px
    }
}

.web-story-box .web-boxImg {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.web-story-box .web-boxImg .hover {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 50px 20px 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    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%);
    z-index: 2
}

.web-story-box .web-boxImg img {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.web-story-box .web-boxImg:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.web-story-box .web-boxImg:hover img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.web-story-box .web-boxImg .click-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.web-story-box .elm-wrapper .elm-button {
    height: 60px;
    min-width: 170px;
    border: none;
    background-color: #0076FF;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-position: 133px 16px;
    background-size: 22px 22px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .web-story-box .elm-wrapper .elm-button {
        background-position:143px 16px
    }
}

.web-story-box .elm-wrapper .elm-button:hover {
    background-position: 136px 13px
}

.web-story-box .elm-wrapper .elm-button:before {
    display: none
}

.web-story-box .elm-wrapper .elm-button:after {
    display: none
}

.infrastructure-banner {
    position: relative;
    padding: 150px 0 0px 0;
    overflow: hidden;
    background-color: #00295a
}

.infrastructure-banner:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/infrastructure/webp/banner.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom center;
    opacity: 0.2
}

@media (max-width: 991px) {
    .infrastructure-banner {
        text-align:center;
        padding: 50px 0
    }

    .infrastructure-banner .row {
        flex-wrap: wrap-reverse
    }
}

@media (max-width: 767px) {
    .infrastructure-banner {
        padding:100px 0 50px 0
    }
}

@media (max-width: 991px) {
    .infrastructure-banner .mt-30.mb-70 {
        margin-bottom:0
    }
}

.infrastructure-banner h1 {
    font-family: "interlight";
    color: #fff
}

.infrastructure-banner h3 {
    font-family: "intersemibold";
    color: #fff
}

.infrastructure-banner p {
    color: #fff;
    padding-right: 100px
}

@media (max-width: 1024px) {
    .infrastructure-banner p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .infrastructure-banner p {
        padding-right:0
    }
}

.infrastructure-banner .bnr-img {
    position: relative;
    text-align: center
}

@media (max-width: 991px) {
    .infrastructure-banner .bnr-img {
        margin-bottom:30px
    }
}

.infrastructure-banner .bnr-img img {
    display: inline-block;
    position: relative;
    z-index: 1;
    bottom: 0px;
    max-width: 780px;
    height: auto;
    width: 100%
}

@media (max-width: 1399px) {
    .infrastructure-banner .bnr-img img {
        margin-bottom:-73px
    }
}

@media (max-width: 1199px) {
    .infrastructure-banner .bnr-img img {
        margin-bottom:0px
    }
}

@media (max-width: 991px) {
    .infrastructure-banner .bnr-img img {
        display:none
    }
}

.infrastructure-steps {
    padding: 100px 0;
    position: relative
}

@media screen and (max-width: 991px) {
    .infrastructure-steps {
        padding:50px 0
    }
}

@media screen and (max-width: 767px) {
    .infrastructure-steps {
        top:63px
    }
}

.infrastructure-steps:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 700px;
    background-color: #00295a;
    background-image: url("../img/infrastructure/webp/office-area.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    background-position: top center
}

@media screen and (max-width: 767px) {
    .infrastructure-steps:before {
        background-size:cover
    }
}

.infrastructure-steps:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 700px;
    background-color: rgba(0,41,90,0.8)
}

.infrastructure-steps .container {
    position: relative;
    z-index: 1
}

.infrastructure-steps h1 {
    text-align: center;
    font-family: "interbold";
    color: #fff
}

.infrastructure-steps h5 {
    font-family: "interregular";
    text-align: center;
    color: #fff
}

.infrastructure-steps h5 .highlight {
    color: #FF9100
}

.infrastructure-steps .thank-box {
    background-color: #fff;
    padding: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    margin-top: 50px;
    min-height: 600px;
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 575px) {
    .infrastructure-steps .thank-box {
        padding:50px 20px 20px 10px
    }
}

.infrastructure-steps .thank-box:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.infrastructure-steps .thank-box h2 {
    position: relative;
    font-family: "interbold"
}

@media screen and (max-width: 991px) {
    .infrastructure-steps .thank-box h2 {
        text-align:center
    }
}

.infrastructure-steps .thank-box p {
    position: relative
}

.infrastructure-steps .thank-box .thankyou-timeline .list {
    position: relative;
    margin-bottom: 40px
}

@media (max-width: 480px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list {
        margin-bottom:50px
    }
}

.infrastructure-steps .thank-box .thankyou-timeline .list:before {
    content: "";
    position: absolute;
    top: 73px;
    left: 10px;
    width: 150px;
    height: 1px;
    border-bottom: 1px dashed #E0E0E0;
    letter-spacing: 2px
}

@media (max-width: 575px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list:before {
        top:56px
    }
}

.infrastructure-steps .thank-box .thankyou-timeline .list:after {
    content: "";
    position: absolute;
    top: 90px;
    left: 18px;
    width: 1px;
    height: 114%;
    border-left: 1px dashed #E0E0E0;
    letter-spacing: 2px
}

@media (max-width: 991px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list:after {
        height:110%
    }
}

@media (max-width: 767px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list:after {
        height:107%
    }
}

@media (max-width: 575px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list:after {
        height:108%;
        top: 76px
    }
}

@media (max-width: 480px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list:after {
        height:111%
    }
}

.infrastructure-steps .thank-box .thankyou-timeline .list:last-child:after {
    display: none
}

@media (max-width: 991px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list:last-child:after {
        height:110%
    }
}

.infrastructure-steps .thank-box .thankyou-timeline .list:last-child:before {
    left: 18px;
    width: 27vw
}

@media (max-width: 1366px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list:last-child:before {
        width:21vw
    }
}

@media (max-width: 1200px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list:last-child:before {
        width:24vw
    }
}

@media (max-width: 1024px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list:last-child:before {
        width:20vw
    }
}

@media (max-width: 991px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list:last-child:before {
        width:8vw
    }
}

.infrastructure-steps .thank-box .thankyou-timeline .list .nbr {
    position: absolute;
    top: 53px;
    left: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-family: "interbold";
    border: 1px dashed #0076FF;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    font-size: 20px;
    padding-top: 5px;
    z-index: 1
}

@media (max-width: 575px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list .nbr {
        top:36px
    }
}

.infrastructure-steps .thank-box .thankyou-timeline .list .text-box {
    padding: 30px;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    margin-left: 150px;
    padding-left: 150px;
    position: relative;
    min-height: 146px;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-width: 991px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list .text-box {
        text-align:left
    }
}

@media (max-width: 767px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list .text-box {
        margin-left:70px
    }
}

@media (max-width: 575px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list .text-box {
        margin-left:60px;
        padding-left: 104px
    }
}

@media (max-width: 480px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list .text-box {
        padding-left:30px;
        padding-top: 45px
    }
}

.infrastructure-steps .thank-box .thankyou-timeline .list .text-box:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 20px;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto
}

@media (max-width: 575px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list .text-box:before {
        width:70px;
        height: 70px
    }
}

@media (max-width: 480px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list .text-box:before {
        top:-37px
    }
}

.infrastructure-steps .thank-box .thankyou-timeline .list .text-box.tb1:before {
    background-image: url("../img/infrastructure/svg/Security.svg")
}

.infrastructure-steps .thank-box .thankyou-timeline .list .text-box.tb2:before {
    background-image: url("../img/infrastructure/svg/Connectivity.svg")
}

.infrastructure-steps .thank-box .thankyou-timeline .list:hover .text-box {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1)
}

.infrastructure-steps .thank-box .thankyou-timeline .list .process-done {
    font-size: 36px;
    font-family: "interbold";
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    padding-top: 23px
}

@media (max-width: 767px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list .process-done {
        font-size:26px;
        padding-top: 43px
    }
}

@media (max-width: 575px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list .process-done {
        padding-top:25px
    }
}

.infrastructure-steps .thank-box .thankyou-timeline .list .process-done .icon {
    vertical-align: middle;
    width: 100px;
    height: 100px;
    background-image: url("../img/thank-you/svg/process-done.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    display: inline-block;
    margin-right: 20px
}

@media (max-width: 767px) {
    .infrastructure-steps .thank-box .thankyou-timeline .list .process-done .icon {
        width:60px;
        height: 60px;
        margin-right: 10px
    }
}

.infrastructure-steps .thank-box .thankyou-timeline .list .cs-lines {
    margin-top: 20px
}

.infrastructure-steps .thank-box .thankyou-timeline .list .cs-lines li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px
}

.infrastructure-steps .thank-box .thankyou-timeline .list .cs-lines li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 20px;
    height: 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #0076FF
}

.infrastructure-facilities {
    position: relative;
    padding: 100px 0
}

.infrastructure-facilities:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

@media (max-width: 1024px) {
    .infrastructure-facilities .col-sm-4,.infrastructure-facilities .col-md-4 {
        width:100%
    }
}

@media (max-width: 991px) {
    .infrastructure-facilities {
        text-align:center;
        padding: 50px 0 0px 0
    }
}

@media (max-width: 575px) {
    .infrastructure-facilities .col-sm-4,.infrastructure-facilities .col-md-4 {
        width:100%
    }

    .infrastructure-facilities .mb-40 {
        margin-bottom: 20px
    }
}

.infrastructure-facilities h2 {
    font-family: "interlight";
    padding-right: 30px
}

@media (max-width: 991px) {
    .infrastructure-facilities h2 {
        padding-right:0px
    }
}

.infrastructure-facilities h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.infrastructure-facilities .btn {
    margin-top: 50px
}

.infrastructure-facilities p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .infrastructure-facilities p.top {
        margin-top:0px
    }
}

.infrastructure-facilities .ios-b-img {
    text-align: center
}

.infrastructure-facilities .ios-b-img img {
    max-width: 400px;
    margin-top: 40px;
    width: 100%;
    position: sticky;
    top: 140px;
    display: inline-block
}

@media (max-width: 1024px) {
    .infrastructure-facilities .ios-b-img {
        display:none
    }
}

.infrastructure-facilities .benefits-box {
    padding: 20px 20px 20px 90px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .infrastructure-facilities .benefits-box {
        margin-top:0px;
        text-align: left
    }
}

.infrastructure-facilities .benefits-box i {
    margin-bottom: 20px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 15px
}

.infrastructure-facilities .benefits-box i:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 26px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 60px;
    height: 60px;
    background-image: url("../img/infrastructure/png/infrastructure-sprite1.png");
    background-repeat: no-repeat;
    background-size: 100% auto
}

.infrastructure-facilities .benefits-box i.icon1:before {
    background-position: 0 0
}

.infrastructure-facilities .benefits-box i.icon2:before {
    background-position: 0 -120px
}

.infrastructure-facilities .benefits-box i.icon3:before {
    background-position: 0 -240px
}

.infrastructure-facilities .benefits-box i.icon4:before {
    background-position: 0 -360px
}

.infrastructure-facilities .benefits-box i.icon5:before {
    background-position: 0 -480px
}

.infrastructure-facilities .benefits-box i.icon6:before {
    background-position: 0 -600px
}

.infrastructure-facilities .benefits-box i.icon7:before {
    background-position: 0 -720px
}

.infrastructure-facilities .benefits-box i.icon8:before {
    background-position: 0 -840px
}

.infrastructure-facilities .benefits-box.right {
    text-align: right;
    padding: 20px 90px 20px 20px;
    left: auto;
    right: 0px
}

@media (max-width: 1024px) {
    .infrastructure-facilities .benefits-box.right {
        text-align:left;
        padding: 20px 20px 20px 90px
    }
}

.infrastructure-facilities .benefits-box.right i {
    left: auto;
    right: 70px
}

@media (max-width: 1024px) {
    .infrastructure-facilities .benefits-box.right i {
        left:15px;
        right: auto
    }
}

.infrastructure-facilities .benefits-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.infrastructure-facilities .benefits-box:hover h3 {
    color: #0076FF
}

.infrastructure-facilities .benefits-box:hover i:before {
    color: #0076FF;
    top: 30px
}

.infrastructure-facilities .benefits-box:hover i.icon1:before {
    background-position: 0 -60px
}

.infrastructure-facilities .benefits-box:hover i.icon2:before {
    background-position: 0 -180px
}

.infrastructure-facilities .benefits-box:hover i.icon3:before {
    background-position: 0 -300px
}

.infrastructure-facilities .benefits-box:hover i.icon4:before {
    background-position: 0 -420px
}

.infrastructure-facilities .benefits-box:hover i.icon5:before {
    background-position: 0 -540px
}

.infrastructure-facilities .benefits-box:hover i.icon6:before {
    background-position: 0 -660px
}

.infrastructure-facilities .benefits-box:hover i.icon7:before {
    background-position: 0 -780px
}

.infrastructure-facilities .benefits-box:hover i.icon8:before {
    background-position: 0 -900px
}

.referral-program-banner {
    position: relative;
    padding: 100px 0 100px 0;
    overflow: hidden
}

.referral-program-banner:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.referral-program-banner .row {
    display: flex;
    align-items: center
}

@media (max-width: 1366px) {
    .referral-program-banner .row {
        align-items:flex-start
    }
}

@media (max-width: 991px) {
    .referral-program-banner {
        text-align:center;
        padding: 50px 0
    }

    .referral-program-banner .row {
        flex-wrap: wrap-reverse
    }
}

@media (max-width: 767px) {
    .referral-program-banner {
        padding:100px 0 50px 0
    }
}

@media (max-width: 991px) {
    .referral-program-banner .mt-30.mb-70 {
        margin-bottom:0
    }
}

.referral-program-banner h1 {
    font-family: "interlight"
}

.referral-program-banner p {
    padding-right: 100px
}

@media (max-width: 1024px) {
    .referral-program-banner p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .referral-program-banner p {
        padding-right:0
    }
}

.referral-program-banner .bnr-img {
    position: relative;
    text-align: center
}

@media (max-width: 991px) {
    .referral-program-banner .bnr-img {
        margin-bottom:30px
    }
}

.referral-program-banner .bnr-img img {
    display: inline-block;
    position: relative;
    z-index: 1;
    max-width: 882px;
    height: auto;
    width: 100%
}

@media (max-width: 1399px) {
    .referral-program-banner .bnr-img img {
        margin-bottom:-73px
    }
}

@media (max-width: 1199px) {
    .referral-program-banner .bnr-img img {
        margin-bottom:0px
    }
}

@media (max-width: 991px) {
    .referral-program-banner .bnr-img img {
        margin-top:50px
    }
}

@media (max-width: 575px) {
    .referral-program-banner .bnr-img img {
        margin-top:0px
    }
}

.ninehz-partner-program {
    background-color: #f6f6f6;
    padding: 100px 0
}

@media (max-width: 991px) {
    .ninehz-partner-program {
        padding:50px 0
    }
}

.ninehz-partner-program img {
    max-width: 643px;
    margin: 0 auto;
    width: 100%
}

@media (max-width: 991px) {
    .ninehz-partner-program img {
        margin-bottom:50px
    }
}

.partnership-business-modules {
    padding: 100px 0
}

@media (max-width: 991px) {
    .partnership-business-modules {
        padding:50px 0
    }
}

.partnership-business-modules .nav-tabs {
    margin-bottom: 40px;
    justify-content: center
}

.partnership-business-modules .nav-tabs .nav-item {
    margin-right: 30px
}

@media (max-width: 480px) {
    .partnership-business-modules .nav-tabs .nav-item {
        margin-right:10px
    }
}

.partnership-business-modules .nav-tabs .nav-item .nav-link {
    background-color: transparent;
    color: #666;
    font-size: 22px;
    font-family: "intermedium";
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    position: relative;
    padding: 20px 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-width: 575px) {
    .partnership-business-modules .nav-tabs .nav-item .nav-link {
        font-size:18px
    }
}

@media (max-width: 480px) {
    .partnership-business-modules .nav-tabs .nav-item .nav-link {
        font-size:16px
    }
}

.partnership-business-modules .nav-tabs .nav-item .nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: transparent;
    z-index: 2
}

.partnership-business-modules .nav-tabs .nav-item .nav-link.active {
    color: #0076FF
}

.partnership-business-modules .nav-tabs .nav-item .nav-link.active:before {
    background-color: #0076FF
}

.partnership-business-modules .hd-box {
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.05);
    box-shadow: 0px 10px 10px rgba(0,0,0,0.05);
    height: 90%
}

@media (max-width: 1024px) {
    .partnership-business-modules .hd-box {
        padding:15px
    }
}

.partnership-business-modules .hd-box.mid {
    background-color: #0076FF
}

.partnership-business-modules .hd-box.mid h3 {
    color: #fff
}

.partnership-business-modules .hd-box.mid p {
    color: #fff
}

.partnership-business-modules .hd-box.mid .price {
    color: #fff
}

.partnership-business-modules .hd-box p {
    color: #000
}

.partnership-business-modules .hd-box .icon {
    background-image: url(../img/referral-partner-program/png/referral-partner-sprite1.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: 0 auto 5px
}

@media (max-width: 1600px) {
    .partnership-business-modules .hd-box .icon {
        background-size:100% auto;
        width: 70px;
        height: 70px
    }
}

.partnership-business-modules .hd-box .icon.icon1 {
    background-position: 0 0
}

@media (max-width: 1600px) {
    .partnership-business-modules .hd-box .icon.icon1 {
        background-position:0 0
    }
}

.partnership-business-modules .hd-box .icon.icon2 {
    background-position: 0 -70px
}

@media (max-width: 1600px) {
    .partnership-business-modules .hd-box .icon.icon2 {
        background-position:0 -70px
    }
}

.partnership-business-modules .hd-box .icon.icon3 {
    background-position: 0 -140px
}

@media (max-width: 1600px) {
    .partnership-business-modules .hd-box .icon.icon3 {
        background-position:0 -140px
    }
}

.partnership-business-modules .hd-box .points {
    margin-top: 20px
}

.partnership-business-modules .hd-box .points li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    text-align: left
}

.partnership-business-modules .hd-box .points li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 10px;
    height: 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #0076FF
}

.partnership-business-modules .rpp-img {
    max-width: 358px;
    margin: 30px auto 0 auto;
    -webkit-box-shadow: 0px 20px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 20px 20px rgba(0,0,0,0.2);
    box-shadow: 0px 20px 20px 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-modules .rpp-img img {
    width: 100%
}

.partnership-business-modules .rpp-img .over-bx {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    color: #fff;
    padding: 20px 20px 110px 20px;
    line-height: normal;
    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: "intersemibold"
}

.partnership-business-modules .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: "intersemibold";
    -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-modules .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)
}

.sdc-salesforce-developers-cost {
    position: relative
}

@media (max-width: 991px) {
    .sdc-salesforce-developers-cost {
        margin-bottom:50px;
        text-align: center
    }
}

.sdc-salesforce-developers-cost:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 66%;
    background-color: #015ecb
}

@media (max-width: 991px) {
    .sdc-salesforce-developers-cost:before {
        height:100%
    }
}

.sdc-salesforce-developers-cost:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    background-image: url(../img/salesforce-development-services/svg/salesforce-white-cloud.svg);
    background-position: top center;
    background-size: auto;
    background-repeat: no-repeat
}

@media (max-width: 1800px) {
    .sdc-salesforce-developers-cost:after {
        top:51%
    }
}

@media (max-width: 1700px) {
    .sdc-salesforce-developers-cost:after {
        top:51%
    }
}

@media (max-width: 1460px) {
    .sdc-salesforce-developers-cost:after {
        top:55%
    }
}

@media (max-width: 991px) {
    .sdc-salesforce-developers-cost:after {
        display:none
    }
}

@media (max-width: 767px) {
    .sdc-salesforce-developers-cost:after {
        display:none
    }

    .sdc-salesforce-developers-cost .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.sdc-salesforce-developers-cost h2 {
    color: #fff
}

.sdc-salesforce-developers-cost h2 span {
    color: #0076FF
}

.sdc-salesforce-developers-cost h3,.sdc-salesforce-developers-cost .h3 {
    color: #0076FF
}

@media (max-width: 767px) {
    .sdc-salesforce-developers-cost h3,.sdc-salesforce-developers-cost .h3 {
        font-size:2rem;
        line-height: 3rem
    }
}

.sdc-salesforce-developers-cost p {
    color: #fff
}

@media (max-width: 575px) {
    .sdc-salesforce-developers-cost p {
        font-size:16px
    }
}

.sdc-salesforce-developers-cost p.sub-title {
    color: #fff
}

@media (max-width: 767px) {
    .sdc-salesforce-developers-cost p.sub-title {
        font-size:1.7rem
    }
}

.sdc-salesforce-developers-cost p.sub-title a {
    color: #0076FF
}

.sdc-salesforce-developers-cost p a {
    color: #FF9100
}

.sdc-salesforce-developers-cost .style_3 {
    margin-top: 4rem;
    background-color: #0076FF;
    color: #fff
}

.sdc-salesforce-developers-cost .price {
    color: #0076FF;
    font-size: 50px;
    display: block;
    font-family: "interbold"
}

.sdc-salesforce-developers-cost .hd-box {
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #fff;
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.05);
    box-shadow: 0px 10px 10px rgba(0,0,0,0.05);
    text-align: center;
    height: 90%
}

@media (max-width: 1024px) {
    .sdc-salesforce-developers-cost .hd-box {
        padding:15px
    }
}

.sdc-salesforce-developers-cost .hd-box.mid {
    background-color: #0076FF
}

.sdc-salesforce-developers-cost .hd-box.mid h3 {
    color: #fff
}

.sdc-salesforce-developers-cost .hd-box.mid p {
    color: #fff
}

.sdc-salesforce-developers-cost .hd-box.mid .price {
    color: #fff
}

.sdc-salesforce-developers-cost .hd-box p {
    color: #000
}

.sdc-salesforce-developers-cost .hd-box .icon {
    background-image: url(../img/salesforce-development-services/png/salesSprite-new3.png);
    background-repeat: no-repeat;
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 5px
}

@media (max-width: 1600px) {
    .sdc-salesforce-developers-cost .hd-box .icon {
        background-size:100% auto;
        width: 70px;
        height: 70px
    }
}

.sdc-salesforce-developers-cost .hd-box .icon.icon1 {
    background-position: 0 0
}

@media (max-width: 1600px) {
    .sdc-salesforce-developers-cost .hd-box .icon.icon1 {
        background-position:0 0
    }
}

.sdc-salesforce-developers-cost .hd-box .icon.icon2 {
    background-position: 0 -70px
}

@media (max-width: 1600px) {
    .sdc-salesforce-developers-cost .hd-box .icon.icon2 {
        background-position:0 -70px
    }
}

.sdc-salesforce-developers-cost .hd-box .icon.icon3 {
    background-position: 0 -140px
}

@media (max-width: 1600px) {
    .sdc-salesforce-developers-cost .hd-box .icon.icon3 {
        background-position:0 -140px
    }
}

.referral-partner-steps {
    padding: 100px 0;
    position: relative
}

@media screen and (max-width: 991px) {
    .referral-partner-steps {
        padding:50px 0
    }
}

@media screen and (max-width: 767px) {
    .referral-partner-steps {
        top:63px
    }
}

.referral-partner-steps:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 700px;
    background-color: #00295a;
    background-image: url("../img/referral-partner-program/webp/Join-Our-Referral-Partner-Program.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    background-position: top center
}

@media screen and (max-width: 767px) {
    .referral-partner-steps:before {
        background-size:cover
    }
}

.referral-partner-steps:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 700px;
    background-color: rgba(0,41,90,0.8)
}

.referral-partner-steps .container {
    position: relative;
    z-index: 1
}

.referral-partner-steps h1 {
    text-align: center;
    font-family: "interbold";
    color: #fff
}

.referral-partner-steps h5 {
    font-family: "interregular";
    text-align: center;
    color: #fff
}

.referral-partner-steps h5 .highlight {
    color: #FF9100
}

.referral-partner-steps .thank-box {
    background-color: #fff;
    padding: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    margin-top: 50px;
    min-height: 600px;
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 575px) {
    .referral-partner-steps .thank-box {
        padding:50px 20px 20px 10px
    }
}

.referral-partner-steps .thank-box:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.referral-partner-steps .thank-box h2 {
    position: relative;
    font-family: "interbold"
}

@media screen and (max-width: 991px) {
    .referral-partner-steps .thank-box h2 {
        text-align:center
    }
}

.referral-partner-steps .thank-box p {
    position: relative
}

.referral-partner-steps .thank-box .thankyou-timeline .list {
    position: relative;
    margin-bottom: 40px
}

@media (max-width: 480px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list {
        margin-bottom:50px
    }
}

.referral-partner-steps .thank-box .thankyou-timeline .list:before {
    content: "";
    position: absolute;
    top: 73px;
    left: 10px;
    width: 150px;
    height: 1px;
    border-bottom: 1px dashed #E0E0E0;
    letter-spacing: 2px
}

@media (max-width: 575px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list:before {
        top:56px
    }
}

.referral-partner-steps .thank-box .thankyou-timeline .list:after {
    content: "";
    position: absolute;
    top: 90px;
    left: 18px;
    width: 1px;
    height: 114%;
    border-left: 1px dashed #E0E0E0;
    letter-spacing: 2px
}

@media (max-width: 991px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list:after {
        height:110%
    }
}

@media (max-width: 767px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list:after {
        height:107%
    }
}

@media (max-width: 575px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list:after {
        height:108%;
        top: 76px
    }
}

@media (max-width: 480px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list:after {
        height:111%
    }
}

.referral-partner-steps .thank-box .thankyou-timeline .list:last-child:after {
    display: none
}

@media (max-width: 991px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list:last-child:after {
        height:110%
    }
}

.referral-partner-steps .thank-box .thankyou-timeline .list:last-child:before {
    left: 18px;
    width: 27vw
}

@media (max-width: 1366px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list:last-child:before {
        width:21vw
    }
}

@media (max-width: 1200px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list:last-child:before {
        width:24vw
    }
}

@media (max-width: 1024px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list:last-child:before {
        width:20vw
    }
}

@media (max-width: 991px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list:last-child:before {
        width:8vw
    }
}

.referral-partner-steps .thank-box .thankyou-timeline .list .nbr {
    position: absolute;
    top: 53px;
    left: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-family: "interbold";
    border: 1px dashed #0076FF;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    font-size: 20px;
    padding-top: 5px;
    z-index: 1
}

@media (max-width: 575px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list .nbr {
        top:36px
    }
}

.referral-partner-steps .thank-box .thankyou-timeline .list .text-box {
    padding: 30px;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    margin-left: 150px;
    padding-left: 150px;
    position: relative;
    min-height: 146px;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-width: 991px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list .text-box {
        text-align:left
    }
}

@media (max-width: 767px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list .text-box {
        margin-left:70px
    }
}

@media (max-width: 575px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list .text-box {
        margin-left:60px;
        padding-left: 104px
    }
}

@media (max-width: 480px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list .text-box {
        padding-left:30px;
        padding-top: 45px
    }
}

.referral-partner-steps .thank-box .thankyou-timeline .list .text-box:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 20px;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto
}

@media (max-width: 575px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list .text-box:before {
        width:70px;
        height: 70px
    }
}

@media (max-width: 480px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list .text-box:before {
        top:-37px
    }
}

.referral-partner-steps .thank-box .thankyou-timeline .list .text-box.tb1:before {
    background-image: url("../img/referral-partner-program/svg/become-partner.svg")
}

.referral-partner-steps .thank-box .thankyou-timeline .list .text-box.tb2:before {
    background-image: url("../img/referral-partner-program/svg/Join-partner.svg")
}

.referral-partner-steps .thank-box .thankyou-timeline .list .text-box.tb3:before {
    background-image: url("../img/referral-partner-program/svg/start-eferring.svg")
}

.referral-partner-steps .thank-box .thankyou-timeline .list:hover .text-box {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1)
}

.referral-partner-steps .thank-box .thankyou-timeline .list .process-done {
    font-size: 36px;
    font-family: "interbold";
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    padding-top: 23px
}

@media (max-width: 767px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list .process-done {
        font-size:26px;
        padding-top: 43px
    }
}

@media (max-width: 575px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list .process-done {
        padding-top:25px
    }
}

.referral-partner-steps .thank-box .thankyou-timeline .list .process-done .icon {
    vertical-align: middle;
    width: 100px;
    height: 100px;
    background-image: url("../img/thank-you/svg/process-done.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    display: inline-block;
    margin-right: 20px
}

@media (max-width: 767px) {
    .referral-partner-steps .thank-box .thankyou-timeline .list .process-done .icon {
        width:60px;
        height: 60px;
        margin-right: 10px
    }
}

.referral-partner-steps .thank-box .thankyou-timeline .list .cs-lines {
    margin-top: 20px
}

.referral-partner-steps .thank-box .thankyou-timeline .list .cs-lines li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px
}

.referral-partner-steps .thank-box .thankyou-timeline .list .cs-lines li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 20px;
    height: 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #0076FF
}

.robust-new-services.mobile-services.referral-partner-services {
    background-color: transparent;
    position: relative;
    padding: 100px 0
}

.robust-new-services.mobile-services.referral-partner-services:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

@media screen and (max-width: 991px) {
    .robust-new-services.mobile-services.referral-partner-services {
        padding:50px 0
    }
}

.robust-new-services.mobile-services.referral-partner-services .service-box .icon {
    background-image: url(../img/referral-partner-program/png/referral-partner-sprite2.png)
}

.android-benefits.crypto-benefits.ui-ux-design-benefits .benefits-box {
    margin-top: 50px
}

@media (max-width: 991px) {
    .android-benefits.crypto-benefits.ui-ux-design-benefits .benefits-box {
        margin-top:20px
    }
}

.android-benefits.crypto-benefits.ui-ux-design-benefits .benefits-box i:before {
    background-image: url("../img/ux-design-services/png/ux-design-sprite1.png")
}

.robust-new-services.mobile-services.ui-ux-services .service-box i.icon {
    background-image: url("../img/ux-design-services/png/ux-design-sprite2.png")
}

.ios-banner.rsd-bnr .bnr-img {
    max-width: 910px;
    margin: 0 auto
}

@media screen and (max-width: 1440px) {
    .ios-banner.rsd-bnr .bnr-img {
        max-width:550px
    }
}

.ios-banner.rsd-bnr .bnr-img img {
    width: 100%;
    height: auto;
    display: inline-block
}

.ios-banner.rsd-bnr .owl-app .owl-dots {
    text-align: center;
    margin-top: 10px
}

.ios-banner.rsd-bnr .owl-app .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 7px;
    background-color: #BEBEBE
}

.ios-banner.rsd-bnr .owl-app .owl-dots .owl-dot:after,.ios-banner.rsd-bnr .owl-app .owl-dots .owl-dot:before {
    display: none
}

.ios-banner.rsd-bnr .owl-app .owl-dots .owl-dot.active {
    background-color: #0076FF
}

.robust-new-services.mobile-services.rsd-services .service-box i.icon {
    background-image: url("../img/recommendation-systems-development/png/rsd-sprite1.png")
}

.blockchain-technologies.cryptocurrency-features.mean-stack-technology.expertise-rs .andBox .icon {
    background-image: url("../img/recommendation-systems-development/png/rsd-sprite2.png")
}

.android-benefits.recommendation-systems-benefits .benefits-box i:before {
    background-image: url(../img/recommendation-systems-development/png/rsd-sprite3.png)
}

.android-benefits.recommendation-systems-benefits .ios-b-img img {
    display: inline-block
}

.robust-new-services.mobile-services.rsDevelopment .service-box h3 {
    padding-left: 0
}

.robust-new-services.mobile-services.rsDevelopment .service-box h3 span {
    display: inline-block;
    margin-right: 10px
}

.robust-new-services.mobile-services.rsDevelopment .service-box h3 .color1 {
    color: #0fb531
}

.robust-new-services.mobile-services.rsDevelopment .service-box h3 .color2 {
    color: #4b9efb
}

.robust-new-services.mobile-services.rsDevelopment .service-box h3 .color3 {
    color: #1cccfc
}

.robust-new-services.mobile-services.rsDevelopment .service-box h3 .color4 {
    color: #fd7070
}

.low-code-platforms.rsd-technologies .industry-list {
    justify-content: center
}

.low-code-platforms.rsd-technologies .industry-list li {
    flex-basis: 23.5%
}

@media screen and (max-width: 1599px) {
    .low-code-platforms.rsd-technologies .industry-list li {
        flex-basis:22.5%
    }
}

@media screen and (max-width: 991px) {
    .low-code-platforms.rsd-technologies .industry-list li {
        flex-basis:46.5%
    }
}

@media screen and (max-width: 767px) {
    .low-code-platforms.rsd-technologies .industry-list li {
        flex-basis:45.5%
    }
}

@media screen and (max-width: 575px) {
    .low-code-platforms.rsd-technologies .industry-list li {
        flex-basis:43.5%
    }
}

.low-code-platforms.rsd-technologies .industry-list li .icon {
    background-image: url(../img/recommendation-systems-development/png/rsd-sprite4.png);
    width: 120px
}

.low-code-platforms.rsd-technologies .industry-list li .icon.icon6 {
    background-position: 0 -350px
}

.low-code-platforms.rsd-technologies .industry-list li .icon.icon7 {
    background-position: 0 -420px
}

.low-code-platforms.rsd-technologies .industry-list li .icon.icon8 {
    background-position: 0 -490px
}

.low-code-platforms.rsd-technologies .industry-list li .icon.icon9 {
    background-position: 0 -560px
}

.low-code-platforms.rsd-technologies .industry-list li .icon.icon10 {
    background-position: 0 -630px
}

#slideshow {
    margin: 0 auto;
    padding-top: 50px;
    height: 621px;
    width: 100%;
    box-sizing: border-box
}

.slideshow-title {
    font-family: 'Allerta Stencil';
    font-size: 62px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    margin-top: 25%;
    letter-spacing: 3px;
    font-weight: 300
}

.sub-heading {
    padding-top: 50px;
    font-size: 18px
}

.sub-heading-two {
    font-size: 15px
}

.sub-heading-three {
    font-size: 13px
}

.sub-heading-four {
    font-size: 11px
}

.entire-content {
    margin: auto;
    width: 295px;
    perspective: 1000px;
    position: relative;
    padding-top: 80px
}

.content-carrousel {
    width: 100%;
    position: absolute;
    float: right;
    animation: rotar 15s infinite linear;
    transform-style: preserve-3d
}

.content-carrousel:hover {
    animation-play-state: paused;
    cursor: pointer
}

.content-carrousel figure {
    width: 100%;
    height: 621px;
    border: 1px solid #3b444b;
    overflow: hidden;
    position: absolute
}

.content-carrousel figure:nth-child(1) {
    transform: rotateY(0deg) translateZ(300px)
}

.content-carrousel figure:nth-child(2) {
    transform: rotateY(40deg) translateZ(300px)
}

.content-carrousel figure:nth-child(3) {
    transform: rotateY(80deg) translateZ(300px)
}

.content-carrousel figure:nth-child(4) {
    transform: rotateY(120deg) translateZ(300px)
}

.shadow {
    position: absolute;
    box-shadow: 0px 0px 20px 0px #000;
    border-radius: 1px
}

.content-carrousel img {
    image-rendering: auto;
    transition: all 300ms;
    width: 100%;
    height: 100%
}

.content-carrousel img:hover {
    transform: scale(1.2);
    transition: all 300ms
}

@keyframes rotar {
    from {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(360deg)
    }
}

.recommendation-showcase {
    padding-bottom: 0
}

.recommendation-showcase .slide {
    padding: 0px 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .recommendation-showcase .slide {
        padding:50px 0;
        text-align: center
    }
}

.recommendation-showcase .slide .port-cont {
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: flex-end
}

@media screen and (max-width: 991px) {
    .recommendation-showcase .slide .port-cont {
        display:block !important;
        min-height: auto
    }
}

.recommendation-showcase .slide .port-cont .left-graphic {
    width: 55%;
    padding-right: 50px;
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .recommendation-showcase .slide .port-cont .left-graphic {
        position:static;
        clip: unset;
        padding-right: 0px;
        width: 100%
    }
}

.recommendation-showcase .slide .port-cont .left-graphic .fixed-img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    position: fixed;
    left: 60%;
    top: 55%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 991px) {
    .recommendation-showcase .slide .port-cont .left-graphic .fixed-img {
        position:static;
        transform: none;
        top: auto
    }
}

.recommendation-showcase .slide .port-cont .left-graphic .fixed-img img {
    max-width: 720px;
    width: 100%;
    height: auto
}

@media screen and (max-width: 1599px) {
    .recommendation-showcase .slide .port-cont .left-graphic .fixed-img img {
        max-width:600px
    }
}

@media screen and (max-width: 1499px) {
    .recommendation-showcase .slide .port-cont .left-graphic .fixed-img img {
        max-width:550px
    }
}

@media screen and (max-width: 1199px) {
    .recommendation-showcase .slide .port-cont .left-graphic .fixed-img img {
        max-width:450px
    }
}

@media screen and (max-width: 991px) {
    .recommendation-showcase .slide .port-cont .left-graphic .fixed-img img {
        display:inline-block
    }
}

.recommendation-showcase .slide .port-cont .right-content {
    width: 45%;
    position: relative
}

@media screen and (max-width: 991px) {
    .recommendation-showcase .slide .port-cont .right-content {
        width:100%;
        margin-top: 30px
    }
}

.recommendation-showcase .slide .port-cont .right-content .port-head {
    position: relative
}

.recommendation-showcase .slide .port-cont .right-content .port-head h3 {
    color: #fff
}

@media screen and (max-width: 1499px) {
    .recommendation-showcase .slide .port-cont .right-content .port-head h3 {
        font-size:32px
    }
}

.recommendation-showcase .slide .port-cont .right-content .port-head .subtext {
    color: #fff
}

.recommendation-showcase .slide .port-cont .right-content .semititle {
    color: #fff
}

.recommendation-showcase .slide .port-cont .right-content p {
    color: #fff
}

.recommendation-showcase .slide .port-cont .right-content .app-technology li {
    display: inline-block;
    padding: 2px 10px;
    color: #000;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.recommendation-showcase .slide .port-cont .right-content .btn {
    margin-top: 10px
}

.recommendation-showcase .slide .port-cont .right-content .btn .arrow {
    background-image: url(../img/common/svg/arrow-right-up-blue.svg)
}

.recommendation-showcase .slide.slide1 {
    background-color: #3a59c9
}

.recommendation-showcase .slide.slide2 {
    background-color: #7455f7
}

.reveal {
    transform: translateY(300px);
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.reveal.active {
    transform: translateY(0);
    opacity: 1
}

.food-d-app .food-box {
    background-color: #ECEFF0;
    padding: 30px
}

.food-d-app .food-box .icons {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap
}

.food-d-app .food-box .icons li {
    margin-bottom: 20px;
    flex-basis: 50%;
    padding-left: 23px;
    position: relative
}

.food-d-app .food-box .icons li:before {
    color: #0076FF;
    content: "\f00c";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 14px;
    height: 14px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.key-features-food-app .icon-listing {
    display: flex;
    flex-wrap: wrap;
    text-align: center
}

.key-features-food-app .icon-listing li {
    flex-basis: 20%;
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .key-features-food-app .icon-listing li {
        flex-basis:33.33%
    }
}

@media screen and (max-width: 480px) {
    .key-features-food-app .icon-listing li {
        flex-basis:50%
    }
}

.key-features-food-app .icon-listing li .icon {
    display: block;
    width: 60px;
    height: 60px;
    margin: auto;
    margin-bottom: 10px;
    background-image: url(../img/restaurant-app-development/png/resto-sprite1.png);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.key-features-food-app .icon-listing li .icon.icon1 {
    background-position: 0 0
}

.key-features-food-app .icon-listing li .icon.icon2 {
    background-position: 0 -60px
}

.key-features-food-app .icon-listing li .icon.icon3 {
    background-position: 0 -120px
}

.key-features-food-app .icon-listing li .icon.icon4 {
    background-position: 0 -180px
}

.key-features-food-app .icon-listing li .icon.icon5 {
    background-position: 0 -240px
}

.key-features-food-app .icon-listing li .icon.icon6 {
    background-position: 0 -300px
}

.key-features-food-app .icon-listing li .icon.icon7 {
    background-position: 0 -360px
}

.key-features-food-app .icon-listing li .icon.icon8 {
    background-position: 0 -420px
}

.key-features-food-app .icon-listing li .icon.icon9 {
    background-position: 0 -480px
}

.key-features-food-app .icon-listing li .icon.icon10 {
    background-position: 0 -540px
}

.key-features-food-app .icon-listing li .icon.icon11 {
    background-position: 0 -600px
}

.key-features-food-app .icon-listing li .icon.icon12 {
    background-position: 0 -660px
}

.key-features-food-app .icon-listing li .icon.icon13 {
    background-position: 0 -720px
}

.key-features-food-app .icon-listing li .icon.icon14 {
    background-position: 0 -780px
}

.key-features-food-app .icon-listing li .icon.icon15 {
    background-position: 0 -840px
}

.key-features-food-app .icon-listing li .icon.icon16 {
    background-position: 0 -900px
}

.key-features-food-app .icon-listing li .icon.icon17 {
    background-position: 0 -960px
}

.key-features-food-app .icon-listing li .icon.icon18 {
    background-position: 0 -1020px
}

.key-features-food-app .icon-listing li .icon.icon19 {
    background-position: 0 -1080px
}

.key-features-food-app .icon-listing li .icon.icon20 {
    background-position: 0 -1140px
}

.key-features-food-app .icon-listing li .icon.icon21 {
    background-position: 0 -1200px
}

.key-features-food-app .icon-listing li .icon.icon22 {
    background-position: 0 -1260px
}

.key-features-food-app .icon-listing li .icon.icon23 {
    background-position: 0 -1320px
}

.key-features-food-app .icon-listing li .icon.icon24 {
    background-position: 0 -1380px
}

.key-features-food-app .icon-listing li .icon.icon25 {
    background-position: 0 -1440px
}

.key-features-food-app .icon-listing li .icon.icon26 {
    background-position: 0 -1500px
}

.key-features-food-app .icon-listing li .icon.icon27 {
    background-position: 0 -1560px
}

.key-features-food-app .icon-listing li .icon.icon28 {
    background-position: 0 -1620px
}

.key-features-food-app .icon-listing li .icon.icon29 {
    background-position: 0 -1680px
}

.key-features-food-app .icon-listing li .icon.icon30 {
    background-position: 0 -1740px
}

.key-features-food-app .icon-listing li .icon.icon31 {
    background-position: 0 -1800px
}

.key-features-food-app .icon-listing li .icon.icon32 {
    background-position: 0 -1860px
}

.key-features-food-app .icon-listing li .icon.icon33 {
    background-position: 0 -1920px
}

.key-features-food-app .icon-listing li .icon.icon34 {
    background-position: 0 -1980px
}

.key-features-food-app .icon-listing li .icon.icon35 {
    background-position: 0 -2040px
}

.key-features-food-app .icon-listing li .icon.icon36 {
    background-position: 0 -2100px
}

.key-features-food-app .icon-listing li .icon.icon37 {
    background-position: 0 -2160px
}

.key-features-food-app .icon-listing li .icon.icon38 {
    background-position: 0 -2220px
}

.key-features-food-app .icon-listing li .icon.icon39 {
    background-position: 0 -2280px
}

.key-features-food-app .icon-listing li .icon.icon40 {
    background-position: 0 -2340px
}

.key-features-food-app .icon-listing li .icon.icon41 {
    background-position: 0 -2400px
}

.key-features-food-app .icon-listing li .icon.icon42 {
    background-position: 0 -2460px
}

.key-features-food-app .icon-listing li .icon.icon43 {
    background-position: 0 -2520px
}

.key-features-food-app .icon-listing li .icon.icon44 {
    background-position: 0 -2580px
}

.key-features-food-app .icon-listing li .icon.icon45 {
    background-position: 0 -2640px
}

.key-features-food-app .icon-listing li .icon.icon46 {
    background-position: 0 -2700px
}

.key-features-food-app .icon-listing li .icon.icon47 {
    background-position: 0 -2760px
}

.key-features-food-app .icon-listing li .icon.icon48 {
    background-position: 0 -2820px
}

.key-features-food-app .icon-listing li .icon.icon49 {
    background-position: 0 -2880px
}

.key-features-food-app .icon-listing li .icon.icon50 {
    background-position: 0 -2940px
}

.key-features-food-app .tab-content {
    background-color: #0076FF;
    padding: 30px;
    margin-top: 40px;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    min-height: 450px;
    position: relative
}

@media screen and (max-width: 1199px) {
    .key-features-food-app .tab-content {
        min-height:auto
    }
}

.key-features-food-app .tab-content .tab-pane a {
    color: #41fff6
}

.key-features-food-app .nav-tabs {
    border: none;
    margin-top: 40px;
    text-align: left
}

@media screen and (max-width: 991px) {
    .key-features-food-app .nav-tabs {
        flex-wrap:nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        max-width: 100%;
        width: 100%
    }
}

.key-features-food-app .nav-tabs .nav-item {
    width: 100%;
    margin: 0 0 20px 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px
}

@media screen and (max-width: 991px) {
    .key-features-food-app .nav-tabs .nav-item {
        width:auto;
        white-space: nowrap
    }
}

.key-features-food-app .nav-tabs .nav-item .nav-link {
    padding: 20px;
    background-color: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    border-left: 3px solid #f7f7f7;
    width: 100%;
    height: 100%;
    position: relative;
    line-height: 18px;
    display: inline-block;
    color: #000
}

@media (max-width: 991px) {
    .key-features-food-app .nav-tabs .nav-item .nav-link {
        border-left:none;
        border-top: 3px solid #f7f7f7
    }
}

@media screen and (max-width: 575px) {
    .key-features-food-app .nav-tabs .nav-item .nav-link {
        padding-left:10px;
        padding-right: 10px
    }
}

.key-features-food-app .nav-tabs .nav-item .nav-link.active {
    color: #0076FF;
    border-left-color: #0076FF
}

@media (max-width: 991px) {
    .key-features-food-app .nav-tabs .nav-item .nav-link.active {
        border-top-color:#0076FF
    }
}

.food-ready-solutions {
    position: relative;
    padding-top: 100px;
    padding-bottom: 0
}

@media screen and (max-width: 991px) {
    .food-ready-solutions {
        text-align:center
    }
}

.food-ready-solutions:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 600px;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-image: url("../img/restaurant-app-development/webp/food-app.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed
}

.food-ready-solutions:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 600px;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-color: rgba(0,0,0,0.7)
}

.food-ready-solutions h2 {
    font-family: "interlight";
    color: #fff
}

.food-ready-solutions h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.food-ready-solutions p.white {
    text-align: center;
    color: #fff
}

.food-ready-solutions .food-solutions-box {
    background-color: #fff;
    margin-top: 50px;
    padding: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.food-ready-solutions .clone-app-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    text-align: center
}

@media (max-width: 1199px) {
    .food-ready-solutions .clone-app-list {
        padding:30px;
        margin-top: 50px
    }
}

@media (max-width: 575px) {
    .food-ready-solutions .clone-app-list {
        padding:15px
    }
}

.food-ready-solutions .clone-app-list li {
    flex-basis: 18%;
    padding-bottom: 20px;
    padding-right: 10px;
    min-height: 100px;
    margin: 1%;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1199px) {
    .food-ready-solutions .clone-app-list li {
        flex-basis:23%
    }
}

@media screen and (max-width: 767px) {
    .food-ready-solutions .clone-app-list li {
        flex-basis:31%
    }
}

@media screen and (max-width: 480px) {
    .food-ready-solutions .clone-app-list li {
        flex-basis:48%
    }
}

@media screen and (max-width: 360px) {
    .food-ready-solutions .clone-app-list li {
        flex-basis:48%
    }
}

.food-ready-solutions .clone-app-list li .name {
    display: block;
    width: 100%;
    margin-top: 0px
}

.food-ready-solutions .clone-app-list li .icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    margin: 10px auto 0 auto;
    background-image: url(../img/restaurant-app-development/png/resto-sprite2.png);
    background-repeat: no-repeat
}

.food-ready-solutions .clone-app-list li .icon.icon1 {
    background-position: 0 0
}

.food-ready-solutions .clone-app-list li .icon.icon2 {
    background-position: 0 -70px
}

.food-ready-solutions .clone-app-list li .icon.icon3 {
    background-position: 0 -140px
}

.food-ready-solutions .clone-app-list li .icon.icon4 {
    background-position: 0 -210px
}

.food-ready-solutions .clone-app-list li .icon.icon5 {
    background-position: 0 -280px
}

.food-ready-solutions .clone-app-list li .icon.icon6 {
    background-position: 0 -350px
}

.food-ready-solutions .app-features {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    text-align: left
}

@media (max-width: 1199px) {
    .food-ready-solutions .app-features {
        padding:30px;
        margin-top: 50px
    }
}

@media (max-width: 575px) {
    .food-ready-solutions .app-features {
        padding:15px
    }
}

.food-ready-solutions .app-features li {
    padding: 20px;
    flex-basis: 23%;
    padding-bottom: 20px;
    padding-right: 10px;
    margin: 1%;
    border: 1px dashed #E0E0E0;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1199px) {
    .food-ready-solutions .app-features li {
        flex-basis:23%
    }
}

@media screen and (max-width: 767px) {
    .food-ready-solutions .app-features li {
        flex-basis:31%
    }
}

@media screen and (max-width: 480px) {
    .food-ready-solutions .app-features li {
        flex-basis:48%
    }
}

@media screen and (max-width: 360px) {
    .food-ready-solutions .app-features li {
        flex-basis:48%
    }
}

.food-ready-solutions .app-features li .name {
    display: block;
    width: 100%;
    margin-top: 0px
}

.robust-new-services.mobile-services.food-services .service-box i.icon {
    background-image: url("../img/restaurant-app-development/png/resto-sprite3.png")
}

.robust-new-services.mobile-services.food-services .service-box i.icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.food-services .contact-box {
    background-color: #0076FF;
    width: 100%;
    height: 93%;
    margin-top: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.robust-new-services.mobile-services.food-services .contact-box:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-image: url("../img/restaurant-app-development/webp/Restaurant.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.3
}

.online-food-delivery-apps .scad-img img {
    max-width: 776px;
    margin: 0 auto;
    width: 100%;
    height: auto
}

.android-benefits.crypto-benefits.food-app-features .ios-b-img img {
    max-width: 460px
}

@media screen and (max-width: 575px) {
    .android-benefits.crypto-benefits.food-app-features .benefits-box {
        margin-top:0
    }
}

.android-benefits.crypto-benefits.food-app-features .benefits-box i:before {
    background-image: url(../img/restaurant-app-development/png/resto-sprite4.png)
}

.android-benefits.crypto-benefits.food-app-features .benefits-box i.icon11:before {
    background-position: 0 -1200px
}

.android-benefits.crypto-benefits.food-app-features .benefits-box i.icon12:before {
    background-position: 0 -1320px
}

.android-benefits.crypto-benefits.food-app-features .benefits-box:hover i.icon11:before {
    background-position: 0 -1260px
}

.android-benefits.crypto-benefits.food-app-features .benefits-box:hover i.icon12:before {
    background-position: 0 -1380px
}

@media screen and (max-width: 991px) {
    .android-benefits.crypto-benefits.food-app-features .btn {
        margin-top:10px
    }
}

@media (max-width: 1366px) {
    .blockchain-technologies.restaurant-app-advantages .col-sm-3,.blockchain-technologies.restaurant-app-advantages .col-md-3 {
        width:33.33333333%
    }
}

@media (max-width: 991px) {
    .blockchain-technologies.restaurant-app-advantages .col-sm-3,.blockchain-technologies.restaurant-app-advantages .col-md-3 {
        width:50%
    }
}

@media (max-width: 575px) {
    .blockchain-technologies.restaurant-app-advantages .col-sm-3,.blockchain-technologies.restaurant-app-advantages .col-md-3 {
        width:100%
    }
}

.blockchain-technologies.restaurant-app-advantages .andBox .icon {
    background-image: url(../img/restaurant-app-development/png/resto-sprite5.png);
    width: 70px;
    height: 70px
}

.blockchain-technologies.restaurant-app-advantages .andBox .icon.icon1 {
    background-position: 0 0
}

.blockchain-technologies.restaurant-app-advantages .andBox .icon.icon2 {
    background-position: 0 -70px
}

.blockchain-technologies.restaurant-app-advantages .andBox .icon.icon3 {
    background-position: 0 -140px
}

.blockchain-technologies.restaurant-app-advantages .andBox .icon.icon4 {
    background-position: 0 -210px
}

.blockchain-technologies.restaurant-app-advantages .andBox .icon.icon5 {
    background-position: 0 -280px
}

.blockchain-technologies.restaurant-app-advantages .andBox .icon.icon6 {
    background-position: 0 -350px
}

.blockchain-technologies.restaurant-app-advantages .andBox .icon.icon7 {
    background-position: 0 -420px
}

.blockchain-technologies.restaurant-app-advantages .andBox .icon.icon8 {
    background-position: 0 -490px
}

.blockchain-technologies.restaurant-app-advantages .andBox .icon.icon9 {
    background-position: 0 -560px
}

.android-benefits.food-delivery-app .benefits-box i:before {
    background-image: url(../img/restaurant-app-development/png/resto-sprite6.png)
}

.android-benefits.food-delivery-app .ios-b-img img {
    display: inline-block
}

.service-main-banner {
    padding: 150px 0 0px 0;
    position: relative;
    margin-bottom: -1px
}

.service-main-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url(../img/game-main-page/png/service-bnr-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80vw
}

@media screen and (max-width: 1440px) {
    .service-main-banner {
        padding-top:150px
    }
}

@media screen and (max-width: 575px) {
    .service-main-banner {
        min-height:100%;
        padding-top: 120px;
        padding-bottom: 0px
    }
}

.service-main-banner h1 {
    color: #0076FF;
    font-size: 5vw;
    text-align: center;
    line-height: normal;
    font-family: "interbold";
    margin-bottom: 0
}

@media screen and (max-width: 1600px) {
    .service-main-banner h1 {
        font-size:5vw
    }
}

@media screen and (max-width: 1200px) {
    .service-main-banner h1 {
        font-size:6.4vw
    }
}

@media screen and (max-width: 575px) {
    .service-main-banner h1 {
        font-size:7.4vw
    }
}

.service-main-banner h1 span {
    color: #fff
}

.service-main-banner p {
    margin: 0;
    padding: 0
}

.service-main-banner .text-container {
    max-width: 1380px;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 30px
}

@media screen and (max-width: 1440px) {
    .service-main-banner .text-container {
        max-width:1300px
    }
}

@media screen and (max-width: 1366px) {
    .service-main-banner .text-container {
        max-width:1200px
    }
}

@media screen and (max-width: 991px) {
    .service-main-banner .text-container {
        padding-bottom:0px
    }
}

.service-main-banner .container-fluid {
    position: relative;
    z-index: 1;
    padding: 0
}

.service-main-section {
    padding: 30px 0;
    overflow: hidden;
    position: relative
}

.service-main-section:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url(../img/game-main-page/png/service-bnr-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80vw
}

@media screen and (max-width: 991px) {
    .service-main-section .col-sm-6 {
        flex:0 0 100%;
        max-width: 100%
    }

    .service-main-section .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .service-main-section .column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
}

@media screen and (max-width: 767px) {
    .service-main-section {
        padding:0px 0;
        background-size: 100% auto
    }
}

@media screen and (max-width: 575px) {
    .service-main-section {
        padding-top:0px
    }
}

.service-main-section .custom-container {
    max-width: 1380px;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .service-main-section .custom-container {
        max-width:1300px
    }
}

@media screen and (max-width: 1366px) {
    .service-main-section .custom-container {
        max-width:1200px
    }
}

.service-main-section h2 {
    color: #fff;
    font-family: "interbold";
    position: relative;
    margin-bottom: 20px
}

.service-main-section h2 a {
    color: #fff;
    text-decoration: underline
}

@media screen and (max-width: 1024px) {
    .service-main-section h2 {
        margin-bottom:10px
    }
}

@media screen and (max-width: 575px) {
    .service-main-section h2 {
        text-align:left;
        line-height: normal
    }
}

.service-main-section .box-list {
    display: flex;
    flex-wrap: wrap
}

.service-main-section .box-list li {
    flex-basis: 50%;
    margin-bottom: 10px;
    list-style: none;
    position: relative;
    padding-left: 23px
}

@media (max-width: 991px) {
    .service-main-section .box-list li {
        text-align:left
    }
}

@media (max-width: 575px) {
    .service-main-section .box-list li {
        margin-bottom:15px
    }
}

.service-main-section .box-list li:before {
    color: #fff;
    content: "\f105";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 14px;
    height: 14px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.service-main-section .box-list li a {
    text-decoration: underline;
    color: #fff
}

.service-main-section .sma-box {
    background-color: #0076FF;
    padding: 6px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    min-height: 100%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-width: 991px) {
    .service-main-section .sma-box {
        margin-top:30px;
        min-height: auto
    }
}

.service-main-section .sma-box.sb1 {
    background: #3489f1
}

.service-main-section .sma-box.sb1:before {
    background-position: 40% top
}

.service-main-section .sma-box.sb2 {
    background-color: #972002
}

.service-main-section .sma-box.sb3 {
    background-color: #4c0083
}

.service-main-section .sma-box.sb4 {
    background-color: #0b9c60
}

.service-main-section .sma-box.sb5 {
    background-color: #bc2c31
}

.service-main-section .sma-box.sb6 {
    background-color: #2f66c2
}

.service-main-section .sma-box.sb7 {
    background-color: #c2772f
}

.service-main-section .sma-box.sb8 {
    background-color: #0092cc
}

.service-main-section .sma-box.sb9 {
    background-color: #723999
}

.service-main-section .sma-box.sb10 {
    background-color: #3456c5
}

.service-main-section .sma-box.sb11 {
    background-color: #7d3b18
}

.service-main-section .sma-box.sb12 {
    background-color: #066489
}

.service-main-section .sma-box .padd {
    padding: 30px
}

.service-main-section .sma-box .style_2 {
    margin-top: 30px;
    -webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.5);
    box-shadow: 10px 10px 20px rgba(0,0,0,0.5)
}

.service-main-section .sma-box .style_2:hover {
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5)
}

@media screen and (max-width: 575px) {
    .service-main-section .sma-box .style_2 {
        font-size:14px;
        white-space: unset
    }
}

@media screen and (max-width: 991px) {
    .service-main-section .sma-box {
        text-align:left
    }
}

.service-main-section .sma-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.service-main-section .sma-box:hover .image-bg img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.service-main-section .image-bg {
    width: 100%;
    overflow: hidden;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    border-radius: 17px
}

.service-main-section .image-bg img {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    border-radius: 17px;
    width: 100%;
    height: auto
}

.why-choose-our-services {
    padding: 86px 0 73px 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative
}

.why-choose-our-services:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url(../img/game-main-page/png/service-bnr-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80vw
}

.why-choose-our-services h2 {
    font-family: "interbold";
    position: relative;
    margin-bottom: 30px;
    line-height: normal;
    text-align: center;
    color: #fff
}

.why-choose-our-services h2 .light {
    color: #4cceff
}

.why-choose-our-services h2 .pencil {
    width: 251px;
    height: 138px;
    position: absolute;
    left: -10px;
    top: -124px;
    background-image: url(../img/game-main-page/png/pencil.png);
    background-repeat: no-repeat;
    display: inline-block
}

@media screen and (max-width: 1440px) {
    .why-choose-our-services h2 .pencil {
        left:-20px
    }
}

@media screen and (max-width: 1024px) {
    .why-choose-our-services h2 .pencil {
        left:-40px
    }
}

@media screen and (max-width: 991px) {
    .why-choose-our-services h2 .pencil {
        display:none
    }
}

.why-choose-our-services h2 .line {
    width: 82px;
    height: 34px;
    background-image: url(../img/game-main-page/png/line.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 10px;
    position: absolute;
    right: 10%;
    bottom: 10px
}

@media screen and (max-width: 1440px) {
    .why-choose-our-services h2 .line {
        right:10%
    }
}

@media screen and (max-width: 1024px) {
    .why-choose-our-services h2 .line {
        right:0%
    }
}

@media screen and (max-width: 991px) {
    .why-choose-our-services h2 .line {
        display:none
    }
}

@media screen and (max-width: 575px) {
    .why-choose-our-services h2 {
        text-align:center;
        margin-bottom: 50px
    }

    .why-choose-our-services h2 br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .why-choose-our-services .col-sm-3,.why-choose-our-services .col-md-3 {
        flex:0 0 100%;
        max-width: 100%
    }

    .why-choose-our-services .col-sm-9,.why-choose-our-services .col-md-9 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.why-choose-our-services .custom-container {
    max-width: 1380px;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .why-choose-our-services .custom-container {
        max-width:1300px
    }
}

@media screen and (max-width: 1366px) {
    .why-choose-our-services .custom-container {
        max-width:1200px
    }
}

.why-choose-our-services .wc-game-back-box {
    position: relative
}

.why-choose-our-services .wc-game-back-box:before {
    content: "";
    position: absolute;
    left: -70px;
    bottom: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #cf6125
}

.why-choose-our-services .wc-game-back-box:after {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #68a739
}

.why-choose-our-services .wc-game-back-box .wc-game-box {
    background-color: #0e223b;
    padding: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    min-height: 360px;
    background-image: url(../img/game-main-page/png/dots.png);
    background-repeat: no-repeat;
    background-position: right bottom
}

@media screen and (max-width: 1600px) {
    .why-choose-our-services .wc-game-back-box .wc-game-box {
        min-height:300px
    }
}

@media screen and (max-width: 1024px) {
    .why-choose-our-services .wc-game-back-box .wc-game-box {
        min-height:300px
    }
}

.why-choose-our-services .wc-game-back-box .wc-game-box:before {
    content: "";
    position: absolute;
    left: -70px;
    bottom: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #cf6125;
    opacity: 0.2;
    filter: blur(7px)
}

.why-choose-our-services .wc-game-back-box .wc-game-box:after {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #68a739;
    opacity: 0.2;
    filter: blur(7px)
}

.why-choose-our-services .wc-game-back-box .wc-game-box ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 30px 0 0 0
}

@media screen and (max-width: 1200px) {
    .why-choose-our-services .wc-game-back-box .wc-game-box ul {
        margin-top:50px
    }
}

@media screen and (max-width: 1024px) {
    .why-choose-our-services .wc-game-back-box .wc-game-box ul {
        margin-top:32px
    }
}

@media screen and (max-width: 767px) {
    .why-choose-our-services .wc-game-back-box .wc-game-box ul {
        text-align:center
    }
}

.why-choose-our-services .wc-game-back-box .wc-game-box ul li {
    vertical-align: top;
    flex-basis: 25%;
    align-items: flex-start;
    text-align: center;
    padding: 0px;
    margin: 0px 0px;
    position: relative
}

@media screen and (max-width: 575px) {
    .why-choose-our-services .wc-game-back-box .wc-game-box ul li {
        flex-basis:50%
    }
}

@media screen and (max-width: 450px) {
    .why-choose-our-services .wc-game-back-box .wc-game-box ul li {
        flex-basis:100%
    }
}

.why-choose-our-services .wc-game-back-box .wc-game-box ul li .value {
    font-family: "intersemibold";
    display: block;
    color: #4cceff;
    line-height: normal;
    font-size: 64px;
    line-height: 66px
}

@media screen and (max-width: 991px) {
    .why-choose-our-services .wc-game-back-box .wc-game-box ul li .value {
        font-size:35px;
        line-height: 41px
    }
}

@media screen and (max-width: 575px) {
    .why-choose-our-services .wc-game-back-box .wc-game-box ul li .value {
        font-size:25px;
        line-height: 40px
    }
}

.why-choose-our-services .wc-game-back-box .wc-game-box ul li h3 {
    font-size: 17px;
    font-family: "interregular";
    text-align: center;
    color: #fff
}

.why-choose-our-services .relative {
    position: relative
}

.why-choose-our-services .relative .wc-game-main-img {
    position: absolute;
    top: -130px;
    right: 0;
    z-index: 1
}

@media screen and (max-width: 1440px) {
    .why-choose-our-services .relative .wc-game-main-img {
        right:30px;
        top: -100px
    }
}

@media screen and (max-width: 1366px) {
    .why-choose-our-services .relative .wc-game-main-img {
        top:-100px
    }
}

@media screen and (max-width: 1200px) {
    .why-choose-our-services .relative .wc-game-main-img {
        top:-83px;
        right: 40px
    }
}

@media screen and (max-width: 991px) {
    .why-choose-our-services .relative .wc-game-main-img {
        text-align:center;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        margin: auto
    }
}

.why-choose-our-services .relative .wc-game-main-img img {
    max-width: 21vw;
    height: auto;
    position: relative
}

@media screen and (max-width: 1440px) {
    .why-choose-our-services .relative .wc-game-main-img img {
        max-width:22vw
    }
}

@media screen and (max-width: 1366px) {
    .why-choose-our-services .relative .wc-game-main-img img {
        max-width:21vw
    }
}

@media screen and (max-width: 1200px) {
    .why-choose-our-services .relative .wc-game-main-img img {
        max-width:25vw
    }
}

@media screen and (max-width: 991px) {
    .why-choose-our-services .relative .wc-game-main-img img {
        margin-top:-20px;
        max-width: 43vw;
        margin-left: auto
    }
}

.why-choose-our-services .text-center {
    margin-top: 40px
}

.why-choose-our-services .style_3 {
    margin-top: 4rem;
    display: inline-block;
    border-color: #0076FF;
    color: #0076FF
}

.why-choose-our-services .style_3 i {
    vertical-align: baseline
}

.why-choose-our-services .style_3:hover,.why-choose-our-services .style_3:focus {
    background-color: #fff;
    border-color: #fff;
    color: #081321
}

.service-main-cta1 {
    padding: 86px 0 100px 0;
    overflow: hidden;
    position: relative;
    text-align: center
}

.service-main-cta1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url(../img/game-main-page/png/service-bnr-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80vw
}

@media screen and (max-width: 991px) {
    .service-main-cta1 .col-sm-3,.service-main-cta1 .col-md-3 {
        flex:0 0 100%;
        max-width: 100%
    }

    .service-main-cta1 .col-sm-6,.service-main-cta1 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.service-main-cta1 h2 {
    font-family: "interbold";
    position: relative;
    margin-bottom: 0px;
    line-height: normal;
    text-align: center;
    color: #fff
}

.service-main-cta1 h2 .light {
    color: #4cceff;
    display: block;
    width: 100%;
    font-family: "interregular"
}

@media screen and (max-width: 575px) {
    .service-main-cta1 h2 {
        text-align:center
    }
}

@media screen and (max-width: 991px) {
    .service-main-cta1 .col-sm-3,.service-main-cta1 .col-md-3 {
        flex:0 0 100%;
        max-width: 100%
    }

    .service-main-cta1 .col-sm-9,.service-main-cta1 .col-md-9 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.service-main-cta1 .custom-container {
    max-width: 1380px;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .service-main-cta1 .custom-container {
        max-width:1300px
    }
}

@media screen and (max-width: 1366px) {
    .service-main-cta1 .custom-container {
        max-width:1200px
    }
}

.service-main-cta1 .wc-game-back-box {
    position: relative
}

.service-main-cta1 .wc-game-back-box:before {
    content: "";
    position: absolute;
    left: -70px;
    bottom: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #cf6125
}

.service-main-cta1 .wc-game-back-box:after {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #68a739
}

.service-main-cta1 .wc-game-back-box .wc-game-box {
    background-color: #0e223b;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    min-height: 360px;
    background-image: url(../img/game-main-page/png/dots.png);
    background-repeat: no-repeat;
    background-position: right bottom
}

@media screen and (max-width: 1600px) {
    .service-main-cta1 .wc-game-back-box .wc-game-box {
        min-height:300px
    }
}

@media screen and (max-width: 1024px) {
    .service-main-cta1 .wc-game-back-box .wc-game-box {
        min-height:300px
    }
}

@media screen and (max-width: 991px) {
    .service-main-cta1 .wc-game-back-box .wc-game-box {
        padding-top:50px
    }
}

.service-main-cta1 .wc-game-back-box .wc-game-box:before {
    content: "";
    position: absolute;
    left: -70px;
    bottom: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #cf6125;
    opacity: 0.2;
    filter: blur(7px)
}

.service-main-cta1 .wc-game-back-box .wc-game-box:after {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #68a739;
    opacity: 0.2;
    filter: blur(7px)
}

.service-main-cta1 .relative {
    position: relative
}

@media screen and (max-width: 991px) {
    .service-main-cta1 .relative {
        text-align:center
    }
}

.service-main-cta1 .relative .gm-cta-img {
    margin-top: 20px;
    margin-bottom: -2px
}

.service-main-cta1 .relative .gm-cta-img img {
    height: auto
}

@media screen and (max-width: 991px) {
    .service-main-cta1 .relative .gm-cta-img img {
        display:inline-block
    }
}

.service-main-cta1 .style_2 {
    display: inline-block;
    background-color: #fff;
    margin-top: 30px;
    color: #081321;
    -webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.5);
    box-shadow: 10px 10px 20px rgba(0,0,0,0.5)
}

.service-main-cta1 .style_2:hover {
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5)
}

.new-jobs {
    background-color: #f6f6f6;
    padding: 100px 0
}

@media (max-width: 991px) {
    .new-jobs {
        padding:50px 0
    }
}

.new-jobs img {
    max-width: 643px;
    margin: 0 auto;
    width: 100%
}

@media (max-width: 991px) {
    .new-jobs img {
        margin-bottom:0px
    }
}

.new-jobs .job-box {
    position: relative
}

.new-jobs .job-box .job-list li {
    position: relative;
    margin-top: 14%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    border: 2px dashed #E0E0E0;
    outline: 5px solid #fff;
    padding: 20px 90px 20px 20px;
    margin-bottom: 30px;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media (max-width: 1366px) {
    .new-jobs .job-box .job-list li {
        margin-top:12%
    }
}

@media (max-width: 991px) {
    .new-jobs .job-box .job-list li {
        margin-top:0
    }
}

.new-jobs .job-box .job-list li:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    border-color: #0076FF
}

.new-jobs .job-box .job-list li .icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center
}

.new-jobs .job-box .job-list li p {
    line-height: normal
}

@media (max-width: 1024px) {
    .new-jobs .job-box .job-list li p {
        font-size:16px
    }
}

.new-jobs .gap-top {
    margin-top: 100px
}

@media (max-width: 1366px) {
    .new-jobs .gap-top {
        margin-top:50px
    }
}

@media (max-width: 1200px) {
    .new-jobs .gap-top {
        margin-top:70px
    }
}

@media (max-width: 991px) {
    .new-jobs .gap-top {
        margin-top:40px
    }
}

.lity-portfolio {
    max-width: 800px;
    width: 800px;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    max-height: 722px;
    height: 722px
}

.lity-portfolio .hdr {
    background-color: #0076FF;
    padding: 20px;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 2px dashed rgba(255,255,255,0.3);
    outline: 5px solid #0076FF
}

.lity-portfolio .req-job {
    margin-top: 20px
}

.lity-portfolio .req-job li {
    margin-bottom: 10px;
    font-family: "intermedium";
    position: relative;
    padding-left: 20px
}

.lity-portfolio .req-job li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 10px;
    height: 6px;
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.lity-portfolio .req-job li:last-child {
    margin-bottom: 0px
}

.lity-portfolio .skills-list {
    margin-top: 20px
}

.lity-portfolio .skills-list li {
    margin-bottom: 10px;
    font-family: "intermedium";
    position: relative;
    padding-left: 20px
}

.lity-portfolio .skills-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 10px;
    height: 6px;
    background-color: #0076FF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.lity-portfolio .skills-list li:last-child {
    margin-bottom: 0px
}

.lity-portfolio .circle-icon {
    width: 140px;
    height: 140px;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.lity-portfolio .circle-icon .icon {
    display: inline-block;
    margin: 20px auto 0 auto;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center
}

.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;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden
}

.grid figure {
    position: relative;
    overflow: hidden;
    max-width: 776px;
    max-height: 467px;
    margin-bottom: 1.4rem;
    width: 100%;
    background: #BEBEBE;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px
}

.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 p {
    margin: 0;
    letter-spacing: 1px;
    font-size: 68.5%
}

figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    padding: 0;
    height: 3em;
    color: #BEBEBE;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

figure.effect-zoe:hover p.icon-links a:hover,figure.effect-zoe:hover p.icon-links a:focus {
    color: #BEBEBE
}

figure.effect-zoe p.description {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 1em;
    color: #fff;
    text-transform: none;
    font-size: 1.4em;
    opacity: 0;
    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 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
}

@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%
    }
}

.referral-partner-steps.career-interview:before {
    background-image: url("../img/career/webp/interview-banner.webp")
}

.referral-partner-steps.career-interview .thank-box .thankyou-timeline .list .text-box.tb1:before {
    background-image: url("../img/career/svg/Interview.svg")
}

.referral-partner-steps.career-interview .thank-box .thankyou-timeline .list .text-box.tb2:before {
    background-image: url("../img/career/svg/Technical-Round.svg")
}

.referral-partner-steps.career-interview .thank-box .thankyou-timeline .list .text-box.tb3:before {
    background-image: url("../img/career/svg/Practical-Round.svg")
}

.portfolio-banner {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    top: 81px;
    left: 0;
    right: 0;
    padding: 0;
    overflow: hidden;
    height: 90vh
}

@media screen and (max-width: 767px) {
    .portfolio-banner {
        top:63px
    }
}

.portfolio-banner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6
}

@media screen and (max-width: 767px) {
    .portfolio-banner:before {
        opacity:1;
        background-color: #0a1848
    }
}

@media screen and (max-width: 767px) {
    .portfolio-banner video {
        max-width:180%;
        display: none
    }
}

.folio-grid {
    position: relative;
    z-index: 1;
    margin-top: 0;
    min-height: 700px;
    top: 81px
}

@media screen and (max-width: 767px) {
    .folio-grid {
        top:-20px
    }
}

.folio-grid h1 {
    color: #fff;
    font-family: "interbold";
    text-align: center
}

.folio-grid p {
    color: #fff;
    margin-bottom: 10px
}

.folio-grid .inline-list {
    margin: 0px 30px
}

@media screen and (max-width: 991px) {
    .folio-grid .inline-list {
        background-color:transparent;
        padding: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px
    }
}

@media screen and (max-width: 575px) {
    .folio-grid .inline-list {
        margin-bottom:30px
    }
}

.folio-grid .inline-list li {
    display: inline-block;
    vertical-align: top;
    padding: 4px 10px;
    display: inline-block;
    color: #fff;
    cursor: pointer
}

.folio-grid .inline-list li.current {
    color: #FF9100
}

.folio-grid .sub-category-collapse {
    width: 100%
}

.folio-grid .sub-category-collapse .collapse[aria-expanded="false"] {
    display: block;
    height: 40px !important;
    overflow: hidden
}

.folio-grid .sub-category-collapse .collapsing[aria-expanded="false"] {
    height: 40px !important
}

.folio-grid .sub-category-collapse .show-hide {
    margin-left: 33px;
    margin-top: -10px;
    margin-bottom: 10px;
    color: #00c4ff;
    cursor: pointer;
    display: none
}

.folio-grid .sub-category-collapse .show-hide.collapsed:after {
    content: '+ Show Sub Category'
}

.folio-grid .sub-category-collapse .show-hide:not(.collapsed):after {
    content: '- Hide Sub Category'
}

@media screen and (max-width: 991px) {
    .folio-grid .sub-category-collapse .show-hide {
        display:block
    }
}

.folio-grid .sub-category-collapse .collapse:not(.show) {
    display: block
}

@media screen and (max-width: 991px) {
    .folio-grid .sub-category-collapse .collapse:not(.show) {
        display:none
    }
}

.folio-grid .nav-tabs {
    border-bottom-color: rgba(255,255,255,0.3);
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 50px
}

@media screen and (max-width: 991px) {
    .folio-grid .nav-tabs .nav-item {
        flex-basis:10%
    }
}

@media screen and (max-width: 767px) {
    .folio-grid .nav-tabs .nav-item {
        flex-basis:50%
    }
}

@media screen and (max-width: 480px) {
    .folio-grid .nav-tabs .nav-item {
        flex-basis:49%
    }
}

.folio-grid .nav-tabs .nav-item .nav-link {
    border: none;
    position: relative;
    color: #fff;
    font-size: 20px
}

@media screen and (max-width: 1399px) {
    .folio-grid .nav-tabs .nav-item .nav-link {
        font-size:16px
    }
}

@media screen and (max-width: 1199px) {
    .folio-grid .nav-tabs .nav-item .nav-link {
        font-size:14px;
        padding: .5rem 0.1rem
    }
}

.folio-grid .nav-tabs .nav-item .nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 4px;
    background-color: transparent
}

.folio-grid .nav-tabs .nav-item .nav-link.active {
    border: none;
    background-color: transparent
}

.folio-grid .nav-tabs .nav-item .nav-link.active:before {
    background-color: #0076FF
}

.folio-grid .tab-content {
    margin-top: 30px
}

.folio-grid .folio-view {
    border: 1px solid #BEBEBE;
    overflow: hidden;
    position: relative;
    margin: 30px
}

@media screen and (max-width: 575px) {
    .folio-grid .folio-view {
        margin-top:0px
    }
}

.folio-grid .folio-view:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    background: -webkit-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 40%);
    background: -o-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 40%);
    background: linear-gradient(to top, #000 0%, rgba(0,0,0,0) 40%);
    z-index: 1
}

.folio-grid .folio-view .link-overly {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 3
}

.folio-grid .folio-view.top {
    margin-top: 50px
}

.folio-grid .folio-view img {
    width: 100%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    height: auto
}

.folio-grid .folio-view:hover img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.folio-grid .folio-view .content-box {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    z-index: 2;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .folio-grid .folio-view .content-box {
        bottom:0;
        padding: 10px
    }

    .folio-grid .folio-view .content-box p {
        margin-bottom: 0
    }
}

.folio-grid .folio-view .content-box h3 {
    color: #fff;
    font-family: "interbold";
    margin-bottom: 20px
}

@media screen and (max-width: 575px) {
    .folio-grid .folio-view .content-box h3 {
        margin-bottom:0;
        font-size: 18px
    }
}

.folio-grid .folio-view:hover .content-box {
    bottom: 0;
    top: auto
}

.folio-grid .folio-view:hover .link {
    color: #fff
}

.folio-grid .folio-view .link {
    color: #fff;
    padding: 10px 42px 10px 15px
}

@media screen and (max-width: 991px) {
    .folio-grid .folio-view .link {
        width:170px
    }
}

.portfolio-detail-banner {
    background-color: #000;
    position: relative;
    top: 0px;
    margin-bottom: 81px;
    padding: 0 0 50px 0;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .portfolio-detail-banner {
        padding-bottom:30px;
        margin-bottom: 30px
    }
}

.portfolio-detail-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/portfolio/jpg/banner-bg.jpg)
}

.portfolio-detail-banner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.5
}

.portfolio-detail-banner .owl-folio .item {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0
}

.portfolio-detail-banner .owl-folio .owl-dots {
    text-align: center;
    margin-top: -20px
}

.portfolio-detail-banner .owl-folio .owl-dots button:before,.portfolio-detail-banner .owl-folio .owl-dots button:after {
    display: none
}

.portfolio-detail-banner .owl-folio .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    background-color: #fff;
    margin: 10px 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px
}

.portfolio-detail-banner .owl-folio .owl-dots button.owl-dot.active {
    width: 50px;
    background-color: #0076FF
}

.portfolio-detail-banner .owl-folio .owl-nav {
    text-align: center
}

.portfolio-detail-banner .owl-folio .owl-nav button {
    margin: 0 10px;
    position: absolute;
    top: 46%;
    color: #fff
}

.portfolio-detail-banner .owl-folio .owl-nav button.owl-prev {
    left: -5%
}

.portfolio-detail-banner .owl-folio .owl-nav button.owl-next {
    right: -5%
}

.portfolio-detail-banner .owl-folio .owl-nav button:after,.portfolio-detail-banner .owl-folio .owl-nav button:before {
    display: none
}

.portfolio-detail-banner .owl-folio .owl-nav button i {
    font-size: 30px;
    color: #fff
}

.app-overview {
    position: relative;
    padding: 100px 0 40px 0;
    overflow: hidden
}

@media (max-width: 991px) {
    .app-overview {
        text-align:center
    }

    .app-overview .row {
        flex-wrap: wrap-reverse
    }
}

@media (max-width: 767px) {
    .app-overview {
        padding:100px 0 0px 0
    }
}

.app-overview h1 {
    padding-right: 100px;
    font-family: "interlight"
}

@media (max-width: 1024px) {
    .app-overview h1 {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .app-overview h1 {
        padding-right:0
    }
}

.app-overview h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.app-overview h3 {
    font-family: "interbold"
}

.app-overview .h3 {
    font-family: "interbold"
}

.app-overview .techno-use li {
    display: inline-block;
    position: relative;
    padding: 0 10px;
    font-size: 18px;
    font-family: "intermedium"
}

.app-overview .techno-use li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #000;
    opacity: 0.3
}

.app-overview .techno-use li:last-child:before {
    display: none
}

.app-overview p {
    padding-right: 100px
}

@media (max-width: 1024px) {
    .app-overview p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .app-overview p {
        padding-right:0
    }
}

.app-overview:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.app-overview .bnr-img {
    position: relative
}

@media (max-width: 767px) {
    .app-overview .bnr-img {
        margin-bottom:30px;
        display: none;
        opacity: 0
    }
}

.app-overview .bnr-img:before {
    content: "";
    position: absolute;
    left: -40%;
    bottom: 0;
    top: -36%;
    right: 0;
    background-image: url("../img/ios-app-development/png/ios-bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left center;
    -webkit-transition: 5s;
    -moz-transition: 5s;
    -ms-transition: 5s;
    -o-transition: 5s;
    transition: 5s;
    animation: floatX 5s ease-in-out infinite
}

.app-overview .bnr-img img {
    position: relative;
    z-index: 1;
    max-width: 643px;
    width: 100%
}

.app-overview .bnr-img.img-round img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    border: 3px solid #000
}

.app-overview .game-video-bg {
    background-image: url("../img/portfolio/png/endless-runner-game-bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    position: relative
}

@media (max-width: 1600px) {
    .app-overview .game-video-bg {
        background-position:center -50px
    }
}

@media (max-width: 1440px) {
    .app-overview .game-video-bg {
        background-position:center -50px
    }
}

@media (max-width: 1366px) {
    .app-overview .game-video-bg {
        background-position:center 0px
    }
}

@media (max-width: 1200px) {
    .app-overview .game-video-bg {
        background-position:center -50px
    }
}

@media (max-width: 1024px) {
    .app-overview .game-video-bg {
        background-position:center -30px
    }
}

.app-overview .game-video-bg.gv-bg1 {
    background-image: none
}

.app-overview .bnr-video .img-video {
    width: 100%;
    height: auto;
    border: 5px solid #000;
    background-color: #000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.app-overview .folio-video {
    width: 17.2vw;
    height: auto;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    display: inline-block;
    border: 5px solid #000;
    border-top-width: 15px;
    border-bottom-width: 15px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    background-color: #000
}

@media (max-width: 991px) {
    .app-overview .folio-video {
        width:34vw
    }
}

@media (max-width: 767px) {
    .app-overview .folio-video {
        width:100%;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px
    }
}

.app-overview .folio-video::-webkit-media-controls {
    display: none
}

.app-overview .folio-video::-moz-media-controls {
    display: none
}

.app-overview .folio-video::-webkit-media-controls-enclosure {
    display: none
}

.app-overview .folio-video::-moz-media-controls-enclosure {
    display: none
}

.app-overview.vr-game-video .folio-video {
    width: 40.4vw;
    border-width: 5px
}

@media (max-width: 991px) {
    .app-overview.vr-game-video .folio-video {
        width:80vw
    }
}

.app-challenges {
    position: relative;
    padding: 50px 0 80px 0;
    overflow: hidden
}

@media (max-width: 991px) {
    .app-challenges {
        text-align:center
    }

    .app-challenges .row {
        flex-wrap: wrap-reverse
    }
}

@media (max-width: 767px) {
    .app-challenges {
        padding:50px 0 0px 0
    }
}

.app-challenges h2 {
    font-family: "interlight"
}

.app-challenges h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.app-challenges p {
    padding-right: 100px
}

@media (max-width: 1024px) {
    .app-challenges p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .app-challenges p {
        padding-right:0
    }
}

.app-challenges:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.app-challenges .bnr-img {
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-width: 767px) {
    .app-challenges .bnr-img {
        margin-bottom:30px;
        display: none;
        opacity: 0
    }
}

.app-challenges .bnr-img:before {
    content: "";
    position: absolute;
    left: -40%;
    bottom: 0;
    top: -36%;
    right: 0;
    background-image: url("../img/portfolio/png/challenges-shap.png");
    background-repeat: no-repeat;
    background-size: 70% auto;
    background-position: left center;
    -webkit-transition: 5s;
    -moz-transition: 5s;
    -ms-transition: 5s;
    -o-transition: 5s;
    transition: 5s;
    animation: floatX 5s ease-in-out infinite
}

.app-challenges .bnr-img img {
    position: relative;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.solutions-achieved {
    position: relative
}

@media screen and (max-width: 991px) {
    .solutions-achieved {
        text-align:center
    }
}

@media screen and (max-width: 767px) {
    .solutions-achieved {
        padding-bottom:0
    }
}

.solutions-achieved:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.solutions-achieved p {
    padding-left: 50px
}

@media screen and (max-width: 767px) {
    .solutions-achieved p {
        padding-left:0px
    }
}

.solutions-achieved.expert-solutions p {
    padding-left: 0px
}

.solutions-achieved h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.solutions-achieved .points {
    margin-top: 20px
}

.solutions-achieved .points li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    font-family: "intermedium"
}

@media screen and (max-width: 991px) {
    .solutions-achieved .points li {
        text-align:left
    }
}

.solutions-achieved .points li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.solutions-achieved .solved-apps {
    text-align: center;
    margin: 50px 0 50px 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

@media screen and (max-width: 991px) {
    .solutions-achieved .solved-apps {
        text-align:center
    }
}

@media screen and (max-width: 767px) {
    .solutions-achieved .solved-apps {
        margin:20px 0
    }
}

@media screen and (max-width: 575px) {
    .solutions-achieved .solved-apps {
        display:none
    }
}

.solutions-achieved .solved-apps li {
    flex-basis: 20%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 10px
}

@media screen and (max-width: 991px) {
    .solutions-achieved .solved-apps li:last-child {
        display:none
    }
}

@media screen and (max-width: 480px) {
    .solutions-achieved .solved-apps li:nth-child(2) {
        display:none
    }
}

@media screen and (max-width: 480px) {
    .solutions-achieved .solved-apps li:nth-child(3) {
        display:none
    }
}

@media screen and (max-width: 480px) {
    .solutions-achieved .solved-apps li:nth-child(4) {
        display:none
    }
}

.solutions-achieved .solved-apps li img {
    max-width: 568px;
    width: 100%;
    height: auto;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .solutions-achieved .solved-apps li {
        flex-basis:50%
    }
}

@media screen and (max-width: 767px) {
    .solutions-achieved .solved-apps li {
        flex-basis:50%
    }
}

@media screen and (max-width: 575px) {
    .solutions-achieved .solved-apps li {
        flex-basis:50%
    }
}

@media screen and (max-width: 480px) {
    .solutions-achieved .solved-apps li {
        flex-basis:100%
    }
}

.solutions-achieved ul {
    margin-left: 20px
}

.solutions-achieved ul li {
    list-style: disc;
    margin-bottom: 20px
}

.solutions-achieved .grid-video {
    margin-top: 50px
}

.solutions-achieved .grid-video .folio-video {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    display: inline-block;
    border: 5px solid #000;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background-color: #000
}

@media (max-width: 991px) {
    .solutions-achieved .grid-video .folio-video {
        width:34vw
    }
}

@media (max-width: 767px) {
    .solutions-achieved .grid-video .folio-video {
        width:100%;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px
    }
}

.solutions-achieved .grid-video .folio-video::-webkit-media-controls {
    display: none
}

.solutions-achieved .grid-video .folio-video::-moz-media-controls {
    display: none
}

.solutions-achieved .grid-video .folio-video::-webkit-media-controls-enclosure {
    display: none
}

.solutions-achieved .grid-video .folio-video::-moz-media-controls-enclosure {
    display: none
}

.case-study-features {
    position: relative
}

@media screen and (max-width: 991px) {
    .case-study-features {
        text-align:center
    }
}

@media screen and (max-width: 767px) {
    .case-study-features {
        padding-bottom:0
    }
}

.case-study-features:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.case-study-features p {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .case-study-features p {
        padding-left:0px
    }
}

.case-study-features h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.case-study-features .nav-tabs {
    background-color: #F0F0F0;
    border-bottom: none;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .case-study-features .nav-tabs {
        text-align:center;
        justify-content: space-evenly
    }
}

@media screen and (max-width: 575px) {
    .case-study-features .nav-tabs .nav-item {
        flex-basis:100%;
        text-align: left
    }
}

.case-study-features .nav-tabs .nav-item .nav-link {
    border: none;
    position: relative;
    padding: 15px 20px
}

@media screen and (max-width: 991px) {
    .case-study-features .nav-tabs .nav-item .nav-link {
        padding:15px 10px
    }
}

@media screen and (max-width: 575px) {
    .case-study-features .nav-tabs .nav-item .nav-link {
        padding:10px 10px
    }
}

.case-study-features .nav-tabs .nav-item .nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 4px;
    background-color: transparent
}

.case-study-features .nav-tabs .nav-item .nav-link.active {
    border: none;
    background-color: transparent
}

.case-study-features .nav-tabs .nav-item .nav-link.active:before {
    background-color: #0076FF
}

.case-study-features .tab-content {
    margin-top: 70px
}

.case-study-features .app-img img {
    max-width: 90%;
    width: 100%
}

.case-study-features .features-list {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .case-study-features .features-list {
        margin-top:50px
    }
}

@media screen and (max-width: 575px) {
    .case-study-features .features-list {
        margin-left:20px
    }
}

.case-study-features .features-list li {
    flex-basis: 50%;
    position: relative;
    border-left: 1px dashed #BEBEBE;
    padding: 0px 10px 30px 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .case-study-features .features-list li {
        text-align:left
    }
}

@media screen and (max-width: 575px) {
    .case-study-features .features-list li {
        flex-basis:100%
    }
}

.case-study-features .features-list li:hover {
    color: #0076FF
}

.case-study-features .features-list li:hover:before {
    background-color: #0076FF
}

.case-study-features .features-list li:before {
    content: "";
    position: absolute;
    left: -8px;
    top: 4px;
    width: 16px;
    height: 16px;
    background-color: #BEBEBE;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.case-study-features .features-list.full li {
    flex-basis: 100%
}

.project-milestones {
    position: relative
}

@media screen and (max-width: 991px) {
    .project-milestones {
        text-align:center
    }
}

@media screen and (max-width: 767px) {
    .project-milestones {
        padding-bottom:0
    }
}

.project-milestones:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.project-milestones p {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .project-milestones p {
        padding-left:0px
    }
}

.project-milestones h6 {
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.project-milestones .h5 {
    color: #0076FF
}

@media screen and (max-width: 991px) {
    .project-milestones .milestone-list {
        text-align:left
    }
}

.project-milestones .milestone-list li {
    border: 1px solid #E9ECF1;
    padding: 20px 20px 20px 100px;
    position: relative;
    min-height: 80px;
    margin-bottom: 30px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.project-milestones .milestone-list li:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.project-milestones .milestone-list li:hover .nbr {
    color: #0076FF
}

.project-milestones .milestone-list li .nbr {
    position: absolute;
    left: 20px;
    top: 10px;
    font-size: 40px;
    font-family: "interbold";
    color: #BEBEBE;
    width: 60px;
    text-align: center
}

.recommended-case-study h2 {
    font-family: "interlight"
}

.recommended-case-study h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.recommended-case-study h3 {
    font-family: "interbold"
}

@media (max-width: 767px) {
    .recommended-case-study {
        text-align:center
    }
}

.recommended-case-study p {
    padding-right: 100px
}

@media (max-width: 1024px) {
    .recommended-case-study p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .recommended-case-study p {
        padding-right:0
    }
}

.recommended-case-study:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.recommended-case-study .case-studies-view {
    border: 1px solid #BEBEBE;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px
}

.recommended-case-study .case-studies-view:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #000;
    background: -webkit-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 80%);
    background: -o-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 80%);
    background: linear-gradient(to top, #000 0%, rgba(0,0,0,0) 80%)
}

.recommended-case-study .case-studies-view .link-overly {
    display: inline-block;
    color: #fff
}

.recommended-case-study .case-studies-view .link-overly:hover .arrow {
    top: -5px;
    right: -10px
}

.recommended-case-study .case-studies-view.top {
    margin-top: 50px
}

.recommended-case-study .case-studies-view img {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.recommended-case-study .case-studies-view .arrow {
    width: 20px;
    height: 20px;
    position: relative;
    right: 0;
    top: 0;
    display: inline-block;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.recommended-case-study .case-studies-view .content-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 30px 30px 30px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 2
}

@media screen and (max-width: 575px) {
    .recommended-case-study .case-studies-view .content-box {
        bottom:0;
        padding: 10px
    }

    .recommended-case-study .case-studies-view .content-box p {
        margin-bottom: 0
    }
}

.recommended-case-study .case-studies-view .content-box p {
    margin-bottom: 0;
    opacity: 0.8
}

.recommended-case-study .case-studies-view .content-box .h3 {
    color: #fff;
    font-family: "interbold";
    opacity: 0.8
}

@media screen and (max-width: 575px) {
    .recommended-case-study .case-studies-view .content-box .h3 {
        margin-bottom:0
    }
}

.recommended-case-study .case-studies-view .content-box .category {
    color: #fff;
    font-family: "intermedium";
    margin-bottom: 0
}

.recommended-case-study .case-studies-view .content-box .content-limit {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-top: 50px
}

@media screen and (max-width: 1399px) {
    .recommended-case-study .case-studies-view .content-box .content-limit {
        -webkit-line-clamp:3
    }
}

@media screen and (max-width: 991px) {
    .recommended-case-study .case-studies-view .content-box .content-limit {
        margin-top:100px
    }
}

@media screen and (max-width: 575px) {
    .recommended-case-study .case-studies-view .content-box .content-limit {
        display:none
    }
}

.recommended-case-study .case-studies-view:hover .content-box {
    bottom: 0
}

.recommended-case-study .case-studies-view:hover .content-box p {
    opacity: 1
}

.recommended-case-study .case-studies-view:hover .content-box .h3 {
    opacity: 1
}

.recommended-case-study .case-studies-view:hover .link {
    color: #0076FF
}

.recommended-case-study .case-studies-view:hover .content-limit {
    margin-top: 0px
}

@media screen and (max-width: 991px) {
    .recommended-case-study .case-studies-view:hover .content-limit {
        margin-top:10px
    }
}

.recommended-case-study .case-studies-view:hover img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.recommended-case-study .case-studies-view .link {
    color: #fff;
    position: absolute;
    right: 20px;
    bottom: 20px
}

@media screen and (max-width: 1200px) {
    .recommended-case-study .case-studies-view .link {
        display:none
    }
}

@media screen and (max-width: 991px) {
    .recommended-case-study .case-studies-view .link {
        right:0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        width: 170px
    }
}

@media screen and (max-width: 767px) {
    .recommended-case-study .case-studies-view .link {
        bottom:0px;
        display: none
    }
}

.recommended-case-study .owl-recommended .item {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0
}

.recommended-case-study .owl-recommended .owl-dots {
    text-align: center;
    margin-top: -20px
}

.recommended-case-study .owl-recommended .owl-dots button:before,.recommended-case-study .owl-recommended .owl-dots button:after {
    display: none
}

.recommended-case-study .owl-recommended .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    background-color: #BEBEBE;
    margin: 10px 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px
}

.recommended-case-study .owl-recommended .owl-dots button.owl-dot.active {
    width: 50px;
    background-color: #0076FF
}

.recommended-case-study .owl-recommended .owl-nav {
    text-align: center
}

.recommended-case-study .owl-recommended .owl-nav button {
    margin: 0 10px;
    position: absolute;
    top: 46%;
    color: #BEBEBE
}

.recommended-case-study .owl-recommended .owl-nav button.owl-prev {
    left: -5%
}

.recommended-case-study .owl-recommended .owl-nav button.owl-next {
    right: -5%
}

.recommended-case-study .owl-recommended .owl-nav button:after,.recommended-case-study .owl-recommended .owl-nav button:before {
    display: none
}

.recommended-case-study .owl-recommended .owl-nav button i {
    font-size: 30px;
    color: #fff
}

.folio-grid .case-studies-tabs .inline-list li.taxonomy_filter.active span {
    color: #fff
}

.folio-grid .load-posts {
    padding: 80px 0
}

.folio-grid .lode_mor_btn {
    width: 100%;
    text-align: center
}

.folio-grid .lode_mor_btn .ajax-loader {
    width: 100%;
    text-align: center;
    display: block
}

.folio-grid .lode_mor_btn img {
    margin: 0 auto 20px
}

.folio-grid .green-btn {
    background: #0076FF;
    padding: 20px 74px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    border-radius: 5px;
    transition: all .3s ease-in-out;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.folio-grid .arrow-icon {
    position: relative
}

.solutions-achieved.e-learning-solu p {
    padding-left: 0
}

.solutions-achieved.e-learning-solu.pizza-vr-game img {
    width: 100%
}

.case-study-features.e-learning-feat .features-list li .tree-toggler {
    position: relative;
    width: 100%
}

.case-study-features.e-learning-feat .features-list li .tree-toggler:before {
    position: absolute;
    right: 10px;
    top: 0;
    content: "\2b";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.case-study-features.e-learning-feat .features-list li .tree-toggler.icon:before {
    content: "\f068"
}

.case-study-features.e-learning-feat .features-list .inner-ul {
    margin-top: 10px
}

.case-study-features.e-learning-feat .features-list .inner-ul li {
    border-left: none;
    padding: 5px 30px
}

.case-study-features.e-learning-feat .features-list .inner-ul li::before {
    left: 12px;
    top: 12px;
    width: 7px;
    height: 7px
}

.portfolio-four-box {
    position: relative;
    background-color: #fff
}

.portfolio-four-box:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.portfolio-four-box .container {
    background-color: #f3f5f7;
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media (max-width: 1024px) {
    .portfolio-four-box .col-sm-3,.portfolio-four-box .col-md-3 {
        width:50%
    }
}

@media (max-width: 991px) {
    .portfolio-four-box {
        text-align:center
    }
}

@media (max-width: 575px) {
    .portfolio-four-box .col-sm-3,.portfolio-four-box .col-md-3 {
        width:100%
    }

    .portfolio-four-box .mb-40 {
        margin-bottom: 20px
    }
}

.portfolio-four-box h2 {
    font-family: "interlight"
}

.portfolio-four-box h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.portfolio-four-box p.top {
    margin-top: 27px
}

@media (max-width: 575px) {
    .portfolio-four-box p.top {
        margin-top:0px
    }
}

.portfolio-four-box .service-box {
    background-color: transparent;
    padding: 20px 30px 30px 30px;
    margin-top: 0;
    height: 100%;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: none
}

@media (max-width: 767px) {
    .portfolio-four-box .service-box {
        border:1px solid #dddddd
    }
}

.portfolio-four-box .service-box i {
    margin-bottom: 20px;
    display: inline-block
}

.portfolio-four-box .service-box .icon {
    display: inline-block;
    width: 85px;
    height: 60px;
    margin-bottom: 10px;
    background-image: url("../img/portfolio/png/port-sprite1.png");
    background-repeat: no-repeat;
    background-position: center top
}

.portfolio-four-box .service-box .icon.icon1 {
    background-position: 0 0
}

.portfolio-four-box .service-box .icon.icon2 {
    background-position: 0 -60px
}

.portfolio-four-box .service-box .icon.icon3 {
    background-position: 0 -120px
}

.portfolio-four-box .service-box .icon.icon4 {
    background-position: 0 -180px
}

.portfolio-four-box .service-box.active {
    background-color: #fff;
    color: #000
}

.portfolio-four-box .service-box.active .inner-btn {
    display: block
}

.portfolio-four-box .service-box.active .amount {
    color: #000
}

.portfolio-four-box .service-box.active i:before {
    color: #000
}

.portfolio-four-box .service-box.active .inner-btn {
    bottom: 23px
}

.portfolio-four-box .service-box.active .icon-go {
    bottom: -10px
}

.portfolio-four-box .service-box .amount {
    color: #666;
    font-family: "intermedium";
    z-index: 2;
    margin-bottom: 15px
}

.portfolio-four-box .service-box .amount .same-color {
    display: inline-block;
    position: relative;
    padding: 3px 12px 1px;
    z-index: 0;
    color: #fff
}

.portfolio-four-box .service-box .amount .same-color:before {
    content: "";
    position: absolute;
    background-color: #FF9100;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    padding: 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.portfolio-four-box .service-box .amount .same-color.blue:before {
    background-color: #0076FF
}

.portfolio-four-box .service-box .inner-btn {
    position: absolute;
    bottom: -2px;
    right: 57px;
    margin-bottom: 0;
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.portfolio-four-box .service-box ul li {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px
}

.portfolio-four-box .service-box .single-btn {
    padding: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.portfolio-four-box .service-box:hover {
    background-color: #fff;
    color: #000;
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2)
}

.portfolio-four-box .service-box:hover i:before {
    color: #000
}

.portfolio-four-box .service-box:hover .inner-btn {
    opacity: 1;
    bottom: 23px
}

.portfolio-four-box .service-box:hover .icon-go {
    bottom: -10px
}

.portfolio-four-box .service-box:hover .single-btn {
    color: #fff
}

.portfolio-four-box .service-box .click-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.portfolio-four-box .service-box .icon-go {
    position: absolute;
    bottom: -34px;
    right: 20px;
    margin-bottom: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.portfolio-four-box .service-box .icon-go i {
    font-size: 24px
}

.portfolio-four-box .service-box .icon-go .inner-btn {
    display: block
}

.portfolio-four-box .service-box .port-list li {
    position: relative;
    padding-left: 13px;
    margin-right: 10px
}

.portfolio-four-box .service-box .port-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 6px;
    background-color: #0076FF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.folio-grid .green-btn.disabledbtn {
    background-color: #9fa2a5bf;
    cursor: not-allowed;
    pointer-events: none
}

.contact-us-banner {
    padding: 50px 0;
    position: relative;
    top: 0px
}

@media screen and (max-width: 991px) {
    .contact-us-banner {
        padding-top:50px
    }
}

@media screen and (max-width: 767px) {
    .contact-us-banner {
        top:0px
    }
}

.contact-us-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 700px;
    background-color: #000;
    background-image: url("../img/contact-us/jpg/contact-banner.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center
}

@media screen and (max-width: 767px) {
    .contact-us-banner:before {
        background-size:cover
    }
}

.contact-us-banner h1 {
    text-align: center;
    font-family: "interbold";
    color: #fff
}

.contact-us-banner h5 {
    text-align: center;
    color: #fff
}

.contact-us-banner .contact-form {
    position: relative;
    z-index: 1
}

.contact-us-banner .contact-box {
    background-color: #fff;
    padding: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    margin-top: 50px;
    min-height: 600px;
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    position: relative;
    overflow: hidden
}

.contact-us-banner .contact-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 60%;
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1)
}

@media screen and (max-width: 991px) {
    .contact-us-banner .contact-box:before {
        display:none
    }
}

.contact-us-banner .contact-box h2 {
    position: relative
}

@media screen and (max-width: 991px) {
    .contact-us-banner .contact-box h2 {
        text-align:center
    }
}

.contact-us-banner .contact-box p {
    position: relative
}

@media screen and (max-width: 991px) {
    .contact-us-banner .contact-box p {
        text-align:center
    }
}

.contact-us-banner .contact-box .country {
    display: none
}

.contact-us-banner .contact-box .wpcf7-form-control-wrap {
    width: 100%
}

.contact-us-banner .contact-box .form-group {
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 20px
}

.contact-us-banner .contact-box .form-group:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #0076FF;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 2
}

.contact-us-banner .contact-box .form-group:hover:before,.contact-us-banner .contact-box .form-group:focus:before {
    width: 100%
}

.contact-us-banner .contact-box .form-group .form-label {
    color: #0076FF;
    margin-bottom: 0
}

.contact-us-banner .contact-box .form-group .message {
    display: block;
    width: 100%
}

@media screen and (max-width: 991px) {
    .contact-us-banner .contact-box .form-group .col-sm-5,.contact-us-banner .contact-box .form-group .col-xs-5 {
        width:41.66666667%
    }

    .contact-us-banner .contact-box .form-group .col-sm-7,.contact-us-banner .contact-box .form-group .col-xs-7 {
        width: 58.33333333%
    }
}

.contact-us-banner .contact-box .form-group p {
    margin-bottom: 0
}

.contact-us-banner .contact-box .form-group.msg span.wpcf7-not-valid-tip {
    bottom: -30px
}

.contact-us-banner .contact-box select.form-control {
    color: #0076FF;
    position: relative;
    z-index: 1
}

.contact-us-banner .contact-box .form-control {
    border: none;
    border-bottom: 1px solid #E0E0E0;
    display: block;
    box-shadow: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    height: 43px;
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    padding-top: 0px;
    color: gray
}

.contact-us-banner .contact-box .form-control.msg {
    resize: vertical;
    height: 120px;
    margin-bottom: -9px
}

.contact-us-banner .contact-box input.pre_phone.form-control {
    padding-left: 52px;
    pointer-events: none
}

.contact-us-banner .contact-box .iti {
    width: 100%
}

.contact-us-banner .contact-box .iti .iti--container {
    position: absolute
}

.contact-us-banner .contact-box .iti .iti__country-list {
    max-width: 200px
}

.contact-us-banner .contact-box input.track-country {
    display: none
}

.contact-us-banner .contact-box .budget-group {
    margin-bottom: 20px
}

.contact-us-banner .contact-box .budget-group .form-label {
    color: #0076FF;
    margin-bottom: 0
}

.contact-us-banner .contact-box .budget-group .budget {
    display: block;
    width: 100%
}

.contact-us-banner .contact-box .budget-group .msg {
    resize: vertical
}

.contact-us-banner .contact-box .budget-group .select-budget {
    position: relative
}

.contact-us-banner .contact-box .budget-group .select-budget:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #0076FF;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.contact-us-banner .contact-box .budget-group .select-budget:hover:before,.contact-us-banner .contact-box .budget-group .select-budget:focus:before {
    width: 100%
}

.contact-us-banner .contact-box .budget-group .select-budget:after {
    content: "\f107";
    position: absolute;
    right: 0;
    top: 10px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.contact-us-banner .contact-box span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    bottom: -20px
}

.contact-us-banner .contact-box .btn {
    height: 60px;
    min-width: 170px;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-position: 133px 16px;
    background-size: 22px 22px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .contact-us-banner .contact-box .btn {
        background-position:143px 16px
    }
}

.contact-us-banner .contact-box .btn:hover {
    background-position: 136px 13px
}

.contact-us-banner .contact-box .btn:before {
    display: none
}

.contact-us-banner .contact-box .btn:after {
    display: none
}

.contact-us-banner .contact-box .captcha-group {
    position: relative
}

.contact-us-banner .contact-box .captcha-group .wpcf7-spinner {
    position: absolute;
    right: 160px;
    top: 20px
}

@media screen and (max-width: 991px) {
    .contact-us-banner .contact-box .captcha-group .wpcf7-spinner {
        position:static
    }
}

.contact-us-banner .contact-box .captcha-group .form-label {
    color: #0076FF;
    margin-bottom: 10px
}

.contact-us-banner .contact-box .captcha-group .captcha-box {
    font-family: "interbold"
}

.contact-us-banner .contact-box .captcha-group .captcha-box span #form_reCaptcha {
    border: 1px solid #E0E0E0;
    padding: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    text-align: center
}

.contact-us-banner .contact-box .captcha-group .text-right {
    display: flex;
    justify-content: right
}

@media screen and (max-width: 991px) {
    .contact-us-banner .contact-box .captcha-group .text-right {
        justify-content:flex-start;
        margin: 30px 0 50px 0
    }
}

.contact-us-banner .contact-box .file-upload-wrapper {
    position: relative;
    width: 100%;
    border: 1px dashed rgba(0,0,0,0.3);
    height: 70px;
    margin-top: 30px;
    margin-bottom: 30px
}

.contact-us-banner .contact-box .file-upload-wrapper input {
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 0;
    bottom: 0;
    left: 15px;
    z-index: 1;
    margin: 0;
    padding: 10px;
    display: block;
    cursor: pointer;
    width: 100%;
    outline: none;
    border-radius: 0
}

.contact-us-banner .contact-box .file-upload-wrapper span.wpcf7-not-valid-tip {
    bottom: -30px
}

.contact-us-banner .contact-box .file-upload-wrapper .form-control {
    border-bottom: none
}

.contact-us-banner .contact-box .file-upload-wrapper .overflow .wpcf7-form-control-wrap {
    position: static
}

.contact-us-banner .contact-box .file-upload-wrapper .overflow p {
    position: static
}

.contact-us-banner .contact-box .file-upload-wrapper .file-title {
    position: absolute;
    top: -21px;
    left: 2px;
    right: auto;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    margin: 0;
    color: #0076FF;
    background-color: #fff;
    font-family: "intermedium"
}

.contact-us-banner .contact-box .file-upload-wrapper .attachment-file {
    position: static
}

.contact-us-banner .contact-box .file-upload-wrapper .attachment-file span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 56px;
    width: 310px;
    z-index: 1
}

.contact-us-banner .contact-box .contact-details {
    margin-left: 100px
}

@media screen and (max-width: 1024px) {
    .contact-us-banner .contact-box .contact-details {
        margin-left:50px
    }
}

@media screen and (max-width: 991px) {
    .contact-us-banner .contact-box .contact-details {
        margin-left:0px
    }
}

.contact-us-banner .contact-box .contact-details h2 {
    font-family: "interlight"
}

@media screen and (max-width: 991px) {
    .contact-us-banner .contact-box .contact-details h2 {
        text-align:left
    }

    .contact-us-banner .contact-box .contact-details h2.gb {
        margin-top: 30px
    }
}

.contact-us-banner .contact-box .contact-details h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.contact-us-banner .contact-box .contact-details p.top {
    margin-top: 27px
}

.contact-us-banner .contact-box .contact-details .contact-links li {
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .contact-us-banner .contact-box .contact-details .contact-links li {
        margin-bottom:2px
    }
}

.contact-us-banner .contact-box .contact-details .contact-links li a {
    color: #000
}

.contact-us-banner .contact-box .contact-details .contact-links li:hover a {
    color: #0076FF
}

.contact-us-banner .contact-box .contact-details .socials-icons li {
    display: inline-block;
    vertical-align: top
}

.contact-us-banner .contact-box .contact-details .socials-icons li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #0076FF;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    margin: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.contact-us-banner .contact-box .contact-details .socials-icons li a i {
    color: #fff;
    font-size: 20px;
    margin-top: 10px
}

.contact-us-banner .contact-box .contact-details .socials-icons li a svg {
    width: 22px;
    height: 22px;
    fill: #fff;
    line-height: 22px;
    position: relative;
    top: 6px
}

.contact-us-banner .contact-box .contact-details .socials-icons li:hover a {
    background-color: #000
}

.contact-us-banner .contact-box .form-control::placeholder {
    color: #0076FF;
    opacity: 1
}

.contact-us-banner .contact-box .form-control:-ms-input-placeholder {
    color: #0076FF
}

.contact-us-banner .contact-box .form-control::-ms-input-placeholder {
    color: #0076FF
}

@media screen and (max-width: 991px) {
    .contact-us-banner .contact-box .captcha-group {
        margin-top:10px;
        margin-bottom: 40px
    }
}

.contact-us-banner .contact-box.landingform {
    max-width: 1000px;
    margin: 50px auto 0 auto
}

.contact-us-banner .contact-box.landingform:before {
    display: none
}

.contact-us-banner .contact-box.landingform p {
    margin-bottom: 0
}

.contact-us-cta {
    text-align: center
}

@media screen and (max-width: 991px) {
    .contact-us-cta .btn {
        margin-top:30px
    }
}

@media screen and (max-width: 767px) {
    .contact-us-cta {
        padding-bottom:0
    }
}

.contact-us-cta .cta-box {
    background-color: #2d167c;
    background: #2d167c;
    background: linear-gradient(45deg, #2d167c 50%, #05213a 100%);
    padding: 60px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 575px) {
    .contact-us-cta .cta-box {
        padding:30px
    }
}

@media screen and (max-width: 480px) {
    .contact-us-cta .cta-box {
        padding:20px
    }
}

.contact-us-cta .cta-box:before {
    content: "";
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 150px;
    height: 150px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.contact-us-cta .cta-box:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -30px;
    width: 100px;
    height: 100px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.contact-us-cta .cta-box h2 {
    color: #fff;
    margin-bottom: 20px
}

.contact-us-cta .cta-box p {
    color: #fff
}

.contact-us-cta .cta-box .btn {
    margin-top: 30px
}

.contact-us-cta .cta-box .contact-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.contact-us-cta .cta-box .contact-links li {
    flex-basis: 25%;
    margin-bottom: 20px;
    color: #fff;
    position: relative
}

.contact-us-cta .cta-box .contact-links li:before {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    top: 0;
    bottom: 0;
    background-color: #0076FF
}

@media screen and (max-width: 450px) {
    .contact-us-cta .cta-box .contact-links li:before {
        display:none
    }
}

.contact-us-cta .cta-box .contact-links li:last-child:before {
    display: none
}

@media screen and (max-width: 991px) {
    .contact-us-cta .cta-box .contact-links li {
        flex-basis:50%
    }
}

@media screen and (max-width: 450px) {
    .contact-us-cta .cta-box .contact-links li {
        flex-basis:100%
    }
}

.contact-us-cta .cta-box .contact-links li a {
    color: #fff
}

.contact-us-cta .cta-box .contact-links li:hover a {
    color: #FF9100
}

.contact-worldwide .world {
    position: relative
}

@media screen and (max-width: 991px) {
    .contact-worldwide .world {
        margin-bottom:50px
    }
}

.contact-worldwide .world .image-display {
    max-width: 60%
}

@media screen and (max-width: 1700px) {
    .contact-worldwide .world .image-display {
        max-width:65%
    }
}

@media screen and (max-width: 1600px) {
    .contact-worldwide .world .image-display {
        max-width:67%
    }
}

@media screen and (max-width: 1440px) {
    .contact-worldwide .world .image-display {
        max-width:72%
    }
}

@media screen and (max-width: 1366px) {
    .contact-worldwide .world .image-display {
        max-width:94%
    }
}

@media screen and (max-width: 1199px) {
    .contact-worldwide .world .image-display {
        max-width:94%
    }
}

@media screen and (max-width: 991px) {
    .contact-worldwide .world .image-display {
        max-width:60%
    }
}

@media screen and (max-width: 767px) {
    .contact-worldwide .world .image-display {
        max-width:90%
    }
}

@media screen and (max-width: 575px) {
    .contact-worldwide .world .image-display {
        max-width:85%
    }
}

@media screen and (max-width: 480px) {
    .contact-worldwide .world .image-display {
        max-width:100%
    }
}

.contact-worldwide .world .image-display img {
    width: 100%
}

.contact-worldwide .world .address-display {
    background-color: #fff;
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: 10%;
    right: 0;
    width: 50%;
    min-height: 80%;
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.3)
}

@media screen and (max-width: 1199px) {
    .contact-worldwide .world .address-display {
        width:70%
    }
}

@media screen and (max-width: 1024px) {
    .contact-worldwide .world .address-display {
        position:relative;
        width: 86%;
        margin-top: -50px;
        z-index: 1;
        min-height: 410px
    }
}

@media screen and (max-width: 991px) {
    .contact-worldwide .world .address-display {
        position:absolute;
        width: 50%;
        margin-top: 0px;
        min-height: 50%
    }
}

@media screen and (max-width: 480px) {
    .contact-worldwide .world .address-display {
        position:relative;
        width: 100%;
        margin-top: -50px;
        z-index: 1;
        min-height: auto
    }
}

.contact-worldwide .world .address-display h3 {
    font-family: "intermedium";
    color: #FF9100
}

.contact-worldwide .world .address-display h3 .flag {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #E0E0E0;
    background-image: url(../img/common/png/flag.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.contact-worldwide .world .address-display h3 .flag.flag1 {
    background-position: 0 0
}

.contact-worldwide .world .address-display h3 .flag.flag5 {
    background-position: 0 -160px
}

.contact-worldwide .world .address-display .ph {
    font-family: "interbold"
}

.contact-worldwide .short-address {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px
}

@media screen and (max-width: 575px) {
    .contact-worldwide .short-address {
        margin-top:0px
    }
}

.contact-worldwide .short-address li {
    flex-basis: 20%;
    padding: 20px
}

@media screen and (max-width: 1199px) {
    .contact-worldwide .short-address li {
        flex-basis:33%
    }
}

@media screen and (max-width: 1024px) {
    .contact-worldwide .short-address li {
        flex-basis:33%
    }
}

@media screen and (max-width: 991px) {
    .contact-worldwide .short-address li {
        flex-basis:50%
    }
}

@media screen and (max-width: 480px) {
    .contact-worldwide .short-address li {
        flex-basis:100%
    }

    .contact-worldwide .short-address li br {
        display: none
    }
}

.contact-worldwide .short-address li .m-height {
    min-height: 90px
}

@media screen and (max-width: 480px) {
    .contact-worldwide .short-address li .m-height {
        min-height:auto
    }
}

.contact-worldwide .short-address li h3 {
    font-family: "intermedium";
    color: #FF9100
}

.contact-worldwide .short-address li h3 .flag {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #E0E0E0;
    background-image: url(../img/common/png/flag.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0
}

.contact-worldwide .short-address li h3 .flag.flag2 {
    background-position: 0 -30px
}

.contact-worldwide .short-address li h3 .flag.flag3 {
    background-position: 0 -60px
}

.contact-worldwide .short-address li h3 .flag.flag4 {
    background-position: 0 -90px
}

.contact-worldwide .short-address li h3 .flag.flag6 {
    background-position: 0 -150px
}

.contact-worldwide .short-address li h3 .flag.flag7 {
    background-position: 0 -180px
}

.contact-worldwide .short-address li .ph {
    font-family: "interbold";
    color: #0076FF
}

.contact-solutions {
    position: relative;
    background-color: #f7f7f7
}

@media screen and (max-width: 1024px) {
    .contact-solutions {
        text-align:center
    }

    .contact-solutions .col-sm-4,.contact-solutions .col-md-8 {
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .contact-solutions {
        text-align:center
    }

    .contact-solutions .top {
        margin-top: 30px
    }
}

@media screen and (max-width: 767px) {
    .contact-solutions {
        padding-bottom:0
    }
}

.contact-solutions p {
    padding-left: 0px
}

@media screen and (max-width: 767px) {
    .contact-solutions p {
        padding-left:0px
    }
}

.contact-solutions h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.contact-solutions .trust-list {
    text-align: center;
    margin: 20px 0 0px 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

@media screen and (max-width: 991px) {
    .contact-solutions .trust-list {
        display:block;
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .contact-solutions .trust-list {
        margin:20px 0
    }
}

.contact-solutions .trust-list li {
    flex-basis: 29%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 40px 0px;
    margin: 0px 20px 40px 20px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media screen and (max-width: 1599px) {
    .contact-solutions .trust-list li {
        margin:0px 15px 30px 15px
    }
}

@media screen and (max-width: 1199px) {
    .contact-solutions .trust-list li {
        margin:0px 10px 20px 10px
    }
}

@media screen and (max-width: 991px) {
    .contact-solutions .trust-list li {
        display:inline-block;
        margin: 5px 3px
    }
}

.contact-solutions .trust-list li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    display: inline-block;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    vertical-align: middle;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.contact-solutions .trust-list li:hover {
    background-color: #000;
    border-color: #000;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    position: relative;
    z-index: 1
}

.contact-solutions .trust-list li:hover:before {
    opacity: 0.3
}

.contact-solutions .trust-list li:hover.box1:before {
    background-image: url(../img/home/jpg/box-img1.jpg)
}

.contact-solutions .trust-list li:hover.box2:before {
    background-image: url(../img/home/jpg/box-img2.jpg)
}

.contact-solutions .trust-list li:hover.box3:before {
    background-image: url(../img/home/jpg/box-img3.jpg)
}

.contact-solutions .trust-list li:hover.box4:before {
    background-image: url(../img/home/jpg/box-img4.jpg)
}

.contact-solutions .trust-list li:hover.box5:before {
    background-image: url(../img/home/jpg/box-img5.jpg)
}

.contact-solutions .trust-list li:hover.box6:before {
    background-image: url(../img/home/jpg/box-img6.jpg)
}

.contact-solutions .trust-list li:hover.box7:before {
    background-image: url(../img/home/jpg/box-img7.jpg)
}

.contact-solutions .trust-list li:hover.box8:before {
    background-image: url(../img/home/jpg/box-img8.jpg)
}

.contact-solutions .trust-list li:hover.box9:before {
    background-image: url(../img/home/jpg/box-img9.jpg)
}

.contact-solutions .trust-list li:hover.box10:before {
    background-image: url(../img/home/jpg/box-img10.jpg)
}

.contact-solutions .trust-list li .icon {
    margin: auto;
    width: 150px;
    height: 70px;
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/home/png/homeSprite4.png);
    background-repeat: no-repeat
}

.contact-solutions .trust-list li .icon.icon1 {
    background-position: 0 0
}

.contact-solutions .trust-list li .icon.icon2 {
    background-position: 0 -70px
}

.contact-solutions .trust-list li .icon.icon3 {
    background-position: 0 -140px
}

.contact-solutions .trust-list li .icon.icon4 {
    background-position: 0 -210px
}

.contact-solutions .trust-list li .icon.icon5 {
    background-position: 0 -280px
}

.contact-solutions .trust-list li .icon.icon6 {
    background-position: 0 -350px
}

.contact-solutions .trust-list li .icon.icon7 {
    background-position: 0 -420px
}

.contact-solutions .trust-list li .icon.icon8 {
    background-position: 0 -490px
}

.contact-solutions .trust-list li .icon.icon9 {
    background-position: 0 -560px
}

.contact-solutions .trust-list li .icon.icon10 {
    background-position: 0 -630px
}

.contact-solutions .trust-list li .icon.icon11 {
    background-position: 0 -700px
}

.contact-solutions .trust-list li .icon.icon12 {
    background-position: 0 -770px
}

@media screen and (max-width: 767px) {
    .contact-solutions .trust-list li {
        font-size:1.7rem;
        flex-basis: 33.33%
    }
}

@media screen and (max-width: 575px) {
    .contact-solutions .trust-list li {
        flex-basis:50%
    }
}

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 4px;
    font-family: Arial, sans-serif
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-handle {
    position: absolute;
    display: block;
    box-sizing: border-box;
    cursor: default;
    z-index: 1
}

.irs-handle.type_last {
    z-index: 2
}

.irs-min,.irs-max {
    position: absolute;
    display: block;
    cursor: default
}

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

.irs-from,.irs-to,.irs-single {
    position: absolute;
    display: block;
    top: -7px;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

@media (max-width: 480px) {
    .irs-with-grid .irs-grid {
        display:none
    }
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-grid-text:before {
    content: "K";
    position: absolute;
    right: -7px;
    top: 0
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0,0,0,0);
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs-disabled {
    opacity: 0.4
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important
}

.irs--flat {
    height: 40px
}

.irs--flat.irs-with-grid {
    height: 60px;
    margin-top: 20px
}

.irs--flat .irs-line {
    top: 25px;
    height: 4px;
    background-color: #e1e4e9;
    border-radius: 4px
}

.irs--flat .irs-bar {
    top: 25px;
    height: 4px;
    background-color: #0076FF
}

.irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--flat .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: #e1e4e9
}

.irs--flat .irs-handle {
    top: 12px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: 2px solid #0076FF;
    background-color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px
}

.irs--flat .irs-min,.irs--flat .irs-max {
    top: -7px;
    padding: 1px 3px;
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    background-color: #e1e4e9;
    border-radius: 4px
}

.irs--flat .irs-min:after {
    content: "K";
    position: absolute;
    right: -10px;
    top: 2px;
    color: #999;
    font-family: "interbold"
}

.irs--flat .irs-max:after {
    content: "K";
    position: absolute;
    right: -10px;
    top: 2px;
    font-family: "interbold";
    color: #999
}

.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single {
    color: white;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #0076FF;
    border-radius: 4px
}

.irs--flat .irs-from:after {
    content: "K";
    position: absolute;
    right: -10px;
    top: 2px;
    color: #0076FF;
    font-family: "interbold"
}

.irs--flat .irs-to:after {
    content: "K";
    position: absolute;
    right: -10px;
    top: 2px;
    color: #0076FF;
    font-family: "interbold"
}

.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #0076FF
}

.irs--flat .irs-grid-pol {
    background-color: #e1e4e9
}

.irs--flat .irs-grid-text {
    color: #999
}

.irs--big {
    height: 55px
}

.irs--big.irs-with-grid {
    height: 70px
}

.irs--big .irs-line {
    top: 33px;
    height: 4px;
    background-color: white;
    background: linear-gradient(to bottom, #ddd -50%, white 150%);
    border: 1px solid #ccc;
    border-radius: 4px
}

.irs--big .irs-bar {
    top: 33px;
    height: 4px;
    background-color: #92bce0;
    border: 1px solid #428bca;
    background: linear-gradient(to bottom, #fff 0%, #428bca 30%, #b9d4ec 100%);
    box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.5)
}

.irs--big .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--big .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: rgba(66,139,202,0.5)
}

.irs--big .irs-handle {
    top: 25px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0,0,0,0.3);
    background-color: #cbcfd5;
    background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;
    border-radius: 30px
}

.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover {
    border-color: rgba(0,0,0,0.45);
    background-color: #939ba7;
    background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)
}

.irs--big .irs-min,.irs--big .irs-max {
    top: 0;
    padding: 1px 5px;
    color: white;
    text-shadow: none;
    background-color: #9f9f9f;
    border-radius: 3px
}

.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single {
    color: white;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #428bca;
    background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
    border-radius: 3px
}

.irs--big .irs-grid-pol {
    background-color: #428bca
}

.irs--big .irs-grid-text {
    color: #428bca
}

.irs--modern {
    height: 55px
}

.irs--modern.irs-with-grid {
    height: 55px
}

.irs--modern .irs-line {
    top: 25px;
    height: 5px;
    background-color: #d1d6e0;
    background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
    border: 1px solid #a3adc1;
    border-bottom-width: 0;
    border-radius: 5px
}

.irs--modern .irs-bar {
    top: 25px;
    height: 5px;
    background: #20b426;
    background: linear-gradient(to bottom, #20b426 0%, #18891d 100%)
}

.irs--modern .irs-bar--single {
    border-radius: 5px 0 0 5px
}

.irs--modern .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(209,214,224,0.5)
}

.irs--modern .irs-handle {
    top: 37px;
    width: 4px;
    height: 13px;
    border: 1px solid #a3adc1;
    border-top-width: 0;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle>i:nth-child(1) {
    position: absolute;
    display: block;
    top: -4px;
    left: 1px;
    width: 6px;
    height: 6px;
    border: 1px solid #a3adc1;
    background: white;
    transform: rotate(45deg)
}

.irs--modern .irs-handle>i:nth-child(2) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 10px;
    height: 4px;
    background: #e9e6e6;
    background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle>i:nth-child(3) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 5px;
    border-left: 1px solid #a3adc1;
    border-right: 1px solid #a3adc1
}

.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover {
    border-color: #7685a2;
    background: #c3c7cd;
    background: linear-gradient(to bottom, #fff 0%, #919ba5 30%, #fff 100%)
}

.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1) {
    border-color: #7685a2
}

.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3) {
    border-color: #48536a
}

.irs--modern .irs-min,.irs--modern .irs-max {
    top: 0;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    color: white;
    background-color: #d1d6e0;
    border-radius: 5px
}

.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single {
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #20b426;
    color: white;
    border-radius: 5px
}

.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #20b426
}

.irs--modern .irs-grid {
    height: 25px
}

.irs--modern .irs-grid-pol {
    background-color: #dedede
}

.irs--modern .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--sharp {
    height: 50px;
    font-size: 4px;
    line-height: 1
}

.irs--sharp.irs-with-grid {
    height: 57px
}

.irs--sharp .irs-line {
    top: 30px;
    height: 2px;
    background-color: black;
    border-radius: 2px
}

.irs--sharp .irs-bar {
    top: 30px;
    height: 2px;
    background-color: #ee22fa
}

.irs--sharp .irs-bar--single {
    border-radius: 2px 0 0 2px
}

.irs--sharp .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(0,0,0,0.5)
}

.irs--sharp .irs-handle {
    top: 25px;
    width: 10px;
    height: 10px;
    background-color: #a804b2
}

.irs--sharp .irs-handle>i:first-child {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover {
    background-color: black
}

.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child {
    border-top-color: black
}

.irs--sharp .irs-min,.irs--sharp .irs-max {
    color: white;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 4px;
    opacity: .4;
    background-color: #a804b2;
    border-radius: 2px
}

.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 4px;
    background-color: #a804b2;
    color: white;
    border-radius: 2px
}

.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-grid {
    height: 25px
}

.irs--sharp .irs-grid-pol {
    background-color: #dedede
}

.irs--sharp .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--round {
    height: 50px
}

.irs--round.irs-with-grid {
    height: 65px
}

.irs--round .irs-line {
    top: 36px;
    height: 4px;
    background-color: #dee4ec;
    border-radius: 4px
}

.irs--round .irs-bar {
    top: 36px;
    height: 4px;
    background-color: #006cfa
}

.irs--round .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--round .irs-shadow {
    height: 4px;
    bottom: 21px;
    background-color: rgba(222,228,236,0.5)
}

.irs--round .irs-handle {
    top: 26px;
    width: 24px;
    height: 24px;
    border: 4px solid #006cfa;
    background-color: white;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0,0,255,0.3)
}

.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--round .irs-min,.irs--round .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0,0,0,0.1);
    border-radius: 4px
}

.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #006cfa;
    color: white;
    border-radius: 4px
}

.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #006cfa
}

.irs--round .irs-grid {
    height: 25px
}

.irs--round .irs-grid-pol {
    background-color: #dedede
}

.irs--round .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--square {
    height: 50px
}

.irs--square.irs-with-grid {
    height: 60px
}

.irs--square .irs-line {
    top: 31px;
    height: 4px;
    background-color: #dedede
}

.irs--square .irs-bar {
    top: 31px;
    height: 4px;
    background-color: black
}

.irs--square .irs-shadow {
    height: 2px;
    bottom: 21px;
    background-color: #dedede
}

.irs--square .irs-handle {
    top: 25px;
    width: 16px;
    height: 16px;
    border: 3px solid black;
    background-color: white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--square .irs-min,.irs--square .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0,0,0,0.1)
}

.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: black;
    color: white
}

.irs--square .irs-grid {
    height: 25px
}

.irs--square .irs-grid-pol {
    background-color: #dedede
}

.irs--square .irs-grid-text {
    color: silver;
    font-size: 11px
}

.attach-file {
    margin-top: 50px;
    margin-bottom: 50px
}

.attach-file .form-label {
    color: #0076FF;
    margin-bottom: 10px
}

.captcha-group .form-label {
    color: #0076FF;
    margin-bottom: 10px
}

.captcha-group .captcha-box {
    font-family: "interbold"
}

.captcha-group .text-right {
    display: flex;
    justify-content: right
}

@media screen and (max-width: 991px) {
    .captcha-group .text-right {
        justify-content:center;
        margin: 30px 0 50px 0
    }
}

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("../img/contact-us/jpg/file-upload.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    width: 100%;
    max-width: 100%;
    padding: 45px 25px 25px 25px;
    border: 1px dashed #E0E0E0;
    background-color: #edf5fa;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    transition: 0.2s
}

.file-drop-area br {
    display: none
}

.file-drop-area span.attachment-file {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0
}

@media screen and (max-width: 575px) {
    .file-drop-area {
        background-size:cover
    }
}

.file-drop-area.is-active {
    background-color: rgba(255,255,255,0.05)
}

.file-drop-area .fas {
    position: absolute;
    width: 20px;
    color: #0076FF;
    left: 0;
    right: 0;
    top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px
}

.fake-btn {
    flex-shrink: 0;
    margin-left: 10px;
    font-size: 14px;
    text-transform: none;
    color: #0076FF
}

.file-msg {
    font-size: small;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 1
}

.file-input:focus {
    outline: none
}

.service-main-section.hire-developers .sma-box {
    background-color: #0076FF;
    padding: 6px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    min-height: 100%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-width: 991px) {
    .service-main-section.hire-developers .sma-box {
        margin-top:30px;
        min-height: auto
    }
}

.service-main-section.hire-developers .sma-box.sb4 {
    background-color: #4c0083
}

.service-main-section.hire-developers .sma-box.sb5 {
    background-color: #0e223b;
    position: relative;
    overflow: hidden
}

.service-main-section.hire-developers .sma-box.sb5:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-image: url(../img/hire-developers/webp/hire-developers-contact-us.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    opacity: 0.4
}

.service-main-section.hire-developers .sma-box.sb5:hover:before {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.service-main-section.hire-developers .sma-box .padd {
    padding: 30px
}

.service-main-section.hire-developers .sma-box .style_2 {
    margin-top: 30px;
    -webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.5);
    box-shadow: 10px 10px 20px rgba(0,0,0,0.5)
}

.service-main-section.hire-developers .sma-box .style_2:hover {
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5)
}

@media screen and (max-width: 575px) {
    .service-main-section.hire-developers .sma-box .style_2 {
        font-size:14px;
        white-space: unset
    }
}

@media screen and (max-width: 991px) {
    .service-main-section.hire-developers .sma-box {
        text-align:left
    }
}

.service-main-section.hire-developers .sma-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.android-benefits.crypto-benefits.e-Learning-app-features .ios-b-img img {
    max-width: 460px
}

@media screen and (max-width: 575px) {
    .android-benefits.crypto-benefits.e-Learning-app-features .benefits-box {
        margin-top:0
    }
}

.android-benefits.crypto-benefits.e-Learning-app-features .benefits-box i {
    top: 5px
}

.android-benefits.crypto-benefits.e-Learning-app-features .benefits-box i:before {
    background-image: url(../img/educational-app-development/png/educational-sprite1.png)
}

@media screen and (max-width: 991px) {
    .android-benefits.crypto-benefits.e-Learning-app-features .btn {
        margin-top:10px
    }
}

.robust-new-services.mobile-services.e-learning-solutions .service-box i.icon {
    background-image: url(../img/educational-app-development/png/educational-sprite2.png)
}

.robust-new-services.mobile-services.e-learning-solutions .service-box i.icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.e-learning-solutions .contact-box {
    background-color: #0076FF;
    width: 100%;
    height: 93%;
    margin-top: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.robust-new-services.mobile-services.e-learning-solutions .contact-box:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-image: url("../img/restaurant-app-development/webp/Restaurant.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.3
}

.robust-new-services.mobile-services.drupal-development-services .service-box i.icon {
    background-image: url(../img/drupal-development/png/drupal-sprite2.png)
}

.robust-new-services.mobile-services.drupal-development-services .contact-box {
    background-color: #0076FF;
    width: 100%;
    height: 93%;
    margin-top: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.robust-new-services.mobile-services.drupal-development-services .contact-box:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-image: url("../img/restaurant-app-development/webp/Restaurant.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.3
}

.android-benefits.crypto-benefits.drupal-benefits .ios-b-img img {
    max-width: 460px
}

@media screen and (max-width: 575px) {
    .android-benefits.crypto-benefits.drupal-benefits .benefits-box {
        margin-top:0
    }
}

.android-benefits.crypto-benefits.drupal-benefits .benefits-box i {
    top: 5px
}

.android-benefits.crypto-benefits.drupal-benefits .benefits-box i:before {
    background-image: url(../img/drupal-development/png/drupal-sprite3.png)
}

@media screen and (max-width: 991px) {
    .android-benefits.crypto-benefits.drupal-benefits .btn {
        margin-top:10px
    }
}

.mobile-app-expertise.ludo-products-showcase.ewallet-industries:before {
    background-image: url("../img/ewallet-app-development/webp/mobile-wallet-services.webp");
    height: 292px
}

.mobile-app-expertise.ludo-products-showcase.ewallet-industries:after {
    height: 292px
}

.mobile-app-expertise.ludo-products-showcase.ewallet-industries p {
    color: #fff;
    text-align: center
}

.mobile-app-expertise.ludo-products-showcase.ewallet-industries .game-expertise-list i.icon {
    background-image: url("../img/ewallet-app-development/png/ewallet-sprite3.png")
}

.robust-new-services.mobile-services.payment-app-solutions .service-box i.icon {
    background-image: url("../img/ewallet-app-development/png/ewallet-sprite1.png")
}

.robust-new-services.mobile-services.payment-app-solutions .service-box i.icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.payment-app-solutions .contact-box {
    background-color: #0076FF;
    width: 100%;
    height: 93%;
    margin-top: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.robust-new-services.mobile-services.payment-app-solutions .contact-box:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-image: url("../img/restaurant-app-development/webp/Restaurant.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.3
}

.android-benefits.crypto-benefits.digital-wallet-features .ios-b-img img {
    max-width: 460px
}

@media screen and (max-width: 575px) {
    .android-benefits.crypto-benefits.digital-wallet-features .benefits-box {
        margin-top:0
    }
}

.android-benefits.crypto-benefits.digital-wallet-features .benefits-box i:before {
    background-image: url(../img/ewallet-app-development/png/ewallet-sprite2.png)
}

.android-benefits.crypto-benefits.digital-wallet-features .benefits-box i.icon11:before {
    background-position: 0 -1200px
}

.android-benefits.crypto-benefits.digital-wallet-features .benefits-box i.icon12:before {
    background-position: 0 -1320px
}

.android-benefits.crypto-benefits.digital-wallet-features .benefits-box:hover i.icon11:before {
    background-position: 0 -1260px
}

.android-benefits.crypto-benefits.digital-wallet-features .benefits-box:hover i.icon12:before {
    background-position: 0 -1380px
}

@media screen and (max-width: 991px) {
    .android-benefits.crypto-benefits.digital-wallet-features .btn {
        margin-top:10px
    }
}

@media (max-width: 991px) {
    .blockchain-technologies.ewallet-difference .col-sm-6,.blockchain-technologies.ewallet-difference .col-md-6 {
        width:50%
    }
}

@media (max-width: 575px) {
    .blockchain-technologies.ewallet-difference .col-sm-6,.blockchain-technologies.ewallet-difference .col-md-6 {
        width:100%
    }
}

.blockchain-technologies.ewallet-difference .andBox .icon {
    background-image: url(../img/ewallet-app-development/png/ewallet-sprite4.png);
    width: 70px;
    height: 70px
}

.blockchain-technologies.ewallet-difference .andBox .icon.icon1 {
    background-position: 0 0
}

.blockchain-technologies.ewallet-difference .andBox .icon.icon2 {
    background-position: 0 -70px
}

.key-features-food-app.wallet-app-features .icon-listing li .icon {
    background-image: url(../img/ewallet-app-development/png/ewallet-sprite5.png)
}

.key-features-food-app.wallet-app-features .tab-content {
    min-height: 290px
}

.android-benefits.crypto-benefits.grocery-app-features .ios-b-img img {
    max-width: 460px
}

@media screen and (max-width: 575px) {
    .android-benefits.crypto-benefits.grocery-app-features .benefits-box {
        margin-top:0
    }
}

.android-benefits.crypto-benefits.grocery-app-features .benefits-box i:before {
    background-image: url(../img/grocery-delivery-app-development/png/GroceryApp-sprite1.png)
}

.android-benefits.crypto-benefits.grocery-app-features .benefits-box i.icon11:before {
    background-position: 0 -1200px
}

.android-benefits.crypto-benefits.grocery-app-features .benefits-box i.icon12:before {
    background-position: 0 -1320px
}

.android-benefits.crypto-benefits.grocery-app-features .benefits-box:hover i.icon11:before {
    background-position: 0 -1260px
}

.android-benefits.crypto-benefits.grocery-app-features .benefits-box:hover i.icon12:before {
    background-position: 0 -1380px
}

@media screen and (max-width: 991px) {
    .android-benefits.crypto-benefits.grocery-app-features .btn {
        margin-top:10px
    }
}

.robust-new-services.mobile-services.grocery-services .service-box i.icon {
    background-image: url("../img/grocery-delivery-app-development/png/GroceryApp-sprite2.png")
}

.robust-new-services.mobile-services.grocery-services .service-box i.icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.grocery-services .contact-box {
    background-color: #0076FF;
    width: 100%;
    height: 93%;
    margin-top: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.robust-new-services.mobile-services.grocery-services .contact-box:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-image: url("../img/restaurant-app-development/webp/Restaurant.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.3
}

.key-features-food-app.grocery-key-features .icon-listing li .icon {
    background-image: url("../img/grocery-delivery-app-development/png/GroceryApp-sprite3.png")
}

.food-ready-solutions.grocery-solutions:before {
    height: 320px
}

.food-ready-solutions.grocery-solutions:after {
    height: 320px
}

.food-ready-solutions.grocery-solutions .clone-app-list li {
    flex-basis: 14.5%
}

@media screen and (max-width: 1199px) {
    .food-ready-solutions.grocery-solutions .clone-app-list li {
        flex-basis:23%
    }
}

@media screen and (max-width: 767px) {
    .food-ready-solutions.grocery-solutions .clone-app-list li {
        flex-basis:31%
    }
}

@media screen and (max-width: 480px) {
    .food-ready-solutions.grocery-solutions .clone-app-list li {
        flex-basis:48%
    }
}

@media screen and (max-width: 360px) {
    .food-ready-solutions.grocery-solutions .clone-app-list li {
        flex-basis:48%
    }
}

.food-ready-solutions.grocery-solutions .clone-app-list li .icon {
    background-image: url(../img/restaurant-app-development/png/resto-sprite2.png)
}

@media (max-width: 991px) {
    .blockchain-technologies.grocery-benefits-difference .col-sm-6,.blockchain-technologies.grocery-benefits-difference .col-md-6 {
        width:50%
    }
}

@media (max-width: 575px) {
    .blockchain-technologies.grocery-benefits-difference .col-sm-6,.blockchain-technologies.grocery-benefits-difference .col-md-6 {
        width:100%
    }
}

.blockchain-technologies.grocery-benefits-difference .andBox .icon {
    background-image: url(../img/grocery-delivery-app-development/png/GroceryApp-sprite5.png);
    width: 70px;
    height: 70px
}

.blockchain-technologies.grocery-benefits-difference .andBox .icon.icon1 {
    background-position: 0 0
}

.blockchain-technologies.grocery-benefits-difference .andBox .icon.icon2 {
    background-position: 0 -70px
}

.blockchain-technologies.grocery-benefits-difference .andBox .icon.icon3 {
    background-position: 0 -140px
}

.blockchain-technologies.grocery-benefits-difference .andBox .icon.icon4 {
    background-position: 0 -210px
}

.blockchain-technologies.grocery-benefits-difference .andBox .icon.icon5 {
    background-position: 0 -280px
}

.blockchain-technologies.grocery-benefits-difference .andBox .icon.icon6 {
    background-position: 0 -350px
}

.blockchain-technologies.grocery-benefits-difference .andBox .icon.icon7 {
    background-position: 0 -420px
}

.blockchain-technologies.grocery-benefits-difference .andBox .icon.icon8 {
    background-position: 0 -490px
}

.blockchain-technologies.grocery-benefits-difference .andBox .icon.icon9 {
    background-position: 0 -560px
}

.grocery-app-technologies {
    position: relative
}

@media screen and (max-width: 991px) {
    .grocery-app-technologies {
        text-align:center
    }
}

@media screen and (max-width: 767px) {
    .grocery-app-technologies {
        padding-bottom:0
    }
}

.grocery-app-technologies:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.grocery-app-technologies p {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .grocery-app-technologies p {
        padding-left:0px
    }
}

.grocery-app-technologies h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.grocery-app-technologies .nav-tabs {
    border-bottom: none;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 991px) {
    .grocery-app-technologies .nav-tabs {
        text-align:center;
        justify-content: space-evenly
    }
}

@media screen and (max-width: 575px) {
    .grocery-app-technologies .nav-tabs .nav-item {
        flex-basis:100%;
        text-align: left
    }
}

.grocery-app-technologies .nav-tabs .nav-item .nav-link {
    border: none;
    position: relative;
    padding: 15px 20px
}

@media screen and (max-width: 991px) {
    .grocery-app-technologies .nav-tabs .nav-item .nav-link {
        padding:15px 10px
    }
}

@media screen and (max-width: 575px) {
    .grocery-app-technologies .nav-tabs .nav-item .nav-link {
        padding:10px 10px
    }
}

.grocery-app-technologies .nav-tabs .nav-item .nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 4px;
    background-color: transparent
}

.grocery-app-technologies .nav-tabs .nav-item .nav-link.active {
    border: none;
    background-color: transparent
}

.grocery-app-technologies .nav-tabs .nav-item .nav-link.active:before {
    background-color: #0076FF
}

.grocery-app-technologies .tab-content {
    margin-top: 70px
}

.grocery-app-technologies .app-img img {
    max-width: 90%;
    width: 100%
}

.grocery-app-technologies .features-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media screen and (max-width: 991px) {
    .grocery-app-technologies .features-list {
        margin-top:50px
    }
}

@media screen and (max-width: 575px) {
    .grocery-app-technologies .features-list {
        margin-left:20px
    }
}

.grocery-app-technologies .features-list li {
    margin: 15px;
    border: 1px solid #E0E0E0;
    flex-basis: 31.333333%;
    position: relative;
    padding: 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media screen and (max-width: 1799px) {
    .grocery-app-technologies .features-list li {
        flex-basis:30.333333%
    }
}

@media screen and (max-width: 1199px) {
    .grocery-app-technologies .features-list li {
        flex-basis:29.333333%
    }
}

@media screen and (max-width: 991px) {
    .grocery-app-technologies .features-list li {
        flex-basis:29.333333%;
        padding: 10px;
        margin: 10px
    }
}

@media screen and (max-width: 575px) {
    .grocery-app-technologies .features-list li {
        flex-basis:100%
    }
}

.grocery-app-technologies .features-list li:hover {
    color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border-color: #0076FF
}

.grocery-app-technologies .features-list li:hover:before {
    background-color: #0076FF
}

.grocery-app-technologies .features-list li .icon {
    width: 167px;
    height: 50px;
    margin: 0px auto 10px auto;
    display: inline-block;
    background-image: url(../img/grocery-delivery-app-development/png/GroceryApp-sprite6.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

@media screen and (max-width: 991px) {
    .grocery-app-technologies .features-list li .icon {
        margin:10px;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .grocery-app-technologies .features-list li .icon {
        margin:5px 0
    }
}

.grocery-app-technologies .features-list li .icon.icon1 {
    background-position: 0 -0px
}

.grocery-app-technologies .features-list li .icon.icon2 {
    background-position: 0 -50px
}

.grocery-app-technologies .features-list li .icon.icon3 {
    background-position: 0 -100px
}

.grocery-app-technologies .features-list li .icon.icon4 {
    background-position: 0 -150px
}

.grocery-app-technologies .features-list li .icon.icon5 {
    background-position: 0 -200px
}

.grocery-app-technologies .features-list li .icon.icon6 {
    background-position: 0 -250px
}

.grocery-app-technologies .features-list li .icon.icon7 {
    background-position: 0 -300px
}

.grocery-app-technologies .features-list li .icon.icon8 {
    background-position: 0 -350px
}

.grocery-app-technologies .features-list li .icon.icon9 {
    background-position: 0 -400px
}

.grocery-app-technologies .features-list li .icon.icon10 {
    background-position: 0 -450px
}

.grocery-app-technologies .features-list li .icon.icon11 {
    background-position: 0 -500px
}

.grocery-app-technologies .features-list li .icon.icon12 {
    background-position: 0 -550px
}

.grocery-app-technologies .features-list li .icon.icon13 {
    background-position: 0 -600px
}

.grocery-app-technologies .features-list li .icon.icon14 {
    background-position: 0 -650px
}

.grocery-app-technologies .features-list li .icon.icon15 {
    background-position: 0 -700px
}

.grocery-app-technologies .features-list li .icon.icon16 {
    background-position: 0 -750px
}

.grocery-app-technologies .features-list li .icon.icon17 {
    background-position: 0 -800px
}

.grocery-app-technologies .features-list li .icon.icon18 {
    background-position: 0 -850px
}

.game-banner.mobile-game-development.game-advertisement {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 1199px) {
    .game-banner.mobile-game-development.game-advertisement .col-md-7,.game-banner.mobile-game-development.game-advertisement .col-sm-7 {
        width:68.333333%
    }
}

@media screen and (max-width: 991px) {
    .game-banner.mobile-game-development.game-advertisement {
        min-height:auto
    }

    .game-banner.mobile-game-development.game-advertisement .col-md-7,.game-banner.mobile-game-development.game-advertisement .col-sm-7 {
        width: 100%
    }
}

.game-banner.mobile-game-development.game-advertisement:before {
    background-image: url(../img/game-development-company/webp/game-development-company.webp)
}

.game-banner.mobile-game-development.game-advertisement p {
    padding-right: 0
}

.open-counting {
    padding: 30px 0
}

.open-counting .plus-box .fa-plus {
    font-size: 40px;
    color: #0076FF
}

@media screen and (max-width: 991px) {
    .open-counting .plus-box .fa-plus {
        font-size:28px;
        line-height: 32px
    }
}

.open-counting .plus-box p {
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .open-counting .col-md-4,.open-counting .col-sm-4 {
        width:33.333333%
    }
}

@media screen and (max-width: 480px) {
    .open-counting .col-md-4,.open-counting .col-sm-4 {
        width:100%
    }
}

.robust-new-services.mobile-services.gdc-services .service-box i.icon {
    background-image: url(../img/game-development-company/png/gdc-sprite1.png)
}

.robust-new-services.mobile-services.gdc-services .service-box i.icon.icon7 {
    background-position: 0 -360px
}

.robust-new-services.mobile-services.gdc-services .service-box i.icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.gdc-services .service-box i.icon.icon9 {
    background-position: 0 -480px
}

.robust-new-services.mobile-services.gdc-services .service-box i.icon.icon10 {
    background-position: 0 -540px
}

.robust-new-services.mobile-services.gdc-services .service-box i.icon.icon11 {
    background-position: 0 -600px
}

.robust-new-services.mobile-services.gdc-services .service-box i.icon.icon12 {
    background-position: 0 -660px
}

.robust-new-services.mobile-services.gdc-services .service-box i.icon.icon13 {
    background-position: 0 -720px
}

.game-portfolios.gdc-video .owl-client .owl-item .item {
    background-color: #000;
    display: flex;
    align-items: center
}

.game-portfolios.gdc-video .owl-client .owl-item.center .say-box {
    background-color: #000
}

.game-portfolios.gdc-video .video-cover {
    overflow: hidden
}

.game-portfolios.gdc-video .video-cover video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.game-portfolios.gdc-video .video-cover video::-webkit-media-controls {
    display: none
}

.game-portfolios.gdc-video .video-cover video::-moz-media-controls {
    display: none
}

.game-portfolios.gdc-video .video-cover video::-webkit-media-controls-enclosure {
    display: none
}

.game-portfolios.gdc-video .video-cover video::-moz-media-controls-enclosure {
    display: none
}

@media screen and (max-width: 1366px) {
    .why-choose-game-development.gdc-why-choose .none {
        display:none
    }
}

@media screen and (max-width: 1366px) {
    .why-choose-game-development.gdc-why-choose .btn {
        margin-top:0
    }
}

.music-video-streaming {
    background-color: #f6f6f6
}

.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 {
    display: flex;
    flex-wrap: wrap
}

.streaming-apps-types .ls-types li {
    flex-basis: 29%;
    display: inline-block;
    vertical-align: top;
    margin: 10px
}

@media (max-width: 1194px) {
    .streaming-apps-types .ls-types li {
        flex-basis:28%
    }
}

@media (max-width: 1099px) {
    .streaming-apps-types .ls-types li {
        flex-basis:45%
    }
}

@media (max-width: 1024px) {
    .streaming-apps-types .ls-types li {
        flex-basis:44%
    }
}

@media (max-width: 991px) {
    .streaming-apps-types .ls-types li {
        flex-basis:30%
    }
}

@media (max-width: 767px) {
    .streaming-apps-types .ls-types li {
        flex-basis:29%
    }
}

.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: "interbold"
}

.streaming-apps-types .timeline {
    display: flex;
    flex-direction: column;
    width: 60vw;
    margin: 5% auto
}

@media (max-width: 1600px) {
    .streaming-apps-types .timeline {
        width:70vw
    }
}

@media (max-width: 1440px) {
    .streaming-apps-types .timeline {
        width:70vw
    }
}

@media (max-width: 1366px) {
    .streaming-apps-types .timeline {
        width:70vw
    }
}

.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;
    margin-bottom: 20px;
    font-weight: 600;
    color: #000000;
    letter-spacing: 1.5px
}

.streaming-apps-types .timeline__event__content {
    padding: 20px;
    flex-basis: 60%
}

.streaming-apps-types .timeline__event__content .icon_2 {
    width: 100px;
    height: 100px;
    margin: 0px auto 10px auto;
    display: inline-block;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 23px;
    z-index: 2;
    background-image: url(../img/live-streaming-app-development/png/live-streamSprite2.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

@media screen and (max-width: 991px) {
    .streaming-apps-types .timeline__event__content .icon_2 {
        margin:10px;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .streaming-apps-types .timeline__event__content .icon_2 {
        margin:5px 0
    }
}

.streaming-apps-types .timeline__event__content .icon_2.icon-1 {
    background-position: 0 -0px
}

.streaming-apps-types .timeline__event__content .icon_2.icon-2 {
    background-position: 0 -100px
}

.streaming-apps-types .timeline__event__content .icon_2.icon-3 {
    background-position: 0 -200px
}

.streaming-apps-types .timeline__event__content .icon_2.icon-4 {
    background-position: 0 -300px
}

.streaming-apps-types .timeline__event__content .icon_2.icon-5 {
    background-position: 0 -400px
}

.streaming-apps-types .timeline__event__content .icon_2.icon-6 {
    background-position: 0 -500px
}

.streaming-apps-types .timeline__event__content .icon_2.icon-7 {
    background-position: 0 -600px
}

.streaming-apps-types .timeline__event__content .icon_2.icon-8 {
    background-position: 0 -700px
}

.streaming-apps-types .timeline__event__content .icon_2.icon-9 {
    background-position: 0 -800px
}

.streaming-apps-types .timeline__event__content .icon_2.icon-10 {
    background-position: 0 -900px
}

.streaming-apps-types .timeline__event__content .icon_2.icon-11 {
    background-position: 0 -1000px
}

.streaming-apps-types .timeline__event__content .icon_2.icon-12 {
    background-position: 0 -1100px
}

.streaming-apps-types .timeline__event__date {
    color: #ffffff;
    font-size: 20px;
    font-family: "intermedium";
    white-space: nowrap
}

.streaming-apps-types .timeline__event__icon {
    border-radius: 8px 0 0 8px;
    background: #0076FF;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-basis: 40%;
    font-size: 2rem;
    color: #ffffff;
    padding: 20px 20px 20px 60px
}

.streaming-apps-types .timeline__event__icon .icon {
    width: 60px;
    height: 60px;
    margin: 0px auto 10px auto;
    display: inline-block;
    position: absolute;
    left: -85px;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    background-image: url(../img/live-streaming-app-development/png/live-streamSprite1.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

@media screen and (max-width: 991px) {
    .streaming-apps-types .timeline__event__icon .icon {
        margin:10px;
        display: none
    }
}

@media screen and (max-width: 575px) {
    .streaming-apps-types .timeline__event__icon .icon {
        margin:5px 0
    }
}

.streaming-apps-types .timeline__event__icon .icon.icon1 {
    background-position: 0 -0px
}

.streaming-apps-types .timeline__event__icon .icon.icon2 {
    background-position: 0 -60px
}

.streaming-apps-types .timeline__event__icon .icon.icon3 {
    background-position: 0 -120px
}

.streaming-apps-types .timeline__event__icon .icon.icon4 {
    background-position: 0 -180px
}

.streaming-apps-types .timeline__event__description {
    flex-basis: 60%
}

.streaming-apps-types .timeline__event:after {
    content: "";
    width: 2px;
    height: 100%;
    background: #0076FF;
    position: absolute;
    top: 52%;
    left: -3.5rem;
    z-index: -1
}

@media screen and (max-width: 991px) {
    .streaming-apps-types .timeline__event:after {
        display:none
    }
}

.streaming-apps-types .timeline__event:before {
    content: "";
    width: 10rem;
    height: 10rem;
    position: absolute;
    background: #ffffff;
    border-radius: 100%;
    left: -8.4rem;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #0076FF
}

.streaming-apps-types .timeline__event--type2:before {
    background: #ffffff;
    border-color: #0076FF
}

.streaming-apps-types .timeline__event--type2:after {
    background: #0076FF
}

.streaming-apps-types .timeline__event--type2 .timeline__event__date {
    color: #ffffff;
    margin-top: 0;
    font-family: "intermedium"
}

.streaming-apps-types .timeline__event--type2 .timeline__event__icon {
    background: #0076FF;
    color: #ffffff
}

.streaming-apps-types .timeline__event--type2 .timeline__event__title {
    color: #000000
}

.streaming-apps-types .timeline__event--type3:before {
    background: #ffffff;
    border-color: #0076FF
}

.streaming-apps-types .timeline__event--type3:after {
    background: #0076FF
}

.streaming-apps-types .timeline__event--type3 .timeline__event__date {
    color: #ffffff;
    margin-top: 0;
    font-family: "intermedium"
}

.streaming-apps-types .timeline__event--type3 .timeline__event__icon {
    background: #0076FF;
    color: #ffffff
}

.streaming-apps-types .timeline__event--type3 .timeline__event__title {
    color: #000000
}

.streaming-apps-types .timeline__event:last-child:after {
    content: none
}

@media (max-width: 991px) {
    .timeline__event {
        flex-direction:column
    }

    .timeline__event__icon {
        border-radius: 4px 4px 0 0
    }
}

@media (max-width: 991px) {
    .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
    }
}

.online-food-delivery-apps.audio-video-streaming .a-list {
    display: flex;
    flex-wrap: wrap
}

.online-food-delivery-apps.audio-video-streaming .a-list li {
    margin-bottom: 20px;
    flex-basis: 50%
}

@media (max-width: 767px) {
    .online-food-delivery-apps.audio-video-streaming .a-list li {
        flex-basis:100%
    }
}

.online-food-delivery-apps.audio-video-streaming .v-list li {
    margin-bottom: 20px
}

.robust-new-services.mobile-services.monetization-streaming-apps .service-box i.icon {
    background-image: url("../img/live-streaming-app-development/png/live-streamSprite3.png")
}

.robust-new-services.mobile-services.monetization-streaming-apps .service-box i.icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.monetization-streaming-apps .contact-box {
    background-color: #0076FF;
    width: 100%;
    height: 93%;
    margin-top: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.robust-new-services.mobile-services.monetization-streaming-apps .contact-box:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-image: url("../img/restaurant-app-development/webp/Restaurant.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.3
}

.android-benefits.crypto-benefits.straming-app-features .ios-b-img img {
    max-width: 460px
}

@media screen and (max-width: 575px) {
    .android-benefits.crypto-benefits.straming-app-features .benefits-box {
        margin-top:0
    }
}

.android-benefits.crypto-benefits.straming-app-features .benefits-box i:before {
    background-image: url("../img/live-streaming-app-development/png/live-streamSprite4.png")
}

.key-features-food-app.streaming-tech-stack .icon-listing li .icon {
    background-image: url("../img/live-streaming-app-development/png/live-streamSprite5.png")
}

.key-features-food-app.streaming-tech-stack .icon-listing li .icon.icon34 {
    background-position: 0 -1980px
}

.key-features-food-app.streaming-tech-stack .icon-listing li .icon.icon35 {
    background-position: 0 -2040px
}

.ios-banner.ar-banner.app-company-banner {
    padding: 100px 0 100px 0
}

@media screen and (max-width: 575px) {
    .ios-banner.ar-banner.app-company-banner {
        padding-top:50px
    }
}

.ios-banner.ar-banner.app-company-banner:before {
    display: none
}

.ios-banner.ar-banner.app-company-banner h1 {
    font-family: "interbold"
}

.ios-banner.ar-banner.app-company-banner .list li {
    font-size: 20px;
    display: block;
    padding-left: 30px
}

.ios-banner.ar-banner.app-company-banner .list li:before {
    color: #0076ff;
    font-size: 20px;
    top: -4px
}

.ios-banner.ar-banner.app-company-banner .btn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #0076ff;
    background-color: #0076ff;
    color: #fff;
    text-transform: none;
    font-size: 20px;
    font-family: "intersemibold";
    padding: 15px 20px 15px 20px
}

@media screen and (max-width: 379px) {
    .ios-banner.ar-banner.app-company-banner .btn {
        margin-bottom:30px
    }
}

.ios-banner.ar-banner.app-company-banner .btn:hover,.ios-banner.ar-banner.app-company-banner .btn:focus {
    border-color: #0076ff;
    background-color: #0076ff
}

.ios-banner.ar-banner.app-company-banner .btn:after,.ios-banner.ar-banner.app-company-banner .btn:before {
    display: none
}

.ios-banner.ar-banner.app-company-banner .btn-outline {
    border-color: #000;
    text-transform: none;
    font-size: 20px;
    font-family: "intersemibold";
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-left: 20px;
    padding: 15px 20px 15px 20px;
    cursor: pointer
}

@media screen and (max-width: 379px) {
    .ios-banner.ar-banner.app-company-banner .btn-outline {
        margin-left:0px
    }
}

.ios-banner.ar-banner.app-company-banner .btn-outline:hover,.ios-banner.ar-banner.app-company-banner .btn-outline:focus {
    border-color: #0076ff;
    color: #000
}

.ios-banner.ar-banner.app-company-banner .btn-outline:after,.ios-banner.ar-banner.app-company-banner .btn-outline:before {
    display: none
}

.ios-banner.ar-banner.app-company-banner .app-img {
    text-align: center
}

@media screen and (max-width: 991px) {
    .ios-banner.ar-banner.app-company-banner .app-img {
        margin-bottom:30px
    }
}

.ios-banner.ar-banner.app-company-banner .app-img img {
    max-width: 642px;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.ios-banner.ar-banner.app-company-banner .slider {
    height: 60px;
    position: relative;
    width: 500px;
    display: grid;
    place-items: center;
    overflow: hidden
}

.ios-banner.ar-banner.app-company-banner .slider::before,.ios-banner.ar-banner.app-company-banner .slider::after {
    position: absolute;
    background-image: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);
    content: '';
    height: 100%;
    width: 25%;
    z-index: 2;
    pointer-events: none
}

.ios-banner.ar-banner.app-company-banner .slider::before {
    left: 0;
    top: 0
}

.ios-banner.ar-banner.app-company-banner .slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg)
}

.ios-banner.ar-banner.app-company-banner .slide-track {
    width: calc(130px * 20);
    display: flex;
    animation: scroll 30s linear infinite;
    justify-content: space-between
}

.ios-banner.ar-banner.app-company-banner .slide-track2 {
    width: calc(130px * 15);
    display: flex;
    animation: scroll2 25s linear infinite;
    justify-content: space-between
}

.ios-banner.ar-banner.app-company-banner .slide {
    width: 100px;
    height: 30px;
    display: grid;
    place-items: center;
    transition: 0.5s;
    cursor: pointer
}

.ios-banner.ar-banner.app-company-banner .slide:hover {
    transform: scale(0.8)
}

@keyframes scroll {
    0% {
        transform: translateX(0px)
    }

    100% {
        transform: translateX(calc(-150px * 10))
    }
}

@keyframes scroll2 {
    0% {
        transform: translateX(0px)
    }

    100% {
        transform: translateX(calc(-150px * 5))
    }
}

@media screen and (max-width: 768px) {
    .ios-banner.ar-banner.app-company-banner .slide-track {
        width:calc(80px * 20)
    }

    .ios-banner.ar-banner.app-company-banner .slide-track2 {
        width: calc(80px * 15)
    }

    .ios-banner.ar-banner.app-company-banner .slide {
        width: 80px
    }

    @keyframes scroll {
        0% {
            transform: translateX(0px)
        }

        100% {
            transform: translateX(calc(-80px * 10))
        }
    }

    @keyframes scroll2 {
        0% {
            transform: translateX(0px)
        }

        100% {
            transform: translateX(calc(-80px * 5))
        }
    }
}

.fast-company {
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .fast-company {
        padding-top:0;
        text-align: center
    }

    .fast-company .w-full {
        margin-bottom: 30px
    }

    .fast-company .jus {
        margin-top: 30px
    }
}

.fast-company img {
    display: inline-block
}

.fast-company h2 {
    font-family: "interbold"
}

.fast-company .line {
    border-right: 1px solid #E0E0E0;
    min-height: 85px
}

@media screen and (max-width: 991px) {
    .fast-company .line {
        border-right:none
    }
}

.fast-company .badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.fast-company .badges .badge-list {
    flex-basis: 25%
}

@media screen and (max-width: 575px) {
    .fast-company .badges .badge-list {
        flex-basis:50%
    }
}

.fast-company .badges .badge-list img {
    display: inline-block;
    max-width: 200px;
    height: auto;
    width: 100%
}

.how-it-works {
    background-color: #ededed
}

.how-it-works h2 {
    font-family: "interbold"
}

.how-it-works .icon {
    width: 48px;
    height: 48px;
    background-color: #0076ff;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-family: "intersemibold";
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px
}

.how-it-works p {
    font-size: 20px;
    font-family: "intermedium"
}

@media screen and (max-width: 1399px) {
    .how-it-works p {
        font-size:18px
    }
}

.how-it-works h3 {
    color: #0076ff;
    font-family: "interregular";
    border-bottom: 2px solid #000;
    padding-bottom: 20px;
    margin-bottom: 10px
}

@media screen and (max-width: 1399px) {
    .how-it-works h3 {
        font-size:20px
    }
}

.why-builder-studio {
    padding: 50px 0
}

@media screen and (max-width: 991px) {
    .why-builder-studio {
        text-align:center
    }

    .why-builder-studio .col-switch {
        flex-wrap: wrap-reverse
    }
}

.why-builder-studio h2 {
    font-family: "interbold"
}

.why-builder-studio .btn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #0076ff;
    background-color: #0076ff;
    color: #fff;
    padding: 15px 20px 15px 20px;
    text-transform: none;
    font-size: 20px;
    font-family: "intersemibold"
}

@media screen and (max-width: 379px) {
    .why-builder-studio .btn {
        margin-bottom:30px
    }
}

.why-builder-studio .btn:hover,.why-builder-studio .btn:focus {
    border-color: #0076ff;
    background-color: #0076ff
}

.why-builder-studio .btn:after,.why-builder-studio .btn:before {
    display: none
}

.why-builder-studio .btn-outline {
    border-color: #000;
    text-transform: none;
    font-size: 20px;
    font-family: "intersemibold";
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-left: 20px;
    padding: 15px 20px 15px 20px;
    cursor: pointer
}

@media screen and (max-width: 379px) {
    .why-builder-studio .btn-outline {
        margin-left:0px
    }
}

.why-builder-studio .btn-outline:hover,.why-builder-studio .btn-outline:focus {
    border-color: #0076ff;
    color: #000
}

.why-builder-studio .btn-outline:after,.why-builder-studio .btn-outline:before {
    display: none
}

.why-builder-studio .app-img {
    text-align: center
}

@media screen and (max-width: 991px) {
    .why-builder-studio .app-img {
        margin-bottom:30px
    }
}

.why-builder-studio .app-img img {
    max-width: 642px;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.customers-say {
    padding: 50px 0 0px 0
}

@media screen and (max-width: 991px) {
    .customers-say {
        text-align:center
    }
}

.customers-say .client-bg {
    background-color: #ededed;
    padding: 70px 0
}

.customers-say h2 {
    font-family: "interbold"
}

.customers-say .app-img {
    text-align: center
}

.customers-say .app-img img {
    max-width: 337px;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.customers-say .owl-what-customers-say .item {
    padding: 0 50px
}

@media screen and (max-width: 575px) {
    .customers-say .owl-what-customers-say .item {
        padding:0 20px;
        text-align: center
    }
}

@media screen and (max-width: 575px) {
    .customers-say .owl-what-customers-say .item p {
        margin-bottom:20px
    }
}

.customers-say .owl-what-customers-say .item img {
    max-width: 838px;
    width: 100%;
    display: inline-block;
    margin: 0 auto
}

.customers-say .owl-what-customers-say .item img.quote {
    width: 55px;
    height: auto
}

.customers-say .owl-what-customers-say .owl-item img.quote {
    width: 55px;
    height: auto
}

@media screen and (max-width: 991px) {
    .customers-say .owl-what-customers-say .owl-item img.quote {
        margin-left:auto;
        margin-right: auto
    }
}

@media screen and (max-width: 1260px) {
    .customers-say .owl-what-customers-say .owl-nav {
        text-align:center
    }
}

@media screen and (max-width: 575px) {
    .customers-say .owl-what-customers-say .owl-nav {
        display:none
    }
}

.customers-say .owl-what-customers-say .owl-nav button {
    width: 60px;
    height: 60px;
    background-color: #0076FF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    top: 46%;
    position: absolute
}

@media screen and (max-width: 1260px) {
    .customers-say .owl-what-customers-say .owl-nav button {
        position:static;
        display: inline-block
    }
}

.customers-say .owl-what-customers-say .owl-nav button:after,.customers-say .owl-what-customers-say .owl-nav button:before {
    display: none
}

.customers-say .owl-what-customers-say .owl-nav button .fas {
    font-size: 30px
}

.customers-say .owl-what-customers-say .owl-nav button.owl-prev {
    background-color: #0076ff;
    color: #fff;
    left: -70px
}

@media screen and (max-width: 1260px) {
    .customers-say .owl-what-customers-say .owl-nav button.owl-prev {
        left:0px;
        margin-right: 10px
    }
}

.customers-say .owl-what-customers-say .owl-nav button.owl-next {
    background-color: #0076ff;
    color: #fff;
    right: -70px
}

@media screen and (max-width: 1260px) {
    .customers-say .owl-what-customers-say .owl-nav button.owl-next {
        right:0px;
        margin-left: 10px
    }
}

@media screen and (max-width: 991px) {
    .landing-solutions {
        padding-bottom:0
    }
}

.landing-solutions .owl-landing-solutions .owl-dots {
    text-align: center;
    margin-top: 20px
}

@media screen and (max-width: 991px) {
    .landing-solutions .owl-landing-solutions .owl-dots {
        margin-top:0px
    }
}

.landing-solutions .owl-landing-solutions .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background-color: #BEBEBE;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.landing-solutions .owl-landing-solutions .owl-dots .owl-dot.active {
    background-color: #0076FF
}

.landing-solutions .owl-landing-solutions .owl-dots .owl-dot:before,.landing-solutions .owl-landing-solutions .owl-dots .owl-dot:after {
    display: none
}

.landing-solutions .solutions-box {
    border: 1px solid rgba(0,0,0,0.2);
    background-color: #fff;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    min-height: 320px
}

@media screen and (max-width: 1600px) {
    .landing-solutions .solutions-box {
        min-height:338px
    }
}

@media screen and (max-width: 1439px) {
    .landing-solutions .solutions-box {
        border:none;
        padding: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px
    }
}

@media screen and (max-width: 991px) {
    .landing-solutions .solutions-box {
        border:none;
        padding: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px
    }
}

.landing-solutions .solutions-box img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media screen and (max-width: 1439px) {
    .landing-solutions .solutions-box img {
        max-width:335px;
        height: auto;
        margin: 0 auto
    }
}

@media screen and (max-width: 991px) {
    .landing-solutions .solutions-box img {
        margin-bottom:20px
    }
}

.food-d-app.iBeacon-services .food-box .icons li {
    flex-basis: 100%
}

.robust-new-services.mobile-services.building-iBeacon-app .service-box i.icon {
    background-image: url("../img/ibeacon-app-development/png/ibeacon-app-sprite1.png")
}

.robust-new-services.mobile-services.building-iBeacon-app .contact-box {
    background-color: #0076FF;
    width: 100%;
    height: 93%;
    margin-top: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.robust-new-services.mobile-services.building-iBeacon-app .contact-box:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    background-image: url("../img/restaurant-app-development/webp/Restaurant.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.3
}

@media (max-width: 991px) {
    .blockchain-technologies.key-factors-beacon-development .col-sm-6,.blockchain-technologies.key-factors-beacon-development .col-md-6 {
        width:50%
    }
}

@media (max-width: 575px) {
    .blockchain-technologies.key-factors-beacon-development .col-sm-6,.blockchain-technologies.key-factors-beacon-development .col-md-6 {
        width:100%
    }
}

.blockchain-technologies.key-factors-beacon-development .andBox .icon {
    background-image: url(../img/ibeacon-app-development/png/ibeacon-app-sprite2.png);
    width: 70px;
    height: 70px
}

.blockchain-technologies.key-factors-beacon-development .andBox .icon.icon1 {
    background-position: 0 0
}

.blockchain-technologies.key-factors-beacon-development .andBox .icon.icon2 {
    background-position: 0 -70px
}

.blockchain-technologies.key-factors-beacon-development .andBox .icon.icon3 {
    background-position: 0 -140px
}

.blockchain-technologies.key-factors-beacon-development .andBox .icon.icon4 {
    background-position: 0 -210px
}

.blockchain-technologies.key-factors-beacon-development .andBox .icon.icon5 {
    background-position: 0 -280px
}

.blockchain-technologies.key-factors-beacon-development .andBox .icon.icon6 {
    background-position: 0 -350px
}

.blockchain-technologies.key-factors-beacon-development .andBox .icon.icon7 {
    background-position: 0 -420px
}

.blockchain-technologies.key-factors-beacon-development .andBox .icon.icon8 {
    background-position: 0 -490px
}

.blockchain-technologies.key-factors-beacon-development .andBox .icon.icon9 {
    background-position: 0 -560px
}

.infrastructure-steps.ibeacon-ble:before {
    background-image: url(../img/ibeacon-app-development/webp/ibeacon.webp)
}

.infrastructure-steps.ibeacon-ble:after,.infrastructure-steps.ibeacon-ble:before {
    height: 490px
}

.infrastructure-steps.ibeacon-ble .thank-box .thankyou-timeline .list .text-box.tb1:before {
    background-image: url(../img/ibeacon-app-development/svg/ibeacon.svg)
}

.infrastructure-steps.ibeacon-ble .thank-box .thankyou-timeline .list .text-box.tb2:before {
    background-image: url(../img/ibeacon-app-development/svg/ble.svg)
}

.robust-new-services.mobile-services.fantasy-sports-services .service-box .icon {
    background-image: url(../img/fantasy-sports-app-development/png/fantasy-sports-sprite1.png)
}

@media (max-width: 991px) {
    .case-studies-home-page.fantasy-sports-portfolio {
        padding-top:50px
    }
}

.case-studies-home-page.fantasy-sports-portfolio .list {
    display: flex;
    flex-wrap: wrap
}

.case-studies-home-page.fantasy-sports-portfolio .list li {
    margin-bottom: 20px;
    position: relative;
    padding: 0 10px 0 23px;
    flex-basis: 50%
}

@media (max-width: 991px) {
    .case-studies-home-page.fantasy-sports-portfolio .list li {
        text-align:left;
        margin-bottom: 10px
    }
}

@media (max-width: 767px) {
    .case-studies-home-page.fantasy-sports-portfolio .list li {
        flex-basis:100%
    }
}

.case-studies-home-page.fantasy-sports-portfolio .list li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0
}

.salesforce-cloud-slider.hms-developers.our-clone-app .ul {
    display: flex;
    flex-wrap: wrap
}

.salesforce-cloud-slider.hms-developers.our-clone-app .ul li {
    flex-basis: 50%
}

@media (max-width: 767px) {
    .salesforce-cloud-slider.hms-developers.our-clone-app .ul li {
        flex-basis:100%
    }
}

.key-features-food-app.fantasy-sports-features .tab-content {
    min-height: 300px
}

.key-features-food-app.fantasy-sports-features .icon-listing li .icon {
    background-image: url("../img/fantasy-sports-app-development/png/fantasy-sports-sprite2.png")
}

.key-features-food-app.fantasy-sports-features .icon-listing li .icon.icon34 {
    background-position: 0 -1980px
}

.key-features-food-app.fantasy-sports-features .icon-listing li .icon.icon35 {
    background-position: 0 -2040px
}

.robust-new-services.mobile-services.travel-app-solution .service-box .icon {
    background-image: url(../img/travel-app-development/png/travel-app-sprite1.png)
}

.android-benefits.crypto-benefits.travel-app-features .ios-b-img img {
    max-width: 460px
}

@media screen and (max-width: 575px) {
    .android-benefits.crypto-benefits.travel-app-features .benefits-box {
        margin-top:0
    }
}

.android-benefits.crypto-benefits.travel-app-features .benefits-box i:before {
    background-image: url(../img/travel-app-development/png/GroceryApp-sprite1.png)
}

.android-benefits.crypto-benefits.travel-app-features .benefits-box i.icon11:before {
    background-position: 0 -1200px
}

.android-benefits.crypto-benefits.travel-app-features .benefits-box i.icon12:before {
    background-position: 0 -1320px
}

.android-benefits.crypto-benefits.travel-app-features .benefits-box:hover i.icon11:before {
    background-position: 0 -1260px
}

.android-benefits.crypto-benefits.travel-app-features .benefits-box:hover i.icon12:before {
    background-position: 0 -1380px
}

@media screen and (max-width: 991px) {
    .android-benefits.crypto-benefits.travel-app-features .btn {
        margin-top:10px
    }
}

.eCommerce-platforms.travel-features:before {
    background-image: url(../img/travel-app-development/webp/Travel-App-Features.webp)
}

@media screen and (max-width: 991px) {
    .eCommerce-platforms.travel-features .hd-box ul {
        display:flex
    }
}

.eCommerce-platforms.travel-features .hd-box ul li {
    flex-basis: 16%;
    border: none;
    padding: 0
}

@media screen and (max-width: 991px) {
    .eCommerce-platforms.travel-features .hd-box ul li {
        margin:10px;
        flex-basis: 30%
    }
}

@media screen and (max-width: 767px) {
    .eCommerce-platforms.travel-features .hd-box ul li {
        flex-basis:28%
    }
}

@media screen and (max-width: 575px) {
    .eCommerce-platforms.travel-features .hd-box ul li {
        margin:10px 3px 20px 3px;
        flex-basis: 30%
    }
}

@media screen and (max-width: 480px) {
    .eCommerce-platforms.travel-features .hd-box ul li {
        flex-basis:40%
    }
}

.eCommerce-platforms.travel-features .hd-box ul li .icon:before {
    background-image: url(../img/travel-app-development/png/travel-app-sprite2.png)
}

.eCommerce-platforms.travel-features .hd-box ul li .name a {
    color: #FF9100
}

@media (max-width: 1366px) {
    .blockchain-technologies.travel-smart-mobile-app .col-sm-3,.blockchain-technologies.travel-smart-mobile-app .col-md-3 {
        width:33.33333333%
    }
}

@media (max-width: 991px) {
    .blockchain-technologies.travel-smart-mobile-app .col-sm-3,.blockchain-technologies.travel-smart-mobile-app .col-md-3 {
        width:50%
    }
}

@media (max-width: 575px) {
    .blockchain-technologies.travel-smart-mobile-app .col-sm-3,.blockchain-technologies.travel-smart-mobile-app .col-md-3 {
        width:100%
    }
}

.blockchain-technologies.travel-smart-mobile-app .andBox .icon {
    background-image: url(../img/travel-app-development/png/travel-app-sprite3.png);
    width: 70px;
    height: 70px
}

.blockchain-technologies.travel-smart-mobile-app .andBox .icon.icon1 {
    background-position: 0 0
}

.blockchain-technologies.travel-smart-mobile-app .andBox .icon.icon2 {
    background-position: 0 -70px
}

.blockchain-technologies.travel-smart-mobile-app .andBox .icon.icon3 {
    background-position: 0 -140px
}

.blockchain-technologies.travel-smart-mobile-app .andBox .icon.icon4 {
    background-position: 0 -210px
}

.key-features-food-app.fantasy-sports-features .tab-content {
    min-height: 300px
}

.key-features-food-app.fantasy-sports-features .icon-listing li .icon {
    background-image: url("../img/travel-app-development/png/travel-app-sprite4.png")
}

.key-features-food-app.fantasy-sports-features .icon-listing li .icon.icon34 {
    background-position: 0 -1980px
}

.key-features-food-app.fantasy-sports-features .icon-listing li .icon.icon35 {
    background-position: 0 -2040px
}

.android-integrations.travel-app-clone-scripts .industry-list .industry {
    flex-basis: 25%
}

@media (max-width: 991px) {
    .android-integrations.travel-app-clone-scripts .industry-list .industry {
        flex-basis:31%
    }
}

@media (max-width: 575px) {
    .android-integrations.travel-app-clone-scripts .industry-list .industry {
        flex-basis:47%
    }
}

@media (max-width: 426px) {
    .android-integrations.travel-app-clone-scripts .industry-list .industry {
        flex-basis:46%
    }
}

.android-integrations.travel-app-clone-scripts .industry-list .industry .icon {
    background-image: url("../img/travel-app-development/png/travel-app-sprite5.png")
}

.landing-footer-form {
    background-color: #0076FF;
    padding: 50px 0
}

.landing-footer-form .contact-form {
    position: relative;
    z-index: 1
}

.landing-footer-form .contact-box {
    margin-top: 50px;
    position: relative;
    overflow: hidden;
    max-width: 800px;
    margin: 0 auto
}

.landing-footer-form .contact-box h2 {
    color: #fff;
    position: relative
}

@media screen and (max-width: 991px) {
    .landing-footer-form .contact-box h2 {
        text-align:center
    }
}

.landing-footer-form .contact-box p {
    color: #fff;
    position: relative
}

@media screen and (max-width: 991px) {
    .landing-footer-form .contact-box p {
        text-align:center
    }
}

.landing-footer-form .contact-box .country {
    display: none
}

.landing-footer-form .contact-box .wpcf7-form-control-wrap {
    width: 100%
}

.landing-footer-form .contact-box .form-group {
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 20px
}

.landing-footer-form .contact-box .form-group:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #FF9100;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 2
}

.landing-footer-form .contact-box .form-group:hover:before,.landing-footer-form .contact-box .form-group:focus:before {
    width: 100%
}

.landing-footer-form .contact-box .form-group .form-label {
    color: #fff;
    margin-bottom: 0
}

.landing-footer-form .contact-box .form-group .message {
    display: block;
    width: 100%
}

@media screen and (max-width: 991px) {
    .landing-footer-form .contact-box .form-group .col-sm-5,.landing-footer-form .contact-box .form-group .col-xs-5 {
        width:41.66666667%
    }

    .landing-footer-form .contact-box .form-group .col-sm-7,.landing-footer-form .contact-box .form-group .col-xs-7 {
        width: 58.33333333%
    }
}

.landing-footer-form .contact-box .form-group p {
    margin-bottom: 0
}

.landing-footer-form .contact-box .form-group.msg {
    color: #fff
}

.landing-footer-form .contact-box .form-group.msg span.wpcf7-not-valid-tip {
    bottom: -30px
}

.landing-footer-form .contact-box .form-group.msge span.wpcf7-not-valid-tip {
    bottom: -30px
}

.landing-footer-form .contact-box select.form-control {
    color: #fff;
    position: relative;
    z-index: 1
}

.landing-footer-form .contact-box select option {
    color: #000
}

.landing-footer-form .contact-box .form-control {
    border: none;
    border-bottom: 1px solid #E0E0E0;
    display: block;
    box-shadow: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    height: 43px;
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    padding-top: 0px;
    color: #fff
}

.landing-footer-form .contact-box .form-control.msg {
    resize: vertical;
    height: 120px;
    margin-bottom: -9px;
    color: #fff
}

.landing-footer-form .contact-box input.pre_phone.form-control {
    padding-left: 52px;
    pointer-events: none
}

.landing-footer-form .contact-box input:-webkit-autofill,.landing-footer-form .contact-box input:-webkit-autofill:hover,.landing-footer-form .contact-box input:-webkit-autofill:focus,.landing-footer-form .contact-box textarea:-webkit-autofill,.landing-footer-form .contact-box textarea:-webkit-autofill:hover,.landing-footer-form .contact-box textarea:-webkit-autofill:focus,.landing-footer-form .contact-box select:-webkit-autofill,.landing-footer-form .contact-box select:-webkit-autofill:hover,.landing-footer-form .contact-box select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
    background-color: transparent
}

.landing-footer-form .contact-box .iti {
    width: 100%
}

.landing-footer-form .contact-box .iti .iti--container {
    position: absolute
}

.landing-footer-form .contact-box .iti .iti__flag-container .iti__selected-flag .iti__arrow {
    border-top-color: #fff
}

.landing-footer-form .contact-box .iti .iti__flag-container .iti__selected-flag .iti__arrow--up {
    border-top-color: #fff
}

.landing-footer-form .contact-box .iti .iti__country {
    color: #000
}

.landing-footer-form .contact-box .iti .iti__country-list {
    max-width: 300px;
    color: #000
}

.landing-footer-form .contact-box .iti .iti__arrow {
    border-top-color: #fff
}

.landing-footer-form .contact-box .iti .iti__arrow.iti__arrow--up {
    border-bottom-color: #fff
}

.landing-footer-form .contact-box input.track-country {
    display: none
}

.landing-footer-form .contact-box .budget-group {
    margin-bottom: 20px
}

.landing-footer-form .contact-box .budget-group .form-label {
    color: #0076FF;
    margin-bottom: 0
}

.landing-footer-form .contact-box .budget-group .budget {
    display: block;
    width: 100%
}

.landing-footer-form .contact-box .budget-group .msg {
    color: #fff;
    resize: vertical
}

.landing-footer-form .contact-box .budget-group .select-budget {
    position: relative
}

.landing-footer-form .contact-box .budget-group .select-budget:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #0076FF;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.landing-footer-form .contact-box .budget-group .select-budget:hover:before,.landing-footer-form .contact-box .budget-group .select-budget:focus:before {
    width: 100%
}

.landing-footer-form .contact-box .budget-group .select-budget:after {
    content: "\f107";
    position: absolute;
    color: #fff;
    right: 0;
    top: 10px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.landing-footer-form .contact-box span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    bottom: -20px;
    background-color: #fff;
    padding: 0 4px
}

.landing-footer-form .contact-box .btn {
    margin-top: 30px;
    height: 60px;
    min-width: 170px;
    background-image: url("../img/common/svg/arrow-right-up-blue.svg");
    background-repeat: no-repeat;
    background-position: 133px 16px;
    background-size: 22px 22px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #fff;
    color: #0076FF
}

.landing-footer-form .contact-box .btn:before,.landing-footer-form .contact-box .btn:after {
    background-color: #0076FF
}

@media screen and (max-width: 575px) {
    .landing-footer-form .contact-box .btn {
        background-position:143px 16px
    }
}

.landing-footer-form .contact-box .btn:hover {
    background-position: 136px 13px
}

.landing-footer-form .contact-box .btn:before {
    display: none
}

.landing-footer-form .contact-box .btn:after {
    display: none
}

.landing-footer-form .contact-box .captcha-group {
    position: relative
}

.landing-footer-form .contact-box .captcha-group .wpcf7-spinner {
    position: absolute;
    right: 160px;
    top: 20px
}

@media screen and (max-width: 991px) {
    .landing-footer-form .contact-box .captcha-group .wpcf7-spinner {
        position:static
    }
}

.landing-footer-form .contact-box .captcha-group .form-label {
    color: #0076FF;
    margin-bottom: 10px
}

.landing-footer-form .contact-box .captcha-group .captcha-box {
    font-family: "interbold"
}

.landing-footer-form .contact-box .captcha-group .captcha-box span #form_reCaptcha {
    border: 1px solid #E0E0E0;
    padding: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    text-align: center
}

.landing-footer-form .contact-box .captcha-group .text-right {
    display: flex;
    justify-content: right
}

@media screen and (max-width: 991px) {
    .landing-footer-form .contact-box .captcha-group .text-right {
        justify-content:flex-start;
        margin: 30px 0 50px 0
    }
}

.landing-footer-form .contact-box .file-upload-wrapper {
    position: relative;
    width: 100%;
    border: 1px dashed rgba(255,255,255,0.3);
    height: 70px;
    margin-top: 30px;
    margin-bottom: 30px
}

.landing-footer-form .contact-box .file-upload-wrapper input {
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 0;
    bottom: 0;
    left: 15px;
    z-index: 1;
    margin: 0;
    padding: 10px;
    display: block;
    cursor: pointer;
    width: 100%;
    outline: none;
    border-radius: 0;
    color: #fff
}

.landing-footer-form .contact-box .file-upload-wrapper span.wpcf7-not-valid-tip {
    bottom: -31px
}

.landing-footer-form .contact-box .file-upload-wrapper .form-control {
    border-bottom: none
}

.landing-footer-form .contact-box .file-upload-wrapper .overflow .wpcf7-form-control-wrap {
    position: static
}

.landing-footer-form .contact-box .file-upload-wrapper .file-title {
    position: absolute;
    top: -21px;
    left: 2px;
    right: auto;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    margin: 0;
    color: #fff;
    background-color: #0076FF;
    font-family: "intermedium"
}

.landing-footer-form .contact-box .file-upload-wrapper .attachment-file {
    position: static
}

.landing-footer-form .contact-box .file-upload-wrapper .attachment-file span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 56px;
    width: 310px;
    z-index: 1
}

.landing-footer-form .contact-box .contact-details {
    margin-left: 100px
}

@media screen and (max-width: 1024px) {
    .landing-footer-form .contact-box .contact-details {
        margin-left:50px
    }
}

@media screen and (max-width: 991px) {
    .landing-footer-form .contact-box .contact-details {
        margin-left:0px
    }
}

.landing-footer-form .contact-box .contact-details h2 {
    font-family: "interlight"
}

@media screen and (max-width: 991px) {
    .landing-footer-form .contact-box .contact-details h2 {
        text-align:left
    }

    .landing-footer-form .contact-box .contact-details h2.gb {
        margin-top: 30px
    }
}

.landing-footer-form .contact-box .contact-details h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.landing-footer-form .contact-box .contact-details p.top {
    margin-top: 27px
}

.landing-footer-form .contact-box .form-control::placeholder {
    color: #fff;
    opacity: 1
}

.landing-footer-form .contact-box .form-control:-ms-input-placeholder {
    color: #fff
}

.landing-footer-form .contact-box .form-control::-ms-input-placeholder {
    color: #fff
}

@media screen and (max-width: 991px) {
    .landing-footer-form .contact-box .captcha-group {
        margin-top:10px;
        margin-bottom: 40px
    }
}

.landing-footer-form .contact-box.landingform {
    max-width: 1000px;
    margin: 50px auto 0 auto
}

.landing-footer-form .contact-box.landingform:before {
    display: none
}

.landing-footer-form .contact-box.landingform p {
    margin-bottom: 0
}

.robust-new-services.mobile-services.ar-vr-interior-design .service-box i.icon {
    background-image: url("../img/ar-vr-for-interior-design/png/ar-vr-interior-spritr1.png")
}

.android-benefits.why-choose-ar-vr .benefits-box i:before {
    background-image: url("../img/ar-vr-for-interior-design/png/ar-vr-interior-spritr2.png")
}

.robust-new-services.mobile-services.ar-vr-interior-design-features .service-box h3 {
    padding-left: 0;
    margin-top: 0
}

.robust-new-services.mobile-services.ar-vr-interior-design-features .service-box i.icon {
    position: static;
    background-image: url("../img/ar-vr-for-interior-design/png/ar-vr-interior-spritr3.png")
}

.ar-architecture img {
    margin-top: 40px
}

.ar-vr-technology {
    background-color: rgba(0,0,0,0.027451)
}

@media screen and (max-width: 575px) {
    .ar-vr-technology {
        text-align:center
    }
}

.ar-vr-technology .ar-vr-techno-list {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 40px
}

@media screen and (max-width: 575px) {
    .ar-vr-technology .ar-vr-techno-list {
        justify-content:center
    }
}

.ar-vr-technology .ar-vr-techno-list li {
    flex-basis: 15%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 140px;
    padding: 20px 10px 10px 10px;
    font-size: 16px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin: 5px
}

@media screen and (max-width: 1399px) {
    .ar-vr-technology .ar-vr-techno-list li {
        flex-basis:17%
    }
}

@media screen and (max-width: 1366px) {
    .ar-vr-technology .ar-vr-techno-list li {
        flex-basis:17%
    }
}

@media screen and (max-width: 1199px) {
    .ar-vr-technology .ar-vr-techno-list li {
        flex-basis:16%
    }
}

@media screen and (max-width: 991px) {
    .ar-vr-technology .ar-vr-techno-list li {
        flex-basis:30%;
        margin: 10px
    }
}

@media screen and (max-width: 767px) {
    .ar-vr-technology .ar-vr-techno-list li {
        flex-basis:29%
    }
}

@media screen and (max-width: 575px) {
    .ar-vr-technology .ar-vr-techno-list li {
        margin:10px 3px 0px 3px
    }
}

@media screen and (max-width: 360px) {
    .ar-vr-technology .ar-vr-techno-list li {
        flex-basis:45%
    }
}

.ar-vr-technology .ar-vr-techno-list li a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    line-height: normal
}

@media screen and (max-width: 1600px) {
    .ar-vr-technology .ar-vr-techno-list li a {
        font-size:15px;
        line-height: normal
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon {
    margin: auto;
    width: 140px;
    height: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("../img/ar-vr-for-interior-design/png/ar-vr-interior-spritr4.png");
    background-repeat: no-repeat;
    margin-bottom: 10px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon {
        width:130px;
        height: 56px;
        background-size: 100% auto
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon1 {
    background-position: 0 0
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon1 {
        background-position:0 0
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon2 {
    background-position: 0 -60px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon2 {
        background-position:0 -56px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon3 {
    background-position: 0 -120px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon3 {
        background-position:0 -112px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon4 {
    background-position: 0 -180px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon4 {
        background-position:0 -168px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon5 {
    background-position: 0 -240px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon5 {
        background-position:0 -223px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon6 {
    background-position: 0 -300px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon6 {
        background-position:0 -279px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon7 {
    background-position: 0 -360px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon7 {
        background-position:0 -335px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon8 {
    background-position: 0 -420px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon8 {
        background-position:0 -390px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon9 {
    background-position: 0 -480px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon9 {
        background-position:0 -446px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon10 {
    background-position: 0 -540px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon10 {
        background-position:0 -502px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon11 {
    background-position: 0 -600px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon11 {
        background-position:0 -558px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon12 {
    background-position: 0 -660px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon12 {
        background-position:0 -613px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon13 {
    background-position: 0 -720px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon13 {
        background-position:0 -669px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon14 {
    background-position: 0 -780px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon14 {
        background-position:0 -725px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon15 {
    background-position: 0 -840px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon15 {
        background-position:0 -780px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon16 {
    background-position: 0 -900px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon16 {
        background-position:0 -836px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon17 {
    background-position: 0 -960px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon17 {
        background-position:0 -892px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon18 {
    background-position: 0 -1020px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon18 {
        background-position:0 -948px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon19 {
    background-position: 0 -1080px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon19 {
        background-position:0 -1003px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon20 {
    background-position: 0 -1140px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon20 {
        background-position:0 -1059px
    }
}

.ar-vr-technology .ar-vr-techno-list li .icon.icon21 {
    background-position: 0 -1200px
}

@media screen and (max-width: 480px) {
    .ar-vr-technology .ar-vr-techno-list li .icon.icon21 {
        background-position:0 -1115px
    }
}

.ar-vr-technology .ar-vr-techno-list li:hover {
    border-color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.ar-vr-technology .ar-vr-techno-list li:hover a {
    color: #0076FF
}

.vr-interior-design-apps .owl-home-case-studies .owl-item {
    padding: 0 50px
}

@media screen and (max-width: 575px) {
    .vr-interior-design-apps .owl-home-case-studies .owl-item {
        padding:0 20px;
        text-align: center
    }
}

@media screen and (max-width: 575px) {
    .vr-interior-design-apps .owl-home-case-studies .owl-item p {
        margin-bottom:20px
    }
}

.vr-interior-design-apps .owl-home-case-studies .owl-item img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    max-width: 1296px;
    width: 100%;
    display: inline-block;
    margin: 0 auto
}

@media screen and (max-width: 1260px) {
    .vr-interior-design-apps .owl-home-case-studies .owl-nav {
        text-align:center;
        margin-top: 30px
    }
}

@media screen and (max-width: 575px) {
    .vr-interior-design-apps .owl-home-case-studies .owl-nav {
        display:none
    }
}

.vr-interior-design-apps .owl-home-case-studies .owl-nav button {
    width: 60px;
    height: 60px;
    background-color: #0076FF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    top: 46%;
    position: absolute
}

@media screen and (max-width: 1260px) {
    .vr-interior-design-apps .owl-home-case-studies .owl-nav button {
        position:static;
        display: inline-block
    }
}

.vr-interior-design-apps .owl-home-case-studies .owl-nav button:after,.vr-interior-design-apps .owl-home-case-studies .owl-nav button:before {
    display: none
}

.vr-interior-design-apps .owl-home-case-studies .owl-nav button .fas {
    font-size: 30px
}

.vr-interior-design-apps .owl-home-case-studies .owl-nav button.owl-prev {
    background-color: #0076FF;
    color: #fff;
    left: -70px
}

@media screen and (max-width: 1260px) {
    .vr-interior-design-apps .owl-home-case-studies .owl-nav button.owl-prev {
        left:0px;
        margin-right: 10px
    }
}

.vr-interior-design-apps .owl-home-case-studies .owl-nav button.owl-next {
    background-color: #0076FF;
    color: #fff;
    right: -70px
}

@media screen and (max-width: 1260px) {
    .vr-interior-design-apps .owl-home-case-studies .owl-nav button.owl-next {
        right:0px;
        margin-left: 10px
    }
}

.ar-vr-success-story {
    padding: 50px 0 100px 0
}

@media screen and (max-width: 991px) {
    .ar-vr-success-story {
        padding-bottom:0
    }
}

.ar-vr-success-story .client-say {
    background-color: #fff;
    padding: 50px 50px 60px 50px;
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #E0E0E0;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

@media screen and (max-width: 1440px) {
    .ar-vr-success-story .client-say {
        padding:30px 30px 60px 30px
    }
}

@media screen and (max-width: 991px) {
    .ar-vr-success-story .client-say {
        margin-bottom:150px
    }
}

@media screen and (max-width: 575px) {
    .ar-vr-success-story .client-say {
        padding:20px 20px 60px 20px
    }
}

.ar-vr-success-story .client-say .fa-quote-left {
    font-size: 70px;
    opacity: 0.1
}

.ar-vr-success-story .client-say .client-details {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.ar-vr-success-story .client-say .client-details .client-pic {
    width: 120px;
    height: 120px;
    overflow: hidden;
    display: inline-block;
    border: 2px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff
}

.ar-vr-success-story .client-say .client-details .client-pic img {
    width: 100%;
    height: 100%
}

.ar-vr-success-story .client-say .client-details .name {
    font-size: 22px
}

.ar-vr-success-story .client-say.center {
    background-color: #0076FF;
    border-color: #0076FF
}

.ar-vr-success-story .client-say.center i {
    color: #fff
}

.ar-vr-success-story .client-say.center p {
    color: #fff
}

.thank-you-page {
    padding: 150px 0;
    position: relative;
    top: 82px
}

@media screen and (max-width: 991px) {
    .thank-you-page {
        padding-top:100px
    }
}

@media screen and (max-width: 767px) {
    .thank-you-page {
        top:63px
    }
}

.thank-you-page:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 700px;
    background-color: #000;
    background-image: url("../img/thank-you/jpg/thank-you.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center
}

@media screen and (max-width: 767px) {
    .thank-you-page:before {
        background-size:cover
    }
}

.thank-you-page:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 700px;
    background-color: rgba(0,0,0,0.5)
}

.thank-you-page h1 {
    text-align: center;
    font-family: "interbold";
    color: #fff
}

.thank-you-page h5 {
    text-align: center;
    color: #fff
}

.thank-you-page h5 .highlight {
    color: #FF9100
}

.thank-you-page .thank-box {
    background-color: #fff;
    padding: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    margin-top: 50px;
    min-height: 600px;
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    position: relative;
    overflow: hidden
}

.thank-you-page .thank-box:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.thank-you-page .thank-box h2 {
    position: relative;
    font-family: "interbold"
}

@media screen and (max-width: 991px) {
    .thank-you-page .thank-box h2 {
        text-align:center
    }
}

.thank-you-page .thank-box p {
    position: relative
}

.thank-you-page .thank-box .thankyou-timeline li {
    position: relative;
    margin-bottom: 40px
}

@media (max-width: 480px) {
    .thank-you-page .thank-box .thankyou-timeline li {
        margin-bottom:50px
    }
}

.thank-you-page .thank-box .thankyou-timeline li:before {
    content: "";
    position: absolute;
    top: 73px;
    left: 10px;
    width: 150px;
    height: 1px;
    border-bottom: 1px dashed #E0E0E0;
    letter-spacing: 2px
}

@media (max-width: 575px) {
    .thank-you-page .thank-box .thankyou-timeline li:before {
        top:56px
    }
}

.thank-you-page .thank-box .thankyou-timeline li:after {
    content: "";
    position: absolute;
    top: 90px;
    left: 18px;
    width: 1px;
    height: 114%;
    border-left: 1px dashed #E0E0E0;
    letter-spacing: 2px
}

@media (max-width: 991px) {
    .thank-you-page .thank-box .thankyou-timeline li:after {
        height:110%
    }
}

@media (max-width: 767px) {
    .thank-you-page .thank-box .thankyou-timeline li:after {
        height:107%
    }
}

@media (max-width: 575px) {
    .thank-you-page .thank-box .thankyou-timeline li:after {
        height:108%;
        top: 76px
    }
}

@media (max-width: 480px) {
    .thank-you-page .thank-box .thankyou-timeline li:after {
        height:111%
    }
}

.thank-you-page .thank-box .thankyou-timeline li:last-child:after {
    display: none
}

@media (max-width: 991px) {
    .thank-you-page .thank-box .thankyou-timeline li:last-child:after {
        height:110%
    }
}

.thank-you-page .thank-box .thankyou-timeline li:last-child:before {
    left: 18px;
    width: 27vw
}

@media (max-width: 1366px) {
    .thank-you-page .thank-box .thankyou-timeline li:last-child:before {
        width:21vw
    }
}

@media (max-width: 1200px) {
    .thank-you-page .thank-box .thankyou-timeline li:last-child:before {
        width:24vw
    }
}

@media (max-width: 1024px) {
    .thank-you-page .thank-box .thankyou-timeline li:last-child:before {
        width:20vw
    }
}

@media (max-width: 991px) {
    .thank-you-page .thank-box .thankyou-timeline li:last-child:before {
        width:8vw
    }
}

.thank-you-page .thank-box .thankyou-timeline li .nbr {
    position: absolute;
    top: 53px;
    left: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-family: "interbold";
    border: 1px dashed #0076FF;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    font-size: 20px;
    padding-top: 5px;
    z-index: 1
}

@media (max-width: 575px) {
    .thank-you-page .thank-box .thankyou-timeline li .nbr {
        top:36px
    }
}

.thank-you-page .thank-box .thankyou-timeline li .text-box {
    padding: 30px;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    margin-left: 150px;
    padding-left: 150px;
    position: relative;
    min-height: 146px;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-width: 991px) {
    .thank-you-page .thank-box .thankyou-timeline li .text-box {
        text-align:left
    }
}

@media (max-width: 767px) {
    .thank-you-page .thank-box .thankyou-timeline li .text-box {
        margin-left:70px
    }
}

@media (max-width: 575px) {
    .thank-you-page .thank-box .thankyou-timeline li .text-box {
        margin-left:60px;
        padding-left: 104px
    }
}

@media (max-width: 480px) {
    .thank-you-page .thank-box .thankyou-timeline li .text-box {
        padding-left:30px;
        padding-top: 45px
    }
}

.thank-you-page .thank-box .thankyou-timeline li .text-box:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 20px;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto
}

@media (max-width: 575px) {
    .thank-you-page .thank-box .thankyou-timeline li .text-box:before {
        width:70px;
        height: 70px
    }
}

@media (max-width: 480px) {
    .thank-you-page .thank-box .thankyou-timeline li .text-box:before {
        top:-37px
    }
}

.thank-you-page .thank-box .thankyou-timeline li .text-box.tb1:before {
    background-image: url("../img/thank-you/svg/icon1.svg")
}

.thank-you-page .thank-box .thankyou-timeline li .text-box.tb2:before {
    background-image: url("../img/thank-you/svg/icon2.svg")
}

.thank-you-page .thank-box .thankyou-timeline li .text-box.tb3:before {
    background-image: url("../img/thank-you/svg/icon3.svg")
}

.thank-you-page .thank-box .thankyou-timeline li .text-box.tb4:before {
    background-image: url("../img/thank-you/svg/icon4.svg")
}

.thank-you-page .thank-box .thankyou-timeline li .text-box.tb5:before {
    background-image: url("../img/thank-you/svg/icon5.svg")
}

.thank-you-page .thank-box .thankyou-timeline li .text-box.tb6:before {
    background-image: url("../img/thank-you/svg/icon6.svg")
}

.thank-you-page .thank-box .thankyou-timeline li .text-box.tb7:before {
    background-image: url("../img/thank-you/svg/icon7.svg")
}

.thank-you-page .thank-box .thankyou-timeline li .text-box h3 {
    font-family: "interbold"
}

.thank-you-page .thank-box .thankyou-timeline li:hover .text-box {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.thank-you-page .thank-box .thankyou-timeline li .process-done {
    font-size: 36px;
    font-family: "interbold";
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    padding-top: 23px
}

@media (max-width: 767px) {
    .thank-you-page .thank-box .thankyou-timeline li .process-done {
        font-size:26px;
        padding-top: 43px
    }
}

@media (max-width: 575px) {
    .thank-you-page .thank-box .thankyou-timeline li .process-done {
        padding-top:25px
    }
}

.thank-you-page .thank-box .thankyou-timeline li .process-done .icon {
    vertical-align: middle;
    width: 100px;
    height: 100px;
    background-image: url("../img/thank-you/svg/process-done.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    display: inline-block;
    margin-right: 20px
}

@media (max-width: 767px) {
    .thank-you-page .thank-box .thankyou-timeline li .process-done .icon {
        width:60px;
        height: 60px;
        margin-right: 10px
    }
}

.form-banner {
    position: relative;
    background-color: #00295a;
    padding-top: 200px;
    padding-bottom: 200px
}

@media screen and (max-width: 1600px) {
    .form-banner {
        padding-top:150px
    }
}

@media screen and (max-width: 1440px) {
    .form-banner {
        padding-top:50px;
        padding-bottom: 100px
    }
}

@media screen and (max-width: 767px) {
    .form-banner {
        padding-bottom:100px
    }
}

.form-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url("../img/mobile-app-development-company/webp/mobile-app-development-company.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    opacity: 0.2
}

@media screen and (max-width: 575px) {
    .form-banner .custom-container {
        width:90%
    }
}

.form-banner h1 {
    font-family: "interbold";
    color: #fff;
    line-height: normal;
    margin-bottom: 10px
}

@media screen and (max-width: 1699px) {
    .form-banner h1 {
        font-size:54px
    }
}

@media screen and (max-width: 1599px) {
    .form-banner h1 {
        font-size:50px
    }
}

@media screen and (max-width: 1499px) {
    .form-banner h1 {
        font-size:48px
    }
}

@media screen and (max-width: 1399px) {
    .form-banner h1 {
        font-size:42px
    }
}

@media screen and (max-width: 575px) {
    .form-banner h1 {
        font-size:28px
    }
}

.form-banner h3 {
    color: #fff
}

.form-banner p {
    color: #fff
}

@media screen and (max-width: 1699px) {
    .form-banner p.f-28 {
        font-size:22px
    }
}

@media screen and (max-width: 575px) {
    .form-banner p.f-28 {
        font-size:18px
    }
}

@media screen and (max-width: 575px) {
    .form-banner .badges {
        text-align:center
    }
}

.form-banner .badges .badge-list {
    display: inline-block;
    margin: 10px
}

.form-banner .badges .badge-list img {
    display: inline-block;
    max-width: 150px;
    height: auto;
    width: 100%
}

@media screen and (max-width: 1199px) {
    .form-banner .badges .badge-list img {
        max-width:100px
    }
}

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

.form-banner .contact-box {
    position: relative;
    background-color: #fff;
    border-top: 10px solid #FF9100;
    padding: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    margin: 0 auto;
    max-width: 400px
}

@media screen and (max-width: 1399px) {
    .form-banner .contact-box {
        padding:30px
    }
}

@media screen and (max-width: 991px) {
    .form-banner .contact-box {
        margin-top:30px
    }
}

.form-banner .contact-box h2 {
    position: relative;
    margin-bottom: 30px
}

@media screen and (max-width: 991px) {
    .form-banner .contact-box h2 {
        text-align:center
    }
}

@media screen and (max-width: 1199px) {
    .form-banner .contact-box h2 {
        font-size:28px
    }
}

.form-banner .contact-box p {
    color: #000;
    position: relative
}

@media screen and (max-width: 991px) {
    .form-banner .contact-box p {
        text-align:center
    }
}

.form-banner .contact-box .full-col {
    width: 100%
}

.form-banner .contact-box .country {
    display: none
}

.form-banner .contact-box .wpcf7-form-control-wrap {
    width: 100%
}

.form-banner .contact-box .form-group {
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 20px
}

.form-banner .contact-box .form-group:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #FF9100;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 2
}

.form-banner .contact-box .form-group:hover:before,.form-banner .contact-box .form-group:focus:before {
    width: 100%
}

.form-banner .contact-box .form-group .form-label {
    margin-bottom: 0
}

.form-banner .contact-box .form-group .message {
    display: block;
    width: 100%
}

@media screen and (max-width: 991px) {
    .form-banner .contact-box .form-group .col-sm-4,.form-banner .contact-box .form-group .col-xs-4 {
        width:41.66666667%
    }

    .form-banner .contact-box .form-group .col-sm-8,.form-banner .contact-box .form-group .col-xs-8 {
        width: 58.33333333%
    }
}

.form-banner .contact-box .form-group p {
    margin-bottom: 0
}

.form-banner .contact-box .form-group.msg span.wpcf7-not-valid-tip {
    bottom: -31px
}

.form-banner .contact-box .form-group.msge span.wpcf7-not-valid-tip {
    bottom: -31px
}

.form-banner .contact-box .form-group .code span.wpcf7-not-valid-tip {
    bottom: -27px;
    line-height: normal
}

.form-banner .contact-box select.form-control {
    position: relative;
    z-index: 1
}

.form-banner .contact-box select option {
    color: #000
}

.form-banner .contact-box .form-control {
    border: none;
    border-bottom: 1px solid #E0E0E0;
    display: block;
    box-shadow: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    height: 36px;
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    padding-top: 0px
}

.form-banner .contact-box .form-control.msg {
    resize: vertical;
    height: 100px;
    margin-bottom: -9px
}

.form-banner .contact-box input.pre_phone.form-control {
    padding-left: 52px;
    pointer-events: none
}

.form-banner .contact-box input::placeholder {
    color: #000 !important;
    opacity: 1
}

.form-banner .contact-box input:-ms-input-placeholder {
    color: #000 !important
}

.form-banner .contact-box input::-ms-input-placeholder {
    color: #000 !important
}

.form-banner .contact-box textarea::placeholder {
    color: #000 !important;
    opacity: 1
}

.form-banner .contact-box textarea:-ms-input-placeholder {
    color: #000 !important
}

.form-banner .contact-box textarea::-ms-input-placeholder {
    color: #000 !important
}

.form-banner .contact-box input:-webkit-autofill,.form-banner .contact-box input:-webkit-autofill:hover,.form-banner .contact-box input:-webkit-autofill:focus,.form-banner .contact-box textarea:-webkit-autofill,.form-banner .contact-box textarea:-webkit-autofill:hover,.form-banner .contact-box textarea:-webkit-autofill:focus,.form-banner .contact-box select:-webkit-autofill,.form-banner .contact-box select:-webkit-autofill:hover,.form-banner .contact-box select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
    background-color: transparent
}

.form-banner .contact-box .iti {
    width: 100%
}

.form-banner .contact-box .iti .iti--container {
    position: absolute
}

.form-banner .contact-box .iti .iti__country {
    color: #000
}

.form-banner .contact-box .iti .iti__country-list {
    max-width: 300px;
    color: #000
}

.form-banner .contact-box input.track-country {
    display: none
}

.form-banner .contact-box .budget-group {
    margin-bottom: 20px
}

.form-banner .contact-box .budget-group .form-label {
    color: #0076FF;
    margin-bottom: 0
}

.form-banner .contact-box .budget-group .budget {
    display: block;
    width: 100%
}

.form-banner .contact-box .budget-group .msg {
    color: #000;
    resize: vertical
}

.form-banner .contact-box .budget-group .select-budget {
    position: relative
}

.form-banner .contact-box .budget-group .select-budget:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #0076FF;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.form-banner .contact-box .budget-group .select-budget:hover:before,.form-banner .contact-box .budget-group .select-budget:focus:before {
    width: 100%
}

.form-banner .contact-box .budget-group .select-budget:after {
    content: "\f107";
    position: absolute;
    color: #000;
    right: 0;
    top: 10px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.form-banner .contact-box span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    bottom: -22px;
    background-color: #fff;
    padding: 0 4px
}

.form-banner .contact-box .btn {
    margin-top: 0px;
    height: 60px;
    min-width: 170px;
    background-image: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #0076FF;
    color: #fff;
    padding: 15px 20px
}

@media screen and (max-width: 480px) {
    .form-banner .contact-box .btn {
        height:auto
    }
}

.form-banner .contact-box .btn:before,.form-banner .contact-box .btn:after {
    background-color: #fff
}

.form-banner .contact-box .btn:before {
    display: none
}

.form-banner .contact-box .btn:after {
    display: none
}

.form-banner .contact-box .captcha-group {
    position: relative
}

.form-banner .contact-box .captcha-group .wpcf7-spinner {
    position: absolute;
    right: 160px;
    top: 20px
}

@media screen and (max-width: 991px) {
    .form-banner .contact-box .captcha-group .wpcf7-spinner {
        position:static
    }
}

.form-banner .contact-box .captcha-group .form-label {
    color: #0076FF;
    margin-bottom: 10px
}

.form-banner .contact-box .captcha-group .captcha-box {
    font-family: "interbold"
}

.form-banner .contact-box .captcha-group .captcha-box span #form_reCaptcha {
    border: 1px solid #E0E0E0;
    padding: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    text-align: center
}

.form-banner .contact-box .captcha-group .text-right {
    display: flex;
    justify-content: right
}

@media screen and (max-width: 991px) {
    .form-banner .contact-box .captcha-group .text-right {
        justify-content:flex-start;
        margin: 30px 0 50px 0
    }
}

.form-banner .contact-box .file-upload-wrapper {
    position: relative;
    width: 100%;
    border: 1px dashed rgba(0,0,0,0.3);
    height: 70px;
    margin-top: 30px;
    margin-bottom: 30px
}

.form-banner .contact-box .file-upload-wrapper input {
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 0;
    bottom: 0;
    left: 15px;
    z-index: 1;
    margin: 0;
    padding: 10px;
    display: block;
    cursor: pointer;
    width: 100%;
    outline: none;
    border-radius: 0;
    color: #fff
}

.form-banner .contact-box .file-upload-wrapper span.wpcf7-not-valid-tip {
    bottom: -31px
}

.form-banner .contact-box .file-upload-wrapper .form-control {
    border-bottom: none
}

.form-banner .contact-box .file-upload-wrapper .overflow .wpcf7-form-control-wrap {
    position: static
}

.form-banner .contact-box .file-upload-wrapper .file-title {
    position: absolute;
    top: -21px;
    left: 2px;
    right: auto;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    margin: 0;
    color: #000;
    background-color: #fff;
    font-family: "intermedium"
}

.form-banner .contact-box .file-upload-wrapper .attachment-file {
    position: static
}

.form-banner .contact-box .file-upload-wrapper .attachment-file span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 56px;
    width: 310px;
    z-index: 1
}

.form-banner .contact-box .contact-details {
    margin-left: 100px
}

@media screen and (max-width: 1024px) {
    .form-banner .contact-box .contact-details {
        margin-left:50px
    }
}

@media screen and (max-width: 991px) {
    .form-banner .contact-box .contact-details {
        margin-left:0px
    }
}

.form-banner .contact-box .contact-details h2 {
    font-family: "interlight"
}

@media screen and (max-width: 991px) {
    .form-banner .contact-box .contact-details h2 {
        text-align:left
    }

    .form-banner .contact-box .contact-details h2.gb {
        margin-top: 30px
    }
}

.form-banner .contact-box .contact-details h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.form-banner .contact-box .contact-details p.top {
    margin-top: 27px
}

.form-banner .contact-box .form-control::placeholder {
    color: #fff;
    opacity: 1
}

.form-banner .contact-box .form-control:-ms-input-placeholder {
    color: #fff
}

.form-banner .contact-box .form-control::-ms-input-placeholder {
    color: #fff
}

@media screen and (max-width: 991px) {
    .form-banner .contact-box .captcha-group {
        margin-top:10px;
        margin-bottom: 40px
    }
}

.form-banner .contact-box.landingform {
    max-width: 1000px;
    margin: 50px auto 0 auto
}

.form-banner .contact-box.landingform:before {
    display: none
}

.form-banner .contact-box.landingform p {
    margin-bottom: 0
}

.form-banner .divider-shape-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.form-banner .list li {
    font-size: 20px;
    display: block;
    padding-left: 30px;
    position: relative;
    color: rgba(255,255,255,0.7);
    margin-bottom: 20px
}

@media screen and (max-width: 1399px) {
    .form-banner .list li {
        font-size:18px
    }
}

.form-banner .list li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 20px;
    top: 0px
}

.mobile-app-partner {
    background-color: #f7f7f7
}

@media screen and (max-width: 1440px) {
    .mobile-app-partner {
        padding-top:0;
        padding-bottom: 10px
    }
}

@media screen and (max-width: 575px) {
    .mobile-app-partner {
        text-align:center
    }
}

.mobile-app-partner .ar-vr-techno-list {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px
}

@media screen and (max-width: 575px) {
    .mobile-app-partner .ar-vr-techno-list {
        justify-content:center
    }
}

.mobile-app-partner .ar-vr-techno-list li {
    flex-basis: 18%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 124px;
    padding: 20px 10px 10px 10px;
    font-size: 16px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin: 10px
}

@media screen and (max-width: 1399px) {
    .mobile-app-partner .ar-vr-techno-list li {
        flex-basis:17%
    }
}

@media screen and (max-width: 1366px) {
    .mobile-app-partner .ar-vr-techno-list li {
        flex-basis:17%
    }
}

@media screen and (max-width: 1199px) {
    .mobile-app-partner .ar-vr-techno-list li {
        flex-basis:16%
    }
}

@media screen and (max-width: 991px) {
    .mobile-app-partner .ar-vr-techno-list li {
        flex-basis:30%;
        margin: 10px
    }
}

@media screen and (max-width: 767px) {
    .mobile-app-partner .ar-vr-techno-list li {
        flex-basis:45%
    }
}

@media screen and (max-width: 575px) {
    .mobile-app-partner .ar-vr-techno-list li {
        margin:10px 3px 0px 3px
    }
}

@media screen and (max-width: 480px) {
    .mobile-app-partner .ar-vr-techno-list li {
        padding-top:10px;
        min-height: 94px
    }
}

@media screen and (max-width: 360px) {
    .mobile-app-partner .ar-vr-techno-list li {
        flex-basis:45%
    }
}

.mobile-app-partner .ar-vr-techno-list li a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    line-height: normal
}

@media screen and (max-width: 1600px) {
    .mobile-app-partner .ar-vr-techno-list li a {
        font-size:15px;
        line-height: normal
    }
}

.mobile-app-partner .ar-vr-techno-list li .icon {
    margin: auto;
    width: 150px;
    height: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("../img/mobile-app-development-company/png/mob-app-cSprite1.png");
    background-repeat: no-repeat;
    margin-top: 10px
}

@media screen and (max-width: 1024px) {
    .mobile-app-partner .ar-vr-techno-list li .icon {
        width:150px;
        height: 60px;
        background-size: 100% auto
    }
}

@media screen and (max-width: 480px) {
    .mobile-app-partner .ar-vr-techno-list li .icon {
        width:130px;
        height: 52px
    }
}

.mobile-app-partner .ar-vr-techno-list li .icon.icon1 {
    background-position: 0 0px
}

@media screen and (max-width: 1024px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon1 {
        background-position:0 0px
    }
}

@media screen and (max-width: 480px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon1 {
        background-position:0 0px
    }
}

.mobile-app-partner .ar-vr-techno-list li .icon.icon2 {
    background-position: 0 -60px
}

@media screen and (max-width: 1024px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon2 {
        background-position:0 -60px
    }
}

@media screen and (max-width: 480px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon2 {
        background-position:0 -52px
    }
}

.mobile-app-partner .ar-vr-techno-list li .icon.icon3 {
    background-position: 0 -120px
}

@media screen and (max-width: 1024px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon3 {
        background-position:0 -120px
    }
}

@media screen and (max-width: 480px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon3 {
        background-position:0 -104px
    }
}

.mobile-app-partner .ar-vr-techno-list li .icon.icon4 {
    background-position: 0 -180px
}

@media screen and (max-width: 1024px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon4 {
        background-position:0 -180px
    }
}

@media screen and (max-width: 480px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon4 {
        background-position:0 -156px
    }
}

.mobile-app-partner .ar-vr-techno-list li .icon.icon5 {
    background-position: 0 -240px
}

@media screen and (max-width: 1024px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon5 {
        background-position:0 -240px
    }
}

@media screen and (max-width: 480px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon5 {
        background-position:0 -208px
    }
}

.mobile-app-partner .ar-vr-techno-list li .icon.icon6 {
    background-position: 0 -300px
}

@media screen and (max-width: 1024px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon6 {
        background-position:0 -300px
    }
}

@media screen and (max-width: 480px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon6 {
        background-position:0 -260px
    }
}

.mobile-app-partner .ar-vr-techno-list li .icon.icon7 {
    background-position: 0 -360px
}

@media screen and (max-width: 1024px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon7 {
        background-position:0 -360px
    }
}

@media screen and (max-width: 480px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon7 {
        background-position:0 -312px
    }
}

.mobile-app-partner .ar-vr-techno-list li .icon.icon8 {
    background-position: 0 -420px
}

@media screen and (max-width: 1024px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon8 {
        background-position:0 -420px
    }
}

@media screen and (max-width: 480px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon8 {
        background-position:0 -364px
    }
}

.mobile-app-partner .ar-vr-techno-list li .icon.icon9 {
    background-position: 0 -480px
}

@media screen and (max-width: 1024px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon9 {
        background-position:0 -480px
    }
}

@media screen and (max-width: 480px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon9 {
        background-position:0 -416px
    }
}

.mobile-app-partner .ar-vr-techno-list li .icon.icon10 {
    background-position: 0 -540px
}

@media screen and (max-width: 1024px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon10 {
        background-position:0 -540px
    }
}

@media screen and (max-width: 480px) {
    .mobile-app-partner .ar-vr-techno-list li .icon.icon10 {
        background-position:0 -468px
    }
}

.mobile-app-partner .ar-vr-techno-list li:hover {
    border-color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.mobile-app-partner .ar-vr-techno-list li:hover a {
    color: #0076FF
}

.what-we-do {
    padding: 100px 0;
    position: relative
}

@media screen and (max-width: 1440px) {
    .what-we-do {
        padding:50px 0
    }
}

@media screen and (max-width: 991px) {
    .what-we-do .col-sm-4,.what-we-do .col-md-4 {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .what-we-do {
        padding-bottom:50px;
        padding-top: 50px
    }

    .what-we-do .col-sm-4,.what-we-do .col-md-4 {
        width: 100%
    }
}

.what-we-do .flip-box {
    border: 1px dashed #E0E0E0;
    background-color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    padding: 20px;
    position: relative;
    min-height: 84px;
    padding-left: 90px;
    margin-bottom: 30px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.what-we-do .flip-box:hover {
    border-color: #0076FF;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)
}

.what-we-do .flip-box:hover .icon {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg)
}

.what-we-do .flip-box h3 {
    margin-bottom: 0;
    margin-top: 6px
}

@media screen and (max-width: 1399px) {
    .what-we-do .flip-box h3 {
        font-size:18px
    }
}

.what-we-do .flip-box .icon {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: inline-block;
    background-color: #0076FF;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px
}

@media screen and (max-width: 991px) {
    .what-we-do .flip-box .icon {
        margin:0 auto;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .what-we-do .flip-box .icon {
        margin:5px 0;
        top: 6px
    }
}

.what-we-do .flip-box .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    background-image: url(../img/mobile-app-development-company/png/mob-app-cSprite4.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.what-we-do .flip-box .icon.icon1 {
    background-color: #f24949
}

.what-we-do .flip-box .icon.icon1:before {
    background-position: 0 0px
}

.what-we-do .flip-box .icon.icon2 {
    background-color: #ffc937
}

.what-we-do .flip-box .icon.icon2:before {
    background-position: 0 -40px
}

.what-we-do .flip-box .icon.icon3 {
    background-color: #18c796
}

.what-we-do .flip-box .icon.icon3:before {
    background-position: 0 -80px
}

.what-we-do .flip-box .icon.icon4 {
    background-color: #7668f9
}

.what-we-do .flip-box .icon.icon4:before {
    background-position: 0 -120px
}

.what-we-do .flip-box .icon.icon5 {
    background-color: #BE13FF
}

.what-we-do .flip-box .icon.icon5:before {
    background-position: 0 -160px
}

.what-we-do .flip-box .icon.icon6 {
    background-color: #28b4ff
}

.what-we-do .flip-box .icon.icon6:before {
    background-position: 0 -200px
}

.mobile-app-solutions {
    background-color: #f7f7f7
}

@media screen and (max-width: 991px) {
    .mobile-app-solutions {
        padding-bottom:0
    }
}

.mobile-app-solutions .list li {
    text-align: left;
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
    line-height: normal;
    font-size: 16px
}

.mobile-app-solutions .list li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f058";
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 20px;
    top: 0px
}

.mobile-app-solutions .icon {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: inline-block;
    background-color: #0076FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media screen and (max-width: 1599px) {
    .mobile-app-solutions .icon {
        width:70px;
        height: 70px
    }
}

@media screen and (max-width: 991px) {
    .mobile-app-solutions .icon {
        margin:10px;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .mobile-app-solutions .icon {
        margin:5px 0
    }
}

.mobile-app-solutions .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background-image: url(../img/mobile-app-development-company/png/mob-app-cSprite2.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

@media screen and (max-width: 1599px) {
    .mobile-app-solutions .icon:before {
        width:50px;
        height: 50px;
        background-size: 100% auto
    }
}

.mobile-app-solutions .icon.icon1 {
    background-color: #00C848
}

.mobile-app-solutions .icon.icon1:before {
    background-position: 0 0px
}

@media screen and (max-width: 1599px) {
    .mobile-app-solutions .icon.icon1:before {
        background-position:0 0px
    }
}

.mobile-app-solutions .icon.icon2 {
    background-color: #FF494C
}

.mobile-app-solutions .icon.icon2:before {
    background-position: 0 -60px
}

@media screen and (max-width: 1599px) {
    .mobile-app-solutions .icon.icon2:before {
        background-position:0 -50px
    }
}

.mobile-app-solutions .icon.icon3 {
    background-color: #00B2E8
}

.mobile-app-solutions .icon.icon3:before {
    background-position: 0 -120px
}

@media screen and (max-width: 1599px) {
    .mobile-app-solutions .icon.icon3:before {
        background-position:0 -100px
    }
}

.mobile-app-solutions .icon.icon4 {
    background-color: #EF9400
}

.mobile-app-solutions .icon.icon4:before {
    background-position: 0 -180px
}

@media screen and (max-width: 1599px) {
    .mobile-app-solutions .icon.icon4:before {
        background-position:0 -150px
    }
}

.mobile-app-solutions .icon.icon5 {
    background-color: #BE13FF
}

.mobile-app-solutions .icon.icon5:before {
    background-position: 0 -240px
}

@media screen and (max-width: 1599px) {
    .mobile-app-solutions .icon.icon5:before {
        background-position:0 -200px
    }
}

.mobile-app-solutions .icon.icon6 {
    background-color: #8128FF
}

.mobile-app-solutions .icon.icon6:before {
    background-position: 0 -300px
}

@media screen and (max-width: 1599px) {
    .mobile-app-solutions .icon.icon6:before {
        background-position:0 -250px
    }
}

.mobile-app-solutions .icon.icon7 {
    background-color: #00CBC8
}

.mobile-app-solutions .icon.icon7:before {
    background-position: 0 -360px
}

@media screen and (max-width: 1599px) {
    .mobile-app-solutions .icon.icon7:before {
        background-position:0 -300px
    }
}

.mobile-app-solutions .icon.icon8 {
    background-color: #DBB100
}

.mobile-app-solutions .icon.icon8:before {
    background-position: 0 -420px
}

@media screen and (max-width: 1599px) {
    .mobile-app-solutions .icon.icon8:before {
        background-position:0 -350px
    }
}

.mobile-app-solutions .mobile-app-ondemand-service .owl-dots {
    text-align: center;
    margin-top: 20px
}

@media screen and (max-width: 991px) {
    .mobile-app-solutions .mobile-app-ondemand-service .owl-dots {
        margin-top:0px
    }
}

.mobile-app-solutions .mobile-app-ondemand-service .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background-color: #BEBEBE;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.mobile-app-solutions .mobile-app-ondemand-service .owl-dots .owl-dot.active {
    background-color: #0076FF
}

.mobile-app-solutions .mobile-app-ondemand-service .owl-dots .owl-dot:before,.mobile-app-solutions .mobile-app-ondemand-service .owl-dots .owl-dot:after {
    display: none
}

.mobile-app-solutions .grid {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 1000px;
    list-style: none;
    text-align: left
}

.mobile-app-solutions .grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 100%;
    max-width: 480px;
    min-height: 200px;
    max-height: 458px;
    width: 48%;
    background: #00295a;
    text-align: center;
    cursor: pointer
}

.mobile-app-solutions .grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8
}

.mobile-app-solutions .grid figure figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mobile-app-solutions .grid figure figcaption::before,.mobile-app-solutions .grid figure figcaption::after {
    pointer-events: none
}

.mobile-app-solutions .grid figure figcaption,.mobile-app-solutions .grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mobile-app-solutions .grid figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0
}

.mobile-app-solutions .grid figure h3 {
    text-align: center
}

.mobile-app-solutions .grid figure h3 span {
    font-weight: 800
}

.mobile-app-solutions .grid figure h3,.mobile-app-solutions .grid figure p,.mobile-app-solutions .grid figure ul,.mobile-app-solutions .grid figure .icon {
    margin: 0
}

.mobile-app-solutions figure.effect-bubba img {
    opacity: 0.7;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s
}

.mobile-app-solutions figure.effect-bubba:hover img {
    opacity: 0.4
}

.mobile-app-solutions figure.effect-bubba figcaption::before,.mobile-app-solutions figure.effect-bubba figcaption::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s
}

.mobile-app-solutions figure.effect-bubba figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1)
}

.mobile-app-solutions figure.effect-bubba figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0)
}

.mobile-app-solutions figure.effect-bubba h3 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 110px, 0);
    transform: translate3d(0, 110px, 0)
}

.mobile-app-solutions figure.effect-bubba .icon {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.mobile-app-solutions figure.effect-bubba ul {
    padding: 20px 0;
    margin: 0 20px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

@media screen and (max-width: 1599px) {
    .mobile-app-solutions figure.effect-bubba ul {
        margin:0 10px
    }
}

@media screen and (max-width: 1499px) {
    .mobile-app-solutions figure.effect-bubba ul {
        margin:0 5px
    }
}

.mobile-app-solutions figure.effect-bubba:hover figcaption::before,.mobile-app-solutions figure.effect-bubba:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.mobile-app-solutions figure.effect-bubba:hover ul {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

@media screen and (max-width: 1599px) {
    .mobile-app-solutions figure.effect-bubba:hover ul {
        -webkit-transform:translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

.mobile-app-solutions figure.effect-bubba:hover h3 {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

@media screen and (max-width: 1599px) {
    .mobile-app-solutions figure.effect-bubba:hover h3 {
        -webkit-transform:translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

.mobile-app-solutions figure.effect-bubba:hover .icon {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

@media screen and (max-width: 1599px) {
    .mobile-app-solutions figure.effect-bubba:hover .icon {
        -webkit-transform:translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

@media screen and (max-width: 50em) {
    .mobile-app-solutions .grid figure {
        display:inline-block;
        float: none;
        margin: 10px auto;
        width: 100%
    }
}

.mob-why-choose-us {
    padding-top: 0
}

@media screen and (max-width: 767px) {
    .mob-why-choose-us h2 {
        margin-bottom:40px
    }
}

.mob-why-choose-us .why-points {
    display: flex;
    flex-wrap: wrap
}

.mob-why-choose-us .why-points li {
    flex-basis: 46%;
    margin-right: 30px;
    position: relative;
    padding-left: 70px;
    min-height: 60px;
    margin-bottom: 60px
}

@media screen and (max-width: 1799px) {
    .mob-why-choose-us .why-points li {
        flex-basis:45%
    }
}

@media screen and (max-width: 1599px) {
    .mob-why-choose-us .why-points li {
        margin-bottom:30px;
        flex-basis: 44%
    }
}

@media screen and (max-width: 1199px) {
    .mob-why-choose-us .why-points li {
        margin-bottom:30px;
        flex-basis: 43%
    }
}

@media screen and (max-width: 767px) {
    .mob-why-choose-us .why-points li {
        flex-basis:100%;
        border: 1px solid #E0E0E0;
        padding: 20px;
        min-height: 80px;
        padding-left: 90px;
        margin-bottom: 20px;
        margin-right: 0
    }
}

.mob-why-choose-us .why-points li p {
    margin-bottom: 0px;
    line-height: normal
}

@media screen and (max-width: 1599px) {
    .mob-why-choose-us .why-points li p {
        font-size:16px
    }
}

@media screen and (max-width: 767px) {
    .mob-why-choose-us .why-points li p {
        margin-top:10px;
        font-size: 18px;
        font-family: "interbold"
    }
}

.mob-why-choose-us .why-points li .icon {
    position: absolute;
    left: 0;
    top: 0px;
    right: auto;
    bottom: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("../img/mobile-app-development-company/png/mob-app-cSprite3.png");
    background-repeat: no-repeat
}

@media screen and (max-width: 767px) {
    .mob-why-choose-us .why-points li .icon {
        margin-left:10px
    }
}

.mob-why-choose-us .why-points li .icon.icon1 {
    background-position: 0 0
}

.mob-why-choose-us .why-points li .icon.icon2 {
    background-position: 0 -60px
}

.mob-why-choose-us .why-points li .icon.icon3 {
    background-position: 0 -120px
}

.mob-why-choose-us .why-points li .icon.icon4 {
    background-position: 0 -180px
}

.mob-why-choose-us .why-points li .icon.icon5 {
    background-position: 0 -240px
}

.mob-why-choose-us .why-points li .icon.icon6 {
    background-position: 0 -300px
}

.mob-why-choose-us .why-points li .icon.icon7 {
    background-position: 0 -360px
}

.mob-why-choose-us .why-points li .icon.icon8 {
    background-position: 0 -420px
}

.mob-why-choose-us .project-box {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    background-color: #f7f7f7;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

@media (max-width: 1366px) {
    .mob-why-choose-us .project-box {
        margin-top:30px
    }
}

@media (max-width: 1024px) {
    .mob-why-choose-us .project-box {
        margin-top:50px
    }
}

@media (max-width: 991px) {
    .mob-why-choose-us .project-box {
        margin-top:30px
    }
}

.mob-why-choose-us .project-box li {
    flex-basis: 25%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 0px;
    text-align: center
}

@media (max-width: 1440px) {
    .mob-why-choose-us .project-box li {
        flex-basis:25%
    }
}

@media (max-width: 991px) {
    .mob-why-choose-us .project-box li {
        margin-bottom:0;
        flex-basis: 50%
    }
}

@media (max-width: 767px) {
    .mob-why-choose-us .project-box li {
        padding:15px
    }
}

@media (max-width: 529px) {
    .mob-why-choose-us .project-box li {
        flex-basis:50%;
        padding: 8px
    }
}

.mob-why-choose-us .project-box li .bdr-icon {
    padding-top: 56px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
    width: 100%
}

.mob-why-choose-us .project-box li .bdr-icon .icon {
    content: "";
    width: 70px;
    height: 70px;
    background-color: #f7f7f7;
    position: absolute;
    right: 0px;
    left: 0;
    top: -10px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-image: url(../img/home/png/homeSprite12.png);
    background-repeat: no-repeat
}

@media (max-width: 529px) {
    .mob-why-choose-us .project-box li .bdr-icon .icon {
        top:-20px
    }
}

.mob-why-choose-us .project-box li .bdr-icon .icon.icon1 {
    background-position: 0 0
}

.mob-why-choose-us .project-box li .bdr-icon .icon.icon2 {
    background-position: 0 -70px
}

.mob-why-choose-us .project-box li .bdr-icon .icon.icon3 {
    background-position: 0 -140px
}

.mob-why-choose-us .project-box li .bdr-icon .icon.icon4 {
    background-position: 0 -210px
}

.mob-why-choose-us .project-box li .bdr-icon abbr {
    font-size: 42px;
    line-height: 42px;
    font-family: "interbold"
}

@media (max-width: 1600px) {
    .mob-why-choose-us .project-box li .bdr-icon abbr {
        font-size:42px;
        line-height: 42px
    }
}

@media (max-width: 1440px) {
    .mob-why-choose-us .project-box li .bdr-icon abbr {
        font-size:34px;
        line-height: 34px
    }
}

@media (max-width: 1366px) {
    .mob-why-choose-us .project-box li .bdr-icon abbr {
        font-size:32px;
        line-height: 32px
    }
}

.mob-why-choose-us .project-box li .bdr-icon span {
    font-size: 36px;
    line-height: 42px
}

@media (max-width: 1440px) {
    .mob-why-choose-us .project-box li .bdr-icon span {
        font-size:26px;
        line-height: 32px
    }
}

.mob-why-choose-us .project-box li .name {
    font-size: 20px;
    font-family: "intersemibold";
    margin-bottom: 0
}

.mob-company-portfolio {
    padding-bottom: 0
}

.mob-company-portfolio .slide {
    padding: 0px 0
}

@media screen and (max-width: 991px) {
    .mob-company-portfolio .slide {
        padding:50px 0;
        text-align: center
    }
}

.mob-company-portfolio .slide .port-cont {
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: flex-end
}

@media screen and (max-width: 991px) {
    .mob-company-portfolio .slide .port-cont {
        display:block !important;
        min-height: auto
    }
}

.mob-company-portfolio .slide .port-cont .left-graphic {
    width: 55%;
    padding-right: 50px;
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .mob-company-portfolio .slide .port-cont .left-graphic {
        position:static;
        clip: unset;
        padding-right: 0px;
        width: 100%
    }
}

.mob-company-portfolio .slide .port-cont .left-graphic .fixed-img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    position: fixed;
    left: 60%;
    top: 55%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 991px) {
    .mob-company-portfolio .slide .port-cont .left-graphic .fixed-img {
        position:static;
        transform: none;
        top: auto
    }
}

.mob-company-portfolio .slide .port-cont .left-graphic .fixed-img img {
    max-width: 720px;
    width: 100%;
    height: auto
}

@media screen and (max-width: 1599px) {
    .mob-company-portfolio .slide .port-cont .left-graphic .fixed-img img {
        max-width:600px
    }
}

@media screen and (max-width: 1499px) {
    .mob-company-portfolio .slide .port-cont .left-graphic .fixed-img img {
        max-width:550px
    }
}

@media screen and (max-width: 1199px) {
    .mob-company-portfolio .slide .port-cont .left-graphic .fixed-img img {
        max-width:450px
    }
}

@media screen and (max-width: 991px) {
    .mob-company-portfolio .slide .port-cont .left-graphic .fixed-img img {
        display:inline-block
    }
}

.mob-company-portfolio .slide .port-cont .right-content {
    width: 45%;
    position: relative
}

@media screen and (max-width: 991px) {
    .mob-company-portfolio .slide .port-cont .right-content {
        width:100%;
        margin-top: 30px
    }
}

.mob-company-portfolio .slide .port-cont .right-content .port-head {
    position: relative
}

.mob-company-portfolio .slide .port-cont .right-content .port-head h3 {
    color: #fff
}

@media screen and (max-width: 1499px) {
    .mob-company-portfolio .slide .port-cont .right-content .port-head h3 {
        font-size:32px
    }
}

.mob-company-portfolio .slide .port-cont .right-content .port-head .subtext {
    color: #fff
}

.mob-company-portfolio .slide .port-cont .right-content .semititle {
    color: #fff
}

.mob-company-portfolio .slide .port-cont .right-content p {
    color: #fff
}

.mob-company-portfolio .slide .port-cont .right-content .app-technology li {
    display: inline-block;
    padding: 2px 10px;
    color: #000;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.mob-company-portfolio .slide .port-cont .right-content .btn {
    margin-top: 10px
}

.mob-company-portfolio .slide .port-cont .right-content .btn .arrow {
    background-image: url(../img/common/svg/arrow-right-up-blue.svg)
}

.mob-company-portfolio .slide.slide1 {
    background-color: #ec3b2e
}

.mob-company-portfolio .slide.slide2 {
    background-color: #b97754
}

.mob-company-portfolio .slide.slide3 {
    background-color: #000a58
}

.mob-company-portfolio .slide.slide4 {
    background-color: #3a59c9
}

.mob-company-portfolio .slide.slide5 {
    background-color: #7455f7
}

.landing-footer-form2 {
    padding: 50px 0;
    position: relative;
    top: 0px
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 {
        padding-top:50px
    }
}

@media screen and (max-width: 767px) {
    .landing-footer-form2 {
        top:0px
    }
}

.landing-footer-form2 .content-box {
    background: #C9D6FF;
    background: -webkit-linear-gradient(to right, #d0e3ff, #C9D6FF);
    background: linear-gradient(to right, #d0e3ff, #C9D6FF);
    padding: 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.landing-footer-form2 .content-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 230px;
    background-color: #0076FF
}

@media screen and (max-width: 1599px) {
    .landing-footer-form2 .content-box:before {
        height:230px
    }
}

@media screen and (max-width: 767px) {
    .landing-footer-form2 .content-box:before {
        background-size:cover;
        height: 190px
    }
}

@media screen and (max-width: 480px) {
    .landing-footer-form2 .content-box:before {
        background-size:cover;
        height: 150px
    }
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 .content-box {
        padding-right:50px;
        padding-left: 50px
    }
}

@media screen and (max-width: 767px) {
    .landing-footer-form2 .content-box {
        width:100%
    }
}

@media screen and (max-width: 575px) {
    .landing-footer-form2 .content-box {
        padding:30px
    }
}

.landing-footer-form2 h1 {
    position: relative;
    z-index: 1;
    font-family: "interbold";
    color: #fff;
    margin-top: 0%
}

@media screen and (max-width: 1599px) {
    .landing-footer-form2 h1 {
        margin-top:0;
        font-size: 54px
    }
}

@media screen and (max-width: 1399px) {
    .landing-footer-form2 h1 {
        margin-top:0
    }
}

@media screen and (max-width: 1199px) {
    .landing-footer-form2 h1 {
        margin-top:0
    }
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 h1 {
        margin-top:0%;
        line-height: normal
    }
}

@media screen and (max-width: 767px) {
    .landing-footer-form2 h1 {
        font-size:44px;
        margin-top: 0;
        text-align: center
    }
}

@media screen and (max-width: 480px) {
    .landing-footer-form2 h1 {
        font-size:40px
    }
}

@media screen and (max-width: 767px) {
    .landing-footer-form2 p {
        text-align:center
    }
}

.landing-footer-form2 .ct-box {
    margin-top: 10%;
    margin-right: 10%
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 .ct-box {
        margin-top:14%
    }
}

@media screen and (max-width: 767px) {
    .landing-footer-form2 .ct-box {
        margin-right:0%;
        margin-top: 20%
    }
}

.landing-footer-form2 .ct-box .bold {
    font-family: "interbold"
}

.landing-footer-form2 .ct-box .benefits-points {
    display: flex;
    flex-wrap: wrap
}

.landing-footer-form2 .ct-box .benefits-points li {
    flex-basis: 50%;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 .ct-box .benefits-points li {
        flex-basis:50%
    }
}

.landing-footer-form2 .ct-box .benefits-points li:before {
    color: #0076FF;
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.landing-footer-form2 .ct-box .what-next {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start
}

.landing-footer-form2 .ct-box .what-next li {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 31%;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 10px;
    color: #000;
    min-height: 68px;
    padding: 9px;
    padding-left: 40px;
    margin-right: 10px;
    padding-right: 22px
}

@media screen and (max-width: 1399px) {
    .landing-footer-form2 .ct-box .what-next li {
        flex-basis:31%
    }
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 .ct-box .what-next li {
        flex-basis:100%;
        min-height: auto
    }
}

.landing-footer-form2 .ct-box .what-next li .nbr {
    padding-top: 13px;
    font-family: "interbold";
    display: inline-block;
    color: #0076FF;
    position: absolute;
    left: 7px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 24px;
    height: 50px;
    text-align: center
}

.landing-footer-form2 .ct-box .what-next li .arrow {
    top: 0;
    right: 10px;
    position: absolute;
    transform: rotate(-45deg) skew(-15deg, -15deg);
    display: inline-block;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    width: 39px;
    height: 39px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 0px
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 .ct-box .what-next li .arrow {
        display:none;
        height: auto;
        min-height: auto
    }
}

.landing-footer-form2 .contact-form {
    position: relative;
    z-index: 1
}

.landing-footer-form2 .contact-box {
    background-color: #fff;
    padding: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10%;
    min-height: 90%;
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1599px) {
    .landing-footer-form2 .contact-box {
        padding:30px;
        min-height: 90%
    }
}

@media screen and (max-width: 1399px) {
    .landing-footer-form2 .contact-box {
        min-height:90%
    }
}

@media screen and (max-width: 1199px) {
    .landing-footer-form2 .contact-box {
        min-height:90%
    }
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 .contact-box {
        margin-top:40px;
        min-height: auto
    }
}

.landing-footer-form2 .contact-box .row .col-sm-6,.landing-footer-form2 .contact-box .row .col-md-6 {
    width: 100%
}

.landing-footer-form2 .contact-box .bold {
    font-family: "interbold"
}

.landing-footer-form2 .contact-box h2 {
    position: relative
}

@media screen and (max-width: 1599px) {
    .landing-footer-form2 .contact-box h2 {
        font-size:20px
    }
}

@media screen and (max-width: 1499px) {
    .landing-footer-form2 .contact-box h2 {
        font-size:18px
    }
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 .contact-box h2 {
        text-align:center
    }
}

.landing-footer-form2 .contact-box p {
    position: relative
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 .contact-box p {
        text-align:center
    }
}

.landing-footer-form2 .contact-box .country {
    display: none
}

.landing-footer-form2 .contact-box .wpcf7-form-control-wrap {
    width: 100%
}

.landing-footer-form2 .contact-box .form-group {
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 20px
}

.landing-footer-form2 .contact-box .form-group:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #0076FF;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 2
}

.landing-footer-form2 .contact-box .form-group:hover:before,.landing-footer-form2 .contact-box .form-group:focus:before {
    width: 100%
}

.landing-footer-form2 .contact-box .form-group .form-label {
    color: #0076FF;
    margin-bottom: 0
}

.landing-footer-form2 .contact-box .form-group .message {
    display: block;
    width: 100%
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 .contact-box .form-group .col-sm-5,.landing-footer-form2 .contact-box .form-group .col-xs-5 {
        width:41.66666667%
    }

    .landing-footer-form2 .contact-box .form-group .col-sm-7,.landing-footer-form2 .contact-box .form-group .col-xs-7 {
        width: 58.33333333%
    }
}

.landing-footer-form2 .contact-box .form-group p {
    margin-bottom: 0
}

.landing-footer-form2 .contact-box .form-group.msg span.wpcf7-not-valid-tip {
    bottom: -30px
}

.landing-footer-form2 .contact-box .form-group.msg span.wpcf7-not-valid-tip {
    bottom: -24px
}

.landing-footer-form2 .contact-box select.form-control {
    color: #0076FF;
    position: relative;
    z-index: 1
}

.landing-footer-form2 .contact-box .form-control {
    border: none;
    border-bottom: 1px solid #E0E0E0;
    display: block;
    box-shadow: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    height: 43px;
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    padding-top: 0px;
    color: gray
}

.landing-footer-form2 .contact-box .form-control.msg {
    resize: vertical;
    height: 120px;
    margin-bottom: -9px
}

.landing-footer-form2 .contact-box input.pre_phone.form-control {
    padding-left: 52px;
    pointer-events: none
}

.landing-footer-form2 .contact-box .iti {
    width: 100%
}

.landing-footer-form2 .contact-box .iti .iti--container {
    position: absolute
}

.landing-footer-form2 .contact-box .iti .iti__country-list {
    max-width: 200px
}

.landing-footer-form2 .contact-box input.track-country {
    display: none
}

.landing-footer-form2 .contact-box .budget-group {
    margin-bottom: 20px
}

.landing-footer-form2 .contact-box .budget-group .form-label {
    color: #0076FF;
    margin-bottom: 0
}

.landing-footer-form2 .contact-box .budget-group .budget {
    display: block;
    width: 100%
}

.landing-footer-form2 .contact-box .budget-group .msg {
    resize: vertical
}

.landing-footer-form2 .contact-box .budget-group .select-budget {
    position: relative
}

.landing-footer-form2 .contact-box .budget-group .select-budget:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #0076FF;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.landing-footer-form2 .contact-box .budget-group .select-budget:hover:before,.landing-footer-form2 .contact-box .budget-group .select-budget:focus:before {
    width: 100%
}

.landing-footer-form2 .contact-box .budget-group .select-budget:after {
    content: "\f107";
    position: absolute;
    right: 0;
    top: 10px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.landing-footer-form2 .contact-box span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    bottom: -22px
}

.landing-footer-form2 .contact-box .btn {
    height: 60px;
    min-width: 170px;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-position: 133px 16px;
    background-size: 22px 22px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .landing-footer-form2 .contact-box .btn {
        background-position:143px 16px
    }
}

.landing-footer-form2 .contact-box .btn:hover {
    background-position: 136px 13px
}

.landing-footer-form2 .contact-box .btn:before {
    display: none
}

.landing-footer-form2 .contact-box .btn:after {
    display: none
}

.landing-footer-form2 .contact-box .captcha-group {
    position: relative
}

.landing-footer-form2 .contact-box .captcha-group .wpcf7-spinner {
    position: absolute;
    right: 160px;
    top: 20px
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 .contact-box .captcha-group .wpcf7-spinner {
        position:static
    }
}

.landing-footer-form2 .contact-box .captcha-group .form-label {
    color: #0076FF;
    margin-bottom: 10px
}

.landing-footer-form2 .contact-box .captcha-group .captcha-box {
    font-family: "interbold"
}

.landing-footer-form2 .contact-box .captcha-group .captcha-box span #form_reCaptcha {
    border: 1px solid #E0E0E0;
    padding: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    text-align: center
}

.landing-footer-form2 .contact-box .captcha-group .text-right {
    display: flex;
    justify-content: right
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 .contact-box .captcha-group .text-right {
        justify-content:flex-start;
        margin: 30px 0 50px 0
    }
}

.landing-footer-form2 .contact-box .file-upload-wrapper {
    position: relative;
    width: 100%;
    border: 1px dashed rgba(0,0,0,0.3);
    height: 70px;
    margin-top: 30px;
    margin-bottom: 30px
}

.landing-footer-form2 .contact-box .file-upload-wrapper input {
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 0;
    bottom: 0;
    left: 15px;
    z-index: 1;
    margin: 0;
    padding: 10px;
    display: block;
    cursor: pointer;
    width: 100%;
    outline: none;
    border-radius: 0
}

.landing-footer-form2 .contact-box .file-upload-wrapper span.wpcf7-not-valid-tip {
    bottom: -30px
}

.landing-footer-form2 .contact-box .file-upload-wrapper .form-control {
    border-bottom: none
}

.landing-footer-form2 .contact-box .file-upload-wrapper .overflow .wpcf7-form-control-wrap {
    position: static
}

.landing-footer-form2 .contact-box .file-upload-wrapper .file-title {
    position: absolute;
    top: -21px;
    left: 2px;
    right: auto;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    margin: 0;
    color: #0076FF;
    background-color: #fff;
    font-family: "intermedium"
}

.landing-footer-form2 .contact-box .file-upload-wrapper .attachment-file {
    position: static
}

.landing-footer-form2 .contact-box .file-upload-wrapper .attachment-file span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 56px;
    width: 310px;
    z-index: 1
}

.landing-footer-form2 .contact-box .contact-details {
    margin-left: 100px
}

@media screen and (max-width: 1024px) {
    .landing-footer-form2 .contact-box .contact-details {
        margin-left:50px
    }
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 .contact-box .contact-details {
        margin-left:0px
    }
}

.landing-footer-form2 .contact-box .contact-details h2 {
    font-family: "interlight"
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 .contact-box .contact-details h2 {
        text-align:left
    }

    .landing-footer-form2 .contact-box .contact-details h2.gb {
        margin-top: 30px
    }
}

.landing-footer-form2 .contact-box .contact-details h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.landing-footer-form2 .contact-box .contact-details p.top {
    margin-top: 27px
}

.landing-footer-form2 .contact-box .contact-details .contact-links li {
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .landing-footer-form2 .contact-box .contact-details .contact-links li {
        margin-bottom:2px
    }
}

.landing-footer-form2 .contact-box .contact-details .contact-links li a {
    color: #000
}

.landing-footer-form2 .contact-box .contact-details .contact-links li:hover a {
    color: #0076FF
}

.landing-footer-form2 .contact-box .contact-details .socials-icons li {
    display: inline-block
}

.landing-footer-form2 .contact-box .contact-details .socials-icons li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #0076FF;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    margin: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.landing-footer-form2 .contact-box .contact-details .socials-icons li a i {
    color: #fff;
    font-size: 20px;
    margin-top: 10px
}

.landing-footer-form2 .contact-box .contact-details .socials-icons li:hover a {
    background-color: #000
}

.landing-footer-form2 .contact-box .form-control::placeholder {
    color: #0076FF;
    opacity: 1
}

.landing-footer-form2 .contact-box .form-control:-ms-input-placeholder {
    color: #0076FF
}

.landing-footer-form2 .contact-box .form-control::-ms-input-placeholder {
    color: #0076FF
}

@media screen and (max-width: 991px) {
    .landing-footer-form2 .contact-box .captcha-group {
        margin-top:10px;
        margin-bottom: 40px
    }
}

.landing-footer-form2 .contact-box.landingform {
    max-width: 1000px;
    margin: 50px auto 0 auto
}

.landing-footer-form2 .contact-box.landingform:before {
    display: none
}

.landing-footer-form2 .contact-box.landingform p {
    margin-bottom: 0
}

.why-choose-blockchain.why-landing .genuine-values {
    text-align: center
}

.why-choose-blockchain.why-landing .genuine-values li {
    flex-basis: 100%;
    margin: 0px 0px 30px 0
}

@media screen and (max-width: 1199px) {
    .why-choose-blockchain.why-landing .genuine-values li {
        flex-basis:100%
    }
}

@media screen and (max-width: 991px) {
    .why-choose-blockchain.why-landing .genuine-values li {
        flex-basis:100%
    }
}

@media screen and (max-width: 767px) {
    .why-choose-blockchain.why-landing .genuine-values li {
        flex-basis:100%
    }
}

@media screen and (max-width: 480px) {
    .why-choose-blockchain.why-landing .genuine-values li {
        flex-basis:100%
    }
}

.robust-new-services.mobile-services.real-estate-app-solution .service-box .icon {
    background-image: url(../img/real-estate-app-development/png/real-estate-app-sprite1.png)
}

.robust-new-services.mobile-services.real-estate-app-solution .service-box .icon.icon7 {
    background-position: 0 -360px
}

.robust-new-services.mobile-services.real-estate-app-solution .service-box .icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.real-estate-app-solution .service-box .icon.icon9 {
    background-position: 0 -480px
}

.android-benefits.crypto-benefits.real-estate-app-features .ios-b-img img {
    max-width: 460px
}

@media screen and (max-width: 575px) {
    .android-benefits.crypto-benefits.real-estate-app-features .benefits-box {
        margin-top:0
    }
}

.android-benefits.crypto-benefits.real-estate-app-features .benefits-box i:before {
    background-image: url(../img/real-estate-app-development/png/real-estate-app-sprite2.png)
}

.android-benefits.crypto-benefits.real-estate-app-features .benefits-box i.icon11:before {
    background-position: 0 -1200px
}

.android-benefits.crypto-benefits.real-estate-app-features .benefits-box i.icon12:before {
    background-position: 0 -1320px
}

.android-benefits.crypto-benefits.real-estate-app-features .benefits-box:hover i.icon11:before {
    background-position: 0 -1260px
}

.android-benefits.crypto-benefits.real-estate-app-features .benefits-box:hover i.icon12:before {
    background-position: 0 -1380px
}

@media screen and (max-width: 991px) {
    .android-benefits.crypto-benefits.real-estate-app-features .btn {
        margin-top:10px
    }
}

.blockchain-technologies.real-estate-mobile-app .andBox .icon {
    background-image: url(../img/real-estate-app-development/png/real-estate-app-sprite4.png);
    width: 70px;
    height: 70px
}

.blockchain-technologies.real-estate-mobile-app .andBox .icon.icon1 {
    background-position: 0 0
}

.blockchain-technologies.real-estate-mobile-app .andBox .icon.icon2 {
    background-position: 0 -70px
}

.blockchain-technologies.real-estate-mobile-app .andBox .icon.icon3 {
    background-position: 0 -140px
}

.blockchain-technologies.real-estate-mobile-app .andBox .icon.icon4 {
    background-position: 0 -210px
}

.blockchain-technologies.real-estate-mobile-app .andBox .icon.icon5 {
    background-position: 0 -280px
}

.blockchain-technologies.real-estate-mobile-app .andBox .icon.icon6 {
    background-position: 0 -350px
}

.blockchain-technologies.real-estate-mobile-app .andBox .icon.icon7 {
    background-position: 0 -420px
}

.blockchain-technologies.real-estate-mobile-app .andBox .icon.icon8 {
    background-position: 0 -490px
}

.blockchain-technologies.real-estate-mobile-app .andBox .icon.icon9 {
    background-position: 0 -560px
}

.key-features-food-app.real-estate-features .tab-content {
    min-height: 300px
}

.key-features-food-app.real-estate-features .icon-listing li .icon {
    background-image: url("../img/real-estate-app-development/png/real-estate-app-sprite5.png")
}

.key-features-food-app.real-estate-features .icon-listing li .icon.icon27 {
    background-position: 0 -1560px
}

.key-features-food-app.real-estate-features .icon-listing li .icon.icon28 {
    background-position: 0 -1620px
}

.key-features-food-app.real-estate-features .icon-listing li .icon.icon29 {
    background-position: 0 -1680px
}

.key-features-food-app.real-estate-features .icon-listing li .icon.icon30 {
    background-position: 0 -1740px
}

.key-features-food-app.real-estate-features .icon-listing li .icon.icon31 {
    background-position: 0 -1800px
}

.key-features-food-app.real-estate-features .icon-listing li .icon.icon32 {
    background-position: 0 -1860px
}

.key-features-food-app.real-estate-features .icon-listing li .icon.icon33 {
    background-position: 0 -1920px
}

.robust-new-services.mobile-services.sports-app-services .service-box .icon {
    background-image: url(../img/sports-app-development/png/sports-app-sprite1.png)
}

.robust-new-services.mobile-services.sports-app-services .service-box .icon.icon7 {
    background-position: 0 -360px
}

.robust-new-services.mobile-services.sports-app-services .service-box .icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.sports-app-services .service-box .icon.icon9 {
    background-position: 0 -480px
}

.blockchain-technologies.sports-app-features .andBox .icon {
    background-image: url(../img/sports-app-development/png/sports-app-sprite2.png);
    width: 70px;
    height: 70px
}

.blockchain-technologies.sports-app-features .andBox .icon.icon1 {
    background-position: 0 0
}

.blockchain-technologies.sports-app-features .andBox .icon.icon2 {
    background-position: 0 -70px
}

.blockchain-technologies.sports-app-features .andBox .icon.icon3 {
    background-position: 0 -140px
}

.blockchain-technologies.sports-app-features .andBox .icon.icon4 {
    background-position: 0 -210px
}

.blockchain-technologies.sports-app-features .andBox .icon.icon5 {
    background-position: 0 -280px
}

.blockchain-technologies.sports-app-features .andBox .icon.icon6 {
    background-position: 0 -350px
}

.blockchain-technologies.sports-app-features .andBox .icon.icon7 {
    background-position: 0 -420px
}

.blockchain-technologies.sports-app-features .andBox .icon.icon8 {
    background-position: 0 -490px
}

.blockchain-technologies.sports-app-features .andBox .icon.icon9 {
    background-position: 0 -560px
}

.blockchain-technologies.sports-app-features .andBox .icon.icon10 {
    background-position: 0 -630px
}

.blockchain-technologies.sports-app-features .andBox .icon.icon11 {
    background-position: 0 -700px
}

.blockchain-technologies.sports-app-features .andBox .icon.icon12 {
    background-position: 0 -770px
}

.eCommerce-platforms.microservices-technologies.sports-booking-app-india:before {
    background-image: url(../img/sports-app-development/webp/Sports-Booking-App-India.webp)
}

.eCommerce-platforms.microservices-technologies.sports-booking-app-india .service-box {
    border: 1px solid rgba(255,255,255,0.3);
    padding: 20px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.eCommerce-platforms.microservices-technologies.sports-booking-app-india .service-box:before {
    content: "";
    position: absolute;
    left: 20px;
    top: -2px;
    width: 60px;
    height: 4px;
    background-color: #0076FF;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.eCommerce-platforms.microservices-technologies.sports-booking-app-india .service-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5)
}

.eCommerce-platforms.microservices-technologies.sports-booking-app-india .service-box:hover:before {
    left: 90%
}

@media screen and (max-width: 1440px) {
    .ios-banner.ar-banner.lifestyle-bnr h1 {
        font-size:48px
    }
}

.robust-new-services.mobile-services.business-experts .service-box .icon {
    background-image: url(../img/lifestyle-app-development/png/lifestyle-app-sprite1.png)
}

.robust-new-services.mobile-services.business-experts .service-box .icon.icon7 {
    background-position: 0 -360px
}

.robust-new-services.mobile-services.business-experts .service-box .icon.icon8 {
    background-position: 0 -420px
}

.robust-new-services.mobile-services.business-experts .service-box .icon.icon9 {
    background-position: 0 -480px
}

.eCommerce-platforms.microservices-technologies.lifestyle-solutions h2 {
    margin-bottom: 30px
}

.eCommerce-platforms.microservices-technologies.lifestyle-solutions:before {
    background-image: url(../img/sports-app-development/webp/Sports-Booking-App-India.webp)
}

.eCommerce-platforms.microservices-technologies.lifestyle-solutions .service-box {
    border: 1px solid rgba(255,255,255,0.3);
    padding: 20px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 767px) {
    .eCommerce-platforms.microservices-technologies.lifestyle-solutions .service-box {
        margin-bottom:20px
    }
}

.eCommerce-platforms.microservices-technologies.lifestyle-solutions .service-box:before {
    content: "";
    position: absolute;
    left: 20px;
    top: -2px;
    width: 60px;
    height: 4px;
    background-color: #0076FF;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.eCommerce-platforms.microservices-technologies.lifestyle-solutions .service-box:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5)
}

.eCommerce-platforms.microservices-technologies.lifestyle-solutions .service-box:hover:before {
    left: 80%
}

.eCommerce-platforms.microservices-technologies.lifestyle-solutions .service-box .h3 {
    font-family: "interregular";
    position: relative;
    padding-left: 40px;
    color: #fff
}

.eCommerce-platforms.microservices-technologies.lifestyle-solutions .service-box .h3:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.blockchain-technologies.lifestyle-brand-solutions .andBox .icon {
    background-image: url(../img/lifestyle-app-development/png/lifestyle-app-sprite2.png);
    width: 70px;
    height: 70px
}

.blockchain-technologies.lifestyle-brand-solutions .andBox .icon.icon1 {
    background-position: 0 0
}

.blockchain-technologies.lifestyle-brand-solutions .andBox .icon.icon2 {
    background-position: 0 -70px
}

.blockchain-technologies.lifestyle-brand-solutions .andBox .icon.icon3 {
    background-position: 0 -140px
}

.low-code-platforms.cakePhp-tools.reasons-to-choose .industry-list li {
    flex-basis: 15%
}

@media screen and (max-width: 1399px) {
    .low-code-platforms.cakePhp-tools.reasons-to-choose .industry-list li {
        flex-basis:31%
    }
}

@media screen and (max-width: 991px) {
    .low-code-platforms.cakePhp-tools.reasons-to-choose .industry-list li {
        flex-basis:47%
    }
}

@media screen and (max-width: 767px) {
    .low-code-platforms.cakePhp-tools.reasons-to-choose .industry-list li {
        flex-basis:46%
    }
}

@media screen and (max-width: 526px) {
    .low-code-platforms.cakePhp-tools.reasons-to-choose .industry-list li {
        flex-basis:45%
    }
}

@media screen and (max-width: 426px) {
    .low-code-platforms.cakePhp-tools.reasons-to-choose .industry-list li {
        flex-basis:100%
    }
}

.low-code-platforms.cakePhp-tools.reasons-to-choose .industry-list li .icon {
    background-image: url(../img/lifestyle-app-development/png/lifestyle-app-sprite3.png)
}

.robust-new-services.mobile-services.why-choose-opeacart .service-box i.icon {
    background-image: url(../img/opencart-development/png/opencart-app-sprite1.png)
}

.infrastructure-steps.etl-development-services:before {
    background-image: url(../img/talend-data-integration/webp/ETL-Development-Services.webp)
}

.infrastructure-steps.etl-development-services:after,.infrastructure-steps.etl-development-services:before {
    height: 490px
}

.infrastructure-steps.etl-development-services .thank-box {
    text-align: center;
    min-height: auto
}

.infrastructure-steps.etl-development-services .thank-box img {
    max-width: 1170px;
    height: auto;
    width: 100%;
    display: inline-block
}

.robust-new-services.mobile-services.etl-data-integration .service-box i.icon {
    background-image: url(../img/talend-data-integration/png/talend-data-integration-sprite1.png)
}

.robust-new-services.mobile-services.etl-data-integration .btn-set {
    height: 93%;
    background-color: #0076FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.contact-us-banner-landing {
    padding: 50px 0;
    position: relative;
    top: 0px
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing {
        padding-top:50px
    }
}

@media screen and (max-width: 767px) {
    .contact-us-banner-landing {
        top:0px
    }
}

.contact-us-banner-landing:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 250px;
    background-color: #000;
    background-image: url("../img/contact-us/jpg/contact-banner.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center
}

@media screen and (max-width: 1599px) {
    .contact-us-banner-landing:before {
        height:230px
    }
}

@media screen and (max-width: 767px) {
    .contact-us-banner-landing:before {
        background-size:cover;
        height: 250px
    }
}

.contact-us-banner-landing h1 {
    font-family: "interbold";
    color: #fff;
    margin-top: 0%
}

@media screen and (max-width: 1599px) {
    .contact-us-banner-landing h1 {
        margin-top:0;
        font-size: 54px
    }
}

@media screen and (max-width: 1399px) {
    .contact-us-banner-landing h1 {
        margin-top:0
    }
}

@media screen and (max-width: 1199px) {
    .contact-us-banner-landing h1 {
        margin-top:0
    }
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing h1 {
        margin-top:0%;
        line-height: normal
    }
}

@media screen and (max-width: 767px) {
    .contact-us-banner-landing h1 {
        font-size:44px;
        margin-top: 9%;
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .contact-us-banner-landing p {
        text-align:center
    }
}

.contact-us-banner-landing .ct-box {
    margin-top: 10%;
    margin-right: 10%
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing .ct-box {
        margin-top:14%
    }
}

@media screen and (max-width: 767px) {
    .contact-us-banner-landing .ct-box {
        margin-right:0%;
        margin-top: 20%
    }
}

.contact-us-banner-landing .ct-box .bold {
    font-family: "interbold"
}

.contact-us-banner-landing .ct-box .benefits-points {
    display: flex;
    flex-wrap: wrap
}

.contact-us-banner-landing .ct-box .benefits-points li {
    flex-basis: 50%;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing .ct-box .benefits-points li {
        flex-basis:50%
    }
}

.contact-us-banner-landing .ct-box .benefits-points li:before {
    color: #0076FF;
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.contact-us-banner-landing .ct-box .what-next {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.contact-us-banner-landing .ct-box .what-next li {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 32%;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 10px;
    color: #000;
    min-height: 68px;
    padding: 9px;
    padding-left: 40px;
    margin-right: 10px;
    padding-right: 22px
}

@media screen and (max-width: 1399px) {
    .contact-us-banner-landing .ct-box .what-next li {
        flex-basis:31%
    }
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing .ct-box .what-next li {
        flex-basis:100%;
        min-height: auto
    }
}

.contact-us-banner-landing .ct-box .what-next li .nbr {
    padding-top: 13px;
    font-family: "interbold";
    display: inline-block;
    color: #0076FF;
    position: absolute;
    left: 7px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 20px;
    height: 50px;
    text-align: center
}

.contact-us-banner-landing .ct-box .what-next li .arrow {
    top: 0;
    right: 10px;
    position: absolute;
    transform: rotate(-45deg) skew(-15deg, -15deg);
    display: inline-block;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    width: 39px;
    height: 39px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 0px
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing .ct-box .what-next li .arrow {
        display:none;
        height: auto;
        min-height: auto
    }
}

.contact-us-banner-landing .contact-form {
    position: relative;
    z-index: 1
}

.contact-us-banner-landing .contact-box {
    background-color: #fff;
    padding: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    margin-top: 0%;
    min-height: 80%;
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1599px) {
    .contact-us-banner-landing .contact-box {
        padding:30px;
        min-height: 83%
    }
}

@media screen and (max-width: 1399px) {
    .contact-us-banner-landing .contact-box {
        min-height:85%
    }
}

@media screen and (max-width: 1199px) {
    .contact-us-banner-landing .contact-box {
        min-height:87%
    }
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing .contact-box {
        margin-top:40px;
        min-height: auto
    }
}

.contact-us-banner-landing .contact-box .row .col-sm-6,.contact-us-banner-landing .contact-box .row .col-md-6 {
    width: 100%
}

.contact-us-banner-landing .contact-box .bold {
    font-family: "interbold"
}

.contact-us-banner-landing .contact-box h2 {
    position: relative
}

@media screen and (max-width: 1599px) {
    .contact-us-banner-landing .contact-box h2 {
        font-size:20px
    }
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing .contact-box h2 {
        text-align:center
    }
}

.contact-us-banner-landing .contact-box p {
    position: relative
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing .contact-box p {
        text-align:center
    }
}

.contact-us-banner-landing .contact-box .country {
    display: none
}

.contact-us-banner-landing .contact-box .wpcf7-form-control-wrap {
    width: 100%
}

.contact-us-banner-landing .contact-box .form-group {
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 20px
}

.contact-us-banner-landing .contact-box .form-group:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #0076FF;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 2
}

.contact-us-banner-landing .contact-box .form-group:hover:before,.contact-us-banner-landing .contact-box .form-group:focus:before {
    width: 100%
}

.contact-us-banner-landing .contact-box .form-group .form-label {
    color: #0076FF;
    margin-bottom: 0
}

.contact-us-banner-landing .contact-box .form-group .message {
    display: block;
    width: 100%
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing .contact-box .form-group .col-sm-5,.contact-us-banner-landing .contact-box .form-group .col-xs-5 {
        width:41.66666667%
    }

    .contact-us-banner-landing .contact-box .form-group .col-sm-7,.contact-us-banner-landing .contact-box .form-group .col-xs-7 {
        width: 58.33333333%
    }
}

.contact-us-banner-landing .contact-box .form-group p {
    margin-bottom: 0
}

.contact-us-banner-landing .contact-box .form-group.msg span.wpcf7-not-valid-tip {
    bottom: -30px
}

.contact-us-banner-landing .contact-box select.form-control {
    color: #0076FF;
    position: relative;
    z-index: 1
}

.contact-us-banner-landing .contact-box .form-control {
    border: none;
    border-bottom: 1px solid #E0E0E0;
    display: block;
    box-shadow: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    height: 43px;
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    padding-top: 0px;
    color: gray
}

.contact-us-banner-landing .contact-box .form-control.msg {
    resize: vertical;
    height: 120px;
    margin-bottom: -9px
}

.contact-us-banner-landing .contact-box input.pre_phone.form-control {
    padding-left: 52px;
    pointer-events: none
}

.contact-us-banner-landing .contact-box .iti {
    width: 100%
}

.contact-us-banner-landing .contact-box .iti .iti--container {
    position: absolute
}

.contact-us-banner-landing .contact-box .iti .iti__country-list {
    max-width: 200px
}

.contact-us-banner-landing .contact-box input.track-country {
    display: none
}

.contact-us-banner-landing .contact-box .budget-group {
    margin-bottom: 20px
}

.contact-us-banner-landing .contact-box .budget-group .form-label {
    color: #0076FF;
    margin-bottom: 0
}

.contact-us-banner-landing .contact-box .budget-group .budget {
    display: block;
    width: 100%
}

.contact-us-banner-landing .contact-box .budget-group .msg {
    resize: vertical
}

.contact-us-banner-landing .contact-box .budget-group .select-budget {
    position: relative
}

.contact-us-banner-landing .contact-box .budget-group .select-budget:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #0076FF;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.contact-us-banner-landing .contact-box .budget-group .select-budget:hover:before,.contact-us-banner-landing .contact-box .budget-group .select-budget:focus:before {
    width: 100%
}

.contact-us-banner-landing .contact-box .budget-group .select-budget:after {
    content: "\f107";
    position: absolute;
    right: 0;
    top: 10px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.contact-us-banner-landing .contact-box span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    bottom: -20px
}

.contact-us-banner-landing .contact-box .btn {
    height: 60px;
    min-width: 170px;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-position: 133px 16px;
    background-size: 22px 22px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .contact-us-banner-landing .contact-box .btn {
        background-position:143px 16px
    }
}

.contact-us-banner-landing .contact-box .btn:hover {
    background-position: 136px 13px
}

.contact-us-banner-landing .contact-box .btn:before {
    display: none
}

.contact-us-banner-landing .contact-box .btn:after {
    display: none
}

.contact-us-banner-landing .contact-box .captcha-group {
    position: relative
}

.contact-us-banner-landing .contact-box .captcha-group .wpcf7-spinner {
    position: absolute;
    right: 160px;
    top: 20px
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing .contact-box .captcha-group .wpcf7-spinner {
        position:static
    }
}

.contact-us-banner-landing .contact-box .captcha-group .form-label {
    color: #0076FF;
    margin-bottom: 10px
}

.contact-us-banner-landing .contact-box .captcha-group .captcha-box {
    font-family: "interbold"
}

.contact-us-banner-landing .contact-box .captcha-group .captcha-box span #form_reCaptcha {
    border: 1px solid #E0E0E0;
    padding: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    text-align: center
}

.contact-us-banner-landing .contact-box .captcha-group .text-right {
    display: flex;
    justify-content: right
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing .contact-box .captcha-group .text-right {
        justify-content:flex-start;
        margin: 30px 0 50px 0
    }
}

.contact-us-banner-landing .contact-box .file-upload-wrapper {
    position: relative;
    width: 100%;
    border: 1px dashed rgba(0,0,0,0.3);
    height: 70px;
    margin-top: 30px;
    margin-bottom: 30px
}

.contact-us-banner-landing .contact-box .file-upload-wrapper input {
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 0;
    bottom: 0;
    left: 15px;
    z-index: 1;
    margin: 0;
    padding: 10px;
    display: block;
    cursor: pointer;
    width: 100%;
    outline: none;
    border-radius: 0
}

.contact-us-banner-landing .contact-box .file-upload-wrapper span.wpcf7-not-valid-tip {
    bottom: -30px
}

.contact-us-banner-landing .contact-box .file-upload-wrapper .form-control {
    border-bottom: none
}

.contact-us-banner-landing .contact-box .file-upload-wrapper .overflow .wpcf7-form-control-wrap {
    position: static
}

.contact-us-banner-landing .contact-box .file-upload-wrapper .file-title {
    position: absolute;
    top: -21px;
    left: 2px;
    right: auto;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    margin: 0;
    color: #0076FF;
    background-color: #fff;
    font-family: "intermedium"
}

.contact-us-banner-landing .contact-box .file-upload-wrapper .attachment-file {
    position: static
}

.contact-us-banner-landing .contact-box .file-upload-wrapper .attachment-file span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 56px;
    width: 310px;
    z-index: 1
}

.contact-us-banner-landing .contact-box .contact-details {
    margin-left: 100px
}

@media screen and (max-width: 1024px) {
    .contact-us-banner-landing .contact-box .contact-details {
        margin-left:50px
    }
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing .contact-box .contact-details {
        margin-left:0px
    }
}

.contact-us-banner-landing .contact-box .contact-details h2 {
    font-family: "interlight"
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing .contact-box .contact-details h2 {
        text-align:left
    }

    .contact-us-banner-landing .contact-box .contact-details h2.gb {
        margin-top: 30px
    }
}

.contact-us-banner-landing .contact-box .contact-details h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.contact-us-banner-landing .contact-box .contact-details p.top {
    margin-top: 27px
}

.contact-us-banner-landing .contact-box .contact-details .contact-links li {
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .contact-us-banner-landing .contact-box .contact-details .contact-links li {
        margin-bottom:2px
    }
}

.contact-us-banner-landing .contact-box .contact-details .contact-links li a {
    color: #000
}

.contact-us-banner-landing .contact-box .contact-details .contact-links li:hover a {
    color: #0076FF
}

.contact-us-banner-landing .contact-box .contact-details .socials-icons li {
    display: inline-block
}

.contact-us-banner-landing .contact-box .contact-details .socials-icons li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #0076FF;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    margin: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.contact-us-banner-landing .contact-box .contact-details .socials-icons li a i {
    color: #fff;
    font-size: 20px;
    margin-top: 10px
}

.contact-us-banner-landing .contact-box .contact-details .socials-icons li:hover a {
    background-color: #000
}

.contact-us-banner-landing .contact-box .form-control::placeholder {
    color: #0076FF;
    opacity: 1
}

.contact-us-banner-landing .contact-box .form-control:-ms-input-placeholder {
    color: #0076FF
}

.contact-us-banner-landing .contact-box .form-control::-ms-input-placeholder {
    color: #0076FF
}

@media screen and (max-width: 991px) {
    .contact-us-banner-landing .contact-box .captcha-group {
        margin-top:10px;
        margin-bottom: 40px
    }
}

.contact-us-banner-landing .contact-box.landingform {
    max-width: 1000px;
    margin: 50px auto 0 auto
}

.contact-us-banner-landing .contact-box.landingform:before {
    display: none
}

.contact-us-banner-landing .contact-box.landingform p {
    margin-bottom: 0
}

.infrastructure-steps.etl-development-services.your-data:before {
    background-image: url(../img/big-data-analytics/webp/big-data-center.webp)
}

.infrastructure-steps.etl-development-services.your-data .thank-box h2 {
    text-align: left
}

.infrastructure-steps.etl-development-services.your-data .thank-box h3 {
    text-align: left
}

.infrastructure-steps.etl-development-services.your-data .values_point {
    text-align: left;
    margin-top: 30px
}

.infrastructure-steps.etl-development-services.your-data .values_point li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px
}

.infrastructure-steps.etl-development-services.your-data .values_point li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.robust-new-services.mobile-services.big-data-assistances .service-box i.icon {
    background-image: url(../img/big-data-analytics/png/big-data-sprite1.png)
}

.robust-new-services.mobile-services.big-data-assistances .btn-set {
    height: 93%;
    background-color: #0076FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media screen and (max-width: 767px) {
    .game-expertise.ludo-products-showcase.flutter-expertise.big-data-consulting {
        margin-top:40px
    }
}

.game-expertise.ludo-products-showcase.flutter-expertise.big-data-consulting:before {
    background-image: url("../img/big-data-analytics/webp/big-data-attributes.webp")
}

.game-expertise.ludo-products-showcase.flutter-expertise.big-data-consulting:after {
    background-color: rgba(0,41,90,0.8)
}

.game-expertise.ludo-products-showcase.flutter-expertise.big-data-consulting .game-expertise-list li {
    flex-basis: 23%
}

@media screen and (max-width: 767px) {
    .game-expertise.ludo-products-showcase.flutter-expertise.big-data-consulting .game-expertise-list li {
        flex-basis:31%
    }
}

@media screen and (max-width: 480px) {
    .game-expertise.ludo-products-showcase.flutter-expertise.big-data-consulting .game-expertise-list li {
        flex-basis:48%
    }
}

.game-expertise.ludo-products-showcase.flutter-expertise.big-data-consulting .game-expertise-list li .icon {
    background-image: url("../img/big-data-analytics/png/big-data-sprite2.png");
    width: 60px;
    height: 60px
}

.game-expertise.ludo-products-showcase.flutter-expertise.big-data-consulting .game-expertise-list li .icon.icon1 {
    background-position: 0 0
}

.game-expertise.ludo-products-showcase.flutter-expertise.big-data-consulting .game-expertise-list li .icon.icon2 {
    background-position: 0 -60px
}

.game-expertise.ludo-products-showcase.flutter-expertise.big-data-consulting .game-expertise-list li .icon.icon3 {
    background-position: 0 -120px
}

.game-expertise.ludo-products-showcase.flutter-expertise.big-data-consulting .game-expertise-list li .icon.icon4 {
    background-position: 0 -180px
}

.game-expertise.ludo-products-showcase.flutter-expertise.big-data-consulting .game-expertise-list li .icon.icon5 {
    background-position: 0 -240px
}

.game-expertise.ludo-products-showcase.flutter-expertise.big-data-consulting .game-expertise-list li .icon.icon6 {
    background-position: 0 -300px
}

.game-expertise.ludo-products-showcase.flutter-expertise.big-data-consulting .game-expertise-list li .icon.icon7 {
    background-position: 0 -360px
}

.food-d-app.iBeacon-services.what-big-data img {
    max-width: 910px;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.magento-development-bnr-2023 {
    min-height: 100vh;
    display: flex;
    background-color: #0e2096;
    position: relative;
    align-items: center;
    margin-top: 108px
}

@media screen and (max-width: 991px) {
    .magento-development-bnr-2023 {
        text-align:center
    }
}

.magento-development-bnr-2023:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-image: url(../img/magento-development/webp/magento-development-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    object-fit: cover;
    opacity: 1;
    animation: shrink 5s infinite alternate
}

@media screen and (max-width: 991px) {
    .magento-development-bnr-2023:before {
        z-index:1;
        opacity: 0.3;
        background-size: cover;
        animation: none
    }
}

@media screen and (max-width: 575px) {
    .magento-development-bnr-2023:before {
        background-position:70% center
    }
}

@media screen and (max-width: 420px) {
    .magento-development-bnr-2023:before {
        background-position:center center;
        background-size: 150% auto;
        background-attachment: unset
    }
}

@keyframes shrink {
    0% {
        background-size: 110% auto;
        @media screen and (max-width: 1024px) {
            background-size:120% auto
        }
    }

    100% {
        background-size: 100% auto;
        @media screen and (max-width: 1024px) {
            background-size:120% auto
        }
    }
}

.magento-development-bnr-2023:after {
    background: rgba(14,32,150,0.8);
    background: -webkit-linear-gradient(10deg, rgba(14,32,150,0.9) 30%, rgba(14,32,150,0.2) 100%);
    background: -o-linear-gradient(10deg, rgba(14,32,150,0.9) 30%, rgba(14,32,150,0.2) 100%);
    background: linear-gradient(100deg, rgba(14,32,150,0.9) 30%, rgba(14,32,150,0.2) 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

@media screen and (max-width: 575px) {
    .magento-development-bnr-2023:after {
        opacity:0.3
    }
}

.magento-development-bnr-2023 .container {
    z-index: 3
}

.magento-development-bnr-2023 h1 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 150px;
    line-height: 150px;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 1600px) {
    .magento-development-bnr-2023 h1 {
        font-size:130px;
        line-height: 130px
    }
}

@media screen and (max-width: 1399px) {
    .magento-development-bnr-2023 h1 {
        font-size:100px;
        line-height: 100px
    }
}

.magento-development-bnr-2023 .mag-box {
    position: relative
}

@media screen and (max-width: 991px) {
    .magento-development-bnr-2023 .bnr-img {
        display:none
    }
}

.magento-development-bnr-2023 .img-box {
    position: relative;
    z-index: 1
}

.magento-development-bnr-2023 .best {
    position: absolute;
    left: 0;
    top: -70px;
    color: #fff;
    padding-top: 33px;
    font-size: 20px;
    font-family: "poppinsregular";
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    background-color: #FF9100;
    background: #D95700;
    background: linear-gradient(45deg, #D95700 50%, #FF9100 100%);
    text-align: center
}

.magento-development-bnr-2023 h2 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 50px;
    line-height: 50px
}

@media screen and (max-width: 1399px) {
    .magento-development-bnr-2023 h2 {
        font-size:40px;
        line-height: 40px
    }
}

@media screen and (max-width: 575px) {
    .magento-development-bnr-2023 h2 {
        font-size:28px
    }
}

.magento-development-bnr-2023 p {
    color: #fff;
    font-size: 20px;
    font-family: "interlight"
}

@media screen and (max-width: 1399px) {
    .magento-development-bnr-2023 p {
        font-size:18px
    }
}

.magento-development-bnr-2023 .btn {
    margin: 10px;
    padding: 20px 50px 20px 30px;
    font-size: 20px;
    font-family: "interbold";
    -webkit-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2)
}

@media screen and (max-width: 991px) {
    .magento-development-bnr-2023 .btn {
        padding:15px 42px 15px 15px;
        font-size: 16px
    }
}

.magento-development-bnr-2023 .btn:active {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2)
}

.magento-development-bnr-2023 .btn.btn-red {
    background-color: #FF9100;
    background: #D95700;
    background: linear-gradient(45deg, #D95700 50%, #FF9100 100%)
}

.magento-development-bnr-2023 .btn.btn-white {
    background: #fff;
    color: #0076FF
}

.magento-development-bnr-2023 .btn .arrow {
    width: 30px;
    height: 30px
}

@media screen and (max-width: 991px) {
    .magento-development-bnr-2023 .btn .arrow {
        width:20px;
        height: 20px
    }
}

.brands-trust-us {
    background-color: #f6f6f6
}

@media screen and (max-width: 991px) {
    .brands-trust-us {
        text-align:center
    }
}

.brands-trust-us h2 {
    color: #BEBEBE;
    font-family: "poppinsbold";
    font-size: 60px;
    line-height: 65px
}

@media screen and (max-width: 1600px) {
    .brands-trust-us h2 {
        font-size:58px
    }
}

@media screen and (max-width: 1440px) {
    .brands-trust-us h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1399px) {
    .brands-trust-us h2 {
        font-size:46px;
        line-height: 55px
    }
}

@media screen and (max-width: 991px) {
    .brands-trust-us h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .brands-trust-us h2 {
        font-size:28px
    }
}

.brands-trust-us .brand {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    height: 120px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s
}

.brands-trust-us .brand:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 136px;
    height: 70px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    background-image: url(../img/magento-development/png/magento-icon-sprite3.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 1
}

.brands-trust-us .brand:hover:before {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s
}

.brands-trust-us .brand.b1:before {
    background-position: 0 0
}

.brands-trust-us .brand.b2:before {
    background-position: 0 -70px
}

.brands-trust-us .brand.b3:before {
    background-position: 0 -140px
}

.brands-trust-us .brand.b4:before {
    background-position: 0 -210px
}

.brands-trust-us .brand.b5:before {
    background-position: 0 -280px
}

.brands-trust-us .brand.b6:before {
    background-position: 0 -350px
}

.brands-trust-us .brand.b7:before {
    background-position: 0 -420px
}

.brands-trust-us .brand.b8:before {
    background-position: 0 -490px
}

.brands-trust-us .brand.b9:before {
    background-position: 0 -560px
}

.brands-trust-us .brand.b10:before {
    background-position: 0 -630px
}

.brands-trust-us .brand.b11:before {
    background-position: 0 -700px
}

.brands-trust-us .brand.b12:before {
    background-position: 0 -770px
}

.magento-custom-development-new {
    min-height: 800px
}

@media screen and (max-width: 991px) {
    .magento-custom-development-new {
        text-align:center;
        overflow: hidden
    }
}

.magento-custom-development-new .mg-img {
    position: relative;
    max-width: 490px;
    margin: 0 auto;
    margin-left: 52px
}

@media screen and (max-width: 1399px) {
    .magento-custom-development-new .mg-img {
        max-width:490px;
        margin-left: 15px
    }
}

@media screen and (max-width: 1199px) {
    .magento-custom-development-new .mg-img {
        max-width:400px;
        margin-left: 0px
    }
}

@media screen and (max-width: 991px) {
    .magento-custom-development-new .mg-img {
        margin-left:50px
    }
}

@media screen and (max-width: 480px) {
    .magento-custom-development-new .mg-img {
        margin-left:20px;
        max-width: 350px
    }
}

@media screen and (max-width: 440px) {
    .magento-custom-development-new .mg-img {
        max-width:320px
    }
}

@media screen and (max-width: 991px) {
    .magento-custom-development-new .mg-img .thumb {
        margin-bottom:180px
    }
}

.magento-custom-development-new .mg-img .thumb img {
    max-width: 550px;
    height: auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

@media screen and (max-width: 1399px) {
    .magento-custom-development-new .mg-img .thumb img {
        max-width:470px
    }
}

@media screen and (max-width: 1199px) {
    .magento-custom-development-new .mg-img .thumb img {
        max-width:420px
    }
}

@media screen and (max-width: 480px) {
    .magento-custom-development-new .mg-img .thumb img {
        max-width:390px
    }
}

@media screen and (max-width: 440px) {
    .magento-custom-development-new .mg-img .thumb img {
        max-width:320px
    }
}

.magento-custom-development-new .mg-img .shape-style1 {
    left: -12px;
    position: absolute;
    top: -15px;
    z-index: -1
}

.magento-custom-development-new .mg-img .experience-time {
    border-radius: 50%;
    top: 307px;
    position: absolute;
    right: -49px;
    z-index: 1
}

.magento-custom-development-new .mg-img .experience-time .content {
    background-color: #0076FF;
    border-radius: 50%;
    color: #fff;
    font-size: 127.58px;
    font-weight: 700;
    height: 320px;
    line-height: 71px;
    padding: 105px 15px 15px;
    position: relative;
    text-align: center;
    width: 320px
}

@media screen and (max-width: 1399px) {
    .magento-custom-development-new .mg-img .experience-time .content {
        font-size:90px;
        height: 280px;
        width: 280px;
        padding-top: 75px
    }
}

@media screen and (max-width: 1199px) {
    .magento-custom-development-new .mg-img .experience-time .content {
        font-size:80px;
        line-height: 40px;
        height: 240px;
        width: 240px;
        padding-top: 75px
    }
}

.magento-custom-development-new .mg-img .experience-time .content:after {
    background-color: #f6f7fc;
    border-radius: 50%;
    bottom: -20px;
    content: "";
    height: 320px;
    left: 20px;
    position: absolute;
    width: 320px;
    z-index: -1
}

@media screen and (max-width: 1399px) {
    .magento-custom-development-new .mg-img .experience-time .content:after {
        height:280px;
        width: 280px
    }
}

@media screen and (max-width: 1199px) {
    .magento-custom-development-new .mg-img .experience-time .content:after {
        height:240px;
        width: 240px
    }
}

.magento-custom-development-new .mg-img .experience-time .content sup {
    font-size: 35px;
    left: 4px;
    top: -58px
}

@media screen and (max-width: 1399px) {
    .magento-custom-development-new .mg-img .experience-time .content sup {
        top:-38px
    }
}

.magento-custom-development-new .mg-img .experience-time .content span {
    display: inline-block;
    font-size: 25px;
    line-height: 22px;
    padding-top: 5px
}

@media screen and (max-width: 1399px) {
    .magento-custom-development-new .mg-img .experience-time .content span {
        font-size:20px;
        line-height: 18px
    }
}

@media screen and (max-width: 1199px) {
    .magento-custom-development-new .mg-img .experience-time .content span {
        font-size:16px;
        line-height: 18px
    }
}

.magento-custom-development-new .magento-badges {
    margin: 40px 0
}

.magento-custom-development-new h2 {
    font-family: "poppinsbold";
    font-size: 60px;
    line-height: 65px
}

@media screen and (max-width: 1600px) {
    .magento-custom-development-new h2 {
        font-size:58px
    }
}

@media screen and (max-width: 1440px) {
    .magento-custom-development-new h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1399px) {
    .magento-custom-development-new h2 {
        font-size:46px;
        line-height: 55px
    }
}

@media screen and (max-width: 991px) {
    .magento-custom-development-new h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .magento-custom-development-new h2 {
        font-size:28px
    }
}

.magento-custom-development-new h2 .line {
    position: relative
}

.magento-custom-development-new h2 .line:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    right: 0px;
    height: 10px;
    background-color: #FF9100;
    width: calc(100% + 6.57px);
    z-index: -1
}

.magento-custom-development-new p {
    font-family: "poppins_mediumregular";
    color: #484a52
}

.magento-custom-development-new p a {
    text-decoration: underline
}

.magento-custom-development-new .gallery {
    --s: 280px;
    --s2: 260px;
    display: grid;
    width: var(--s);
    aspect-ratio: 1;
    overflow: hidden;
    padding: calc(var(--s)/20);
    border-radius: 50%;
    position: relative;
    clip-path: circle(49.5%)
}

@media screen and (max-width: 1399px) {
    .magento-custom-development-new .gallery {
        width:var(--s2);
        padding: calc(var(--s2)/20)
    }
}

.magento-custom-development-new .gallery::after {
    content: "";
    position: absolute;
    inset: 0;
    padding: inherit;
    border-radius: inherit;
    background: repeating-conic-gradient(#0e2096 0 30deg, #0076FF 0 60deg);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.magento-custom-development-new .gallery>img {
    grid-area: 1/1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    transform-origin: 50% 120.7%
}

.magento-custom-development-new .gallery::after,.magento-custom-development-new .gallery>img {
    animation: m 8s infinite cubic-bezier(0.5, -0.2, 0.5, 1.2)
}

.magento-custom-development-new .gallery>img:nth-child(2) {
    animation-delay: -2s
}

.magento-custom-development-new .gallery>img:nth-child(3) {
    animation-delay: -4s
}

.magento-custom-development-new .gallery>img:nth-child(4) {
    animation-delay: -6s
}

@keyframes m {
    0%,3% {
        transform: rotate(0)
    }

    22%,27% {
        transform: rotate(-90deg)
    }

    47%,52% {
        transform: rotate(-180deg)
    }

    72%,77% {
        transform: rotate(-270deg)
    }

    98%,100% {
        transform: rotate(-360deg)
    }
}

.magento-custom-development-new .gallery-body {
    display: grid;
    place-content: center;
    position: absolute;
    right: -60px;
    bottom: -60px;
    z-index: 2
}

@media screen and (max-width: 460px) {
    .magento-custom-development-new .gallery-body {
        right:0px;
        bottom: -140px
    }
}

.magento-custom-development-new .gallery-body:after {
    background-color: #f6f7fc;
    border-radius: 50%;
    bottom: -20px;
    content: "";
    height: 300px;
    left: 2px;
    position: absolute;
    width: 300px;
    z-index: -1
}

@media screen and (max-width: 1399px) {
    .magento-custom-development-new .gallery-body:after {
        height:280px;
        width: 280px
    }
}

@media screen and (max-width: 1199px) {
    .magento-custom-development-new .gallery-body:after {
        height:270px;
        width: 270px
    }
}

.magento-certifications-web {
    background-color: #0e2096;
    background-image: url(../img/magento-development/webp/parallax-background.webp);
    background-size: 100% auto;
    background-position: top left;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.magento-certifications-web h2 {
    font-family: "poppinsbold";
    font-size: 60px;
    line-height: 65px;
    color: #fff
}

@media screen and (max-width: 1600px) {
    .magento-certifications-web h2 {
        font-size:58px
    }
}

@media screen and (max-width: 1440px) {
    .magento-certifications-web h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1399px) {
    .magento-certifications-web h2 {
        font-size:46px
    }
}

@media screen and (max-width: 991px) {
    .magento-certifications-web h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .magento-certifications-web h2 {
        font-size:28px
    }
}

.magento-certifications-web h2 .line {
    position: relative
}

.magento-certifications-web h2 .line:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    right: 0px;
    height: 10px;
    background-color: #FF9100;
    width: calc(100% + 6.57px);
    z-index: -1
}

.magento-certifications-web p {
    font-family: "poppins_mediumregular";
    color: #fff
}

.magento-certifications-web p a {
    text-decoration: underline
}

@media screen and (max-width: 991px) {
    .magento-certifications-web .col-align .col-sm-4,.magento-certifications-web .col-align .col-md-4 {
        width:50%
    }
}

@media screen and (max-width: 575px) {
    .magento-certifications-web .col-align .col-sm-4,.magento-certifications-web .col-align .col-md-4 {
        width:100%
    }
}

@media screen and (max-width: 991px) {
    .magento-certifications-web .col-align .col-sm-4.text-center,.magento-certifications-web .col-align .col-md-4.text-center {
        width:100%
    }
}

.magento-certifications-web .bdr-box {
    border: 1px solid #dddddd;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    margin: 0
}

.magento-certifications-web .bdr-box .cs-coll {
    padding: 0
}

.magento-certifications-web .bronze-box {
    background-color: #dddddd;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -ms-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    height: 100%;
    margin-right: 30px;
    min-height: 295px;
    max-height: 295px
}

@media screen and (max-width: 1599px) {
    .magento-certifications-web .bronze-box {
        min-height:325px;
        max-height: 325px
    }
}

@media screen and (max-width: 1399px) {
    .magento-certifications-web .bronze-box {
        min-height:355px;
        max-height: 355px
    }
}

@media screen and (max-width: 991px) {
    .magento-certifications-web .bronze-box {
        min-height:190px;
        max-height: 190px;
        margin-bottom: 40px;
        margin-right: 0px;
        height: auto;
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        -ms-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        justify-content: center
    }
}

.magento-certifications-web .light-box {
    height: 100%;
    padding: 30px;
    min-height: 320px;
    max-height: 320px;
    text-align: left;
    margin-top: 50px
}

@media screen and (max-width: 991px) {
    .magento-certifications-web .light-box {
        margin-bottom:40px;
        height: auto;
        text-align: center
    }
}

.magento-certifications-web .light-box .icon {
    margin: 5px;
    display: inline-block;
    width: 132px;
    height: 132px;
    background-image: url(../img/magento-development/png/magento-icon-sprite01.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.magento-certifications-web .light-box .icon.icon1 {
    background-position: 0 0
}

.magento-certifications-web .light-box .icon.icon2 {
    background-position: 0 -132px
}

.magento-certifications-web .light-box p {
    color: #BEBEBE;
    font-family: "poppinsbold";
    text-transform: uppercase
}

.magento-certifications-web .light-box h3 {
    color: #fff
}

.magento-certifications-web .magento-imagine {
    background-color: #fff;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    height: 100%;
    min-height: 230px;
    padding: 20px;
    text-align: center
}

@media screen and (max-width: 1399px) {
    .magento-certifications-web .magento-imagine {
        min-height:290px
    }
}

@media screen and (max-width: 991px) {
    .magento-certifications-web .magento-imagine {
        margin-bottom:40px;
        height: auto
    }
}

@media screen and (max-width: 575px) {
    .magento-certifications-web .magento-imagine {
        text-align:center
    }
}

.magento-certifications-web .magento-imagine p {
    color: #BEBEBE;
    font-family: "poppinsbold";
    text-transform: uppercase
}

.magento-certifications-web .magento-imagine .icon {
    margin: 5px;
    display: inline-block;
    width: 100px;
    height: 100px;
    background-image: url(../img/magento-development/png/magento-icon-sprite01.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.magento-certifications-web .magento-imagine .icon.icon1 {
    background-position: 0 -200px
}

.magento-certifications-web .magento-imagine .icon.icon2 {
    background-position: 0 -300px
}

.magento-certifications-web .magento-imagine .icon.icon3 {
    background-position: 0 -400px
}

.magento-certifications-web .magento-imagine .icon.icon4 {
    background-position: 0 -500px
}

.magento-certifications-web .owl-magento-certifications-web .owl-item {
    padding: 30px 30px 30px 0px
}

@media screen and (max-width: 991px) {
    .magento-certifications-web .owl-magento-certifications-web .owl-item {
        padding:0 30px
    }
}

.magento-certifications-web .owl-magento-certifications-web .owl-dots {
    margin-top: 50px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .magento-certifications-web .owl-magento-certifications-web .owl-dots {
        margin-top:10px
    }
}

.magento-certifications-web .owl-magento-certifications-web .owl-dots .owl-dot {
    width: 6px;
    height: 6px;
    transition: all .25s ease;
    border-radius: 50%;
    margin-left: 11px;
    background-color: transparent;
    box-shadow: inset 0 0 0 5px #fff
}

.magento-certifications-web .owl-magento-certifications-web .owl-dots .owl-dot:after,.magento-certifications-web .owl-magento-certifications-web .owl-dots .owl-dot:before {
    display: none
}

.magento-certifications-web .owl-magento-certifications-web .owl-dots .owl-dot.active {
    transform: scale(2);
    box-shadow: inset 0 0 0 1px #fff;
    background-color: transparent
}

@media screen and (max-width: 767px) {
    .magento-eCommerce-service {
        padding:50px 0
    }
}

@media screen and (max-width: 1024px) {
    .magento-eCommerce-service .col-sm-4,.magento-eCommerce-service .col-md-4 {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .magento-eCommerce-service .col-sm-4,.magento-eCommerce-service .col-md-4 {
        width:100%
    }
}

.magento-eCommerce-service h2 {
    font-family: "poppinsbold";
    font-size: 60px;
    line-height: 65px
}

@media screen and (max-width: 1600px) {
    .magento-eCommerce-service h2 {
        font-size:58px
    }
}

@media screen and (max-width: 1440px) {
    .magento-eCommerce-service h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1399px) {
    .magento-eCommerce-service h2 {
        font-size:46px;
        line-height: 55px
    }
}

@media screen and (max-width: 991px) {
    .magento-eCommerce-service h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .magento-eCommerce-service h2 {
        font-size:28px
    }
}

.magento-eCommerce-service p {
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .magento-eCommerce-service p {
        font-size:17px
    }
}

.magento-eCommerce-service .expertise-box {
    padding: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1399px) {
    .magento-eCommerce-service .expertise-box {
        padding:30px
    }
}

@media screen and (max-width: 575px) {
    .magento-eCommerce-service .expertise-box {
        text-align:center;
        padding: 30px
    }
}

.magento-eCommerce-service .expertise-box:hover {
    background-color: #F1F2FD
}

.magento-eCommerce-service .expertise-box h3 {
    font-family: "poppins_semiboldregular";
    font-size: 28px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .magento-eCommerce-service .expertise-box h3 {
        font-size:28px
    }
}

@media screen and (max-width: 1399px) {
    .magento-eCommerce-service .expertise-box h3 {
        font-size:26px
    }
}

@media screen and (max-width: 575px) {
    .magento-eCommerce-service .expertise-box h3 {
        font-size:24px
    }
}

.magento-eCommerce-service .expertise-box .icon {
    background-image: url(../img/magento-development/png/magento-icon-sprite001.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 0 20px 0;
    filter: drop-shadow(0 25px 20px rgba(14,32,150,0.2))
}

@media screen and (max-width: 575px) {
    .magento-eCommerce-service .expertise-box .icon {
        margin-left:auto;
        margin-right: auto
    }
}

.magento-eCommerce-service .expertise-box .icon.icon1 {
    background-position: 0 0
}

.magento-eCommerce-service .expertise-box .icon.icon2 {
    background-position: 0 -40px
}

.magento-eCommerce-service .expertise-box .icon.icon3 {
    background-position: 0 -80px
}

.magento-eCommerce-service .expertise-box .icon.icon4 {
    background-position: 0 -120px
}

.magento-eCommerce-service .expertise-box .icon.icon5 {
    background-position: 0 -160px
}

.magento-eCommerce-service .expertise-box .icon.icon6 {
    background-position: 0 -200px
}

.magento-eCommerce-service .expertise-box .icon.icon7 {
    background-position: 0 -240px
}

.magento-eCommerce-service .expertise-box .icon.icon8 {
    background-position: 0 -280px
}

.magento-eCommerce-service .expertise-box .icon.icon9 {
    background-position: 0 -320px
}

.magento-eCommerce-service .expertise-box .icon.icon10 {
    background-position: 0 -360px
}

.magento-eCommerce-service .expertise-box .icon.icon11 {
    background-position: 0 -400px
}

.magento-eCommerce-service .expertise-box .icon.icon12 {
    background-position: 0 -440px
}

.magento-eCommerce-service .accordion .accordion-item {
    border: none;
    border-bottom: 2px solid rgba(0,0,0,0.08);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    position: relative
}

.magento-eCommerce-service .accordion .accordion-item:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    background-color: #0e2096;
    z-index: 2;
    width: 0%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.magento-eCommerce-service .accordion .accordion-item:hover:before {
    width: 100%
}

.magento-eCommerce-service .accordion .accordion-item .accordion-header .accordion-button {
    padding: 30px 70px 30px 0;
    font-family: "poppins_mediumregular";
    box-shadow: none;
    cursor: pointer;
    color: #0e2096
}

.magento-eCommerce-service .accordion .accordion-item .accordion-header .accordion-button:after,.magento-eCommerce-service .accordion .accordion-item .accordion-header .accordion-button:before {
    position: static
}

.magento-eCommerce-service .accordion .accordion-item .accordion-header .accordion-button::after {
    content: "\2b";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    background-image: none;
    width: 30px;
    height: 30px;
    position: absolute;
    line-height: 20px;
    right: 0;
    left: auto;
    top: 50%;
    margin-top: -15px;
    border: 2px solid #888;
    border-radius: 30px 30px;
    -ms-transition: border-color .15s ease;
    transition: border-color .15s ease;
    -webkit-transition: border-color .15s ease;
    text-align: center;
    padding-top: 4px;
    color: #888
}

.magento-eCommerce-service .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    content: "\f068";
    border-color: #0e2096;
    color: #0e2096
}

.magento-eCommerce-service .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #0e2096;
    background-color: transparent
}

.magento-eCommerce-service .accordion .accordion-item .accordion-header .accordion-button:hover {
    color: #0e2096
}

.magento-eCommerce-service .accordion .accordion-item .accordion-header .accordion-button:hover::after {
    border-color: #0e2096;
    color: #0e2096
}

.magento-eCommerce-service .accordion .accordion-item .accordion-header .accordion-button:hover:not(.collapsed)::after {
    border-color: #0e2096;
    color: #0e2096
}

.magento-eCommerce-service .accordion .accordion-item .card-body {
    padding-left: 0;
    padding-right: 0
}

.why-choose-magento-company {
    padding: 100px 0;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 991px) {
    .why-choose-magento-company {
        padding:50px 0 0px 0
    }
}

.why-choose-magento-company:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 50vh;
    background-color: #0e2096
}

.why-choose-magento-company:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 50vh;
    background-image: url(../img/magento-development/webp/parallax-background.webp);
    background-repeat: no-repeat;
    background-attachment: fixed
}

.why-choose-magento-company .why-ai-box {
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 50px;
    background: radial-gradient(left bottom, circle cover, #036ae1, #422c81 100%);
    background: -o-radial-gradient(left bottom, circle cover, #036ae1, #422c81 100%);
    background: -ms-radial-gradient(left bottom, circle cover, #036ae1, #422c81 100%);
    background: -moz-radial-gradient(left bottom, circle cover, #036ae1, #422c81 100%);
    background: -webkit-radial-gradient(left bottom, circle cover, #036ae1, #422c81 100%)
}

@media screen and (max-width: 575px) {
    .why-choose-magento-company .why-ai-box {
        padding:30px
    }
}

.why-choose-magento-company .why-ai-box h2 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 60px;
    line-height: 65px
}

@media screen and (max-width: 1600px) {
    .why-choose-magento-company .why-ai-box h2 {
        font-size:58px
    }
}

@media screen and (max-width: 1440px) {
    .why-choose-magento-company .why-ai-box h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1399px) {
    .why-choose-magento-company .why-ai-box h2 {
        font-size:46px;
        line-height: 55px
    }
}

@media screen and (max-width: 991px) {
    .why-choose-magento-company .why-ai-box h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .why-choose-magento-company .why-ai-box h2 {
        font-size:28px
    }
}

.why-choose-magento-company .why-ai-box p {
    font-size: 22px;
    color: #fff;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .why-choose-magento-company .why-ai-box p {
        font-size:17px
    }
}

.why-choose-magento-company .why-ai-box .project-box {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: 40px 0
}

.why-choose-magento-company .why-ai-box .project-box li {
    border: 1px solid rgba(255,255,255,0.2);
    flex-basis: 25%;
    padding: 20px;
    margin-right: -1px
}

@media screen and (max-width: 991px) {
    .why-choose-magento-company .why-ai-box .project-box li {
        flex-basis:50%
    }
}

.why-choose-magento-company .why-ai-box .project-box li .counting {
    font-size: 40px;
    font-family: "poppinsbold";
    color: #fff
}

@media screen and (max-width: 575px) {
    .why-choose-magento-company .why-ai-box .project-box li .counting {
        font-size:26px
    }
}

.why-choose-magento-company .why-ai-box .project-box li .fa {
    font-size: 30px;
    color: #fff
}

@media screen and (max-width: 575px) {
    .why-choose-magento-company .why-ai-box .project-box li .fa {
        font-size:26px
    }
}

.why-choose-magento-company .why-ai-box .btn-outline2:hover,.why-choose-magento-company .why-ai-box .btn-outline2:focus {
    text-decoration: none;
    color: #000;
    border-color: #fff;
    background-color: #fff
}

.why-choose-magento-company .why-ai-box .btn-outline2:hover:before,.why-choose-magento-company .why-ai-box .btn-outline2:hover:after,.why-choose-magento-company .why-ai-box .btn-outline2:focus:before,.why-choose-magento-company .why-ai-box .btn-outline2:focus:after {
    background-color: #0076FF;
    display: none
}

.why-choose-magento-company .why-ai-box .btn-outline2:hover .arrow,.why-choose-magento-company .why-ai-box .btn-outline2:focus .arrow {
    background-image: url("../img/common/svg/arrow-right-up-black.svg")
}

@media screen and (max-width: 991px) {
    .why-choose-magento-video {
        padding-bottom:0
    }
}

.why-choose-magento-video h2 {
    font-family: "poppinsbold";
    font-size: 60px;
    line-height: 65px
}

@media screen and (max-width: 1600px) {
    .why-choose-magento-video h2 {
        font-size:58px
    }
}

@media screen and (max-width: 1440px) {
    .why-choose-magento-video h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1399px) {
    .why-choose-magento-video h2 {
        font-size:46px;
        line-height: 55px
    }
}

@media screen and (max-width: 991px) {
    .why-choose-magento-video h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .why-choose-magento-video h2 {
        font-size:28px
    }
}

.why-choose-magento-video h2 .line {
    position: relative
}

.why-choose-magento-video h2 .line:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    right: 0px;
    height: 10px;
    background-color: #FF9100;
    width: calc(100% + 6.57px);
    z-index: -1
}

.why-choose-magento-video p {
    font-family: "poppins_mediumregular"
}

.why-choose-magento-video p a {
    text-decoration: underline
}

.why-choose-magento-video .video-box {
    background-color: #f7f7f7;
    padding: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    background-image: url(../img/magento-development/webp/magento-logo.webp);
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width: 991px) {
    .why-choose-magento-video .video-box {
        padding-top:10px
    }
}

.why-choose-magento-video .video-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 150px;
    background-color: #fff
}

.why-choose-magento-video .in-page-video {
    background-color: #000;
    max-width: 916px;
    margin: 0 auto 50px auto;
    position: relative;
    width: 100%;
    height: auto
}

@media screen and (max-width: 991px) {
    .why-choose-magento-video .in-page-video {
        margin-bottom:0
    }
}

.why-choose-magento-video .in-page-video:before {
    content: "";
    position: absolute;
    left: -20px;
    top: -20px;
    right: -20px;
    height: 250px;
    background-color: #0e2096
}

.why-choose-magento-video .in-page-video iframe {
    border: 4px solid #000;
    width: 100%;
    height: 519px;
    margin-bottom: -7px;
    position: relative;
    z-index: 1;
    background-color: #000
}

@media screen and (max-width: 991px) {
    .why-choose-magento-video .in-page-video iframe {
        height:360px
    }
}

.case-studies-magento {
    overflow: hidden
}

.case-studies-magento h2 {
    font-family: "poppinsbold";
    font-size: 60px;
    line-height: 65px
}

@media screen and (max-width: 1600px) {
    .case-studies-magento h2 {
        font-size:58px
    }
}

@media screen and (max-width: 1440px) {
    .case-studies-magento h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1399px) {
    .case-studies-magento h2 {
        font-size:46px;
        line-height: 55px
    }
}

@media screen and (max-width: 991px) {
    .case-studies-magento h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .case-studies-magento h2 {
        font-size:28px
    }
}

.case-studies-magento h2 .line {
    position: relative
}

.case-studies-magento h2 .line:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    right: 0px;
    height: 10px;
    background-color: #FF9100;
    width: calc(100% + 6.57px);
    z-index: -1
}

.case-studies-magento p {
    font-family: "poppins_mediumregular"
}

.case-studies-magento p a {
    text-decoration: underline
}

.case-studies-magento .portfolio-container {
    position: relative;
    margin: 120px 0
}

@media screen and (max-width: 991px) {
    .case-studies-magento .portfolio-container {
        margin:80px 0 50px 0
    }
}

.case-studies-magento .portfolio-container:before {
    content: "";
    position: absolute;
    left: 8.5%;
    top: -70px;
    right: 8.5%;
    bottom: -70px;
    background-color: #0e2096;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

@media screen and (max-width: 991px) {
    .case-studies-magento .portfolio-container:before {
        top:-30px;
        bottom: 0px
    }
}

.case-studies-magento .portfolio-container .row {
    margin: 0
}

.case-studies-magento .portfolio-container .row .col-sm-4,.case-studies-magento .portfolio-container .row .col-md-4 {
    padding: 0 20px
}

.case-studies-magento .case-studies-view {
    position: relative;
    overflow: hidden;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .case-studies-magento .case-studies-view {
        max-width:774px;
        margin: 0 auto 30px auto
    }
}

.case-studies-magento .case-studies-view:hover {
    transform: scale(1.1) translate(0px, 0px);
    -webkit-transform: scale(1.1) translate(0px, 0px);
    -moz-transform: scale(1.1) translate(0px, 0px);
    z-index: 2
}

.case-studies-magento .case-studies-view:hover .content-box {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px)
}

.case-studies-magento .case-studies-view .content-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,118,255,0.97);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-flow: column;
    padding: 50px;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s;
    transform: translate(0px, 700px);
    -webkit-transform: translate(0px, 700px);
    -moz-transform: translate(0px, 700px)
}

@media screen and (max-width: 1399px) {
    .case-studies-magento .case-studies-view .content-box {
        padding:25px
    }
}

@media screen and (max-width: 1199px) {
    .case-studies-magento .case-studies-view .content-box {
        padding:15px
    }
}

.case-studies-magento .case-studies-view .content-box h3 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 36px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .case-studies-magento .case-studies-view .content-box h3 {
        font-size:34px
    }
}

@media screen and (max-width: 1399px) {
    .case-studies-magento .case-studies-view .content-box h3 {
        font-size:28px
    }
}

@media screen and (max-width: 1366px) {
    .case-studies-magento .case-studies-view .content-box h3 {
        font-size:24px
    }
}

@media screen and (max-width: 575px) {
    .case-studies-magento .case-studies-view .content-box h3 {
        font-size:24px
    }
}

.case-studies-magento .case-studies-view .content-box h3 a {
    color: #fff
}

.case-studies-magento .case-studies-view .content-box p {
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 1199px) {
    .case-studies-magento .case-studies-view .content-box p {
        -webkit-line-clamp:2
    }
}

.case-studies-magento .case-studies-view .content-box .link.link-btn {
    position: relative;
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
    padding-right: 20px
}

.case-studies-magento .case-studies-view .content-box .link.link-btn:before {
    content: "";
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    background: transparent;
    border-radius: 90%;
    top: 8px;
    position: absolute;
    transition: .3s;
    left: 0
}

.case-studies-magento .case-studies-view .content-box .link.link-btn:hover:before {
    width: calc(100% + 20px);
    height: 51px;
    border-radius: 50px;
    top: 0px
}

.magento-cta-section {
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .magento-cta-section {
        padding:0px 0 50px 0
    }
}

@media screen and (max-width: 767px) {
    .magento-cta-section {
        padding:50px 0
    }
}

@media screen and (max-width: 1366px) {
    .magento-cta-section .col-sm-8,.magento-cta-section .col-md-8 {
        width:60%
    }
}

@media screen and (max-width: 991px) {
    .magento-cta-section .col-sm-8,.magento-cta-section .col-md-8 {
        width:100%
    }
}

.magento-cta-section .cta-box {
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 20px 20px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 20px 20px rgba(0,0,0,0.05);
    box-shadow: 0px 20px 20px rgba(0,0,0,0.05);
    padding: 50px
}

@media screen and (max-width: 991px) {
    .magento-cta-section .cta-box {
        text-align:center
    }
}

.magento-cta-section .cta-box img {
    margin-bottom: 30px
}

.magento-cta-section .cta-box .row {
    z-index: 1;
    position: relative
}

@media screen and (max-width: 991px) {
    .magento-cta-section .cta-box .row {
        flex-wrap:wrap-reverse
    }
}

.magento-cta-section .cta-box h2 {
    font-family: "poppinsbold";
    font-size: 60px;
    line-height: 65px
}

@media screen and (max-width: 1600px) {
    .magento-cta-section .cta-box h2 {
        font-size:58px
    }
}

@media screen and (max-width: 1440px) {
    .magento-cta-section .cta-box h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1399px) {
    .magento-cta-section .cta-box h2 {
        font-size:46px;
        line-height: 55px
    }
}

@media screen and (max-width: 991px) {
    .magento-cta-section .cta-box h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .magento-cta-section .cta-box h2 {
        font-size:28px
    }
}

.magento-cta-section .cta-box p {
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .magento-cta-section .cta-box p {
        font-size:17px
    }
}

.magento-new-industry {
    background-color: #0e2096;
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .magento-new-industry {
        padding:50px 0
    }
}

.magento-new-industry h2 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 60px;
    line-height: 65px
}

@media screen and (max-width: 1600px) {
    .magento-new-industry h2 {
        font-size:58px
    }
}

@media screen and (max-width: 1440px) {
    .magento-new-industry h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1399px) {
    .magento-new-industry h2 {
        font-size:46px;
        line-height: 55px
    }
}

@media screen and (max-width: 991px) {
    .magento-new-industry h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .magento-new-industry h2 {
        font-size:28px
    }
}

.magento-new-industry h3 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 46px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .magento-new-industry h3 {
        font-size:34px
    }
}

@media screen and (max-width: 1366px) {
    .magento-new-industry h3 {
        font-size:28px
    }
}

@media screen and (max-width: 575px) {
    .magento-new-industry h3 {
        font-size:24px
    }
}

.magento-new-industry p {
    color: #fff;
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .magento-new-industry p {
        font-size:17px
    }
}

.magento-new-industry .grid_colm_panel {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16.33333%, 1fr));
    padding-top: 2rem;
    position: relative;
    text-align: center
}

@media screen and (max-width: 991px) {
    .magento-new-industry .grid_colm_panel {
        grid-template-columns:repeat(auto-fill, minmax(50%, 1fr))
    }
}

@media screen and (max-width: 767px) {
    .magento-new-industry .grid_colm_panel {
        grid-template-columns:repeat(auto-fill, minmax(50%, 1fr))
    }
}

@media screen and (max-width: 575px) {
    .magento-new-industry .grid_colm_panel {
        padding-top:30px;
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr))
    }
}

.magento-new-industry .grid_colm_panel .grid_colm_item {
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 40px 50px;
    min-height: 182px;
    display: flex;
    align-items: center;
    flex-direction: column;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative
}

.magento-new-industry .grid_colm_panel .grid_colm_item:hover .icon {
    border-color: #2699ff
}

.magento-new-industry .grid_colm_panel .grid_colm_item:hover .grid_name {
    color: #2699ff
}

.magento-new-industry .grid_colm_panel .grid_colm_item .icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px dashed rgba(255,255,255,0.4);
    display: flex;
    align-items: center;
    margin: 0 auto;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.magento-new-industry .grid_colm_panel .grid_colm_item .icon:before {
    content: "";
    width: 40px;
    height: 40px;
    margin: auto;
    background-image: url(../img/magento-development/png/magento-icon-sprite002.png);
    background-repeat: no-repeat
}

.magento-new-industry .grid_colm_panel .grid_colm_item .icon.icon1:before {
    background-position: 0 0
}

.magento-new-industry .grid_colm_panel .grid_colm_item .icon.icon2:before {
    background-position: 0 -40px
}

.magento-new-industry .grid_colm_panel .grid_colm_item .icon.icon3:before {
    background-position: 0 -80px
}

.magento-new-industry .grid_colm_panel .grid_colm_item .icon.icon4:before {
    background-position: 0 -120px
}

.magento-new-industry .grid_colm_panel .grid_colm_item .icon.icon5:before {
    background-position: 0 -160px
}

.magento-new-industry .grid_colm_panel .grid_colm_item .icon.icon6:before {
    background-position: 0 -200px
}

.magento-new-industry .grid_colm_panel .grid_colm_item .icon.icon7:before {
    background-position: 0 -240px
}

.magento-new-industry .grid_colm_panel .grid_colm_item .icon.icon8:before {
    background-position: 0 -280px
}

.magento-new-industry .grid_colm_panel .grid_colm_item .icon.icon9:before {
    background-position: 0 -320px
}

.magento-new-industry .grid_colm_panel .grid_colm_item .icon.icon10:before {
    background-position: 0 -360px
}

.magento-new-industry .grid_colm_panel .grid_colm_item .icon.icon11:before {
    background-position: 0 -400px
}

.magento-new-industry .grid_colm_panel .grid_colm_item .icon.icon12:before {
    background-position: 0 -440px
}

.magento-new-industry .grid_colm_panel .grid_colm_item .grid_name {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
    padding-top: 20px;
    font-family: "poppins_semiboldregular";
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative;
    z-index: 1
}

.magento-new-industry .grid_colm_panel .grid_colm_item:nth-child(1):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.magento-new-industry .grid_colm_panel .grid_colm_item:nth-child(2):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.magento-new-industry .grid_colm_panel .grid_colm_item:nth-child(3):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.magento-new-industry .grid_colm_panel .grid_colm_item:nth-child(4):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.magento-new-industry .grid_colm_panel .grid_colm_item:nth-child(5):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.magento-new-industry .grid_colm_panel .grid_colm_item:nth-child(6):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.magento-new-industry .grid_colm_panel .grid_colm_item:nth-child(7):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.magento-new-industry .grid_colm_panel .grid_colm_item:nth-child(8):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.magento-new-industry .grid_colm_panel .grid_colm_item:nth-child(9):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.magento-new-industry .grid_colm_panel .grid_colm_item:nth-child(10):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.magento-new-industry .grid_colm_panel:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0px;
    width: 2px;
    height: 100%;
    background-color: #0e2096;
    z-index: 1
}

.magento-new-industry .grid_colm_panel:after {
    position: absolute;
    content: "";
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: #0e2096;
    z-index: 1
}

.magento-leading-companies {
    background-color: #0e2096;
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .magento-leading-companies {
        padding:50px 0
    }
}

.magento-leading-companies h2 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 64px;
    line-height: 1.2
}

@media screen and (max-width: 1600px) {
    .magento-leading-companies h2 {
        font-size:64px
    }
}

@media screen and (max-width: 1600px) {
    .magento-leading-companies h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1440px) {
    .magento-leading-companies h2 {
        font-size:46px
    }
}

@media screen and (max-width: 991px) {
    .magento-leading-companies h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .magento-leading-companies h2 {
        font-size:28px
    }
}

.magento-leading-companies h3 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 46px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .magento-leading-companies h3 {
        font-size:34px
    }
}

@media screen and (max-width: 1366px) {
    .magento-leading-companies h3 {
        font-size:28px
    }
}

@media screen and (max-width: 575px) {
    .magento-leading-companies h3 {
        font-size:24px
    }
}

.magento-leading-companies p {
    color: #fff;
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .magento-leading-companies p {
        font-size:17px
    }
}

.magento-leading-companies .brand {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    height: 120px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s
}

.magento-leading-companies .brand:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 136px;
    height: 70px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    background-image: url(../img/ai-development/png/ai-sprite6.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.magento-leading-companies .brand.b1:before {
    background-position: 0 0
}

.magento-leading-companies .brand.b2:before {
    background-position: 0 -70px
}

.magento-leading-companies .brand.b3:before {
    background-position: 0 -140px
}

.magento-leading-companies .brand.b4:before {
    background-position: 0 -210px
}

.magento-leading-companies .brand.b5:before {
    background-position: 0 -280px
}

.magento-leading-companies .brand.b6:before {
    background-position: 0 -350px
}

.magento-leading-companies .brand.b7:before {
    background-position: 0 -420px
}

.magento-leading-companies .brand.b8:before {
    background-position: 0 -490px
}

.magento-leading-companies .brand.b9:before {
    background-position: 0 -560px
}

.magento-leading-companies .brand.b10:before {
    background-position: 0 -630px
}

.magento-leading-companies .brand.b11:before {
    background-position: 0 -700px
}

.magento-leading-companies .brand.b12:before {
    background-position: 0 -770px
}

.magento-leading-companies .brand.b13:before {
    background-position: 0 -840px
}

.web-design-company-banner {
    position: relative;
    background-color: #00295a;
    padding-top: 200px;
    padding-bottom: 200px;
    text-align: center;
    overflow: hidden;
    margin-top: 0px
}

@media screen and (max-width: 1600px) {
    .web-design-company-banner {
        padding-top:180px
    }
}

@media screen and (max-width: 1440px) {
    .web-design-company-banner {
        padding-top:100px;
        padding-bottom: 150px
    }
}

@media screen and (max-width: 767px) {
    .web-design-company-banner {
        padding-bottom:150px;
        padding-top: 50px
    }
}

.web-design-company-banner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url("../img/web-design-company/webp/local-web-design-agency.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    opacity: 0.2;
    z-index: 2;
    background-size: 110% 110%;
    background-position: center center;
    animation: shrink 5s infinite alternate
}

@media screen and (max-width: 767px) {
    .web-design-company-banner:after {
        background-size:cover;
        animation: none
    }
}

@keyframes shrink {
    0% {
        background-size: 110% 110%
    }

    100% {
        background-size: 100% 100%
    }
}

.web-design-company-banner:before {
    background-color: #00295a;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    z-index: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px)
}

@media screen and (max-width: 991px) {
    .web-design-company-banner:before {
        z-index:2
    }
}

@media screen and (max-width: 575px) {
    .web-design-company-banner .custom-container {
        width:90%
    }
}

.web-design-company-banner h1 {
    font-family: poppinsbold;
    color: #fff;
    line-height: normal;
    margin-bottom: 10px;
    line-height: 58px;
    font-size: 62px
}

@media screen and (max-width: 1699px) {
    .web-design-company-banner h1 {
        font-size:54px
    }
}

@media screen and (max-width: 1599px) {
    .web-design-company-banner h1 {
        font-size:50px
    }
}

@media screen and (max-width: 1499px) {
    .web-design-company-banner h1 {
        font-size:48px
    }
}

@media screen and (max-width: 1399px) {
    .web-design-company-banner h1 {
        font-size:42px
    }
}

@media screen and (max-width: 991px) {
    .web-design-company-banner h1 {
        font-size:36px
    }
}

@media screen and (max-width: 767px) {
    .web-design-company-banner h1 {
        font-size:36px
    }
}

@media screen and (max-width: 575px) {
    .web-design-company-banner h1 {
        font-size:32px;
        line-height: 42px
    }
}

.web-design-company-banner h1 .line {
    position: relative;
    display: inline-block
}

.web-design-company-banner h1 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 15px;
    background-color: #0076FF;
    z-index: -1;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.web-design-company-banner .nectar-highlighted-text:not([data-style=text_outline]) em {
    background-image: linear-gradient(to right, rgba(0,118,255,0.5) 0, rgba(0,118,255,0.5) 100%)
}

.web-design-company-banner .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 0% 28%
}

@media screen and (max-width: 575px) {
    .web-design-company-banner .nectar-highlighted-text[data-style=half_text] em.animated {
        background-size:100% 28%
    }
}

.web-design-company-banner:hover h1 .line:before {
    width: 100%
}

.web-design-company-banner:hover .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 100% 28%
}

.web-design-company-banner h2 {
    color: #fff;
    font-family: poppinsbold;
    line-height: 58px;
    font-size: 62px
}

@media screen and (max-width: 767px) {
    .web-design-company-banner h2 {
        line-height:normal;
        font-size: 30px;
        font-family: poppinsregular
    }
}

@media screen and (max-width: 575px) {
    .web-design-company-banner h2 {
        line-height:normal;
        font-size: 24px
    }
}

.web-design-company-banner h2 .line {
    position: relative;
    display: inline-block
}

.web-design-company-banner h2 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 15px;
    background-color: #0076FF;
    z-index: -1;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.web-design-company-banner:hover h2 .line:before {
    width: 100%
}

.web-design-company-banner .divider {
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 2px
}

.web-design-company-banner .divider:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0076FF
}

.web-design-company-banner p {
    color: #fff;
    font-size: 16px
}

@media screen and (max-width: 1699px) {
    .web-design-company-banner p.f-28 {
        font-size:16px
    }
}

@media screen and (max-width: 575px) {
    .web-design-company-banner p.f-28 {
        font-size:16px
    }
}

.web-design-company-banner .divider-shape-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.web-design-company-banner .btn {
    margin: 10px;
    font-family: "interbold";
    -webkit-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2)
}

@media screen and (max-width: 991px) {
    .web-design-company-banner .btn {
        padding:15px 42px 15px 15px;
        font-size: 16px
    }
}

.web-design-company-banner .btn:active {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2)
}

.web-design-company-banner .btn.btn-orange {
    background-color: #FF9100;
    background: #D95700;
    background: linear-gradient(45deg, #D95700 50%, #FF9100 100%)
}

.web-design-company-banner .btn.btn-blue {
    background: #0167e7;
    background: -webkit-linear-gradient(bottom, #0167e7 0%, #053390 100%);
    background: -o-linear-gradient(bottom, #0167e7 0%, #053390 100%);
    background: linear-gradient(to top, #0167e7 0%, #053390 100%)
}

.web-design-company-banner .nectar-shape-divider-wrap {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    z-index: 3;
    transform: translateZ(0)
}

.web-design-company-banner .nectar-shape-divider-wrap .nectar-shape-divider {
    width: 100%;
    left: 0;
    bottom: -1px;
    height: 100%;
    position: absolute
}

.web-design-company-banner .nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(1),.web-design-company-banner .nectar-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(1) {
    opacity: 0.15
}

.web-design-company-banner .nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(2),.web-design-company-banner .nectar-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(2) {
    opacity: 0.3
}

.web-design-company-banner .top-text {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 4;
    flex-direction: column
}

@media screen and (max-width: 991px) {
    .web-design-company-banner .top-text {
        z-index:4;
        margin-top: 50px
    }
}

.web-design-partner {
    padding: 10px 0;
    background-color: #fafafa
}

@media screen and (max-width: 1440px) {
    .web-design-partner {
        padding-top:0;
        padding-bottom: 10px
    }
}

@media screen and (max-width: 575px) {
    .web-design-partner {
        text-align:center
    }
}

.web-design-partner .partner-list {
    text-align: center;
    margin-bottom: 30px
}

@media screen and (max-width: 575px) {
    .web-design-partner .partner-list {
        justify-content:center
    }
}

.web-design-partner .partner-list li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 65px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1399px) {
    .web-design-partner .partner-list li {
        flex-basis:17%
    }
}

@media screen and (max-width: 1366px) {
    .web-design-partner .partner-list li {
        flex-basis:17%
    }
}

@media screen and (max-width: 1199px) {
    .web-design-partner .partner-list li {
        flex-basis:16%
    }
}

@media screen and (max-width: 991px) {
    .web-design-partner .partner-list li {
        flex-basis:30%;
        margin: 10px
    }
}

@media screen and (max-width: 767px) {
    .web-design-partner .partner-list li {
        flex-basis:45%
    }
}

@media screen and (max-width: 575px) {
    .web-design-partner .partner-list li {
        margin:10px 3px 0px 3px
    }
}

@media screen and (max-width: 480px) {
    .web-design-partner .partner-list li {
        padding-top:10px;
        min-height: 94px
    }
}

@media screen and (max-width: 360px) {
    .web-design-partner .partner-list li {
        flex-basis:45%
    }
}

.web-design-partner .partner-list li a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    line-height: normal
}

@media screen and (max-width: 1600px) {
    .web-design-partner .partner-list li a {
        font-size:15px;
        line-height: normal
    }
}

.web-design-partner .partner-list li .icon {
    margin: auto;
    width: 150px;
    height: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("../img/mobile-app-development-company/png/mob-app-cSprite1.png");
    background-repeat: no-repeat;
    margin-top: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5
}

@media screen and (max-width: 1024px) {
    .web-design-partner .partner-list li .icon {
        width:150px;
        height: 60px;
        background-size: 100% auto
    }
}

@media screen and (max-width: 480px) {
    .web-design-partner .partner-list li .icon {
        width:130px;
        height: 52px
    }
}

.web-design-partner .partner-list li .icon.icon1 {
    background-position: 0 0px
}

@media screen and (max-width: 1024px) {
    .web-design-partner .partner-list li .icon.icon1 {
        background-position:0 0px
    }
}

@media screen and (max-width: 480px) {
    .web-design-partner .partner-list li .icon.icon1 {
        background-position:0 0px
    }
}

.web-design-partner .partner-list li .icon.icon2 {
    background-position: 0 -60px
}

@media screen and (max-width: 1024px) {
    .web-design-partner .partner-list li .icon.icon2 {
        background-position:0 -60px
    }
}

@media screen and (max-width: 480px) {
    .web-design-partner .partner-list li .icon.icon2 {
        background-position:0 -52px
    }
}

.web-design-partner .partner-list li .icon.icon3 {
    background-position: 0 -120px
}

@media screen and (max-width: 1024px) {
    .web-design-partner .partner-list li .icon.icon3 {
        background-position:0 -120px
    }
}

@media screen and (max-width: 480px) {
    .web-design-partner .partner-list li .icon.icon3 {
        background-position:0 -104px
    }
}

.web-design-partner .partner-list li .icon.icon4 {
    background-position: 0 -180px
}

@media screen and (max-width: 1024px) {
    .web-design-partner .partner-list li .icon.icon4 {
        background-position:0 -180px
    }
}

@media screen and (max-width: 480px) {
    .web-design-partner .partner-list li .icon.icon4 {
        background-position:0 -156px
    }
}

.web-design-partner .partner-list li .icon.icon5 {
    background-position: 0 -240px
}

@media screen and (max-width: 1024px) {
    .web-design-partner .partner-list li .icon.icon5 {
        background-position:0 -240px
    }
}

@media screen and (max-width: 480px) {
    .web-design-partner .partner-list li .icon.icon5 {
        background-position:0 -208px
    }
}

.web-design-partner .partner-list li .icon.icon6 {
    background-position: 0 -300px
}

@media screen and (max-width: 1024px) {
    .web-design-partner .partner-list li .icon.icon6 {
        background-position:0 -300px
    }
}

@media screen and (max-width: 480px) {
    .web-design-partner .partner-list li .icon.icon6 {
        background-position:0 -260px
    }
}

.web-design-partner .partner-list li .icon.icon7 {
    background-position: 0 -360px
}

@media screen and (max-width: 1024px) {
    .web-design-partner .partner-list li .icon.icon7 {
        background-position:0 -360px
    }
}

@media screen and (max-width: 480px) {
    .web-design-partner .partner-list li .icon.icon7 {
        background-position:0 -312px
    }
}

.web-design-partner .partner-list li .icon.icon8 {
    background-position: 0 -420px
}

@media screen and (max-width: 1024px) {
    .web-design-partner .partner-list li .icon.icon8 {
        background-position:0 -420px
    }
}

@media screen and (max-width: 480px) {
    .web-design-partner .partner-list li .icon.icon8 {
        background-position:0 -364px
    }
}

.web-design-partner .partner-list li .icon.icon9 {
    background-position: 0 -480px
}

@media screen and (max-width: 1024px) {
    .web-design-partner .partner-list li .icon.icon9 {
        background-position:0 -480px
    }
}

@media screen and (max-width: 480px) {
    .web-design-partner .partner-list li .icon.icon9 {
        background-position:0 -416px
    }
}

.web-design-partner .partner-list li .icon.icon10 {
    background-position: 0 -540px
}

@media screen and (max-width: 1024px) {
    .web-design-partner .partner-list li .icon.icon10 {
        background-position:0 -540px
    }
}

@media screen and (max-width: 480px) {
    .web-design-partner .partner-list li .icon.icon10 {
        background-position:0 -468px
    }
}

.web-design-partner .partner-list li:hover .icon {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 1
}

.webDesign {
    padding: 100px 0 0px 0;
    text-align: center
}

@media screen and (max-width: 767px) {
    .webDesign {
        padding-top:50px
    }
}

.webDesign .divider {
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 2px
}

.webDesign .divider:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0076FF
}

.webDesign h2 {
    font-family: "poppins_mediumregular";
    color: #1b1464
}

.webDesign h2 .line {
    position: relative;
    display: inline-block
}

.webDesign h2 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 10px;
    background-color: #0076FF;
    z-index: -1;
    opacity: 0.3;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.webDesign .nectar-highlighted-text:not([data-style=text_outline]) em {
    background-image: linear-gradient(to right, rgba(0,118,255,0.3) 0, rgba(0,118,255,0.3) 100%)
}

.webDesign .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 0% 28%
}

@media screen and (max-width: 575px) {
    .webDesign .nectar-highlighted-text[data-style=half_text] em.animated {
        background-size:100% 28%
    }
}

.webDesign:hover h2 .line:before {
    width: 100%
}

.webDesign:hover .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 100% 28%
}

.webDesign p {
    font-family: "poppinsregular";
    color: #676767;
    font-size: 16px
}

.webDesign p.sub-text {
    margin-left: 10%;
    margin-right: 10%
}

@media screen and (max-width: 991px) {
    .webDesign p.sub-text {
        margin-left:0;
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .webDesign p.sub-text {
        margin-bottom:20px
    }
}

.webDesign h3 {
    font-family: "poppins_mediumregular"
}

.webDesign h3 .line {
    position: relative;
    display: inline-block
}

.webDesign h3 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 10px;
    background-color: #0076FF;
    z-index: -1;
    opacity: 0.3;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.webDesign:hover h3 .line:before {
    width: 100%
}

.webDesign .text-box {
    border: 1px solid rgba(0,0,0,0.1);
    transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
    padding: 20% 15%;
    position: relative;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    min-height: 100%
}

@media screen and (max-width: 1500px) {
    .webDesign .text-box {
        padding:10% 10%
    }
}

@media screen and (max-width: 767px) {
    .webDesign .text-box {
        min-height:auto;
        margin-bottom: 30px
    }
}

.webDesign .text-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.webDesign .text-box.tb1:before {
    background-image: url("../img/web-design-company/webp/web-development.webp")
}

.webDesign .text-box.tb2:before {
    background-image: url("../img/web-design-company/webp/eCommerce-Stores.webp")
}

.webDesign .text-box.tb3:before {
    background-image: url("../img/web-design-company/webp/web-application.webp")
}

.webDesign .text-box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #0076FF;
    opacity: 0.9;
    display: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.webDesign .text-box:hover {
    border-color: #0076FF;
    -webkit-box-shadow: 0px 30px 90px rgba(0,118,255,0.3);
    -moz-box-shadow: 0px 30px 90px rgba(0,118,255,0.3);
    box-shadow: 0px 30px 90px rgba(0,118,255,0.3)
}

.webDesign .text-box:hover:before {
    opacity: 1;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.webDesign .text-box:hover:after {
    display: block
}

.webDesign .text-box:hover h3,.webDesign .text-box:hover p {
    color: #fff;
    opacity: 1
}

.webDesign .text-box:hover .icon svg {
    fill: #fff
}

.webDesign .text-box h3 {
    color: #444;
    position: relative;
    z-index: 1;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

@media screen and (max-width: 767px) {
    .webDesign .text-box h3 {
        font-size:24px
    }
}

.webDesign .text-box p {
    color: #444;
    opacity: 0.75;
    position: relative;
    z-index: 1;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.webDesign .text-box .icon {
    position: relative;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 40px;
    display: inline-block
}

@media screen and (max-width: 767px) {
    .webDesign .text-box .icon {
        margin-bottom:20px
    }
}

.webDesign .text-box .icon svg {
    width: 50px;
    height: 50px;
    fill: #0076FF;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.webDesign .text-box .link-overly {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

.local-businesses {
    padding: 100px 0;
    text-align: center
}

@media screen and (max-width: 767px) {
    .local-businesses {
        padding:50px 0
    }
}

@media screen and (max-width: 991px) {
    .local-businesses .col-sm-3,.local-businesses .col-md-3 {
        width:50%
    }
}

@media screen and (max-width: 480px) {
    .local-businesses .col-sm-3,.local-businesses .col-md-3 {
        width:100%
    }
}

.local-businesses .divider {
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 2px
}

.local-businesses .divider:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0076FF
}

.local-businesses h2 {
    font-family: "poppins_mediumregular";
    color: #676767
}

.local-businesses p {
    font-family: "poppinsregular";
    color: #676767;
    font-size: 16px
}

.local-businesses p.sub-text {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 70px
}

@media screen and (max-width: 991px) {
    .local-businesses p.sub-text {
        margin-left:0;
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .local-businesses p.sub-text {
        margin-bottom:40px
    }
}

.local-businesses h3 {
    font-family: "poppins_mediumregular"
}

.local-businesses h3 .line {
    position: relative;
    display: inline-block
}

.local-businesses h3 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 10px;
    background-color: #0076FF;
    z-index: -1;
    opacity: 0.3;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.local-businesses .nectar-highlighted-text:not([data-style=text_outline]) em {
    background-image: linear-gradient(to right, rgba(0,118,255,0.3) 0, rgba(0,118,255,0.3) 100%)
}

.local-businesses .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 0% 28%
}

@media screen and (max-width: 575px) {
    .local-businesses .nectar-highlighted-text[data-style=half_text] em.animated {
        background-size:100% 28%
    }
}

.local-businesses:hover h3 .line:before {
    width: 100%
}

.local-businesses:hover .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 100% 28%
}

.local-businesses .img-box {
    position: relative
}

.local-businesses .img-box .img-frame {
    margin-bottom: 15px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: relative
}

.local-businesses .img-box .img-frame:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 1
}

.local-businesses .img-box .img-frame.if1:before {
    background-image: url("../img/web-design-company/webp/dominos-us.webp")
}

.local-businesses .img-box .img-frame.if2:before {
    background-image: url("../img/web-design-company/webp/bg2.webp")
}

.local-businesses .img-box .img-frame.if3:before {
    background-image: url("../img/web-design-company/webp/Dollar-General.webp")
}

.local-businesses .img-box .img-frame.if4:before {
    background-image: url("../img/web-design-company/webp/Silverman-Law-Office.webp")
}

.local-businesses .img-box .img-frame.if5:before {
    background-image: url("../img/web-design-company/webp/University-Of-Florida.webp")
}

.local-businesses .img-box .img-frame.if6:before {
    background-image: url("../img/web-design-company/webp/MLB.webp")
}

.local-businesses .img-box .img-frame.if7:before {
    background-image: url("../img/web-design-company/webp/Chemical-Guys.webp")
}

.local-businesses .img-box .img-frame.if8:before {
    background-image: url("../img/web-design-company/webp/Body-Building.webp")
}

.local-businesses .img-box .img-frame:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #00295A;
    opacity: 0.8;
    z-index: 2
}

.local-businesses .img-box .img-frame img {
    position: relative;
    z-index: 3;
    width: 100%;
    height: auto;
    object-fit: cover
}

.local-businesses .img-box:hover .img-frame {
    -webkit-box-shadow: 0px 30px 50px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 30px 50px rgba(0,0,0,0.2);
    box-shadow: 0px 30px 50px rgba(0,0,0,0.2)
}

.local-businesses .img-box:hover .img-frame:before {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.local-businesses .img-box h3 {
    color: #1b1464;
    font-size: 20px;
    line-height: 26px;
    position: relative;
    z-index: 1;
    text-align: center;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.local-businesses .img-box .link-overly {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

.our-clients-say {
    padding: 100px 0;
    text-align: center;
    background-color: #f7f7f7
}

@media screen and (max-width: 767px) {
    .our-clients-say {
        padding:50px 0
    }
}

.our-clients-say .divider {
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 2px
}

.our-clients-say .divider:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0076FF
}

.our-clients-say h2 {
    font-family: "poppins_mediumregular";
    color: #676767
}

.our-clients-say p {
    font-family: "poppinsregular";
    color: #676767;
    font-size: 16px
}

.our-clients-say p.sub-text {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 70px
}

@media screen and (max-width: 991px) {
    .our-clients-say p.sub-text {
        margin-left:0;
        margin-right: 0
    }
}

.our-clients-say h3 {
    font-family: "poppins_mediumregular"
}

.our-clients-say h3 .line {
    position: relative;
    display: inline-block
}

.our-clients-say h3 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 10px;
    background-color: #0076FF;
    z-index: 0;
    opacity: 0.3;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.our-clients-say h3 .line .upper {
    position: relative;
    z-index: 1;
    display: inline-block
}

.our-clients-say .nectar-highlighted-text:not([data-style=text_outline]) em {
    background-image: linear-gradient(to right, rgba(0,118,255,0.3) 0, rgba(0,118,255,0.3) 100%)
}

.our-clients-say .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 0% 28%
}

@media screen and (max-width: 575px) {
    .our-clients-say .nectar-highlighted-text[data-style=half_text] em.animated {
        background-size:100% 28%
    }
}

.our-clients-say:hover h3 .line:before {
    width: 100%
}

.our-clients-say:hover .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 100% 28%
}

.our-clients-say .client-box {
    padding: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    text-align: left;
    background-color: #fff;
    min-height: 500px
}

@media screen and (max-width: 1700px) {
    .our-clients-say .client-box {
        min-height:500px
    }
}

@media screen and (max-width: 1600px) {
    .our-clients-say .client-box {
        min-height:410px;
        padding: 30px
    }
}

@media screen and (max-width: 1500px) {
    .our-clients-say .client-box {
        min-height:440px
    }
}

@media screen and (max-width: 1440px) {
    .our-clients-say .client-box {
        min-height:360px
    }
}

@media screen and (max-width: 1400px) {
    .our-clients-say .client-box {
        min-height:440px
    }
}

@media screen and (max-width: 1366px) {
    .our-clients-say .client-box {
        min-height:390px
    }
}

@media screen and (max-width: 1300px) {
    .our-clients-say .client-box {
        min-height:390px
    }
}

@media screen and (max-width: 1299px) {
    .our-clients-say .client-box {
        min-height:390px
    }
}

@media screen and (max-width: 1099px) {
    .our-clients-say .client-box {
        min-height:440px
    }
}

@media screen and (max-width: 991px) {
    .our-clients-say .client-box {
        min-height:auto
    }
}

.our-clients-say .client-box .client-details {
    position: relative;
    padding-left: 70px
}

.our-clients-say .client-box .client-details .client-pic {
    display: inline-block;
    margin-right: 20px;
    position: absolute;
    left: 0;
    top: 0;
    width: 52px;
    height: 52px;
    -webkit-box-shadow: 0px 30px 50px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 30px 50px rgba(0,0,0,0.2);
    box-shadow: 0px 30px 50px rgba(0,0,0,0.2);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden
}

.our-clients-say .client-box .client-details .client-pic img {
    width: 100%;
    height: 100%
}

.our-clients-say .client-box .client-details .name {
    color: #676767;
    font-family: "poppins_mediumregular"
}

.our-clients-say .client-box .client-details .desi {
    color: #a3a3a3;
    font-family: "poppinsregular"
}

.our-clients-say .client-box p {
    font-family: "poppinsregular";
    color: #676767
}

.our-clients-say .client-box .ratStars {
    margin-top: 30px;
    margin-bottom: 0px
}

.our-clients-say .client-box .ratStars .fa-star {
    color: #fcc923
}

.our-clients-say .owl-landing-clients .owl-dots {
    margin-top: 50px
}

.our-clients-say .owl-landing-clients .owl-dots .owl-dot {
    width: 6px;
    height: 6px;
    transition: all .25s ease;
    border-radius: 50%;
    margin-left: 11px;
    background-color: transparent;
    box-shadow: inset 0 0 0 5px #000
}

.our-clients-say .owl-landing-clients .owl-dots .owl-dot:after,.our-clients-say .owl-landing-clients .owl-dots .owl-dot:before {
    display: none
}

.our-clients-say .owl-landing-clients .owl-dots .owl-dot.active {
    transform: scale(2);
    box-shadow: inset 0 0 0 1px #000;
    background-color: transparent
}

.got-me {
    padding: 130px 0 100px 0;
    text-align: center;
    background-color: #0076FF;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .got-me {
        padding:80px 0 50px 0
    }
}

.got-me svg {
    height: 50px
}

.got-me .nectar-shape-divider-wrap {
    left: 50%;
    transform: rotate(180deg);
    top: -1px;
    bottom: auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    z-index: 3;
    transform: translateZ(0)
}

.got-me .nectar-shape-divider-wrap[data-position="top"] {
    transform: rotate(180deg)
}

.got-me .nectar-shape-divider-wrap[data-position="top"] {
    top: -1px;
    bottom: auto
}

.got-me .nectar-shape-divider-wrap[data-style="fan"] svg polygon:nth-child(2) {
    opacity: 0.15
}

.got-me .nectar-shape-divider-wrap[data-style="fan"] svg rect {
    opacity: 0.3
}

.got-me .divider {
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 2px
}

.got-me .divider:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0076FF
}

.got-me h2 {
    font-family: "poppins_mediumregular";
    color: #676767
}

.got-me p {
    font-family: "poppinsregular";
    color: #676767
}

.got-me p.sub-text {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 70px
}

@media screen and (max-width: 991px) {
    .got-me p.sub-text {
        margin-left:0;
        margin-right: 0
    }
}

.got-me h3 {
    color: #fff;
    font-family: "poppins_mediumregular"
}

@media screen and (max-width: 767px) {
    .got-me h3 {
        font-size:28px
    }
}

.got-me h3 .line {
    position: relative;
    display: inline-block
}

.got-me h3 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 6px;
    background-color: #fff;
    z-index: 0;
    opacity: 0.3;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.got-me h3 .line .upper {
    position: relative;
    z-index: 1;
    display: inline-block
}

.got-me .nectar-highlighted-text:not([data-style=text_outline]) em {
    background-image: linear-gradient(to right, rgba(255,255,255,0.3) 0, rgba(255,255,255,0.3) 100%)
}

.got-me .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 0% 28%
}

@media screen and (max-width: 575px) {
    .got-me .nectar-highlighted-text[data-style=half_text] em.animated {
        background-size:100% 28%
    }
}

.got-me:hover h3 .line:before {
    width: 100%
}

.got-me:hover .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 100% 28%
}

.got-me h4 {
    color: #fff;
    font-family: "poppinsregular"
}

@media screen and (max-width: 767px) {
    .got-me h4 {
        font-size:18px
    }
}

.how-much {
    padding: 100px 0;
    text-align: center
}

@media screen and (max-width: 767px) {
    .how-much {
        padding:50px 0
    }
}

.how-much .divider {
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 2px
}

.how-much .divider:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0076FF
}

.how-much h2 {
    font-family: "poppins_mediumregular";
    color: #1b1464
}

.how-much .nectar-highlighted-text:not([data-style=text_outline]) em {
    background-image: linear-gradient(to right, rgba(0,118,255,0.3) 0, rgba(0,118,255,0.3) 100%)
}

.how-much .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 0% 28%
}

@media screen and (max-width: 575px) {
    .how-much .nectar-highlighted-text[data-style=half_text] em.animated {
        background-size:100% 28%
    }
}

.how-much:hover h2 .line:before {
    width: 100%
}

.how-much:hover .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 100% 28%
}

.how-much p {
    font-family: "poppinsregular";
    color: #676767;
    font-size: 16px
}

.how-much p.sub-text {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 70px
}

@media screen and (max-width: 991px) {
    .how-much p.sub-text {
        margin-left:0;
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .how-much p.sub-text {
        margin-bottom:40px
    }
}

.how-much h3 {
    font-family: "poppins_mediumregular"
}

.how-much h3 .line {
    position: relative;
    display: inline-block
}

.how-much h3 .line:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    height: 10px;
    background-color: #0076FF;
    z-index: -1;
    opacity: 0.3
}

.how-much .color-box {
    position: relative;
    padding: 13%;
    background-color: #BEBEBE;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    text-align: left;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    min-height: 100%
}

@media screen and (max-width: 1400px) {
    .how-much .color-box {
        padding:10%
    }
}

@media screen and (max-width: 767px) {
    .how-much .color-box {
        margin-bottom:30px;
        min-height: auto
    }
}

.how-much .color-box.cb1 {
    background-color: #0076FF
}

.how-much .color-box.cb2 {
    background-color: #1b1464
}

.how-much .color-box.cb3 {
    background-color: #1b1f3b
}

.how-much .color-box:hover.cb1 {
    background-color: #1a84ff
}

.how-much .color-box:hover.cb2 {
    background-color: #281f89
}

.how-much .color-box:hover.cb3 {
    background-color: #2d3460
}

.how-much .color-box h3 {
    font-family: "poppins_mediumregular";
    color: #fff;
    position: relative;
    z-index: 1;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

@media screen and (max-width: 575px) {
    .how-much .color-box h3 {
        font-size:24px
    }
}

.how-much .color-box p {
    color: #fff
}

.how-much .color-box .icon {
    display: block;
    width: 52px;
    height: 52px;
    margin-bottom: 10px;
    background-image: url(../img/web-design-company/png/web-deaign-sprite1.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0 0 40px 0
}

@media screen and (max-width: 1400px) {
    .how-much .color-box .icon {
        margin-bottom:20px
    }
}

.how-much .color-box .icon.icon1 {
    background-position: 0 0
}

.how-much .color-box .icon.icon2 {
    background-position: 0 -52px
}

.how-much .color-box .icon.icon3 {
    background-position: 0 -104px
}

.how-much .color-box .icon.icon4 {
    background-position: 0 -156px
}

.how-much .color-box .link-overly {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

.affordable-website-design {
    padding: 130px 0 100px 0;
    background-color: #0076FF;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1400px) {
    .affordable-website-design {
        padding:80px 0 80px 0
    }
}

.affordable-website-design:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("../img/web-design-company/webp/web-design-working.webp");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    opacity: 0.1
}

.affordable-website-design .container {
    position: relative;
    z-index: 1
}

.affordable-website-design svg {
    height: 50px
}

.affordable-website-design .nectar-shape-divider-wrap {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    z-index: 3;
    transform: translateZ(0)
}

.affordable-website-design .nectar-shape-divider {
    width: 100%;
    left: 0;
    bottom: -1px;
    height: 100%;
    position: absolute
}

.affordable-website-design .nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(1),.affordable-website-design .nectar-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(1) {
    opacity: 0.15
}

.affordable-website-design .nectar-shape-divider-wrap.no-color .nectar-shape-divider {
    fill: #fff
}

.affordable-website-design .nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(2),.affordable-website-design .nectar-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(2) {
    opacity: 0.3
}

.affordable-website-design .nectar-shape-divider-wrap[data-position="top"] {
    transform: rotate(180deg)
}

.affordable-website-design .nectar-shape-divider-wrap[data-position="top"] {
    top: -1px;
    bottom: auto
}

.affordable-website-design .divider {
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 2px
}

.affordable-website-design .divider:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0076FF
}

.affordable-website-design h2 {
    font-family: "poppins_mediumregular";
    color: #fff
}

@media screen and (max-width: 575px) {
    .affordable-website-design h2 {
        font-size:30px
    }
}

.affordable-website-design p {
    font-family: "poppinsregular";
    color: #fff;
    font-size: 16px
}

.affordable-website-design p.sub-text {
    margin-left: 10%;
    margin-right: 10%
}

@media screen and (max-width: 991px) {
    .affordable-website-design p.sub-text {
        margin-left:0;
        margin-right: 0
    }
}

.affordable-website-design h3 {
    color: #fff;
    font-family: "poppins_mediumregular"
}

@media screen and (max-width: 575px) {
    .affordable-website-design h3 {
        font-size:24px
    }
}

.affordable-website-design h3 .line {
    position: relative;
    display: inline-block
}

.affordable-website-design h3 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 6px;
    background-color: #fff;
    z-index: 0;
    opacity: 0.3;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.affordable-website-design h3 .line .upper {
    position: relative;
    z-index: 1;
    display: inline-block
}

.affordable-website-design .nectar-highlighted-text:not([data-style=text_outline]) em {
    background-image: linear-gradient(to right, rgba(255,255,255,0.3) 0, rgba(255,255,255,0.3) 100%)
}

.affordable-website-design .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 0% 28%
}

@media screen and (max-width: 575px) {
    .affordable-website-design .nectar-highlighted-text[data-style=half_text] em.animated {
        background-size:100% 28%
    }
}

.affordable-website-design:hover h3 .line:before {
    width: 100%
}

.affordable-website-design:hover .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 100% 28%
}

.affordable-website-design h4 {
    color: #fff
}

.affordable-website-design .hire-model-info {
    width: 100%;
    margin-top: 30px
}

.affordable-website-design .hire-model-info .hire-model-head {
    width: 100%
}

.affordable-website-design .hire-model-info .hire-model-head .hiremodel-head-lt {
    display: inline-block;
    width: 310px;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .affordable-website-design .hire-model-info .hire-model-head .hiremodel-head-lt {
        width:100%
    }
}

.affordable-website-design .hire-model-info .hire-model-head .hiremodel-head-rt {
    display: inline-block;
    width: calc(100% - 315px);
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .affordable-website-design .hire-model-info .hire-model-head .hiremodel-head-rt {
        width:calc(100% - 0px)
    }
}

.affordable-website-design .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row {
    display: flex;
    align-items: stretch;
    justify-content: center
}

.affordable-website-design .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box {
    flex: 0;
    text-align: center;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #fff;
    cursor: default
}

.affordable-website-design .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box i {
    display: table;
    margin: 0 auto 10px
}

.affordable-website-design .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box .icon {
    display: inline-block;
    width: 52px;
    height: 52px;
    margin-bottom: 10px;
    background-image: url(../img/web-design-company/png/web-deaign-sprite2.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0 auto
}

.affordable-website-design .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box .icon.icon1 {
    background-position: 0 0
}

.affordable-website-design .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box .icon.icon2 {
    background-position: 0 -52px
}

.affordable-website-design .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box .icon.icon3 {
    background-position: 0 -104px
}

.affordable-website-design .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box .icon.icon4 {
    background-position: 0 -156px
}

.affordable-website-design .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box span {
    display: table;
    margin: 0 auto;
    font-family: "poppins_mediumregular";
    color: #fff;
    font-size: 18px
}

.affordable-website-design .hire-model-info .hire-model-dtls {
    width: 100%;
    margin-top: 10px
}

.affordable-website-design .hire-model-info .hire-model-dtls ul {
    width: 100%
}

.affordable-website-design .hire-model-info .hire-model-dtls ul li {
    width: 100%;
    border: 1px solid #ebebeb;
    margin-bottom: 10px
}

.affordable-website-design .hire-model-info .hire-model-dtls ul li .hiremodel-flex-box {
    line-height: 65px;
    color: #fff
}

.affordable-website-design .hire-model-info .hire-model-dtls .hiremodel-head-lt {
    display: inline-block;
    width: 310px;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .affordable-website-design .hire-model-info .hire-model-dtls .hiremodel-head-lt {
        width:100%
    }
}

.affordable-website-design .hire-model-info .hire-model-dtls .hiremodel-head-lt.hiremodel-grey-lt {
    background: #ebebeb;
    padding: 10px 35px;
    text-align: right
}

@media screen and (max-width: 767px) {
    .affordable-website-design .hire-model-info .hire-model-dtls .hiremodel-head-lt.hiremodel-grey-lt {
        text-align:left
    }
}

.affordable-website-design .hire-model-info .hire-model-dtls .hiremodel-head-lt.hiremodel-grey-lt span {
    display: flex;
    height: 45px;
    color: #000;
    line-height: 24px;
    align-items: center;
    justify-content: flex-end
}

@media screen and (max-width: 767px) {
    .affordable-website-design .hire-model-info .hire-model-dtls .hiremodel-head-lt.hiremodel-grey-lt span {
        justify-content:flex-start
    }
}

.affordable-website-design .hire-model-info .hire-model-dtls .hiremodel-head-rt {
    display: inline-block;
    width: calc(100% - 315px);
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .affordable-website-design .hire-model-info .hire-model-dtls .hiremodel-head-rt {
        width:calc(100% - 0px)
    }
}

.affordable-website-design .hire-model-info .hire-model-dtls .hiremodel-head-rt .hiremodel-flex-row {
    display: flex;
    align-items: stretch;
    justify-content: center
}

.affordable-website-design .hire-model-info .hire-model-dtls .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box {
    flex: 0;
    text-align: center;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #fff;
    cursor: default
}

.affordable-website-design .hire-model-info .hire-model-dtls .active-blk {
    color: #FF9100;
    background-color: rgba(0,0,0,0.2)
}

.working-together {
    padding: 100px 0
}

@media screen and (max-width: 767px) {
    .working-together {
        padding:50px 0
    }
}

.working-together .divider {
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 2px
}

.working-together .divider:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    margin-left: 0;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0076FF
}

@media screen and (max-width: 767px) {
    .working-together .divider:before {
        margin-left:auto
    }
}

.working-together h2 {
    font-family: "poppins_mediumregular";
    color: #1b1464
}

.working-together h2.color {
    color: #444
}

.working-together h2 .line {
    position: relative;
    display: inline-block
}

.working-together h2 .line:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    height: 10px;
    background-color: #0076FF;
    z-index: -1;
    opacity: 0.3
}

.working-together .nectar-highlighted-text:not([data-style=text_outline]) em {
    background-image: linear-gradient(to right, rgba(0,118,255,0.3) 0, rgba(0,118,255,0.3) 100%)
}

.working-together .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 0% 28%
}

@media screen and (max-width: 575px) {
    .working-together .nectar-highlighted-text[data-style=half_text] em.animated {
        background-size:100% 28%
    }
}

.working-together p {
    font-family: "poppinsregular";
    color: #676767;
    font-size: 16px
}

.working-together p.sub-text {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .working-together p.sub-text {
        margin-left:0;
        margin-right: 0
    }
}

.working-together h2 {
    font-family: "poppins_mediumregular"
}

.working-together h2 .line {
    position: relative;
    display: inline-block
}

.working-together h2 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 10px;
    background-color: #0076FF;
    z-index: -1;
    opacity: 0.3;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.working-together:hover h2 .line:before {
    width: 100%
}

.working-together:hover .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 100% 28%
}

.working-together .color-box {
    position: relative;
    padding: 13%;
    background-color: #BEBEBE;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    text-align: left;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.working-together .color-box.cb1 {
    background-color: #0076FF
}

.working-together .color-box.cb2 {
    background-color: #1b1464
}

.working-together .color-box.cb3 {
    background-color: #1b1f3b
}

.working-together .color-box:hover.cb1 {
    background-color: #1a84ff
}

.working-together .color-box:hover.cb2 {
    background-color: #281f89
}

.working-together .color-box:hover.cb3 {
    background-color: #2d3460
}

.working-together .color-box h3 {
    font-family: "poppins_mediumregular";
    color: #fff;
    position: relative;
    z-index: 1;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.working-together .color-box p {
    color: #fff
}

.working-together .color-box .icon {
    display: block;
    width: 52px;
    height: 52px;
    margin-bottom: 10px;
    background-image: url(../img/web-design-company/png/web-deaign-sprite1.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0 0 40px 0
}

.working-together .color-box .icon.icon1 {
    background-position: 0 0
}

.working-together .color-box .icon.icon2 {
    background-position: 0 -52px
}

.working-together .color-box .icon.icon3 {
    background-position: 0 -104px
}

.working-together .color-box .icon.icon4 {
    background-position: 0 -156px
}

.working-together .color-box .link-overly {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

@media screen and (max-width: 767px) {
    .working-together .owl-single-slide {
        text-align:center
    }
}

.working-together .owl-single-slide .owl-dots {
    margin-top: 50px;
    text-align: center
}

.working-together .owl-single-slide .owl-dots .owl-dot {
    width: 6px;
    height: 6px;
    transition: all .25s ease;
    border-radius: 50%;
    margin-left: 11px;
    background-color: transparent;
    box-shadow: inset 0 0 0 5px #000
}

.working-together .owl-single-slide .owl-dots .owl-dot:after,.working-together .owl-single-slide .owl-dots .owl-dot:before {
    display: none
}

.working-together .owl-single-slide .owl-dots .owl-dot.active {
    transform: scale(2);
    box-shadow: inset 0 0 0 1px #000;
    background-color: transparent
}

@media screen and (max-width: 767px) {
    .working-together .owl-single-slide .owl-item img {
        margin-bottom:30px
    }
}

@media screen and (max-width: 767px) {
    .working-together .owl-single-slide .silgle-slide .row {
        display:flex;
        flex-wrap: wrap-reverse
    }
}

.we-feel {
    padding: 130px 0 100px 0;
    text-align: center;
    background-color: #0076FF;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .we-feel {
        padding:80px 0 80px 0
    }
}

.we-feel svg {
    height: 50px
}

.we-feel .nectar-shape-divider-wrap {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    z-index: 3;
    transform: translateZ(0)
}

.we-feel .nectar-shape-divider-wrap[data-position="top"] {
    top: -1px;
    bottom: auto
}

.we-feel .nectar-shape-divider-wrap[data-position="top"] {
    transform: rotate(180deg)
}

.we-feel .nectar-shape-divider-wrap.no-color .nectar-shape-divider {
    fill: #fff
}

.we-feel .nectar-shape-divider-wrap[data-style="fan"] svg {
    width: 102%;
    left: -1%
}

.we-feel .nectar-shape-divider {
    width: 100%;
    left: 0;
    bottom: -1px;
    height: 100%;
    position: absolute
}

.we-feel .nectar-shape-divider-wrap[data-style="fan"] svg polygon:nth-child(2) {
    opacity: 0.15
}

.we-feel .nectar-shape-divider-wrap[data-style="fan"] svg rect {
    opacity: 0.3
}

.we-feel .divider {
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 2px
}

.we-feel .divider:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0076FF
}

.we-feel h2 {
    font-family: "poppins_mediumregular";
    color: #676767
}

.we-feel p {
    font-family: "poppinsregular";
    color: #676767
}

.we-feel p.sub-text {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 70px
}

@media screen and (max-width: 991px) {
    .we-feel p.sub-text {
        margin-left:0;
        margin-right: 0
    }
}

.we-feel h3 {
    color: #fff;
    font-family: "poppins_mediumregular"
}

@media screen and (max-width: 767px) {
    .we-feel h3 {
        font-size:28px
    }
}

.we-feel h3 .line {
    position: relative;
    display: inline-block
}

.we-feel h3 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 6px;
    background-color: #fff;
    z-index: 0;
    opacity: 0.3;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.we-feel h3 .line .upper {
    position: relative;
    z-index: 1;
    display: inline-block
}

.we-feel .nectar-highlighted-text:not([data-style=text_outline]) em {
    background-image: linear-gradient(to right, rgba(255,255,255,0.3) 0, rgba(255,255,255,0.3) 100%)
}

.we-feel .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 0% 28%
}

@media screen and (max-width: 575px) {
    .we-feel .nectar-highlighted-text[data-style=half_text] em.animated {
        background-size:100% 28%
    }
}

.we-feel:hover h3 .line:before {
    width: 100%
}

.we-feel:hover .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 100% 28%
}

.we-feel h4 {
    color: #fff
}

@media screen and (max-width: 767px) {
    .we-feel h4 {
        font-size:18px;
        font-family: "poppinsregular"
    }
}

.website-design-services {
    padding: 100px 0
}

@media screen and (max-width: 767px) {
    .website-design-services {
        padding:50px 0
    }
}

.website-design-services .divider {
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 2px
}

.website-design-services .divider:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0076FF
}

.website-design-services h2 {
    text-align: center;
    font-family: "poppins_mediumregular";
    color: #1b1464
}

.website-design-services h2 .line {
    position: relative;
    display: inline-block
}

.website-design-services h2 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 10px;
    background-color: #0076FF;
    z-index: -1;
    opacity: 0.3;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.website-design-services p {
    font-family: "poppinsregular";
    color: #676767;
    font-size: 16px
}

.website-design-services p.sub-text {
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 70px
}

@media screen and (max-width: 991px) {
    .website-design-services p.sub-text {
        margin-left:0;
        margin-right: 0
    }
}

.website-design-services h3 {
    text-align: center;
    font-family: "poppins_semiboldregular"
}

.website-design-services h3 .line {
    position: relative;
    display: inline-block
}

.website-design-services h3 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 10px;
    background-color: #0076FF;
    z-index: -1;
    opacity: 0.3;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.website-design-services .nectar-highlighted-text:not([data-style=text_outline]) em {
    background-image: linear-gradient(to right, rgba(0,118,255,0.3) 0, rgba(0,118,255,0.3) 100%)
}

.website-design-services .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 0% 28%
}

@media screen and (max-width: 575px) {
    .website-design-services .nectar-highlighted-text[data-style=half_text] em.animated {
        background-size:100% 28%
    }
}

.website-design-services:hover h2 .line:before {
    width: 100%
}

.website-design-services:hover .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 100% 28%
}

.website-design-services .img-box {
    position: relative
}

.website-design-services .img-box .img-frame {
    margin-bottom: 25px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.website-design-services .img-box .img-frame img {
    width: 100%;
    height: auto;
    object-fit: cover;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.website-design-services .img-box:hover .img-frame img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.website-design-services .img-box:hover h3:before {
    width: 100%
}

.website-design-services .img-box h3 {
    color: #1b1464;
    font-size: 20px;
    line-height: 26px;
    position: relative;
    z-index: 1;
    text-align: left;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: inline-block;
    font-size: 24px
}

.website-design-services .img-box h3:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background-color: #1b1464;
    z-index: -1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.website-design-services .img-box .link-overly {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

.website-design-services .accordion .accordion-item {
    border: none;
    border-bottom: 2px solid rgba(0,0,0,0.08)
}

.website-design-services .accordion .accordion-item .accordion-header .accordion-button {
    padding: 30px 70px 30px 0;
    font-family: "poppins_mediumregular";
    box-shadow: none;
    cursor: pointer
}

.website-design-services .accordion .accordion-item .accordion-header .accordion-button:after,.website-design-services .accordion .accordion-item .accordion-header .accordion-button:before {
    position: static
}

.website-design-services .accordion .accordion-item .accordion-header .accordion-button::after {
    content: "\2b";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    background-image: none;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    left: auto;
    top: 50%;
    margin-top: -15px;
    border: 2px solid #888;
    border-radius: 30px 30px;
    -ms-transition: border-color .15s ease;
    transition: border-color .15s ease;
    -webkit-transition: border-color .15s ease;
    text-align: center;
    padding-top: 4px;
    color: #888
}

.website-design-services .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    content: "\f068";
    border-color: #0076FF;
    color: #0076FF
}

.website-design-services .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #0076FF;
    background-color: transparent
}

.website-design-services .accordion .accordion-item .accordion-header .accordion-button:hover {
    color: #0076FF
}

.website-design-services .accordion .accordion-item .accordion-header .accordion-button:hover::after {
    border-color: #0076FF;
    color: #0076FF
}

.website-design-services .accordion .accordion-item .accordion-header .accordion-button:hover:not(.collapsed)::after {
    border-color: #0076FF;
    color: #0076FF
}

.website-design-services .accordion .accordion-item .card-body {
    padding-left: 0;
    padding-right: 0
}

.website-design-services h4 {
    font-family: "poppins_mediumregular"
}

.website-design-services .ex-list li {
    list-style: none;
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
    color: #676767;
    font-family: "poppinsregular"
}

.website-design-services .ex-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 10px;
    height: 1px;
    background-color: #0076FF
}

.web-design-agency {
    padding: 130px 0 100px 0;
    text-align: center;
    background-color: #0076FF;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .web-design-agency {
        padding:80px 0 80px 0
    }
}

.web-design-agency svg {
    height: 50px
}

.web-design-agency .nectar-shape-divider-wrap {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    z-index: 3;
    transform: translateZ(0)
}

.web-design-agency .nectar-shape-divider-wrap[data-position="top"] {
    top: -1px;
    bottom: auto
}

.web-design-agency .nectar-shape-divider-wrap[data-position="top"] {
    transform: rotate(180deg)
}

.web-design-agency .nectar-shape-divider {
    width: 100%;
    left: 0;
    bottom: -1px;
    height: 100%;
    position: absolute
}

.web-design-agency .nectar-shape-divider-wrap[data-style="fan"] svg {
    width: 102%;
    left: -1%
}

.web-design-agency .nectar-shape-divider-wrap.no-color .nectar-shape-divider {
    fill: #f7f7f7
}

.web-design-agency .nectar-shape-divider-wrap[data-style="fan"] svg polygon:nth-child(2) {
    opacity: 0.15
}

.web-design-agency .nectar-shape-divider-wrap[data-style="fan"] svg rect {
    opacity: 0.3
}

.web-design-agency .divider {
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 2px
}

.web-design-agency .divider:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0076FF
}

.web-design-agency h2 {
    font-family: "poppins_mediumregular";
    color: #fff
}

@media screen and (max-width: 575px) {
    .web-design-agency h2 {
        font-size:30px
    }
}

.web-design-agency p {
    font-family: "poppinsregular";
    color: #fff;
    font-size: 16px
}

.web-design-agency p.sub-text {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .web-design-agency p.sub-text {
        margin-left:0;
        margin-right: 0
    }
}

.web-design-agency p a {
    color: #fff;
    text-decoration: underline
}

.web-design-agency h3 {
    font-size: 40px;
    color: #fff;
    font-family: "poppins_mediumregular"
}

@media screen and (max-width: 575px) {
    .web-design-agency h3 {
        font-size:24px
    }
}

.web-design-agency h3 .line {
    position: relative;
    display: inline-block
}

.web-design-agency h3 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 5px;
    height: 15px;
    background-color: #fff;
    z-index: 0;
    opacity: 0.3;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.web-design-agency h3 .line .upper {
    position: relative;
    z-index: 1;
    display: inline-block
}

.web-design-agency .nectar-highlighted-text:not([data-style=text_outline]) em {
    background-image: linear-gradient(to right, rgba(255,255,255,0.3) 0, rgba(255,255,255,0.3) 100%)
}

.web-design-agency .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 0% 28%
}

@media screen and (max-width: 575px) {
    .web-design-agency .nectar-highlighted-text[data-style=half_text] em.animated {
        background-size:100% 28%
    }
}

.web-design-agency:hover h3 .line:before {
    width: 100%
}

.web-design-agency:hover .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 100% 28%
}

.web-design-agency h4 {
    color: #fff
}

.website-design-faq {
    padding: 100px 0
}

@media screen and (max-width: 767px) {
    .website-design-faq {
        padding:50px 0 0px 0
    }
}

.website-design-faq .divider {
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 2px
}

.website-design-faq .divider:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0076FF
}

@media screen and (max-width: 991px) {
    .website-design-faq .col-sm-6,.website-design-faq .col-md-6 {
        margin-top:0
    }
}

.website-design-faq h2 {
    text-align: center;
    font-family: "poppins_mediumregular";
    color: #1b1464
}

@media screen and (max-width: 991px) {
    .website-design-faq h2 {
        margin-bottom:60px
    }
}

@media screen and (max-width: 767px) {
    .website-design-faq h2 {
        margin-bottom:10px
    }
}

.website-design-faq h2 .line {
    position: relative;
    display: inline-block
}

.website-design-faq h2 .line:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    height: 10px;
    background-color: #0076FF;
    z-index: -1;
    opacity: 0.3
}

.website-design-faq p {
    font-family: "poppinsregular";
    color: #676767;
    font-size: 16px
}

.website-design-faq p.sub-text {
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 70px
}

@media screen and (max-width: 991px) {
    .website-design-faq p.sub-text {
        margin-left:0;
        margin-right: 0
    }
}

.website-design-faq h3 {
    text-align: center;
    font-family: "poppins_semiboldregular"
}

.website-design-faq h3 .line {
    position: relative;
    display: inline-block
}

.website-design-faq h3 .line:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    height: 10px;
    background-color: #0076FF;
    z-index: -1;
    opacity: 0.3
}

.website-design-faq .accordion .accordion-item {
    border: none;
    border-bottom: 2px solid rgba(0,0,0,0.08)
}

.website-design-faq .accordion .accordion-item .accordion-header .accordion-button {
    padding: 30px 70px 30px 0;
    font-family: "poppins_mediumregular";
    box-shadow: none;
    cursor: pointer
}

.website-design-faq .accordion .accordion-item .accordion-header .accordion-button:after,.website-design-faq .accordion .accordion-item .accordion-header .accordion-button:before {
    position: static
}

.website-design-faq .accordion .accordion-item .accordion-header .accordion-button::after {
    content: "\2b";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    background-image: none;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    left: auto;
    top: 50%;
    margin-top: -15px;
    border: 2px solid #888;
    border-radius: 30px 30px;
    -ms-transition: border-color .15s ease;
    transition: border-color .15s ease;
    -webkit-transition: border-color .15s ease;
    text-align: center;
    padding-top: 4px;
    color: #888
}

.website-design-faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    content: "\f068";
    border-color: #0076FF;
    color: #0076FF
}

.website-design-faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #0076FF;
    background-color: transparent
}

.website-design-faq .accordion .accordion-item .accordion-header .accordion-button:hover {
    color: #0076FF
}

.website-design-faq .accordion .accordion-item .accordion-header .accordion-button:hover::after {
    border-color: #0076FF;
    color: #0076FF
}

.website-design-faq .accordion .accordion-item .accordion-header .accordion-button:hover:not(.collapsed)::after {
    border-color: #0076FF;
    color: #0076FF
}

.website-design-faq .accordion .accordion-item .card-body {
    padding-left: 0;
    padding-right: 0
}

.website-design-faq h4 {
    font-family: "poppins_mediumregular"
}

.website-hire-steps {
    padding: 100px 0;
    background-color: #f7f7f7
}

@media screen and (max-width: 767px) {
    .website-hire-steps {
        padding:50px 0
    }
}

.website-hire-steps .divider {
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 2px
}

.website-hire-steps .divider:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0076FF
}

.website-hire-steps h2 {
    text-align: center;
    font-family: "poppins_mediumregular";
    color: #1b1464
}

.website-hire-steps h2 .line {
    position: relative;
    display: inline-block
}

.website-hire-steps h2 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 10px;
    background-color: #0076FF;
    z-index: -1;
    opacity: 0.3;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.website-hire-steps .nectar-highlighted-text:not([data-style=text_outline]) em {
    background-image: linear-gradient(to right, rgba(0,118,255,0.3) 0, rgba(0,118,255,0.3) 100%)
}

.website-hire-steps .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 0% 28%
}

@media screen and (max-width: 575px) {
    .website-hire-steps .nectar-highlighted-text[data-style=half_text] em.animated {
        background-size:100% 28%
    }
}

.website-hire-steps p {
    font-family: "poppinsregular";
    color: #676767;
    font-size: 16px
}

.website-hire-steps p.sub-text {
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 70px
}

@media screen and (max-width: 991px) {
    .website-hire-steps p.sub-text {
        margin-left:0;
        margin-right: 0
    }
}

.website-hire-steps h3 {
    text-align: center;
    font-family: "poppins_semiboldregular"
}

.website-hire-steps h3 .line {
    position: relative;
    display: inline-block
}

.website-hire-steps h3 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 10px;
    background-color: #0076FF;
    z-index: -1;
    opacity: 0.3;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.website-hire-steps:hover h2 .line:before {
    width: 100%
}

.website-hire-steps:hover .nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 100% 28%
}

.website-hire-steps .module-base {
    position: relative;
    margin-top: 60px
}

@media screen and (max-width: 767px) {
    .website-hire-steps .module-base {
        margin-top:0px
    }
}

.website-hire-steps .module-base .work-process-line {
    margin-bottom: -95px
}

@media screen and (max-width: 767px) {
    .website-hire-steps .module-base .work-process-line {
        display:none
    }
}

.website-hire-steps .module-base .wrapper-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.website-hire-steps .module-base .wrapper-steps .col {
    flex: 0 0 auto;
    padding: 0 15px;
    width: 25%
}

@media screen and (max-width: 991px) {
    .website-hire-steps .module-base .wrapper-steps .col {
        width:50%
    }
}

@media screen and (max-width: 575px) {
    .website-hire-steps .module-base .wrapper-steps .col {
        width:100%
    }
}

.website-hire-steps .module-base .wrapper-steps .col.steps-item1 .work-process-item {
    margin-top: 40px
}

.website-hire-steps .module-base .wrapper-steps .col.steps-item2 .work-process-item {
    margin-top: 10px
}

.website-hire-steps .module-base .wrapper-steps .col.steps-item3 .work-process-item {
    margin-top: 15px
}

.website-hire-steps .module-base .wrapper-steps .col.steps-item4 .work-process-item {
    margin-top: 50px
}

@media screen and (max-width: 991px) {
    .website-hire-steps .module-base .wrapper-steps .col.steps-item4 .work-process-item {
        margin-top:15px
    }
}

.website-hire-steps .module-base .wrapper-steps .col .work-process-item {
    margin-bottom: 40px
}

@media screen and (max-width: 767px) {
    .website-hire-steps .module-base .wrapper-steps .col .work-process-item {
        margin-bottom:20px
    }
}

.website-hire-steps .module-base .wrapper-steps .col .work-process-item .number {
    background: #0076FF;
    border: 10px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 3px 0 60px rgba(103,77,243,0.2);
    box-shadow: 3px 0 60px rgba(103,77,243,0.2);
    color: #fff;
    font-family: Poppins,sans-serif;
    font-size: 24px;
    font-family: "poppinsbold";
    height: 80px;
    line-height: 60px;
    margin-bottom: 30px;
    margin-left: 40px;
    text-align: center;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 80px
}

@media screen and (max-width: 991px) {
    .website-hire-steps .module-base .wrapper-steps .col .work-process-item .number {
        margin-left:0px
    }
}

.website-hire-steps .module-base .wrapper-steps .col .work-process-item .content {
    background: #fff;
    padding: 35px 20px 16px;
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.website-hire-steps .module-base .wrapper-steps .col .work-process-item .content:before {
    border-bottom: 15px solid #fff;
    border-right: 22px solid transparent;
    bottom: 100%;
    content: "";
    left: 33px;
    pointer-events: none;
    position: absolute;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.website-hire-steps .module-base .wrapper-steps .col .work-process-item .content h4 {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-family: "poppinsbold"
}

.website-hire-steps .module-base .wrapper-steps .col .work-process-item .content p {
    color: #838694;
    font-family: "poppinsregular"
}

.website-hire-steps .module-base .wrapper-steps .col .work-process-item:hover .number {
    background: #fff;
    border: 10px solid #0076FF;
    color: #0076FF
}

.website-hire-steps .module-base .wrapper-steps .col .work-process-item:hover .content {
    background: #0076FF
}

.website-hire-steps .module-base .wrapper-steps .col .work-process-item:hover .content:before {
    border-bottom-color: #0076FF
}

.website-hire-steps .module-base .wrapper-steps .col .work-process-item:hover .content h4,.website-hire-steps .module-base .wrapper-steps .col .work-process-item:hover .content p {
    color: #fff
}

.nectar-highlighted-text em {
    position: relative;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    line-height: 1em;
    padding: 0 3px
}

.nectar-highlighted-text[class*=font_size_] em {
    line-height: inherit
}

.nectar-highlighted-text:not([data-style=text_outline]) em {
    background-repeat: no-repeat;
    background-size: 0 80%;
    background-image: linear-gradient(to right, #000 0, #000 100%);
    transition: background-size 0.9s cubic-bezier(0.15, 0.75, 0.4, 1),opacity 0.25s ease;
    background-position: left 90%
}

.nectar-highlighted-text[data-exp=closer][data-style=full_text] em {
    background-size: 0 70%;
    background-position: left 65%
}

.nectar-highlighted-text[data-exp=closer][data-style=full_text] em.animated {
    background-size: 100% 70%
}

.nectar-highlighted-text[data-exp=closest][data-style=full_text] em {
    background-size: 0 60%;
    background-position: left 65%
}

.nectar-highlighted-text[data-exp=closest][data-style=full_text] em.animated {
    background-size: 100% 60%
}

.nectar-highlighted-text[data-style=full_text] em {
    background-position: left 70%
}

.nectar-highlighted-text[data-style=regular_underline] a em {
    -webkit-transition: color 0.9s cubic-bezier(0.15, 0.75, 0.4, 1),background-size 0.9s cubic-bezier(0.15, 0.75, 0.4, 1);
    transition: color 0.9s cubic-bezier(0.15, 0.75, 0.4, 1),background-size 0.9s cubic-bezier(0.15, 0.75, 0.4, 1)
}

.nectar-highlighted-text[data-style=regular_underline] a:hover em,.nectar-highlighted-text[data-style=regular_underline] em.has-link:hover {
    color: #fff
}

.nectar-highlighted-text[data-style=regular_underline][data-color="#ffffff"] a:hover em,.nectar-highlighted-text[data-style=regular_underline][data-color="#ffffff"] em.has-link:hover {
    color: #000
}

.nectar-highlighted-text[data-style=full_text] em,.nectar-highlighted-text[data-style=half_text] em,.nectar-highlighted-text[data-style=regular_underline] em {
    display: inline
}

.nectar-highlighted-text[data-style=half_text] em {
    background-size: 0 28%
}

.nectar-highlighted-text[data-style=half_text] em.animated {
    background-size: 100% 28%
}

.nectar-highlighted-text[data-style=half_text] a:hover em.animated {
    background-size: 100% 14%
}

.nectar-highlighted-text[data-style=regular_underline] em {
    background-image: linear-gradient(to right, #000 0, #000 100%),linear-gradient(to right, #000 0, #000 100%)
}

.nectar-highlighted-text[data-style=regular_underline] em {
    padding: 0
}

.nectar-highlighted-text em.animated {
    background-size: 100% 80%
}

.nectar-highlighted-text[data-using-custom-color=false] em:before {
    opacity: .3
}

@media only screen and (max-width: 999px) {
    body:not([data-m-animate="1"]) .nectar-highlighted-text em.animated {
        -webkit-transition:none;
        transition: none
    }
}

.nectar-highlighted-text a {
    color: inherit
}

.nectar-highlighted-text[data-style=full_text] a:hover em.animated {
    opacity: .75
}

.nectar-highlighted-text[data-style=text_outline] em:before {
    display: none
}

.nectar-highlighted-text[data-style=text_outline] em {
    -webkit-text-stroke-color: inherit;
    -webkit-text-fill-color: transparent
}

.nectar-highlighted-text[data-style=text_outline] a em {
    transition: transform .3s ease;
    transform-origin: left bottom
}

.nectar-highlighted-text[data-style=text_outline] a:hover em {
    -webkit-text-fill-color: initial;
    -webkit-text-stroke-color: transparent;
    transform: skewX(-10deg)
}

.nectar-highlighted-text[data-style][data-user-color=true] * {
    color: inherit
}

.nectar-highlighted-text[data-style=text_outline] em {
    display: inline;
    padding: 0
}

.nectar-highlighted-text[data-style=text_outline][data-outline-thickness=thin] em {
    -webkit-text-stroke-width: .015em
}

.nectar-highlighted-text[data-style=text_outline][data-outline-thickness=regular] em {
    -webkit-text-stroke-width: .02em
}

.nectar-highlighted-text[data-style=text_outline][data-outline-thickness=thick] em {
    -webkit-text-stroke-width: .03em
}

.nectar-highlighted-text[data-style=text_outline][data-outline-thickness=extra_thick] em {
    -webkit-text-stroke-width: .04em
}

.ai-new-banner {
    position: relative;
    background-color: #071424;
    background-image: url(../img/ai-development/webp/banner-bg.webp);
    background-size: cover;
    background-position: top left
}

@media (min-width: 1551px) and (max-width: 1680px) {
    .ai-new-banner .custom-container {
        max-width:1440px
    }
}

@media (min-width: 1441px) and (max-width: 1550px) {
    .ai-new-banner .custom-container {
        max-width:1400px
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .ai-new-banner .custom-container {
        max-width:1320px
    }
}

@media (min-width: 1281px) and (max-width: 1366px) {
    .ai-new-banner .custom-container {
        max-width:1246px
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .ai-new-banner .custom-container {
        max-width:1174px
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .ai-new-banner .custom-container {
        max-width:1174px
    }
}

@media (min-width: 767px) and (max-width: 990px) {
    .ai-new-banner .custom-container {
        max-width:990px
    }
}

@media (min-width: 575px) and (max-width: 766px) {
    .ai-new-banner .custom-container {
        max-width:760px
    }
}

.ai-new-banner .wrap-set {
    height: 145vh;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media screen and (max-width: 1700px) {
    .ai-new-banner .wrap-set {
        height:145vh
    }
}

@media screen and (max-width: 1600px) {
    .ai-new-banner .wrap-set {
        height:160vh
    }
}

@media screen and (max-width: 1500px) {
    .ai-new-banner .wrap-set {
        height:155vh
    }
}

@media screen and (max-width: 1440px) {
    .ai-new-banner .wrap-set {
        height:150vh
    }
}

@media screen and (max-width: 1366px) {
    .ai-new-banner .wrap-set {
        height:150vh
    }
}

@media screen and (max-width: 1200px) {
    .ai-new-banner .wrap-set {
        height:145vh
    }
}

@media screen and (max-width: 1100px) {
    .ai-new-banner .wrap-set {
        height:140vh
    }
}

@media screen and (max-width: 1024px) {
    .ai-new-banner .wrap-set {
        height:140vh
    }
}

@media screen and (max-width: 991px) {
    .ai-new-banner .wrap-set {
        height:140vh
    }
}

@media screen and (max-width: 912px) {
    .ai-new-banner .wrap-set {
        height:120vh
    }
}

@media screen and (max-width: 820px) {
    .ai-new-banner .wrap-set {
        height:120vh
    }
}

@media screen and (max-width: 768px) {
    .ai-new-banner .wrap-set {
        height:118vh
    }
}

@media screen and (max-width: 575px) {
    .ai-new-banner .wrap-set {
        height:118vh
    }
}

@media screen and (max-width: 480px) {
    .ai-new-banner .wrap-set {
        height:auto;
        margin-top: 0px;
        position: static
    }
}

.ai-new-banner .wrap-set .text-wrap {
    text-align: center;
    position: sticky;
    top: 30vh;
    left: 0;
    right: 0;
    bottom: 100px;
    margin: auto;
    z-index: 4;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .ai-new-banner .wrap-set .text-wrap {
        margin-left:20%;
        margin-right: 20%
    }

    .ai-new-banner .wrap-set .text-wrap .text-center.mt-40 {
        margin-top: 20px
    }
}

@media screen and (max-width: 575px) {
    .ai-new-banner .wrap-set .text-wrap {
        padding-left:10px;
        padding-right: 10px;
        margin-left: 5%;
        margin-right: 5%
    }
}

@media screen and (max-width: 480px) {
    .ai-new-banner .wrap-set .text-wrap {
        position:static
    }
}

.ai-new-banner .wrap-set .text-wrap.common__btn {
    margin: 55px auto
}

.ai-new-banner .wrap-set .text-wrap .heading {
    font-size: 82px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 0;
    font-family: "poppinsbold"
}

@media screen and (max-width: 1600px) {
    .ai-new-banner .wrap-set .text-wrap .heading {
        line-height:1.1
    }
}

@media screen and (max-width: 1500px) {
    .ai-new-banner .wrap-set .text-wrap .heading {
        line-height:1.1
    }
}

@media screen and (max-width: 1366px) {
    .ai-new-banner .wrap-set .text-wrap .heading {
        font-size:66px
    }
}

@media screen and (max-width: 1024px) {
    .ai-new-banner .wrap-set .text-wrap .heading {
        font-size:62px
    }
}

@media screen and (max-width: 991px) {
    .ai-new-banner .wrap-set .text-wrap .heading {
        font-size:42px
    }
}

@media screen and (max-width: 767px) {
    .ai-new-banner .wrap-set .text-wrap .heading {
        font-size:38px
    }
}

@media screen and (max-width: 575px) {
    .ai-new-banner .wrap-set .text-wrap .heading {
        font-size:42px
    }
}

@media screen and (max-width: 480px) {
    .ai-new-banner .wrap-set .text-wrap .heading {
        margin-bottom:20px
    }
}

.ai-new-banner .wrap-set .text-wrap .sub-head {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    padding-top: 10px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .ai-new-banner .wrap-set .text-wrap .sub-head {
        font-size:20px
    }
}

@media screen and (max-width: 991px) {
    .ai-new-banner .wrap-set .text-wrap .sub-head {
        font-size:20px
    }

    .ai-new-banner .wrap-set .text-wrap .sub-head br {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .ai-new-banner .wrap-set .text-wrap .sub-head {
        line-height:24px;
        font-size: 18px
    }
}

@media screen and (max-width: 480px) {
    .ai-new-banner .wrap-set .text-wrap .sub-head {
        margin-bottom:20px
    }
}

.ai-new-banner .video-outer {
    position: relative
}

.ai-new-banner .video-outer.pd_btm {
    padding: 5rem 0 10rem
}

.ai-new-banner .video-outer .video-cont {
    margin-top: 75vh;
    position: relative;
    z-index: 2;
    background-color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

@media screen and (max-width: 1600px) {
    .ai-new-banner .video-outer .video-cont {
        margin-top:70vh
    }
}

@media screen and (max-width: 1500px) {
    .ai-new-banner .video-outer .video-cont {
        margin-top:70vh
    }
}

@media screen and (max-width: 1440px) {
    .ai-new-banner .video-outer .video-cont {
        margin-top:70vh
    }
}

@media screen and (max-width: 1366px) {
    .ai-new-banner .video-outer .video-cont {
        margin-top:70vh
    }
}

@media screen and (max-width: 1024px) {
    .ai-new-banner .video-outer .video-cont {
        margin-top:70vh
    }
}

@media screen and (max-width: 480px) {
    .ai-new-banner .video-outer .video-cont {
        margin-top:50px
    }
}

.ai-new-banner .video-outer .video-cont .video-wrapper {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.5
}

.ai-new-banner .video-outer .video-cont .video-wrapper img {
    width: 100%
}

.ovelape {
    position: relative;
    z-index: 5;
    background-color: #fff
}

.ai_client_logos {
    background-color: #071424
}

.ai_client_logos .client_logos {
    position: relative;
    width: 100%;
    padding: 0px 0px
}

.ai_client_logos .client_logos .d_flex {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.ai_client_logos .trusted_title {
    color: #fff;
    font-size: 22px;
    display: block;
    padding: 10px 0 30px;
    font-family: "poppinsregular"
}

.ai_client_logos .icon {
    display: inline-block;
    width: 100%;
    height: 120px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    position: relative
}

@media screen and (max-width: 991px) {
    .ai_client_logos .icon {
        height:80px
    }
}

.ai_client_logos .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 136px;
    height: 70px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    background-image: url(../img/ai-development/png/ai-sprite2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 1
}

@media screen and (max-width: 1024px) {
    .ai_client_logos .icon:before {
        width:100px;
        height: 47px
    }
}

.ai_client_logos .icon:hover:before {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s
}

.ai_client_logos .icon.icon1:before {
    background-position: 0 0
}

@media screen and (max-width: 1024px) {
    .ai_client_logos .icon.icon1:before {
        background-position:0 0
    }
}

.ai_client_logos .icon.icon2:before {
    background-position: 0 -64px
}

@media screen and (max-width: 1024px) {
    .ai_client_logos .icon.icon2:before {
        background-position:0 -47px
    }
}

.ai_client_logos .icon.icon3:before {
    background-position: 0 -124px
}

@media screen and (max-width: 1024px) {
    .ai_client_logos .icon.icon3:before {
        background-position:0 -94px
    }
}

.ai_client_logos .icon.icon4:before {
    background-position: 0 -191px
}

@media screen and (max-width: 1024px) {
    .ai_client_logos .icon.icon4:before {
        background-position:0 -140px
    }
}

.ai_client_logos .icon.icon5:before {
    background-position: 0 -254px
}

@media screen and (max-width: 1024px) {
    .ai_client_logos .icon.icon5:before {
        background-position:0 -187px
    }
}

.ai_client_logos .icon.icon6:before {
    background-position: 0 -318px
}

@media screen and (max-width: 1024px) {
    .ai_client_logos .icon.icon6:before {
        background-position:0 -237px
    }
}

.ai_client_logos .icon.icon7:before {
    background-position: 0 -372px
}

@media screen and (max-width: 1024px) {
    .ai_client_logos .icon.icon7:before {
        background-position:0 -279px
    }
}

.ai_client_logos .icon.icon8:before {
    background-position: 0 -437px
}

@media screen and (max-width: 1024px) {
    .ai_client_logos .icon.icon8:before {
        background-position:0 -326px
    }
}

.ai_client_logos .icon.icon9:before {
    background-position: 0 -507px
}

@media screen and (max-width: 1024px) {
    .ai_client_logos .icon.icon9:before {
        background-position:0 -373px
    }
}

.ai_side-tabs {
    background-color: #000;
    padding: 100px 0 300px 0;
    position: relative;
    height: auto
}

@media screen and (max-width: 1600px) {
    .ai_side-tabs {
        padding-bottom:200px
    }
}

.ai_side-tabs:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url("../img/ai-development/webp/artificial-intelligence.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    opacity: 0.3;
    background-attachment: fixed
}

.ai_side-tabs h2 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 74px;
    line-height: 1.2
}

@media screen and (max-width: 1600px) {
    .ai_side-tabs h2 {
        font-size:64px
    }
}

@media screen and (max-width: 1600px) {
    .ai_side-tabs h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1440px) {
    .ai_side-tabs h2 {
        font-size:46px
    }
}

@media screen and (max-width: 991px) {
    .ai_side-tabs h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .ai_side-tabs h2 {
        font-size:36px;
        text-align: center
    }
}

.ai_side-tabs h3 {
    color: #fff;
    font-family: "poppinsbold";
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .ai_side-tabs h3 {
        font-size:34px
    }
}

@media screen and (max-width: 1366px) {
    .ai_side-tabs h3 {
        font-size:28px
    }
}

@media screen and (max-width: 575px) {
    .ai_side-tabs h3 {
        text-align:center
    }
}

.ai_side-tabs p {
    color: #fff;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .ai_side-tabs p {
        font-size:17px
    }
}

@media screen and (max-width: 575px) {
    .ai_side-tabs p {
        text-align:center
    }
}

.ai_side-tabs .btn {
    font-size: 26px;
    font-family: "poppinsbold"
}

.ai_side-tabs .ai-tabs-outer .nav-tabs {
    border: none
}

.ai_side-tabs .ai-tabs-outer .nav-tabs .nav-item {
    float: none;
    width: 100%;
    text-align: left;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ai_side-tabs .ai-tabs-outer .nav-tabs .nav-item.nav-link {
    padding: 15px 20px;
    display: block;
    text-align: left;
    width: 100%;
    text-transform: none;
    font-size: 22px;
    font-family: "poppinsregular";
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    color: #fff;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-bottom: 1px solid rgba(255,255,255,0.2)
}

.ai_side-tabs .ai-tabs-outer .nav-tabs .nav-item.nav-link:before {
    content: "";
    position: absolute;
    right: 100px;
    top: 14px;
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #0076FF;
    background-image: url("../img/ai-development/svg/right-arrow.svg");
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    background-size: cover
}

.ai_side-tabs .ai-tabs-outer .nav-tabs .nav-item.nav-link.active {
    background-color: rgba(0,0,0,0.4);
    color: #fff
}

.ai_side-tabs .ai-tabs-outer .nav-tabs .nav-item.nav-link.active:before {
    right: 20px;
    opacity: 1
}

.ai_side-tabs .ai-tabs-outer .tab-content {
    background-color: rgba(0,0,0,0.5);
    padding: 40px;
    border: 3px solid rgba(255,255,255,0.2);
    color: #fff;
    min-height: 100%
}

.ai_side-tabs .ai-tabs-outer .tab-content p {
    color: #fff
}

.ai_side-tabs .ai-tabs-outer .tab-content .icon {
    display: block;
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
    background-image: url(../img/ai-development/png/ai-sprite01.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0 0 30px 0
}

.ai_side-tabs .ai-tabs-outer .tab-content .icon.icon1 {
    background-position: 0 0
}

.ai_side-tabs .ai-tabs-outer .tab-content .icon.icon2 {
    background-position: 0 -70px
}

.ai_side-tabs .ai-tabs-outer .tab-content .icon.icon3 {
    background-position: 0 -140px
}

.ai_side-tabs .ai-tabs-outer .tab-content .icon.icon4 {
    background-position: 0 -210px
}

.ai_side-tabs .ai-tabs-outer .tab-content .icon.icon5 {
    background-position: 0 -280px
}

.ai_side-tabs .ai-tabs-outer .tab-content .icon.icon6 {
    background-position: 0 -350px
}

.ai_side-tabs .ai-tabs-outer .tab-content .icon.icon7 {
    background-position: 0 -420px
}

.ai_side-tabs .ai-tabs-outer .tab-content .icon.icon8 {
    background-position: 0 -490px
}

@media screen and (max-width: 768px) {
    .ai_side-tabs .ai-tabs-outer .tab-content .d_none {
        display:none
    }
}

.ai_side-tabs #showDetailTab {
    position: relative
}

.ai_side-tabs #showDetailTab .nav-tabs {
    position: relative
}

.ai_side-tabs #showDetailTab .nav-tabs .nav-link {
    color: #fff;
    padding: 15px 20px;
    transition: all ease-out 0.3s
}

.ai_side-tabs #showDetailTab .nav-tabs .nav-link.active {
    color: #fff
}

@media screen and (max-width: 767px) {
    .ai_side-tabs #showDetailTab .nav-tabs .nav-link {
        width:100%
    }
}

@media screen and (max-width: 567px) {
    .ai_side-tabs #showDetailTab .nav-tabs .nav-link {
        display:block;
        width: 100%
    }
}

.ai_side-tabs #showDetailTab .tab-content {
    position: relative;
    background: none
}

.ai_side-tabs #showDetailTab .tab-content .tab-pane {
    position: relative
}

.ai_side-tabs #showDetailTab .tap-mob-heading {
    display: none;
    border-top: 1px solid rgba(255,255,255,0.2)
}

@media screen and (max-width: 567px) {
    .ai_side-tabs #showDetailTab {
        margin-top:80px !important
    }

    .ai_side-tabs #showDetailTab .navTab {
        display: none
    }

    .ai_side-tabs #showDetailTab .tab-content {
        padding: 0px
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane {
        display: block;
        opacity: 1;
        padding: 0px
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane p {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 20px;
        margin-bottom: 0;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane .tap-mob-heading {
        position: relative;
        top: 0;
        left: 0px;
        right: 0px;
        display: block;
        width: 100%;
        height: auto;
        clear: both;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane .tap-mob-heading .mob-tabpane-toggler {
        position: relative;
        display: block;
        min-height: 70px;
        color: #fff;
        padding: 20px 10px 20px 70px;
        font-family: "poppins_semiboldregular";
        font-size: 20px;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane .tap-mob-heading .mob-tabpane-toggler .icon {
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 10px;
        width: 40px;
        height: 40px;
        margin-bottom: 0;
        background-size: 100% auto
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane .tap-mob-heading .mob-tabpane-toggler .icon.icon1 {
        background-position: 0 0
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane .tap-mob-heading .mob-tabpane-toggler .icon.icon2 {
        background-position: 0 -40px
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane .tap-mob-heading .mob-tabpane-toggler .icon.icon3 {
        background-position: 0 -80px
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane .tap-mob-heading .mob-tabpane-toggler .icon.icon4 {
        background-position: 0 -120px
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane .tap-mob-heading .mob-tabpane-toggler .icon.icon5 {
        background-position: 0 -160px
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane .tap-mob-heading .mob-tabpane-toggler .icon.icon6 {
        background-position: 0 -200px
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane .tap-mob-heading .mob-tabpane-toggler .icon.icon7 {
        background-position: 0 -240px
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane .tap-mob-heading .mob-tabpane-toggler .icon.icon8 {
        background-position: 0 -280px
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane .tap-mob-heading .mob-tabpane-toggler:hover {
        color: #fff
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane .tabpane-inner-content {
        height: 0px;
        overflow: hidden;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane.show .tap-mob-heading .mob-tabpane-toggler {
        background-color: rgba(0,0,0,0.8)
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane.show .tabpane-inner-content {
        display: block;
        height: auto;
        margin-bottom: 50px
    }

    .ai_side-tabs #showDetailTab .tab-content .tab-pane.show .mob-tabpane-toggler {
        color: #fff
    }
}

.why-choose-ai {
    position: relative;
    z-index: 2
}

.why-choose-ai .why-ai-box {
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 50px;
    margin-top: -200px;
    background: radial-gradient(left bottom, circle cover, #036ae1, #422c81 100%);
    background: -o-radial-gradient(left bottom, circle cover, #036ae1, #422c81 100%);
    background: -ms-radial-gradient(left bottom, circle cover, #036ae1, #422c81 100%);
    background: -moz-radial-gradient(left bottom, circle cover, #036ae1, #422c81 100%);
    background: -webkit-radial-gradient(left bottom, circle cover, #036ae1, #422c81 100%)
}

@media screen and (max-width: 575px) {
    .why-choose-ai .why-ai-box {
        padding:30px
    }
}

.why-choose-ai .why-ai-box h2 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 64px;
    line-height: 1.2
}

@media screen and (max-width: 1600px) {
    .why-choose-ai .why-ai-box h2 {
        font-size:64px
    }
}

@media screen and (max-width: 1600px) {
    .why-choose-ai .why-ai-box h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1440px) {
    .why-choose-ai .why-ai-box h2 {
        font-size:46px
    }
}

@media screen and (max-width: 991px) {
    .why-choose-ai .why-ai-box h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .why-choose-ai .why-ai-box h2 {
        font-size:28px
    }
}

.why-choose-ai .why-ai-box p {
    font-size: 22px;
    color: #fff;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .why-choose-ai .why-ai-box p {
        font-size:17px
    }
}

.why-choose-ai .why-ai-box .project-box {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: 40px 0
}

.why-choose-ai .why-ai-box .project-box li {
    border: 1px solid rgba(255,255,255,0.2);
    flex-basis: 25%;
    padding: 20px;
    margin-right: -1px
}

@media screen and (max-width: 991px) {
    .why-choose-ai .why-ai-box .project-box li {
        flex-basis:50%
    }
}

.why-choose-ai .why-ai-box .project-box li .counting {
    font-size: 40px;
    font-family: "poppinsbold";
    color: #fff
}

@media screen and (max-width: 575px) {
    .why-choose-ai .why-ai-box .project-box li .counting {
        font-size:26px
    }
}

.why-choose-ai .why-ai-box .project-box li .fa {
    font-size: 30px;
    color: #fff
}

@media screen and (max-width: 575px) {
    .why-choose-ai .why-ai-box .project-box li .fa {
        font-size:26px
    }
}

.why-choose-ai .why-ai-box .btn-outline2:hover,.why-choose-ai .why-ai-box .btn-outline2:focus {
    text-decoration: none;
    color: #000;
    border-color: #fff;
    background-color: #fff
}

.why-choose-ai .why-ai-box .btn-outline2:hover:before,.why-choose-ai .why-ai-box .btn-outline2:hover:after,.why-choose-ai .why-ai-box .btn-outline2:focus:before,.why-choose-ai .why-ai-box .btn-outline2:focus:after {
    background-color: #0076FF;
    display: none
}

.why-choose-ai .why-ai-box .btn-outline2:hover .arrow,.why-choose-ai .why-ai-box .btn-outline2:focus .arrow {
    background-image: url("../img/common/svg/arrow-right-up-black.svg")
}

@media screen and (max-width: 767px) {
    .ai-new-expertise {
        padding:0 0 50px 0
    }
}

@media screen and (max-width: 1024px) {
    .ai-new-expertise .col-sm-4,.ai-new-expertise .col-md-4 {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .ai-new-expertise .col-sm-4,.ai-new-expertise .col-md-4 {
        width:100%
    }
}

.ai-new-expertise h2 {
    font-family: "poppinsbold";
    font-size: 64px;
    line-height: 1.2
}

@media screen and (max-width: 1600px) {
    .ai-new-expertise h2 {
        font-size:64px
    }
}

@media screen and (max-width: 1600px) {
    .ai-new-expertise h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1440px) {
    .ai-new-expertise h2 {
        font-size:46px
    }
}

@media screen and (max-width: 991px) {
    .ai-new-expertise h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .ai-new-expertise h2 {
        font-size:28px
    }
}

.ai-new-expertise p {
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .ai-new-expertise p {
        font-size:17px
    }
}

.ai-new-expertise .expertise-box {
    padding: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .ai-new-expertise .expertise-box {
        text-align:center;
        padding: 30px
    }
}

.ai-new-expertise .expertise-box:hover {
    background-color: #F1F2FD
}

.ai-new-expertise .expertise-box h3 {
    font-family: "poppins_semiboldregular";
    font-size: 28px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .ai-new-expertise .expertise-box h3 {
        font-size:28px
    }
}

@media screen and (max-width: 575px) {
    .ai-new-expertise .expertise-box h3 {
        font-size:24px
    }
}

.ai-new-expertise .expertise-box .icon {
    background-image: url(../img/ai-development/png/ai-sprite3.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 0 20px 0;
    filter: drop-shadow(0 25px 20px rgba(7,57,114,0.2))
}

@media screen and (max-width: 575px) {
    .ai-new-expertise .expertise-box .icon {
        margin-left:auto;
        margin-right: auto
    }
}

.ai-new-expertise .expertise-box .icon.icon1 {
    background-position: 0 0
}

.ai-new-expertise .expertise-box .icon.icon2 {
    background-position: 0 -40px
}

.ai-new-expertise .expertise-box .icon.icon3 {
    background-position: 0 -80px
}

.ai-new-expertise .expertise-box .icon.icon4 {
    background-position: 0 -120px
}

.ai-new-expertise .expertise-box .icon.icon5 {
    background-position: 0 -160px
}

.ai-new-expertise .expertise-box .icon.icon6 {
    background-position: 0 -200px
}

.ai-new-expertise .expertise-box .icon.icon7 {
    background-position: 0 -240px
}

.ai-new-expertise .expertise-box .icon.icon8 {
    background-position: 0 -280px
}

.ai-new-expertise .expertise-box .icon.icon9 {
    background-position: 0 -320px
}

.ai-new-expertise .expertise-box .icon.icon10 {
    background-position: 0 -360px
}

.ai-new-expertise .expertise-box .icon.icon11 {
    background-position: 0 -400px
}

.ai-new-expertise .expertise-box .icon.icon12 {
    background-position: 0 -440px
}

.horizontal-scrolling {
    background-color: #071424;
    background-image: url(../img/ai-development/webp/parallax-background.webp);
    background-size: 100% auto;
    background-position: top left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 100px 0
}

@media screen and (max-width: 767px) {
    .horizontal-scrolling {
        padding:50px 0
    }
}

.horizontal-scrolling h2 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 64px;
    line-height: 1.2
}

@media screen and (max-width: 1600px) {
    .horizontal-scrolling h2 {
        font-size:64px
    }
}

@media screen and (max-width: 1600px) {
    .horizontal-scrolling h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1440px) {
    .horizontal-scrolling h2 {
        font-size:46px
    }
}

@media screen and (max-width: 991px) {
    .horizontal-scrolling h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .horizontal-scrolling h2 {
        font-size:28px
    }
}

.horizontal-scrolling h3 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 46px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .horizontal-scrolling h3 {
        font-size:34px
    }
}

@media screen and (max-width: 1366px) {
    .horizontal-scrolling h3 {
        font-size:28px
    }
}

@media screen and (max-width: 575px) {
    .horizontal-scrolling h3 {
        font-size:24px
    }
}

.horizontal-scrolling p {
    color: #fff;
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .horizontal-scrolling p {
        font-size:17px
    }
}

.horizontal-scrolling .for {
    color: #fff;
    font-size: 22px;
    font-family: "poppinsregular";
    opacity: 0.7
}

.horizontal-scrolling .overflow-text {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.horizontal-scrolling .horizontal {
    display: flex;
    overflow-x: hidden
}

@media screen and (max-width: 767px) {
    .horizontal-scrolling .horizontal {
        display:none
    }
}

.horizontal-scrolling .horizontal img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.horizontal-scrolling .horizontal .panel {
    display: flex;
    align-items: center;
    position: relative
}

.horizontal-scrolling .horizontal .panel .content-section {
    position: relative;
    min-width: 50vw;
    text-align: center;
    padding: 0px 100px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 1440px) {
    .horizontal-scrolling .horizontal .panel .content-section {
        padding:0px 50px
    }
}

@media screen and (max-width: 1024px) {
    .horizontal-scrolling .horizontal .panel .content-section {
        padding:0px 30px
    }
}

.horizontal-scrolling .horizontal .panel .content-section.flex-direction {
    flex-direction: column;
    align-items: flex-start;
    text-align: left
}

.horizontal-scrolling .horizontal.owl_ai_case_studies .panel {
    padding: 0 50px
}

@media screen and (max-width: 575px) {
    .horizontal-scrolling .horizontal.owl_ai_case_studies .panel {
        padding:0 20px;
        text-align: center
    }
}

@media screen and (max-width: 575px) {
    .horizontal-scrolling .horizontal.owl_ai_case_studies .panel p {
        margin-bottom:20px
    }
}

.horizontal-scrolling .horizontal.owl_ai_case_studies .panel img {
    max-width: 838px;
    width: 100%;
    display: inline-block;
    margin: 0 auto
}

.horizontal-scrolling .horizontal.owl_ai_case_studies .owl-dots {
    text-align: center;
    margin-top: 30px
}

.horizontal-scrolling .horizontal.owl_ai_case_studies .owl-dots .owl-dot {
    display: inline-block;
    margin: 10px 5px
}

.horizontal-scrolling .horizontal.owl_ai_case_studies .owl-dots .owl-dot:after,.horizontal-scrolling .horizontal.owl_ai_case_studies .owl-dots .owl-dot:before {
    display: none
}

.horizontal-scrolling .horizontal.owl_ai_case_studies .owl-dots .owl-dot span {
    width: 50px;
    height: 5px;
    background-color: #E0E0E0;
    display: inline-block
}

.horizontal-scrolling .horizontal.owl_ai_case_studies .owl-dots .owl-dot.active span {
    background-color: #0076FF
}

.horizontal-scrolling .owl-mob-show {
    display: none;
    max-width: 767px;
    margin: 0 5%
}

@media screen and (max-width: 767px) {
    .horizontal-scrolling .owl-mob-show {
        display:block
    }
}

.horizontal-scrolling .owl-mob-show .owl-mobile-carousel {
    text-align: center
}

.horizontal-scrolling .owl-mob-show .owl-mobile-carousel .item img {
    max-width: 767px;
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 0 auto 50px auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.horizontal-scrolling .owl-mob-show .owl-mobile-carousel .owl-nav {
    margin-top: 50px
}

.horizontal-scrolling .owl-mob-show .owl-mobile-carousel .owl-nav button {
    width: 60px;
    height: 60px;
    background-color: #0076FF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 10px
}

.horizontal-scrolling .owl-mob-show .owl-mobile-carousel .owl-nav button:after,.horizontal-scrolling .owl-mob-show .owl-mobile-carousel .owl-nav button:before {
    display: none
}

.horizontal-scrolling .owl-mob-show .owl-mobile-carousel .owl-nav button .fas {
    font-size: 30px
}

.horizontal-scrolling .owl-mob-show .owl-mobile-carousel .owl-nav button.owl-prev {
    background-color: #0076FF;
    color: #fff
}

.horizontal-scrolling .owl-mob-show .owl-mobile-carousel .owl-nav button.owl-next {
    background-color: #0076FF;
    color: #fff
}

.ai-new-tools {
    padding: 100px 0;
    background-color: #f6f6f6
}

@media screen and (max-width: 767px) {
    .ai-new-tools {
        padding:50px 0
    }
}

.ai-new-tools h2 {
    font-family: "poppinsbold";
    font-size: 64px;
    line-height: 1.2
}

@media screen and (max-width: 1600px) {
    .ai-new-tools h2 {
        font-size:64px
    }
}

@media screen and (max-width: 1600px) {
    .ai-new-tools h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1440px) {
    .ai-new-tools h2 {
        font-size:46px
    }
}

@media screen and (max-width: 991px) {
    .ai-new-tools h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .ai-new-tools h2 {
        font-size:28px
    }
}

.ai-new-tools h3 {
    font-family: "poppinsbold";
    font-size: 46px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .ai-new-tools h3 {
        font-size:34px
    }
}

@media screen and (max-width: 1366px) {
    .ai-new-tools h3 {
        font-size:28px
    }
}

@media screen and (max-width: 575px) {
    .ai-new-tools h3 {
        font-size:24px
    }
}

.ai-new-tools p {
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .ai-new-tools p {
        font-size:17px
    }
}

.ai-new-tools #sync1.owl-carousel {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 20px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 20px 20px rgba(0,0,0,0.05);
    box-shadow: 0px 20px 20px rgba(0,0,0,0.05)
}

.ai-new-tools #sync2 .owl-stage-outer {
    text-align: center;
    margin-top: 50px
}

.ai-new-tools #sync2 .owl-stage-outer .owl-stage {
    margin: 0 auto
}

.ai-new-tools #sync2 .owl-stage-outer .owl-stage .owl-item .item {
    cursor: pointer
}

.ai-new-tools #sync2 .owl-stage-outer .owl-stage .owl-item .item .text {
    color: #bbbbbb;
    font-family: "poppins_semiboldregular";
    font-size: 22px
}

@media screen and (max-width: 1440px) {
    .ai-new-tools #sync2 .owl-stage-outer .owl-stage .owl-item .item .text {
        font-size:16px
    }
}

.ai-new-tools #sync2 .owl-stage-outer .owl-stage .owl-item.current .item .text {
    color: #0076FF
}

.ai-new-tools .icon {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    height: 120px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    position: relative
}

.ai-new-tools .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 136px;
    height: 70px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    background-image: url(../img/ai-development/png/ai-sprite4.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.ai-new-tools .icon:hover:before {
    opacity: 1;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s
}

.ai-new-tools .icon.icon1:before {
    background-position: 0 0
}

.ai-new-tools .icon.icon2:before {
    background-position: 0 -70px
}

.ai-new-tools .icon.icon3:before {
    background-position: 0 -140px
}

.ai-new-tools .icon.icon4:before {
    background-position: 0 -210px
}

.ai-new-tools .icon.icon5:before {
    background-position: 0 -280px
}

.ai-new-tools .icon.icon6:before {
    background-position: 0 -350px
}

.ai-new-tools .icon.icon7:before {
    background-position: 0 -420px
}

.ai-new-tools .icon.icon8:before {
    background-position: 0 -490px
}

.ai-new-tools .icon.icon9:before {
    background-position: 0 -560px
}

.ai-new-tools .icon.icon10:before {
    background-position: 0 -630px
}

.ai-new-tools .icon.icon11:before {
    background-position: 0 -700px
}

.ai-new-tools .icon.icon12:before {
    background-position: 0 -770px
}

.ai-new-tools .icon.icon13:before {
    background-position: 0 -840px
}

.ai-new-tools .icon.icon14:before {
    background-position: 0 -910px
}

.ai-new-tools .icon.icon15:before {
    background-position: 0 -980px
}

.ai-new-tools .icon.icon16:before {
    background-position: 0 -1050px
}

.ai-new-tools .icon.icon17:before {
    background-position: 0 -1120px
}

.ai-new-tools .icon.icon18:before {
    background-position: 0 -1190px
}

.ai-new-tools .icon.icon19:before {
    background-position: 0 -1260px
}

.ai-new-tools .icon.icon20:before {
    background-position: 0 -1330px
}

.ai-new-tools .icon.icon21:before {
    background-position: 0 -1400px
}

.ai-new-tools .icon.icon22:before {
    background-position: 0 -1470px
}

.ai-new-tools .icon.icon23:before {
    background-position: 0 -1540px
}

.ai-new-tools .icon.icon24:before {
    background-position: 0 -1610px
}

.ai-new-tools .grid_colm_panel {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    position: relative;
    text-align: center
}

@media screen and (max-width: 991px) {
    .ai-new-tools .grid_colm_panel {
        grid-template-columns:repeat(auto-fill, minmax(50%, 1fr))
    }
}

@media screen and (max-width: 767px) {
    .ai-new-tools .grid_colm_panel {
        grid-template-columns:repeat(auto-fill, minmax(50%, 1fr))
    }
}

@media screen and (max-width: 575px) {
    .ai-new-tools .grid_colm_panel {
        padding-top:0px;
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr))
    }
}

.ai-new-tools .grid_colm_panel .grid_colm_item {
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 40px 50px;
    min-height: 182px;
    display: flex;
    align-items: center;
    flex-direction: column;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .ai-new-tools .grid_colm_panel .grid_colm_item {
        padding:40px 40px
    }
}

@media screen and (max-width: 480px) {
    .ai-new-tools .grid_colm_panel .grid_colm_item {
        padding:10px 10px;
        min-height: 140px
    }
}

.ai-new-tools .grid_colm_panel .grid_colm_item:hover .icon {
    border-color: #2699ff
}

.ai-new-tools .grid_colm_panel .grid_colm_item:hover .grid_name {
    color: #2699ff
}

.ai-new-tools .grid_colm_panel .grid_colm_item .grid_name {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
    padding-top: 20px;
    font-family: "poppins_semiboldregular";
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ai-new-tools .grid_colm_panel:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0px;
    width: 2px;
    height: 100%;
    background-color: #fff;
    z-index: 1
}

.ai-new-tools .grid_colm_panel:after {
    position: absolute;
    content: "";
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: #fff;
    z-index: 1
}

.ai-new-industry {
    background-color: #00295A;
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .ai-new-industry {
        padding:50px 0
    }
}

.ai-new-industry h2 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 64px;
    line-height: 1.2
}

@media screen and (max-width: 1600px) {
    .ai-new-industry h2 {
        font-size:64px
    }
}

@media screen and (max-width: 1600px) {
    .ai-new-industry h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1440px) {
    .ai-new-industry h2 {
        font-size:46px
    }
}

@media screen and (max-width: 991px) {
    .ai-new-industry h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .ai-new-industry h2 {
        font-size:28px
    }
}

.ai-new-industry h3 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 46px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .ai-new-industry h3 {
        font-size:34px
    }
}

@media screen and (max-width: 1366px) {
    .ai-new-industry h3 {
        font-size:28px
    }
}

@media screen and (max-width: 575px) {
    .ai-new-industry h3 {
        font-size:24px
    }
}

.ai-new-industry p {
    color: #fff;
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .ai-new-industry p {
        font-size:17px
    }
}

.ai-new-industry .grid_colm_panel {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    padding-top: 2rem;
    position: relative;
    text-align: center
}

@media screen and (max-width: 991px) {
    .ai-new-industry .grid_colm_panel {
        grid-template-columns:repeat(auto-fill, minmax(50%, 1fr))
    }
}

@media screen and (max-width: 767px) {
    .ai-new-industry .grid_colm_panel {
        grid-template-columns:repeat(auto-fill, minmax(50%, 1fr))
    }
}

@media screen and (max-width: 575px) {
    .ai-new-industry .grid_colm_panel {
        padding-top:30px;
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr))
    }
}

.ai-new-industry .grid_colm_panel .grid_colm_item {
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 40px 50px;
    min-height: 182px;
    display: flex;
    align-items: center;
    flex-direction: column;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative
}

.ai-new-industry .grid_colm_panel .grid_colm_item:hover .icon {
    border-color: #2699ff
}

.ai-new-industry .grid_colm_panel .grid_colm_item:hover .grid_name {
    color: #2699ff
}

.ai-new-industry .grid_colm_panel .grid_colm_item .icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px dashed rgba(255,255,255,0.4);
    display: flex;
    align-items: center;
    margin: 0 auto;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ai-new-industry .grid_colm_panel .grid_colm_item .icon:before {
    content: "";
    width: 40px;
    height: 40px;
    margin: auto;
    background-image: url(../img/ai-development/png/ai-sprite5.png);
    background-repeat: no-repeat
}

.ai-new-industry .grid_colm_panel .grid_colm_item .icon.icon1:before {
    background-position: 0 0
}

.ai-new-industry .grid_colm_panel .grid_colm_item .icon.icon2:before {
    background-position: 0 -40px
}

.ai-new-industry .grid_colm_panel .grid_colm_item .icon.icon3:before {
    background-position: 0 -80px
}

.ai-new-industry .grid_colm_panel .grid_colm_item .icon.icon4:before {
    background-position: 0 -120px
}

.ai-new-industry .grid_colm_panel .grid_colm_item .icon.icon5:before {
    background-position: 0 -160px
}

.ai-new-industry .grid_colm_panel .grid_colm_item .icon.icon6:before {
    background-position: 0 -200px
}

.ai-new-industry .grid_colm_panel .grid_colm_item .icon.icon7:before {
    background-position: 0 -240px
}

.ai-new-industry .grid_colm_panel .grid_colm_item .icon.icon8:before {
    background-position: 0 -280px
}

.ai-new-industry .grid_colm_panel .grid_colm_item .icon.icon9:before {
    background-position: 0 -320px
}

.ai-new-industry .grid_colm_panel .grid_colm_item .icon.icon10:before {
    background-position: 0 -360px
}

.ai-new-industry .grid_colm_panel .grid_colm_item .icon.icon11:before {
    background-position: 0 -400px
}

.ai-new-industry .grid_colm_panel .grid_colm_item .icon.icon12:before {
    background-position: 0 -440px
}

.ai-new-industry .grid_colm_panel .grid_colm_item .grid_name {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
    padding-top: 20px;
    font-family: "poppins_semiboldregular";
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative;
    z-index: 1
}

.ai-new-industry .grid_colm_panel .grid_colm_item:nth-child(1):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.ai-new-industry .grid_colm_panel .grid_colm_item:nth-child(2):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.ai-new-industry .grid_colm_panel .grid_colm_item:nth-child(3):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.ai-new-industry .grid_colm_panel .grid_colm_item:nth-child(4):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.ai-new-industry .grid_colm_panel .grid_colm_item:nth-child(5):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.ai-new-industry .grid_colm_panel .grid_colm_item:nth-child(6):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.ai-new-industry .grid_colm_panel .grid_colm_item:nth-child(7):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.ai-new-industry .grid_colm_panel .grid_colm_item:nth-child(8):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.ai-new-industry .grid_colm_panel .grid_colm_item:nth-child(9):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.ai-new-industry .grid_colm_panel .grid_colm_item:nth-child(10):before {
    background-image: url("../img/ai-development/webp/Banking-and-Finance.webp")
}

.ai-new-industry .grid_colm_panel:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0px;
    width: 2px;
    height: 100%;
    background-color: #00295A;
    z-index: 1
}

.ai-new-industry .grid_colm_panel:after {
    position: absolute;
    content: "";
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: #00295A;
    z-index: 1
}

.artificial-intelligence-cta {
    padding: 100px 0;
    position: relative
}

@media screen and (max-width: 767px) {
    .artificial-intelligence-cta {
        padding:50px 0
    }
}

.artificial-intelligence-cta:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #0076FF;
    width: 60%;
    background-image: url(../img/ai-development/webp/cost-to-Hire-AI-Developers.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media screen and (max-width: 767px) {
    .artificial-intelligence-cta:before {
        width:100%
    }
}

.artificial-intelligence-cta h2 {
    font-family: "poppinsbold";
    font-size: 64px;
    line-height: 1.2
}

@media screen and (max-width: 1600px) {
    .artificial-intelligence-cta h2 {
        font-size:64px
    }
}

@media screen and (max-width: 1600px) {
    .artificial-intelligence-cta h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1440px) {
    .artificial-intelligence-cta h2 {
        font-size:46px
    }
}

@media screen and (max-width: 991px) {
    .artificial-intelligence-cta h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .artificial-intelligence-cta h2 {
        font-size:28px
    }
}

.artificial-intelligence-cta h3 {
    font-family: "poppinsbold";
    font-size: 46px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .artificial-intelligence-cta h3 {
        font-size:34px
    }
}

@media screen and (max-width: 1366px) {
    .artificial-intelligence-cta h3 {
        font-size:28px
    }
}

.artificial-intelligence-cta p {
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .artificial-intelligence-cta p {
        font-size:17px
    }
}

.artificial-intelligence-cta .ai-call-to-action {
    padding: 50px;
    background-color: #fff
}

@media screen and (max-width: 575px) {
    .artificial-intelligence-cta .ai-call-to-action {
        padding:30px;
        text-align: center
    }
}

.ai-engagement-models {
    padding: 100px 0
}

@media screen and (max-width: 767px) {
    .ai-engagement-models {
        padding:50px 0
    }
}

@media screen and (max-width: 1024px) {
    .ai-engagement-models .col-sm-4,.ai-engagement-models .col-md-4 {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .ai-engagement-models .col-sm-4,.ai-engagement-models .col-md-4 {
        width:100%
    }
}

.ai-engagement-models h2 {
    font-family: "poppinsbold";
    font-size: 64px;
    line-height: 1.2
}

@media screen and (max-width: 1600px) {
    .ai-engagement-models h2 {
        font-size:64px
    }
}

@media screen and (max-width: 1600px) {
    .ai-engagement-models h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1440px) {
    .ai-engagement-models h2 {
        font-size:46px
    }
}

@media screen and (max-width: 991px) {
    .ai-engagement-models h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .ai-engagement-models h2 {
        font-size:28px
    }
}

.ai-engagement-models p {
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .ai-engagement-models p {
        font-size:17px
    }
}

.ai-engagement-models .engagement-box {
    padding: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #f6f7fc;
    min-height: 95%;
    margin-top: 50px
}

@media screen and (max-width: 575px) {
    .ai-engagement-models .engagement-box {
        padding:30px
    }
}

.ai-engagement-models .engagement-box:hover {
    background-color: #015ecb
}

.ai-engagement-models .engagement-box:hover h3 {
    color: #fff
}

.ai-engagement-models .engagement-box:hover p {
    color: #fff
}

.ai-engagement-models .engagement-box:hover .list-way li {
    color: #fff
}

.ai-engagement-models .engagement-box h3 {
    font-family: "poppinsbold";
    font-size: 28px;
    line-height: 1.2;
    text-align: center
}

@media screen and (max-width: 575px) {
    .ai-engagement-models .engagement-box h3 {
        font-size:24px
    }
}

.ai-engagement-models .engagement-box .list-way {
    margin-top: 20px
}

.ai-engagement-models .engagement-box .list-way li {
    font-size: 18px;
    font-family: "poppins_mediumregular";
    margin-bottom: 20px;
    position: relative;
    padding-left: 50px
}

@media screen and (max-width: 1440px) {
    .ai-engagement-models .engagement-box .list-way li {
        padding-left:30px
    }
}

.ai-engagement-models .engagement-box .list-way li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.ai-engagement-models .engagement-box .icon {
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto 30px;
    position: relative;
    width: 100px
}

.ai-engagement-models .engagement-box .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    background-image: url(../img/ai-development/png/ai-sprite8.png);
    background-repeat: no-repeat
}

.ai-engagement-models .engagement-box .icon.icon1:before {
    background-position: 0 0
}

.ai-engagement-models .engagement-box .icon.icon2:before {
    background-position: 0 -40px
}

.ai-engagement-models .engagement-box .icon.icon3:before {
    background-position: 0 -80px
}

.ai-engagement-models .btn-fill {
    margin-top: 70px
}

.ai-leading-companies {
    background-color: #00295A;
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .ai-leading-companies {
        padding:50px 0
    }
}

.ai-leading-companies h2 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 64px;
    line-height: 1.2
}

@media screen and (max-width: 1600px) {
    .ai-leading-companies h2 {
        font-size:64px
    }
}

@media screen and (max-width: 1600px) {
    .ai-leading-companies h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1440px) {
    .ai-leading-companies h2 {
        font-size:46px
    }
}

@media screen and (max-width: 991px) {
    .ai-leading-companies h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .ai-leading-companies h2 {
        font-size:28px
    }
}

.ai-leading-companies h3 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 46px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .ai-leading-companies h3 {
        font-size:34px
    }
}

@media screen and (max-width: 1366px) {
    .ai-leading-companies h3 {
        font-size:28px
    }
}

@media screen and (max-width: 575px) {
    .ai-leading-companies h3 {
        font-size:24px
    }
}

.ai-leading-companies p {
    color: #fff;
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .ai-leading-companies p {
        font-size:17px
    }
}

.ai-leading-companies .brand {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    height: 120px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s
}

.ai-leading-companies .brand:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 136px;
    height: 70px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    background-image: url(../img/ai-development/png/ai-sprite6.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.ai-leading-companies .brand.b1:before {
    background-position: 0 0
}

.ai-leading-companies .brand.b2:before {
    background-position: 0 -70px
}

.ai-leading-companies .brand.b3:before {
    background-position: 0 -140px
}

.ai-leading-companies .brand.b4:before {
    background-position: 0 -210px
}

.ai-leading-companies .brand.b5:before {
    background-position: 0 -280px
}

.ai-leading-companies .brand.b6:before {
    background-position: 0 -350px
}

.ai-leading-companies .brand.b7:before {
    background-position: 0 -420px
}

.ai-leading-companies .brand.b8:before {
    background-position: 0 -490px
}

.ai-leading-companies .brand.b9:before {
    background-position: 0 -560px
}

.ai-leading-companies .brand.b10:before {
    background-position: 0 -630px
}

.ai-leading-companies .brand.b11:before {
    background-position: 0 -700px
}

.ai-leading-companies .brand.b12:before {
    background-position: 0 -770px
}

.ai-leading-companies .brand.b13:before {
    background-position: 0 -840px
}

.ai-global-industry {
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .ai-global-industry {
        padding:50px 0
    }
}

.ai-global-industry h2 {
    font-family: "poppinsbold";
    font-size: 64px;
    line-height: 1.2
}

@media screen and (max-width: 1600px) {
    .ai-global-industry h2 {
        font-size:64px
    }
}

@media screen and (max-width: 1600px) {
    .ai-global-industry h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1440px) {
    .ai-global-industry h2 {
        font-size:46px
    }
}

@media screen and (max-width: 991px) {
    .ai-global-industry h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .ai-global-industry h2 {
        font-size:36px
    }
}

@media screen and (max-width: 575px) {
    .ai-global-industry h2 {
        font-size:28px
    }
}

.ai-global-industry h3 {
    font-family: "poppinsbold";
    font-size: 46px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .ai-global-industry h3 {
        font-size:34px
    }
}

@media screen and (max-width: 1366px) {
    .ai-global-industry h3 {
        font-size:28px
    }
}

@media screen and (max-width: 575px) {
    .ai-global-industry h3 {
        font-size:24px
    }
}

.ai-global-industry p {
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .ai-global-industry p {
        font-size:17px
    }
}

.ai-global-industry .grid_colm_panel {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    padding-top: 2rem;
    position: relative;
    text-align: center
}

@media screen and (max-width: 991px) {
    .ai-global-industry .grid_colm_panel {
        grid-template-columns:repeat(auto-fill, minmax(50%, 1fr))
    }
}

@media screen and (max-width: 767px) {
    .ai-global-industry .grid_colm_panel {
        grid-template-columns:repeat(auto-fill, minmax(50%, 1fr))
    }
}

@media screen and (max-width: 575px) {
    .ai-global-industry .grid_colm_panel {
        padding-top:30px;
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr))
    }
}

.ai-global-industry .grid_colm_panel .grid_colm_item {
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding: 40px 50px;
    min-height: 182px;
    display: flex;
    align-items: center;
    flex-direction: column;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative
}

.ai-global-industry .grid_colm_panel .grid_colm_item:hover {
    background-color: #f6f7fc
}

.ai-global-industry .icon {
    display: inline-block;
    width: 100%;
    height: 120px
}

.ai-global-industry .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 136px;
    height: 70px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    background-image: url(../img/ai-development/png/ai-sprite7.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.ai-global-industry .icon.icon1:before {
    background-position: 0 0
}

.ai-global-industry .icon.icon2:before {
    background-position: 0 -70px
}

.ai-global-industry .icon.icon3:before {
    background-position: 0 -140px
}

.ai-global-industry .icon.icon4:before {
    background-position: 0 -210px
}

.ai-global-industry .icon.icon5:before {
    background-position: 0 -280px
}

.ai-global-industry .icon.icon6:before {
    background-position: 0 -350px
}

.ai-global-industry .icon.icon7:before {
    background-position: 0 -420px
}

.ai-global-industry .icon.icon8:before {
    background-position: 0 -490px
}

.ai-global-industry .icon.icon9:before {
    background-position: 0 -560px
}

.ai-global-industry .icon.icon10:before {
    background-position: 0 -630px
}

.ai-global-industry .grid_colm_panel:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0px;
    width: 2px;
    height: 100%;
    background-color: #fff;
    z-index: 1
}

.ai-global-industry .grid_colm_panel:after {
    position: absolute;
    content: "";
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: #fff;
    z-index: 1
}

.ai-faqs {
    background-color: #f6f7fc;
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .ai-faqs {
        padding:50px 0
    }
}

.ai-faqs h2 {
    font-family: "poppinsbold";
    font-size: 64px;
    line-height: 1.2
}

@media screen and (max-width: 1600px) {
    .ai-faqs h2 {
        font-size:64px
    }
}

@media screen and (max-width: 1600px) {
    .ai-faqs h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1440px) {
    .ai-faqs h2 {
        font-size:46px
    }
}

@media screen and (max-width: 991px) {
    .ai-faqs h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .ai-faqs h2 {
        font-size:28px
    }
}

.ai-faqs h3 {
    font-family: "poppinsbold";
    font-size: 46px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .ai-faqs h3 {
        font-size:34px
    }
}

@media screen and (max-width: 1366px) {
    .ai-faqs h3 {
        font-size:28px
    }
}

@media screen and (max-width: 575px) {
    .ai-faqs h3 {
        font-size:24px
    }
}

.ai-faqs p {
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .ai-faqs p {
        font-size:17px
    }
}

.ai-faqs .faq-list {
    margin-top: 20px
}

.ai-faqs .faq-list li {
    font-size: 18px;
    font-family: "poppinsregular";
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px
}

.ai-faqs .faq-list li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ai-faqs .faq-list li:hover:before {
    color: #0076FF
}

@media screen and (max-width: 991px) {
    .ai-faqs .top {
        margin-top:0
    }
}

.ai-faqs .accordion .accordion-item {
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px
}

.ai-faqs .accordion .accordion-item .accordion-button {
    background-color: transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-family: "poppins_semiboldregular";
    color: #4e4e4e;
    box-shadow: none;
    padding: 30px 30px;
    font-size: 20px
}

.ai-faqs .accordion .accordion-item .accordion-button:hover {
    color: #0076FF
}

.ai-faqs .accordion .accordion-item .accordion-button:hover::after {
    color: #0076FF
}

.ai-faqs .accordion .accordion-item .accordion-button:not(.collapsed) {
    color: #0076FF
}

.ai-faqs .accordion .accordion-item .accordion-button:not(.collapsed)::after {
    content: "\f068"
}

.ai-faqs .accordion .accordion-item .card-body {
    color: #666;
    padding: 0px 30px 20px 30px;
    font-family: "poppins_mediumregular"
}

.ai-faqs .accordion .accordion-item .card-body p {
    font-size: 18px
}

.ai-faqs .accordion .accordion-item .accordion-button::after {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #f6f7fc;
    border-radius: 50%;
    color: #000;
    content: "\f067";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px
}

.ai-cta-section {
    background-color: #071424;
    padding: 100px 0
}

@media screen and (max-width: 767px) {
    .ai-cta-section {
        padding:50px 0
    }
}

@media screen and (max-width: 1366px) {
    .ai-cta-section .col-sm-8,.ai-cta-section .col-md-8 {
        width:60%
    }
}

@media screen and (max-width: 991px) {
    .ai-cta-section .col-sm-8,.ai-cta-section .col-md-8 {
        width:100%
    }
}

.ai-cta-section .cta-box {
    overflow: hidden;
    background-color: #000;
    background: #004e92;
    background: -webkit-linear-gradient(to right, #000428, #004e92);
    background: linear-gradient(to right, #000428, #004e92);
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 50px
}

@media screen and (max-width: 575px) {
    .ai-cta-section .cta-box {
        text-align:center
    }
}

.ai-cta-section .cta-box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/ai-development/webp/ai-cta.webp);
    background-repeat: no-repeat;
    background-position: right center
}

@media screen and (max-width: 1024px) {
    .ai-cta-section .cta-box:after {
        background-position:300px center
    }
}

@media screen and (max-width: 767px) {
    .ai-cta-section .cta-box:after {
        opacity:0.3;
        background-position: 0px center
    }
}

.ai-cta-section .cta-box .row {
    z-index: 1;
    position: relative
}

.ai-cta-section .cta-box h2 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 64px;
    line-height: 1.2
}

@media screen and (max-width: 1600px) {
    .ai-cta-section .cta-box h2 {
        font-size:64px
    }
}

@media screen and (max-width: 1600px) {
    .ai-cta-section .cta-box h2 {
        font-size:54px
    }
}

@media screen and (max-width: 1440px) {
    .ai-cta-section .cta-box h2 {
        font-size:46px
    }
}

@media screen and (max-width: 991px) {
    .ai-cta-section .cta-box h2 {
        font-size:40px
    }
}

@media screen and (max-width: 575px) {
    .ai-cta-section .cta-box h2 {
        font-size:28px
    }
}

.ai-cta-section .cta-box p {
    color: #fff;
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1440px) {
    .ai-cta-section .cta-box p {
        font-size:17px
    }
}

.vr-game-home-banner {
    position: relative;
    padding: 150px 0;
    overflow: hidden;
    height: 50vh
}

.vr-game-home-banner.home-video1 {
    padding: 0px 0 0 0;
    min-height: 850px
}

@media screen and (max-width: 1600px) {
    .vr-game-home-banner.home-video1 {
        min-height:750px
    }
}

@media screen and (max-width: 1440px) {
    .vr-game-home-banner.home-video1 {
        min-height:700px
    }
}

@media screen and (max-width: 1366px) {
    .vr-game-home-banner.home-video1 {
        min-height:600px
    }
}

@media screen and (max-width: 1200px) {
    .vr-game-home-banner.home-video1 {
        min-height:600px
    }
}

@media screen and (max-width: 991px) {
    .vr-game-home-banner.home-video1 {
        padding-top:0px;
        max-height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        min-height: 100%
    }
}

@media screen and (max-width: 767px) {
    .vr-game-home-banner.home-video1 {
        height:700px
    }
}

@media screen and (max-width: 575px) {
    .vr-game-home-banner.home-video1 {
        height:700px
    }
}

.vr-game-home-banner.home-video1:before {
    background-color: #00295A;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.6;
    margin-top: 0px;
    z-index: 3;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
    background-image: none
}

@media screen and (max-width: 991px) {
    .vr-game-home-banner.home-video1:before {
        z-index:3
    }
}

.vr-game-home-banner.home-video1:after {
    background-color: #000;
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-image: url(../img/vr-game-development/webp/vi-game-video-cover.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

@media screen and (max-width: 991px) {
    .vr-game-home-banner.home-video1:after {
        z-index:1
    }
}

@media screen and (max-width: 575px) {
    .vr-game-home-banner.home-video1:after {
        background-position:center center
    }
}

.vr-game-home-banner.home-video1 .home-text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 4;
    flex-direction: column
}

@media screen and (max-width: 991px) {
    .vr-game-home-banner.home-video1 .home-text {
        z-index:4;
        margin-top: 0px
    }
}

.vr-game-home-banner.home-video1 h1 {
    text-align: center;
    color: #fff;
    font-family: "interbold";
    padding-right: 0;
    margin-top: 0px;
    line-height: normal
}

@media screen and (max-width: 1440px) {
    .vr-game-home-banner.home-video1 h1 {
        font-size:64px
    }
}

@media screen and (max-width: 1366px) {
    .vr-game-home-banner.home-video1 h1 {
        font-size:62px
    }
}

@media screen and (max-width: 1200px) {
    .vr-game-home-banner.home-video1 h1 {
        font-size:58px
    }
}

@media screen and (max-width: 575px) {
    .vr-game-home-banner.home-video1 h1 {
        font-size:48px
    }
}

@media screen and (max-width: 991px) {
    .vr-game-home-banner.home-video1 h1 {
        margin-top:0px
    }
}

.vr-game-home-banner.home-video1 h1 abbr {
    display: inline-block;
    color: #fff;
    font-family: "intermedium"
}

.vr-game-home-banner.home-video1 h1 span {
    display: block
}

.vr-game-home-banner.home-video1 p {
    text-align: center;
    color: #fff;
    padding-right: 0
}

.vr-game-home-banner.home-video1 .btn {
    margin: 10px;
    padding: 20px 50px 20px 30px;
    font-size: 20px;
    font-family: "interbold";
    -webkit-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2)
}

@media screen and (max-width: 991px) {
    .vr-game-home-banner.home-video1 .btn {
        padding:15px 42px 15px 15px;
        font-size: 16px
    }
}

.vr-game-home-banner.home-video1 .btn:active {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2)
}

.vr-game-home-banner.home-video1 .btn.btn-red {
    background: #e54724;
    background: -webkit-linear-gradient(bottom, #e54724 0%, #f7023f 100%);
    background: -o-linear-gradient(bottom, #e54724 0%, #f7023f 100%);
    background: linear-gradient(to top, #e54724 0%, #f7023f 100%)
}

.vr-game-home-banner.home-video1 .btn.btn-blue {
    background: #0167e7;
    background: -webkit-linear-gradient(bottom, #0167e7 0%, #053390 100%);
    background: -o-linear-gradient(bottom, #0167e7 0%, #053390 100%);
    background: linear-gradient(to top, #0167e7 0%, #053390 100%)
}

.vr-game-home-banner.home-video1 .btn .arrow {
    width: 30px;
    height: 30px
}

@media screen and (max-width: 991px) {
    .vr-game-home-banner.home-video1 .btn .arrow {
        width:20px;
        height: 20px
    }
}

.vr-game-home-banner.home-video1 .home-video {
    width: 100vw;
    height: auto;
    position: relative;
    z-index: 2
}

.vr-game-home-banner.home-video1 .home-video::-webkit-media-controls {
    display: none
}

.vr-game-home-banner.home-video1 .home-video::-moz-media-controls {
    display: none
}

.vr-game-home-banner.home-video1 .home-video::-webkit-media-controls-enclosure {
    display: none
}

.vr-game-home-banner.home-video1 .home-video::-moz-media-controls-enclosure {
    display: none
}

@media screen and (max-width: 991px) {
    .vr-game-home-banner.home-video1 .home-video {
        display:none
    }
}

.vr-game-home-banner.home-video1 .mobile-video {
    display: none;
    width: auto;
    height: 900px;
    z-index: 2
}

.vr-game-home-banner.home-video1 .mobile-video::-webkit-media-controls {
    display: none
}

.vr-game-home-banner.home-video1 .mobile-video::-moz-media-controls {
    display: none
}

.vr-game-home-banner.home-video1 .mobile-video::-webkit-media-controls-enclosure {
    display: none
}

.vr-game-home-banner.home-video1 .mobile-video::-moz-media-controls-enclosure {
    display: none
}

@media screen and (max-width: 991px) {
    .vr-game-home-banner.home-video1 .mobile-video {
        display:block;
        margin-top: 0
    }
}

.vr-game-home-banner.home-video1 .partners {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .vr-game-home-banner.home-video1 .partners {
        display:block;
        text-align: center;
        position: static;
        margin-top: 30px;
        margin-bottom: 30px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        min-height: 100px
    }
}

.vr-game-home-banner.home-video1 .partners .icon {
    position: relative;
    flex-basis: 20%;
    align-items: flex-start;
    width: 200px;
    height: 100px;
    margin: 15px 0
}

@media screen and (max-width: 1024px) {
    .vr-game-home-banner.home-video1 .partners .icon {
        width:150px;
        height: 75px;
        display: inline-block
    }
}

@media screen and (max-width: 991px) {
    .vr-game-home-banner.home-video1 .partners .icon {
        margin:10px;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .vr-game-home-banner.home-video1 .partners .icon {
        margin:5px 0
    }
}

.vr-game-home-banner.home-video1 .partners .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 200px;
    height: 100px;
    background-image: url(../img/home/png/partners.png);
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    background-size: 100% auto
}

@media screen and (max-width: 1024px) {
    .vr-game-home-banner.home-video1 .partners .icon:before {
        width:150px;
        height: 75px
    }
}

.vr-game-home-banner.home-video1 .partners .icon.icon1:before {
    background-position: 0 0px
}

@media screen and (max-width: 1024px) {
    .vr-game-home-banner.home-video1 .partners .icon.icon1:before {
        background-position:0 0px
    }
}

.vr-game-home-banner.home-video1 .partners .icon.icon2:before {
    background-position: 0 -100px
}

@media screen and (max-width: 1024px) {
    .vr-game-home-banner.home-video1 .partners .icon.icon2:before {
        background-position:0 -75px
    }
}

.vr-game-home-banner.home-video1 .partners .icon.icon3:before {
    background-position: 0 -200px
}

@media screen and (max-width: 1024px) {
    .vr-game-home-banner.home-video1 .partners .icon.icon3:before {
        background-position:0 -150px
    }
}

.vr-game-home-banner.home-video1 .partners .icon.icon4:before {
    background-position: 0 -300px
}

@media screen and (max-width: 1024px) {
    .vr-game-home-banner.home-video1 .partners .icon.icon4:before {
        background-position:0 -225px
    }
}

.vr-game-home-banner.home-video1 .partners .icon.icon5:before {
    background-position: 0 -400px
}

@media screen and (max-width: 1024px) {
    .vr-game-home-banner.home-video1 .partners .icon.icon5:before {
        background-position:0 -300px
    }
}

@media (max-width: 991px) {
    .vr-game-home-banner {
        text-align:center
    }

    .vr-game-home-banner .row {
        flex-wrap: wrap-reverse
    }
}

@media (max-width: 767px) {
    .vr-game-home-banner {
        padding:100px 0 50px 0
    }
}

.vr-game-home-banner h1 {
    padding-right: 100px;
    font-family: "interlight"
}

@media (max-width: 1024px) {
    .vr-game-home-banner h1 {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .vr-game-home-banner h1 {
        padding-right:0
    }
}

.vr-game-home-banner p {
    padding-right: 100px
}

@media (max-width: 1024px) {
    .vr-game-home-banner p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .vr-game-home-banner p {
        padding-right:0
    }
}

.vr-game-home-banner:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.vr-game-home-banner .bnr-img {
    position: relative
}

@media (max-width: 767px) {
    .vr-game-home-banner .bnr-img {
        margin-bottom:30px;
        display: none;
        opacity: 0
    }
}

.vr-game-home-banner .bnr-img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100px;
    height: 200px;
    background-image: url("../img/home/png/dropshaddow.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom
}

@media (max-width: 575px) {
    .vr-game-home-banner .bnr-img:before {
        display:none
    }
}

.vr-game-home-banner .bnr-img .ani1 {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    animation: floatY 6s ease-in-out infinite
}

.vr-game-home-banner .bnr-img .ani2 {
    -webkit-transition: 5s;
    -moz-transition: 5s;
    -ms-transition: 5s;
    -o-transition: 5s;
    transition: 5s;
    animation: floatX 5s ease-in-out infinite
}

.vr-game-home-banner .bnr-img .ani3 {
    -webkit-transition: 7s;
    -moz-transition: 7s;
    -ms-transition: 7s;
    -o-transition: 7s;
    transition: 7s;
    animation: floatX 7s ease-in-out infinite
}

.vr-game-home-banner .bnr-img .ani4 {
    -webkit-transition: 4s;
    -moz-transition: 4s;
    -ms-transition: 4s;
    -o-transition: 4s;
    transition: 4s;
    animation: floatY 4s ease-in-out infinite
}

.vr-game-home-banner .bnr-img .ani5 {
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -ms-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
    animation: floatY 3s ease-in-out infinite
}

@keyframes floatY {
    0% {
        transform: translateY(0px)
    }

    50% {
        transform: translateY(-20px)
    }

    100% {
        transform: translateY(0px)
    }
}

@keyframes floatX {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(-20px)
    }

    100% {
        transform: translateX(0px)
    }
}

.game-banner.video-game-banner.vr-game-banner:before {
    background-image: url("../img/vr-game-development/webp/vr-game-development.webp");
    background-position: bottom center
}

.game-banner.video-game-banner.vr-game-banner .points {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.game-banner.video-game-banner.vr-game-banner .points li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    color: #fff
}

.game-banner.video-game-banner.vr-game-banner .points li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #0076FF
}

.game-banner.video-game-banner.vr-game-banner.ext-padd {
    padding: 160px 0 100px 0
}

@media (max-width: 991px) {
    .game-banner.video-game-banner.vr-game-banner.ext-padd {
        padding:100px 0 100px 0
    }

    .game-banner.video-game-banner.vr-game-banner.ext-padd .row {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .game-banner.video-game-banner.vr-game-banner.ext-padd {
        padding:100px 0 50px 0
    }
}

.game-banner.video-game-banner.vr-game-banner .banner-img {
    max-width: 640px
}

.game-benefits.vrGame-benefit .benefits-box i:before {
    background-image: url("../img/vr-game-development/png/VR-game-sprite01.png")
}

.game-benefits.vrGame-benefit .ios-b-img img {
    max-width: 500px
}

.video-game-services.vr-game-services .icon {
    background-image: url("../img/ar-game-development/png/ar-gametSprite2.png")
}

.video-game-services.vr-game-services .nav-tabs {
    justify-content: center
}

@media screen and (max-width: 991px) {
    .video-game-services.vr-game-services .nav-tabs {
        flex-wrap:wrap;
        overflow-x: visible;
        overflow-y: visible
    }
}

.video-game-services.vr-game-services .nav-tabs .nav-item {
    margin: 0;
    flex-basis: 16%;
    max-width: 100%
}

@media screen and (max-width: 991px) {
    .video-game-services.vr-game-services .nav-tabs .nav-item {
        min-width:auto;
        flex-basis: 33%
    }
}

@media screen and (max-width: 575px) {
    .video-game-services.vr-game-services .nav-tabs .nav-item {
        min-width:auto;
        flex-basis: 46%;
        margin: 10px
    }
}

@media screen and (max-width: 480px) {
    .video-game-services.vr-game-services .nav-tabs .nav-item {
        flex-basis:43%
    }
}

@media screen and (max-width: 575px) {
    .game-development-tools.android-other-services.vr-game-tools .game-tools li {
        padding:10px
    }
}

.game-engagement-models.android-engagement-models.engagement-vr-game-models .service-box {
    height: auto
}

.game-engagement-models.android-engagement-models.engagement-vr-game-models .service-box::before {
    background-image: url("../img/vr-game-development/webp/engagement-vr-game.webp")
}

.sdc-salesforce-developers-cost.game-cost:before {
    background-color: #000;
    background-image: url("../img/vr-game-development/webp/vr-game-cost-bg.webp");
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    background-attachment: fixed
}

.vrTechnologies .vr-techno-list {
    display: flex;
    flex-wrap: wrap
}

.vrTechnologies .vr-techno-list li {
    flex-basis: 16%;
    background-color: #fff;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s
}

@media screen and (max-width: 991px) {
    .vrTechnologies .vr-techno-list li {
        flex-basis:33%
    }
}

@media screen and (max-width: 575px) {
    .vrTechnologies .vr-techno-list li {
        flex-basis:33%
    }
}

@media screen and (max-width: 480px) {
    .vrTechnologies .vr-techno-list li {
        flex-basis:50%
    }
}

.vrTechnologies .vr-techno-list li:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    z-index: 2
}

.vrTechnologies .vr-techno-list li .icon {
    display: inline-block;
    width: 100%;
    height: 120px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    position: relative
}

@media screen and (max-width: 991px) {
    .vrTechnologies .vr-techno-list li .icon {
        height:80px
    }
}

.vrTechnologies .vr-techno-list li .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 136px;
    height: 70px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    background-image: url(../img/vr-game-development/png/vr-gameSprite2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4
}

@media screen and (max-width: 1024px) {
    .vrTechnologies .vr-techno-list li .icon:before {
        width:100px;
        height: 51px
    }
}

.vrTechnologies .vr-techno-list li .icon:hover:before {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s
}

.vrTechnologies .vr-techno-list li .icon.icon1:before {
    background-position: 0 0
}

@media screen and (max-width: 1024px) {
    .vrTechnologies .vr-techno-list li .icon.icon1:before {
        background-position:0 0
    }
}

.vrTechnologies .vr-techno-list li .icon.icon2:before {
    background-position: 0 -70px
}

@media screen and (max-width: 1024px) {
    .vrTechnologies .vr-techno-list li .icon.icon2:before {
        background-position:0 -51px
    }
}

.vrTechnologies .vr-techno-list li .icon.icon3:before {
    background-position: 0 -140px
}

@media screen and (max-width: 1024px) {
    .vrTechnologies .vr-techno-list li .icon.icon3:before {
        background-position:0 -103px
    }
}

.vrTechnologies .vr-techno-list li .icon.icon4:before {
    background-position: 0 -210px
}

@media screen and (max-width: 1024px) {
    .vrTechnologies .vr-techno-list li .icon.icon4:before {
        background-position:0 -155px
    }
}

.vrTechnologies .vr-techno-list li .icon.icon5:before {
    background-position: 0 -280px
}

@media screen and (max-width: 1024px) {
    .vrTechnologies .vr-techno-list li .icon.icon5:before {
        background-position:0 -206px
    }
}

.vrTechnologies .vr-techno-list li .icon.icon6:before {
    background-position: 0 -350px
}

@media screen and (max-width: 1024px) {
    .vrTechnologies .vr-techno-list li .icon.icon6:before {
        background-position:0 -258px
    }
}

header.adslanding .navbar .navbar-nav .nav-item {
    margin-right: 17px
}

header.adslanding .navbar .navbar-nav .nav-item.rq-btn {
    margin-right: 0px
}

.dm-banner .dm-box {
    background-color: #0035e5;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .dm-banner .dm-box {
        text-align:center
    }
}

.dm-banner .dm-box h1 {
    font-family: "druk_trialbold";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px
}

@media screen and (max-width: 1366px) {
    .dm-banner .dm-box h1 {
        font-size:48px;
        line-height: 60px;
        padding-right: 0
    }
}

@media screen and (max-width: 1200px) {
    .dm-banner .dm-box h1 {
        font-size:44px;
        line-height: 50px
    }
}

.dm-banner .dm-box p {
    font-family: "poppinsregular";
    color: #fff
}

.dm-banner .dm-box .padd {
    padding: 50px
}

@media screen and (max-width: 1366px) {
    .dm-banner .dm-box .padd {
        padding-right:0
    }
}

@media screen and (max-width: 991px) {
    .dm-banner .dm-box .padd {
        padding:50px 30px
    }
}

.dm-banner .dm-box .bnr-img {
    overflow: hidden
}

.dm-banner .dm-box .bnr-img img {
    -webkit-border-radius: 0 20px 20px 270px;
    -moz-border-radius: 0 20px 20px 270px;
    -ms-border-radius: 0 20px 20px 270px;
    border-radius: 0 20px 20px 270px
}

@media screen and (max-width: 991px) {
    .dm-banner .dm-box .bnr-img img {
        -webkit-border-radius:0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }
}

.dm-partner {
    padding: 10px 0 50px 0
}

@media screen and (max-width: 1440px) {
    .dm-partner {
        padding-top:0;
        padding-bottom: 10px
    }
}

@media screen and (max-width: 575px) {
    .dm-partner {
        text-align:center
    }
}

.dm-partner.dm-partner2 {
    padding: 10px 0
}

.dm-partner h2 {
    font-family: "poppinsbold";
    margin-bottom: 0
}

@media screen and (max-width: 1366px) {
    .dm-partner h2 {
        font-size:38px
    }
}

@media screen and (max-width: 991px) {
    .dm-partner h2 {
        font-size:28px
    }
}

@media screen and (max-width: 575px) {
    .dm-partner h2 {
        font-size:26px
    }
}

.dm-partner .owl-dm-brands {
    margin-top: 50px
}

@media screen and (max-width: 991px) {
    .dm-partner .owl-dm-brands {
        margin-top:10px
    }
}

.dm-partner .partner-list {
    text-align: center;
    margin-bottom: 30px
}

@media screen and (max-width: 575px) {
    .dm-partner .partner-list {
        justify-content:center
    }
}

.dm-partner .partner-list li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 65px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1399px) {
    .dm-partner .partner-list li {
        flex-basis:17%
    }
}

@media screen and (max-width: 1366px) {
    .dm-partner .partner-list li {
        flex-basis:17%
    }
}

@media screen and (max-width: 1199px) {
    .dm-partner .partner-list li {
        flex-basis:16%
    }
}

@media screen and (max-width: 991px) {
    .dm-partner .partner-list li {
        flex-basis:30%;
        margin: 10px
    }
}

@media screen and (max-width: 767px) {
    .dm-partner .partner-list li {
        flex-basis:45%
    }
}

@media screen and (max-width: 575px) {
    .dm-partner .partner-list li {
        margin:10px 3px 0px 3px
    }
}

@media screen and (max-width: 480px) {
    .dm-partner .partner-list li {
        padding-top:10px;
        min-height: 94px
    }
}

@media screen and (max-width: 360px) {
    .dm-partner .partner-list li {
        flex-basis:45%
    }
}

.dm-partner .partner-list li a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    line-height: normal
}

@media screen and (max-width: 1600px) {
    .dm-partner .partner-list li a {
        font-size:15px;
        line-height: normal
    }
}

.dm-partner .partner-list li .icon {
    margin: auto;
    width: 150px;
    height: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("../img/digital-marketing-company/png/dm-sprite1.png");
    background-repeat: no-repeat;
    margin-top: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5
}

@media screen and (max-width: 480px) {
    .dm-partner .partner-list li .icon {
        width:130px;
        height: 52px;
        background-size: 100% auto
    }
}

.dm-partner .partner-list li .icon.icon1 {
    background-position: 0 0px
}

@media screen and (max-width: 480px) {
    .dm-partner .partner-list li .icon.icon1 {
        background-position:0 0px
    }
}

.dm-partner .partner-list li .icon.icon2 {
    background-position: 0 -60px
}

@media screen and (max-width: 480px) {
    .dm-partner .partner-list li .icon.icon2 {
        background-position:0 -52px
    }
}

.dm-partner .partner-list li .icon.icon3 {
    background-position: 0 -120px
}

@media screen and (max-width: 480px) {
    .dm-partner .partner-list li .icon.icon3 {
        background-position:0 -104px
    }
}

.dm-partner .partner-list li .icon.icon4 {
    background-position: 0 -180px
}

@media screen and (max-width: 480px) {
    .dm-partner .partner-list li .icon.icon4 {
        background-position:0 -156px
    }
}

.dm-partner .partner-list li .icon.icon5 {
    background-position: 0 -240px
}

@media screen and (max-width: 480px) {
    .dm-partner .partner-list li .icon.icon5 {
        background-position:0 -208px
    }
}

.dm-partner .partner-list li .icon.icon6 {
    background-position: 0 -300px
}

@media screen and (max-width: 480px) {
    .dm-partner .partner-list li .icon.icon6 {
        background-position:0 -260px
    }
}

.dm-partner .partner-list li .icon.icon7 {
    background-position: 0 -360px
}

@media screen and (max-width: 480px) {
    .dm-partner .partner-list li .icon.icon7 {
        background-position:0 -312px
    }
}

.dm-partner .partner-list li .icon.icon8 {
    background-position: 0 -420px
}

@media screen and (max-width: 480px) {
    .dm-partner .partner-list li .icon.icon8 {
        background-position:0 -364px
    }
}

.dm-partner .partner-list li .icon.icon9 {
    background-position: 0 -480px
}

@media screen and (max-width: 480px) {
    .dm-partner .partner-list li .icon.icon9 {
        background-position:0 -416px
    }
}

.dm-partner .partner-list li .icon.icon10 {
    background-position: 0 -540px
}

@media screen and (max-width: 480px) {
    .dm-partner .partner-list li .icon.icon10 {
        background-position:0 -464px
    }
}

.dm-partner .partner-list li .icon.icon11 {
    background-position: 0 -600px
}

@media screen and (max-width: 480px) {
    .dm-partner .partner-list li .icon.icon11 {
        background-position:0 -520px
    }
}

.dm-partner .partner-list li:hover .icon {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 1
}

.dm-partner .partner-list.pl2 li .icon {
    background-image: url("../img/digital-marketing-company/png/dm-sprite1_1.png")
}

.dm-four-box {
    background-color: #f7f7f7;
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .dm-four-box {
        padding:50px 0;
        text-align: center
    }
}

.dm-four-box.dm-four-box2 {
    position: relative;
    padding-top: 100px;
    background: #f7f7f7;
    background: -webkit-linear-gradient(bottom, #f7f7f7 0%, #fff 100%);
    background: -o-linear-gradient(bottom, #f7f7f7 0%, #fff 100%);
    background: linear-gradient(to top, #f7f7f7 0%, #fff 100%)
}

@media screen and (max-width: 991px) {
    .dm-four-box.dm-four-box2 {
        padding-top:50px
    }
}

.dm-four-box .op-text {
    text-transform: uppercase;
    font-family: "poppins_mediumregular";
    color: #585858;
    margin-bottom: 30px
}

.dm-four-box h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-four-box h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .dm-four-box h2 {
        font-size:26px
    }
}

.dm-four-box p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-four-box .btn {
    background-color: #0035e5
}

@media screen and (max-width: 991px) {
    .dm-four-box .btn.web {
        display:none
    }
}

.dm-four-box .btn.mob {
    display: none
}

@media screen and (max-width: 991px) {
    .dm-four-box .btn.mob {
        margin-top:50px;
        display: inline-block
    }
}

.dm-four-box .in-box {
    background-color: #f5f5f5;
    padding: 30px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    min-height: 200px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-align: center
}

@media screen and (max-width: 1366px) {
    .dm-four-box .in-box {
        padding:30px
    }
}

@media screen and (max-width: 991px) {
    .dm-four-box .in-box {
        min-height:auto;
        padding: 30px 30px 30px 30px
    }
}

@media screen and (max-width: 420px) {
    .dm-four-box .in-box {
        min-height:auto;
        padding: 30px 15px 30px 15px
    }
}

.dm-four-box .in-box:hover {
    transform: translate(0px, -30px);
    -webkit-transform: translate(0px, -30px);
    -moz-transform: translate(0px, -30px);
    -webkit-box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 20px rgba(0,0,0,0.1)
}

.dm-four-box .in-box h2 {
    margin-top: 25px;
    margin-bottom: 20px
}

.dm-four-box .in-box.ib1 {
    background-color: #1e8e3e
}

.dm-four-box .in-box.ib1 h2 {
    color: #fff;
    font-size: 50px
}

@media screen and (max-width: 1024px) {
    .dm-four-box .in-box.ib1 h2 {
        font-size:42px
    }

    .dm-four-box .in-box.ib1 h2 br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .dm-four-box .in-box.ib1 h2 {
        font-size:32px
    }
}

.dm-four-box .in-box.ib1 p {
    color: #fff
}

.dm-four-box .in-box.ib2 {
    background-color: #f29900;
    margin-top: 30px
}

.dm-four-box .in-box.ib2 h2 {
    color: #fff;
    font-size: 50px
}

@media screen and (max-width: 1024px) {
    .dm-four-box .in-box.ib2 h2 {
        font-size:42px
    }

    .dm-four-box .in-box.ib2 h2 br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .dm-four-box .in-box.ib2 h2 {
        font-size:32px
    }
}

.dm-four-box .in-box.ib2 p {
    color: #fff
}

.dm-four-box .in-box.ib3 {
    background-color: #0076FF;
    margin-top: 150px
}

@media screen and (max-width: 991px) {
    .dm-four-box .in-box.ib3 {
        margin-top:30px
    }
}

.dm-four-box .in-box.ib3 h2 {
    color: #fff;
    font-size: 50px
}

@media screen and (max-width: 1024px) {
    .dm-four-box .in-box.ib3 h2 {
        font-size:42px
    }

    .dm-four-box .in-box.ib3 h2 br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .dm-four-box .in-box.ib3 h2 {
        font-size:32px
    }
}

.dm-four-box .in-box.ib3 p {
    color: #fff
}

.dm-four-box .in-box.ib4 {
    background-color: #c5221f;
    margin-top: 30px
}

.dm-four-box .in-box.ib4 h2 {
    color: #fff;
    font-size: 50px
}

@media screen and (max-width: 1024px) {
    .dm-four-box .in-box.ib4 h2 {
        font-size:42px
    }

    .dm-four-box .in-box.ib4 h2 br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .dm-four-box .in-box.ib4 h2 {
        font-size:32px
    }
}

.dm-four-box .in-box.ib4 p {
    color: #fff;
    font-family: "poppinsregular"
}

.dm-four-box .in-box.ib4 p a {
    text-decoration: underline;
    color: #FF9100
}

.dm-four-box .owl-text-slider .owl-item h2 {
    font-size: 60px
}

@media screen and (max-width: 1366px) {
    .dm-four-box .owl-text-slider .owl-item h2 {
        font-size:50px
    }
}

.dm-four-box .owl-text-slider .owl-item h2.color1 {
    color: #1a73e8
}

.dm-four-box .owl-text-slider .owl-item h2.color2 {
    color: #1e8e3e
}

.dm-four-box .owl-text-slider .owl-item h2.color3 {
    color: #f29900
}

.dm-four-box .owl-text-slider .owl-item h2.color4 {
    color: #c5221f
}

@media screen and (max-width: 1366px) {
    .dm-four-box .owl-text-slider .owl-item h3 {
        font-size:34px
    }
}

.dm-sales-funnel {
    padding: 100px 0 70px 0
}

@media screen and (max-width: 991px) {
    .dm-sales-funnel {
        padding:50px 0;
        text-align: center
    }
}

@media screen and (max-width: 991px) {
    .dm-sales-funnel .web {
        display:none
    }
}

.dm-sales-funnel .mob {
    display: none
}

@media screen and (max-width: 991px) {
    .dm-sales-funnel .mob {
        display:inline-block
    }
}

@media screen and (max-width: 991px) {
    .dm-sales-funnel .row {
        flex-wrap:wrap-reverse
    }
}

.dm-sales-funnel .btn {
    background-color: #0035e5
}

.dm-sales-funnel h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-sales-funnel h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .dm-sales-funnel h2 {
        font-size:26px
    }
}

.dm-sales-funnel p {
    font-family: "poppins_mediumregular";
    color: #0a0d31;
    font-size: 22px
}

@media screen and (max-width: 1440px) {
    .dm-sales-funnel p {
        font-size:18px
    }
}

@media screen and (max-width: 1366px) {
    .dm-sales-funnel p {
        font-size:16px
    }
}

.dm-sales-funnel .dm-list-menu li {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    background-color: #0035e5;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-sales-funnel .dm-list-menu li:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1)
}

.dm-sales-funnel .dm-list-menu li:nth-child(1) {
    width: 100%;
    max-width: 552px
}

.dm-sales-funnel .dm-list-menu li:nth-child(2) {
    width: 80%;
    max-width: 442px
}

.dm-sales-funnel .dm-list-menu li:nth-child(3) {
    width: 60%;
    max-width: 332px
}

.dm-sales-funnel .dm-list-menu li:nth-child(4) {
    width: 40%;
    max-width: 222px
}

.dm-sales-funnel .dm-list-menu h3 {
    padding: 30px;
    font-family: "druk_trialbold";
    text-transform: uppercase;
    text-align: center;
    font-size: 40px;
    box-shadow: none;
    cursor: pointer;
    background-color: transparent;
    border: none;
    color: #fff;
    margin-bottom: 0;
    line-height: normal
}

.dm-sales-funnel .in-list li {
    background-color: #fff;
    color: #000;
    padding: 15px 20px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    border-radius: 60px;
    margin-bottom: 20px
}

.dm-sales-funnel .in-list li h3 {
    margin-bottom: 0
}

.dm-roi {
    background-color: #f7f7f7;
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .dm-roi {
        padding:50px 0
    }
}

.dm-roi h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-roi h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .dm-roi h2 {
        font-size:26px
    }
}

.dm-roi p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-roi .roi {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px
}

@media screen and (max-width: 991px) {
    .dm-roi .roi {
        justify-content:center
    }
}

.dm-roi .roi li {
    flex-basis: 20%;
    text-align: center
}

@media screen and (max-width: 991px) {
    .dm-roi .roi li {
        flex-basis:33.333333%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 480px) {
    .dm-roi .roi li {
        flex-basis:50%
    }
}

.dm-roi .roi li .circle-cion {
    width: 150px;
    height: 150px;
    display: grid;
    margin: auto auto 20px auto;
    place-content: center;
    border: 5px solid #E0E0E0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff
}

@media screen and (max-width: 480px) {
    .dm-roi .roi li .circle-cion {
        width:100px;
        height: 100px
    }
}

.dm-roi .roi li .circle-cion:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    border-color: #0035e5
}

.dm-roi .roi li .circle-cion:hover .icon {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1)
}

.dm-roi .roi li .circle-cion .icon {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(../img/digital-marketing-company/png/dm-sprite2.png);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-roi .roi li .circle-cion .icon.icon1 {
    background-position: 0 0
}

.dm-roi .roi li .circle-cion .icon.icon2 {
    background-position: 0 -40px
}

.dm-roi .roi li .circle-cion .icon.icon3 {
    background-position: 0 -80px
}

.dm-roi .roi li .circle-cion .icon.icon4 {
    background-position: 0 -120px
}

.dm-roi .roi li .circle-cion .icon.icon5 {
    background-position: 0 -160px
}

.dm-roi .roi li.active .circle-cion {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    border-color: #0035e5
}

.dm-roi .roi li.active .circle-cion .icon {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1)
}

.dm-roi .roi li p {
    margin-bottom: 0;
    font-family: "poppins_mediumregular"
}

.dm-main-service {
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .dm-main-service {
        padding:50px 0
    }
}

@media screen and (max-width: 1024px) {
    .dm-main-service .col-sm-4,.dm-main-service .col-md-4 {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .dm-main-service .col-sm-4,.dm-main-service .col-md-4 {
        width:100%
    }
}

.dm-main-service h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-main-service h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .dm-main-service h2 {
        font-size:26px
    }
}

.dm-main-service p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-main-service .expertise-box {
    padding: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1399px) {
    .dm-main-service .expertise-box {
        padding:30px
    }
}

@media screen and (max-width: 575px) {
    .dm-main-service .expertise-box {
        text-align:center;
        padding: 30px
    }
}

.dm-main-service .expertise-box:hover {
    background-color: #F1F2FD
}

.dm-main-service .expertise-box h3 {
    font-family: "poppins_semiboldregular";
    font-size: 28px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .dm-main-service .expertise-box h3 {
        font-size:24px
    }
}

@media screen and (max-width: 1399px) {
    .dm-main-service .expertise-box h3 {
        font-size:20px
    }
}

@media screen and (max-width: 575px) {
    .dm-main-service .expertise-box h3 {
        font-size:18px
    }
}

.dm-main-service .expertise-box .icon {
    background-image: url(../img/digital-marketing-company/png/dm-sprite3.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 0 20px 0;
    filter: drop-shadow(0 25px 20px rgba(14,32,150,0.2))
}

@media screen and (max-width: 575px) {
    .dm-main-service .expertise-box .icon {
        margin-left:auto;
        margin-right: auto
    }
}

.dm-main-service .expertise-box .icon.icon1 {
    background-position: 0 0
}

.dm-main-service .expertise-box .icon.icon2 {
    background-position: 0 -40px
}

.dm-main-service .expertise-box .icon.icon3 {
    background-position: 0 -80px
}

.dm-main-service .expertise-box .icon.icon4 {
    background-position: 0 -120px
}

.dm-main-service .expertise-box .icon.icon5 {
    background-position: 0 -160px
}

.dm-main-service .expertise-box .icon.icon6 {
    background-position: 0 -200px
}

.dm-main-service .expertise-box .icon.icon7 {
    background-position: 0 -240px
}

.dm-main-service .expertise-box .icon.icon8 {
    background-position: 0 -280px
}

.dm-main-service .expertise-box .icon.icon9 {
    background-position: 0 -320px
}

.dm-main-service .accordion .accordion-item {
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    position: relative
}

.dm-main-service .accordion .accordion-item .accordion-header {
    text-align: center
}

.dm-main-service .accordion .accordion-item .accordion-header .accordion-button {
    margin-top: 30px;
    padding: 20px 70px 20px 30px;
    font-family: "poppins_mediumregular";
    box-shadow: none;
    cursor: pointer;
    color: #0e2096;
    width: auto;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.08);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.dm-main-service .accordion .accordion-item .accordion-header .accordion-button:hover {
    border-color: #0e2096
}

.dm-main-service .accordion .accordion-item .accordion-header .accordion-button:after,.dm-main-service .accordion .accordion-item .accordion-header .accordion-button:before {
    position: static
}

.dm-main-service .accordion .accordion-item .accordion-header .accordion-button::after {
    content: "\2b";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    background-image: none;
    width: 30px;
    height: 30px;
    position: absolute;
    line-height: 20px;
    right: 18px;
    left: auto;
    top: 50%;
    margin-top: -15px;
    border: 1px solid #888;
    border-radius: 30px 30px;
    -ms-transition: border-color .15s ease;
    transition: border-color .15s ease;
    -webkit-transition: border-color .15s ease;
    text-align: center;
    padding-top: 4px;
    color: #888
}

.dm-main-service .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    content: "\f068";
    border-color: #0e2096;
    color: #0e2096
}

.dm-main-service .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #0e2096;
    background-color: transparent
}

.dm-main-service .accordion .accordion-item .accordion-header .accordion-button:hover {
    color: #0e2096
}

.dm-main-service .accordion .accordion-item .accordion-header .accordion-button:hover::after {
    border-color: #0e2096;
    color: #0e2096
}

.dm-main-service .accordion .accordion-item .accordion-header .accordion-button:hover:not(.collapsed)::after {
    border-color: #0e2096;
    color: #0e2096
}

.dm-main-service .accordion .accordion-item .card-body {
    padding-left: 0;
    padding-right: 0
}

.dm-success-stories {
    padding: 100px 0 100px 0;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .dm-success-stories {
        padding:0px 0 0px 0
    }
}

.dm-success-stories .btn {
    background-color: #0035e5
}

.dm-success-stories h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-success-stories h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .dm-success-stories h2 {
        font-size:26px
    }
}

.dm-success-stories h3 {
    font-family: "poppinsbold";
    color: #0a0d31;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .dm-success-stories h3 {
        font-size:20px
    }
}

.dm-success-stories p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-success-stories .we-hire {
    text-align: center;
    margin-top: 30px
}

@media screen and (max-width: 991px) {
    .dm-success-stories .we-hire {
        text-align:right
    }
}

.dm-success-stories .we-hire a {
    display: inline-block;
    padding: 14px 24px;
    background-color: #dee0ff;
    color: #010ed0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    font-family: "poppins_semiboldregular";
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-success-stories .we-hire a:before {
    content: "";
    position: absolute;
    left: 40px;
    bottom: -15px;
    width: 0;
    height: 0;
    border-width: 15px 10px 0 10px;
    border-color: #DEE0FF transparent transparent transparent;
    border-style: solid;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-success-stories .we-hire a:hover {
    background-color: #000;
    color: #fff
}

.dm-success-stories .we-hire a:hover:before {
    border-color: #000 transparent transparent transparent
}

.dm-success-stories .v-all a {
    display: inline-block;
    color: #0076FF;
    font-size: 14px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-success-stories .v-all a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #dee0ff
}

.dm-success-stories .v-all a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0%;
    bottom: 0;
    height: 3px;
    background-color: #0076FF;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-success-stories .v-all a:hover:after {
    width: 100%
}

.dm-success-stories .port-box {
    text-align: left;
    position: relative
}

.dm-success-stories .port-box .link-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.dm-success-stories .port-box .port-img {
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    max-width: 728px;
    margin-bottom: 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-success-stories .port-box .port-img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.dm-success-stories .port-box .port-img img {
    width: 100%;
    height: auto
}

.dm-success-stories .port-box h3 {
    font-family: "poppins_semiboldregular";
    font-size: 23px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 5px
}

.dm-success-stories .port-box p {
    color: #777;
    font-size: 14px
}

.dm-success-stories .port-box:hover h3 {
    color: #0076FF
}

.dm-success-stories .port-box .ind {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 12px;
    letter-spacing: .16em;
    line-height: 15px;
    text-transform: uppercase
}

.dm-success-stories .port-box .ser {
    margin-bottom: 15px
}

.dm-success-stories .port-box .res {
    margin-bottom: 15px
}

.dm-success-stories .port-box .result-list {
    display: flex;
    flex-wrap: wrap
}

.dm-success-stories .port-box .result-list li {
    flex-basis: 33.333333%;
    padding: 0px 10px;
    margin-bottom: 15px;
    position: relative
}

@media screen and (max-width: 1399px) {
    .dm-success-stories .port-box .result-list li {
        padding:0px 10px
    }
}

@media screen and (max-width: 1199px) {
    .dm-success-stories .port-box .result-list li {
        flex-basis:50%
    }
}

@media screen and (max-width: 480px) {
    .dm-success-stories .port-box .result-list li {
        flex-basis:100%
    }
}

.dm-success-stories .port-box .result-list li .big {
    font-size: 36px;
    font-family: "poppinsbold";
    margin-bottom: 10px
}

@media screen and (max-width: 1399px) {
    .dm-success-stories .port-box .result-list li .big {
        font-size:32px
    }
}

.dm-success-stories .port-box .box-up {
    margin-top: -100px;
    position: relative;
    z-index: 1;
    margin-left: 30px;
    margin-right: 30px;
    padding: 30px 30px 10px 30px;
    background-color: #f7f7f7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    min-height: 300px;
    margin-bottom: 0px
}

@media screen and (max-width: 1799px) {
    .dm-success-stories .port-box .box-up {
        min-height:300px
    }
}

@media screen and (max-width: 1699px) {
    .dm-success-stories .port-box .box-up {
        min-height:300px
    }
}

@media screen and (max-width: 1599px) {
    .dm-success-stories .port-box .box-up {
        min-height:320px
    }
}

@media screen and (max-width: 1499px) {
    .dm-success-stories .port-box .box-up {
        min-height:320px
    }
}

@media screen and (max-width: 1399px) {
    .dm-success-stories .port-box .box-up {
        min-height:320px
    }
}

@media screen and (max-width: 1199px) {
    .dm-success-stories .port-box .box-up {
        min-height:450px
    }
}

@media screen and (max-width: 991px) {
    .dm-success-stories .port-box .box-up {
        min-height:400px
    }
}

@media screen and (max-width: 767px) {
    .dm-success-stories .port-box .box-up {
        min-height:430px
    }
}

@media screen and (max-width: 575px) {
    .dm-success-stories .port-box .box-up {
        min-height:430px;
        padding: 15px 15px 10px 15px
    }
}

@media screen and (max-width: 480px) {
    .dm-success-stories .port-box .box-up {
        min-height:100%
    }
}

.dm-success-stories .owl-dm-portfolio .owl-item {
    padding: 30px
}

@media screen and (max-width: 575px) {
    .dm-success-stories .owl-dm-portfolio .owl-item {
        padding:0px
    }
}

@media screen and (max-width: 1260px) {
    .dm-success-stories .owl-dm-portfolio .owl-nav {
        text-align:center;
        margin-top: 30px
    }
}

.dm-success-stories .owl-dm-portfolio .owl-nav button {
    width: 60px;
    height: 60px;
    background-color: #f5f5f5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    top: 36%;
    position: absolute;
    font-family: "poppins_thinregular"
}

@media screen and (max-width: 1260px) {
    .dm-success-stories .owl-dm-portfolio .owl-nav button {
        position:static;
        display: inline-block
    }
}

.dm-success-stories .owl-dm-portfolio .owl-nav button:after,.dm-success-stories .owl-dm-portfolio .owl-nav button:before {
    display: none
}

.dm-success-stories .owl-dm-portfolio .owl-nav button .fas {
    font-size: 20px;
    margin-top: 5px
}

.dm-success-stories .owl-dm-portfolio .owl-nav button.owl-prev {
    background-color: #f5f5f5;
    color: #000;
    left: -70px
}

@media screen and (max-width: 1260px) {
    .dm-success-stories .owl-dm-portfolio .owl-nav button.owl-prev {
        left:0px;
        margin-right: 10px
    }
}

.dm-success-stories .owl-dm-portfolio .owl-nav button.owl-next {
    background-color: #f5f5f5;
    color: #000;
    right: -70px
}

@media screen and (max-width: 1260px) {
    .dm-success-stories .owl-dm-portfolio .owl-nav button.owl-next {
        right:0px;
        margin-left: 10px
    }
}

.dm-leading-companies {
    overflow: hidden
}

.dm-leading-companies .dm-leading-box {
    background-color: #0035e5;
    padding: 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

@media screen and (max-width: 575px) {
    .dm-leading-companies .dm-leading-box {
        padding:20px
    }
}

@media screen and (max-width: 991px) {
    .dm-leading-companies {
        padding:0px 0 0px 0
    }
}

.dm-leading-companies .btn {
    background-color: #0035e5
}

.dm-leading-companies h2 {
    font-family: "poppinsbold";
    color: #fff
}

@media screen and (max-width: 991px) {
    .dm-leading-companies h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .dm-leading-companies h2 {
        font-size:26px
    }
}

.dm-leading-companies p {
    font-family: "poppinsregular";
    color: #fff;
    font-size: 16px
}

.dm-leading-companies .brand {
    background-color: #fff;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    width: 100%;
    height: 120px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s
}

.dm-leading-companies .brand:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 136px;
    height: 70px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    background-image: url(../img/ai-development/png/ai-sprite6.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.dm-leading-companies .brand.b1:before {
    background-position: 0 0
}

.dm-leading-companies .brand.b2:before {
    background-position: 0 -70px
}

.dm-leading-companies .brand.b3:before {
    background-position: 0 -140px
}

.dm-leading-companies .brand.b4:before {
    background-position: 0 -210px
}

.dm-leading-companies .brand.b5:before {
    background-position: 0 -280px
}

.dm-leading-companies .brand.b6:before {
    background-position: 0 -350px
}

.dm-leading-companies .brand.b7:before {
    background-position: 0 -420px
}

.dm-leading-companies .brand.b8:before {
    background-position: 0 -490px
}

.dm-leading-companies .brand.b9:before {
    background-position: 0 -560px
}

.dm-leading-companies .brand.b10:before {
    background-position: 0 -630px
}

.dm-leading-companies .brand.b11:before {
    background-position: 0 -700px
}

.dm-leading-companies .brand.b12:before {
    background-position: 0 -770px
}

.dm-leading-companies .brand.b13:before {
    background-position: 0 -840px
}

.dm-faqs {
    background-color: #f6f7fc;
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .dm-faqs {
        padding:50px 0;
        margin-top: 50px
    }
}

@media screen and (max-width: 991px) {
    .dm-faqs .col-top {
        margin-top:0
    }
}

.dm-faqs h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-faqs h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .dm-faqs h2 {
        font-size:26px
    }
}

.dm-faqs h3 {
    font-family: "poppinsbold";
    color: #0a0d31;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .dm-faqs h3 {
        font-size:20px
    }
}

.dm-faqs p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-faqs .faq-list {
    margin-top: 20px
}

.dm-faqs .faq-list li {
    font-size: 18px;
    font-family: "poppinsregular";
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px
}

.dm-faqs .faq-list li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-faqs .faq-list li:hover:before {
    color: #0076FF
}

@media screen and (max-width: 991px) {
    .dm-faqs .top {
        margin-top:0
    }
}

.dm-faqs .accordion .accordion-item {
    border: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    margin-bottom: 30px
}

.dm-faqs .accordion .accordion-item .accordion-button {
    background-color: transparent;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    font-family: "poppins_semiboldregular";
    color: #4e4e4e;
    box-shadow: none;
    padding: 30px 30px;
    font-size: 20px
}

.dm-faqs .accordion .accordion-item .accordion-button:hover {
    color: #0076FF
}

.dm-faqs .accordion .accordion-item .accordion-button:hover::after {
    color: #0076FF
}

.dm-faqs .accordion .accordion-item .accordion-button:not(.collapsed) {
    color: #0076FF
}

.dm-faqs .accordion .accordion-item .accordion-button:not(.collapsed)::after {
    content: "\f068"
}

.dm-faqs .accordion .accordion-item .card-body {
    color: #666;
    padding: 0px 30px 20px 30px;
    font-family: "poppins_mediumregular"
}

.dm-faqs .accordion .accordion-item .card-body p {
    font-size: 18px
}

.dm-faqs .accordion .accordion-item .accordion-button::after {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #f6f7fc;
    border-radius: 50%;
    color: #000;
    content: "\f067";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px
}

.dm-global-industry {
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .dm-global-industry {
        padding:50px 0
    }
}

.dm-global-industry h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-global-industry h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .dm-global-industry h2 {
        font-size:26px
    }
}

.dm-global-industry .btn {
    background-color: #0035e5
}

.dm-global-industry h3 {
    font-family: "poppinsbold";
    color: #0a0d31;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .dm-global-industry h3 {
        font-size:20px
    }
}

.dm-global-industry p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-global-industry .grid_colm_panel {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    padding-top: 2rem;
    position: relative;
    text-align: center
}

@media screen and (max-width: 991px) {
    .dm-global-industry .grid_colm_panel {
        grid-template-columns:repeat(auto-fill, minmax(50%, 1fr))
    }
}

@media screen and (max-width: 767px) {
    .dm-global-industry .grid_colm_panel {
        grid-template-columns:repeat(auto-fill, minmax(50%, 1fr))
    }
}

@media screen and (max-width: 575px) {
    .dm-global-industry .grid_colm_panel {
        padding-top:30px;
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr))
    }
}

.dm-global-industry .grid_colm_panel .grid_colm_item {
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding: 40px 50px;
    min-height: 182px;
    display: flex;
    align-items: center;
    flex-direction: column;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative
}

.dm-global-industry .grid_colm_panel .grid_colm_item:hover {
    background-color: #f6f7fc
}

.dm-global-industry .icon {
    display: inline-block;
    width: 100%;
    height: 120px
}

.dm-global-industry .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 136px;
    height: 70px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    background-image: url(../img/ai-development/png/ai-sprite7.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.dm-global-industry .icon.icon1:before {
    background-position: 0 0
}

.dm-global-industry .icon.icon2:before {
    background-position: 0 -70px
}

.dm-global-industry .icon.icon3:before {
    background-position: 0 -140px
}

.dm-global-industry .icon.icon4:before {
    background-position: 0 -210px
}

.dm-global-industry .icon.icon5:before {
    background-position: 0 -280px
}

.dm-global-industry .icon.icon6:before {
    background-position: 0 -350px
}

.dm-global-industry .icon.icon7:before {
    background-position: 0 -420px
}

.dm-global-industry .icon.icon8:before {
    background-position: 0 -490px
}

.dm-global-industry .icon.icon9:before {
    background-position: 0 -560px
}

.dm-global-industry .icon.icon10:before {
    background-position: 0 -630px
}

.dm-global-industry .grid_colm_panel:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0px;
    width: 2px;
    height: 100%;
    background-color: #fff;
    z-index: 1
}

.dm-global-industry .grid_colm_panel:after {
    position: absolute;
    content: "";
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: #fff;
    z-index: 1
}

.dm-contact {
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .dm-contact {
        padding:50px 0
    }
}

.dm-contact .contact-box {
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.dm-contact .contact-box h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-contact .contact-box h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .dm-contact .contact-box h2 {
        font-size:26px
    }
}

.dm-contact .contact-box h3 {
    font-family: "poppinsbold";
    color: #0a0d31;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .dm-contact .contact-box h3 {
        font-size:20px
    }
}

.dm-contact .contact-box p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-contact .contact-box .red-text {
    font-size: 14px;
    color: #ff0000
}

.dm-contact .contact-box .get-touch {
    text-transform: uppercase;
    font-family: "intersemibold";
    color: #0035e5
}

.dm-contact .contact-box .short-contact li {
    margin-bottom: 20px
}

.dm-contact .contact-box .short-contact li a {
    color: #000
}

.dm-contact .contact-box .short-contact li a:hover {
    color: #0035e5
}

.dm-contact .contact-box .chat-box {
    background-color: #f8f8f8;
    padding: 10px;
    margin-top: 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    text-align: center
}

@media screen and (max-width: 575px) {
    .dm-contact .contact-box .chat-box {
        padding:20px
    }
}

.dm-contact .contact-box .chat-box img {
    max-width: 328px;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.dm-contact .contact-box .form-box {
    padding: 50px
}

@media screen and (max-width: 575px) {
    .dm-contact .contact-box .form-box {
        padding:20px 20px 70px 20px
    }
}

.dm-contact .contact-box .form-box .col-sm-4.text-end,.dm-contact .contact-box .form-box .col-md-4.text-end {
    text-align: left !important
}

.dm-contact .contact-box .form-box .col-sm-4.text-end p,.dm-contact .contact-box .form-box .col-md-4.text-end p {
    margin-bottom: 0;
    position: relative
}

.dm-contact .contact-box .form-box .col-sm-4.text-end .wpcf7-spinner,.dm-contact .contact-box .form-box .col-md-4.text-end .wpcf7-spinner {
    position: absolute;
    right: 0px;
    left: 0;
    bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

.dm-contact .contact-box .form-box .form-row .col-gap {
    margin-bottom: 30px
}

@media screen and (max-width: 991px) {
    .dm-contact .contact-box .form-box .form-row .col-gap.text-end {
        text-align:left !important
    }
}

@media screen and (max-width: 575px) {
    .dm-contact .contact-box .form-box .form-row .col-gap.text-end {
        text-align:center !important
    }
}

.dm-contact .contact-box .form-box .form-row .btn {
    height: 60px;
    min-width: 170px;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-position: 133px 16px;
    background-size: 22px 22px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .dm-contact .contact-box .form-box .form-row .btn {
        background-position:143px 16px
    }
}

.dm-contact .contact-box .form-box .form-row .btn:hover {
    background-position: 136px 13px
}

.dm-contact .contact-box .form-box .form-row .btn:before {
    display: none
}

.dm-contact .contact-box .form-box .form-row .btn:after {
    display: none
}

.dm-contact .contact-box .form-box .form-row .col-sm-8.col-gap,.dm-contact .contact-box .form-box .form-row .col-md-8.col-gap {
    width: 100%
}

.dm-contact .contact-box .form-box .form-row .col-sm-4.col-gap.text-end,.dm-contact .contact-box .form-box .form-row .col-md-4.col-gap.text-end {
    width: 100%
}

.dm-contact .contact-box .form-box .attach-file .file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../img/digital-marketing-company/jpg/file-upload.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    max-width: 100%;
    padding: 45px 25px 25px 25px;
    border: 1px solid #E0E0E0;
    border-bottom-width: 2px;
    background-color: #edf5fa;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px
}

.dm-contact .contact-box .form-box .attach-file .file-drop-area:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: #0035e5;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -ms-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    z-index: 1
}

.dm-contact .contact-box .form-box .attach-file .file-drop-area:hover:before {
    width: 100%
}

.dm-contact .contact-box .form-box .attach-file .file-drop-area .fas {
    position: absolute;
    width: 20px;
    color: #0076FF;
    left: 0;
    right: 0;
    top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px
}

.dm-contact .contact-box .form-box .attach-file .file-drop-area .file-msg {
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dm-contact .contact-box .form-box .attach-file .file-drop-area .browse-btn {
    flex-shrink: 0;
    margin-right: 10px;
    text-transform: none;
    color: #000;
    padding: 0 10px;
    border: 1px solid rgba(0,0,0,0.1)
}

.dm-contact .contact-box .form-box .attach-file .file-drop-area .file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 1
}

.dm-contact .contact-box .form-box .col-gap {
    margin-bottom: 30px
}

.dm-contact .contact-box .form-box .col-gap .line .form-group {
    border-bottom: none
}

.dm-contact .contact-box .form-box .line,.dm-contact .contact-box .form-box .form-group,.dm-contact .contact-box .form-box .budget-group,.dm-contact .contact-box .form-box .file-upload-wrapper {
    border-bottom: 2px solid #E0E0E0;
    position: relative
}

.dm-contact .contact-box .form-box .line:before,.dm-contact .contact-box .form-box .form-group:before,.dm-contact .contact-box .form-box .budget-group:before,.dm-contact .contact-box .form-box .file-upload-wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: #0035e5;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -ms-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    z-index: 1
}

.dm-contact .contact-box .form-box .line:hover:before,.dm-contact .contact-box .form-box .form-group:hover:before,.dm-contact .contact-box .form-box .budget-group:hover:before,.dm-contact .contact-box .form-box .file-upload-wrapper:hover:before {
    width: 100%
}

.dm-contact .contact-box .form-box .line.msg textarea,.dm-contact .contact-box .form-box .form-group.msg textarea,.dm-contact .contact-box .form-box .budget-group.msg textarea,.dm-contact .contact-box .form-box .file-upload-wrapper.msg textarea {
    height: 100px;
    resize: vertical
}

.dm-contact .contact-box .form-box .line.msg span.wpcf7-form-control-wrap,.dm-contact .contact-box .form-box .form-group.msg span.wpcf7-form-control-wrap,.dm-contact .contact-box .form-box .budget-group.msg span.wpcf7-form-control-wrap,.dm-contact .contact-box .form-box .file-upload-wrapper.msg span.wpcf7-form-control-wrap {
    display: block
}

@media screen and (max-width: 991px) {
    .dm-contact .contact-box .form-box .line .col-sm-5,.dm-contact .contact-box .form-box .line .col-xs-5,.dm-contact .contact-box .form-box .form-group .col-sm-5,.dm-contact .contact-box .form-box .form-group .col-xs-5,.dm-contact .contact-box .form-box .budget-group .col-sm-5,.dm-contact .contact-box .form-box .budget-group .col-xs-5,.dm-contact .contact-box .form-box .file-upload-wrapper .col-sm-5,.dm-contact .contact-box .form-box .file-upload-wrapper .col-xs-5 {
        width:40%
    }
}

@media screen and (max-width: 991px) {
    .dm-contact .contact-box .form-box .line .col-sm-7,.dm-contact .contact-box .form-box .line .col-xs-7,.dm-contact .contact-box .form-box .form-group .col-sm-7,.dm-contact .contact-box .form-box .form-group .col-xs-7,.dm-contact .contact-box .form-box .budget-group .col-sm-7,.dm-contact .contact-box .form-box .budget-group .col-xs-7,.dm-contact .contact-box .form-box .file-upload-wrapper .col-sm-7,.dm-contact .contact-box .form-box .file-upload-wrapper .col-xs-7 {
        width:60%
    }
}

.dm-contact .contact-box .form-box .line p,.dm-contact .contact-box .form-box .form-group p,.dm-contact .contact-box .form-box .budget-group p,.dm-contact .contact-box .form-box .file-upload-wrapper p {
    margin-bottom: 0
}

.dm-contact .contact-box .form-box .line .list-arrow,.dm-contact .contact-box .form-box .form-group .list-arrow,.dm-contact .contact-box .form-box .budget-group .list-arrow,.dm-contact .contact-box .form-box .file-upload-wrapper .list-arrow {
    position: relative;
    background-image: url(../img/digital-marketing-company/svg/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px
}

.dm-contact .contact-box .form-box .line .list-arrow span.wpcf7-form-control-wrap,.dm-contact .contact-box .form-box .form-group .list-arrow span.wpcf7-form-control-wrap,.dm-contact .contact-box .form-box .budget-group .list-arrow span.wpcf7-form-control-wrap,.dm-contact .contact-box .form-box .file-upload-wrapper .list-arrow span.wpcf7-form-control-wrap {
    width: 100%
}

.dm-contact .contact-box .form-box .line .list-arrow select,.dm-contact .contact-box .form-box .form-group .list-arrow select,.dm-contact .contact-box .form-box .budget-group .list-arrow select,.dm-contact .contact-box .form-box .file-upload-wrapper .list-arrow select {
    background-color: transparent
}

.dm-contact .contact-box .form-box .line .list-arrow select:hover,.dm-contact .contact-box .form-box .line .list-arrow select:focus,.dm-contact .contact-box .form-box .form-group .list-arrow select:hover,.dm-contact .contact-box .form-box .form-group .list-arrow select:focus,.dm-contact .contact-box .form-box .budget-group .list-arrow select:hover,.dm-contact .contact-box .form-box .budget-group .list-arrow select:focus,.dm-contact .contact-box .form-box .file-upload-wrapper .list-arrow select:hover,.dm-contact .contact-box .form-box .file-upload-wrapper .list-arrow select:focus {
    background-color: transparent
}

.dm-contact .contact-box .form-box .line .list-arrow select option,.dm-contact .contact-box .form-box .form-group .list-arrow select option,.dm-contact .contact-box .form-box .budget-group .list-arrow select option,.dm-contact .contact-box .form-box .file-upload-wrapper .list-arrow select option {
    padding: 10px;
    border-bottom: 1px solid #E0E0E0;
    webkit-appearance: none;
    -moz-appearance: none
}

.dm-contact .contact-box .form-box .line .iti,.dm-contact .contact-box .form-box .form-group .iti,.dm-contact .contact-box .form-box .budget-group .iti,.dm-contact .contact-box .form-box .file-upload-wrapper .iti {
    margin-left: 23px;
    padding-left: 22px;
    border-bottom: none
}

.dm-contact .contact-box .form-box .line .iti.iti--allow-dropdown .iti__selected-flag,.dm-contact .contact-box .form-box .form-group .iti.iti--allow-dropdown .iti__selected-flag,.dm-contact .contact-box .form-box .budget-group .iti.iti--allow-dropdown .iti__selected-flag,.dm-contact .contact-box .form-box .file-upload-wrapper .iti.iti--allow-dropdown .iti__selected-flag {
    width: 86px
}

.dm-contact .contact-box .form-box .line .iti.iti--allow-dropdown .iti__selected-flag .iti__flag,.dm-contact .contact-box .form-box .form-group .iti.iti--allow-dropdown .iti__selected-flag .iti__flag,.dm-contact .contact-box .form-box .budget-group .iti.iti--allow-dropdown .iti__selected-flag .iti__flag,.dm-contact .contact-box .form-box .file-upload-wrapper .iti.iti--allow-dropdown .iti__selected-flag .iti__flag {
    left: -10px;
    margin-left: -10px
}

.dm-contact .contact-box .form-box .line .iti.iti--allow-dropdown .iti__selected-flag .iti__arrow,.dm-contact .contact-box .form-box .form-group .iti.iti--allow-dropdown .iti__selected-flag .iti__arrow,.dm-contact .contact-box .form-box .budget-group .iti.iti--allow-dropdown .iti__selected-flag .iti__arrow,.dm-contact .contact-box .form-box .file-upload-wrapper .iti.iti--allow-dropdown .iti__selected-flag .iti__arrow {
    margin-left: 56px
}

.dm-contact .contact-box .form-box .line .iti.iti--allow-dropdown .iti__flag-container,.dm-contact .contact-box .form-box .form-group .iti.iti--allow-dropdown .iti__flag-container,.dm-contact .contact-box .form-box .budget-group .iti.iti--allow-dropdown .iti__flag-container,.dm-contact .contact-box .form-box .file-upload-wrapper .iti.iti--allow-dropdown .iti__flag-container {
    left: -24px;
    padding: 10px 20px
}

.dm-contact .contact-box .form-box .line .iti.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,.dm-contact .contact-box .form-box .form-group .iti.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,.dm-contact .contact-box .form-box .budget-group .iti.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,.dm-contact .contact-box .form-box .file-upload-wrapper .iti.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.dm-contact .contact-box .form-box .line .iti.iti--allow-dropdown .iti__country-list,.dm-contact .contact-box .form-box .form-group .iti.iti--allow-dropdown .iti__country-list,.dm-contact .contact-box .form-box .budget-group .iti.iti--allow-dropdown .iti__country-list,.dm-contact .contact-box .form-box .file-upload-wrapper .iti.iti--allow-dropdown .iti__country-list {
    z-index: 99
}

.dm-contact .contact-box .form-box .line .wpcf7-not-valid-tip,.dm-contact .contact-box .form-box .form-group .wpcf7-not-valid-tip,.dm-contact .contact-box .form-box .budget-group .wpcf7-not-valid-tip,.dm-contact .contact-box .form-box .file-upload-wrapper .wpcf7-not-valid-tip {
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom: auto
}

.dm-contact .contact-box .form-box .file-upload-wrapper {
    position: relative;
    width: 100%;
    border: 1px dashed rgba(0,0,0,0.3);
    height: 70px;
    margin-top: 30px;
    margin-bottom: 0px
}

.dm-contact .contact-box .form-box .file-upload-wrapper input {
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 0;
    bottom: 0;
    left: 15px;
    z-index: 1;
    margin: 0;
    padding: 10px;
    display: block;
    cursor: pointer;
    width: 100%;
    outline: none;
    border-radius: 0
}

.dm-contact .contact-box .form-box .file-upload-wrapper span.wpcf7-not-valid-tip {
    bottom: -30px
}

.dm-contact .contact-box .form-box .file-upload-wrapper .form-control {
    border-bottom: none
}

.dm-contact .contact-box .form-box .file-upload-wrapper .overflow .wpcf7-form-control-wrap {
    position: static
}

.dm-contact .contact-box .form-box .file-upload-wrapper .overflow p {
    position: static
}

.dm-contact .contact-box .form-box .file-upload-wrapper .file-title {
    position: absolute;
    top: -21px;
    left: 2px;
    right: auto;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    margin: 0;
    color: #0076FF;
    background-color: #fff;
    font-family: "intermedium"
}

.dm-contact .contact-box .form-box .file-upload-wrapper .attachment-file {
    position: static
}

.dm-contact .contact-box .form-box .file-upload-wrapper .attachment-file span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 56px;
    width: 310px;
    z-index: 1
}

.dm-contact .contact-box .form-box label {
    color: #0035e5;
    font-family: "nunitomedium";
    font-size: 14px;
    width: 100%
}

.dm-contact .contact-box .form-box .form-control {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    padding: 10px 0;
    outline: none;
    box-shadow: none;
    font-family: "nunitomedium"
}

.dm-contact .contact-box .form-box .form-control:focus,.dm-contact .contact-box .form-box .form-control:hover,.dm-contact .contact-box .form-box .form-control:active {
    outline: none;
    box-shadow: none
}

.dm-contact .contact-box .form-box .intl-tel-input,.dm-contact .contact-box .form-box .iti {
    width: 100%
}

.dm-contact .contact-box .form-box .btn {
    height: 60px;
    min-width: 170px;
    background-image: url("../img/common/svg/arrow-right-up.svg");
    background-repeat: no-repeat;
    background-position: 133px 16px;
    background-size: 22px 22px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .dm-contact .contact-box .form-box .btn {
        background-position:143px 16px
    }
}

.dm-contact .contact-box .form-box .btn:hover {
    background-position: 136px 13px
}

.dm-contact .contact-box .form-box .btn:before {
    display: none
}

.dm-contact .contact-box .form-box .btn:after {
    display: none
}

.dm-contact .contact-box .shaddow-box {
    position: relative;
    padding: 50px 50px 50px 100px;
    height: 100%
}

@media (max-width: 1599px) {
    .dm-contact .contact-box .shaddow-box {
        padding:40px 40px 40px 60px
    }
}

@media screen and (max-width: 991px) {
    .dm-contact .contact-box .shaddow-box {
        padding-top:0px
    }
}

@media screen and (max-width: 575px) {
    .dm-contact .contact-box .shaddow-box {
        padding:20px
    }
}

.dm-contact .contact-box .shaddow-box:before {
    width: 50px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #000;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 100%)
}

@media screen and (max-width: 991px) {
    .dm-contact .contact-box .shaddow-box:before {
        display:none
    }
}

body.page-id-77047 .dm-contact .contact-box .btn {
    padding: 15px 20px
}

@media screen and (max-width: 991px) {
    .dm-cta {
        text-align:center
    }

    .dm-cta .btn {
        margin-top: 30px
    }
}

@media screen and (max-width: 767px) {
    .dm-cta {
        padding-bottom:0
    }
}

.dm-cta .cta-box {
    background-color: #0035e5;
    background: #0035e5;
    background: linear-gradient(45deg, #0035e5 50%, #05213a 100%);
    padding: 60px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 575px) {
    .dm-cta .cta-box {
        padding:20px
    }
}

.dm-cta .cta-box:before {
    content: "";
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 150px;
    height: 150px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.dm-cta .cta-box:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -30px;
    width: 100px;
    height: 100px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.dm-cta .cta-box h2 {
    color: #fff;
    margin-bottom: 20px;
    font-family: "poppins_mediumregular";
    font-size: 32px
}

@media screen and (max-width: 1366px) {
    .dm-cta .cta-box h2 {
        font-size:26px
    }
}

.dm-cta .cta-box p {
    color: #fff;
    margin-bottom: 0
}

.dm-cta.dm-cta-2 {
    padding: 0
}

@media screen and (max-width: 1366px) {
    .dm-cta.dm-cta-2 h2 {
        font-size:24px
    }
}

.dm-cta.dm-cta-2 h2 .eb {
    font-family: "poppinsbold"
}

.dm-cta.dm-cta-2 .btn {
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -ms-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px
}

@media screen and (max-width: 991px) {
    .dm-cta.dm-cta-2 .btn {
        margin:0
    }
}

@media screen and (max-width: 480px) {
    .dm-cta.dm-cta-2 .btn {
        -webkit-border-radius:5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px
    }
}

.dm-cta.dm-cta-2 .subscribe_form {
    max-width: 500px;
    margin-right: 0;
    margin-left: auto
}

@media screen and (max-width: 991px) {
    .dm-cta.dm-cta-2 .subscribe_form {
        margin-top:30px;
        margin-right: auto
    }
}

.dm-cta.dm-cta-2 .subscribe_form br {
    display: none
}

@media screen and (max-width: 480px) {
    .dm-cta.dm-cta-2 .subscribe_form .input-group {
        display:block
    }
}

@media screen and (max-width: 480px) {
    .dm-cta.dm-cta-2 .subscribe_form .input-group .form-control {
        width:100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 20px
    }
}

.exit-modal .modal-dialog {
    max-width: 1100px
}

@media screen and (max-width: 1024px) {
    .exit-modal .modal-dialog {
        max-width:960px
    }
}

.exit-modal .modal-dialog .modal-content {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px
}

.exit-modal .modal-dialog .modal-content .modal-header {
    background-color: #0035e5;
    flex-flow: column;
    position: relative
}

.exit-modal .modal-dialog .modal-content .modal-header .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    filter: invert(1) grayscale(100%) brightness(200%);
    font-size: 24px
}

.exit-modal .modal-dialog .modal-content .modal-header .btn-close:before,.exit-modal .modal-dialog .modal-content .modal-header .btn-close:after {
    display: none
}

.exit-modal .modal-dialog .modal-content .modal-body {
    padding: 0;
    position: relative
}

.exit-modal .modal-dialog .modal-content .modal-body .btn-close {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff;
    z-index: 1;
    font-size: 26px;
    filter: invert(1) grayscale(100%) brightness(200%);
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.exit-modal .modal-dialog .modal-content .modal-body .btn-close:before,.exit-modal .modal-dialog .modal-content .modal-body .btn-close:after {
    display: none
}

.exit-modal .modal-dialog .modal-content .modal-body .btn-close:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg)
}

.exit-modal .modal-dialog .modal-content .modal-body .red-text {
    font-size: 14px;
    color: #ff0000
}

.exit-modal .modal-dialog .modal-content .modal-body h2 {
    font-family: "poppinsbold";
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .exit-modal .modal-dialog .modal-content .modal-body h2 {
        font-size:32px
    }
}

@media screen and (max-width: 400px) {
    .exit-modal .modal-dialog .modal-content .modal-body h2 {
        font-size:28px
    }
}

.exit-modal .modal-dialog .modal-content .modal-body p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.exit-modal .modal-dialog .modal-content .modal-body .row-m {
    margin: 0
}

.exit-modal .modal-dialog .modal-content .modal-body .row-m .col-p {
    padding: 0
}

.exit-modal .modal-dialog .modal-content .modal-body .row-m .col-p.request-bnr {
    background-color: #0035e5;
    background-image: url(../img/digital-marketing-company/webp/request_img.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}

@media screen and (max-width: 991px) {
    .exit-modal .modal-dialog .modal-content .modal-body .row-m .col-p.request-bnr {
        min-height:150px;
        background-image: url(../img/digital-marketing-company/webp/request-mobile.webp);
        background-position: center top;
        background-size: 100% auto
    }
}

.exit-modal .modal-dialog .modal-content .modal-body .row-m .col-p.request-bnr .get-link {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-transform: uppercase;
    font-size: 30px;
    font-family: "poppinsbold";
    padding: 20px 30px;
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    clear: both
}

@media screen and (max-width: 991px) {
    .exit-modal .modal-dialog .modal-content .modal-body .row-m .col-p.request-bnr .get-link {
        display:none
    }
}

.exit-modal .modal-dialog .modal-content .modal-body .row-m .col-p.request-bnr .get-link svg {
    width: 100px;
    height: auto;
    fill: #fff;
    float: right;
    margin-top: 3%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.exit-modal .form-box {
    padding: 30px
}

@media screen and (max-width: 575px) {
    .exit-modal .form-box {
        padding:20px
    }
}

.exit-modal .form-box .col-sm-8,.exit-modal .form-box .col-md-8 {
    width: 100%
}

.exit-modal .form-box .col-sm-4,.exit-modal .form-box .col-md-4 {
    width: 100%;
    text-align: center
}

.exit-modal .form-box .col-sm-4.text-end,.exit-modal .form-box .col-md-4.text-end {
    text-align: center !important
}

.exit-modal .form-box .col-sm-4.text-end p,.exit-modal .form-box .col-md-4.text-end p {
    margin-bottom: 0;
    position: relative
}

.exit-modal .form-box .col-sm-4.text-end .wpcf7-spinner,.exit-modal .form-box .col-md-4.text-end .wpcf7-spinner {
    position: absolute;
    right: 0px;
    top: 18px
}

.exit-modal .form-box .form-row .col-gap {
    margin-bottom: 30px
}

@media screen and (max-width: 991px) {
    .exit-modal .form-box .form-row .col-gap.text-end {
        text-align:left !important
    }
}

.exit-modal .form-box .form-row .col-gap.text-end .btn.submit {
    height: 54px;
    min-width: 170px;
    background-image: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 15px 20px
}

.exit-modal .form-box .form-row .col-gap.text-end .btn.submit:before {
    display: none
}

.exit-modal .form-box .form-row .col-gap.text-end .btn.submit:after {
    display: none
}

.exit-modal .form-box .attach-file {
    margin: 0
}

.exit-modal .form-box .attach-file .file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../img/digital-marketing-company/jpg/file-upload.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    max-width: 100%;
    padding: 45px 25px 25px 25px;
    border: 1px solid #E0E0E0;
    border-bottom-width: 2px;
    background-color: #edf5fa;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px
}

.exit-modal .form-box .attach-file .file-drop-area:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: #0035e5;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -ms-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    z-index: 1
}

.exit-modal .form-box .attach-file .file-drop-area:hover:before {
    width: 100%
}

.exit-modal .form-box .attach-file .file-drop-area .fas {
    position: absolute;
    width: 20px;
    color: #0076FF;
    left: 0;
    right: 0;
    top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px
}

.exit-modal .form-box .attach-file .file-drop-area .file-msg {
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.exit-modal .form-box .attach-file .file-drop-area .browse-btn {
    flex-shrink: 0;
    margin-right: 10px;
    text-transform: none;
    color: #000;
    padding: 0 10px;
    border: 1px solid rgba(0,0,0,0.1)
}

.exit-modal .form-box .attach-file .file-drop-area .file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 1
}

.exit-modal .form-box .col-gap {
    margin-bottom: 30px
}

.exit-modal .form-box .line {
    border-bottom: 2px solid #E0E0E0;
    position: relative
}

.exit-modal .form-box .line:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: #0035e5;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -ms-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    z-index: 1
}

.exit-modal .form-box .line:hover:before {
    width: 100%
}

.exit-modal .form-box .line.msg textarea {
    height: 100px;
    resize: vertical
}

@media screen and (max-width: 991px) {
    .exit-modal .form-box .line .col-sm-5,.exit-modal .form-box .line .col-xs-5 {
        width:40%
    }
}

@media screen and (max-width: 991px) {
    .exit-modal .form-box .line .col-sm-7,.exit-modal .form-box .line .col-xs-7 {
        width:60%
    }
}

.exit-modal .form-box .line p {
    margin-bottom: 0
}

.exit-modal .form-box .line .list-arrow {
    position: relative;
    background-image: url(../img/digital-marketing-company/svg/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px
}

.exit-modal .form-box .line .list-arrow span.wpcf7-form-control-wrap {
    width: 100%
}

.exit-modal .form-box .line .list-arrow select {
    background-color: transparent
}

.exit-modal .form-box .line .list-arrow select:hover,.exit-modal .form-box .line .list-arrow select:focus {
    background-color: transparent
}

.exit-modal .form-box .line .list-arrow select option {
    padding: 10px;
    border-bottom: 1px solid #E0E0E0;
    webkit-appearance: none;
    -moz-appearance: none
}

.exit-modal .form-box .line .iti {
    margin-left: 23px;
    padding-left: 22px;
    border-bottom: none
}

.exit-modal .form-box .line .iti.iti--allow-dropdown .iti__selected-flag {
    width: 86px
}

.exit-modal .form-box .line .iti.iti--allow-dropdown .iti__selected-flag .iti__flag {
    left: -10px;
    margin-left: -10px
}

.exit-modal .form-box .line .iti.iti--allow-dropdown .iti__selected-flag .iti__arrow {
    margin-left: 56px
}

.exit-modal .form-box .line .iti.iti--allow-dropdown .iti__flag-container {
    left: -24px;
    padding: 10px 20px
}

.exit-modal .form-box .line .iti.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.exit-modal .form-box .line .iti.iti--allow-dropdown .iti__country-list {
    z-index: 99
}

.exit-modal .form-box .line .wpcf7-not-valid-tip {
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom: auto
}

.exit-modal .form-box .line span.wpcf7-form-control-wrap {
    display: block
}

.exit-modal .form-box label {
    color: #0035e5;
    font-family: "nunitomedium";
    font-size: 14px;
    width: 100%
}

.exit-modal .form-box .form-control {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    padding: 10px 0;
    outline: none;
    box-shadow: none;
    font-family: "nunitomedium"
}

.exit-modal .form-box .form-control:focus,.exit-modal .form-box .form-control:hover,.exit-modal .form-box .form-control:active {
    outline: none;
    box-shadow: none
}

.exit-modal .form-box .intl-tel-input,.exit-modal .form-box .iti {
    width: 100%
}

.exit-modal .form-box .btn-circle.submit {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    padding: 15px 52px 15px 20px;
    background-position: 110px 22px;
    background-size: 15px auto;
    height: auto;
    width: auto;
    margin: 0 auto
}

.exit-modal .form-box .btn-circle.submit:hover {
    background-position: 116px 15px
}

.dm-aboutUs {
    min-height: 800px;
    background: #f7f7f7;
    background: -webkit-linear-gradient(bottom, #f7f7f7 0%, #fff 100%);
    background: -o-linear-gradient(bottom, #f7f7f7 0%, #fff 100%);
    background: linear-gradient(to top, #f7f7f7 0%, #fff 100%)
}

.dm-aboutUs.dm-about2 {
    padding-top: 100px;
    background: #f7f7f7;
    background: -webkit-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 100%);
    background: -o-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 100%);
    background: linear-gradient(to top, #f7f7f7 0%, #f7f7f7 100%)
}

@media screen and (max-width: 991px) {
    .dm-aboutUs.dm-about2 {
        padding-top:50px
    }
}

.dm-aboutUs.dm-about2 .list {
    display: block;
    vertical-align: top;
    margin-left: 0px;
    margin-bottom: 40px
}

.dm-aboutUs.dm-about2 .list li {
    font-size: 16px;
    position: relative;
    padding-left: 20px;
    line-height: normal;
    margin-bottom: 20px
}

.dm-aboutUs.dm-about2 .list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 6px;
    background-color: #0076FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media screen and (max-width: 1440px) {
    .dm-aboutUs {
        min-height:750px
    }
}

@media screen and (max-width: 1366px) {
    .dm-aboutUs {
        min-height:700px
    }
}

@media screen and (max-width: 1199px) {
    .dm-aboutUs {
        min-height:630px
    }
}

@media screen and (max-width: 991px) {
    .dm-aboutUs {
        text-align:center;
        overflow: hidden
    }
}

.dm-aboutUs h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-aboutUs h2 {
        font-size:32px
    }
}

.dm-aboutUs h3 {
    font-family: "poppinsbold";
    color: #0a0d31;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .dm-aboutUs h3 {
        font-size:20px
    }
}

.dm-aboutUs p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-aboutUs .mg-img {
    position: relative;
    max-width: 490px;
    margin: 0 auto;
    margin-left: 52px
}

@media screen and (max-width: 1399px) {
    .dm-aboutUs .mg-img {
        max-width:490px;
        margin-left: 15px
    }
}

@media screen and (max-width: 1199px) {
    .dm-aboutUs .mg-img {
        max-width:400px;
        margin-left: 0px
    }
}

@media screen and (max-width: 991px) {
    .dm-aboutUs .mg-img {
        margin-left:50px
    }
}

@media screen and (max-width: 480px) {
    .dm-aboutUs .mg-img {
        margin-left:20px;
        max-width: 350px
    }
}

@media screen and (max-width: 440px) {
    .dm-aboutUs .mg-img {
        max-width:320px
    }
}

@media screen and (max-width: 991px) {
    .dm-aboutUs .mg-img .thumb {
        margin-bottom:180px
    }
}

.dm-aboutUs .mg-img .thumb img {
    max-width: 550px;
    height: auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

@media screen and (max-width: 1399px) {
    .dm-aboutUs .mg-img .thumb img {
        max-width:470px
    }
}

@media screen and (max-width: 1199px) {
    .dm-aboutUs .mg-img .thumb img {
        max-width:420px
    }
}

@media screen and (max-width: 480px) {
    .dm-aboutUs .mg-img .thumb img {
        max-width:390px
    }
}

@media screen and (max-width: 440px) {
    .dm-aboutUs .mg-img .thumb img {
        max-width:320px
    }
}

.dm-aboutUs .mg-img .experience-time {
    border-radius: 50%;
    top: 307px;
    position: absolute;
    right: -49px;
    z-index: 1
}

.dm-aboutUs .mg-img .experience-time .content {
    background-color: #0076FF;
    border-radius: 50%;
    color: #fff;
    font-size: 127.58px;
    font-weight: 700;
    height: 320px;
    line-height: 71px;
    padding: 105px 15px 15px;
    position: relative;
    text-align: center;
    width: 320px
}

@media screen and (max-width: 1399px) {
    .dm-aboutUs .mg-img .experience-time .content {
        font-size:90px;
        height: 280px;
        width: 280px;
        padding-top: 75px
    }
}

@media screen and (max-width: 1199px) {
    .dm-aboutUs .mg-img .experience-time .content {
        font-size:80px;
        line-height: 40px;
        height: 240px;
        width: 240px;
        padding-top: 75px
    }
}

.dm-aboutUs .mg-img .experience-time .content:after {
    background-color: #f6f7fc;
    border-radius: 50%;
    bottom: -20px;
    content: "";
    height: 320px;
    left: 20px;
    position: absolute;
    width: 320px;
    z-index: -1
}

@media screen and (max-width: 1399px) {
    .dm-aboutUs .mg-img .experience-time .content:after {
        height:280px;
        width: 280px
    }
}

@media screen and (max-width: 1199px) {
    .dm-aboutUs .mg-img .experience-time .content:after {
        height:240px;
        width: 240px
    }
}

.dm-aboutUs .mg-img .experience-time .content sup {
    font-size: 35px;
    left: 4px;
    top: -58px
}

@media screen and (max-width: 1399px) {
    .dm-aboutUs .mg-img .experience-time .content sup {
        top:-38px
    }
}

.dm-aboutUs .mg-img .experience-time .content span {
    display: inline-block;
    font-size: 25px;
    line-height: 22px;
    padding-top: 5px
}

@media screen and (max-width: 1399px) {
    .dm-aboutUs .mg-img .experience-time .content span {
        font-size:20px;
        line-height: 18px
    }
}

@media screen and (max-width: 1199px) {
    .dm-aboutUs .mg-img .experience-time .content span {
        font-size:16px;
        line-height: 18px
    }
}

.dm-aboutUs .magento-badges {
    margin: 40px 0
}

.dm-aboutUs .gallery {
    --s: 280px;
    --s2: 260px;
    display: grid;
    width: var(--s);
    aspect-ratio: 1;
    overflow: hidden;
    padding: calc(var(--s)/20);
    border-radius: 50%;
    position: relative;
    clip-path: circle(49.5%)
}

@media screen and (max-width: 1399px) {
    .dm-aboutUs .gallery {
        width:var(--s2);
        padding: calc(var(--s2)/20)
    }
}

.dm-aboutUs .gallery::after {
    content: "";
    position: absolute;
    inset: 0;
    padding: inherit;
    border-radius: inherit;
    background: repeating-conic-gradient(#fff 0 30deg, #fff 0 60deg);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dm-aboutUs .gallery>img {
    grid-area: 1/1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    transform-origin: 50% 120.7%
}

.dm-aboutUs .gallery::after,.dm-aboutUs .gallery>img {
    animation: m 8s infinite cubic-bezier(0.5, -0.2, 0.5, 1.2)
}

.dm-aboutUs .gallery>img:nth-child(2) {
    animation-delay: -2s
}

.dm-aboutUs .gallery>img:nth-child(3) {
    animation-delay: -4s
}

.dm-aboutUs .gallery>img:nth-child(4) {
    animation-delay: -6s
}

@keyframes m {
    0%,3% {
        transform: rotate(0)
    }

    22%,27% {
        transform: rotate(-90deg)
    }

    47%,52% {
        transform: rotate(-180deg)
    }

    72%,77% {
        transform: rotate(-270deg)
    }

    98%,100% {
        transform: rotate(-360deg)
    }
}

.dm-aboutUs .gallery-body {
    display: grid;
    place-content: center;
    position: absolute;
    right: -60px;
    bottom: -60px;
    z-index: 2
}

@media screen and (max-width: 460px) {
    .dm-aboutUs .gallery-body {
        right:0px;
        bottom: -140px
    }
}

.dm-aboutUs .gallery-body:after {
    background-color: #fff;
    border-radius: 50%;
    bottom: 0px;
    content: "";
    height: 280px;
    left: 2px;
    position: absolute;
    width: 280px;
    z-index: -1
}

@media screen and (max-width: 1399px) {
    .dm-aboutUs .gallery-body:after {
        height:260px;
        width: 260px
    }
}

@media screen and (max-width: 1199px) {
    .dm-aboutUs .gallery-body:after {
        height:260px;
        width: 260px
    }
}

.dm-testimonial-section {
    position: relative;
    padding-top: 80px;
    padding-bottom: 210px;
    margin-bottom: -100px;
    overflow: hidden
}

.dm-testimonial-section:before {
    position: absolute;
    left: -200px;
    top: 22%;
    background-image: url(../img/digital-marketing-company/webp/ring-circle.webp);
    background-repeat: no-repeat;
    background-position: center;
    width: 701px;
    height: 756px;
    content: "";
    -webkit-animation: fa-spin 25s infinite alternate;
    -moz-animation: fa-spin 25s infinite alternate;
    -ms-animation: fa-spin 25s infinite alternate;
    -o-animation: fa-spin 25s infinite alternate;
    animation: fa-spin 25s infinite alternate
}

.dm-testimonial-section h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-testimonial-section h2 {
        font-size:32px
    }
}

.dm-testimonial-section h3 {
    font-family: "poppinsbold";
    color: #0a0d31;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .dm-testimonial-section h3 {
        font-size:20px
    }
}

.dm-testimonial-section p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-testimonial-section .sec-title {
    position: relative;
    margin-bottom: 50px;
    max-width: 63%
}

@media only screen and (max-width: 991px) {
    .dm-testimonial-section .sec-title {
        background-color:rgba(255,255,255,0.8);
        z-index: 3;
        padding-bottom: 20px;
        -webkit-border-radius: 0px 0px 60px 0px;
        -moz-border-radius: 0px 0px 60px 0px;
        -ms-border-radius: 0px 0px 60px 0px;
        border-radius: 0px 0px 60px 0px
    }
}

@media only screen and (max-width: 575px) {
    .dm-testimonial-section .sec-title {
        text-align:center;
        max-width: 100%
    }
}

.dm-testimonial-section .sec-title .title {
    text-transform: uppercase;
    font-family: "poppins_mediumregular";
    color: #585858;
    margin-bottom: 30px
}

.dm-testimonial-section .testimonial-carousel {
    position: relative;
    max-width: 1100px;
    margin: 0 -50px
}

@media only screen and (max-width: 575px) {
    .dm-testimonial-section .testimonial-carousel {
        margin:0
    }
}

.dm-testimonial-section .testimonial-block {
    position: relative;
    padding: 50px
}

.dm-testimonial-section .testimonial-block .inner-box {
    padding: 80px 105px;
    background-color: #ffffff;
    box-shadow: 0 0 50px rgba(226,222,232,0.75)
}

@media only screen and (max-width: 991px) {
    .dm-testimonial-section .testimonial-block .inner-box {
        padding:30px 30px
    }
}

.dm-testimonial-section .testimonial-block .inner-box .fa-quote-left {
    font-size: 60px;
    color: #bdbdbd;
    position: absolute;
    left: 80px;
    top: 20px
}

@media only screen and (max-width: 767px) {
    .dm-testimonial-section .testimonial-block .inner-box .fa-quote-left {
        left:30px;
        top: -30px
    }
}

.dm-testimonial-section .testimonial-block .text {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 32px;
    color: #282331;
    font-weight: 400;
    margin-bottom: 50px;
    font-family: "Muli", sans-serif
}

.dm-testimonial-section .testimonial-block .info-box {
    position: relative;
    padding-left: 115px;
    padding-top: 10px
}

.dm-testimonial-section .testimonial-block .info-box .thumb {
    position: absolute;
    left: 0;
    top: 0;
    height: 82px;
    width: 82px;
    display: inline-block
}

.dm-testimonial-section .testimonial-block .info-box .thumb img {
    border: 6px solid #e3e3e3;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: auto;
    box-shadow: 0 45px 45px rgba(147,147,147,0.35)
}

.dm-testimonial-section .testimonial-block .info-box .name {
    position: relative;
    display: block;
    font-size: 21px;
    line-height: 1.2em;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: "Niramit", sans-serif
}

.dm-testimonial-section .testimonial-block .info-box .designation {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #0035e5;
    font-weight: 400;
    font-family: "Muli", sans-serif
}

@media only screen and (max-width: 767px) {
    .dm-testimonial-section .testimonial-carousel .owl-item {
        padding-top:30px
    }
}

.dm-testimonial-section .testimonial-carousel .owl-nav {
    position: absolute;
    right: 75px;
    bottom: 70px
}

.dm-testimonial-section .testimonial-carousel .owl-next,.dm-testimonial-section .testimonial-carousel .owl-prev {
    position: relative;
    display: inline-block;
    height: 75px;
    width: 75px;
    line-height: 75px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.dm-testimonial-section .testimonial-carousel .owl-next:after,.dm-testimonial-section .testimonial-carousel .owl-next:before,.dm-testimonial-section .testimonial-carousel .owl-prev:after,.dm-testimonial-section .testimonial-carousel .owl-prev:before {
    display: none
}

.dm-testimonial-section .testimonial-carousel .owl-next:hover,.dm-testimonial-section .testimonial-carousel .owl-prev:hover {
    background-color: #0035e5;
    box-shadow: 0 24px 24px rgba(187,187,187,0.75);
    color: #fff
}

.dm-testimonial-section .arrow-right,.dm-testimonial-section .arrow-left {
    position: relative;
    display: inline-block;
    height: 9px;
    width: 43px
}

.dm-testimonial-section .thumb-layer {
    position: absolute;
    right: 30px;
    top: 120px
}

@media only screen and (max-width: 575px) {
    .dm-testimonial-section .thumb-layer {
        display:none
    }
}

.dm-testimonial-section .thumb-layer .image {
    position: relative;
    margin-right: 0
}

.dm-testimonial-section .thumb-layer .image img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

@media only screen and (max-width: 767px) {
    .dm-testimonial-section .sec-title {
        margin-bottom:50px
    }

    .dm-testimonial-section .testimonial-block {
        padding: 0
    }

    .dm-testimonial-section .testimonial-block .inner-box {
        box-shadow: none;
        border: 2px solid #f1f1f1
    }

    .dm-testimonial-section .testimonial-carousel .owl-nav {
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: 20px;
        text-align: center
    }

    .dm-testimonial-section .testimonial-carousel .owl-next,.dm-testimonial-section .testimonial-carousel .owl-prev {
        border: 2px solid #f1f1f1
    }
}

.dm-testimonial-section .container {
    position: static
}

.dm-bannerimage-section {
    padding: 0;
    position: relative;
    margin-top: -27px
}

.dm-bannerimage-section.dm-main {
    margin-top: 0px
}

.dm-bannerimage-section:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    top: auto;
    right: 0;
    height: 126px;
    background-image: url("../img/digital-marketing-company/svg/dm-banner-shape.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    z-index: 1
}

.dm-bannerimage-section .custom-container {
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1024px) {
    .dm-bannerimage-section .custom-container {
        margin-left:7%;
        margin-right: 7%
    }
}

@media screen and (max-width: 767px) {
    .dm-bannerimage-section .custom-container {
        width:100%;
        margin-left: auto;
        margin-right: auto
    }
}

.dm-bannerimage-section .h3 {
    font-family: "poppinsregular";
    color: #fff;
    letter-spacing: 10px;
    font-size: 26px
}

@media screen and (max-width: 1200px) {
    .dm-bannerimage-section .h3 {
        letter-spacing:7px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .dm-bannerimage-section .h3 {
        letter-spacing:4px;
        margin-bottom: 40px;
        text-align: center
    }
}

@media screen and (max-width: 480px) {
    .dm-bannerimage-section .h3 {
        margin-bottom:10px
    }
}

.dm-bannerimage-section .h1 {
    position: relative;
    display: inline-block;
    font-family: "druk_trialbold";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 100px;
    line-height: 120px
}

@media screen and (max-width: 1440px) {
    .dm-bannerimage-section .h1 {
        font-size:80px;
        line-height: 100px;
        padding-right: 0
    }
}

@media screen and (max-width: 1366px) {
    .dm-bannerimage-section .h1 {
        font-size:80px;
        line-height: 100px;
        padding-right: 0
    }
}

@media screen and (max-width: 1200px) {
    .dm-bannerimage-section .h1 {
        font-size:70px;
        line-height: 90px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .dm-bannerimage-section .h1 {
        text-align:center;
        line-height: 80px
    }
}

.dm-bannerimage-section h3 {
    font-family: "interbold";
    color: #fff;
    letter-spacing: 28px
}

@media screen and (max-width: 1200px) {
    .dm-bannerimage-section h3 {
        letter-spacing:7px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .dm-bannerimage-section h3 {
        letter-spacing:4px;
        margin-bottom: 40px;
        text-align: center
    }
}

@media screen and (max-width: 480px) {
    .dm-bannerimage-section h3 {
        margin-bottom:10px
    }
}

.dm-bannerimage-section p {
    font-family: "poppinsregular";
    color: #fff
}

.dm-bannerimage-section p a {
    color: #fff;
    text-decoration: underline;
    font-family: "interbold"
}

.dm-bannerimage-section .btn-control {
    text-align: left
}

.dm-bannerimage-section .btn-control .btn-circle {
    margin-right: auto;
    margin-left: 0;
    padding: 15px;
    background-color: #FF9100
}

.dm-bannerimage-section .btn-control .btn-circle span {
    font-family: "interbold"
}

.dm-bannerimage-section .btn-control .btn-circle:after,.dm-bannerimage-section .btn-control .btn-circle:before {
    display: none
}

@media screen and (max-width: 1366px) {
    .dm-bannerimage-section .btn-control .btn-circle {
        font-size:14px
    }
}

@media screen and (max-width: 767px) {
    .dm-bannerimage-section .btn-control .btn-circle {
        margin-right:auto;
        margin-left: auto
    }
}

.dm-bannerimage-section .dm-img-container {
    width: 100%;
    height: 100vh
}

@media screen and (max-width: 991px) {
    .dm-bannerimage-section .dm-img-container {
        height:600px
    }
}

@media screen and (max-width: 767px) {
    .dm-bannerimage-section .dm-img-container {
        height:700px
    }
}

.dm-bannerimage-section .dm-img-container .dm-inside {
    background: #00295A;
    font-size: 100px;
    text-align: left;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background-image: url("../img/digital-marketing-company/webp/dm-ad-banner.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    object-fit: cover;
    position: relative;
    -webkit-animation: shrink 20s infinite alternate;
    animation: shrink 20s infinite alternate
}

@media screen and (max-width: 991px) {
    .dm-bannerimage-section .dm-img-container .dm-inside {
        min-height:600px;
        background-position: right top;
        animation: none
    }
}

@media screen and (max-width: 767px) {
    .dm-bannerimage-section .dm-img-container .dm-inside {
        min-height:700px
    }
}

.dm-bannerimage-section .dm-img-container .dm-inside:before {
    background: #000;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

@keyframes shrink {
    0% {
        background-size: 110% auto;
        @media screen and (max-width: 1024px) {
            background-size:120% auto
        }
    }

    100% {
        background-size: 100% auto;
        @media screen and (max-width: 1024px) {
            background-size:120% auto
        }
    }
}

.dm-bannerimage-section .dm-img-container .dm-inside .boost-img img {
    max-width: 419px;
    width: 100%;
    height: auto;
    margin: 0 auto
}

@media screen and (max-width: 480px) {
    .dm-bannerimage-section .dm-img-container .dm-inside .boost-img img {
        max-width:250px
    }
}

.btn.wave-effects {
    animation: shadow-pulse 1s infinite
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(0,53,229,0.2)
    }

    100% {
        box-shadow: 0 0 0 35px rgba(0,53,229,0)
    }
}

@keyframes shadow-pulse-big {
    0% {
        box-shadow: 0 0 0 0px rgba(0,53,229,0.1)
    }

    100% {
        box-shadow: 0 0 0 70px rgba(0,53,229,0)
    }
}

.dm-growth-bsiness {
    padding-bottom: 100px;
    padding-top: 50px
}

.dm-growth-bsiness h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-growth-bsiness h2 {
        font-size:32px
    }
}

.dm-growth-bsiness h3 {
    font-family: "poppinsbold";
    color: #fff;
    font-size: 40px
}

@media screen and (max-width: 991px) {
    .dm-growth-bsiness h3 {
        font-size:20px
    }
}

.dm-growth-bsiness p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-growth-bsiness .circle-tabs {
    width: 1000px;
    height: 770px;
    margin: 70px auto auto auto;
    position: relative
}

@media screen and (max-width: 991px) {
    .dm-growth-bsiness .circle-tabs {
        width:auto;
        height: auto
    }
}

.dm-growth-bsiness .circle-tabs .nav-tabs {
    display: block;
    text-align: center;
    border: none
}

@media screen and (max-width: 991px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs {
        margin-top:100px
    }
}

@media screen and (max-width: 767px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs {
        white-space:nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        margin-top: 50px
    }
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item {
    width: 192px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 210px
}

@media screen and (max-width: 991px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item {
        position:static;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item {
        padding-top:20px
    }
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(1) {
    top: 170px;
    left: 0px
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(1) .nav-link.active:before {
    top: 30px;
    right: -44px
}

@media screen and (max-width: 991px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(1) .nav-link.active:before {
        top:170px;
        left: 52px;
        right: auto
    }
}

@media screen and (max-width: 767px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(1) .nav-link.active:before {
        top:310px;
        left: 32px;
        right: auto
    }
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(2) {
    top: 390px;
    left: 50px
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(2) .nav-link.active:before {
    top: -36px;
    right: -22px
}

@media screen and (max-width: 991px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(2) .nav-link.active:before {
        top:300px;
        left: 56px;
        right: auto
    }
}

@media screen and (max-width: 767px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(2) .nav-link.active:before {
        top:310px;
        left: 20%;
        right: auto
    }
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(3) {
    top: 540px;
    left: 200px
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(3) .nav-link.active:before {
    top: -70px;
    right: 23px
}

@media screen and (max-width: 991px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(3) .nav-link.active:before {
        top:437px;
        left: 139px;
        right: auto
    }
}

@media screen and (max-width: 767px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(3) .nav-link.active:before {
        top:310px;
        left: 30%;
        right: auto
    }
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(4) {
    top: 595px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(4) .nav-link.active:before {
    top: -83px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 991px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(4) .nav-link.active:before {
        top:512px
    }
}

@media screen and (max-width: 767px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(4) .nav-link.active:before {
        top:310px;
        left: 40%;
        right: auto
    }
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(5) {
    top: 540px;
    right: 200px
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(5) .nav-link.active:before {
    top: -70px;
    left: 23px
}

@media screen and (max-width: 991px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(5) .nav-link.active:before {
        top:437px;
        right: 139px;
        left: auto
    }
}

@media screen and (max-width: 767px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(5) .nav-link.active:before {
        top:310px;
        left: 50%;
        right: auto
    }
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(6) {
    top: 390px;
    right: 50px
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(6) .nav-link.active:before {
    top: -36px;
    left: -22px
}

@media screen and (max-width: 991px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(6) .nav-link.active:before {
        top:300px;
        right: 56px;
        left: auto
    }
}

@media screen and (max-width: 767px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(6) .nav-link.active:before {
        top:310px;
        left: 60%;
        right: auto
    }
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(7) {
    top: 170px;
    right: 0px
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(7) .nav-link.active:before {
    top: 30px;
    left: -44px
}

@media screen and (max-width: 991px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(7) .nav-link.active:before {
        top:170px;
        right: 52px;
        left: auto
    }
}

@media screen and (max-width: 767px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item:nth-child(7) .nav-link.active:before {
        top:310px;
        left: 80%;
        right: auto
    }
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link {
    display: inline-block;
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    text-align: center;
    font-family: "poppins_semiboldregular";
    font-size: 18px;
    line-height: 24px;
    color: #505050;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 767px) {
    .dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link {
        text-wrap:wrap
    }
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link .icon {
    width: 116px;
    height: 116px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #505050;
    display: block;
    margin: 0 auto 10px auto;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link .icon:before {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    background-image: url(../img/digital-marketing-company/png/dm-sprite4.png);
    background-repeat: no-repeat
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link .icon.icon1:before {
    background-position: 0 0
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link .icon.icon2:before {
    background-position: 0 -40px
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link .icon.icon3:before {
    background-position: 0 -80px
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link .icon.icon4:before {
    background-position: 0 -120px
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link .icon.icon5:before {
    background-position: 0 -160px
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link .icon.icon6:before {
    background-position: 0 -200px
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link .icon.icon7:before {
    background-position: 0 -240px
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link.active {
    color: #0076FF
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link.active .icon {
    background-color: #0076FF
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link.active:before {
    content: "";
    position: absolute;
    top: 0;
    width: 36px;
    height: 36px;
    background-color: #fff;
    border: 3px solid #0076FF;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px
}

.dm-growth-bsiness .circle-tabs .nav-tabs .nav-item .nav-link.active .icon {
    transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    -moz-transform: translate(0px, -20px);
    -webkit-box-shadow: 0px 20px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 20px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 20px 20px rgba(0,0,0,0.3)
}

.dm-growth-bsiness .circle-tabs .tab-content {
    width: 480px;
    height: 480px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #0076FF;
    text-align: center;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3vw;
    position: relative
}

@media screen and (max-width: 767px) {
    .dm-growth-bsiness .circle-tabs .tab-content {
        width:auto;
        height: auto;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        min-height: 330px
    }
}

.dm-growth-bsiness .circle-tabs .tab-content:before {
    width: 570px;
    height: 570px;
    content: "";
    position: absolute;
    left: -44px;
    right: auto;
    top: 14px;
    bottom: 0;
    margin: auto;
    background-image: url("../img/digital-marketing-company/svg/line-circle.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom
}

@media screen and (max-width: 767px) {
    .dm-growth-bsiness .circle-tabs .tab-content:before {
        display:none
    }
}

.dm-growth-bsiness .circle-tabs .tab-content .tab-pane p {
    color: #fff;
    font-size: 18px;
    font-family: "poppinsregular"
}

.dm-why-choose9hz {
    padding: 100px 0;
    position: relative;
    background-color: #f7f7f7;
    margin-bottom: 100px
}

@media screen and (max-width: 991px) {
    .dm-why-choose9hz {
        padding:50px 0
    }
}

@media screen and (max-width: 991px) {
    .dm-why-choose9hz img {
        margin-bottom:30px
    }
}

.dm-why-choose9hz .container {
    position: relative;
    z-index: 1
}

.dm-why-choose9hz h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-why-choose9hz h2 {
        font-size:32px
    }
}

.dm-why-choose9hz p {
    font-family: "poppinsregular";
    font-size: 16px
}

.dm-why-choose9hz .dm-benefits-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.dm-why-choose9hz .dm-benefits-list li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 80px;
    color: #000;
    min-height: 70px;
    font-family: "poppins_semiboldregular";
    display: flex;
    align-items: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .dm-why-choose9hz .dm-benefits-list li {
        flex-basis:100%
    }
}

.dm-why-choose9hz .dm-benefits-list li:hover {
    color: #0076FF
}

.dm-why-choose9hz .dm-benefits-list li:hover .icon {
    background-color: #0076FF
}

.dm-why-choose9hz .dm-benefits-list li .icon {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #505050;
    display: block;
    margin: 0 auto 10px auto;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: absolute;
    left: 0;
    top: 0
}

.dm-why-choose9hz .dm-benefits-list li .icon:before {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    background-image: url(../img/digital-marketing-company/png/dm-sprite5.png);
    background-repeat: no-repeat
}

.dm-why-choose9hz .dm-benefits-list li .icon.icon1:before {
    background-position: 0 0
}

.dm-why-choose9hz .dm-benefits-list li .icon.icon2:before {
    background-position: 0 -40px
}

.dm-why-choose9hz .dm-benefits-list li .icon.icon3:before {
    background-position: 0 -80px
}

.dm-why-choose9hz .dm-benefits-list li .icon.icon4:before {
    background-position: 0 -120px
}

.dm-why-choose9hz .dm-benefits-list li .icon.icon5:before {
    background-position: 0 -160px
}

.dm-why-choose9hz .dm-benefits-list li .icon.icon6:before {
    background-position: 0 -200px
}

.dm-why-choose9hz .dm-benefits-list li .icon.icon7:before {
    background-position: 0 -240px
}

.dm-why-choose9hz .img-set {
    margin-top: -150px
}

.dm-why-choose9hz .img-set img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.dm-partner-new {
    padding: 50px 0 50px 0
}

@media screen and (max-width: 575px) {
    .dm-partner-new {
        text-align:center
    }
}

.dm-partner-new.dm-partner2 {
    padding: 10px 0
}

.dm-partner-new h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 1366px) {
    .dm-partner-new h2 {
        font-size:38px
    }
}

@media screen and (max-width: 991px) {
    .dm-partner-new h2 {
        font-size:28px
    }
}

@media screen and (max-width: 767px) {
    .dm-partner-new h2 {
        font-size:22px
    }
}

.dm-partner-new .owl-dm-brands {
    margin-top: 50px
}

@media screen and (max-width: 991px) {
    .dm-partner-new .owl-dm-brands {
        margin-top:10px
    }
}

.dm-partner-new .partner-list {
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 575px) {
    .dm-partner-new .partner-list {
        justify-content:center
    }
}

.dm-partner-new .partner-list li {
    flex-basis: 25%;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 65px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .dm-partner-new .partner-list li {
        flex-basis:50%;
        margin: 10px 0
    }
}

@media screen and (max-width: 767px) {
    .dm-partner-new .partner-list li {
        flex-basis:50%
    }
}

@media screen and (max-width: 575px) {
    .dm-partner-new .partner-list li {
        margin:10px 0
    }
}

@media screen and (max-width: 480px) {
    .dm-partner-new .partner-list li {
        padding-top:10px;
        min-height: 94px
    }
}

@media screen and (max-width: 360px) {
    .dm-partner-new .partner-list li {
        flex-basis:45%
    }
}

.dm-partner-new .partner-list li a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    line-height: normal
}

@media screen and (max-width: 1600px) {
    .dm-partner-new .partner-list li a {
        font-size:15px;
        line-height: normal
    }
}

.dm-partner-new .partner-list li .icon {
    margin: auto;
    width: 150px;
    height: 70px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("../img/digital-marketing-company/png/our-certifications.png");
    background-repeat: no-repeat;
    margin-top: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 480px) {
    .dm-partner-new .partner-list li .icon {
        width:130px;
        height: 61px;
        background-size: 100% auto
    }
}

.dm-partner-new .partner-list li .icon.icon1 {
    background-position: 0 0px
}

@media screen and (max-width: 480px) {
    .dm-partner-new .partner-list li .icon.icon1 {
        background-position:0 0px
    }
}

.dm-partner-new .partner-list li .icon.icon2 {
    background-position: 0 -70px
}

@media screen and (max-width: 480px) {
    .dm-partner-new .partner-list li .icon.icon2 {
        background-position:0 -61px
    }
}

.dm-partner-new .partner-list li .icon.icon3 {
    background-position: 0 -140px
}

@media screen and (max-width: 480px) {
    .dm-partner-new .partner-list li .icon.icon3 {
        background-position:0 -122px
    }
}

.dm-partner-new .partner-list li .icon.icon4 {
    background-position: 0 -210px
}

@media screen and (max-width: 480px) {
    .dm-partner-new .partner-list li .icon.icon4 {
        background-position:0 -183px
    }
}

.dm-case-study-banner {
    position: relative;
    padding-top: 200px;
    padding-bottom: 100px;
    background-color: #0035e5
}

@media screen and (max-width: 991px) {
    .dm-case-study-banner {
        text-align:center;
        padding-top: 100px
    }
}

.dm-case-study-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url("../img/digital-marketing-company/webp/dm-banner.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    opacity: 0.4
}

.dm-case-study-banner:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
    right: 0;
    height: 275px;
    background-image: url("../img/digital-marketing-company/svg/banner-shape.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom
}

.dm-case-study-banner h1 {
    font-family: "druk_trialbold";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: normal
}

@media screen and (max-width: 1366px) {
    .dm-case-study-banner h1 {
        font-size:48px;
        padding-right: 0
    }
}

@media screen and (max-width: 1200px) {
    .dm-case-study-banner h1 {
        font-size:44px
    }
}

.dm-case-study-banner p {
    font-family: "poppinsregular";
    color: #fff
}

@media screen and (max-width: 991px) {
    .dm-case-study-banner img {
        margin-top:40px
    }
}

.dm-case-study-banner2 {
    position: relative;
    padding-top: 200px;
    padding-bottom: 100px;
    background-color: #0035e5
}

@media screen and (max-width: 991px) {
    .dm-case-study-banner2 {
        text-align:center;
        padding-top: 100px
    }
}

.dm-case-study-banner2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url("../img/digital-marketing-company/webp/belrose-diamonds-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    opacity: 0.4
}

.dm-case-study-banner2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
    right: 0;
    height: 240px;
    background-color: #fff
}

.dm-case-study-banner2.br-banner:before {
    background-image: url("../img/digital-marketing-company/webp/bajao-radio-bnr.webp")
}

.dm-case-study-banner2.br-banner:after {
    height: 190px
}

@media screen and (max-width: 1366px) {
    .dm-case-study-banner2.br-banner .padd {
        margin-top:-210px
    }
}

@media screen and (max-width: 991px) {
    .dm-case-study-banner2.br-banner .padd {
        margin-top:0px
    }
}

.dm-case-study-banner2 h1 {
    font-family: "druk_trialbold";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: normal
}

@media screen and (max-width: 1366px) {
    .dm-case-study-banner2 h1 {
        font-size:48px;
        padding-right: 0
    }
}

@media screen and (max-width: 1200px) {
    .dm-case-study-banner2 h1 {
        font-size:44px
    }
}

.dm-case-study-banner2 p {
    font-family: "poppinsregular";
    color: #fff
}

@media screen and (max-width: 991px) {
    .dm-case-study-banner2 img {
        margin-top:40px
    }
}

.dm-case-study-banner2 .padd {
    margin-top: -250px
}

@media screen and (max-width: 991px) {
    .dm-case-study-banner2 .padd {
        margin-top:0px
    }
}

.dm-detailt-hree-box {
    padding: 100px 0;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .dm-detailt-hree-box {
        padding:50px 0;
        text-align: center
    }
}

.dm-detailt-hree-box.br-box {
    padding-top: 0
}

.dm-detailt-hree-box .container {
    position: relative;
    z-index: 1
}

.dm-detailt-hree-box:before {
    content: "";
    width: 200px;
    height: 200px;
    border: 50px solid #0076FF;
    position: absolute;
    top: 10%;
    right: 10%;
    border-radius: 50%;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0.050
}

.dm-detailt-hree-box .op-text {
    text-transform: uppercase;
    font-family: "poppins_mediumregular";
    color: #585858;
    margin-bottom: 30px
}

.dm-detailt-hree-box h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-detailt-hree-box h2 {
        font-size:32px
    }
}

.dm-detailt-hree-box p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-detailt-hree-box .btn {
    background-color: #0035e5
}

@media screen and (max-width: 991px) {
    .dm-detailt-hree-box .btn.web {
        display:none
    }
}

.dm-detailt-hree-box .btn.mob {
    display: none
}

@media screen and (max-width: 991px) {
    .dm-detailt-hree-box .btn.mob {
        margin-top:50px;
        display: inline-block
    }
}

.dm-detailt-hree-box .in-box {
    padding: 50px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    min-height: 240px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-align: center
}

@media screen and (max-width: 1366px) {
    .dm-detailt-hree-box .in-box {
        padding:30px
    }
}

@media screen and (max-width: 991px) {
    .dm-detailt-hree-box .in-box {
        min-height:auto;
        padding: 30px 30px 30px 30px
    }
}

@media screen and (max-width: 420px) {
    .dm-detailt-hree-box .in-box {
        min-height:auto;
        padding: 30px 15px 30px 15px
    }
}

.dm-detailt-hree-box .in-box:hover {
    transform: translate(0px, -30px);
    -webkit-transform: translate(0px, -30px);
    -moz-transform: translate(0px, -30px);
    -webkit-box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 20px rgba(0,0,0,0.1)
}

.dm-detailt-hree-box .in-box h2 {
    margin-top: 25px;
    margin-bottom: 20px
}

.dm-detailt-hree-box .in-box.ib1 {
    background-color: #242627
}

.dm-detailt-hree-box .in-box.ib1 h2 {
    color: #fff;
    font-size: 50px
}

@media screen and (max-width: 1024px) {
    .dm-detailt-hree-box .in-box.ib1 h2 {
        font-size:42px
    }

    .dm-detailt-hree-box .in-box.ib1 h2 br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .dm-detailt-hree-box .in-box.ib1 h2 {
        font-size:32px
    }
}

.dm-detailt-hree-box .in-box.ib1 p {
    color: #fff
}

.dm-detailt-hree-box .in-box.ib2 {
    background-color: #dee0ff
}

@media screen and (max-width: 991px) {
    .dm-detailt-hree-box .in-box.ib2 {
        margin-top:30px
    }
}

.dm-detailt-hree-box .in-box.ib2 h2 {
    color: #0a0d31;
    font-size: 50px
}

@media screen and (max-width: 1024px) {
    .dm-detailt-hree-box .in-box.ib2 h2 {
        font-size:42px
    }

    .dm-detailt-hree-box .in-box.ib2 h2 br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .dm-detailt-hree-box .in-box.ib2 h2 {
        font-size:32px
    }
}

.dm-detailt-hree-box .in-box.ib3 {
    background-color: #2156af
}

@media screen and (max-width: 991px) {
    .dm-detailt-hree-box .in-box.ib3 {
        margin-top:30px
    }
}

.dm-detailt-hree-box .in-box.ib3 h2 {
    color: #fff;
    font-size: 50px
}

@media screen and (max-width: 1024px) {
    .dm-detailt-hree-box .in-box.ib3 h2 {
        font-size:42px
    }

    .dm-detailt-hree-box .in-box.ib3 h2 br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .dm-detailt-hree-box .in-box.ib3 h2 {
        font-size:32px
    }
}

.dm-detailt-hree-box .in-box.ib3 p {
    color: #fff;
    font-family: "poppinsregular"
}

.dm-detailt-hree-box .in-box.ib3 p a {
    text-decoration: underline;
    color: #FF9100
}

@media screen and (max-width: 991px) {
    .dm-about-us {
        text-align:center;
        padding-top: 0px
    }
}

.dm-about-us.br-about {
    padding-bottom: 100px
}

@media screen and (max-width: 991px) {
    .dm-about-us.br-about {
        padding-top:50px
    }
}

.dm-about-us h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-about-us h2 {
        font-size:32px
    }
}

.dm-about-us p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .dm-about-us .case-about-points {
        margin-top:20px
    }
}

.dm-about-us .case-about-points li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px
}

.dm-about-us .case-about-points li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background-color: #000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.dm-about-us img {
    max-width: 545px;
    margin: 0 auto;
    width: 100%
}

@media screen and (max-width: 991px) {
    .dm-about-us img {
        margin-top:40px
    }
}

.dm-case-benefits {
    padding: 50px 0;
    position: relative;
    background-color: #f7f7f7
}

.dm-case-benefits:before {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    left: 0;
    bottom: 0;
    background-color: #0035e5
}

@media screen and (max-width: 991px) {
    .dm-case-benefits:before {
        width:100%
    }
}

.dm-case-benefits:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    bottom: 0;
    background-image: url("../img/digital-marketing-company/webp/dm-benefits.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    opacity: 0.4
}

@media screen and (max-width: 1024px) {
    .dm-case-benefits:after {
        background-size:cover
    }
}

@media screen and (max-width: 991px) {
    .dm-case-benefits:after {
        width:100%
    }
}

@media screen and (max-width: 991px) {
    .dm-case-benefits {
        padding:50px 0
    }
}

.dm-case-benefits .container {
    position: relative;
    z-index: 1
}

.dm-case-benefits h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-case-benefits h2 {
        font-size:32px
    }
}

.dm-case-benefits p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-case-benefits .bl-box {
    background-color: #f7f7f7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    padding: 50px
}

@media screen and (max-width: 991px) {
    .dm-case-benefits .bl-box {
        padding:30px
    }
}

@media screen and (max-width: 767px) {
    .dm-case-benefits .bl-box {
        padding:20px
    }
}

.dm-case-benefits .dm-benefits-list li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px
}

@media screen and (max-width: 991px) {
    .dm-case-benefits .dm-benefits-list li {
        text-align:left
    }
}

.dm-case-benefits .dm-benefits-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background-color: #0035e5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.dm-case-benefits .img-set {
    margin-top: -150px
}

.dm-case-benefits .img-set img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.dm-approach {
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .dm-approach {
        text-align:center;
        padding: 50px 0
    }
}

.dm-approach h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-approach h2 {
        font-size:36px
    }
}

.dm-approach h3 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-approach h3 {
        font-size:32px
    }
}

@media screen and (max-width: 1366px) {
    .dm-approach.br-approach h3 {
        font-size:32px
    }
}

.dm-approach p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-approach img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

@media screen and (max-width: 991px) {
    .dm-approach img {
        margin-bottom:30px
    }
}

@media screen and (max-width: 1440px) {
    .dm-approach .appr-box .mt-100 {
        margin-top:50px
    }
}

@media screen and (max-width: 991px) {
    .dm-approach .appr-box .call-switch {
        flex-wrap:wrap-reverse
    }
}

.dm-approach .dm-benefits-list li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px
}

@media screen and (max-width: 991px) {
    .dm-approach .dm-benefits-list li {
        text-align:left
    }
}

.dm-approach .dm-benefits-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background-color: #0035e5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.dm-results {
    background-color: #0035e5;
    padding: 100px 0;
    background-image: url("../img/digital-marketing-company/webp/Results.webp");
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed
}

@media screen and (max-width: 991px) {
    .dm-results {
        padding:50px 0;
        margin-top: 0px
    }
}

@media screen and (max-width: 991px) {
    .dm-results .col-top {
        margin-top:0
    }
}

.dm-results h2 {
    font-family: "poppinsbold";
    color: #fff
}

@media screen and (max-width: 991px) {
    .dm-results h2 {
        font-size:32px
    }
}

.dm-results h3 {
    font-family: "poppinsbold";
    color: #0a0d31;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .dm-results h3 {
        font-size:20px
    }
}

.dm-results p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-results .faq-list {
    margin-top: 20px
}

.dm-results .faq-list li {
    font-size: 18px;
    font-family: "poppinsregular";
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px
}

.dm-results .faq-list li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-results .faq-list li:hover:before {
    color: #0076FF
}

@media screen and (max-width: 991px) {
    .dm-results .top {
        margin-top:0
    }
}

.dm-results .accordion .accordion-item {
    border: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    margin-bottom: 30px
}

.dm-results .accordion .accordion-item .accordion-button {
    background-color: transparent;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    font-family: "poppins_semiboldregular";
    color: #4e4e4e;
    box-shadow: none;
    padding: 30px 30px;
    font-size: 20px
}

.dm-results .accordion .accordion-item .accordion-button:hover {
    color: #0076FF
}

.dm-results .accordion .accordion-item .accordion-button:hover::after {
    color: #0076FF
}

.dm-results .accordion .accordion-item .accordion-button:not(.collapsed) {
    color: #0076FF
}

.dm-results .accordion .accordion-item .accordion-button:not(.collapsed)::after {
    content: "\f068"
}

.dm-results .accordion .accordion-item .card-body {
    color: #666;
    padding: 0px 30px 20px 30px;
    font-family: "poppins_mediumregular"
}

.dm-results .accordion .accordion-item .card-body p {
    font-size: 18px
}

.dm-results .accordion .accordion-item .accordion-button::after {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #f6f7fc;
    border-radius: 50%;
    color: #000;
    content: "\f067";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px
}

.dm-other-success-stories {
    padding: 100px 0 100px 0
}

@media screen and (max-width: 991px) {
    .dm-other-success-stories {
        padding:0px 0 0px 0
    }
}

.dm-other-success-stories .btn {
    background-color: #0035e5
}

.dm-other-success-stories h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-other-success-stories h2 {
        font-size:32px
    }
}

.dm-other-success-stories h3 {
    font-family: "poppinsbold";
    color: #0a0d31;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .dm-other-success-stories h3 {
        font-size:20px
    }
}

.dm-other-success-stories p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-other-success-stories .we-hire {
    text-align: center;
    margin-top: 30px
}

@media screen and (max-width: 991px) {
    .dm-other-success-stories .we-hire {
        text-align:right
    }
}

.dm-other-success-stories .we-hire a {
    display: inline-block;
    padding: 14px 24px;
    background-color: #dee0ff;
    color: #010ed0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    font-family: "poppins_semiboldregular";
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-other-success-stories .we-hire a:before {
    content: "";
    position: absolute;
    left: 40px;
    bottom: -15px;
    width: 0;
    height: 0;
    border-width: 15px 10px 0 10px;
    border-color: #DEE0FF transparent transparent transparent;
    border-style: solid;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-other-success-stories .we-hire a:hover {
    background-color: #000;
    color: #fff
}

.dm-other-success-stories .we-hire a:hover:before {
    border-color: #000 transparent transparent transparent
}

.dm-other-success-stories .v-all a {
    display: inline-block;
    color: #0076FF;
    font-size: 14px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-other-success-stories .v-all a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #dee0ff
}

.dm-other-success-stories .v-all a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0%;
    bottom: 0;
    height: 3px;
    background-color: #0076FF;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-other-success-stories .v-all a:hover:after {
    width: 100%
}

.dm-other-success-stories .port-box {
    text-align: left;
    position: relative
}

.dm-other-success-stories .port-box .link-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.dm-other-success-stories .port-box .port-img {
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    max-width: 764px;
    margin-bottom: 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-other-success-stories .port-box .port-img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.dm-other-success-stories .port-box .port-img img {
    width: 100%;
    height: auto
}

.dm-other-success-stories .port-box h3 {
    font-family: "poppins_semiboldregular";
    font-size: 23px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 5px
}

.dm-other-success-stories .port-box p {
    color: #777;
    font-size: 14px
}

.dm-other-success-stories .port-box:hover h3 {
    color: #0076FF
}

.dm-other-success-stories .port-box .ind {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 12px;
    letter-spacing: .16em;
    line-height: 15px;
    text-transform: uppercase
}

.dm-other-success-stories .port-box .ser {
    margin-bottom: 15px
}

.dm-other-success-stories .port-box .res {
    margin-bottom: 15px
}

.dm-other-success-stories .port-box .result-list {
    display: flex;
    flex-wrap: wrap
}

.dm-other-success-stories .port-box .result-list li {
    flex-basis: 33.333333%;
    padding: 0px 10px;
    margin-bottom: 15px;
    position: relative
}

@media screen and (max-width: 1399px) {
    .dm-other-success-stories .port-box .result-list li {
        padding:0px 10px
    }
}

@media screen and (max-width: 1199px) {
    .dm-other-success-stories .port-box .result-list li {
        flex-basis:50%
    }
}

@media screen and (max-width: 480px) {
    .dm-other-success-stories .port-box .result-list li {
        flex-basis:100%
    }
}

.dm-other-success-stories .port-box .result-list li .big {
    font-size: 36px;
    font-family: "poppinsbold";
    margin-bottom: 10px
}

@media screen and (max-width: 1399px) {
    .dm-other-success-stories .port-box .result-list li .big {
        font-size:32px
    }
}

.dm-other-success-stories .port-box .box-up {
    margin-top: -100px;
    position: relative;
    z-index: 1;
    margin-left: 30px;
    margin-right: 30px;
    padding: 30px 30px 10px 30px;
    background-color: #f7f7f7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    min-height: 300px;
    margin-bottom: 0px
}

@media screen and (max-width: 1799px) {
    .dm-other-success-stories .port-box .box-up {
        min-height:300px
    }
}

@media screen and (max-width: 1699px) {
    .dm-other-success-stories .port-box .box-up {
        min-height:300px
    }
}

@media screen and (max-width: 1599px) {
    .dm-other-success-stories .port-box .box-up {
        min-height:320px
    }
}

@media screen and (max-width: 1499px) {
    .dm-other-success-stories .port-box .box-up {
        min-height:320px
    }
}

@media screen and (max-width: 1399px) {
    .dm-other-success-stories .port-box .box-up {
        min-height:320px
    }
}

@media screen and (max-width: 1199px) {
    .dm-other-success-stories .port-box .box-up {
        min-height:450px
    }
}

@media screen and (max-width: 991px) {
    .dm-other-success-stories .port-box .box-up {
        min-height:400px
    }
}

@media screen and (max-width: 767px) {
    .dm-other-success-stories .port-box .box-up {
        min-height:430px
    }
}

@media screen and (max-width: 575px) {
    .dm-other-success-stories .port-box .box-up {
        min-height:430px;
        padding: 15px 15px 10px 15px
    }
}

@media screen and (max-width: 480px) {
    .dm-other-success-stories .port-box .box-up {
        min-height:100%
    }
}

.dm-bannerimage-section.smm .dm-img-container .dm-inside {
    background-image: url("../img/social-media-management/webp/social-media-management-bnr.webp");
    background-position: top center
}

.dm-bannerimage-section.smm .dm-img-container .dm-inside:before {
    background: #00295a;
    background: -webkit-linear-gradient(left, rgba(0,41,90,0.9) 20%, rgba(0,41,90,0.2) 100%);
    background: -o-linear-gradient(left, rgba(0,41,90,0.9) 20%, rgba(0,41,90,0.2) 100%);
    background: linear-gradient(to right, rgba(0,41,90,0.9) 20%, rgba(0,41,90,0.2) 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.dm-main-service.smm-services .expertise-box .icon {
    background-image: url(../img/social-media-management/png/smm-sprite1.png)
}

.sm-platforms {
    background-color: #fff;
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .sm-platforms {
        padding:50px 0
    }
}

.sm-platforms h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .sm-platforms h2 {
        font-size:32px
    }
}

.sm-platforms p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.sm-platforms .platforms-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    justify-content: center
}

@media screen and (max-width: 991px) {
    .sm-platforms .platforms-list {
        justify-content:center
    }
}

.sm-platforms .platforms-list li {
    flex-basis: 20%;
    text-align: center
}

@media screen and (max-width: 991px) {
    .sm-platforms .platforms-list li {
        flex-basis:33.333333%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 480px) {
    .sm-platforms .platforms-list li {
        flex-basis:50%
    }
}

.sm-platforms .platforms-list li .icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-image: url(../img/social-media-management/png/smm-sprite2.png);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.sm-platforms .platforms-list li .icon.icon1 {
    background-position: 0 0
}

.sm-platforms .platforms-list li .icon.icon2 {
    background-position: 0 -60px
}

.sm-platforms .platforms-list li .icon.icon3 {
    background-position: 0 -120px
}

.sm-platforms .platforms-list li .icon.icon4 {
    background-position: 0 -180px
}

.sm-platforms .platforms-list li .icon.icon5 {
    background-position: 0 -240px
}

.sm-platforms .platforms-list li p {
    margin-bottom: 0;
    font-family: "poppins_mediumregular"
}

.dm-bannerimage-section.seo-bnr .dm-img-container .dm-inside {
    background-image: url("../img/seo/webp/seo-services-bnr.webp");
    background-position: top center
}

.dm-bannerimage-section.seo-bnr .dm-img-container .dm-inside:before {
    background: #00295a;
    background: -webkit-linear-gradient(left, rgba(0,41,90,0.9) 20%, rgba(0,41,90,0.2) 100%);
    background: -o-linear-gradient(left, rgba(0,41,90,0.9) 20%, rgba(0,41,90,0.2) 100%);
    background: linear-gradient(to right, rgba(0,41,90,0.9) 20%, rgba(0,41,90,0.2) 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.dm-main-service.seo-services .expertise-box .icon {
    background-image: url(../img/seo/png/seo-sprite1.png)
}

.dm-bannerimage-section.ppc-bnr .dm-img-container .dm-inside {
    background-image: url("../img/ppc-marketing/webp/ppc-marketing-bnr1.webp");
    background-position: top center
}

.dm-bannerimage-section.ppc-bnr .dm-img-container .dm-inside:before {
    background: #00295a;
    background: -webkit-linear-gradient(left, rgba(0,41,90,0.9) 20%, rgba(0,41,90,0.2) 100%);
    background: -o-linear-gradient(left, rgba(0,41,90,0.9) 20%, rgba(0,41,90,0.2) 100%);
    background: linear-gradient(to right, rgba(0,41,90,0.9) 20%, rgba(0,41,90,0.2) 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.dm-main-service.ppc-services .expertise-box .icon {
    background-image: url(../img/ppc-marketing/png/ppc-sprite1.png)
}

body.page-id-77047 .technical-blogs {
    display: none
}

header .navbar .navbar-nav .nav-item.rq-btn .btn.wave-effects.clutch-quote {
    background: #d9a000;
    background: -webkit-linear-gradient(bottom left, #d9a000 50%, #efff00 100%);
    background: -o-linear-gradient(bottom left, #d9a000 50%, #efff00 100%);
    background: linear-gradient(to top right, #d9a000 50%, #efff00 100%);
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border: none;
    padding: 15px 42px 15px 20px;
    height: 60px;
    min-width: 160px;
    text-transform: none;
    font-size: 19px;
    font-family: "nunitosemibold";
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: inline-block
}

@media screen and (max-width: 1199px) {
    header .navbar .navbar-nav .nav-item.rq-btn .btn.wave-effects.clutch-quote {
        font-size:16px
    }
}

header .navbar .navbar-nav .nav-item.rq-btn .btn.wave-effects.clutch-quote:hover {
    background-position: 0 0;
    background: #d9a000;
    background: -webkit-linear-gradient(bottom left, #d9a000 50%, #efff00 100%);
    background: -o-linear-gradient(bottom left, #d9a000 50%, #efff00 100%);
    background: linear-gradient(to top right, #d9a000 50%, #efff00 100%)
}

header .navbar .navbar-nav .nav-item.rq-btn .btn.wave-effects.clutch-quote:before {
    display: none
}

header .navbar .navbar-nav .nav-item.rq-btn .btn.wave-effects.clutch-quote:after {
    display: none
}

header .navbar .mobile-quote.btn.wave-effects {
    background: #d9a000;
    background: -webkit-linear-gradient(bottom left, #d9a000 50%, #efff00 100%);
    background: -o-linear-gradient(bottom left, #d9a000 50%, #efff00 100%);
    background: linear-gradient(to top right, #d9a000 50%, #efff00 100%);
    color: #ffffff
}

header .navbar .mobile-quote.btn.wave-effects.clutch-quote {
    background: #d9a000;
    background: -webkit-linear-gradient(bottom left, #d9a000 50%, #efff00 100%);
    background: -o-linear-gradient(bottom left, #d9a000 50%, #efff00 100%);
    background: linear-gradient(to top right, #d9a000 50%, #efff00 100%);
    color: #ffffff
}

header .navbar .mobile-quote.btn.wave-effects.clutch-quote:hover {
    background-position: 0 0;
    background: #d9a000;
    background: -webkit-linear-gradient(bottom left, #d9a000 50%, #efff00 100%);
    background: -o-linear-gradient(bottom left, #d9a000 50%, #efff00 100%);
    background: linear-gradient(to top right, #d9a000 50%, #efff00 100%)
}

header .navbar .mobile-quote.btn.wave-effects:hover {
    background-position: 0 0;
    background: #d9a000;
    background: -webkit-linear-gradient(bottom left, #d9a000 50%, #efff00 100%);
    background: -o-linear-gradient(bottom left, #d9a000 50%, #efff00 100%);
    background: linear-gradient(to top right, #d9a000 50%, #efff00 100%)
}

.clutch-review-code {
    position: relative;
    padding: 50px 0 70px 0;
    margin-top: -27px;
    overflow: hidden;
    background-color: #00295A
}

@media screen and (max-width: 1440px) {
    .clutch-review-code {
        padding:50px 0 50px 0
    }
}

@media screen and (max-width: 991px) {
    .clutch-review-code {
        margin-top:-14px
    }
}

.clutch-review-code:after {
    background: rgba(0,41,90,0.8);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

@media screen and (max-width: 575px) {
    .clutch-review-code:after {
        opacity:0.3
    }
}

.clutch-review-code:before {
    background-color: #000;
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-image: url(../img/clutch-review/webp/business-buildings1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    animation: shrink 5s infinite alternate
}

@media screen and (max-width: 991px) {
    .clutch-review-code:before {
        z-index:1;
        opacity: 0.3;
        background-size: cover;
        animation: none
    }
}

@media screen and (max-width: 575px) {
    .clutch-review-code:before {
        background-size:cover
    }
}

@media screen and (max-width: 420px) {
    .clutch-review-code:before {
        background-position:center center;
        background-size: cover;
        background-attachment: unset
    }
}

@keyframes shrink {
    0% {
        background-size: 110% auto;
        @media screen and (max-width: 1024px) {
            background-size:120% auto
        }
    }

    100% {
        background-size: 100% auto;
        @media screen and (max-width: 1024px) {
            background-size:120% auto
        }
    }
}

@media (max-width: 767px) {
    .clutch-review-code {
        text-align:center
    }
}

@media (max-width: 767px) {
    .clutch-review-code {
        padding:50px 0 50px 0
    }
}

@media (max-width: 1199px) {
    .clutch-review-code .col-sm-8,.clutch-review-code .col-md-8 {
        width:56.666667%
    }
}

@media (max-width: 767px) {
    .clutch-review-code .col-sm-8,.clutch-review-code .col-md-8 {
        width:100%
    }
}

@media (max-width: 1199px) {
    .clutch-review-code .col-sm-4,.clutch-review-code .col-md-4 {
        width:43.333333%
    }
}

@media (max-width: 767px) {
    .clutch-review-code .col-sm-4,.clutch-review-code .col-md-4 {
        width:100%
    }
}

.clutch-review-code h1 {
    font-size: 52px;
    font-family: "intersemibold";
    color: #fff;
    position: relative
}

@media (max-width: 1799px) {
    .clutch-review-code h1 {
        font-size:42px
    }
}

@media (max-width: 1199px) {
    .clutch-review-code h1 {
        font-size:32px
    }
}

@media (max-width: 480px) {
    .clutch-review-code h1 {
        font-size:28px
    }
}

.clutch-review-code h1:before {
    width: 100px;
    height: 3px;
    background-color: #FF9100;
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px
}

@media (max-width: 991px) {
    .clutch-review-code h1:before {
        margin-left:auto;
        margin-right: auto;
        right: 0
    }
}

.clutch-review-code h2 {
    font-size: 36px;
    font-family: "intersemibold";
    color: #fff
}

.clutch-review-code h3 {
    font-size: 26px;
    font-family: "intersemibold";
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-width: 1440px) {
    .clutch-review-code h3 {
        font-size:20px
    }
}

.clutch-review-code p {
    color: #fff;
    padding-right: 100px
}

@media (max-width: 1024px) {
    .clutch-review-code p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .clutch-review-code p {
        padding-right:0
    }
}

.clutch-review-code .container {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 1200px) {
    .clutch-review-code .container {
        max-width:100%;
        margin-left: 3%;
        margin-right: 3%;
        width: auto
    }
}

@media (min-width: 1366px) {
    .clutch-review-code .container {
        max-width:100%;
        margin-left: 3%;
        margin-right: 3%;
        width: auto
    }
}

@media (min-width: 1600px) {
    .clutch-review-code .container {
        max-width:1440px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1700px) {
    .clutch-review-code .container {
        max-width:1500px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1800px) {
    .clutch-review-code .container {
        max-width:1600px;
        margin-left: auto;
        margin-right: auto
    }
}

.clutch-review-code .container .row {
    display: flex;
    align-items: center;
    justify-content: center
}

.clutch-review-code .side-form {
    background-color: rgba(0,0,0,0.3);
    border: 1px solid rgba(255,255,255,0.3);
    padding: 30px;
    text-align: left;
    max-width: 100%;
    margin: 20px auto 0 auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .clutch-review-code .side-form {
        margin-top:50px
    }
}

@media screen and (max-width: 575px) {
    .clutch-review-code .side-form {
        max-width:100%
    }
}

.clutch-review-code .side-form .mt-50 {
    margin-top: 20px
}

.clutch-review-code .side-form p {
    padding-right: 0
}

.clutch-review-code .side-form h2 {
    display: none
}

.clutch-review-code .side-form .col-sm-6.col-md-6.full-col {
    width: 100%
}

@media screen and (max-width: 991px) {
    .clutch-review-code .side-form .col-sm-6.col-md-6.full-col .code {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .clutch-review-code .side-form .col-sm-6.col-md-6.full-col .code {
        width:43%
    }
}

@media screen and (max-width: 991px) {
    .clutch-review-code .side-form .col-sm-6.col-md-6.full-col .nbr {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .clutch-review-code .side-form .col-sm-6.col-md-6.full-col .nbr {
        width:57%
    }
}

.clutch-review-code .side-form:hover {
    border-color: rgba(255,255,255,0.6);
    background-color: rgba(230,231,232,0.9)
}

.clutch-review-code .side-form:hover .form-control {
    background-color: #fff;
    color: #000
}

.clutch-review-code .side-form:hover .form-control::placeholder {
    color: #000;
    opacity: 0.8
}

.clutch-review-code .side-form:hover .form-control:-ms-input-placeholder {
    color: #000
}

.clutch-review-code .side-form:hover .form-control::-ms-input-placeholder {
    color: #000
}

.clutch-review-code .side-form:hover h3 {
    color: #000
}

.clutch-review-code .side-form:hover span.wpcf7-form-control-wrap .iti__arrow {
    border-top-color: #000
}

.clutch-review-code .side-form:hover span.wpcf7-form-control-wrap .iti__arrow--up {
    border-bottom-color: #000
}

.clutch-review-code .side-form .wpcf7-response-output {
    color: #ff0000;
    font-size: 12px
}

.clutch-review-code .side-form span.wpcf7-not-valid-tip {
    color: #ff0000;
    font-size: 12px
}

.clutch-review-code .side-form .formRow .frm-col {
    text-align: left !important
}

@media screen and (max-width: 575px) {
    .clutch-review-code .side-form .formRow .frm-col {
        text-align:center !important
    }
}

.clutch-review-code .side-form .formRow .icon-frm {
    margin-bottom: 20px
}

.clutch-review-code .side-form .formRow .icon-frm .form-control {
    padding: 10px
}

.clutch-review-code .side-form span.wpcf7-form-control-wrap {
    width: 100%;
    display: block
}

.clutch-review-code .side-form span.wpcf7-form-control-wrap .iti__arrow {
    margin-left: 60px;
    border-top-color: #fff
}

.clutch-review-code .side-form span.wpcf7-form-control-wrap .iti__arrow--up {
    border-bottom-color: #fff
}

.clutch-review-code .side-form span.wpcf7-form-control-wrap .pre_phone.form-control {
    padding-left: 40px
}

.clutch-review-code .side-form .form-control {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.clutch-review-code .side-form .form-control option {
    color: #000;
    background-color: #fff
}

.clutch-review-code .side-form .form-control::placeholder {
    color: #fff;
    opacity: 0.8
}

.clutch-review-code .side-form .form-control:-ms-input-placeholder {
    color: #fff
}

.clutch-review-code .side-form .form-control::-ms-input-placeholder {
    color: #fff
}

.clutch-review-code .side-form .form-control.msg {
    height: 100px;
    resize: vertical
}

.clutch-review-code .side-form .btn {
    background: #D95700;
    background: -webkit-linear-gradient(bottom left, #D95700 50%, #FF9100 100%);
    background: -o-linear-gradient(bottom left, #D95700 50%, #FF9100 100%);
    background: linear-gradient(to top right, #D95700 50%, #FF9100 100%);
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border: none;
    margin-top: 20px;
    padding: 15px 20px 15px 20px;
    height: 60px;
    min-width: 160px;
    text-transform: none;
    font-size: 19px;
    font-family: "nunitosemibold";
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: inline-block
}

@media screen and (max-width: 1199px) {
    .clutch-review-code .side-form .btn {
        font-size:16px
    }
}

.clutch-review-code .side-form .btn:hover {
    background-position: 0 0;
    background: #FF9100;
    background: -webkit-linear-gradient(bottom left, #FF9100 0%, #D95700 100%);
    background: -o-linear-gradient(bottom left, #FF9100 0%, #D95700 100%);
    background: linear-gradient(to top right, #FF9100 0%, #D95700 100%)
}

.clutch-review-code .side-form .btn:before {
    display: none
}

.clutch-review-code .side-form .btn:after {
    display: none
}

.clutch_client_logos {
    padding: 20px 0 50px 0
}

.clutch_client_logos .ccl-box {
    background-color: #0076FF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.clutch_client_logos .client_logos {
    position: relative;
    width: 100%;
    padding: 0px 0px
}

.clutch_client_logos .client_logos .d_flex {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.clutch_client_logos .trusted_title {
    color: #fff;
    font-size: 22px;
    display: block;
    padding: 10px 0 10px;
    font-family: "poppinsregular"
}

.clutch_client_logos .icon {
    display: inline-block;
    width: 100%;
    height: 120px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    position: relative
}

@media screen and (max-width: 991px) {
    .clutch_client_logos .icon {
        height:80px
    }
}

.clutch_client_logos .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 136px;
    height: 70px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    background-image: url(../img/ai-development/png/ai-sprite2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 1
}

@media screen and (max-width: 1024px) {
    .clutch_client_logos .icon:before {
        width:100px;
        height: 47px
    }
}

.clutch_client_logos .icon:hover:before {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s
}

.clutch_client_logos .icon.icon1:before {
    background-position: 0 0
}

@media screen and (max-width: 1024px) {
    .clutch_client_logos .icon.icon1:before {
        background-position:0 0
    }
}

.clutch_client_logos .icon.icon2:before {
    background-position: 0 -64px
}

@media screen and (max-width: 1024px) {
    .clutch_client_logos .icon.icon2:before {
        background-position:0 -47px
    }
}

.clutch_client_logos .icon.icon3:before {
    background-position: 0 -124px
}

@media screen and (max-width: 1024px) {
    .clutch_client_logos .icon.icon3:before {
        background-position:0 -94px
    }
}

.clutch_client_logos .icon.icon4:before {
    background-position: 0 -191px
}

@media screen and (max-width: 1024px) {
    .clutch_client_logos .icon.icon4:before {
        background-position:0 -140px
    }
}

.clutch_client_logos .icon.icon5:before {
    background-position: 0 -254px
}

@media screen and (max-width: 1024px) {
    .clutch_client_logos .icon.icon5:before {
        background-position:0 -187px
    }
}

.clutch_client_logos .icon.icon6:before {
    background-position: 0 -318px
}

@media screen and (max-width: 1024px) {
    .clutch_client_logos .icon.icon6:before {
        background-position:0 -237px
    }
}

.clutch_client_logos .icon.icon7:before {
    background-position: 0 -372px
}

@media screen and (max-width: 1024px) {
    .clutch_client_logos .icon.icon7:before {
        background-position:0 -279px
    }
}

.clutch_client_logos .icon.icon8:before {
    background-position: 0 -437px
}

@media screen and (max-width: 1024px) {
    .clutch_client_logos .icon.icon8:before {
        background-position:0 -326px
    }
}

.clutch_client_logos .icon.icon9:before {
    background-position: 0 -507px
}

@media screen and (max-width: 1024px) {
    .clutch_client_logos .icon.icon9:before {
        background-position:0 -373px
    }
}

@media screen and (max-width: 991px) {
    .clutch-all-reviews {
        text-align:center
    }
}

.clutch-all-reviews h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .clutch-all-reviews h2 {
        font-size:32px
    }
}

.clutch-all-reviews .static {
    position: sticky;
    top: 100px;
    text-align: center;
    max-width: 295px;
    margin: 0 auto
}

.clutch-all-reviews .clutch-widget {
    width: 100%;
    clear: both
}

.clutch-all-reviews .clutch-widget.left-side {
    width: 100%;
    margin: 0 auto;
    display: inline-block
}

.clutch-all-reviews .full-widget {
    max-width: 1020px;
    margin: 0 auto
}

.clutch-all-reviews img {
    display: inline-block
}

.clutch-all-reviews p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.clutch-all-reviews .btn-set {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
    margin: auto;
    z-index: 2;
    display: inline-block;
    max-width: 200px;
    text-transform: none;
    font-family: "nunitosemibold"
}

@media screen and (max-width: 1440px) {
    .clutch-all-reviews .btn-set {
        bottom:80px;
        padding: 10px 42px 10px 15px
    }
}

@media screen and (max-width: 575px) {
    .clutch-all-reviews .btn-set {
        position:relative;
        bottom: 0;
        margin-top: 30px;
        min-width: 204px
    }
}

.clutch-all-reviews .btn-set .arrow {
    top: 11px
}

.clutch-all-reviews .btn-set:hover .arrow {
    top: 8px
}

.clutch-all-reviews .owl-clutchreview .owl-dots {
    margin-top: 20px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .clutch-all-reviews .owl-clutchreview .owl-dots {
        margin-top:10px
    }
}

.clutch-all-reviews .owl-clutchreview .owl-dots .owl-dot {
    width: 6px;
    height: 6px;
    transition: all .25s ease;
    border-radius: 50%;
    margin-left: 11px;
    background-color: transparent;
    box-shadow: inset 0 0 0 5px #000
}

.clutch-all-reviews .owl-clutchreview .owl-dots .owl-dot:after,.clutch-all-reviews .owl-clutchreview .owl-dots .owl-dot:before {
    display: none
}

.clutch-all-reviews .owl-clutchreview .owl-dots .owl-dot.active {
    transform: scale(2);
    box-shadow: inset 0 0 0 1px #0076FF;
    background-color: transparent
}

.clutch-work {
    padding: 100px 0;
    position: relative;
    background-color: #f7f7f7;
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .clutch-work {
        padding:50px 0
    }
}

@media screen and (max-width: 991px) {
    .clutch-work img {
        margin-bottom:30px
    }
}

.clutch-work .container {
    position: relative;
    z-index: 1
}

.clutch-work h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .clutch-work h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .clutch-work h2 {
        margin-top:30px
    }
}

.clutch-work p {
    font-family: "poppinsregular";
    font-size: 16px
}

.clutch-work .dm-benefits-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.clutch-work .dm-benefits-list li {
    flex-basis: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 80px;
    color: #000;
    min-height: 70px;
    font-family: "poppins_semiboldregular";
    display: flex;
    align-items: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .clutch-work .dm-benefits-list li {
        flex-basis:100%
    }
}

.clutch-work .dm-benefits-list li:hover {
    color: #0076FF
}

.clutch-work .dm-benefits-list li:hover .icon {
    background-color: #0076FF
}

.clutch-work .dm-benefits-list li .icon {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #505050;
    display: block;
    margin: 0 auto 10px auto;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: absolute;
    left: 0;
    top: 0
}

.clutch-work .dm-benefits-list li .icon:before {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    background-image: url(../img/clutch-review/png/about-sprite2.png);
    background-repeat: no-repeat
}

.clutch-work .dm-benefits-list li .icon.icon1:before {
    background-position: 0 0
}

.clutch-work .dm-benefits-list li .icon.icon2:before {
    background-position: 0 -40px
}

.clutch-work .dm-benefits-list li .icon.icon3:before {
    background-position: 0 -80px
}

.clutch-work .dm-benefits-list li .icon.icon4:before {
    background-position: 0 -120px
}

.clutch-work .dm-benefits-list li .icon.icon5:before {
    background-position: 0 -160px
}

.clutch-work .dm-benefits-list li .icon.icon6:before {
    background-position: 0 -200px
}

.clutch-work .dm-benefits-list li .icon.icon7:before {
    background-position: 0 -240px
}

.clutch-work .img-set {
    margin-top: -150px
}

.clutch-work .img-set img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.clutch-work .video-box {
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    max-width: 958px;
    margin: auto
}

@media screen and (max-width: 991px) {
    .clutch-work .video-box {
        padding-top:10px
    }
}

.clutch-work .video-box:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    left: 0;
    top: 0;
    background-color: #0076FF
}

.clutch-work .video-box:after {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    right: 0;
    bottom: 0;
    background-color: #0076FF
}

.clutch-work .in-page-video {
    background-color: #000;
    max-width: 916px;
    margin: 0 auto 3px auto;
    position: relative;
    width: 100%;
    height: auto
}

@media screen and (max-width: 991px) {
    .clutch-work .in-page-video {
        margin-bottom:0
    }
}

.clutch-work .in-page-video iframe {
    border: 4px solid #000;
    width: 100%;
    height: 400px;
    margin-bottom: -7px;
    position: relative;
    z-index: 1;
    background-color: #000
}

@media screen and (max-width: 1600px) {
    .clutch-work .in-page-video iframe {
        height:368px
    }
}

@media screen and (max-width: 1440px) {
    .clutch-work .in-page-video iframe {
        height:335px
    }
}

@media screen and (max-width: 1366px) {
    .clutch-work .in-page-video iframe {
        height:285px
    }
}

@media screen and (max-width: 991px) {
    .clutch-work .in-page-video iframe {
        height:360px
    }
}

@media screen and (max-width: 575px) {
    .clutch-work .in-page-video iframe {
        height:240px
    }
}

@media screen and (max-width: 991px) {
    .clutch-work-technologies {
        padding-bottom:0
    }
}

.clutch-work-technologies h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .clutch-work-technologies h2 {
        font-size:32px
    }
}

.clutch-work-technologies p {
    font-family: "poppinsregular";
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
    line-height: normal;
    font-size: 16px
}

.clutch-work-technologies .icon {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: inline-block
}

@media screen and (max-width: 991px) {
    .clutch-work-technologies .icon {
        margin:10px;
        display: inline-block
    }
}

@media screen and (max-width: 575px) {
    .clutch-work-technologies .icon {
        margin:5px 0
    }
}

.clutch-work-technologies .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background-image: url(../img/clutch-review/png/techo-sprite-01.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies .icon:before {
        width:50px;
        height: 50px;
        background-size: 100% auto
    }
}

.clutch-work-technologies .icon.icon1:before {
    background-position: 0 0px
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies .icon.icon1:before {
        background-position:0 0px
    }
}

.clutch-work-technologies .icon.icon2:before {
    background-position: 0 -60px
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies .icon.icon2:before {
        background-position:0 -50px
    }
}

.clutch-work-technologies .icon.icon3:before {
    background-position: 0 -120px
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies .icon.icon3:before {
        background-position:0 -100px
    }
}

.clutch-work-technologies .icon.icon4:before {
    background-position: 0 -180px
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies .icon.icon4:before {
        background-position:0 -150px
    }
}

.clutch-work-technologies .icon.icon5:before {
    background-position: 0 -240px
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies .icon.icon5:before {
        background-position:0 -200px
    }
}

.clutch-work-technologies .icon.icon6:before {
    background-position: 0 -300px
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies .icon.icon6:before {
        background-position:0 -250px
    }
}

.clutch-work-technologies .icon.icon7:before {
    background-position: 0 -360px
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies .icon.icon7:before {
        background-position:0 -300px
    }
}

.clutch-work-technologies .icon.icon8:before {
    background-position: 0 -420px
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies .icon.icon8:before {
        background-position:0 -350px
    }
}

.clutch-work-technologies .icon.icon9:before {
    background-position: 0 -480px
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies .icon.icon9:before {
        background-position:0 -400px
    }
}

.clutch-work-technologies .clutch-technologies .owl-dots {
    margin-top: 20px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .clutch-work-technologies .clutch-technologies .owl-dots {
        margin-top:10px
    }
}

.clutch-work-technologies .clutch-technologies .owl-dots .owl-dot {
    width: 6px;
    height: 6px;
    transition: all .25s ease;
    border-radius: 50%;
    margin-left: 11px;
    background-color: transparent;
    box-shadow: inset 0 0 0 5px #000
}

.clutch-work-technologies .clutch-technologies .owl-dots .owl-dot:after,.clutch-work-technologies .clutch-technologies .owl-dots .owl-dot:before {
    display: none
}

.clutch-work-technologies .clutch-technologies .owl-dots .owl-dot.active {
    transform: scale(2);
    box-shadow: inset 0 0 0 1px #0076FF;
    background-color: transparent
}

.clutch-work-technologies .grid {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 1000px;
    list-style: none;
    text-align: left
}

.clutch-work-technologies .grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 100%;
    max-width: 480px;
    min-height: 200px;
    max-height: 458px;
    width: 48%;
    background: #00295a;
    text-align: center;
    cursor: pointer
}

.clutch-work-technologies .grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.5;
    border-radius: 0
}

.clutch-work-technologies .grid figure p {
    font-size: 16px;
    line-height: 22px
}

.clutch-work-technologies .grid figure figcaption {
    padding: 2em;
    color: #fff;
    font-size: 16px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media screen and (max-width: 1199px) {
    .clutch-work-technologies .grid figure figcaption {
        padding:1em
    }
}

.clutch-work-technologies .grid figure figcaption .btn {
    background: #D95700;
    background: -webkit-linear-gradient(bottom left, #D95700 50%, #FF9100 100%);
    background: -o-linear-gradient(bottom left, #D95700 50%, #FF9100 100%);
    background: linear-gradient(to top right, #D95700 50%, #FF9100 100%);
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border: none;
    margin-top: 20px;
    padding: 15px 40px 15px 20px;
    height: 60px;
    min-width: 160px;
    text-transform: none;
    font-size: 19px;
    font-family: "nunitosemibold";
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: inline-block
}

@media screen and (max-width: 1199px) {
    .clutch-work-technologies .grid figure figcaption .btn {
        font-size:16px
    }
}

.clutch-work-technologies .grid figure figcaption .btn:hover {
    background-position: 0 0;
    background: #FF9100;
    background: -webkit-linear-gradient(bottom left, #FF9100 0%, #D95700 100%);
    background: -o-linear-gradient(bottom left, #FF9100 0%, #D95700 100%);
    background: linear-gradient(to top right, #FF9100 0%, #D95700 100%)
}

.clutch-work-technologies .grid figure figcaption .btn:before {
    display: none
}

.clutch-work-technologies .grid figure figcaption .btn:after {
    display: none
}

.clutch-work-technologies .grid figure figcaption::before,.clutch-work-technologies .grid figure figcaption::after {
    pointer-events: none
}

.clutch-work-technologies .grid figure figcaption {
    position: absolute;
    top: 0;
    left: 0
}

.clutch-work-technologies .grid figure figcaption>a {
    z-index: 1000;
    opacity: 0;
    position: static;
    text-indent: 0;
    font-size: 14px;
    width: auto;
    height: auto;
    padding: 15px 20px
}

.clutch-work-technologies .grid figure h3 {
    text-align: center
}

.clutch-work-technologies .grid figure h3 span {
    font-weight: 800
}

.clutch-work-technologies .grid figure h3,.clutch-work-technologies .grid figure p,.clutch-work-technologies .grid figure .icon {
    margin: 0
}

.clutch-work-technologies figure.effect-bubba {
    border-radius: 0
}

.clutch-work-technologies figure.effect-bubba img {
    opacity: 0.7;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s
}

.clutch-work-technologies figure.effect-bubba:hover img {
    opacity: 0.4
}

.clutch-work-technologies figure.effect-bubba figcaption::before,.clutch-work-technologies figure.effect-bubba figcaption::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s
}

@media screen and (max-width: 1199px) {
    .clutch-work-technologies figure.effect-bubba figcaption::before,.clutch-work-technologies figure.effect-bubba figcaption::after {
        top:10px;
        right: 10px;
        bottom: 10px;
        left: 10px
    }
}

.clutch-work-technologies figure.effect-bubba figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1)
}

.clutch-work-technologies figure.effect-bubba figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0)
}

.clutch-work-technologies figure.effect-bubba h3 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 110px, 0);
    transform: translate3d(0, 110px, 0)
}

.clutch-work-technologies figure.effect-bubba .icon {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.clutch-work-technologies figure.effect-bubba p {
    padding: 10px 0;
    margin: 0 20px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies figure.effect-bubba p {
        margin:0 10px
    }
}

@media screen and (max-width: 1499px) {
    .clutch-work-technologies figure.effect-bubba p {
        margin:0 5px
    }
}

@media screen and (max-width: 1199px) {
    .clutch-work-technologies figure.effect-bubba p {
        padding:10px 0
    }
}

.clutch-work-technologies figure.effect-bubba:hover figcaption::before,.clutch-work-technologies figure.effect-bubba:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.clutch-work-technologies figure.effect-bubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies figure.effect-bubba:hover p {
        -webkit-transform:translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

.clutch-work-technologies figure.effect-bubba:hover h3 {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies figure.effect-bubba:hover h3 {
        -webkit-transform:translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

.clutch-work-technologies figure.effect-bubba:hover .icon {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies figure.effect-bubba:hover .icon {
        -webkit-transform:translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

.clutch-work-technologies figure.effect-bubba:hover .btn {
    opacity: 1;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}

@media screen and (max-width: 1599px) {
    .clutch-work-technologies figure.effect-bubba:hover .btn {
        -webkit-transform:translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

@media screen and (max-width: 50em) {
    .clutch-work-technologies .grid figure {
        display:inline-block;
        float: none;
        margin: 10px auto;
        width: 100%
    }
}

.clutch_badges_logos {
    background-color: #071424;
    min-height: 147px;
    padding: 20px 0
}

@media screen and (max-width: 991px) {
    .clutch_badges_logos {
        min-height:107px
    }
}

.clutch_badges_logos .clutch_badges {
    position: relative;
    width: 100%;
    padding: 0px 0px
}

.clutch_badges_logos .clutch_badges .owl-clutch-badges .owl-item {
    text-align: center
}

.clutch_badges_logos .clutch_badges .owl-clutch-badges .owl-item .badge {
    margin: 0 auto;
    text-align: center
}

.clutch_badges_logos .clutch_badges .owl-clutch-badges .owl-item .badge img {
    height: 100px;
    width: auto;
    margin: 0 auto;
    display: inline-block
}

.dm-contact.clutch-form .contact-box .form-box .captcha-group .btn {
    background: #D95700;
    background: -webkit-linear-gradient(bottom left, #D95700 50%, #FF9100 100%);
    background: -o-linear-gradient(bottom left, #D95700 50%, #FF9100 100%);
    background: linear-gradient(to top right, #D95700 50%, #FF9100 100%);
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border: none;
    margin-top: 20px;
    padding: 15px 20px 15px 20px;
    height: 60px;
    min-width: 160px;
    text-transform: none;
    font-size: 19px;
    font-family: "nunitosemibold";
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: inline-block
}

@media screen and (max-width: 1199px) {
    .dm-contact.clutch-form .contact-box .form-box .captcha-group .btn {
        font-size:16px
    }
}

.dm-contact.clutch-form .contact-box .form-box .captcha-group .btn:hover {
    background-position: 0 0;
    background: #FF9100;
    background: -webkit-linear-gradient(bottom left, #FF9100 0%, #D95700 100%);
    background: -o-linear-gradient(bottom left, #FF9100 0%, #D95700 100%);
    background: linear-gradient(to top right, #FF9100 0%, #D95700 100%)
}

.dm-contact.clutch-form .contact-box .form-box .captcha-group .btn:before {
    display: none
}

.dm-contact.clutch-form .contact-box .form-box .captcha-group .btn:after {
    display: none
}

.case-studies-clutch {
    position: relative
}

.case-studies-clutch h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .case-studies-clutch h2 {
        font-size:32px
    }
}

.case-studies-clutch p {
    font-family: "poppinsregular";
    margin-bottom: 15px;
    position: relative;
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .case-studies-clutch {
        padding-top:0
    }
}

@media screen and (max-width: 575px) {
    .case-studies-clutch {
        padding-bottom:0
    }
}

.case-studies-clutch .separator {
    position: relative;
    margin-bottom: 30px;
    height: 1px
}

.case-studies-clutch .separator:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 3px;
    background-color: #0076FF;
    position: absolute;
    z-index: 2
}

.case-studies-clutch .separator:after {
    content: "";
    top: 1px;
    left: 20%;
    right: 20%;
    height: 1px;
    background-color: #f6f6f6;
    position: absolute;
    z-index: 1
}

.case-studies-clutch .owl-home-case-studies .item {
    padding: 0 50px
}

@media screen and (max-width: 575px) {
    .case-studies-clutch .owl-home-case-studies .item {
        padding:0 20px;
        text-align: center
    }
}

@media screen and (max-width: 575px) {
    .case-studies-clutch .owl-home-case-studies .item p {
        margin-bottom:20px
    }
}

.case-studies-clutch .owl-home-case-studies .item img {
    max-width: 838px;
    width: 100%;
    display: inline-block;
    margin: 0 auto
}

@media screen and (max-width: 1260px) {
    .case-studies-clutch .owl-home-case-studies .owl-nav {
        text-align:center
    }
}

@media screen and (max-width: 575px) {
    .case-studies-clutch .owl-home-case-studies .owl-nav {
        display:none
    }
}

.case-studies-clutch .owl-home-case-studies .owl-nav button {
    width: 60px;
    height: 60px;
    background-color: #0076FF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    top: 46%;
    position: absolute
}

@media screen and (max-width: 1260px) {
    .case-studies-clutch .owl-home-case-studies .owl-nav button {
        position:static;
        display: inline-block
    }
}

.case-studies-clutch .owl-home-case-studies .owl-nav button:after,.case-studies-clutch .owl-home-case-studies .owl-nav button:before {
    display: none
}

.case-studies-clutch .owl-home-case-studies .owl-nav button .fas {
    font-size: 30px
}

.case-studies-clutch .owl-home-case-studies .owl-nav button.owl-prev {
    background-color: #0076FF;
    color: #fff;
    left: -70px
}

@media screen and (max-width: 1260px) {
    .case-studies-clutch .owl-home-case-studies .owl-nav button.owl-prev {
        left:0px;
        margin-right: 10px
    }
}

.case-studies-clutch .owl-home-case-studies .owl-nav button.owl-next {
    background-color: #0076FF;
    color: #fff;
    right: -70px
}

@media screen and (max-width: 1260px) {
    .case-studies-clutch .owl-home-case-studies .owl-nav button.owl-next {
        right:0px;
        margin-left: 10px
    }
}

.case-studies-clutch .industry {
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .case-studies-clutch .industry {
        margin-top:10px;
        margin-bottom: 10px
    }
}

.case-studies-clutch .industry li {
    background-color: #ebebeb;
    color: #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 7px;
    display: inline-block
}

.case-studies-clutch .industry li a {
    color: #666
}

.case-studies-clutch .client {
    position: relative;
    padding-left: 110px;
    padding-top: 11px
}

@media screen and (max-width: 575px) {
    .case-studies-clutch .client {
        text-align:left;
        display: none
    }
}

.case-studies-clutch .client .client-pic {
    width: 88px;
    height: 88px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.case-studies-clutch .client .client-pic img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.case-studies-clutch .client .name {
    font-family: "interbold"
}

.clients-say-clutch {
    position: relative
}

@media screen and (max-width: 1024px) {
    .clients-say-clutch {
        text-align:center
    }
}

@media screen and (max-width: 575px) {
    .clients-say-clutch {
        padding-bottom:0
    }
}

.clients-say-clutch:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

.clients-say-clutch h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .clients-say-clutch h2 {
        font-size:32px
    }
}

.clients-say-clutch p {
    font-family: "poppinsregular";
    margin-bottom: 15px;
    position: relative;
    font-size: 16px
}

.clients-say-clutch .say-box {
    background-color: #f6f6f6;
    padding: 20px;
    min-height: 100%
}

@media screen and (max-width: 1366px) {
    .clients-say-clutch .say-box {
        padding:20px
    }
}

@media screen and (max-width: 1024px) {
    .clients-say-clutch .say-box {
        padding:10px
    }
}

@media screen and (max-width: 991px) {
    .clients-say-clutch .say-box {
        min-height:auto;
        max-width: 550px;
        margin: 0 auto 30px auto
    }
}

@media screen and (max-width: 1024px) {
    .clients-say-clutch .say-box h2 {
        text-align:center
    }
}

.clients-say-clutch .say-box .client-detail {
    text-align: left;
    padding-right: 60px;
    position: relative
}

@media (max-width: 991px) {
    .clients-say-clutch .say-box .client-detail {
        max-width:540px;
        margin: 0 auto
    }
}

@media (max-width: 575px) {
    .clients-say-clutch .say-box .client-detail {
        margin-top:10px
    }
}

.clients-say-clutch .say-box .client-detail:before {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 40px;
    height: 40px;
    background-image: url(../img/home/svg/quote.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    opacity: 0.5
}

@media screen and (max-width: 1366px) {
    .clients-say-clutch .say-box .client-detail:before {
        width:30px;
        height: 30px
    }
}

.clients-say-clutch .say-box .client-detail .f-24 {
    font-family: "interbold";
    margin-top: 20px
}

.clients-say-clutch .say-box .client-detail p {
    margin-bottom: 0;
    padding: 0;
    font-size: 14px
}

@media screen and (max-width: 1366px) {
    .clients-say-clutch .say-box .client-detail p {
        line-height:normal
    }
}

@media screen and (max-width: 575px) {
    .clients-say-clutch .say-box .client-detail p {
        font-size:16px
    }
}

.clients-say-clutch .say-box .video-cover {
    position: relative
}

.clients-say-clutch .say-box .video-cover .play-video {
    display: inline-block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 40px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    border: 3px solid #fff;
    text-align: center;
    background-color: #0076FF;
    cursor: pointer
}

@media screen and (max-width: 1366px) {
    .clients-say-clutch .say-box .video-cover .play-video {
        width:60px;
        height: 40px
    }
}

.clients-say-clutch .say-box .video-cover .play-video i {
    color: #fff;
    font-size: 22px;
    line-height: 34px;
    margin-left: 4px
}

@media screen and (max-width: 1366px) {
    .clients-say-clutch .say-box .video-cover .play-video i {
        font-size:18px
    }
}

@media screen and (max-width: 1024px) {
    .clients-say-clutch .say-box .video-cover .play-video i {
        line-height:34px
    }
}

@media screen and (max-width: 575px) {
    .clients-say-clutch .say-box .video-cover .play-video i {
        line-height:33px
    }
}

.clients-say-clutch .say-box .video-cover img {
    height: auto
}

.dm-cta.cta-clutch .btn {
    background: #D95700;
    background: -webkit-linear-gradient(bottom left, #D95700 50%, #FF9100 100%);
    background: -o-linear-gradient(bottom left, #D95700 50%, #FF9100 100%);
    background: linear-gradient(to top right, #D95700 50%, #FF9100 100%);
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border: none;
    margin-top: 20px;
    height: 60px;
    min-width: 160px;
    text-transform: none;
    font-size: 19px;
    font-family: "nunitosemibold";
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: inline-block
}

@media screen and (max-width: 1199px) {
    .dm-cta.cta-clutch .btn {
        font-size:16px
    }
}

.dm-cta.cta-clutch .btn:hover {
    background-position: 0 0;
    background: #FF9100;
    background: -webkit-linear-gradient(bottom left, #FF9100 0%, #D95700 100%);
    background: -o-linear-gradient(bottom left, #FF9100 0%, #D95700 100%);
    background: linear-gradient(to top right, #FF9100 0%, #D95700 100%)
}

.dm-cta.cta-clutch .btn:before {
    display: none
}

.dm-cta.cta-clutch .btn:after {
    display: none
}

.dm-cta.cta-clutch .btn.btn-white .arrow {
    background-image: url(../img/common/svg/arrow-right-up.svg)
}

.dm-landing-banner {
    padding: 80px 0 140px 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media screen and (max-width: 575px) {
    .dm-landing-banner {
        padding-bottom:80px
    }
}

.dm-landing-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #061022;
    background: -webkit-linear-gradient(319deg, #061022 0%, #012f65 80%, #003470 100%);
    background: -o-linear-gradient(319deg, #061022 0%, #012f65 80%, #003470 100%);
    background: linear-gradient(49deg, #061022 0%, #012f65 80%, #003470 100%)
}

.dm-landing-banner .custom-container {
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1024px) {
    .dm-landing-banner .custom-container {
        margin-left:7%;
        margin-right: 7%
    }
}

@media screen and (max-width: 767px) {
    .dm-landing-banner .custom-container {
        width:100%;
        margin-left: auto;
        margin-right: auto
    }
}

.dm-landing-banner h1 {
    color: #fff;
    line-height: 80px
}

@media screen and (max-width: 1366px) {
    .dm-landing-banner h1 {
        font-size:46px;
        line-height: 60px
    }
}

@media screen and (max-width: 575px) {
    .dm-landing-banner h1 {
        font-size:36px;
        line-height: 50px
    }
}

.dm-landing-banner h1 strong {
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(left, #fc0, #ff893a 57%, #bc3aff 101%);
    background-image: -o-linear-gradient(left, #fc0, #ff893a 57%, #bc3aff 101%);
    background-image: linear-gradient(to right, #fc0, #ff893a 57%, #bc3aff 101%);
    -webkit-background-clip: text;
    display: table;
    margin: 0 auto
}

.dm-landing-banner h1 span {
    display: none
}

.dm-landing-banner p {
    font-family: "poppinsregular";
    color: #fff
}

.dm-landing-banner p a {
    color: #fff;
    text-decoration: underline;
    font-family: "interbold"
}

.dm-landing-banner .btn {
    margin: 10px;
    font-size: 20px;
    font-family: "interregular";
    border: none;
    background-color: #fc0;
    color: #000
}

.dm-landing-banner .btn .arrow {
    background-image: url(../img/common/svg/arrow-right-up-black.svg)
}

.dm-landing-banner .logos-brand {
    text-align: center;
    margin-left: 7%
}

@media screen and (max-width: 575px) {
    .dm-landing-banner .logos-brand {
        margin-left:0
    }
}

.dm-landing-banner .logos-brand br {
    display: none
}

.dm-landing-banner .logos-brand p {
    margin: 0
}

.dm-landing-banner .logos-brand a {
    text-align: left;
    color: #fff;
    display: inline-block;
    margin: 20px;
    font-size: 14px;
    position: relative;
    vertical-align: top
}

.dm-landing-banner .logos-brand a .star {
    display: inline-block;
    width: 100px
}

.dm-landing-banner .logos-brand a .star svg {
    fill: #8591A0;
    width: 14px;
    height: 14px
}

.dm-landing-banner .logos-brand a .star svg path {
    fill: #f7bc00
}

.dm-landing-banner .logos-brand a .star svg.gray {
    fill: #515b66
}

.dm-landing-banner .logos-brand a .star svg.gray path {
    fill: #515b66
}

.dm-landing-banner .logos-brand a .rating {
    color: #fff;
    width: 100%;
    display: inline-block
}

@media screen and (max-width: 575px) {
    .dm-landing-banner .logos-brand a .rating {
        line-height:normal
    }
}

.dm-landing-banner .logos-brand a .rating svg {
    width: 36px;
    height: 36px;
    position: absolute;
    left: -40px;
    top: 7px
}

@media screen and (max-width: 575px) {
    .dm-landing-banner .logos-brand a .rating svg {
        width:26px;
        height: 26px
    }
}

.dm-landing-banner .logos-brand a .rating img {
    width: 36px;
    height: 36px;
    position: absolute;
    left: -40px;
    top: 7px
}

@media screen and (max-width: 575px) {
    .dm-landing-banner .logos-brand a .rating img {
        width:26px;
        height: 26px
    }
}

.dm-landing-banner .logos-brand a:nth-child(1) {
    width: 100px;
    margin-right: 50px
}

@media screen and (max-width: 575px) {
    .dm-landing-banner .logos-brand a:nth-child(1) {
        width:80px;
        margin-right: 50px
    }
}

@media screen and (max-width: 480px) {
    .dm-landing-banner .logos-brand a:nth-child(1) {
        margin-right:30px;
        margin-left: 40px
    }
}

.dm-landing-banner .logos-brand a:nth-child(2) {
    width: 200px
}

@media screen and (max-width: 575px) {
    .dm-landing-banner .logos-brand a:nth-child(2) {
        width:100px;
        padding-right: 0
    }
}

.dm-landing-aboutUs {
    padding: 0px 0 70px 0;
    background: #f7f7f7;
    background: -webkit-linear-gradient(bottom, #f7f7f7 0%, #fff 100%);
    background: -o-linear-gradient(bottom, #f7f7f7 0%, #fff 100%);
    background: linear-gradient(to top, #f7f7f7 0%, #fff 100%)
}

@media screen and (max-width: 1399px) {
    .dm-landing-aboutUs .col-left {
        width:38.333333%
    }

    .dm-landing-aboutUs .col-right {
        width: 53.333333%
    }
}

@media screen and (max-width: 991px) {
    .dm-landing-aboutUs {
        text-align:center;
        overflow: hidden;
        padding: 50px 0
    }

    .dm-landing-aboutUs .col-left {
        width: 100%
    }

    .dm-landing-aboutUs .col-right {
        width: 100%
    }
}

.dm-landing-aboutUs h2 {
    font-family: "poppinsbold"
}

.dm-landing-aboutUs h2.big {
    font-size: 62px;
    margin-top: 50px
}

@media screen and (max-width: 1366px) {
    .dm-landing-aboutUs h2.big {
        font-size:60px
    }
}

@media screen and (max-width: 1024px) {
    .dm-landing-aboutUs h2.big {
        font-size:50px
    }
}

@media screen and (max-width: 991px) {
    .dm-landing-aboutUs h2 {
        font-size:32px
    }
}

@media screen and (max-width: 480px) {
    .dm-landing-aboutUs h2 {
        font-size:26px
    }
}

.dm-landing-aboutUs h2 span.gradiant {
    color: #0076FF
}

.dm-landing-aboutUs h3 {
    font-family: "poppinsbold";
    color: #0a0d31;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .dm-landing-aboutUs h3 {
        font-size:20px
    }
}

.dm-landing-aboutUs p {
    font-family: "poppinsregular";
    color: #999999;
    font-size: 16px
}

.dm-landing-aboutUs p.highlight {
    color: #0a0d31
}

.dm-landing-aboutUs p span.highlight {
    color: #0a0d31;
    font-family: "poppinsbold"
}

.dm-landing-aboutUs .list {
    display: block;
    vertical-align: top;
    margin-left: 0px;
    margin-bottom: 40px
}

.dm-landing-aboutUs .list li {
    font-size: 16px;
    position: relative;
    padding-left: 20px;
    line-height: normal;
    margin-bottom: 20px
}

.dm-landing-aboutUs .list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 6px;
    background-color: #0076FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.dm-landing-aboutUs .form-box {
    margin-top: -70px;
    padding: 50px;
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff
}

@media screen and (max-width: 991px) {
    .dm-landing-aboutUs .form-box {
        margin-top:20px
    }
}

@media screen and (max-width: 575px) {
    .dm-landing-aboutUs .form-box {
        padding:20px
    }
}

.dm-landing-aboutUs .form-box .mt-50 p {
    margin-bottom: 0
}

.dm-landing-aboutUs .form-box form h2.f-36.mb-30 {
    display: none;
    opacity: 0;
    visibility: hidden
}

.dm-landing-aboutUs .form-box .full-col {
    width: 100%
}

.dm-landing-aboutUs .form-box .wpcf7-form-control-wrap {
    width: 100%
}

.dm-landing-aboutUs .form-box .form-group {
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 20px
}

.dm-landing-aboutUs .form-box .form-group:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #FF9100;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 2
}

.dm-landing-aboutUs .form-box .form-group:hover:before,.dm-landing-aboutUs .form-box .form-group:focus:before {
    width: 100%
}

.dm-landing-aboutUs .form-box .form-group .form-label {
    margin-bottom: 0
}

.dm-landing-aboutUs .form-box .form-group .message {
    display: block;
    width: 100%
}

@media screen and (max-width: 991px) {
    .dm-landing-aboutUs .form-box .form-group .col-sm-5,.dm-landing-aboutUs .form-box .form-group .col-xs-5 {
        width:41.66666667%
    }

    .dm-landing-aboutUs .form-box .form-group .col-sm-7,.dm-landing-aboutUs .form-box .form-group .col-xs-7 {
        width: 58.33333333%
    }
}

.dm-landing-aboutUs .form-box .form-group p {
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .dm-landing-aboutUs .form-box .form-group.msg {
        margin-bottom:0
    }
}

.dm-landing-aboutUs .form-box .form-group.msg span.wpcf7-not-valid-tip {
    bottom: -31px
}

.dm-landing-aboutUs .form-box .form-group.msge span.wpcf7-not-valid-tip {
    bottom: -31px
}

.dm-landing-aboutUs .form-box .form-group .code span.wpcf7-not-valid-tip {
    bottom: -27px;
    line-height: normal
}

.dm-landing-aboutUs .form-box select.form-control {
    position: relative;
    z-index: 1
}

.dm-landing-aboutUs .form-box select option {
    color: #000
}

.dm-landing-aboutUs .form-box .form-control {
    border: none;
    border-bottom: 1px solid #E0E0E0;
    display: block;
    box-shadow: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    height: 36px;
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    padding-top: 0px
}

.dm-landing-aboutUs .form-box .form-control.msg {
    resize: vertical;
    height: 100px;
    margin-bottom: -8px
}

.dm-landing-aboutUs .form-box input.pre_phone.form-control {
    padding-left: 52px;
    pointer-events: none
}

.dm-landing-aboutUs .form-box input::placeholder {
    color: #000 !important;
    opacity: 1
}

.dm-landing-aboutUs .form-box input:-ms-input-placeholder {
    color: #000 !important
}

.dm-landing-aboutUs .form-box input::-ms-input-placeholder {
    color: #000 !important
}

.dm-landing-aboutUs .form-box textarea::placeholder {
    color: #000 !important;
    opacity: 1
}

.dm-landing-aboutUs .form-box textarea:-ms-input-placeholder {
    color: #000 !important
}

.dm-landing-aboutUs .form-box textarea::-ms-input-placeholder {
    color: #000 !important
}

.dm-landing-aboutUs .form-box input:-webkit-autofill,.dm-landing-aboutUs .form-box input:-webkit-autofill:hover,.dm-landing-aboutUs .form-box input:-webkit-autofill:focus,.dm-landing-aboutUs .form-box textarea:-webkit-autofill,.dm-landing-aboutUs .form-box textarea:-webkit-autofill:hover,.dm-landing-aboutUs .form-box textarea:-webkit-autofill:focus,.dm-landing-aboutUs .form-box select:-webkit-autofill,.dm-landing-aboutUs .form-box select:-webkit-autofill:hover,.dm-landing-aboutUs .form-box select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
    background-color: transparent
}

.dm-landing-aboutUs .form-box .iti {
    width: 100%
}

.dm-landing-aboutUs .form-box .iti .iti--container {
    position: absolute
}

.dm-landing-aboutUs .form-box .iti.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.dm-landing-aboutUs .form-box .iti .iti__country {
    color: #000
}

.dm-landing-aboutUs .form-box .iti .iti__country-list {
    max-width: 300px;
    color: #000
}

.dm-landing-aboutUs .form-box .iti .iti__flag-container .iti__arrow {
    margin-left: 66px
}

.dm-landing-aboutUs .form-box input.track-country {
    display: none
}

.dm-landing-aboutUs .form-box .budget-group {
    margin-bottom: 20px
}

.dm-landing-aboutUs .form-box .budget-group .form-label {
    color: #0076FF;
    margin-bottom: 0
}

.dm-landing-aboutUs .form-box .budget-group .budget {
    display: block;
    width: 100%
}

.dm-landing-aboutUs .form-box .budget-group .msg {
    color: #000;
    resize: vertical
}

.dm-landing-aboutUs .form-box .budget-group .select-budget {
    position: relative
}

.dm-landing-aboutUs .form-box .budget-group .select-budget:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #0076FF;
    z-index: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-landing-aboutUs .form-box .budget-group .select-budget:hover:before,.dm-landing-aboutUs .form-box .budget-group .select-budget:focus:before {
    width: 100%
}

.dm-landing-aboutUs .form-box .budget-group .select-budget:after {
    content: "\f107";
    position: absolute;
    color: #000;
    right: 0;
    top: 10px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.dm-landing-aboutUs .form-box span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    bottom: -22px;
    background-color: #fff;
    padding: 0 4px
}

.dm-landing-aboutUs .form-box .btn {
    margin-top: -20px;
    height: 60px;
    min-width: 170px;
    background-image: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #0076FF;
    color: #fff;
    padding: 15px 20px
}

@media screen and (max-width: 991px) {
    .dm-landing-aboutUs .form-box .btn {
        margin-top:0px
    }
}

@media screen and (max-width: 480px) {
    .dm-landing-aboutUs .form-box .btn {
        height:auto
    }
}

.dm-landing-aboutUs .form-box .btn:before,.dm-landing-aboutUs .form-box .btn:after {
    background-color: #fff
}

.dm-landing-aboutUs .form-box .btn:before {
    display: none
}

.dm-landing-aboutUs .form-box .btn:after {
    display: none
}

.dm-landing-aboutUs .form-box .captcha-group {
    position: relative
}

.dm-landing-aboutUs .form-box .captcha-group .wpcf7-spinner {
    position: absolute;
    right: 160px;
    top: 20px
}

@media screen and (max-width: 991px) {
    .dm-landing-aboutUs .form-box .captcha-group .wpcf7-spinner {
        position:static
    }
}

.dm-landing-aboutUs .form-box .captcha-group .form-label {
    color: #0076FF;
    margin-bottom: 10px
}

.dm-landing-aboutUs .form-box .captcha-group .captcha-box {
    font-family: "interbold"
}

.dm-landing-aboutUs .form-box .captcha-group .captcha-box span #form_reCaptcha {
    border: 1px solid #E0E0E0;
    padding: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    text-align: center
}

.dm-landing-aboutUs .form-box .captcha-group .text-right {
    display: flex;
    justify-content: right
}

@media screen and (max-width: 991px) {
    .dm-landing-aboutUs .form-box .captcha-group .text-right {
        justify-content:flex-start;
        margin: 30px 0 50px 0
    }
}

.dm-landing-aboutUs .form-box .file-upload-wrapper {
    position: relative;
    width: 100%;
    border: 1px dashed rgba(0,0,0,0.3);
    height: 70px;
    margin-top: 30px;
    margin-bottom: 30px
}

.dm-landing-aboutUs .form-box .file-upload-wrapper input {
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 0;
    bottom: 0;
    left: 15px;
    z-index: 1;
    margin: 0;
    padding: 10px;
    display: block;
    cursor: pointer;
    width: 100%;
    outline: none;
    border-radius: 0;
    color: #fff
}

.dm-landing-aboutUs .form-box .file-upload-wrapper span.wpcf7-not-valid-tip {
    bottom: -31px
}

.dm-landing-aboutUs .form-box .file-upload-wrapper .form-control {
    border-bottom: none
}

.dm-landing-aboutUs .form-box .file-upload-wrapper .overflow .wpcf7-form-control-wrap {
    position: static
}

.dm-landing-aboutUs .form-box .file-upload-wrapper .file-title {
    position: absolute;
    top: -21px;
    left: 2px;
    right: auto;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    margin: 0;
    color: #000;
    background-color: #fff;
    font-family: "intermedium"
}

.dm-landing-aboutUs .form-box .file-upload-wrapper .attachment-file {
    position: static
}

.dm-landing-aboutUs .form-box .file-upload-wrapper .attachment-file span.wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 56px;
    width: 310px;
    z-index: 1
}

.dm-landing-aboutUs .form-box .contact-details {
    margin-left: 100px
}

@media screen and (max-width: 1024px) {
    .dm-landing-aboutUs .form-box .contact-details {
        margin-left:50px
    }
}

@media screen and (max-width: 991px) {
    .dm-landing-aboutUs .form-box .contact-details {
        margin-left:0px
    }
}

.dm-landing-aboutUs .form-box .contact-details h2 {
    font-family: "interlight"
}

@media screen and (max-width: 991px) {
    .dm-landing-aboutUs .form-box .contact-details h2 {
        text-align:left
    }

    .dm-landing-aboutUs .form-box .contact-details h2.gb {
        margin-top: 30px
    }
}

.dm-landing-aboutUs .form-box .contact-details h6 {
    font-family: "interlight";
    text-transform: uppercase;
    letter-spacing: 10px;
    font-family: "interbold";
    color: #FF9100
}

.dm-landing-aboutUs .form-box .contact-details p.top {
    margin-top: 27px
}

.dm-landing-aboutUs .form-box .form-control::placeholder {
    color: #fff;
    opacity: 1
}

.dm-landing-aboutUs .form-box .form-control:-ms-input-placeholder {
    color: #fff
}

.dm-landing-aboutUs .form-box .form-control::-ms-input-placeholder {
    color: #fff
}

@media screen and (max-width: 991px) {
    .dm-landing-aboutUs .form-box .captcha-group {
        margin-top:10px;
        margin-bottom: 40px
    }
}

.dm-landing-aboutUs .form-box .col-sm-8.col-md-8.col-gap {
    width: 100%
}

.dm-landing-aboutUs .form-box .col-sm-4.col-md-4.col-gap.text-end {
    width: 100%;
    text-align: left !important
}

.dm-landing-aboutUs .form-box .italic {
    font-weight: 600;
    font-style: italic;
    margin-top: 30px;
    margin-bottom: 0
}

.dm-landing-service {
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .dm-landing-service {
        padding:50px 0
    }
}

@media screen and (max-width: 1024px) {
    .dm-landing-service .col-sm-4,.dm-landing-service .col-md-4 {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .dm-landing-service .col-sm-4,.dm-landing-service .col-md-4 {
        width:100%
    }
}

.dm-landing-service h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-landing-service h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .dm-landing-service h2 {
        font-size:26px
    }
}

.dm-landing-service p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-landing-service .expertise-box {
    padding: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1399px) {
    .dm-landing-service .expertise-box {
        padding:30px
    }
}

@media screen and (max-width: 575px) {
    .dm-landing-service .expertise-box {
        text-align:center;
        padding: 30px
    }
}

.dm-landing-service .expertise-box:hover {
    background-color: #F1F2FD
}

.dm-landing-service .expertise-box h3 {
    font-family: "poppins_semiboldregular";
    font-size: 28px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .dm-landing-service .expertise-box h3 {
        font-size:24px
    }
}

@media screen and (max-width: 1399px) {
    .dm-landing-service .expertise-box h3 {
        font-size:20px
    }
}

@media screen and (max-width: 575px) {
    .dm-landing-service .expertise-box h3 {
        font-size:18px
    }
}

.dm-landing-service .expertise-box .icon {
    background-image: url(../img/digital-marketing-landing/png/dm-landing-sprite1.png);
    background-repeat: no-repeat;
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 0 20px 0;
    filter: drop-shadow(0 25px 20px rgba(14,32,150,0.2))
}

@media screen and (max-width: 575px) {
    .dm-landing-service .expertise-box .icon {
        margin-left:auto;
        margin-right: auto
    }
}

.dm-landing-service .expertise-box .icon.icon1 {
    background-position: 0 0
}

.dm-landing-service .expertise-box .icon.icon2 {
    background-position: 0 -60px
}

.dm-landing-service .expertise-box .icon.icon3 {
    background-position: 0 -120px
}

.dm-landing-service .expertise-box .icon.icon4 {
    background-position: 0 -180px
}

.dm-landing-service .expertise-box .icon.icon5 {
    background-position: 0 -240px
}

.dm-landing-service .expertise-box .icon.icon6 {
    background-position: 0 -300px
}

.dm-landing-service .expertise-box .icon.icon7 {
    background-position: 0 -360px
}

.dm-landing-service .expertise-box .icon.icon8 {
    background-position: 0 -420px
}

.dm-landing-service .expertise-box .icon.icon9 {
    background-position: 0 -480px
}

.dm-landing-service .accordion .accordion-item {
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    position: relative
}

.dm-landing-service .accordion .accordion-item .accordion-header {
    text-align: center
}

.dm-landing-service .accordion .accordion-item .accordion-header .accordion-button {
    margin-top: 30px;
    padding: 20px 70px 20px 30px;
    font-family: "poppins_mediumregular";
    box-shadow: none;
    cursor: pointer;
    color: #0e2096;
    width: auto;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.08);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.dm-landing-service .accordion .accordion-item .accordion-header .accordion-button:hover {
    border-color: #0e2096
}

.dm-landing-service .accordion .accordion-item .accordion-header .accordion-button:after,.dm-landing-service .accordion .accordion-item .accordion-header .accordion-button:before {
    position: static
}

.dm-landing-service .accordion .accordion-item .accordion-header .accordion-button::after {
    content: "\2b";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    background-image: none;
    width: 30px;
    height: 30px;
    position: absolute;
    line-height: 20px;
    right: 18px;
    left: auto;
    top: 50%;
    margin-top: -15px;
    border: 1px solid #888;
    border-radius: 30px 30px;
    -ms-transition: border-color .15s ease;
    transition: border-color .15s ease;
    -webkit-transition: border-color .15s ease;
    text-align: center;
    padding-top: 4px;
    color: #888
}

.dm-landing-service .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    content: "\f068";
    border-color: #0e2096;
    color: #0e2096
}

.dm-landing-service .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #0e2096;
    background-color: transparent
}

.dm-landing-service .accordion .accordion-item .accordion-header .accordion-button:hover {
    color: #0e2096
}

.dm-landing-service .accordion .accordion-item .accordion-header .accordion-button:hover::after {
    border-color: #0e2096;
    color: #0e2096
}

.dm-landing-service .accordion .accordion-item .accordion-header .accordion-button:hover:not(.collapsed)::after {
    border-color: #0e2096;
    color: #0e2096
}

.dm-landing-service .accordion .accordion-item .card-body {
    padding-left: 0;
    padding-right: 0
}

.dm-landing-process {
    padding: 100px 0;
    background-color: #F1F2FD
}

@media screen and (max-width: 991px) {
    .dm-landing-process {
        padding:50px 0
    }
}

@media screen and (max-width: 1024px) {
    .dm-landing-process .col-sm-4,.dm-landing-process .col-md-4 {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .dm-landing-process .col-sm-4,.dm-landing-process .col-md-4 {
        width:100%
    }
}

.dm-landing-process h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .dm-landing-process h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .dm-landing-process h2 {
        font-size:26px
    }
}

.dm-landing-process p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-landing-process .process-box {
    padding: 0px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative
}

.dm-landing-process .process-box:before {
    content: "";
    position: absolute;
    right: 40px;
    top: 0;
    background-image: url("../img/digital-marketing-landing/svg/arrow-right.svg");
    background-repeat: no-repeat;
    width: 50px;
    height: 39px;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.dm-landing-process .process-box:hover:before {
    right: 30px
}

.dm-landing-process .process-box .step {
    display: inline-block;
    background-color: #081321;
    color: #fff;
    padding: 7px 20px;
    font-size: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 40px;
    font-family: "poppins_semiboldregular"
}

.dm-landing-process .process-box h3 {
    font-family: "poppins_semiboldregular";
    font-size: 28px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .dm-landing-process .process-box h3 {
        font-size:24px
    }
}

@media screen and (max-width: 1399px) {
    .dm-landing-process .process-box h3 {
        font-size:20px
    }
}

@media screen and (max-width: 575px) {
    .dm-landing-process .process-box h3 {
        font-size:18px
    }
}

.dm-landing-process .process-box .icon {
    background-image: url(../img/digital-marketing-landing/png/dm-landing-sprite1.png);
    background-repeat: no-repeat;
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 0 20px 0;
    filter: drop-shadow(0 25px 20px rgba(14,32,150,0.2))
}

@media screen and (max-width: 575px) {
    .dm-landing-process .process-box .icon {
        margin-left:auto;
        margin-right: auto
    }
}

.dm-landing-process .process-box .icon.icon1 {
    background-position: 0 0
}

.dm-landing-process .process-box .icon.icon2 {
    background-position: 0 -60px
}

.dm-landing-process .process-box .icon.icon3 {
    background-position: 0 -120px
}

.dm-landing-process .process-box .icon.icon4 {
    background-position: 0 -120px
}

.dm-landing-process .process-box .icon.icon5 {
    background-position: 0 -180px
}

.dm-landing-process .process-box .icon.icon6 {
    background-position: 0 -240px
}

.dm-landing-process .process-box .icon.icon7 {
    background-position: 0 -300px
}

.dm-landing-process .process-box .icon.icon8 {
    background-position: 0 -360px
}

.dm-landing-process .process-box .icon.icon9 {
    background-position: 0 -420px
}

.dm-landing-process .accordion .accordion-item {
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    position: relative
}

.dm-landing-process .accordion .accordion-item .accordion-header {
    text-align: center
}

.dm-landing-process .accordion .accordion-item .accordion-header .accordion-button {
    margin-top: 30px;
    padding: 20px 70px 20px 30px;
    font-family: "poppins_mediumregular";
    box-shadow: none;
    cursor: pointer;
    color: #0e2096;
    width: auto;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.08);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.dm-landing-process .accordion .accordion-item .accordion-header .accordion-button:hover {
    border-color: #0e2096
}

.dm-landing-process .accordion .accordion-item .accordion-header .accordion-button:after,.dm-landing-process .accordion .accordion-item .accordion-header .accordion-button:before {
    position: static
}

.dm-landing-process .accordion .accordion-item .accordion-header .accordion-button::after {
    content: "\2b";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    background-image: none;
    width: 30px;
    height: 30px;
    position: absolute;
    line-height: 20px;
    right: 18px;
    left: auto;
    top: 50%;
    margin-top: -15px;
    border: 1px solid #888;
    border-radius: 30px 30px;
    -ms-transition: border-color .15s ease;
    transition: border-color .15s ease;
    -webkit-transition: border-color .15s ease;
    text-align: center;
    padding-top: 4px;
    color: #888
}

.dm-landing-process .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    content: "\f068";
    border-color: #0e2096;
    color: #0e2096
}

.dm-landing-process .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #0e2096;
    background-color: transparent
}

.dm-landing-process .accordion .accordion-item .accordion-header .accordion-button:hover {
    color: #0e2096
}

.dm-landing-process .accordion .accordion-item .accordion-header .accordion-button:hover::after {
    border-color: #0e2096;
    color: #0e2096
}

.dm-landing-process .accordion .accordion-item .accordion-header .accordion-button:hover:not(.collapsed)::after {
    border-color: #0e2096;
    color: #0e2096
}

.dm-landing-process .accordion .accordion-item .card-body {
    padding-left: 0;
    padding-right: 0
}

.get-you-grow {
    padding: 100px 0;
    background-color: #F1F2FD
}

@media screen and (max-width: 991px) {
    .get-you-grow {
        padding:50px 0
    }
}

@media screen and (max-width: 1024px) {
    .get-you-grow .col-sm-4,.get-you-grow .col-md-4 {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .get-you-grow .col-sm-4,.get-you-grow .col-md-4 {
        width:100%
    }
}

.get-you-grow h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .get-you-grow h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .get-you-grow h2 {
        font-size:26px
    }
}

.get-you-grow h2 span.gradiant {
    color: #0076FF
}

.get-you-grow p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.get-you-grow .process-box {
    padding: 0px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative
}

.get-you-grow .process-box h3 {
    font-family: "poppins_semiboldregular";
    font-size: 28px;
    line-height: 1.2;
    position: relative;
    padding-left: 15px
}

.get-you-grow .process-box h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 30px;
    background-color: #0076FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media screen and (max-width: 1440px) {
    .get-you-grow .process-box h3 {
        font-size:24px
    }
}

@media screen and (max-width: 1399px) {
    .get-you-grow .process-box h3 {
        font-size:20px
    }
}

@media screen and (max-width: 575px) {
    .get-you-grow .process-box h3 {
        font-size:18px
    }
}

.get-you-grow .process-box .icon {
    background-image: url(../img/digital-marketing-landing/png/dm-landing-sprite1.png);
    background-repeat: no-repeat;
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 0 20px 0;
    filter: drop-shadow(0 25px 20px rgba(14,32,150,0.2))
}

@media screen and (max-width: 575px) {
    .get-you-grow .process-box .icon {
        margin-left:auto;
        margin-right: auto
    }
}

.get-you-grow .process-box .icon.icon1 {
    background-position: 0 0
}

.get-you-grow .process-box .icon.icon2 {
    background-position: 0 -60px
}

.get-you-grow .process-box .icon.icon3 {
    background-position: 0 -120px
}

.get-you-grow .process-box .icon.icon4 {
    background-position: 0 -120px
}

.get-you-grow .process-box .icon.icon5 {
    background-position: 0 -180px
}

.get-you-grow .process-box .icon.icon6 {
    background-position: 0 -240px
}

.get-you-grow .process-box .icon.icon7 {
    background-position: 0 -300px
}

.get-you-grow .process-box .icon.icon8 {
    background-position: 0 -360px
}

.get-you-grow .process-box .icon.icon9 {
    background-position: 0 -420px
}

.dm-landing-testimonial {
    position: relative;
    padding: 100px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #061022;
    background: -webkit-linear-gradient(319deg, #061022 0%, #012f65 80%, #003470 100%);
    background: -o-linear-gradient(319deg, #061022 0%, #012f65 80%, #003470 100%);
    background: linear-gradient(49deg, #061022 0%, #012f65 80%, #003470 100%)
}

@media screen and (max-width: 991px) {
    .dm-landing-testimonial {
        margin-bottom:50px;
        padding: 50px 0
    }
}

.dm-landing-testimonial h2 {
    font-family: "poppins_mediumregular";
    color: #fff;
    margin-bottom: 30px
}

@media screen and (max-width: 1199px) {
    .dm-landing-testimonial h2 {
        font-size:32px
    }
}

@media screen and (max-width: 991px) {
    .dm-landing-testimonial h2 {
        font-size:32px;
        margin-top: 40px;
        text-align: center
    }
}

@media screen and (max-width: 575px) {
    .dm-landing-testimonial h2 {
        text-align:center
    }
}

.dm-landing-testimonial h3 {
    font-family: "poppinsbold";
    color: #0a0d31;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .dm-landing-testimonial h3 {
        font-size:20px
    }
}

.dm-landing-testimonial p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-landing-testimonial .testimonial-carousel {
    position: relative;
    margin: 0 auto
}

@media only screen and (max-width: 575px) {
    .dm-landing-testimonial .testimonial-carousel {
        margin:0
    }
}

.dm-landing-testimonial .testimonial-carousel .owl-item {
    padding: 0px 15px 15px 15px
}

.dm-landing-testimonial .shadow-box {
    border-left: 1px solid rgba(255,255,255,0.3);
    padding-left: 50px;
    background-image: url(../img/digital-marketing-landing/png/shaddow.png);
    background-repeat: no-repeat;
    background-position: left center
}

@media only screen and (max-width: 1199px) {
    .dm-landing-testimonial .shadow-box {
        padding-left:40px
    }
}

@media only screen and (max-width: 991px) {
    .dm-landing-testimonial .shadow-box {
        padding-left:0px;
        border-left: none;
        background-image: none
    }
}

.dm-landing-testimonial .testimonial-block {
    position: relative
}

.dm-landing-testimonial .testimonial-block .inner-box {
    padding: 80px 0 0 0
}

@media only screen and (max-width: 991px) {
    .dm-landing-testimonial .testimonial-block .inner-box {
        padding:70px 30px 30px 30px
    }
}

.dm-landing-testimonial .testimonial-block .inner-box .fa-quote-left {
    font-size: 60px;
    color: #bdbdbd;
    position: absolute;
    left: 0px;
    top: 20px
}

@media only screen and (max-width: 991px) {
    .dm-landing-testimonial .testimonial-block .inner-box .fa-quote-left {
        left:30px;
        top: 10px
    }
}

.dm-landing-testimonial .testimonial-block .text {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 50px;
    font-family: "Muli", sans-serif
}

.dm-landing-testimonial .testimonial-block .info-box {
    position: relative;
    padding-left: 115px;
    padding-top: 10px
}

.dm-landing-testimonial .testimonial-block .info-box .thumb {
    position: absolute;
    left: 0;
    top: 0;
    height: 82px;
    width: 82px;
    display: inline-block
}

.dm-landing-testimonial .testimonial-block .info-box .thumb img {
    border: 6px solid #e3e3e3;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: auto
}

.dm-landing-testimonial .testimonial-block .info-box .name {
    position: relative;
    display: block;
    font-size: 21px;
    line-height: 1.2em;
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: "Niramit", sans-serif
}

.dm-landing-testimonial .testimonial-block .info-box .designation {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    font-family: "Muli", sans-serif
}

@media only screen and (max-width: 767px) {
    .dm-landing-testimonial .testimonial-carousel .owl-item {
        padding-top:30px
    }
}

.dm-landing-testimonial .testimonial-carousel .owl-nav {
    text-align: right;
    color: #fff
}

.dm-landing-testimonial .testimonial-carousel .owl-next,.dm-landing-testimonial .testimonial-carousel .owl-prev {
    position: relative;
    display: inline-block;
    height: 75px;
    color: #fff;
    width: 75px;
    line-height: 75px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.dm-landing-testimonial .testimonial-carousel .owl-next:after,.dm-landing-testimonial .testimonial-carousel .owl-next:before,.dm-landing-testimonial .testimonial-carousel .owl-prev:after,.dm-landing-testimonial .testimonial-carousel .owl-prev:before {
    display: none
}

.dm-landing-testimonial .testimonial-carousel .owl-next:hover,.dm-landing-testimonial .testimonial-carousel .owl-prev:hover {
    background-color: #0035e5;
    box-shadow: 0 24px 24px rgba(0,0,0,0.75);
    color: #fff
}

.dm-landing-testimonial .arrow-right,.dm-landing-testimonial .arrow-left {
    position: relative;
    display: inline-block;
    height: 9px;
    width: 43px
}

@media only screen and (max-width: 767px) {
    .dm-landing-testimonial .testimonial-block {
        padding:0
    }

    .dm-landing-testimonial .testimonial-block .inner-box {
        box-shadow: none;
        border: 2px solid #f1f1f1
    }

    .dm-landing-testimonial .testimonial-carousel .owl-nav {
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: 20px;
        text-align: center
    }

    .dm-landing-testimonial .testimonial-carousel .owl-next,.dm-landing-testimonial .testimonial-carousel .owl-prev {
        border: 2px solid #f1f1f1
    }
}

.dm-landing-testimonial .client-leads {
    position: relative;
    padding-left: 170px;
    margin-bottom: 50px
}

@media only screen and (max-width: 504px) {
    .dm-landing-testimonial .client-leads {
        padding-left:120px
    }
}

.dm-landing-testimonial .client-leads .fling {
    content: "";
    position: absolute;
    left: 0px;
    top: 20px;
    background-image: url("../img/digital-marketing-landing/png/shuttle.png");
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    background-size: 100% auto;
    -webkit-animation: action 1s infinite alternate;
    animation: action 1s infinite alternate
}

@media only screen and (max-width: 504px) {
    .dm-landing-testimonial .client-leads .fling {
        width:100px;
        height: 100px
    }
}

@-webkit-keyframes action {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-10px)
    }
}

@keyframes action {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-10px)
    }
}

.dm-landing-testimonial .client-leads h4 {
    font-size: 24px;
    font-family: "poppins_semiboldregular";
    color: #fff;
    margin-bottom: 10px
}

.dm-landing-testimonial .client-leads p {
    font-size: 24px;
    font-family: "poppins_semiboldregular";
    color: #fff
}

.dm-landing-testimonial .client-leads .value {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.dm-landing-testimonial .client-leads .value li {
    min-width: 40px;
    padding: 5px 15px;
    margin: 2px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding-top: 10px;
    font-family: "poppinsbold";
    font-size: 64px;
    line-height: 76px;
    background: #fd1d1d;
    background: -webkit-linear-gradient(319deg, #fd1d1d 0%, #fcb045 100%);
    background: -o-linear-gradient(319deg, #fd1d1d 0%, #fcb045 100%);
    background: linear-gradient(49deg, #fd1d1d 0%, #fcb045 100%)
}

@media screen and (max-width: 1699px) {
    .dm-landing-testimonial .client-leads .value li {
        font-size:60px;
        line-height: 72px
    }
}

@media screen and (max-width: 1599px) {
    .dm-landing-testimonial .client-leads .value li {
        font-size:46px;
        line-height: 62px
    }
}

@media screen and (max-width: 1399px) {
    .dm-landing-testimonial .client-leads .value li {
        font-size:26px;
        line-height: 52px
    }
}

@media screen and (max-width: 549px) {
    .dm-landing-testimonial .client-leads .value li {
        padding:5px 10px
    }
}

@media screen and (max-width: 504px) {
    .dm-landing-testimonial .client-leads .value li {
        padding:5px 5px;
        font-size: 24px;
        line-height: 50px
    }
}

.dm-landing-testimonial .subscribe_form {
    max-width: 100%;
    margin-right: auto;
    margin-left: 0
}

@media screen and (max-width: 991px) {
    .dm-landing-testimonial .subscribe_form {
        margin-top:30px;
        margin-right: auto
    }
}

@media screen and (max-width: 575px) {
    .dm-landing-testimonial .subscribe_form {
        text-align:center
    }
}

.dm-landing-testimonial .subscribe_form br {
    display: none
}

.dm-landing-testimonial .subscribe_form .input-group {
    background-color: #fff;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

@media screen and (max-width: 480px) {
    .dm-landing-testimonial .subscribe_form .input-group {
        display:block
    }
}

.dm-landing-testimonial .subscribe_form .input-group .form-control {
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1199px) {
    .dm-landing-testimonial .subscribe_form .input-group .form-control {
        font-size:18px
    }
}

@media screen and (max-width: 575px) {
    .dm-landing-testimonial .subscribe_form .input-group .form-control {
        text-align:center
    }
}

@media screen and (max-width: 480px) {
    .dm-landing-testimonial .subscribe_form .input-group .form-control {
        width:100%;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px;
        margin-bottom: 20px
    }
}

.dm-landing-testimonial .subscribe_form .input-group .input-group-btn .btn {
    text-transform: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-size: 22px;
    font-family: "poppinsregular"
}

@media screen and (max-width: 1199px) {
    .dm-landing-testimonial .subscribe_form .input-group .input-group-btn .btn {
        font-size:18px
    }
}

.dm-desired-results {
    position: relative;
    padding: 100px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #061022;
    background: -webkit-linear-gradient(319deg, #061022 0%, #012f65 80%, #003470 100%);
    background: -o-linear-gradient(319deg, #061022 0%, #012f65 80%, #003470 100%);
    background: linear-gradient(49deg, #061022 0%, #012f65 80%, #003470 100%)
}

@media screen and (max-width: 991px) {
    .dm-desired-results {
        margin-bottom:50px;
        padding: 50px 0
    }
}

.dm-desired-results h2 {
    font-family: "poppinsbold";
    color: #fff;
    margin-bottom: 30px
}

@media screen and (max-width: 1199px) {
    .dm-desired-results h2 {
        font-size:32px
    }
}

@media screen and (max-width: 991px) {
    .dm-desired-results h2 {
        font-size:32px;
        margin-top: 40px;
        text-align: center
    }
}

@media screen and (max-width: 575px) {
    .dm-desired-results h2 {
        text-align:center
    }
}

.dm-desired-results h2 span.gradiant {
    color: #fc0
}

.dm-desired-results h3 {
    font-family: "poppinsbold";
    color: #0a0d31;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .dm-desired-results h3 {
        font-size:20px
    }
}

.dm-desired-results p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.dm-desired-results .static {
    position: sticky;
    top: 100px;
    text-align: center;
    max-width: 295px;
    margin: 0 auto;
    background-color: #fff
}

.dm-desired-results .testimonial-carousel {
    position: relative;
    margin: 0 auto
}

@media only screen and (max-width: 575px) {
    .dm-desired-results .testimonial-carousel {
        margin:0
    }
}

.dm-desired-results .testimonial-carousel .owl-item {
    padding: 0px 15px 15px 15px
}

.dm-desired-results .testimonial-block {
    position: relative
}

.dm-desired-results .testimonial-block .inner-box {
    padding: 80px 0 0 0
}

@media only screen and (max-width: 991px) {
    .dm-desired-results .testimonial-block .inner-box {
        padding:70px 30px 30px 30px
    }
}

.dm-desired-results .testimonial-block .inner-box .fa-quote-left {
    font-size: 60px;
    color: #bdbdbd;
    position: absolute;
    left: 0px;
    top: 20px
}

@media only screen and (max-width: 991px) {
    .dm-desired-results .testimonial-block .inner-box .fa-quote-left {
        left:30px;
        top: 10px
    }
}

.dm-desired-results .testimonial-block .text {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 50px;
    font-family: "Muli", sans-serif
}

.dm-desired-results .testimonial-block .info-box {
    position: relative;
    padding-left: 115px;
    padding-top: 10px
}

.dm-desired-results .testimonial-block .info-box .thumb {
    position: absolute;
    left: 0;
    top: 0;
    height: 82px;
    width: 82px;
    display: inline-block
}

.dm-desired-results .testimonial-block .info-box .thumb img {
    border: 6px solid #e3e3e3;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: auto
}

.dm-desired-results .testimonial-block .info-box .name {
    position: relative;
    display: block;
    font-size: 21px;
    line-height: 1.2em;
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: "Niramit", sans-serif
}

.dm-desired-results .testimonial-block .info-box .designation {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    font-family: "Muli", sans-serif
}

@media only screen and (max-width: 767px) {
    .dm-desired-results .testimonial-carousel .owl-item {
        padding-top:30px
    }
}

.dm-desired-results .testimonial-carousel .owl-nav {
    text-align: right;
    color: #fff
}

.dm-desired-results .testimonial-carousel .owl-next,.dm-desired-results .testimonial-carousel .owl-prev {
    position: relative;
    display: inline-block;
    height: 75px;
    color: #fff;
    width: 75px;
    line-height: 75px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.dm-desired-results .testimonial-carousel .owl-next:after,.dm-desired-results .testimonial-carousel .owl-next:before,.dm-desired-results .testimonial-carousel .owl-prev:after,.dm-desired-results .testimonial-carousel .owl-prev:before {
    display: none
}

.dm-desired-results .testimonial-carousel .owl-next:hover,.dm-desired-results .testimonial-carousel .owl-prev:hover {
    background-color: #0035e5;
    box-shadow: 0 24px 24px rgba(0,0,0,0.75);
    color: #fff
}

.dm-desired-results .arrow-right,.dm-desired-results .arrow-left {
    position: relative;
    display: inline-block;
    height: 9px;
    width: 43px
}

@media only screen and (max-width: 767px) {
    .dm-desired-results .testimonial-block {
        padding:0
    }

    .dm-desired-results .testimonial-block .inner-box {
        box-shadow: none;
        border: 2px solid #f1f1f1
    }

    .dm-desired-results .testimonial-carousel .owl-nav {
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: 20px;
        text-align: center
    }

    .dm-desired-results .testimonial-carousel .owl-next,.dm-desired-results .testimonial-carousel .owl-prev {
        border: 2px solid #f1f1f1
    }
}

.dm-desired-results .full-widget {
    max-width: 1020px;
    margin: 0 auto
}

.dm-success-stories h2 span.gradiant {
    color: #0076FF
}

.dm-landing-service h2 span.gradiant {
    color: #0076FF
}

.dm-global-industry h2 span.gradiant {
    color: #0076FF
}

.dm-cta.dml .btn {
    margin: 10px;
    font-size: 20px;
    font-family: "interregular";
    border: none;
    background-color: #fc0;
    color: #000
}

.dm-cta.dml .btn .arrow {
    background-image: url(../img/common/svg/arrow-right-up-black.svg)
}

.it-staffing-banner {
    position: relative;
    padding: 100px 0 100px 0;
    margin-top: 0px;
    overflow: hidden;
    background-color: #00295A
}

@media screen and (max-width: 1440px) {
    .it-staffing-banner {
        padding:80px 0 80px 0
    }
}

@media screen and (max-width: 991px) {
    .it-staffing-banner {
        margin-top:0px
    }
}

@media (max-width: 767px) {
    .it-staffing-banner {
        text-align:center
    }
}

@media (max-width: 767px) {
    .it-staffing-banner {
        padding:80px 0 80px 0
    }
}

.it-staffing-banner:after {
    background: rgba(0,41,90,0.8);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

@media screen and (max-width: 575px) {
    .it-staffing-banner:after {
        opacity:0.3
    }
}

.it-staffing-banner:before {
    background-color: #000;
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-image: url(../img/it-staffing-services/webp/it-staffing-services.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    animation: shrink 5s infinite alternate
}

@media screen and (max-width: 991px) {
    .it-staffing-banner:before {
        z-index:1;
        opacity: 0.3;
        background-size: cover;
        animation: none
    }
}

@media screen and (max-width: 575px) {
    .it-staffing-banner:before {
        background-size:cover
    }
}

@media screen and (max-width: 420px) {
    .it-staffing-banner:before {
        background-position:center center;
        background-size: cover;
        background-attachment: unset
    }
}

@keyframes shrink {
    0% {
        background-size: 110% auto;
        @media screen and (max-width: 1024px) {
            background-size:120% auto
        }
    }

    100% {
        background-size: 100% auto;
        @media screen and (max-width: 1024px) {
            background-size:120% auto
        }
    }
}

@media (max-width: 1199px) {
    .it-staffing-banner .col-sm-8,.it-staffing-banner .col-md-8 {
        width:56.666667%
    }
}

@media (max-width: 767px) {
    .it-staffing-banner .col-sm-8,.it-staffing-banner .col-md-8 {
        width:100%
    }
}

@media (max-width: 1199px) {
    .it-staffing-banner .col-sm-4,.it-staffing-banner .col-md-4 {
        width:43.333333%
    }
}

@media (max-width: 767px) {
    .it-staffing-banner .col-sm-4,.it-staffing-banner .col-md-4 {
        width:100%
    }
}

.it-staffing-banner h1 {
    font-size: 52px;
    font-family: "intersemibold";
    color: #fff;
    position: relative
}

@media (max-width: 1799px) {
    .it-staffing-banner h1 {
        font-size:42px
    }
}

@media (max-width: 1199px) {
    .it-staffing-banner h1 {
        font-size:32px
    }
}

@media (max-width: 480px) {
    .it-staffing-banner h1 {
        font-size:28px
    }
}

.it-staffing-banner h1:before {
    width: 100px;
    height: 3px;
    background-color: #FF9100;
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px
}

@media (max-width: 991px) {
    .it-staffing-banner h1:before {
        margin-left:auto;
        margin-right: auto;
        right: 0
    }
}

.it-staffing-banner h2 {
    font-size: 36px;
    font-family: "intersemibold";
    color: #fff
}

.it-staffing-banner h3 {
    font-size: 26px;
    font-family: "intersemibold";
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-width: 1440px) {
    .it-staffing-banner h3 {
        font-size:20px
    }
}

.it-staffing-banner p {
    color: #fff;
    padding-right: 100px
}

@media (max-width: 1024px) {
    .it-staffing-banner p {
        padding-right:30px
    }
}

@media (max-width: 991px) {
    .it-staffing-banner p {
        padding-right:0
    }
}

.it-staffing-banner .container {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 1200px) {
    .it-staffing-banner .container {
        max-width:100%;
        margin-left: 3%;
        margin-right: 3%;
        width: auto
    }
}

@media (min-width: 1366px) {
    .it-staffing-banner .container {
        max-width:100%;
        margin-left: 3%;
        margin-right: 3%;
        width: auto
    }
}

@media (min-width: 1600px) {
    .it-staffing-banner .container {
        max-width:1440px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1700px) {
    .it-staffing-banner .container {
        max-width:1500px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1800px) {
    .it-staffing-banner .container {
        max-width:1600px;
        margin-left: auto;
        margin-right: auto
    }
}

.it-staffing-banner .container .row {
    display: flex;
    align-items: center;
    justify-content: center
}

.it-staffing-banner .side-form {
    background-color: rgba(0,0,0,0.3);
    border: 1px solid rgba(255,255,255,0.3);
    padding: 30px;
    text-align: left;
    max-width: 100%;
    margin: 20px auto 0 auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .it-staffing-banner .side-form {
        margin-top:50px;
        padding: 15px
    }
}

@media screen and (max-width: 575px) {
    .it-staffing-banner .side-form {
        max-width:100%
    }
}

.it-staffing-banner .side-form .mt-50 {
    margin-top: 20px
}

.it-staffing-banner .side-form p {
    padding-right: 0
}

.it-staffing-banner .side-form h2 {
    display: none
}

.it-staffing-banner .side-form .col-sm-6.col-md-6.full-col {
    width: 100%
}

@media screen and (max-width: 991px) {
    .it-staffing-banner .side-form .col-sm-6.col-md-6.full-col .code {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .it-staffing-banner .side-form .col-sm-6.col-md-6.full-col .code {
        width:43%
    }
}

@media screen and (max-width: 991px) {
    .it-staffing-banner .side-form .col-sm-6.col-md-6.full-col .nbr {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .it-staffing-banner .side-form .col-sm-6.col-md-6.full-col .nbr {
        width:57%
    }
}

.it-staffing-banner .side-form:hover {
    border-color: rgba(255,255,255,0.6);
    background-color: rgba(230,231,232,0.9)
}

.it-staffing-banner .side-form:hover .form-control {
    background-color: #fff;
    color: #000
}

.it-staffing-banner .side-form:hover .form-control::placeholder {
    color: #000;
    opacity: 0.8
}

.it-staffing-banner .side-form:hover .form-control:-ms-input-placeholder {
    color: #000
}

.it-staffing-banner .side-form:hover .form-control::-ms-input-placeholder {
    color: #000
}

.it-staffing-banner .side-form:hover h3 {
    color: #000
}

.it-staffing-banner .side-form:hover span.wpcf7-form-control-wrap .iti__arrow {
    border-top-color: #000
}

.it-staffing-banner .side-form:hover span.wpcf7-form-control-wrap .iti__arrow--up {
    border-bottom-color: #000
}

.it-staffing-banner .side-form .wpcf7-response-output {
    color: #ff0000;
    font-size: 12px
}

.it-staffing-banner .side-form span.wpcf7-not-valid-tip {
    color: #ff0000;
    font-size: 12px
}

.it-staffing-banner .side-form .formRow .frm-col {
    text-align: left !important
}

@media screen and (max-width: 575px) {
    .it-staffing-banner .side-form .formRow .frm-col {
        text-align:center !important
    }
}

.it-staffing-banner .side-form .formRow .icon-frm {
    margin-bottom: 20px
}

.it-staffing-banner .side-form .formRow .icon-frm .form-control {
    padding: 10px
}

@media screen and (max-width: 575px) {
    .it-staffing-banner .side-form .formRow .col-sm-5,.it-staffing-banner .side-form .formRow .col-xs-5 {
        width:45%
    }
}

@media screen and (max-width: 575px) {
    .it-staffing-banner .side-form .formRow .col-sm-7,.it-staffing-banner .side-form .formRow .col-xs-7 {
        width:55%
    }
}

.it-staffing-banner .side-form span.wpcf7-form-control-wrap {
    width: 100%;
    display: block
}

.it-staffing-banner .side-form span.wpcf7-form-control-wrap .iti__arrow {
    margin-left: 60px;
    border-top-color: #fff
}

.it-staffing-banner .side-form span.wpcf7-form-control-wrap .iti__arrow--up {
    border-bottom-color: #fff
}

.it-staffing-banner .side-form span.wpcf7-form-control-wrap .pre_phone.form-control {
    padding-left: 40px
}

.it-staffing-banner .side-form .form-control {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.it-staffing-banner .side-form .form-control option {
    color: #000;
    background-color: #fff
}

.it-staffing-banner .side-form .form-control::placeholder {
    color: #fff;
    opacity: 0.8
}

.it-staffing-banner .side-form .form-control:-ms-input-placeholder {
    color: #fff
}

.it-staffing-banner .side-form .form-control::-ms-input-placeholder {
    color: #fff
}

.it-staffing-banner .side-form .form-control.msg {
    height: 100px;
    resize: vertical
}

.it-staffing-banner .side-form .btn {
    background: #D95700;
    background: -webkit-linear-gradient(bottom left, #D95700 50%, #FF9100 100%);
    background: -o-linear-gradient(bottom left, #D95700 50%, #FF9100 100%);
    background: linear-gradient(to top right, #D95700 50%, #FF9100 100%);
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    border: none;
    margin-top: 20px;
    padding: 15px 20px 15px 20px;
    height: 60px;
    min-width: 160px;
    text-transform: none;
    font-size: 19px;
    font-family: "nunitosemibold";
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: inline-block
}

@media screen and (max-width: 1199px) {
    .it-staffing-banner .side-form .btn {
        font-size:16px
    }
}

.it-staffing-banner .side-form .btn:hover {
    background-position: 0 0;
    background: #FF9100;
    background: -webkit-linear-gradient(bottom left, #FF9100 0%, #D95700 100%);
    background: -o-linear-gradient(bottom left, #FF9100 0%, #D95700 100%);
    background: linear-gradient(to top right, #FF9100 0%, #D95700 100%)
}

.it-staffing-banner .side-form .btn:before {
    display: none
}

.it-staffing-banner .side-form .btn:after {
    display: none
}

.dm-main-service.it-staffing-services .expertise-box .icon {
    background-image: url(../img/it-staffing-services/png/it-sprite3.png)
}

.dm-main-service.it-staffing-services .expertise-box:hover {
    background-color: #f1f7f7
}

.staff-augmentation {
    padding: 100px 0;
    background-color: #f1f7f7;
    position: relative
}

.staff-augmentation:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -84px;
    height: 84px;
    clip-path: polygon(100% 0%, 100% 0%, 110% calc(100% - 0vw), 0 100%);
    background-color: #f1f7f7
}

@media screen and (max-width: 991px) {
    .staff-augmentation {
        padding:50px 0
    }
}

@media screen and (max-width: 1024px) {
    .staff-augmentation .col-sm-4,.staff-augmentation .col-md-4 {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .staff-augmentation .col-sm-4,.staff-augmentation .col-md-4 {
        width:100%
    }
}

.staff-augmentation h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .staff-augmentation h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .staff-augmentation h2 {
        font-size:26px
    }
}

.staff-augmentation p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.staff-augmentation #sync1.owl-carousel {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 20px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 20px 20px rgba(0,0,0,0.05);
    box-shadow: 0px 20px 20px rgba(0,0,0,0.05)
}

.staff-augmentation #sync1.owl-carousel.owl-drag .owl-item {
    padding-right: 100px
}

@media screen and (max-width: 991px) {
    .staff-augmentation #sync1.owl-carousel.owl-drag .owl-item {
        padding-right:0px
    }
}

.staff-augmentation #sync1.owl-carousel.owl-drag .owl-item .btn {
    background-color: #0035e5
}

.staff-augmentation #sync1.owl-carousel.owl-drag .owl-item img {
    object-fit: cover
}

@media screen and (max-width: 991px) {
    .staff-augmentation #sync1.owl-carousel.owl-drag .owl-item .col-sm-6,.staff-augmentation #sync1.owl-carousel.owl-drag .owl-item .col-md-6 {
        padding:50px
    }
}

.staff-augmentation #sync2 {
    margin: 0 0 50px 0;
    text-align: center
}

@media screen and (max-width: 575px) {
    .staff-augmentation #sync2 {
        display:none
    }
}

.staff-augmentation #sync2 .owl-stage-outer {
    text-align: center;
    display: flex;
    justify-content: center
}

.staff-augmentation #sync2 .owl-stage-outer .owl-stage .owl-item .item {
    height: 80px;
    cursor: pointer;
    color: rgba(0,0,0,0.1)
}

.staff-augmentation #sync2 .owl-stage-outer .owl-stage .owl-item .item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 63px;
    right: 0;
    height: 2px;
    background: #E0E0E0
}

.staff-augmentation #sync2 .owl-stage-outer .owl-stage .owl-item .item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 54px;
    right: 0;
    height: 20px;
    width: 20px;
    margin: auto;
    background: #fff;
    border: 2px solid #E0E0E0
}

.staff-augmentation #sync2 .owl-stage-outer .owl-stage .owl-item .item .stage {
    display: block
}

.staff-augmentation #sync2 .owl-stage-outer .owl-stage .owl-item .item .text {
    font-size: 40px;
    font-family: "poppinsbold"
}

.staff-augmentation #sync2 .owl-stage-outer .owl-stage .owl-item.current .item {
    color: #0035e5
}

.staff-augmentation #sync2 .owl-stage-outer .owl-stage .owl-item.current .item:before {
    background-color: #0035e5
}

.staff-augmentation #sync2 .owl-stage-outer .owl-stage .owl-item.current .item:after {
    background-color: #0035e5;
    border-color: #0035e5
}

.staff-augmentation #sync2 .owl-nav,.staff-augmentation #sync2 .owl-dots {
    display: none
}

@media (max-width: 767px) {
    .staff-augmentation {
        text-align:center
    }

    .staff-augmentation .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .staff-augmentation .col-sm-5 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.trending-roles {
    padding: 100px 0
}

@media screen and (max-width: 767px) {
    .trending-roles {
        text-align:center
    }
}

.trending-roles h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .trending-roles h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .trending-roles h2 {
        font-size:26px
    }
}

.trending-roles p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.trending-roles .inList-points {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media screen and (max-width: 767px) {
    .trending-roles .inList-points {
        text-align:left
    }
}

.trending-roles .inList-points li {
    flex-basis: 45%;
    padding: 0px 20px 0px 60px;
    margin-right: 20px;
    margin-bottom: 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative;
    min-height: 50px;
    display: flex;
    align-items: center;
    font-family: "poppins_semiboldregular";
    flex-wrap: wrap
}

@media screen and (max-width: 1199px) {
    .trending-roles .inList-points li {
        flex-basis:44%
    }
}

@media screen and (max-width: 767px) {
    .trending-roles .inList-points li {
        text-align:left
    }
}

@media screen and (max-width: 480px) {
    .trending-roles .inList-points li {
        flex-basis:100%
    }
}

.trending-roles .inList-points li:hover .fa {
    background: #0038e6;
    background: -webkit-linear-gradient(bottom, #0038e6 0%, #107dff 80%);
    background: -o-linear-gradient(bottom, #0038e6 0%, #107dff 80%);
    background: linear-gradient(to top, #0038e6 0%, #107dff 80%);
    color: #fff;
    border-color: #e6f0fe;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.trending-roles .inList-points li p {
    font-family: "poppinsregular";
    line-height: normal;
    font-size: 16px;
    margin-top: 10px
}

.trending-roles .inList-points li .fa {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    background-color: #f1f7f7;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 11px;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    border: 5px solid #f1f7f7;
    font-size: 18px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .trending-roles .mob-none {
        display:none
    }
}

.trending-roles .mob-show {
    display: none
}

@media screen and (max-width: 991px) {
    .trending-roles .mob-show {
        display:block
    }
}

.why-choose-it-staffing {
    overflow: hidden;
    position: relative;
    padding-bottom: 150px;
    padding-top: 0
}

@media screen and (max-width: 991px) {
    .why-choose-it-staffing {
        padding-bottom:50px
    }
}

.why-choose-it-staffing:before {
    content: "";
    position: absolute;
    right: -100px;
    bottom: 0px;
    width: 400px;
    height: 400px;
    background: #0045ff;
    background: radial-gradient(circle, rgba(0,69,255,0.2) 0%, rgba(0,69,255,0) 70%);
    z-index: -1
}

@media screen and (max-width: 1024px) {
    .why-choose-it-staffing .col-sm-3,.why-choose-it-staffing .col-md-3 {
        width:50%;
        margin: 15px 0
    }
}

@media screen and (max-width: 575px) {
    .why-choose-it-staffing .col-sm-3,.why-choose-it-staffing .col-md-3 {
        width:100%
    }
}

.why-choose-it-staffing h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .why-choose-it-staffing h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .why-choose-it-staffing h2 {
        font-size:26px
    }
}

.why-choose-it-staffing p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.why-choose-it-staffing .methodology-box {
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    min-height: 100%;
    position: relative;
    padding: 30px;
    min-height: 100%
}

@media screen and (max-width: 575px) {
    .why-choose-it-staffing .methodology-box {
        margin-bottom:30px;
        min-height: auto
    }
}

.why-choose-it-staffing .methodology-box:hover {
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1)
}

@media screen and (max-width: 1599px) {
    .why-choose-it-staffing .methodology-box h3 {
        font-size:24px
    }
}

.why-choose-it-staffing .methodology-box p {
    padding-bottom: 0;
    margin-bottom: 0
}

.why-choose-it-staffing .methodology-box .icon {
    background-color: #fff;
    width: 70px;
    height: 70px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    position: relative;
    color: #fff
}

.why-choose-it-staffing .methodology-box .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    background-image: url(../img/it-staffing-services/png/it-sprite1.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.why-choose-it-staffing .methodology-box .icon.icon1 {
    background-color: #107EFF
}

.why-choose-it-staffing .methodology-box .icon.icon1:before {
    background-position: 0 0
}

.why-choose-it-staffing .methodology-box .icon.icon2 {
    background-color: #4CAF50
}

.why-choose-it-staffing .methodology-box .icon.icon2:before {
    background-position: 0 -50px
}

.why-choose-it-staffing .methodology-box .icon.icon3 {
    background-color: #FFAD00
}

.why-choose-it-staffing .methodology-box .icon.icon3:before {
    background-position: 0 -100px
}

.why-choose-it-staffing .methodology-box .icon.icon4 {
    background-color: #D84846
}

.why-choose-it-staffing .methodology-box .icon.icon4:before {
    background-position: 0 -150px
}

.our-impact {
    padding: 0px
}

.our-impact .oi-box {
    background-color: #f1f7f7;
    padding: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.our-impact h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .our-impact h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .our-impact h2 {
        font-size:26px
    }
}

.our-impact p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.our-impact .in-five {
    display: flex;
    flex-wrap: wrap
}

.our-impact .in-five li {
    flex-basis: 20%;
    font-family: "poppinsregular";
    position: relative
}

@media screen and (max-width: 991px) {
    .our-impact .in-five li {
        flex-basis:33.333333%
    }
}

@media screen and (max-width: 480px) {
    .our-impact .in-five li {
        flex-basis:50%
    }
}

.our-impact .in-five li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 4px;
    height: 30px;
    background-color: #0035e5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.our-impact .in-five li .archive {
    font-size: 20px;
    font-family: "poppinsbold"
}

.our-impact .in-five li .archive span {
    display: inline-block;
    margin-left: 20px;
    font-size: 30px
}

.our-impact .in-five li p {
    margin-left: 20px
}

.our-impact .btn {
    text-transform: none;
    font-family: "poppins_mediumregular"
}

.it-recognition {
    padding: 100px 0
}

@media screen and (max-width: 991px) {
    .it-recognition {
        padding:50px 0
    }
}

.it-recognition h2 {
    font-family: "poppinsbold"
}

.it-recognition h3 {
    font-family: "poppinsbold";
    font-size: 46px;
    line-height: 1.2
}

@media screen and (max-width: 1440px) {
    .it-recognition h3 {
        font-size:34px
    }
}

@media screen and (max-width: 1366px) {
    .it-recognition h3 {
        font-size:28px
    }
}

@media screen and (max-width: 575px) {
    .it-recognition h3 {
        font-size:24px
    }
}

.it-recognition p {
    font-family: "poppinsregular";
    font-size: 16px
}

.it-recognition .owl-brands .owl-item {
    padding: 30px 0
}

.it-recognition .brand {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    height: 120px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.it-recognition .brand:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 136px;
    height: 70px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    background-image: url(../img/ai-development/png/ai-sprite6.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.it-recognition .brand:hover {
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1)
}

.it-recognition .brand.b1:before {
    background-position: 0 0
}

.it-recognition .brand.b2:before {
    background-position: 0 -70px
}

.it-recognition .brand.b3:before {
    background-position: 0 -140px
}

.it-recognition .brand.b4:before {
    background-position: 0 -210px
}

.it-recognition .brand.b5:before {
    background-position: 0 -280px
}

.it-recognition .brand.b6:before {
    background-position: 0 -350px
}

.it-recognition .brand.b7:before {
    background-position: 0 -420px
}

.it-recognition .brand.b8:before {
    background-position: 0 -490px
}

.it-recognition .brand.b9:before {
    background-position: 0 -560px
}

.it-recognition .brand.b10:before {
    background-position: 0 -630px
}

.it-recognition .brand.b11:before {
    background-position: 0 -700px
}

.it-recognition .brand.b12:before {
    background-position: 0 -770px
}

.it-recognition .brand.b13:before {
    background-position: 0 -840px
}

.it-technology-stack {
    background-color: #00295A;
    padding: 100px 0;
    position: relative
}

@media screen and (max-width: 991px) {
    .it-technology-stack {
        padding:50px 0
    }
}

.it-technology-stack:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/it-staffing-services/webp/it-technology-stack.webp);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    opacity: 0.1
}

.it-technology-stack h2 {
    color: #fff;
    font-family: "poppinsbold"
}

.it-technology-stack h3 {
    font-size: 18px;
    color: #fff;
    font-family: "poppins_semiboldregular";
    position: relative;
    margin-top: 18px
}

.it-technology-stack p {
    color: #fff;
    font-family: "poppinsregular";
    font-size: 16px
}

.it-technology-stack p.sub-text {
    font-size: 18px;
    font-family: "poppins_mediumregular"
}

.it-technology-stack .bdr {
    margin-bottom: 30px;
    display: flex
}

@media screen and (max-width: 480px) {
    .it-technology-stack .bdr {
        display:block
    }
}

.it-technology-stack .bdr .bg-left {
    float: left;
    min-width: 300px;
    background-color: #0c8cf4;
    padding: 10px 20px;
    min-height: 100%;
    text-align: right;
    -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
}

@media screen and (max-width: 1440px) {
    .it-technology-stack .bdr .bg-left {
        min-width:250px
    }
}

@media screen and (max-width: 480px) {
    .it-technology-stack .bdr .bg-left {
        min-width:100%;
        float: none;
        text-align: left;
        -webkit-border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
        -ms-border-radius: 10px 10px 0px 0px;
        border-radius: 10px 10px 0px 0px
    }
}

.it-technology-stack .bdr .bg-right {
    padding: 10px 20px;
    float: left;
    min-height: 100%;
    background-color: #fff;
    -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
}

@media screen and (max-width: 480px) {
    .it-technology-stack .bdr .bg-right {
        min-width:100%;
        float: none;
        -webkit-border-radius: 0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        -ms-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px
    }
}

.it-technology-stack .bdr .bg-right .technology-list li {
    display: inline-block;
    vertical-align: top;
    padding: 5px 20px 5px 0px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon {
    background-image: url(../img/it-staffing-services/png/it-sprite2.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 50px;
    margin: 0 auto 0px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon1 {
    background-position: 0 0
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon2 {
    background-position: 0 -50px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon3 {
    background-position: 0 -100px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon4 {
    background-position: 0 -150px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon5 {
    background-position: 0 -200px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon6 {
    background-position: 0 -250px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon7 {
    background-position: 0 -300px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon8 {
    background-position: 0 -350px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon9 {
    background-position: 0 -400px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon10 {
    background-position: 0 -450px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon11 {
    background-position: 0 -500px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon12 {
    background-position: 0 -550px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon13 {
    background-position: 0 -600px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon14 {
    background-position: 0 -650px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon15 {
    background-position: 0 -700px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon16 {
    background-position: 0 -750px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon17 {
    background-position: 0 -800px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon18 {
    background-position: 0 -850px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon19 {
    background-position: 0 -900px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon20 {
    background-position: 0 -950px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon21 {
    background-position: 0 -1000px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon22 {
    background-position: 0 -1050px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon23 {
    background-position: 0 -1100px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon24 {
    background-position: 0 -1150px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon25 {
    background-position: 0 -1200px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon26 {
    background-position: 0 -1250px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon27 {
    background-position: 0 -1300px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon28 {
    background-position: 0 -1350px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon29 {
    background-position: 0 -1400px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon30 {
    background-position: 0 -1450px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon31 {
    background-position: 0 -1500px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon32 {
    background-position: 0 -1550px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon33 {
    background-position: 0 -1600px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon34 {
    background-position: 0 -1650px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon35 {
    background-position: 0 -1700px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon36 {
    background-position: 0 -1750px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon37 {
    background-position: 0 -1800px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon38 {
    background-position: 0 -1850px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon39 {
    background-position: 0 -1900px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon40 {
    background-position: 0 -1950px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon41 {
    background-position: 0 -2000px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon42 {
    background-position: 0 -2050px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon43 {
    background-position: 0 -2100px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon44 {
    background-position: 0 -2150px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon45 {
    background-position: 0 -2200px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon46 {
    background-position: 0 -2250px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon47 {
    background-position: 0 -2300px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon48 {
    background-position: 0 -2350px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon49 {
    background-position: 0 -2400px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon50 {
    background-position: 0 -2450px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon51 {
    background-position: 0 -2500px
}

.it-technology-stack .bdr .bg-right .technology-list li .icon.icon52 {
    background-position: 0 -2550px
}

.case-studies-it {
    position: relative;
    padding: 100px 0
}

.case-studies-it h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .case-studies-it h2 {
        font-size:32px;
        text-align: center
    }
}

.case-studies-it p {
    font-family: "poppinsregular";
    position: relative;
    font-size: 16px
}

.case-studies-it .separator {
    position: relative;
    margin-bottom: 30px;
    height: 1px
}

.case-studies-it .separator:before {
    content: "";
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 3px;
    background-color: #0076FF;
    position: absolute;
    z-index: 2
}

@media screen and (max-width: 991px) {
    .case-studies-it .separator:before {
        right:0
    }
}

.case-studies-it .separator:after {
    content: "";
    top: 1px;
    left: 0;
    right: 20%;
    height: 1px;
    background-color: #f6f6f6;
    position: absolute;
    z-index: 1
}

.case-studies-it .btn.mob-btn {
    display: none
}

@media screen and (max-width: 991px) {
    .case-studies-it .btn.mob-btn {
        display:inline-block
    }
}

@media screen and (max-width: 991px) {
    .case-studies-it .btn.web-btn {
        display:none
    }
}

.case-studies-it .owl-home-case-studies .item {
    padding: 0 50px
}

@media screen and (max-width: 575px) {
    .case-studies-it .owl-home-case-studies .item {
        padding:0 20px;
        text-align: center
    }
}

.case-studies-it .owl-home-case-studies .item p {
    margin-bottom: 30px
}

@media screen and (max-width: 991px) {
    .case-studies-it .owl-home-case-studies .item p {
        margin-bottom:0px
    }
}

.case-studies-it .owl-home-case-studies .item img {
    max-width: 838px;
    width: 100%;
    display: inline-block;
    margin: 0 auto
}

@media screen and (max-width: 575px) {
    .case-studies-it .owl-home-case-studies .item .col-sm-4,.case-studies-it .owl-home-case-studies .item .col-md-4 {
        margin-top:30px
    }
}

@media screen and (max-width: 1260px) {
    .case-studies-it .owl-home-case-studies .owl-nav {
        text-align:center
    }
}

@media screen and (max-width: 991px) {
    .case-studies-it .owl-home-case-studies .owl-nav {
        margin-top:30px
    }
}

@media screen and (max-width: 575px) {
    .case-studies-it .owl-home-case-studies .owl-nav {
        display:none
    }
}

.case-studies-it .owl-home-case-studies .owl-nav button {
    width: 60px;
    height: 60px;
    background-color: #E0E0E0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    top: 46%;
    position: absolute
}

@media screen and (max-width: 1260px) {
    .case-studies-it .owl-home-case-studies .owl-nav button {
        position:static;
        display: inline-block
    }
}

.case-studies-it .owl-home-case-studies .owl-nav button:after,.case-studies-it .owl-home-case-studies .owl-nav button:before {
    display: none
}

.case-studies-it .owl-home-case-studies .owl-nav button .fas {
    font-size: 30px
}

.case-studies-it .owl-home-case-studies .owl-nav button.owl-prev {
    background-color: #E0E0E0;
    color: #fff;
    left: -70px
}

@media screen and (max-width: 1260px) {
    .case-studies-it .owl-home-case-studies .owl-nav button.owl-prev {
        left:0px;
        margin-right: 10px
    }
}

.case-studies-it .owl-home-case-studies .owl-nav button.owl-next {
    background-color: #E0E0E0;
    color: #fff;
    right: -70px
}

@media screen and (max-width: 1260px) {
    .case-studies-it .owl-home-case-studies .owl-nav button.owl-next {
        right:0px;
        margin-left: 10px
    }
}

.case-studies-it .owl-home-case-studies .owl-nav button:hover.owl-prev {
    background-color: #0035e5
}

.case-studies-it .owl-home-case-studies .owl-nav button:hover.owl-next {
    background-color: #0035e5
}

.case-studies-it .comp-list {
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .case-studies-it .comp-list {
        margin-top:10px;
        margin-bottom: 10px
    }
}

.case-studies-it .comp-list li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px
}

@media screen and (max-width: 991px) {
    .case-studies-it .comp-list li {
        text-align:left
    }
}

.case-studies-it .comp-list li:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    color: #0035e5;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s
}

.case-studies-it .comp-list li:nth-child(1):before {
    top: 6px
}

.case-studies-it .comp-list li:hover:before {
    left: 10px
}

.case-studies-it .comp-list li .client-pic {
    width: 40px;
    height: 40px;
    display: inline-block;
    left: 0;
    top: 0
}

.case-studies-it .comp-list li .client-pic img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

@media screen and (max-width: 991px) {
    .it-cta {
        text-align:center
    }

    .it-cta .btn {
        margin-top: 30px
    }
}

@media screen and (max-width: 767px) {
    .it-cta {
        padding-bottom:0
    }
}

.it-cta .cta-box {
    background-color: #0035e5;
    background: #0035e5;
    background: linear-gradient(45deg, #0035e5 50%, #05213a 100%);
    padding: 60px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 575px) {
    .it-cta .cta-box {
        padding:20px
    }
}

.it-cta .cta-box:before {
    content: "";
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 150px;
    height: 150px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.it-cta .cta-box:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -30px;
    width: 100px;
    height: 100px;
    border: 10px solid #fff;
    opacity: 0.1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.it-cta .cta-box h2 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 42px;
    font-family: "poppins_mediumregular"
}

@media screen and (max-width: 1366px) {
    .it-cta .cta-box h2 {
        font-size:26px
    }
}

.it-cta .cta-box p {
    color: #fff;
    margin-bottom: 0
}

.it-cta .btn {
    margin: 10px;
    font-size: 20px;
    font-family: "interregular";
    border: none;
    background-color: #fc0;
    color: #000
}

.it-cta .btn .arrow {
    background-image: url(../img/common/svg/arrow-right-up-black.svg)
}

.clutch-review-code.web-clutch-bnr:before {
    background-image: url(../img/web-clutch-review/webp/web-developers.webp)
}

.clutch-work-technologies.web-servicwes-clutch .icon:before {
    background-image: url(../img/web-clutch-review/png/web-techo-sprite.png)
}

.exit-modal.web .modal-dialog .modal-content .modal-body .row-m .col-p.request-bnr {
    background-image: url(../img/web-clutch-review/webp/web-request_img.webp)
}

.clutch-review-code.ecommerce-clutch-bnr:before {
    background-image: url(../img/ecommerce-clutch-review/webp/eCommerce-web-developers.webp)
}

.clutch-work-technologies.ecommerce-servicwes-clutch .icon:before {
    background-image: url(../img/ecommerce-clutch-review/png/ecommerce-techo-sprite.png)
}

footer {
    padding-bottom: 50px;
    position: relative;
    z-index: 4
}

@media screen and (max-width: 991px) {
    footer {
        padding-bottom:80px
    }

    footer .col-sm-3,footer .col-md-3 {
        width: 50%
    }
}

@media screen and (max-width: 575px) {
    footer .col-sm-3,footer .col-md-3 {
        width:100%
    }
}

@media screen and (max-width: 480px) {
    footer {
        padding-bottom:110px
    }
}

footer:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: url("../img/home/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center center;
    opacity: 0.8;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px)
}

@media screen and (max-width: 575px) {
    footer .text-center .btn {
        display:none
    }
}

footer .row.top {
    margin-top: 40px
}

@media screen and (max-width: 1024px) {
    footer .row.top .col-left {
        width:40%
    }

    footer .row.top .col-right {
        width: 60%
    }
}

@media screen and (max-width: 991px) {
    footer .row.top .col-left {
        width:100%;
        text-align: center
    }

    footer .row.top .col-right {
        width: 100%;
        text-align: center
    }
}

footer .socials-icons {
    margin-bottom: 10px
}

footer .socials-icons li {
    display: inline-block;
    margin: 5px;
    vertical-align: top
}

@media screen and (max-width: 575px) {
    footer .socials-icons li {
        margin:10px
    }
}

footer .socials-icons li a {
    width: 30px;
    height: 30px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #0076FF;
    text-align: center
}

footer .socials-icons li a i {
    color: #fff;
    margin-top: 7px
}

footer .socials-icons li a svg {
    width: 18px;
    height: 18px;
    fill: #fff;
    line-height: 18px;
    position: relative;
    top: 2px
}

footer .socials-icons li:hover a {
    background-color: #202020
}

footer .short-contact li {
    margin-bottom: 10px
}

footer .short-contact li a {
    color: #202020;
    font-family: "intermedium";
    font-size: 18px
}

footer .short-contact li:hover a {
    color: #0076FF
}

footer .h3 {
    text-transform: uppercase;
    font-family: "interbold";
    color: #FF9100
}

footer .h3.top-uae {
    margin-top: 114px
}

@media screen and (max-width: 991px) {
    footer .h3.top-uae {
        margin-top:50px
    }
}

footer .h3 .flag {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #E0E0E0;
    background-image: url(../img/common/png/flag.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

footer .h3 .flag.flag1 {
    background-position: 0 0
}

footer .h3 .flag.flag2 {
    background-position: 0 -40px
}

footer .h3 .flag.flag3 {
    background-position: 0 -80px
}

footer .h3 .flag.flag4 {
    background-position: 0 -120px
}

footer .h3 .flag.flag5 {
    background-position: 0 -160px
}

footer .h3 .flag.flag6 {
    background-position: 0 -200px
}

footer .h3 .flag.flag7 {
    background-position: 0 -240px
}

footer .dark-footer {
    padding: 50px 0;
    margin-bottom: 50px;
    background-color: #202020;
    background-image: url(../img/common/png/footer-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60% auto
}

footer .dark-footer .h3 {
    color: #FF9100
}

footer .dark-footer .address {
    margin: 20px 0 40px 0
}

footer .dark-footer .address li {
    margin-bottom: 20px;
    color: #fff
}

footer .dark-footer .address li.first {
    font-family: "interbold"
}

footer .dark-footer .address li.first.top {
    margin-top: 40px
}

footer .dark-footer .address li.last {
    font-size: 20px;
    font-family: "intermedium";
    color: #0076FF
}

footer .dark-footer .address.add-last {
    margin-bottom: 0
}

footer .list-menu {
    margin-top: 20px
}

@media screen and (max-width: 991px) {
    footer .list-menu {
        margin-bottom:20px
    }
}

footer .list-menu li {
    padding-bottom: 10px;
    border-left: 1px solid #BEBEBE;
    padding-left: 20px;
    position: relative
}

@media screen and (max-width: 575px) {
    footer .list-menu li {
        padding-bottom:0px;
        margin-bottom: 12px
    }
}

footer .list-menu li:before {
    content: "";
    width: 10px;
    height: 1px;
    background-color: #BEBEBE;
    position: absolute;
    left: 0;
    top: 11px
}

footer .list-menu li a {
    color: #202020
}

footer .list-menu li:hover a {
    color: #0076FF
}

.mobile-development-bnr-2023 {
    background-image: url(images/hero_image_01.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: flex;
    background-color: #00295A;
    position: relative;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .mobile-development-bnr-2023 {
        min-height:auto
    }
}

.mobile-development-bnr-2023:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-image: url(../img/mobile-app-development-company-new/webp/mob-app-development.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    opacity: 1;
    animation: shrink 5s infinite alternate
}

@media screen and (max-width: 991px) {
    .mobile-development-bnr-2023:before {
        z-index:1
    }
}

@media screen and (max-width: 575px) {
    .mobile-development-bnr-2023:before {
        background-position:top right;
        animation: none;
        opacity: 0.3
    }
}

@media screen and (max-width: 420px) {
    .mobile-development-bnr-2023:before {
        background-position:center center;
        background-size: 150% auto;
        background-attachment: unset
    }
}

@keyframes shrink {
    0% {
        background-size: 110% auto;
        @media screen and (max-width: 1024px) {
            background-size:120% auto
        }
    }

    100% {
        background-size: 100% auto;
        @media screen and (max-width: 1024px) {
            background-size:120% auto
        }
    }
}

.mobile-development-bnr-2023 .container {
    position: relative;
    z-index: 3
}

.mobile-development-bnr-2023 h1 {
    color: #fff;
    font-family: "poppinsbold";
    font-size: 100px;
    line-height: 110px;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1366px) {
    .mobile-development-bnr-2023 h1 {
        font-size:80px;
        line-height: 90px
    }
}

@media screen and (max-width: 1024px) {
    .mobile-development-bnr-2023 h1 {
        font-size:60px;
        line-height: 70px
    }
}

@media screen and (max-width: 991px) {
    .mobile-development-bnr-2023 h1 {
        font-size:40px;
        line-height: 50px;
        margin-bottom: 20px
    }
}

.mobile-development-bnr-2023 .mag-box {
    position: relative
}

.mobile-development-bnr-2023 .img-box {
    position: relative;
    z-index: 1
}

.mobile-development-bnr-2023 .best {
    position: absolute;
    left: 0;
    top: -70px;
    color: #fff;
    padding-top: 33px;
    font-size: 20px;
    font-family: "poppinsregular";
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    background-color: #FF9100;
    background: #D95700;
    background: linear-gradient(45deg, #D95700 50%, #FF9100 100%);
    text-align: center
}

.mobile-development-bnr-2023 p {
    color: #fff;
    font-size: 26px;
    font-family: "poppinsregular";
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1366px) {
    .mobile-development-bnr-2023 p {
        font-size:24px
    }
}

@media screen and (max-width: 1024px) {
    .mobile-development-bnr-2023 p {
        font-size:22px
    }
}

.mobile-development-bnr-2023 .btn {
    margin: 10px;
    padding: 20px 50px 20px 30px;
    font-size: 20px;
    font-family: "interbold";
    -webkit-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 5px 5px 0px 0px rgba(255,255,255,0.2)
}

@media screen and (max-width: 991px) {
    .mobile-development-bnr-2023 .btn {
        padding:15px 42px 15px 15px;
        font-size: 16px
    }
}

.mobile-development-bnr-2023 .btn:active {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.2)
}

.mobile-development-bnr-2023 .btn.btn-red {
    background-color: #FF9100;
    background: #D95700;
    background: linear-gradient(45deg, #D95700 50%, #FF9100 100%)
}

.mobile-development-bnr-2023 .btn.btn-blue {
    background: #0167e7;
    background: -webkit-linear-gradient(bottom, #0167e7 0%, #053390 100%);
    background: -o-linear-gradient(bottom, #0167e7 0%, #053390 100%);
    background: linear-gradient(to top, #0167e7 0%, #053390 100%)
}

.mobile-development-bnr-2023 .btn .arrow {
    width: 30px;
    height: 30px
}

@media screen and (max-width: 991px) {
    .mobile-development-bnr-2023 .btn .arrow {
        width:20px;
        height: 20px
    }
}

.mb_about {
    padding: 100px 0
}

@media screen and (max-width: 767px) {
    .mb_about {
        padding:50px 0
    }
}

.mb_about .container {
    max-width: 767px
}

@media screen and (max-width: 991px) {
    .mb_about .container {
        max-width:720px
    }
}

.mb_about h2 {
    font-family: "poppinsbold";
    margin-bottom: 0
}

@media screen and (max-width: 1366px) {
    .mb_about h2 {
        font-size:38px
    }
}

@media screen and (max-width: 991px) {
    .mb_about h2 {
        font-size:28px
    }
}

@media screen and (max-width: 767px) {
    .mb_about h2 {
        font-size:22px
    }
}

.mb_about .btn {
    text-transform: none;
    font-family: "poppins_mediumregular"
}

.mb_partner {
    padding: 50px 0
}

@media screen and (max-width: 1440px) {
    .mb_partner {
        padding-top:0;
        padding-bottom: 10px
    }
}

@media screen and (max-width: 575px) {
    .mb_partner {
        text-align:center
    }
}

.mb_partner .partner-list {
    text-align: center;
    margin-bottom: 0px
}

@media screen and (max-width: 575px) {
    .mb_partner .partner-list {
        justify-content:center
    }
}

.mb_partner .partner-list li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 65px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1399px) {
    .mb_partner .partner-list li {
        flex-basis:17%
    }
}

@media screen and (max-width: 1366px) {
    .mb_partner .partner-list li {
        flex-basis:17%
    }
}

@media screen and (max-width: 1199px) {
    .mb_partner .partner-list li {
        flex-basis:16%
    }
}

@media screen and (max-width: 991px) {
    .mb_partner .partner-list li {
        flex-basis:30%;
        margin: 10px
    }
}

@media screen and (max-width: 767px) {
    .mb_partner .partner-list li {
        flex-basis:45%
    }
}

@media screen and (max-width: 575px) {
    .mb_partner .partner-list li {
        margin:10px 3px 0px 3px
    }
}

@media screen and (max-width: 480px) {
    .mb_partner .partner-list li {
        padding-top:10px;
        min-height: 94px
    }
}

@media screen and (max-width: 360px) {
    .mb_partner .partner-list li {
        flex-basis:45%
    }
}

.mb_partner .partner-list li a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    line-height: normal
}

@media screen and (max-width: 1600px) {
    .mb_partner .partner-list li a {
        font-size:15px;
        line-height: normal
    }
}

.mb_partner .partner-list li .icon {
    margin: auto;
    width: 150px;
    height: 70px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("../img/mobile-app-development-company-new/png/mob-app-sprite3.png");
    background-repeat: no-repeat;
    margin-top: 0px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 1
}

@media screen and (max-width: 1024px) {
    .mb_partner .partner-list li .icon {
        width:120px;
        height: 56px;
        background-size: 100% auto
    }
}

@media screen and (max-width: 480px) {
    .mb_partner .partner-list li .icon {
        width:100px;
        height: 47px
    }
}

.mb_partner .partner-list li .icon.icon1 {
    background-position: 0 0px
}

@media screen and (max-width: 1024px) {
    .mb_partner .partner-list li .icon.icon1 {
        background-position:0 0px
    }
}

@media screen and (max-width: 480px) {
    .mb_partner .partner-list li .icon.icon1 {
        background-position:0 0px
    }
}

.mb_partner .partner-list li .icon.icon2 {
    background-position: 0 -70px
}

@media screen and (max-width: 1024px) {
    .mb_partner .partner-list li .icon.icon2 {
        background-position:0 -56px
    }
}

@media screen and (max-width: 480px) {
    .mb_partner .partner-list li .icon.icon2 {
        background-position:0 -47px
    }
}

.mb_partner .partner-list li .icon.icon3 {
    background-position: 0 -140px
}

@media screen and (max-width: 1024px) {
    .mb_partner .partner-list li .icon.icon3 {
        background-position:0 -112px
    }
}

@media screen and (max-width: 480px) {
    .mb_partner .partner-list li .icon.icon3 {
        background-position:0 -94px
    }
}

.mb_partner .partner-list li .icon.icon4 {
    background-position: 0 -210px
}

@media screen and (max-width: 1024px) {
    .mb_partner .partner-list li .icon.icon4 {
        background-position:0 -168px
    }
}

@media screen and (max-width: 480px) {
    .mb_partner .partner-list li .icon.icon4 {
        background-position:0 -141px
    }
}

.mb_partner .partner-list li .icon.icon5 {
    background-position: 0 -280px
}

@media screen and (max-width: 1024px) {
    .mb_partner .partner-list li .icon.icon5 {
        background-position:0 -224px
    }
}

@media screen and (max-width: 480px) {
    .mb_partner .partner-list li .icon.icon5 {
        background-position:0 -187px
    }
}

.mb_partner .partner-list li .icon.icon6 {
    background-position: 0 -350px
}

@media screen and (max-width: 1024px) {
    .mb_partner .partner-list li .icon.icon6 {
        background-position:0 -280px
    }
}

@media screen and (max-width: 480px) {
    .mb_partner .partner-list li .icon.icon6 {
        background-position:0 -234px
    }
}

.mb_partner .partner-list li .icon.icon7 {
    background-position: 0 -420px
}

@media screen and (max-width: 1024px) {
    .mb_partner .partner-list li .icon.icon7 {
        background-position:0 -336px
    }
}

@media screen and (max-width: 480px) {
    .mb_partner .partner-list li .icon.icon7 {
        background-position:0 -381px
    }
}

.mb_partner .partner-list li .icon.icon8 {
    background-position: 0 -490px
}

@media screen and (max-width: 1024px) {
    .mb_partner .partner-list li .icon.icon8 {
        background-position:0 -392px
    }
}

@media screen and (max-width: 480px) {
    .mb_partner .partner-list li .icon.icon8 {
        background-position:0 -327px
    }
}

.mb_partner .partner-list li:hover .icon {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 1
}

@media screen and (max-width: 991px) {
    .pic-bnr .col-sm-3,.pic-bnr .com-md-3 {
        width:50%
    }
}

@media screen and (max-width: 575px) {
    .pic-bnr .col-sm-3,.pic-bnr .com-md-3 {
        width:100%
    }
}

.pic-bnr h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .pic-bnr h2 {
        font-size:32px
    }
}

.pic-bnr h3 {
    color: #242627;
    font-family: "poppins_semiboldregular"
}

.pic-bnr p {
    color: #3a3f45
}

.pic-bnr .pic-box {
    position: relative
}

@media screen and (max-width: 991px) {
    .pic-bnr .pic-box {
        margin-bottom:140px
    }
}

@media screen and (max-width: 767px) {
    .pic-bnr .pic-box {
        margin-bottom:50px
    }
}

.pic-bnr .pic-box .overly {
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.pic-bnr .pic-box .overly img {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.pic-bnr .pic-box:hover .overly {
    -webkit-box-shadow: 0px 30px 40px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 30px 40px rgba(0,0,0,0.2);
    box-shadow: 0px 30px 40px rgba(0,0,0,0.2)
}

.pic-bnr .pic-box:hover .overly img.shaddow {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.pic-bnr .pic-box .badge-box {
    text-align: center;
    position: absolute;
    right: 5%;
    bottom: -100px;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .pic-bnr .pic-box .badge-box {
        position:static
    }
}

.pic-bnr .pic-box .badge-box li {
    display: inline-block;
    list-style: none;
    margin: 0px 5px
}

.pic-bnr .pic-box .badge-box img {
    max-width: 150px;
    width: 100%;
    height: auto;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .pic-bnr .pic-box .badge-box img {
        max-width:100px
    }
}

.pic-bnr .pic-box .badge-box .image-box-title {
    font-size: 14px;
    line-height: normal;
    text-align: center;
    opacity: 0.7
}

.pic-bnr .i-box {
    position: relative
}

.pic-bnr .i-box .icon {
    display: block;
    width: 66px;
    height: 66px;
    margin-bottom: 10px;
    background-image: url(../img/mobile-app-development-company-new/png/mob-app-sprite1.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0 0 30px 0
}

@media screen and (max-width: 1400px) {
    .pic-bnr .i-box .icon {
        margin-bottom:20px
    }
}

.pic-bnr .i-box .icon.icon1 {
    background-position: 0 0
}

.pic-bnr .i-box .icon.icon2 {
    background-position: 0 -66px
}

.pic-bnr .i-box .icon.icon3 {
    background-position: 0 -132px
}

.pic-bnr .i-box .icon.icon4 {
    background-position: 0 -198px
}

.pic-bnr .i-box .icon.icon5 {
    background-position: 0 -264px
}

.pic-bnr .i-box .icon.icon6 {
    background-position: 0 -330px
}

.pic-bnr .i-box .icon.icon7 {
    background-position: 0 -396px
}

.pic-bnr .i-box .icon.icon8 {
    background-position: 0 -462px
}

.pic-bnr .i-box .icon.icon9 {
    background-position: 0 -528px
}

.pic-bnr .i-box .icon.icon10 {
    background-position: 0 -594px
}

.pic-bnr .i-box .link-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    z-index: 1
}

.pic-bnr .i-box h3 {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .pic-bnr .i-box h3 {
        font-size:20px
    }
}

.pic-bnr .i-box:hover h3 {
    color: #0076FF
}

.pic-bnr .accordion .accordion-item {
    border: none;
    border-bottom: 2px solid rgba(0,0,0,0.08);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    position: relative
}

.pic-bnr .accordion .accordion-item:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    background-color: #0076FF;
    z-index: 2;
    width: 0%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.pic-bnr .accordion .accordion-item:hover:before {
    width: 100%
}

.pic-bnr .accordion .accordion-item .accordion-header .accordion-button {
    padding: 30px 70px 30px 0;
    font-family: "poppins_mediumregular";
    box-shadow: none;
    cursor: pointer;
    color: #0076FF
}

.pic-bnr .accordion .accordion-item .accordion-header .accordion-button:after,.pic-bnr .accordion .accordion-item .accordion-header .accordion-button:before {
    position: static
}

.pic-bnr .accordion .accordion-item .accordion-header .accordion-button::after {
    content: "\2b";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    background-image: none;
    width: 30px;
    height: 30px;
    position: absolute;
    line-height: 20px;
    right: 0;
    left: auto;
    top: 50%;
    margin-top: -15px;
    border: 2px solid #888;
    border-radius: 30px 30px;
    -ms-transition: border-color .15s ease;
    transition: border-color .15s ease;
    -webkit-transition: border-color .15s ease;
    text-align: center;
    padding-top: 4px;
    color: #888
}

.pic-bnr .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    content: "\f068";
    border-color: #0076FF;
    color: #0076FF
}

.pic-bnr .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #0076FF;
    background-color: transparent
}

.pic-bnr .accordion .accordion-item .accordion-header .accordion-button:hover {
    color: #0076FF
}

.pic-bnr .accordion .accordion-item .accordion-header .accordion-button:hover::after {
    border-color: #0076FF;
    color: #0076FF
}

.pic-bnr .accordion .accordion-item .accordion-header .accordion-button:hover:not(.collapsed)::after {
    border-color: #0076FF;
    color: #0076FF
}

.pic-bnr .accordion .accordion-item .card-body {
    padding-left: 0;
    padding-right: 0
}

.apps-cards h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .apps-cards h2 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .apps-cards h2 br {
        display:none
    }
}

.apps-cards h3 {
    color: #242627;
    font-family: "poppins_semiboldregular"
}

@media screen and (max-width: 991px) {
    .apps-cards h3 {
        font-size:24px
    }
}

.apps-cards p {
    color: #3a3f45;
    font-family: "poppins_semiboldregular"
}

.apps-cards .in-card {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    background-color: #f5f5f5;
    padding: 30px;
    position: relative;
    min-height: 452px
}

@media screen and (max-width: 991px) {
    .apps-cards .in-card {
        margin-bottom:40px
    }
}

.apps-cards .in-card:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat
}

.apps-cards .in-card.card1 {
    background-color: #dee0ff
}

.apps-cards .in-card.card1:before {
    width: 50%;
    right: 5%;
    background-image: url(../img/mobile-app-development-company-new/webp/Simple-app.webp);
    background-position: 100% 45%;
    background-size: 100% auto
}

@media screen and (max-width: 480px) {
    .apps-cards .in-card.card1:before {
        display:none
    }
}

.apps-cards .in-card.card2 {
    background-color: #f8f0e6
}

.apps-cards .in-card.card2:before {
    display: none
}

.apps-cards .in-card.card2 .nbr {
    left: 7%
}

.apps-cards .in-card.card2 .show {
    right: 8%
}

.apps-cards .in-card.card2 .lou-pro {
    left: 7%;
    right: 8%
}

@media screen and (max-width: 575px) {
    .apps-cards .in-card.card2 .lou-pro {
        left:0;
        right: 0
    }
}

.apps-cards .in-card.card2 .mid {
    width: 100%
}

.apps-cards .in-card.card3 {
    background-color: #2156af;
    color: #fff
}

.apps-cards .in-card.card3 h3 {
    color: #fff
}

.apps-cards .in-card.card3 p {
    color: #fff
}

.apps-cards .in-card.card3:before {
    width: 45%;
    right: 7%;
    background-image: url(../img/mobile-app-development-company-new/webp/Highly-complex-app02.webp);
    background-position: 100% 50%;
    background-size: 100% auto
}

@media screen and (max-width: 480px) {
    .apps-cards .in-card.card3:before {
        display:none
    }
}

.apps-cards .in-card.card3 .nbr {
    color: #fff;
    left: 4%
}

.apps-cards .in-card.card3 .show {
    color: #fff;
    right: 4%
}

.apps-cards .in-card.card3 .mid {
    left: 4%
}

.apps-cards .in-card.card3 .mid p {
    color: #fff
}

.apps-cards .in-card.card3 .mid .list li {
    color: #fff
}

.apps-cards .in-card.card3 .mid .list li:before {
    background-color: #fff
}

.apps-cards .in-card.card3 .lou-pro {
    left: 4%;
    right: 4%;
    color: #fff
}

@media screen and (max-width: 575px) {
    .apps-cards .in-card.card3 .lou-pro {
        left:0;
        right: 0
    }
}

.apps-cards .in-card .nbr {
    position: absolute;
    left: 6%;
    top: 8%;
    color: #595a66;
    font-family: poppins_semiboldregular
}

@media screen and (max-width: 575px) {
    .apps-cards .in-card .nbr {
        position:static
    }
}

.apps-cards .in-card .show {
    position: absolute;
    right: 6%;
    top: 8%;
    color: #595a66;
    font-family: poppins_semiboldregular
}

.apps-cards .in-card .mid {
    position: absolute;
    left: 6%;
    top: 24%;
    color: #595a66;
    width: 50%;
    font-family: poppins_semiboldregular
}

@media screen and (max-width: 575px) {
    .apps-cards .in-card .mid {
        position:static;
        margin-top: 30px
    }
}

@media screen and (max-width: 480px) {
    .apps-cards .in-card .mid {
        width:100%
    }
}

.apps-cards .in-card .mid img {
    width: 164px;
    height: auto;
    margin-bottom: 30px
}

.apps-cards .in-card .mid p {
    color: #242627
}

.apps-cards .in-card .mid .list {
    margin: 20px 0
}

.apps-cards .in-card .mid .list li {
    font-family: "poppinsregular";
    color: #242627;
    margin-bottom: 10px;
    padding-left: 15px;
    position: relative
}

.apps-cards .in-card .mid .list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background-color: #242627
}

.apps-cards .in-card .lou-pro {
    position: absolute;
    left: 6%;
    right: 6%;
    bottom: 0;
    display: inline-block;
    padding: 30px 0;
    color: #242627;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 575px) {
    .apps-cards .in-card .lou-pro {
        position:relative;
        width: 100%;
        left: 0
    }
}

.apps-cards .in-card .lou-pro i {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 36px;
    position: absolute;
    right: 0;
    top: 20px;
    transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg)
}

.apps-cards .in-card .lou-pro:hover {
    opacity: 0.8
}

.apps-cards .in-card .lou-pro:hover i {
    right: -10px;
    top: 10px
}

.apps-cards .small-text .sm-box {
    display: inline-block;
    background-color: #f5f5f5;
    margin: 0 0 0px;
    padding: 7px 9px 6px;
    font-size: 12px;
    font-family: "poppins_semiboldregular";
    color: #5f6567;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.apps-cards .v-all {
    text-align: center
}

@media screen and (max-width: 767px) {
    .apps-cards .v-all {
        margin-top:0px
    }
}

.apps-cards .v-all a {
    display: inline-block;
    color: #0076FF;
    font-size: 24px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.apps-cards .v-all a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #dee0ff
}

.apps-cards .v-all a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0%;
    bottom: 0;
    height: 3px;
    background-color: #0076FF;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.apps-cards .v-all a:hover:after {
    width: 100%
}

.app_industries {
    position: relative
}

@media screen and (max-width: 767px) {
    .app_industries {
        padding:0px 0
    }
}

.app_industries h2 {
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .app_industries h2 {
        margin-top:32px
    }
}

@media screen and (max-width: 767px) {
    .app_industries h2 {
        margin-top:0px;
        margin-bottom: 30px
    }
}

.app_industries h3 {
    color: #242627;
    font-family: "poppins_semiboldregular"
}

@media screen and (max-width: 991px) {
    .app_industries h3 {
        margin-top:24px
    }
}

.app_industries p {
    color: #3a3f45
}

.app_industries .nav-tabs {
    text-align: center;
    display: block;
    border: none;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: inherit;
    scroll-margin-top: 20px;
    width: 100%;
    overflow-x: auto;
    scrollbar-x-position: top;
    transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    padding-bottom: 20px
}

.app_industries .nav-tabs::-webkit-scrollbar {
    width: 10px;
    height: 2px
}

.app_industries .nav-tabs::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    border-radius: 6px;
    background-color: #f5f5f5
}

.app_industries .nav-tabs::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #0076FF
}

.app_industries .nav-tabs li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg)
}

.app_industries .nav-tabs li a {
    white-space: nowrap;
    display: inline-block;
    background-color: #f5f5f5;
    padding: 14px 24px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    color: #000;
    font-family: "poppins_mediumregular";
    font-size: 16px
}

.app_industries .nav-tabs li a.active {
    background-color: #dee0ff
}

.app_industries .tab-content {
    position: relative;
    min-height: 700px
}

.app_industries .tab-content .tab-pane .content-box {
    background-color: #f6f6ff;
    padding: 65px 80px 55px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px
}

@media screen and (max-width: 991px) {
    .app_industries .tab-content .tab-pane .content-box {
        text-align:center
    }
}

@media screen and (max-width: 767px) {
    .app_industries .tab-content .tab-pane .content-box {
        padding:30px
    }
}

.app_industries .tab-content .tab-pane .content-box.cb1 {
    background-color: #f6f6ff
}

.app_industries .tab-content .tab-pane .content-box.cb2 {
    background-color: #eceeff
}

.app_industries .tab-content .tab-pane .content-box.cb3 {
    background-color: #dee0ff
}

.app_industries .tab-content .tab-pane .content-box .sm-box {
    display: inline-block;
    background-color: #ffffff;
    margin: 0 0 50px 0;
    padding: 7px 9px 6px;
    font-size: 12px;
    font-family: "poppins_semiboldregular";
    color: #5f6567;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

@media screen and (max-width: 991px) {
    .app_industries .tab-content .tab-pane .content-box .sm-box {
        margin-bottom:0px
    }
}

@media screen and (max-width: 767px) {
    .app_industries .tab-content .tab-pane .content-box .sm-box {
        margin-bottom:20px
    }
}

@media screen and (max-width: 991px) {
    .app_industries .tab-content .tab-pane .content-box .row {
        flex-wrap:wrap-reverse
    }
}

.app_industries .tab-content .tab-pane .content-box h2 {
    font-family: "poppinsbold";
    margin-bottom: 10px
}

.app_industries .tab-content .tab-pane .content-box p {
    font-family: "poppinsregular"
}

.app_industries .tab-content .tab-pane .content-box .btn {
    padding: 10px 42px 10px 20px;
    font-size: 16px;
    text-transform: none;
    font-family: "poppins_mediumregular"
}

.app_industries .tab-content .tab-pane .content-box .btn i {
    top: 11px
}

.mobile-app-clients-say {
    padding: 0px 0 100px 0
}

@media screen and (max-width: 767px) {
    .mobile-app-clients-say {
        padding:50px 0 0px 0
    }
}

.mobile-app-clients-say h2 {
    font-family: "poppins_mediumregular";
    color: #676767
}

.mobile-app-clients-say p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.mobile-app-clients-say .container {
    max-width: 767px
}

.mobile-app-clients-say .sm-box {
    display: inline-block;
    background-color: #f5f5f5;
    margin: 0 0 40px 0;
    padding: 7px 9px 6px;
    font-size: 12px;
    font-family: "poppins_semiboldregular";
    color: #5f6567;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.mobile-app-clients-say .client-box {
    text-align: left
}

.mobile-app-clients-say .client-box .client-details {
    position: relative;
    padding-left: 70px
}

@media screen and (max-width: 767px) {
    .mobile-app-clients-say .client-box .client-details {
        margin-bottom:10px
    }
}

.mobile-app-clients-say .client-box .client-details .client-pic {
    display: inline-block;
    margin-right: 20px;
    position: absolute;
    left: 0;
    top: 0;
    width: 52px;
    height: 52px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden
}

.mobile-app-clients-say .client-box .client-details .client-pic img {
    width: 100%;
    height: 100%
}

.mobile-app-clients-say .client-box .client-details .name {
    color: #0a0d31;
    font-family: "poppins_mediumregular"
}

.mobile-app-clients-say .client-box .client-details .desi {
    color: #00000099;
    font-family: "poppinsregular"
}

.mobile-app-clients-say .client-box p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 24px
}

@media screen and (max-width: 991px) {
    .mobile-app-clients-say .client-box p {
        font-size:20px
    }
}

.mobile-app-clients-say .owl-mob-app-landing-clients .owl-nav button {
    width: 46px;
    height: 46px;
    background-color: #f5f5f5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

@media screen and (max-width: 1260px) {
    .mobile-app-clients-say .owl-mob-app-landing-clients .owl-nav button {
        position:static;
        display: inline-block
    }
}

.mobile-app-clients-say .owl-mob-app-landing-clients .owl-nav button:after,.mobile-app-clients-say .owl-mob-app-landing-clients .owl-nav button:before {
    display: none
}

.mobile-app-clients-say .owl-mob-app-landing-clients .owl-nav button .fas {
    font-size: 30px
}

.mobile-app-clients-say .owl-mob-app-landing-clients .owl-nav button.owl-prev {
    background-color: #f5f5f5;
    color: #000;
    margin-right: 10px
}

.mobile-app-clients-say .owl-mob-app-landing-clients .owl-nav button.owl-prev span {
    display: inline-block;
    content: "\f30a";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

@media screen and (max-width: 1260px) {
    .mobile-app-clients-say .owl-mob-app-landing-clients .owl-nav button.owl-prev {
        margin-right:10px
    }
}

.mobile-app-clients-say .owl-mob-app-landing-clients .owl-nav button.owl-next {
    background-color: #f5f5f5;
    color: #000;
    margin-left: 10px
}

.mobile-app-clients-say .owl-mob-app-landing-clients .owl-nav button.owl-next span {
    display: inline-block;
    content: "\f178";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

@media screen and (max-width: 1260px) {
    .mobile-app-clients-say .owl-mob-app-landing-clients .owl-nav button.owl-next {
        margin-left:10px
    }
}

.four-box {
    padding: 0px 0 100px 0
}

@media screen and (max-width: 767px) {
    .four-box {
        padding:50px 0
    }
}

.four-box h2 {
    font-family: "poppinsbold";
    color: #676767
}

@media screen and (max-width: 991px) {
    .four-box h2 {
        font-size:32px
    }
}

.four-box p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.four-box .in-box {
    background-color: #f5f5f5;
    padding: 50px 50px 80px 50px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    min-height: 560px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1024px) {
    .four-box .in-box {
        padding:30px 30px 80px 30px;
        min-height: 500px
    }
}

@media screen and (max-width: 991px) {
    .four-box .in-box {
        min-height:auto;
        padding: 30px 30px 30px 30px
    }
}

@media screen and (max-width: 420px) {
    .four-box .in-box {
        min-height:auto;
        padding: 30px 15px 30px 15px
    }
}

.four-box .in-box:hover {
    transform: translate(0px, -30px);
    -webkit-transform: translate(0px, -30px);
    -moz-transform: translate(0px, -30px);
    -webkit-box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 20px rgba(0,0,0,0.1)
}

.four-box .in-box.ib1 {
    background-color: #242627
}

.four-box .in-box.ib1 h2 {
    color: #fff;
    font-size: 50px
}

@media screen and (max-width: 1024px) {
    .four-box .in-box.ib1 h2 {
        font-size:42px
    }

    .four-box .in-box.ib1 h2 br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .four-box .in-box.ib1 h2 {
        font-size:32px
    }
}

@media screen and (max-width: 767px) {
    .four-box .in-box.ib1 h2 {
        margin-bottom:20px
    }
}

.four-box .in-box.ib1 .awards-list li {
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: transparent;
    margin: 10px 10px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,0.2);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 991px) {
    .four-box .in-box.ib1 .awards-list li {
        margin:5px 3px
    }
}

@media screen and (max-width: 420px) {
    .four-box .in-box.ib1 .awards-list li {
        margin:5px 2px;
        padding: 10px 5px
    }
}

.four-box .in-box.ib1 .awards-list li:hover {
    background-color: #fff
}

.four-box .in-box.ib1 .awards-list li:hover .icon {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.four-box .in-box.ib1 .awards-list .icon {
    align-items: flex-start;
    display: inline-block;
    width: 80px;
    height: 56px;
    background-image: url(../img/home/png/homeSprite8.png);
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
    background-size: 100% auto;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.four-box .in-box.ib1 .awards-list .icon.icon1 {
    background-position: 0 0px
}

.four-box .in-box.ib1 .awards-list .icon.icon2 {
    background-position: 0 -56px
}

.four-box .in-box.ib1 .awards-list .icon.icon3 {
    background-position: 0 -112px
}

.four-box .in-box.ib1 .awards-list .icon.icon4 {
    background-position: 0 -168px
}

.four-box .in-box.ib1 .awards-list .icon.icon5 {
    background-position: 0 -224px
}

.four-box .in-box.ib1 .awards-list .icon.icon6 {
    background-position: 0 -280px
}

.four-box .in-box.ib1 .awards-list .icon.icon7 {
    background-position: 0 -336px
}

.four-box .in-box.ib1 .awards-list .icon.icon8 {
    background-position: 0 -392px
}

.four-box .in-box.ib1 .awards-list .icon.icon9 {
    background-position: 0 -448px
}

.four-box .in-box.ib1 .awards-list .icon.icon10 {
    background-position: 0 -504px
}

.four-box .in-box.ib1 .awards-list .icon.icon11 {
    background-position: 0 -560px
}

.four-box .in-box.ib1 .awards-list .icon.icon12 {
    background-position: 0 -616px
}

.four-box .in-box.ib1 .awards-list .icon.icon13 {
    background-position: 0 -672px
}

.four-box .in-box.ib2 {
    background-color: #dee0ff;
    margin-top: 30px
}

.four-box .in-box.ib2 h2 {
    color: #0a0d31;
    font-size: 50px
}

@media screen and (max-width: 1024px) {
    .four-box .in-box.ib2 h2 {
        font-size:42px
    }

    .four-box .in-box.ib2 h2 br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .four-box .in-box.ib2 h2 {
        font-size:32px
    }
}

@media screen and (max-width: 767px) {
    .four-box .in-box.ib2 h2 {
        margin-bottom:20px
    }
}

.four-box .in-box.ib3 {
    background-color: #f5f5f5;
    margin-top: 150px
}

@media screen and (max-width: 991px) {
    .four-box .in-box.ib3 {
        margin-top:30px
    }
}

.four-box .in-box.ib3 h2 {
    color: #0a0d31;
    font-size: 50px
}

@media screen and (max-width: 1024px) {
    .four-box .in-box.ib3 h2 {
        font-size:42px
    }

    .four-box .in-box.ib3 h2 br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .four-box .in-box.ib3 h2 {
        font-size:32px
    }
}

@media screen and (max-width: 767px) {
    .four-box .in-box.ib3 h2 {
        margin-bottom:20px
    }
}

.four-box .in-box.ib3 .box-steps {
    margin-left: 22px
}

.four-box .in-box.ib3 .box-steps li {
    margin-bottom: 10px;
    color: #0a0d31;
    font-family: "poppins_semiboldregular";
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.four-box .in-box.ib3 .box-steps li:hover {
    color: #0076FF
}

.four-box .in-box.ib3 .box-steps li:hover:after {
    background-color: #0076FF
}

.four-box .in-box.ib3 .box-steps li:hover .sub {
    color: #000
}

.four-box .in-box.ib3 .box-steps li:before {
    content: "";
    width: 2px;
    height: 150%;
    position: absolute;
    left: -20px;
    top: 0;
    background-color: #d9d9d9
}

.four-box .in-box.ib3 .box-steps li:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: -24px;
    top: 6px;
    background-color: #0a0d31;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.four-box .in-box.ib3 .box-steps li:last-child:before {
    height: 100%
}

.four-box .in-box.ib3 .box-steps li .sub {
    display: block;
    width: 100%;
    margin-left: 20px;
    font-family: "poppins_lightregular";
    font-size: 14px
}

.four-box .in-box.ib3 .v-all {
    position: absolute;
    left: 60px;
    bottom: 50px
}

.four-box .in-box.ib3 .v-all a {
    display: inline-block;
    color: #0076FF;
    font-size: 14px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.four-box .in-box.ib3 .v-all a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #dee0ff
}

.four-box .in-box.ib3 .v-all a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0%;
    bottom: 0;
    height: 3px;
    background-color: #0076FF;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.four-box .in-box.ib3 .v-all a:hover:after {
    width: 100%
}

.four-box .in-box.ib4 {
    background-color: #2156af;
    margin-top: 30px
}

.four-box .in-box.ib4 h2 {
    color: #fff;
    font-size: 50px;
    margin-bottom: 40px
}

@media screen and (max-width: 1024px) {
    .four-box .in-box.ib4 h2 {
        font-size:42px
    }

    .four-box .in-box.ib4 h2 br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .four-box .in-box.ib4 h2 {
        font-size:32px
    }
}

@media screen and (max-width: 767px) {
    .four-box .in-box.ib4 h2 {
        margin-bottom:20px
    }
}

.four-box .in-box.ib4 p {
    color: #fff;
    font-family: "poppinsregular"
}

.four-box .in-box.ib4 p a {
    text-decoration: underline;
    color: #FF9100
}

.four-box .in-box .btn {
    margin-top: 40px;
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    text-transform: none;
    font-family: "poppins_mediumregular";
    background-color: #dee0ff;
    color: #010ed0;
    position: absolute;
    left: 60px;
    bottom: 50px
}

@media screen and (max-width: 991px) {
    .four-box .in-box .btn {
        position:relative;
        margin-top: 30px;
        bottom: 0;
        left: 0
    }
}

@media screen and (max-width: 767px) {
    .four-box .in-box .btn {
        margin-top:10px
    }
}

.four-box .in-box .btn i {
    top: 11px
}

.four-box .in-box .btn:hover {
    background-color: #ffffff;
    color: #000
}

.four-box .in-box .in-organizations {
    display: flex;
    flex-wrap: wrap
}

.four-box .in-box .in-organizations li {
    flex-basis: 33.333333%;
    padding-right: 20px
}

.four-box .in-box .in-organizations li img {
    width: 100%;
    max-width: 120px;
    height: auto;
    margin-bottom: 20px
}

.four-box .in-box .in-organizations li img.bronze {
    max-width: 150px
}

.four-box .in-box .in-organizations li p {
    color: #dee0ff;
    font-size: 14px;
    line-height: 18px
}

.four-box .in-box .in-techno {
    margin-top: 100px
}

@media screen and (max-width: 1024px) {
    .four-box .in-box .in-techno {
        margin-top:50px
    }
}

@media screen and (max-width: 767px) {
    .four-box .in-box .in-techno {
        margin-top:30px
    }
}

.four-box .in-box .in-techno li {
    margin: 4px 2px;
    padding: 12px 26px;
    background-color: #fff;
    color: #000;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    vertical-align: top
}

.funded-companies {
    padding: 0px 0 100px 0
}

@media screen and (max-width: 767px) {
    .funded-companies {
        padding:0px 0 50px 0
    }
}

.funded-companies h2 {
    font-family: "poppinsbold";
    color: #0a0d31;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .funded-companies h2 {
        font-size:32px
    }
}

.funded-companies p {
    font-family: "poppinsregular";
    color: #242627;
    font-size: 16px
}

.funded-companies .line {
    height: 1px;
    background-color: #cccccc;
    margin: 50px 0
}

@media screen and (max-width: 767px) {
    .funded-companies .line {
        margin:20px 0
    }
}

.funded-companies .in-five {
    display: flex;
    flex-wrap: wrap
}

.funded-companies .in-five li {
    flex-basis: 25%;
    font-family: "poppinsregular";
    position: relative
}

@media screen and (max-width: 991px) {
    .funded-companies .in-five li {
        flex-basis:25%
    }
}

@media screen and (max-width: 480px) {
    .funded-companies .in-five li {
        flex-basis:50%
    }
}

.funded-companies .in-five li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 4px;
    height: 30px;
    background-color: #cccccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.funded-companies .in-five li .archive {
    font-size: 20px;
    font-family: "poppinsbold"
}

.funded-companies .in-five li .archive span {
    display: inline-block;
    margin-left: 20px;
    font-size: 30px
}

.funded-companies .in-five li.right {
    text-align: right
}

@media screen and (max-width: 767px) {
    .funded-companies .in-five li.right {
        margin-top:20px
    }
}

@media screen and (max-width: 480px) {
    .funded-companies .in-five li.right {
        flex-basis:100%;
        text-align: left
    }
}

.funded-companies .in-five li p {
    margin-left: 20px
}

.funded-companies .btn {
    text-transform: none;
    font-family: "poppins_mediumregular"
}

.mobi-app-development-portfolio {
    padding: 0px 0 0px 0
}

@media screen and (max-width: 767px) {
    .mobi-app-development-portfolio {
        padding:0px 0 0px 0
    }
}

.mobi-app-development-portfolio h2 {
    font-family: "poppinsbold";
    color: #0a0d31;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .mobi-app-development-portfolio h2 {
        font-size:32px
    }
}

.mobi-app-development-portfolio h3 {
    font-family: "poppinsbold";
    color: #0a0d31;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .mobi-app-development-portfolio h3 {
        font-size:20px
    }
}

.mobi-app-development-portfolio p {
    font-family: "poppinsregular";
    color: #242627;
    font-size: 16px
}

.mobi-app-development-portfolio .we-hire {
    text-align: center;
    margin-top: 30px
}

@media screen and (max-width: 991px) {
    .mobi-app-development-portfolio .we-hire {
        text-align:right
    }
}

.mobi-app-development-portfolio .we-hire a {
    display: inline-block;
    padding: 14px 24px;
    background-color: #dee0ff;
    color: #010ed0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    font-family: "poppins_semiboldregular";
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.mobi-app-development-portfolio .we-hire a:before {
    content: "";
    position: absolute;
    left: 40px;
    bottom: -15px;
    width: 0;
    height: 0;
    border-width: 15px 10px 0 10px;
    border-color: #DEE0FF transparent transparent transparent;
    border-style: solid;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.mobi-app-development-portfolio .we-hire a:hover {
    background-color: #000;
    color: #fff
}

.mobi-app-development-portfolio .we-hire a:hover:before {
    border-color: #000 transparent transparent transparent
}

.mobi-app-development-portfolio .v-all a {
    display: inline-block;
    color: #0076FF;
    font-size: 14px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.mobi-app-development-portfolio .v-all a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #dee0ff
}

.mobi-app-development-portfolio .v-all a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0%;
    bottom: 0;
    height: 3px;
    background-color: #0076FF;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.mobi-app-development-portfolio .v-all a:hover:after {
    width: 100%
}

.mobi-app-development-portfolio .port-box {
    margin-top: 50px;
    text-align: left;
    position: relative
}

.mobi-app-development-portfolio .port-box .link-overly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.mobi-app-development-portfolio .port-box .port-img {
    overflow: hidden;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    max-width: 596px;
    margin-bottom: 20px
}

.mobi-app-development-portfolio .port-box .port-img img {
    width: 100%;
    height: auto
}

.mobi-app-development-portfolio .port-box h3 {
    font-family: "poppins_semiboldregular";
    font-size: 23px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 5px
}

.mobi-app-development-portfolio .port-box p {
    color: #777
}

.mobi-app-development-portfolio .port-box:hover h3 {
    color: #0076FF
}

.mobi-app-development-portfolio .owl-mobi-app-development-portfolio .owl-nav button {
    width: 60px;
    height: 60px;
    background-color: #f5f5f5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    top: 46%;
    position: absolute;
    font-family: "poppins_thinregular"
}

@media screen and (max-width: 1260px) {
    .mobi-app-development-portfolio .owl-mobi-app-development-portfolio .owl-nav button {
        position:static;
        display: inline-block
    }
}

.mobi-app-development-portfolio .owl-mobi-app-development-portfolio .owl-nav button:after,.mobi-app-development-portfolio .owl-mobi-app-development-portfolio .owl-nav button:before {
    display: none
}

.mobi-app-development-portfolio .owl-mobi-app-development-portfolio .owl-nav button .fas {
    font-size: 20px;
    margin-top: 5px
}

.mobi-app-development-portfolio .owl-mobi-app-development-portfolio .owl-nav button.owl-prev {
    background-color: #f5f5f5;
    color: #000;
    left: -70px
}

@media screen and (max-width: 1260px) {
    .mobi-app-development-portfolio .owl-mobi-app-development-portfolio .owl-nav button.owl-prev {
        left:0px;
        margin-right: 10px
    }
}

.mobi-app-development-portfolio .owl-mobi-app-development-portfolio .owl-nav button.owl-next {
    background-color: #f5f5f5;
    color: #000;
    right: -70px
}

@media screen and (max-width: 1260px) {
    .mobi-app-development-portfolio .owl-mobi-app-development-portfolio .owl-nav button.owl-next {
        right:0px;
        margin-left: 10px
    }
}

.affordable-app-development {
    padding: 130px 0 100px 0;
    background-color: #0076FF;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1400px) {
    .affordable-app-development {
        padding:80px 0 80px 0
    }
}

@media screen and (max-width: 767px) {
    .affordable-app-development {
        padding:50px 0
    }
}

.affordable-app-development:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("../img/mobile-app-development-company-new/webp/affordable-app-development.webp");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    opacity: 0.1
}

.affordable-app-development .container {
    position: relative;
    z-index: 1
}

.affordable-app-development svg {
    height: 50px
}

.affordable-app-development .nectar-shape-divider-wrap {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    z-index: 3;
    transform: translateZ(0)
}

.affordable-app-development .nectar-shape-divider {
    width: 100%;
    left: 0;
    bottom: -1px;
    height: 100%;
    position: absolute
}

.affordable-app-development .divider {
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 2px
}

.affordable-app-development .divider:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0076FF
}

.affordable-app-development h2 {
    font-family: "poppins_mediumregular";
    color: #fff
}

@media screen and (max-width: 991px) {
    .affordable-app-development h2 {
        font-size:32px
    }
}

.affordable-app-development p {
    font-family: "poppinsregular";
    color: #fff;
    font-size: 16px
}

.affordable-app-development p.sub-text {
    margin-left: 10%;
    margin-right: 10%
}

@media screen and (max-width: 991px) {
    .affordable-app-development p.sub-text {
        margin-left:0;
        margin-right: 0
    }
}

.affordable-app-development h3 {
    color: #fff;
    font-family: "poppinsbold"
}

@media screen and (max-width: 991px) {
    .affordable-app-development h3 {
        font-size:32px
    }
}

.affordable-app-development h3 .line {
    position: relative;
    display: inline-block
}

.affordable-app-development h3 .line:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    height: 6px;
    background-color: #fff;
    z-index: 0;
    opacity: 0.3;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.affordable-app-development h3 .line .upper {
    position: relative;
    z-index: 1;
    display: inline-block
}

.affordable-app-development h4 {
    color: #fff
}

.affordable-app-development .hire-model-info {
    width: 100%;
    margin-top: 30px
}

.affordable-app-development .hire-model-info .hire-model-head {
    width: 100%
}

.affordable-app-development .hire-model-info .hire-model-head .hiremodel-head-lt {
    display: inline-block;
    width: 310px;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .affordable-app-development .hire-model-info .hire-model-head .hiremodel-head-lt {
        width:100%
    }
}

.affordable-app-development .hire-model-info .hire-model-head .hiremodel-head-rt {
    display: inline-block;
    width: calc(100% - 315px);
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .affordable-app-development .hire-model-info .hire-model-head .hiremodel-head-rt {
        width:calc(100% - 0px)
    }
}

.affordable-app-development .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row {
    display: flex;
    align-items: stretch;
    justify-content: center
}

.affordable-app-development .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box {
    flex: 0;
    text-align: center;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #fff;
    cursor: default
}

.affordable-app-development .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box i {
    display: table;
    margin: 0 auto 10px
}

.affordable-app-development .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box .icon {
    display: inline-block;
    width: 52px;
    height: 52px;
    margin-bottom: 10px;
    background-image: url(../img/web-design-company/png/web-deaign-sprite2.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0 auto
}

.affordable-app-development .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box .icon.icon1 {
    background-position: 0 0
}

.affordable-app-development .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box .icon.icon2 {
    background-position: 0 -52px
}

.affordable-app-development .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box .icon.icon3 {
    background-position: 0 -104px
}

.affordable-app-development .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box .icon.icon4 {
    background-position: 0 -156px
}

.affordable-app-development .hire-model-info .hire-model-head .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box span {
    display: table;
    margin: 0 auto;
    font-family: "poppins_mediumregular";
    color: #fff;
    font-size: 18px
}

.affordable-app-development .hire-model-info .hire-model-dtls {
    width: 100%;
    margin-top: 10px
}

.affordable-app-development .hire-model-info .hire-model-dtls ul {
    width: 100%
}

.affordable-app-development .hire-model-info .hire-model-dtls ul li {
    width: 100%;
    border: 1px solid #ebebeb;
    margin-bottom: 10px
}

.affordable-app-development .hire-model-info .hire-model-dtls ul li .hiremodel-flex-box {
    line-height: 65px;
    color: #fff
}

.affordable-app-development .hire-model-info .hire-model-dtls .hiremodel-head-lt {
    display: inline-block;
    width: 310px;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .affordable-app-development .hire-model-info .hire-model-dtls .hiremodel-head-lt {
        width:100%
    }
}

.affordable-app-development .hire-model-info .hire-model-dtls .hiremodel-head-lt.hiremodel-grey-lt {
    background: #ebebeb;
    padding: 10px 35px;
    text-align: right
}

@media screen and (max-width: 767px) {
    .affordable-app-development .hire-model-info .hire-model-dtls .hiremodel-head-lt.hiremodel-grey-lt {
        text-align:left
    }
}

.affordable-app-development .hire-model-info .hire-model-dtls .hiremodel-head-lt.hiremodel-grey-lt span {
    display: flex;
    height: 45px;
    color: #000;
    line-height: 24px;
    align-items: center;
    justify-content: flex-end
}

@media screen and (max-width: 767px) {
    .affordable-app-development .hire-model-info .hire-model-dtls .hiremodel-head-lt.hiremodel-grey-lt span {
        justify-content:flex-start
    }
}

.affordable-app-development .hire-model-info .hire-model-dtls .hiremodel-head-rt {
    display: inline-block;
    width: calc(100% - 315px);
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .affordable-app-development .hire-model-info .hire-model-dtls .hiremodel-head-rt {
        width:calc(100% - 0px)
    }
}

.affordable-app-development .hire-model-info .hire-model-dtls .hiremodel-head-rt .hiremodel-flex-row {
    display: flex;
    align-items: stretch;
    justify-content: center
}

.affordable-app-development .hire-model-info .hire-model-dtls .hiremodel-head-rt .hiremodel-flex-row .hiremodel-flex-box {
    flex: 0;
    text-align: center;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #fff;
    cursor: default
}

.affordable-app-development .hire-model-info .hire-model-dtls .active-blk {
    color: #FF9100;
    background-color: rgba(0,0,0,0.2)
}

.mobile-app-development-faq {
    padding: 100px 0
}

@media screen and (max-width: 767px) {
    .mobile-app-development-faq {
        padding:50px 0 0px 0
    }
}

.mobile-app-development-faq .paqbx {
    background-color: #f7f7f7;
    padding: 50px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px
}

@media screen and (max-width: 991px) {
    .mobile-app-development-faq .col-sm-6,.mobile-app-development-faq .col-md-6 {
        margin-top:0
    }
}

.mobile-app-development-faq h2 {
    font-family: "poppinsbold";
    color: #0a0d31
}

@media screen and (max-width: 991px) {
    .mobile-app-development-faq h2 {
        font-size:32px;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 575px) {
    .mobile-app-development-faq h2 {
        font-size:30px
    }
}

.mobile-app-development-faq p {
    font-family: "poppinsregular";
    color: #0a0d31;
    font-size: 16px
}

.mobile-app-development-faq p.sub-text {
    margin-left: 10%;
    margin-right: 10%
}

@media screen and (max-width: 991px) {
    .mobile-app-development-faq p.sub-text {
        margin-left:0;
        margin-right: 0
    }
}

.mobile-app-development-faq h3 {
    text-align: center;
    font-family: "poppins_semiboldregular"
}

.mobile-app-development-faq h3 .line {
    position: relative;
    display: inline-block
}

.mobile-app-development-faq h3 .line:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    height: 10px;
    background-color: #0076FF;
    z-index: -1;
    opacity: 0.3
}

.mobile-app-development-faq .accordion .accordion-item {
    border: none;
    background-color: transparent;
    border-bottom: 2px solid rgba(0,0,0,0.08)
}

.mobile-app-development-faq .accordion .accordion-item .accordion-header .accordion-button {
    padding: 30px 70px 30px 0;
    font-family: "poppins_mediumregular";
    box-shadow: none;
    cursor: pointer;
    background-color: transparent
}

.mobile-app-development-faq .accordion .accordion-item .accordion-header .accordion-button:after,.mobile-app-development-faq .accordion .accordion-item .accordion-header .accordion-button:before {
    position: static
}

.mobile-app-development-faq .accordion .accordion-item .accordion-header .accordion-button::after {
    content: "\2b";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    background-image: none;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    left: auto;
    top: 50%;
    margin-top: -15px;
    border: 2px solid #888;
    border-radius: 30px 30px;
    -ms-transition: border-color .15s ease;
    transition: border-color .15s ease;
    -webkit-transition: border-color .15s ease;
    text-align: center;
    padding-top: 4px;
    color: #888
}

.mobile-app-development-faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    content: "\f068";
    border-color: #0076FF;
    color: #0076FF
}

.mobile-app-development-faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #0076FF;
    background-color: transparent
}

.mobile-app-development-faq .accordion .accordion-item .accordion-header .accordion-button:hover {
    color: #0076FF
}

.mobile-app-development-faq .accordion .accordion-item .accordion-header .accordion-button:hover::after {
    border-color: #0076FF;
    color: #0076FF
}

.mobile-app-development-faq .accordion .accordion-item .accordion-header .accordion-button:hover:not(.collapsed)::after {
    border-color: #0076FF;
    color: #0076FF
}

.mobile-app-development-faq .accordion .accordion-item .card-body {
    padding-left: 0;
    padding-right: 0
}

.mobile-app-development-faq h4 {
    font-family: "poppins_mediumregular"
}