body {
    font-family: Roboto,sans-serif;
    font-size: 17px;
    line-height: 1.6;
    color: #000
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: GothamPro
}

header.red-theme~section .card-title,header.red-theme~section.inner-case ul li::before {
    color: #d02432!important
}

header.blue-theme~section .card-title,header.blue-theme~section.inner-case ul li::before {
    color: #0b1e63!important
}

header.light-blue-theme~section .card-title,header.light-blue-theme~section.inner-case ul li::before {
    color: #0071cd!important
}

header.green-theme~section .card-title,header.green-theme~section.inner-case ul li::before {
    color: #b8db37!important
}

header.sea-green-theme~section .card-title,header.sea-green-theme~section.inner-case ul li::before {
    color: #12b1a9!important
}

header.yellow-theme~section .card-title,header.yellow-theme~section.inner-case ul li::before {
    color: #ffbe3c!important
}

header.orange-theme~section .card-title,header.orange-theme~section.inner-case ul li::before {
    color: #ec6405!important
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
    transition-duration: 1s!important
}

.blog-post img {
    width: 100%
}

.half .inner-header {
    max-height: 50vh;
    min-height: 500px
}

.left-full {
    margin-left: calc(50% - 50vw)
}

.right-full {
    margin-left: calc(50% - 50vw)
}

.row-full {
    margin-left: calc(50% - 50vw)
}

header.black .navbar a.number:before {
    background: url(../images/phone-icon-gr.png)
}

header.black .navbar .navbar-nav .nav-link {
    color: #000!important
}

header.black .navbar .navbar-brand img.d-none {
    display: block!important
}

header.black .navbar .navbar-brand img {
    display: none!important
}

header.black .navbar.active-bg a.number:before {
    background: url(../images/phone-icon.png)
}

header.black .navbar.active-bg .navbar-nav .nav-link {
    color: #fff!important
}

header.black .navbar.active-bg .navbar-brand img.d-none {
    display: none!important
}

header.black .navbar.active-bg .navbar-brand img {
    display: block!important
}

header.black .navbar.active-bg .navbar-text a,header.black .navbar.active-bg .navbar-text a span {
    color: #fff!important
}

section {
    padding: 180px 0;
    position: relative;
    overflow: hidden
}

#blog,#services,#solutions {
    overflow-x: hidden
}

section.full {
    height: 100vh;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    padding: 60px 0
}

section .bold,section .light {
    margin-bottom: 20px
}

.black * {
    color: #000!important
}

.white * {
    color: #fff!important
}

* {
    outline: 0!important
}

a:hover {
    text-decoration: none
}

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

.btn-border {
    border: 1px solid #fff;
    color: #fff
}

.btn-border:hover {
    border: 1px solid #fff;
    color: #fff
}

.btn-border.hvr-ripple-out:before {
    border: #fff solid 1px
}

.btn-white:before {
    border-color: #fff
}

.btn {
    padding: .5rem 2rem;
    font-size: inherit
}

.btn-gr {
    background: #2897fc;
    background: linear-gradient(90deg,#2897fc 0,#365bed 100%);
    color: #fff!important
}

.btn-gr.hvr-sweep-to-right:before {
    background: #2897fc;
    background: linear-gradient(90deg,#365bed 0,#2897fc 100%)
}

.gr-bg {
    background-image: linear-gradient(90deg,#2897fc 0,#365bed 100%)
}

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

.bg-left-logo:before {
    content: "";
    background: url(../images/bg-left-logo.png) no-repeat right center;
    top: 0;
    left: 0
}

.bg-right-logo:before {
    content: "";
    background: url(../images/bg-right-logo.png) no-repeat left center;
    top: 0;
    left: 0
}

.bg-left-logo:before,.bg-right-logo:before {
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%
}

.large-fs {
    font-size: 3em!important;
    margin-bottom: 20px!important
}

#bottom-round-shape {
    width: 100%;
    position: absolute;
    bottom: -80px
}

header .inner-header h1:first-child {
    padding: 50px 0 0
}

header .inner-header {
    text-align: center;
    max-height: initial;
    min-height: inherit;
    height: auto;
    margin: 0
}

.bottom-round-shape+section {
    margin-top: 100px
}

.normal-lh {
    line-height: 1.6!important
}

.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    color: #fff!important;
    font-size: 18px!important;
    border: 1px solid #fff!important;
    border-radius: 50%;
    line-height: 34px!important;
    width: 36px
}

.owl-carousel .owl-nav button.owl-prev {
    left: -80px
}

.owl-carousel .owl-nav button.owl-next {
    right: -80px;
    padding-left: 3px!important
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent
}

.bounce {
    animation: bounce-1 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes bounce-1 {
    0% {
        transform: translateY(0)
    }

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

    100% {
        transform: translateY(0)
    }
}

header {
    width: 100%
}

.header-wrap {
    position: relative;
    z-index: 9999
}

.navbar-nav .nav-link {
    font-weight: 500;
    font-size: 17px;
    color: #fff!important;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative;
    overflow: hidden
}

.navbar {
    padding: 0
}

a.number {
    font-weight: 700;
    font-size: 22px;
    padding-left: 40px;
    position: relative;
    line-height: 25px
}

a.number:before {
    background: url(../images/phone-icon.png) no-repeat center;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 27px;
    height: 27px
}

.navbar-nav .nav-link:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: #326ef2;
    width: 100%;
    height: 0;
    border-bottom: 0 solid #fff;
    transition: all .3s linear
}

.navbar-light .navbar-nav .nav-link:before {
    border-color: #000
}

.navbar-nav .nav-link:hover:before,.navbar-nav .nav-link:visited:before {
    height: 25px;
    border-width: 2px
}

.active-bg {
    background-image: linear-gradient(90deg,#2897fc 0,#365bed 100%)!important
}

.active-bg .container-fluid,.fp-viewing-1 .container-fluid {
    z-index: 99999;
    position: relative
}

#sidebar {
    min-width: 130px
}

.nav-link[data-toggle].collapsed:after {
    content: "â–¾"
}

.nav-link[data-toggle]:not(.collapsed):after {
    content: "â–´"
}

.embed-responsive {
    height: auto;
    margin-bottom: -1px;
    min-height: auto
}

.embed-responsive video {
    height: auto;
    position: relative;
    margin-bottom: -8px
}

.scroll-wrap {
    position: absolute;
    bottom: 15px;
    left: 49.5%;
    transform: translateX(-50%);
    z-index: 999;
    transition: all .6s ease-in
}

.scroll {
    background: url(../images/scroll.png) no-repeat top center;
    background-size: contain;
    width: 22px;
    height: 48px;
    position: absolute
}

.scroll-wrap.go {
    bottom: -100%;
    opacity: 0
}

.bounce {
    animation: bounce-1 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes bounce-1 {
    0% {
        transform: translateY(0)
    }

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

    100% {
        transform: translateY(0)
    }
}

header .overlay {
    background: url(../images/header-bg.png) no-repeat top center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 9;
    opacity: .5;
    color: #fff;
    background-size: cover
}

.bold,.light {
    color: #fff;
    font-size: 42px;
    font-family: GothamPro;
    letter-spacing: -2px;
    text-transform: capitalize
}

.light {
    font-weight: 100;
    text-transform: uppercase
}

.bold {
    font-weight: 600;
    font-size: 42px
}

p,p.hero {
    margin: 0 auto 20px;
    font-family: GothamPro;
    font-weight: 200;
    font-size: 16px
}

.overlay p {
    max-width: 760px
}

header .overlay .bold {
    max-width: 1200px
}

.wrap {
    padding: 5px 20px
}

.back-to-top {
    position: relative;
    display: none
}

.back-to-top a {
    display: block;
    z-index: 99;
    position: fixed;
    right: 100px;
    bottom: 20px;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 0 5px #0643ab85;
    padding: 10px 18px
}

#about {
    background: url(../images/header-bg.jpg) no-repeat bottom center;
    background-size: cover;
    color: #fff;
    text-align: center;
    min-height: 700px;
    height: auto
}

#logos {
    border: 1px solid #ffffff4a;
    border-left: 0;
    border-right: 0
}

#logos img {
    width: auto;
    margin: 0 auto
}

.bg_text {
    content: "Our services";
    text-transform: uppercase;
    color: #000;
    font-size: 10rem;
    font-weight: 700;
    font-family: GothamPro;
    opacity: .06;
    pointer-events: none;
    margin-top: -60px;
    line-height: 13rem;
    position: absolute;
    margin: 0 auto;
    top: -43px;
    width: 100%;
    text-align: center
}

.dots {
    z-index: 9;
    background-size: contain;
    position: absolute;
    bottom: 0
}

.dots+.container {
    z-index: 9;
    position: relative
}

.services-dots {
    background: url(../images/services-dots.png) no-repeat left center;
    width: 766px;
    height: 711px;
    left: 10%
}

.solutions-dots {
    background: url(../images/solutions-dots.png) no-repeat left center;
    width: 479px;
    height: 649px;
    right: 23%
}

.blog-dots {
    background: url(../images/blog-dots.png) no-repeat left center;
    width: 1294px;
    height: 800px;
    left: 10%
}

#advertising .card,#platform .card,.special-card .card,#services .card {
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    border: none;
    box-shadow: 0 3px 10px #00000012;
    margin-bottom: 1.75rem!important;
    cursor: pointer
}

#services .card a,#solutions-cards .card a {
    display: block
}

#platform .card-title,.special-card .card-title,#services .card-title {
    font-weight: 600;
    font-family: GothamPro;
    font-size: 18px;
    line-height: 1.6;
    pointer-events: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

#platform .card-img,.special-card .card-img,#services .card-img {
    overflow: hidden;
    width: 110px;
    height: 80px;
    pointer-events: none;
    margin: 0 auto;
    background: url(../images/services-icons.png) no-repeat 0 0;
    margin-bottom: 20px;
    -webkit-transition: background-position 1s ease;
    -moz-transition: background-position 1s ease;
    -o-transition: background-position 1s ease;
    transition: background-position 1s ease
}

#services .card-img.icon-2 {
    background-position: -104px 0
}

#services .card-img.icon-3 {
    background-position: -200px 0
}

#services .card-img.icon-4 {
    background-position: -303px 0
}

#services .card-img.icon-5 {
    background-position: -399px 0
}

#services .card-img.icon-6 {
    background-position: -493px 0
}

#services .card:hover .card-title,.special-card .card:hover .card-title {
    color: #365bed!important
}

#services .card:hover .card-img {
    background-position-y: -101px
}

.hi-icon-effect-5c .hi-icon:hover:before {
    -webkit-animation: toTopFromBottom .3s forwards;
    -moz-animation: toTopFromBottom .3s forwards;
    animation: toTopFromBottom .3s forwards
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

#work {
    background: url(../images/portfolio-bg.jpg) no-repeat bottom center;
    background-size: cover;
    color: #fff;
    text-align: center
}

#work .bg_text {
    color: #fff
}

#work .slider-2-content h1 {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -2px;
    margin-bottom: 20px
}

#work .slider-2-content p {
    margin-bottom: 20px
}

.animate-slide-item {
    padding-left: 10px;
    padding-bottom: 10px
}

#solutions {
    padding-bottom: 0
}

#solutions .solutions-slider {
    background: url(../images/solution.png) no-repeat center;
    min-height: 476px
}

.owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
    padding: 20px 0
}

#solutions .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
    padding: 17px 0
}

#solutions .owl-theme .owl-nav [class*=owl-],#solutions .owl-theme .owl-nav [class*=owl-] i {
    border-color: #d6d6d6!important;
    color: #d6d6d6!important
}

#solutions .owl-carousel .owl-nav button.owl-prev {
    left: -40px
}

#solutions .owl-carousel .owl-nav button.owl-next {
    right: -40px
}

#solutions-cards .card-deck .card {
    border: none;
    box-shadow: 0 3px 10px #00000012
}

#solutions-cards .card-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

#solutions-cards .card-img {
    background: url(../images/solution-icons.png) no-repeat 0 0;
    background-position: 10px -10px
}

#solutions-cards .card-img.icon-2 {
    background-position: -84px -4px
}

#solutions-cards .card-img.icon-3 {
    background-position: -190px 0
}

#solutions-cards .card-img.icon-4 {
    background-position: -290px 0
}

#solutions-cards .card-img.icon-5 {
    background-position: -390px 0
}

#solutions-cards .card-img.icon-6 {
    background-position: -502px 0
}

#solutions-cards .card-img.icon-7 {
    background-position: -612px 0
}

#solutions-cards .card-img.icon-8 {
    background-position: -721px 0
}

#solutions-cards .card:hover .card-img {
    background-position-y: -101px
}

.card-body {
    padding: 2rem 1rem!important
}

.card-title {
    font-family: GothamPro;
    font-size: 17px;
    font-weight: 600
}

.card-text {
    font-family: GothamPro;
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 20px!important
}

.card-link {
    font-size: 16px;
    font-weight: 500;
    color: #3073f3!important;
    text-decoration: underline
}

#contact {
    background: url(../images/contact-bg.jpg) no-repeat bottom center;
    background-size: cover;
    color: #000
}

#contact .bg_text {
    color: #fff
}

.contact-form {
    background-color: #fff;
    border-radius: 5px
}

.contact-form h2 {
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: -2px
}

.contact-form form {
    margin-top: 20px
}

.contact-form>.row>div[class*=col] {
    padding: 50px!important
}

.contact-form label {
    font-family: GothamPro;
    font-weight: 100;
    font-size: 16px
}

.contact-form input,.contact-form textarea {
    margin-bottom: 20px
}

.contact-info {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.contact-info li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 35px
}

.contact-info li:before {
    background: url(../images/c-info-icon.png) no-repeat center;
    content: "";
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px
}

.contact-info li.email:before {
    background-position: 0 0
}

.contact-info li.phone:before {
    background-position: -35px 0
}

.contact-info li.location:before {
    background-position: -70px 0
}

.contact-info li a {
    font-family: GothamPro;
    font-size: 16px;
    font-weight: 200;
    color: #000;
    display: block
}

.social-icons li {
    padding: 0 10px
}

.social-icons li a {
    font-size: 24px
}

footer {
    position: relative;
    padding: 100px 0;
    background: url(../images/footer-bg.png) no-repeat center;
    background-size: cover;
    overflow-x: hidden
}

footer h4 {
    font-family: GothamPro;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: 25px
}

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

#footer-bottom p,#footer-bottom p a,footer ul li a {
    font-family: GothamPro;
    font-size: 15px;
    font-weight: 200;
    color: #000
}

#footer-bottom {
    background: #2897fc;
    background: linear-gradient(90deg,#2897fc 0,#365bed 100%);
    padding: 15px
}

#footer-bottom p,#footer-bottom p a {
    color: #fff;
    margin-bottom: 0
}

footer ul li:last-child p {
    margin-bottom: 0
}

footer .social-icons {
    margin-top: 8px
}

section.inner-content {
    padding: 60px 0
}

header .inner-header {
    width: 100%;
    height: 100vh;
    position: relative;
    color: #fff;
    background-size: cover!important;
    min-height: 708px
}

header .inner-header.inner-bg {
    background: url(../images/inner-bg/ecommerce-solutions-bg.png) no-repeat top center
}

.inner-content .bold {
    font-size: 34px
}

.inner-content p.hero {
    line-height: 36px
}

.inner-content p {
    line-height: 26px;
    font-size: 16px
}

ul.arrow {
    padding: 0;
    margin: 0;
    list-style-type: circle;
    line-height: 26px;
    font-size: 16px;
    font-family: GothamPro;
    font-weight: 200
}

.inner-heading {
    font-size: 28px;
    font-family: GothamPro;
    font-weight: 600
}

.icon-w-text {
    margin-bottom: 30px
}

.icon-w-text p {
    line-height: 25px;
    font-size: 14px
}

.section-bg-1 {
    background: url(../images/inner-bg/ecom-inner-bg.png) no-repeat 100% 0
}

.section-bg-2:before,.section-bg-4:before,.section-bg-6:before,.section-bg-8:before,.section-bg-10:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/inner-bg/inner-bg-2.png) no-repeat 100% 0;
    width: 60%;
    height: 80%;
    background-size: contain;
    opacity: 50%
}

.section-bg-4::before {
    background: url(../images/inner-bg/inner-bg-4.png) no-repeat 100% 0
}

.section-bg-6:before {
    background: url(../images/inner-bg/inner-bg-6.png) no-repeat 100% 0
}

.section-bg-8:before {
    background: url(../images/inner-bg/inner-bg-8.png) no-repeat 100% 0
}

.section-bg-10:before {
    background: url(../images/inner-bg/inner-bg-10.png) no-repeat 100% 0
}

.section-bg-3:after,.section-bg-5:after,.section-bg-7:after,.section-bg-9:after,.section-bg-11:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/inner-bg/inner-bg-3.png) no-repeat left bottom;
    width: 40%;
    height: 80%;
    background-size: contain;
    z-index: -1;
    opacity: 50%
}

.section-bg-5::after {
    background: url(../images/inner-bg/inner-bg-5.png) no-repeat 100% 0
}

.section-bg-7:after {
    background: url(../images/inner-bg/inner-bg-7.png) no-repeat 100% 0
}

.section-bg-9:after {
    background: url(../images/inner-bg/inner-bg-9.png) no-repeat 100% 0
}

.section-bg-11:after {
    background: url(../images/inner-bg/inner-bg-11.png) no-repeat 100% 0
}

.cas-box {
    position: relative;
    height: 600px;
    min-height: 600px
}

.cas-box .cas-images {
    position: absolute
}

.cas-images.cas-1 {
    left: 0;
    top: 28%
}

.cas-images.cas-2 {
    left: 20%;
    top: 0
}

.cas-images.cas-3 {
    right: 0;
    bottom: 30%
}

.cas-images.cas-4 {
    right: 20%;
    bottom: 0
}

.cas-images.cas-5 {
    left: 0;
    top: 28%
}

.cas-images.cas-6 {
    left: 20%;
    top: 0
}

.cas-images.cas-7 {
    right: 0;
    bottom: 40%
}

.cas-images.cas-8 {
    right: 9%;
    bottom: 0
}

.round-shape-bg:before {
    content: "";
    background: url(../images/services/platform.png) no-repeat top;
    width: 100%;
    height: 557px;
    position: absolute;
    background-size: cover;
    top: 0
}

#platform .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

#platform .card {
    flex: 0 1 calc(33.333% - 30px);
    margin-left: 15px;
    margin-right: 15px
}

#platform .card-img {
    background: url(../images/platform-icons.png) no-repeat 0 0
}

#platform .card-title {
    color: #000!important;
    font-weight: 200
}

.app-detail.b-heading {
    margin: 50px 0
}

.app-detail h5 {
    color: #355fee!important;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative
}

.app-detail.b-heading h5 {
    color: #000!important;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px
}

.app-detail p {
    line-height: 22px;
    font-size: 15px
}

.app-detail.b-heading p {
    font-size: 16px;
    line-height: 25px
}

.app-detail h5:after,.app-detail h5:before {
    background: #2897fc;
    background: linear-gradient(90deg,#2897fc 0,#365bed 100%);
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50px;
    position: relative;
    top: 3px
}

.dot-right .app-detail h5:after {
    content: "";
    margin-left: 10px;
    position: absolute;
    right: -25px;
    top: 5px
}

.dot-left .app-detail h5:before {
    content: "";
    margin-right: 10px;
    position: absolute;
    left: -25px;
    top: 5px
}

.dot-top .app-detail h5:before {
    content: "";
    margin: 30px auto 20px;
    display: block
}

.inner-header .center .light {
    font-size: 30px;
    margin: 30px 0
}

.owl-slider-4 .left {
    z-index: 1;
    margin-left: 0!important
}

.owl-slider-4 .right {
    z-index: -1;
    position: absolute;
    right: 0;
    top: 60px
}

.owl-slider-4 .left img,.owl-slider-4 .right img {
    margin: 0!important
}

.owl-slider-4 .img-wrap {
    height: 524px;
    vertical-align: top
}

.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*=owl-] {
    border-color: #c3c3c3!important
}

.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*=owl-]:active,.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*=owl-]:focus,.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    border-color: #385ded!important
}

.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*=owl-] i {
    color: #c3c3c3!important
}

.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*=owl-]:active i,.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*=owl-]:focus i,.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover i {
    color: #385ded!important
}

.owl-slider-4.owl-carousel .owl-nav button.owl-prev {
    left: 52%;
    top: 75%
}

.owl-slider-4.owl-carousel .owl-nav button.owl-next {
    right: 39%;
    top: 75%
}

.owl-slider .owl-item .animate-slide-item {
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1)!important;
    transition: all 1s cubic-bezier(.165,.84,.44,1)!important
}

.slider-2-content ul li:last-child {
    margin-right: 0!important
}

.animate-slider .owl-item.active .animate-slide-item {
    top: 0!important;
    position: relative!important;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1)!important;
    transition: all 1s cubic-bezier(.165,.84,.44,1)!important
}

.animate-slide-item {
    display: block!important;
    -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1)!important;
    transition: all 1s cubic-bezier(.165,.84,.44,1)!important;
    top: 120px!important
}

.animate-slide-item:nth-child(1) {
    transition-delay: .42s!important;
    -webkit-transition-delay: .42s!important
}

.animate-slide-item:nth-child(2) {
    transition-delay: .52s!important;
    -webkit-transition-delay: .52s!important
}

.animate-slide-item:nth-child(3) {
    transition-delay: .62s!important;
    -webkit-transition-delay: .62s!important
}

.animate-slider .slider-right .img-wrap:first-child {
    z-index: 20
}

.animate-slider .slider-right .img-wrap .inner img {
    transform: translateY(100%)!important;
    -webkit-transform: translateY(100%)!important;
    -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1)!important;
    transition: all 1s cubic-bezier(.165,.84,.44,1)!important
}

.animate-slider .slider-right .img-wrap:first-child .inner img {
    transition-delay: .42s!important;
    -webkit-transition-delay: .42s!important
}

.animate-slider .slider-right .img-wrap:last-child .inner img {
    transition-delay: .55!important;
    -webkit-transition-delay: .55s!important
}

.animate-slider .owl-item.active .slider-right .img-wrap .inner img {
    transform: translateY(0)!important;
    -webkit-transform: translateY(0)!important
}

#advertising .card {
    flex: 0 1 calc(25% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.font-size-large {
    font-size: 4em!important
}

#services-section .bold,#services-section .light {
    margin-bottom: 20px
}

#technologies {
    padding: 100px 0
}


#testimonials {
    background: url(../images/about/map-bg.png) no-repeat center;
    background-size: contain
}

#testimonials .slide .small {
    font-size: 14px
}

#testimonials .slide .small span {
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 0
}

#testimonials-grid {
    text-align: center
}

#testimonials-grid .row {
    margin-bottom: 120px
}

#testimonials-grid .row:first-child {
    margin-top: 50px
}

#testimonials-grid .row:last-child {
    margin-bottom: 0
}

.t-grid {
    background-color: #f5f7fb;
    border-radius: 0;
    padding: 50px;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.center-q:before,.left-q:before,.right-q:before {
    content: "";
    background: url(../images/q.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 117px;
    height: 104px;
    top: -74px
}

.left-q:before {
    left: 20px
}

.right-q:before {
    right: 20px
}

.center-q:before {
    left: 50%;
    transform: translateX(-50%)
}

.t-grid p {
    color: #000;
    font-weight: 400;
    margin-bottom: 30px
}

.t-grid p.small {
    margin-bottom: 0
}

.review {
    font-size: 13px;
    margin-bottom: 10px
}

.review .yellow {
    color: #ffc107!important
}

#process-grid .row {
    margin-bottom: 30px
}

#process-grid .row:nth-child(2) {
    margin-bottom: 50px
}

#process-grid .row:nth-child(3) {
    margin-bottom: 60px
}

#process-grid .row:nth-child(4) {
    margin-bottom: 50px
}

#process-grid .row:nth-child(5) {
    margin-bottom: 60px
}

#process-grid .row:nth-child(6) {
    margin-bottom: 60px
}

#process-grid .row:nth-child(7) {
    margin-bottom: 50px
}

#mySVG {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    margin-top: -30px;
    z-index: 999
}

#process-grid .row h2 {
    margin-bottom: 0
}

#process-grid .left img {
    margin-left: -70px
}

#process-grid .right img {
    margin-left: 100px
}

#clients-grid .row .col-auto {
    margin-bottom: 1.8rem
}

#clients-grid .row .col-auto .card {
    border: 0;
    box-shadow: 2px -2px 6px #00000021
}

#clients-grid .row .col-auto .card.hvr-bounce-to-right:before {
    background: #f0f0f0
}

.contact a.email,.contact a.number {
    font-size: 16px;
    font-weight: 500;
    margin-left: 30px;
    padding-left: 30px;
    line-height: 25px;
    position: relative;
    color: #000
}

.contact a.email:focus,.contact a.email:hover,.contact a.number:focus,.contact a.number:hover {
    color: #000
}

.contact .navbar-text a:first-child:after {
    content: "|";
    margin-left: 40px
}

.contact a.email:before,.contact a.number:before {
    content: "";
    position: absolute;
    left: 0;
    width: 27px;
    height: 27px
}

.contact a.number:before {
    background: url(../images/contact/number.png) no-repeat center
}

.contact a.email:before {
    background: url(../images/contact/email.png) no-repeat center
}

header.contact {
    height: 100vh
}

header.contact .inner-header.inner-bg {
    background: 0 0;
    height: 100vh;
    min-height: auto
}

header.contact~#footer-bottom {
    position: fixed;
    bottom: 0;
    width: 100%
}

header.contact .inner-header.inner-bg .left-col {
    background: #2897fc;
    background: linear-gradient(90deg,#2897fc 0,#365bed 100%)
}

header.contact .inner-header.inner-bg .content {
    width: 100%;
    height: 100%;
    padding: 150px
}

header.contact .inner-header.inner-bg .left-col .content {
    background: url(../images/contact/contact-bg.png) no-repeat top center
}

header.contact .container-fluid,header.contact .row {
    height: 100%
}

.contact .active-bg a.email,.contact .active-bg a.number {
    color: #fff
}

.contact .active-bg a.email:before {
    background: url(../images/contact/email-w.png) no-repeat center
}

.contact .active-bg a.number:before {
    background: url(../images/contact/number-w.png) no-repeat center
}

body[class*=fp-viewing-] .navbar {
    background-color: #ffffff3b
}

body.fp-viewing-0 .navbar {
    background-color: transparent
}

header #case-header.inner-bg {
    background: url(../images/case/case-bg.png) no-repeat top center
}

.before-ntrc {
    position: absolute;
    width: 432px;
    height: 509px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

#fullpage h2 {
    text-shadow: 6px 6px 6px #0000002e;
    font-size: 2.5rem
}

#fullpage .grey-bg h1 {
    text-shadow: none
}

body {
    font-family: Roboto,sans-serif;
    font-size: 17px;
    line-height: 1.6;
    color: #000
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: GothamPro
}

header.red-theme~section.card-title,header.red-theme~section.inner-case ul li::before {
    color: #d02432!important
}

header.blue-theme~section.card-title,header.blue-theme~section.inner-case ul li::before {
    color: #0b1e63!important
}

header.light-blue-theme~section.card-title,header.light-blue-theme~section.inner-case ul li::before {
    color: #0071cd!important
}

header.green-theme~section.card-title,header.green-theme~section.inner-case ul li::before {
    color: #b8db37!important
}

header.sea-green-theme~section.card-title,header.sea-green-theme~section.inner-case ul li::before {
    color: #12b1a9!important
}

header.yellow-theme~section.card-title,header.yellow-theme~section.inner-case ul li::before {
    color: #ffbe3c!important
}

header.orange-theme~section.card-title,header.orange-theme~section.inner-case ul li::before {
    color: #ec6405!important
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"][data-aos] {
    transition-duration: 1s!important
}

.blog-post img {
    width: 100%
}

.half.inner-header {
    max-height: 50vh;
    min-height: 500px
}

.left-full {
    margin-left: calc(50%-50vw)
}

.right-full {
    margin-left: calc(50%-50vw)
}

.row-full {
    margin-left: calc(50%-50vw)
}

header.black.navbar a.number:before {
    background: url(../images/phone-icon-gr.png)
}

header.black.navbar.navbar-nav.nav-link {
    color: #000!important
}

header.black.navbar.navbar-brand img.d-none {
    display: block!important
}

header.black.navbar.navbar-brand img {
    display: none!important
}

header.black.navbar.active-bg a.number:before {
    background: url(../images/phone-icon.png)
}

header.black.navbar.active-bg.navbar-nav.nav-link {
    color: #fff!important
}

header.black.navbar.active-bg.navbar-brand img.d-none {
    display: none!important
}

header.black.navbar.active-bg.navbar-brand img {
    display: block!important
}

header.black.navbar.active-bg.navbar-text a,header.black.navbar.active-bg.navbar-text a span {
    color: #fff!important
}

section {
    padding: 180px 0 60px;
    position: relative;
    overflow: hidden
}

#blog,#services,#solutions {
    overflow-x: hidden
}

section.full {
    height: 100vh;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    padding: 60px 0
}

section.bold,section.light {
    margin-bottom: 20px
}

.black* {
    color: #000!important
}

.white* {
    color: #fff!important
}

* {
    outline: 0!important
}

a:hover {
    text-decoration: none
}

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

.btn-border {
    border: 1px solid #fff;
    color: #fff
}

.btn-border:hover {
    border: 1px solid #fff;
    color: #fff
}

.btn-border.hvr-ripple-out:before {
    border: #fff solid 1px
}

.btn-white:before {
    border-color: #fff
}

.btn {
    padding: .5rem 2rem;
    font-size: inherit
}

.btn-gr {
    background: #2897fc;
    background: linear-gradient(90deg,#2897fc 0,#365bed 100%);
    color: #fff!important
}

.btn-gr.hvr-sweep-to-right:before {
    background: #2897fc;
    background: linear-gradient(90deg,#365bed 0,#2897fc 100%)
}

.gr-bg {
    background-image: linear-gradient(90deg,#2897fc 0,#365bed 100%)
}

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

.bg-left-logo:before {
    content: "";
    background: url(../images/bg-left-logo.png)no-repeat right center;
    top: 0;
    left: 0
}

.bg-right-logo:before {
    content: "";
    background: url(../images/bg-right-logo.png)no-repeat left center;
    top: 0;
    left: 0
}

.bg-left-logo:before,.bg-right-logo:before {
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%
}

.large-fs {
    font-size: 3em!important;
    margin-bottom: 20px!important
}

#bottom-round-shape {
    width: 100%;
    position: absolute;
    bottom: -80px
}

.bottom-round-shape+section {
    margin-top: 100px
}

.normal-lh {
    line-height: 1.6!important
}

.owl-theme.owl-nav[class*=owl-] {
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    color: #fff!important;
    font-size: 18px!important;
    border: 1px solid #fff!important;
    border-radius: 50%;
    line-height: 34px!important;
    width: 36px
}

.owl-carousel.owl-nav button.owl-prev {
    left: -80px
}

.owl-carousel.owl-nav button.owl-next {
    right: -80px;
    padding-left: 3px!important
}

.owl-theme.owl-nav[class*=owl-]:hover {
    background-color: transparent
}

.bounce {
    animation: bounce-1 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes bounce-1 {
    0% {
        transform: translateY(0)
    }

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

    100% {
        transform: translateY(0)
    }
}

header {
    width: 100%
}

.header-wrap {
    position: relative;
    z-index: 9999
}

.navbar-nav.nav-link {
    font-weight: 500;
    font-size: 17px;
    color: #fff!important;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative;
    overflow: hidden
}

.navbar {
    padding: 0
}

a.number {
    font-weight: 700;
    font-size: 22px;
    padding-left: 40px;
    position: relative;
    line-height: 25px
}

a.number:before {
    background: url(../images/phone-icon.png)no-repeat center;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 27px;
    height: 27px
}

.navbar-nav.nav-link:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: #326ef2;
    width: 100%;
    height: 0;
    border-bottom: 0 solid #fff;
    transition: all .3s linear
}

.navbar-light.navbar-nav.nav-link:before {
    border-color: #000
}

.navbar-nav.nav-link:hover:before,.navbar-nav.nav-link:visited:before {
    height: 25px;
    border-width: 2px
}

.active-bg {
    background-image: linear-gradient(90deg,#2897fc 0,#365bed 100%)!important
}

.active-bg.container-fluid,.fp-viewing-1 .container-fluid {
    z-index: 99999;
    position: relative
}

#sidebar {
    min-width: 130px
}

.nav-link[data-toggle].collapsed:after {
    content: "â–¾"
}

.nav-link[data-toggle]:not(.collapsed):after {
    content: "â–´"
}

.embed-responsive {
    height: auto;
    margin-bottom: -1px;
    min-height: auto
}

.embed-responsive video {
    height: 710px;
    position: relative;
    margin-bottom: -8px;
    object-fit: cover
}

.scroll-wrap {
    position: absolute;
    bottom: 15px;
    left: 49.5%;
    transform: translateX(-50%);
    z-index: 999;
    transition: all .6s ease-in
}

.scroll {
    background: url(../images/scroll.png)no-repeat top center;
    background-size: contain;
    width: 22px;
    height: 48px;
    position: absolute
}

.scroll-wrap.go {
    bottom: -100%;
    opacity: 0
}

.bounce {
    animation: bounce-1 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes bounce-1 {
    0% {
        transform: translateY(0)
    }

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

    100% {
        transform: translateY(0)
    }
}

header.overlay {
    background: url(../images/header-bg.png)no-repeat top center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 9;
    opacity: .9;
    color: #fff;
    background-size: cover
}

.bold,.light {
    color: #fff;
    font-size: 42px;
    font-family: GothamPro;
    letter-spacing: -2px;
    text-transform: capitalize
}

.light {
    font-weight: 100;
    text-transform: uppercase
}

.bold {
    font-weight: 600;
    font-size: 42px
}

p,p.hero {
    margin: 0 auto 20px;
    font-family: GothamPro;
    font-weight: 200;
    font-size: 16px
}

.overlay p {
    max-width: 760px
}

header.overlay.bold {
    max-width: 1200px
}

.wrap {
    padding: 5px 20px
}

.back-to-top {
    position: relative;
    display: none
}

.back-to-top a {
    display: block;
    z-index: 99;
    position: fixed;
    right: 100px;
    bottom: 20px;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 0 5px #0643ab85;
    padding: 10px 18px
}

#about {
    background: url(../images/header-bg.jpg)no-repeat bottom center;
    background-size: cover;
    color: #fff;
    text-align: center;
    min-height: 700px;
    height: auto
}

#logos {
    border: 1px solid #ffffff4a;
    border-left: 0;
    border-right: 0
}

#logos img {
    width: auto;
    margin: 0 auto
}

.bg_text {
    content: "Our services";
    text-transform: uppercase;
    color: #000;
    font-size: 10rem;
    font-weight: 700;
    font-family: GothamPro;
    opacity: .06;
    pointer-events: none;
    margin-top: -60px;
    line-height: 13rem;
    position: absolute;
    margin: 0 auto;
    top: -43px;
    width: 100%;
    text-align: center
}

.dots {
    z-index: 9;
    background-size: contain;
    position: absolute;
    bottom: 0
}

.dots+.container {
    z-index: 9;
    position: relative
}

.services-dots {
    background: url(../images/services-dots.png)no-repeat left center;
    width: 766px;
    height: 711px;
    left: 10%
}

.solutions-dots {
    background: url(../images/solutions-dots.png)no-repeat left center;
    width: 479px;
    height: 649px;
    right: 23%
}

.blog-dots {
    background: url(../images/blog-dots.png)no-repeat left center;
    width: 1294px;
    height: 800px;
    left: 10%
}

#advertising.card,#platform.card,.special-card.card,#services.card {
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    border: none;
    box-shadow: 0 3px 10px #00000012;
    margin-bottom: 1.75rem!important;
    cursor: pointer
}

#services.card a,#solutions-cards.card a {
    display: block
}

#platform.card-title,.special-card.card-title,#services.card-title {
    font-weight: 600;
    font-family: GothamPro;
    font-size: 18px;
    line-height: 1.6;
    pointer-events: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

#platform.card-img,.special-card.card-img,#services.card-img {
    overflow: hidden;
    width: 110px;
    height: 80px;
    pointer-events: none;
    margin: 0 auto;
    background: url(../images/services-icons.png)no-repeat 0 0;
    margin-bottom: 20px;
    -webkit-transition: background-position 1s ease;
    -moz-transition: background-position 1s ease;
    -o-transition: background-position 1s ease;
    transition: background-position 1s ease
}

#services.card-img.icon-2 {
    background-position: -104px 0
}

#services.card-img.icon-3 {
    background-position: -200px 0
}

#services.card-img.icon-4 {
    background-position: -303px 0
}

#services.card-img.icon-5 {
    background-position: -399px 0
}

#services.card-img.icon-6 {
    background-position: -493px 0
}

#services.card:hover.card-title,.special-card.card:hover.card-title {
    color: #365bed!important
}

#services.card:hover.card-img {
    background-position-y: -101px
}

.hi-icon-effect-5c.hi-icon:hover:before {
    -webkit-animation: toTopFromBottom .3s forwards;
    -moz-animation: toTopFromBottom .3s forwards;
    animation: toTopFromBottom .3s forwards
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

#work {
    background: url(../images/portfolio-bg.jpg)no-repeat bottom center;
    background-size: cover;
    color: #fff;
    text-align: center
}

#work.bg_text {
    color: #fff
}

#work.slider-2-content h1 {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -2px;
    margin-bottom: 20px
}

#work.slider-2-content p {
    margin-bottom: 20px
}

.animate-slide-item {
    padding-left: 10px;
    padding-bottom: 10px
}

#solutions {
    padding-bottom: 0
}

#solutions.solutions-slider {
    background: url(../images/solution.png)no-repeat center;
    min-height: 476px
}

.owl-carousel.owl-item img {
    width: auto;
    margin: 0 auto;
    padding: 20px 0
}

#solutions.owl-carousel.owl-item img {
    width: auto;
    margin: 0 auto;
    padding: 17px 0
}

#solutions.owl-theme.owl-nav[class*=owl-],#solutions.owl-theme.owl-nav[class*=owl-]i {
    border-color: #d6d6d6!important;
    color: #d6d6d6!important
}

#solutions.owl-carousel.owl-nav button.owl-prev {
    left: -40px
}

#solutions.owl-carousel.owl-nav button.owl-next {
    right: -40px
}

#solutions-cards.card-deck.card {
    border: none;
    box-shadow: 0 3px 10px #00000012
}

#solutions-cards.card-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

#solutions-cards.card-img {
    background: url(../images/solution-icons.png)no-repeat 0 0;
    background-position: 10px-10px
}

#solutions-cards.card-img.icon-2 {
    background-position: -84px-4px
}

#solutions-cards.card-img.icon-3 {
    background-position: -190px 0
}

#solutions-cards.card-img.icon-4 {
    background-position: -290px 0
}

#solutions-cards.card-img.icon-5 {
    background-position: -390px 0
}

#solutions-cards.card-img.icon-6 {
    background-position: -502px 0
}

#solutions-cards.card-img.icon-7 {
    background-position: -612px 0
}

#solutions-cards.card-img.icon-8 {
    background-position: -721px 0
}

#solutions-cards.card:hover.card-img {
    background-position-y: -101px
}

.card-body {
    padding: 2rem 1rem!important
}

.card-title {
    font-family: GothamPro;
    font-size: 17px;
    font-weight: 600
}

.card-text {
    font-family: GothamPro;
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 20px!important
}

.card-link {
    font-size: 16px;
    font-weight: 500;
    color: #3073f3!important;
    text-decoration: underline
}

#contact {
    background: url(../images/contact-bg.jpg)no-repeat bottom center;
    background-size: cover;
    color: #000
}

#contact.bg_text {
    color: #fff
}

.contact-form {
    background-color: #fff;
    border-radius: 5px
}

.contact-form h2 {
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: -2px
}

.contact-form form {
    margin-top: 20px
}

.contact-form>.row>div[class*=col] {
    padding: 50px!important
}

.contact-form label {
    font-family: GothamPro;
    font-weight: 100;
    font-size: 16px
}

.contact-form input,.contact-form textarea {
    margin-bottom: 20px
}

.contact-info {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.contact-info li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 35px
}

.contact-info li:before {
    background: url(../images/c-info-icon.png)no-repeat center;
    content: "";
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px
}

.contact-info li.email:before {
    background-position: 0 0
}

.contact-info li.phone:before {
    background-position: -35px 0
}

.contact-info li.location:before {
    background-position: -70px 0
}

.contact-info li a {
    font-family: GothamPro;
    font-size: 16px;
    font-weight: 200;
    color: #000;
    display: block
}

.social-icons li {
    padding: 0 10px
}

.social-icons li a {
    font-size: 24px
}

footer {
    position: relative;
    padding: 100px 0;
    background: url(../images/footer-bg.png)no-repeat center;
    background-size: cover;
    overflow-x: hidden
}

footer h4 {
    font-family: GothamPro;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: 25px
}

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

#footer-bottom p,#footer-bottom p a,footer ul li a {
    font-family: GothamPro;
    font-size: 15px;
    font-weight: 200;
    color: #000
}

#footer-bottom {
    background: #2897fc;
    background: linear-gradient(90deg,#2897fc 0,#365bed 100%);
    padding: 15px
}

#footer-bottom p,#footer-bottom p a {
    color: #fff;
    margin-bottom: 0
}

footer ul li:last-child p {
    margin-bottom: 0
}

footer.social-icons {
    margin-top: 8px
}

section.inner-content {
    padding: 60px 0
}

header.inner-header {
    width: 100%;
    height: 100vh;
    position: relative;
    color: #fff;
    background-size: cover!important;
    min-height: 708px
}

header.inner-header.inner-bg {
    background: url(../images/inner-bg/ecommerce-solutions-bg.png)no-repeat top center
}

.inner-content.bold {
    font-size: 34px
}

.inner-content p.hero {
    line-height: 36px
}

.inner-content p {
    line-height: 26px;
    font-size: 16px
}

ul.arrow {
    padding: 0;
    margin: 0;
    list-style-type: circle;
    line-height: 26px;
    font-size: 16px;
    font-family: GothamPro;
    font-weight: 200
}

.inner-heading {
    font-size: 28px;
    font-family: GothamPro;
    font-weight: 600
}

.icon-w-text {
    margin-bottom: 30px
}

.icon-w-text p {
    line-height: 25px;
    font-size: 14px
}

.section-bg-1 {
    background: url(../images/inner-bg/ecom-inner-bg.png)no-repeat 100%0
}

.section-bg-2:before,.section-bg-4:before,.section-bg-6:before,.section-bg-8:before,.section-bg-10:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/inner-bg/inner-bg-2.png)no-repeat 100%0;
    width: 60%;
    height: 80%;
    background-size: contain;
    opacity: 50%
}

.section-bg-4::before {
    background: url(../images/inner-bg/inner-bg-4.png)no-repeat 100%0
}

.section-bg-6:before {
    background: url(../images/inner-bg/inner-bg-6.png)no-repeat 100%0
}

.section-bg-8:before {
    background: url(../images/inner-bg/inner-bg-8.png)no-repeat 100%0
}

.section-bg-10:before {
    background: url(../images/inner-bg/inner-bg-10.png)no-repeat 100%0
}

.section-bg-3:after,.section-bg-5:after,.section-bg-7:after,.section-bg-9:after,.section-bg-11:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/inner-bg/inner-bg-3.png)no-repeat left bottom;
    width: 40%;
    height: 80%;
    background-size: contain;
    z-index: -1;
    opacity: 50%
}

.section-bg-5::after {
    background: url(../images/inner-bg/inner-bg-5.png)no-repeat 100%0
}

.section-bg-7:after {
    background: url(../images/inner-bg/inner-bg-7.png)no-repeat 100%0
}

.section-bg-9:after {
    background: url(../images/inner-bg/inner-bg-9.png)no-repeat 100%0
}

.section-bg-11:after {
    background: url(../images/inner-bg/inner-bg-11.png)no-repeat 100%0
}

.cas-box {
    position: relative;
    height: 600px;
    min-height: 600px
}

.cas-box.cas-images {
    position: absolute
}

.cas-images.cas-1 {
    left: 0;
    top: 28%
}

.cas-images.cas-2 {
    left: 20%;
    top: 0
}

.cas-images.cas-3 {
    right: 0;
    bottom: 30%
}

.cas-images.cas-4 {
    right: 20%;
    bottom: 0
}

.cas-images.cas-5 {
    left: 0;
    top: 28%
}

.cas-images.cas-6 {
    left: 20%;
    top: 0
}

.cas-images.cas-7 {
    right: 0;
    bottom: 40%
}

.cas-images.cas-8 {
    right: 9%;
    bottom: 0
}

.round-shape-bg:before {
    content: "";
    background: url(../images/services/platform.png)no-repeat top;
    width: 100%;
    height: 557px;
    position: absolute;
    background-size: cover;
    top: 0
}

#platform.card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

#platform.card {
    flex: 0 1 calc(33.333%-30px);
    margin-left: 15px;
    margin-right: 15px
}

#platform.card-img {
    background: url(../images/platform-icons.png)no-repeat 0 0
}

#platform.card-title {
    color: #000!important;
    font-weight: 200
}

.app-detail.b-heading {
    margin: 50px 0
}

.app-detail h5 {
    color: #355fee!important;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative
}

.app-detail.b-heading h5 {
    color: #000!important;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px
}

.app-detail p {
    line-height: 22px;
    font-size: 15px
}

.app-detail.b-heading p {
    font-size: 16px;
    line-height: 25px
}

.app-detail h5:after,.app-detail h5:before {
    background: #2897fc;
    background: linear-gradient(90deg,#2897fc 0,#365bed 100%);
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50px;
    position: relative;
    top: 3px
}

.dot-right.app-detail h5:after {
    content: "";
    margin-left: 10px;
    position: absolute;
    right: -25px;
    top: 5px
}

.dot-left.app-detail h5:before {
    content: "";
    margin-right: 10px;
    position: absolute;
    left: -25px;
    top: 5px
}

.dot-top.app-detail h5:before {
    content: "";
    margin: 30px auto 20px;
    display: block
}

.inner-header.center.light {
    font-size: 30px;
    margin: 30px 0
}

.owl-slider-4 .left {
    z-index: 1;
    margin-left: 0!important
}

.owl-slider-4 .right {
    z-index: -1;
    position: absolute;
    right: 0;
    top: 60px
}

.owl-slider-4 .left img,.owl-slider-4 .right img {
    margin: 0!important
}

.owl-slider-4 .img-wrap {
    height: 524px;
    vertical-align: top
}

.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*=owl-] {
    border-color: #c3c3c3!important
}

.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*=owl-]:active,.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*=owl-]:focus,.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*=owl-]:hover {
    border-color: #385ded!important
}

.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*=owl-]i {
    color: #c3c3c3!important
}

.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*=owl-]:active i,.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*=owl-]:focus i,.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*=owl-]:hover i {
    color: #385ded!important
}

.owl-slider-4.owl-carousel.owl-nav button.owl-prev {
    left: 52%;
    top: 75%
}

.owl-slider-4.owl-carousel.owl-nav button.owl-next {
    right: 39%;
    top: 75%
}

.owl-slider.owl-item.animate-slide-item {
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1)!important;
    transition: all 1s cubic-bezier(.165,.84,.44,1)!important
}

.slider-2-content ul li:last-child {
    margin-right: 0!important
}

.animate-slider.owl-item.active.animate-slide-item {
    top: 0!important;
    position: relative!important;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1)!important;
    transition: all 1s cubic-bezier(.165,.84,.44,1)!important
}

.animate-slide-item {
    display: block!important;
    -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1)!important;
    transition: all 1s cubic-bezier(.165,.84,.44,1)!important;
    top: 120px!important
}

.animate-slide-item:nth-child(1) {
    transition-delay: .42s!important;
    -webkit-transition-delay: .42s!important
}

.animate-slide-item:nth-child(2) {
    transition-delay: .52s!important;
    -webkit-transition-delay: .52s!important
}

.animate-slide-item:nth-child(3) {
    transition-delay: .62s!important;
    -webkit-transition-delay: .62s!important
}

.animate-slider.slider-right.img-wrap:first-child {
    z-index: 20
}

.animate-slider.slider-right.img-wrap.inner img {
    transform: translateY(100%)!important;
    -webkit-transform: translateY(100%)!important;
    -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1)!important;
    transition: all 1s cubic-bezier(.165,.84,.44,1)!important
}

.animate-slider.slider-right.img-wrap:first-child.inner img {
    transition-delay: .42s!important;
    -webkit-transition-delay: .42s!important
}

.animate-slider.slider-right.img-wrap:last-child.inner img {
    transition-delay: .55!important;
    -webkit-transition-delay: .55s!important
}

.animate-slider.owl-item.active.slider-right.img-wrap.inner img {
    transform: translateY(0)!important;
    -webkit-transform: translateY(0)!important
}

#advertising.card {
    flex: 0 1 calc(25%-30px);
    margin-left: 15px;
    margin-right: 15px;
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.font-size-large {
    font-size: 4em!important
}

#services-section.bold,#services-section.light {
    margin-bottom: 20px
}

#technologies {
    padding: 100px 0
}


.hexagon.h-overlay {
    background: url(../images/about/hexagon-w-h.png)no-repeat center;
    background-size: 0;
    position: absolute;
    width: 100%;
    height: 180px;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transition: background-size .2s ease-in-out;
    transition: background-size .2s ease-in-out
}

.hexagon:hover.h-overlay {
    background-size: 100%
}

#testimonials {
    background: url(../images/about/map-bg.png)no-repeat center;
    background-size: contain
}

#testimonials.slide.small {
    font-size: 14px
}

#testimonials.slide.small span {
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 0
}

#testimonials-grid {
    text-align: center
}

#testimonials-grid.row {
    margin-bottom: 120px
}

#testimonials-grid.row:first-child {
    margin-top: 50px
}

#testimonials-grid.row:last-child {
    margin-bottom: 0
}

.t-grid {
    background-color: #f5f7fb;
    border-radius: 0;
    padding: 50px;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.center-q:before,.left-q:before,.right-q:before {
    content: "";
    background: url(../images/q.png)no-repeat;
    background-size: contain;
    position: absolute;
    width: 117px;
    height: 104px;
    top: -74px
}

.left-q:before {
    left: 20px
}

.right-q:before {
    right: 20px
}

.center-q:before {
    left: 50%;
    transform: translateX(-50%)
}

.t-grid p {
    color: #000;
    font-weight: 400;
    margin-bottom: 30px
}

.t-grid p.small {
    margin-bottom: 0
}

.review {
    font-size: 13px;
    margin-bottom: 10px
}

.review.yellow {
    color: #ffc107!important
}

#process-grid.row {
    margin-bottom: 30px
}

#process-grid.row:nth-child(2) {
    margin-bottom: 50px
}

#process-grid.row:nth-child(3) {
    margin-bottom: 60px
}

#process-grid.row:nth-child(4) {
    margin-bottom: 50px
}

#process-grid.row:nth-child(5) {
    margin-bottom: 60px
}

#process-grid.row:nth-child(6) {
    margin-bottom: 60px
}

#process-grid.row:nth-child(7) {
    margin-bottom: 50px
}

#mySVG {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    margin-top: -30px;
    z-index: 999
}

#process-grid.row h2 {
    margin-bottom: 0
}

#process-grid.left img {
    margin-left: -70px
}

#process-grid.right img {
    margin-left: 100px
}

#clients-grid.row.col-auto {
    margin-bottom: 1.8rem
}

#clients-grid.row.col-auto.card {
    border: 0;
    box-shadow: 2px-2px 6px #00000021
}

#clients-grid.row.col-auto.card.hvr-bounce-to-right:before {
    background: #f0f0f0
}

.contact a.email,.contact a.number {
    font-size: 16px;
    font-weight: 500;
    margin-left: 30px;
    padding-left: 30px;
    line-height: 25px;
    position: relative;
    color: #000
}

.contact a.email:focus,.contact a.email:hover,.contact a.number:focus,.contact a.number:hover {
    color: #000
}

.contact.navbar-text a:first-child:after {
    content: "|";
    margin-left: 40px
}

.contact a.email:before,.contact a.number:before {
    content: "";
    position: absolute;
    left: 0;
    width: 27px;
    height: 27px
}

.contact a.number:before {
    background: url(../images/contact/number.png)no-repeat center
}

.contact a.email:before {
    background: url(../images/contact/email.png)no-repeat center
}

header.contact {
    height: 100vh
}

header.contact.inner-header.inner-bg {
    background: 0 0;
    height: 100vh;
    min-height: auto
}

header.contact~#footer-bottom {
    position: fixed;
    bottom: 0;
    width: 100%
}

header.contact.inner-header.inner-bg.left-col {
    background: #2897fc;
    background: linear-gradient(90deg,#2897fc 0,#365bed 100%)
}

header.contact.inner-header.inner-bg.content {
    width: 100%;
    height: 100%;
    padding: 150px
}

header.contact.inner-header.inner-bg.left-col.content {
    background: url(../images/contact/contact-bg.png)no-repeat top center
}

header.contact.container-fluid,header.contact.row {
    height: 100%
}

.contact.active-bg a.email,.contact.active-bg a.number {
    color: #fff
}

.contact.active-bg a.email:before {
    background: url(../images/contact/email-w.png)no-repeat center
}

.contact.active-bg a.number:before {
    background: url(../images/contact/number-w.png)no-repeat center
}

body[class*=fp-viewing-].navbar {
    background-color: #ffffff3b
}

body.fp-viewing-0 .navbar {
    background-color: transparent
}

header #case-header.inner-bg {
    background: url(../images/case/case-bg.png)no-repeat top center
}

.before-ntrc {
    position: absolute;
    width: 432px;
    height: 509px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

#fullpage h2 {
    text-shadow: 6px 6px 6px #0000002e;
    font-size: 2.5rem
}

#fullpage.grey-bg h1 {
    text-shadow: none
}

#section1 {
    background: url(../images/case-study/section1.png)no-repeat center;
    background-size: cover
}

#section2 {
    background: url(../images/case-study/section2.jpg)no-repeat center;
    background-size: cover
}

#section3 {
    background: url(../images/case-study/section3.png)no-repeat center;
    background-size: cover
}

#section4 {
    background: url(../images/case-study/section4.jpg)no-repeat center;
    background-size: cover
}

#section5 {
    background: url(../images/case-study/section5.jpg)no-repeat center;
    background-size: cover
}

#section6 {
    background: url(../images/case-study/section6.png)no-repeat center;
    background-size: cover
}

header.inner-ct.inner-header.inner-bg {
    background: 0 0
}

.case-study.card {
    border: 0;
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
    height: 100%;
    padding: 40px 0
}

.case-study h5.card-title {
    color: #0b1e63!important;
    font-size: 18px
}

.case-study.card-text {
    font-size: 14px;
    line-height: 22px
}

.resources.card {
    border: 0;
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.1)
}

.resources.card.card-title {
    font-size: 18px;
    color: #222
}

.resources.card.card-body a {
    font-size: 14px
}

.resources.card.card-text {
    color: #aaa
}

.resources.card.card-body.card-text>p {
    font-size: 14px;
    line-height: 15pt
}

.resources.pagination>li {
    clip-path: polygon(25%0,75%0,100%50%,75%100%,25%100%,0 50%);
    margin-right: 10px
}

.resources.pagination>li a {
    background-color: #f1f0f0
}

.resources.pagination>li:last-child {
    margin-right: 0
}

.resources.pagination.page-link {
    padding: 10px 18px
}

.resources.card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    justify-content: space-between
}

.e-books a {
    padding: .5rem 2.5rem;
    font-size: 14px
}

.e-books p {
    margin: 0
}

.blog-post {
    padding-top: 160px!important
}

.blog-post h3 {
    font-weight: 700
}

.blog-post h5 {
    font-weight: 500
}

.blog-post p {
    color: #222
}

#blog.card {
    margin-bottom: 2px
}

#blog.card-body {
    min-height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

#blog.card>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important;
    height: 100%
}

.case-heading {
    font-size: 44px;
    font-weight: 900;
    text-transform: uppercase
}

.inner-case p {
    line-height: 25px
}

.l-blue-bg {
    background-color: #f5f9ff
}

.vl-blue-bg {
    background-color: #fafcff
}

.inner-case ul {
    padding: 0;
    list-style: none
}

.inner-case ul li {
    margin-bottom: 15px;
    display: block
}

.boudle>div {
    position: absolute;
    top: 0
}

.inner-case ul li::before {
    content: "\2022";
    color: #0b1e63;
    font-size: 50px;
    vertical-align: middle;
    line-height: 20px;
    padding-right: 10px
}

.dropdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    padding: .5rem 1.5rem;
    position: relative;
    margin-bottom: 5px;
    padding-bottom: 10px
}

.dropdown-item img {
    width: 35px;
    margin-right: 15px;
    filter: grayscale(1)
}

.dropdown-item small {
    display: block;
    white-space: normal
}

.dropdown-menu h3 {
    font-size: 28px;
    color: #000
}

.dropdown-menu.menu-right h3 {
    font-size: 20px;
    color: #000;
    margin-bottom: 10px
}

.dropdown-menu p {
    font-size: 14px
}

.dropdown-item:after {
    content: "";
    width: 80%;
    border-bottom: 1px solid #efefef;
    position: absolute;
    bottom: 0
}

.dropup,.dropdown {
    position: static
}

.navbar-nav.dropdown-menu {
    width: 100%;
    box-shadow: 0 8px 6px #326ef229;
    border-radius: 0!important
}

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

ul.ql li {
    margin-bottom: 10px
}

ul.ql li a small {
    display: block
}

ul.ql li a,ul.ql li div.dropdown-item {
    color: #000;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

.menu-left {
    border-right: 1px solid #c3c3c3
}

.menu-right {
    background-color: #2a90fa47
}

.inner-content.small-fs p {
    line-height: 20px;
    font-size: 14px
}

#advertising.hvr-bounce-to-right:before {
    background-image: linear-gradient(90deg,#2897fc 0,#365bed 100%)!important
}

#advertising.hvr-bounce-to-right:hover h5 {
    color: #fff!important
}

header.contact.navbar-text {
    border: none;
    width: auto;
    border-radius: 0;
    padding: initial;
    margin: 0
}

#section1 {
    background: url(../images/case-study/section1.png) no-repeat center;
    background-size: cover
}

#section2 {
    background: url(../images/case-study/section2.jpg) no-repeat center;
    background-size: cover
}

#section3 {
    background: url(../images/case-study/section3.png) no-repeat center;
    background-size: cover
}

#section4 {
    background: url(../images/case-study/section4.jpg) no-repeat center;
    background-size: cover
}

#section5 {
    background: url(../images/case-study/section5.jpg) no-repeat center;
    background-size: cover
}

#section6 {
    background: url(../images/case-study/section6.png) no-repeat center;
    background-size: cover
}

header.inner-ct .inner-header.inner-bg {
    background: 0 0
}

.case-study .card {
    border: 0;
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
    height: 100%;
    padding: 40px 0
}

.case-study h5.card-title {
    color: #0b1e63!important;
    font-size: 18px
}

.case-study .card-text {
    font-size: 14px;
    line-height: 22px
}

.resources .card {
    border: 0;
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.1)
}

.resources .card .card-title {
    font-size: 18px;
    color: #222
}

.resources .card .card-body a {
    font-size: 14px
}

.resources .card .card-text {
    color: #aaa
}

.resources .card .card-body .card-text>p {
    font-size: 14px;
    line-height: 15pt
}

.resources .pagination>li {
    clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
    margin-right: 10px
}

.resources .pagination>li a {
    background-color: #f1f0f0
}

.resources .pagination>li:last-child {
    margin-right: 0
}

.resources .pagination .page-link {
    padding: 10px 18px
}

.resources .card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    justify-content: space-between
}

.e-books a {
    padding: .5rem 2.5rem;
    font-size: 14px
}

.e-books p {
    margin: 0
}

.blog-post {
    padding-top: 160px!important
}

.blog-post h3 {
    font-weight: 700
}

.blog-post h5 {
    font-weight: 500
}

.blog-post p {
    color: #222
}

#blog .card {
    margin-bottom: 2px
}

#blog .card-body {
    min-height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

#blog .card>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important;
    height: 100%
}

.case-heading {
    font-size: 44px;
    font-weight: 900;
    text-transform: uppercase
}

.inner-case p {
    line-height: 25px
}

.l-blue-bg {
    background-color: #f5f9ff
}

.vl-blue-bg {
    background-color: #fafcff
}

.inner-case ul {
    padding: 0;
    list-style: none
}

.inner-case ul li {
    margin-bottom: 15px;
    display: block
}

.boudle>div {
    position: absolute;
    top: 0
}

.inner-case ul li::before {
    content: "\2022";
    color: #0b1e63;
    font-size: 50px;
    vertical-align: middle;
    line-height: 20px;
    padding-right: 10px
}

.dropdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    padding: .5rem 1.5rem;
    position: relative;
    margin-bottom: 5px;
    padding-bottom: 10px
}

.dropdown-item img {
    width: 35px;
    margin-right: 15px;
    filter: grayscale(1)
}

.dropdown-item small {
    display: block;
    white-space: normal
}

.dropdown-menu h3 {
    font-size: 28px;
    color: #000
}

.dropdown-menu .menu-right h3 {
    font-size: 20px;
    color: #000;
    margin-bottom: 10px
}

.dropdown-menu p {
    font-size: 14px
}

.dropdown-item:after {
    content: "";
    width: 80%;
    border-bottom: 1px solid #efefef;
    position: absolute;
    bottom: 0
}

.dropup,.dropdown {
    position: static
}

.navbar-nav .dropdown-menu {
    width: 100%;
    box-shadow: 0 8px 6px #326ef229;
    border-radius: 0!important
}

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

ul.ql li {
    margin-bottom: 10px
}

ul.ql li a small {
    display: block
}

ul.ql li a,ul.ql li div.dropdown-item {
    color: #000;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

.menu-left {
    border-right: 1px solid #c3c3c3
}

.menu-right {
    background-color: #2a90fa47
}

.inner-content .small-fs p {
    line-height: 20px;
    font-size: 14px
}

#advertising .hvr-bounce-to-right:before {
    background-image: linear-gradient(90deg,#2897fc 0,#365bed 100%)!important
}

#advertising .hvr-bounce-to-right:hover h5 {
    color: #fff!important
}

header.contact .navbar-text {
    border: none;
    width: auto;
    border-radius: 0;
    padding: initial;
    margin: 0
}

.home_about_section {
    background: 0 0!important
}

.home_about_section #logos img {
}

.home_about_section #logos {
}

.home_about_section .owl-theme .owl-nav [class*=owl-] {
    border: 1px solid #000!important;
    color: #000!important
}

.home_about_section .bold,.home_about_section .light {
    color: #000
}

.home_about_section p.hero {
    color: #000
}

.case-studies-home {
    overflow-x: hidden;
    height: 100vh
}

.fixed-top {
    position: absolute!important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99999!important
}

.case-studies-home .section {
    height: 100vh;
    display: flex;
    align-content: center;
    align-items: center
}

.case-studies-home .owl-carousel .owl-nav button.owl-prev {
    left: 50px!important
}

.case-studies-home .owl-carousel .owl-nav button.owl-next {
    right: 50px!important
}

.contact-bnr-sec {
    background: #050b16;
    padding: 100px 0 0
}

.contact-bnr-sec .row {
    align-items: center
}

.contact-bnr-sec {
    background: #050b16;
    padding: 120px 0 60px;
    overflow: visible;
    height: 600px
}

.contact-bnr-sec .row {
    align-items: center
}

.cntct-bnr-txt h1 {
    font-size: 53px;
    font-weight: 700;
    line-height: 67px;
    letter-spacing: .5px
}

.cntct-bnr-txt p {
    font-size: 14px;
    line-height: 29px;
    letter-spacing: .1px;
    color: #fff;
    margin-bottom: 50px
}

.cntct-bnr-side-img {
    position: relative
}

.cntct-bnr-side-img img {
    position: absolute;
    top: 150px;
    bottom: 0;
    margin: auto;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 14px 43px 0 rgba(10,9,13,.33)
}

.contact-bnr-sec {
    background: #050b16
}

.contactfrom .formwrp {
    padding: 35px 0 80px
}

.contactfrom .formwrp .formwrap {
    width: 85%;
    box-shadow: 0 11px 60px 0 rgb(126 126 126/18%);
    border-radius: 10px;
    margin: 0 auto 0 0;
    background: #fff
}

.contactfrom .formwrp form {
    padding: 0
}

.contactfrom .formwrp form .txtwrp {
}

.contactfrom .formwrp form .txtwrp h4 {
    color: #000;
    font-size: 30px;
    line-height: 1;
    font-weight: 600;
    padding: 10px 0 20px;
    line-height: 36px
}

.contactfrom .formwrp form .txtwrp span {
    color: #355fee;
    font-size: 15px;
    font-weight: 600
}

.contactfrom .formwrp .lablewrp {
    position: relative
}

.contactfrom .formwrp .lablewrp input {
    width: 100%;
    height: 50px;
    margin: 0 0 14px;
    padding: 0 0 0 10px;
    border: 1px solid #e9e9ea;
    border-radius: 10px;
    outline: none;
    font-size: 14px;
    color: #000
}

.contactfrom .formwrp .lablewrp select {
    width: 100%;
    height: 45px;
    color: #c9c9c9;
    margin: 0 0 10px;
    position: relative;
    padding: 0 0 0 10px;
    border: 1px solid #e6e6e68a;
    border-radius: 10px;
    outline: #ffdead
}

.contactfrom .formwrp .lablewrp input.btnm {
    background: #050b16;
    color: #fff
}

.contactfrom .img-pp {
    background-size: cover;
    background-repeat: no-repeat
}

.contactfrom .mmaindiv {
    width: 100%;
    background: #f0fcf888;
    padding: 19px 33px
}

.contactfrom .mmaindiv a {
    font-size: 12px;
    font-weight: 600;
    color: #000
}

.contactfrom .mmaindiv a span {
    color: #357782
}

.contactfrom .formwrp .lablewrp i {
    position: absolute;
    top: 15px;
    z-index: 11;
    color: #777780;
    right: 20px
}

.contactfrom .formwrp .lablewrp input::placeholder {
    color: #000
}

.contactfrom .formwrp .lablewrp textarea::placeholder {
    color: #000
}

.contactfrom .formwrp .lablewrp select {
    color: #000
}

.contactfrom .formwrp .lablewrp select option {
    color: #000
}

.budget-wrap {
}

.budget-wrap .header .title {
    color: #777;
    font-size: 15px;
    margin-bottom: 10px
}

.budget-wrap .header .title .pull-right {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #355fee;
    padding: 4px 26px;
    border-radius: 7px;
    float: right
}

.budget-wrap .footer {
    margin-top: 30px
}

.budget-wrap .footer .btn {
    color: inherit;
    padding: 12px 24px;
    border-radius: 50px;
    display: inline-block;
    text-decoration: none
}

.budget-wrap .footer .btn.btn-def {
    color: #525263;
    display: none
}

.budget-wrap .footer .btn.btn-pri {
    color: #eee;
    background: #ff5a84;
    display: none
}

.rangeslider,.rangeslider__fill {
    display: block;
    border-radius: 10px
}

.rangeslider {
    position: relative
}

.rangeslider:after {
    top: 50%;
    left: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 11px;
    margin-top: -5.5px;
    border-radius: 5px;
    position: absolute;
    border: 3px dotted #f7f7f7;
    background: #fff
}

.rangeslider--horizontal {
    width: 100%;
    height: 28px
}

.rangeslider--vertical {
    width: 5px;
    min-height: 150px;
    max-height: 100%
}

.rangeslider--disabled {
    filter: alpha(opacity=40);
    opacity: .4
}

.rangeslider__fill {
    position: absolute;
    background: #355fee
}

.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%
}

.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%
}

.rangeslider__handle {
    top: 50%;
    width: 28px;
    height: 28px;
    cursor: pointer;
    margin-top: -14px;
    background: #fff;
    position: absolute;
    background: #ff637b;
    border-radius: 60px;
    display: inline-block;
    background: #355fee;
    box-shadow: 0 0 7px 0 rgba(10,9,13,.51)
}

.rangeslider__handle:active {
    background: #355eec
}

.rangeslider__fill,.rangeslider__handle {
    z-index: 1
}

.rangeslider--horizontal .rangeslider__fill {
    top: 50%;
    height: 5px;
    margin-top: -2.5px
}

.form-lft-col {
    height: 100%;
    background: url(../images/footer-contact.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px 0 0 40px
}

.form-lft-col h4 {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: .7px;
    margin-bottom: 15px
}

.form-lft-col h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    line-height: 43px
}

.speak-with {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.speak-with p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase
}

.speak-with a {
    text-transform: uppercase;
    color: #000;
    font-weight: 500
}

.speak-with a span {
    color: #355fee;
    font-weight: 600
}

.cntct-bnr-txt h1 span {
    color: #355fee
}

.img-logo-header {
    width: 190px;
    margin-bottom: 50px
}

.contact_footer .contact-form-sec {
    margin: 0;
    padding: 0
}

.contact_footer .contactfrom .formwrp form .txtwrp span {
    color: #fff
}

.contact_footer .contactfrom .formwrp form .txtwrp h4 {
    color: #fff
}

.contact_footer .budget-wrap .header .title {
    color: #fff
}

.contact_footer .speak-with p {
    color: #fff
}

.contact_footer .speak-with a {
    color: #fff
}

.contact_footer .budget-wrap .header .title .pull-right {
    border: 2px solid #fff
}

.contact_footer .speak-with a span {
    color: #fff
}

.app-development-banner {
    background: url(../images/banners/services-app-development.jpg) no-repeat top center!important
}

.ecommmerce-development-banner {
    background: url(../images/banners/services-ecommerce-development.jpg) no-repeat top center!important
}

.game-development-banner {
    background: url(../images/banners/services-game-development.jpg) no-repeat top center!important
}

.web-development-banner {
    background: url(../images/banners/services-web-development.jpg) no-repeat top center!important
}

.mvp-development-banner {
    background: url(../images/banners/services-mvp-development.jpg) no-repeat top center!important
}

.digital-marketing-banner {
    background: url(../images/banners/services-mvp-development.jpg) no-repeat top center!important
}

.design-consultuncy-banner {
    background: url(../images/banners/services-design-consultuncy.jpg) no-repeat top center!important
}

.start-up-banner {
    background: url(../images/banners/services-startup.jpg) no-repeat top center!important
}

.industries-media-banner {
    background: url(../images/banners/industries-media.jpg) no-repeat top center!important
}

.industries-real-state-banner {
    background: url(../images/banners/industries-real-state.jpg) no-repeat top center!important
}

.industries-travel-banner {
    background: url(../images/banners/industries-travel.jpg) no-repeat top center!important
}

.industry-advertising-banner {
    background: url(../images/banners/industry-advertising.jpg) no-repeat top center!important
}

.industry-ecommerce-banner {
    background: url(../images/banners/industry-ecommerce.jpg) no-repeat top center!important
}

.industry-education-banner {
    background: url(../images/banners/industry-education.jpg) no-repeat top center!important
}

.industry-finace-banner {
    background: url(../images/banners/industry-finace.jpg) no-repeat top center!important
}

.industry-gaming-banner {
    background: url(../images/banners/industry-gaming.jpg) no-repeat top center!important
}

.industry-healthcare-banner {
    background: url(../images/banners/industry-healthcare.jpg) no-repeat top center!important
}

.industry-software-banner {
    background: url(../images/banners/industry-software.jpg) no-repeat top center!important
}

.industry-sports-banner {
    background: url(../images/banners/industry-sports.jpg) no-repeat top center!important
}

.industry-transfort-banner {
    background: url(../images/banners/industry-transfort.jpg) no-repeat top center!important
}

.solution-booking-banner {
    background: url(../images/banners/solutions-booking.jpg) no-repeat top center!important
}

.solutions-delivery-banner {
    background: url(../images/banners/solutions-delivery.jpg) no-repeat top center!important
}

.solutions-ecommerce-banner {
    background: url(../images/banners/solutions-ecommerce.jpg) no-repeat top center!important
}

.solutions-fitness-banner {
    background: url(../images/banners/solutions-fitness.jpg) no-repeat top center!important
}

.solutions-fleet-managment-banner {
    background: url(../images/banners/solutions-fleet-managment.jpg) no-repeat top center!important
}

.solutions-real-state-banner {
    background: url(../images/banners/solutions-real-state.jpg) no-repeat top center!important
}

.solutions-resturant-banner {
    background: url(../images/banners/solutions-resturant.jpg) no-repeat top center!important
}

.solutions-social-banner {
    background: url(../images/banners/solutions-social.jpg) no-repeat top center!important
}

.about-clients-banner {
    background: url(../images/banners/about-client.jpg) no-repeat top center!important
}

.about-manifesto-banner {
    background: url(../images/banners/about-manifesto.jpg) no-repeat top center!important
}

.about-process-banner {
    background: url(../images/banners/about-our-process.jpg) no-repeat top center!important
}

.about-testimonils-banner {
    background: url(../images/banners/about-testimonils.jpg) no-repeat top center!important
}

.resources-blog-banner {
    background: url(../images/banners/about-client.jpg) no-repeat top center!important
}

.resources-ebook-banner {
    background: url(../images/banners/about-manifesto.jpg) no-repeat top center!important
}

.resources-news-banner {
    background: url(../images/banners/about-our-process.jpg) no-repeat top center!important
}

.resources-press-release-banner {
    background: url(../images/banners/about-testimonils.jpg) no-repeat top center!important
}

.main-form {
    height: 491px;
    margin: 0;
    padding: 0 40px;
    border-radius: 8px;
    background-color: rgb(255 255 255)
}

.discount h4 {
    font-size: 16.54px;
    color: #fff;
    padding: 22px 0 0;
    margin: 0
}

.discount h3 {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    padding: 0 0 13px
}

.form-box input.form-control {
    height: 54px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 1px 18px 0 rgb(0 0 0/11%);
    border-color: transparent
}

.header_message {
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 1px 18px 0 rgb(0 0 0/11%);
    border-color: transparent
}

.agre-buton {
    text-align: center
}

.custom-btn1 {
    font-size: 17px;
    outline: 0!important;
    padding: 5px 32px;
    color: #000;
    background: #2897fc;
    background: linear-gradient( 90deg,#2897fc 0,#365bed 100%);
    color: #fff!important
}

.discount {
    background: #2a91fb;
    margin: 0 -41px 19px;
    padding: 0 40px
}

.inner_icons {
    display: flex;
    margin: 40px 0 0
}

.inner_icons img {
    display: flex;
    width: 66px;
    margin: 0 31px 0 0
}

.cas-box.cas-bx-st .cas-images.cas-6 {
    left: 0
}

.cas-box.cas-bx-st .cas-images.cas-2 {
    left: 0
}

.cas-box.cas-bx-st .cas-images.cas-7 {
    left: -15%;
    bottom: 35%
}

.cas-box.cas-bx-st .cas-images.cas-5 {
    z-index: 1
}

.cas-box.cas-bx-delv-st .cas-images.cas-2 {
    left: 42%;
    bottom: 15%;
    top: inherit
}

.cas-box.cas-bx-delv-st .cas-images.cas-1 {
    top: 0;
    left: -10%
}

.cas-box.cas-bx-delv-st .cas-images.cas-5 {
    top: 0;
    left: 0
}

.cas-box.cas-bx-delv-st .cas-images.cas-6 {
    left: 40%;
    bottom: 0;
    margin: auto;
    top: 0;
    display: flex;
    align-items: center
}

.cas-box.cas-bx-ecom-st .cas-images.cas-3 {
    bottom: 8%;
    z-index: 1
}

p.hero.case-color {
    color: #fff!important
}

h2.bold.case-color {
    color: #fff!important
}

.case-header img {
    filter: invert(1)
}

.cas-images.cas-4 .cas-box.cas-bx-ecom-st {
}

.cas-box.cas-bx-ecom-st .cas-images.cas-4 {
    z-index: 1
}

.cas-box.cas-bx-ecom-st .cas-images.cas-1 {
    left: -8%;
    top: 22%;
    z-index: 1
}

.cas-box.cas-bx-ecom-st .cas-images.cas-5 {
    top: 0;
    left: 10%;
    margin: auto
}

.cas-box.cas-bx-ecom-st .cas-images.cas-8 {
    right: 0
}

.cas-box.cas-bx-ecom-st .cas-images.cas-7 {
    left: 0;
    bottom: 0
}

.cas-box.cas-bx-ecom-st .cas-images.cas-6 {
    left: inherit;
    right: 0;
    top: 5%
}

.cas-box.cas-bx-fit-st .cas-images.cas-1 {
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

.cas-box.cas-bx-fit-st .cas-images.cas-7 {
    bottom: 0
}

.cas-box.cas-bx-fit-st .cas-images.cas-5 {
    z-index: 1;
    top: inherit;
    bottom: 0;
    left: -10%
}

.cas-box.cas-bx-fit-st .cas-images.cas-6 {
    top: -18%;
    left: 15%
}

.cas-box.cas-bx-social-st .cas-images.cas-2 {
    left: 12%;
    top: 0
}

.cas-box.cas-bx-social-st .cas-images.cas-1 {
    bottom: 10%;
    z-index: 1;
    top: inherit;
    left: 20px
}

.cas-box.cas-bx-social-st .cas-images.cas-5 {
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

.cas-box.cas-bx-fleet-st .cas-images.cas-1 {
    top: 0;
    display: flex;
    align-items: center;
    bottom: 0
}

.cas-box.cas-bx-fleet-st .cas-images.cas-5 {
    display: flex;
    top: 0;
    bottom: 0;
    align-items: center
}

.cas-box.cas-bx-rest-st {
}

.cas-box.cas-bx-rest-st .cas-images.cas-1 {
    top: 20px;
    left: 0;
    right: 0
}

.cas-box.cas-bx-rest-st .cas-images.cas-2 {
    bottom: 0;
    top: inherit;
    left: 0
}

.cas-box.cas-bx-rest-st .cas-images.cas-5 {
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

header .inner-header:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #070d18;
    opacity: .9
}

.home_about_section #logos img {
    height: 130px
}

section.section.section--awards {
    padding: 60px 0;
}

/* Case Studies Page CSS Starts */
.caseStudiesMain {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}

.portfolio-card {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    margin: 0 0 2rem;
}

.portfolio-card-wrap .content {
    position: relative;
    padding-left: 1.5rem;
    border-left: 2px solid #ebebeb;
}

.portfolio-card-wrap {
    width: calc(50% - 2.57rem);
    margin-bottom: 4.1rem;
}

.portfolio-card-wrap:nth-child(odd) {
    transform: translateY(4rem);
    -moz-transform: translateY(4rem);
    -webkit-transform: translateY(4rem);
}

.portfolio-card .media {
    width: 100%;
    position: relative;
    object-fit: cover;
}

.portfolio-card a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.portfolio-card-wrap .content h2 {
    font-size: 1.6rem;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0 0 0.5rem;
    font-weight: 600;
    color: #000;
}

.portfolio-card-wrap .content p {
    color: #666666;
    font-size: 1.2rem;
    line-height: 1.67;
    margin: 0 0 0.7rem;
    font-weight: 400;
    letter-spacing: -0.02rem;
}

.portfolio-card-wrap .content .small {
    color: #666666;
    font-size: 0.9rem;
    line-height: 1.67;
    margin: 0 0 0.7rem;
    letter-spacing: -0.02rem;
    text-transform: uppercase;
}

.portfolio-card-wrap .content a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Case Studies Page CSS Ends */
header .portfolioInner video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.portfolioInner.hasGradient:before {
    content: '';
    background-image: linear-gradient(transparent, #000000) !important;
    height: 20%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: none;
    opacity: 1;
}

section.techStackSection {
    background: #000;
}

.techStackSection h3 {
    color: gray;
    text-align: center;
    font-size: 1rem;
    text-transform: uppercase;
}

.techStackSection .stackIconsMain {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border: 1px solid #fff;
    padding: 3rem;
    margin-top: 1rem;
    border-radius: 13px;
}

.techStackSection .stackIconsMain .stackIcon {
    height: 100px;
    width: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #444444;
    border-radius: 100%;
    flex-direction: column;
    position: relative;
}

.techStackSection .stackIconsMain .stackIcon h4 {
    position: absolute;
    bottom: -40px;
    color: #fff;
    font-size: 1rem;
}

.techStackSection .homeKitMain h3 {
    text-transform: capitalize;
    font-size: 3rem;
    color: #fff;
    font-weight: 100;
}

.homeKitMain {
    margin-top: 9rem;
}

.homeKitIcons {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 4rem 1rem;
    border: 1px solid #fff;
    border-radius: 13px;
    margin-top: 4rem;
}

.htContent h2 {
    color: #fff;
}

.htContent p {
    color: #fff;
}

.htContent {
    text-align: center;
    margin-top: 4rem;
}

.challengeContent ul {
    list-style: auto;
}

.btnMain div {
    text-align: center;
    margin-top: 2rem;
}

.challengeOpt {
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.portfolioInner2.lightBg {
    background: url(../images/portfolio/tripple/tripple-bg.png);
}

.inner-header.lightBg:before {
    display: none;
}

.enquire-form {
    background: #D6FFFC;
    background: -moz-linear-gradient(top, #D6FFFC 0%, #ffeff5 100%);
    background: -webkit-linear-gradient(top, #D6FFFC 0%,#ffeff5 100%);
    background: linear-gradient(to bottom, #D6FFFC 0%,#ffeff5 100%);
}

.custom-file-label::after {
    line-height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    border: 0;
    height: auto;
    padding: 0px 15px;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0;
    cursor: pointer;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    padding: 0px 15px;
    font-weight: 400;
    height: 50px;
    line-height: 46px;
    background-color: #fff;
    border: 2px solid #ced4da;
    border-radius: 4px;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

.modal-backdrop.show {
    opacity: 0.9;
    /* z-index: 99999; */
}

.fdgn2 input, .fdgn2 select, .fdgn2 textarea {
    border: 2px solid #e6e6e6 !important;
}

.form-block input:focus, .form-block textarea:focus {
    border-bottom: 2px solid #ff1f8e;
}

.form-block input {
    width: 100%;
    height: 50px;
    padding: 0px 15px;
    margin: 0px 0 15px 0;
    color: #172b43;
    font-size: 16px;
    outline: none;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.form-block textarea {
    height: 100px;
    width: 100%;
    padding: 15px;
    margin: 0px 0 15px 0;
    color: #172b43;
    font-size: 16px;
    outline: none;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

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

.form-block select {
    width: 100%;
    height: 50px;
    padding: 0px 15px;
    margin: 0px 0 15px 0;
    color: #172b43;
    font-size: 16px;
    outline: none;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.help-block.with-errors {
    color: #ff5050;
    margin: 0px 0 0 10px;
    font-size: 13px;
    position: relative;
    bottom: 12px;
}

.messages .alert {
    position: relative;
    padding: 6px 25px 6px 6px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 14px;
}

.form-block .messages button:hover {
    background-color: transparent;
}

.messages .close {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    text-align: right;
    position: absolute;
    right: 5px;
    top: 0;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #ff1f8e;
    background-color: #ff1f8e;
}

.custom-control-input:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 3px 6px rgba(91,130,148,.08);
    box-shadow: 0 3px 6px rgba(91,130,148,.08);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #ffbc80;
}

.custom-control-label::before {
    position: absolute;
    top: -1px;
    left: -1.5rem;
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-control-label::after {
    position: absolute;
    top: -3px;
    left: -26px;
    display: block;
    width: 25px;
    height: 25px;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.custom-control {
    margin-bottom: 10px;
}

.form-block label input {
    height: 20px;
    width: 20px;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
}

.fieldsets label {
    position: relative;
    top: -14px;
    font-size: 14px;
    color: #ff1f8e;
    margin: 0;
    padding: 0;
    display: inline;
}

.custom-control label {
    text-indent: -21px;
    padding: 2px 0 0 21px;
    font-size: 14px;
}

.form-block label a {
    color: #000;
}

.form-block p.trm {
    font-size: 13px;
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
}

.form-block p.trm i {
    padding: 5px 5px 0 0;
}

.form-block button:hover {
    background-color: #ff1f8e;
}

.form-block button {
    width: 100%;
    border: 1px solid transparent;
    height: 50px;
    transition: 0.5s;
}

.form-block button:hover {
    background: black;
}

button.closes {
    transition: 0.5s;
    background: linear-gradient(90deg, #2897fc 0, #365bed 100%);
    color: white;
    font-size: 22px;
    border: none;
    padding: 5px 15px;
    border-radius: 50%;
    cursor: pointer;
}

button.closes:hover {
    background: black;
}

/* pricing css start  */
.our-pricing {
    background: #f8f7fd;
    overflow: hidden;
}

.info-pricing h4 {
    font-size: 26px;
    font-weight: 700;
    line-height: 27px;
    margin-bottom: 25px;
    transition: .5s all;
}

.info-pricing h4 > span {
    font-weight: 300;
    transition: .5s all;
}

.info-pricing h3 {
    font-size: 71px;
    line-height: 65px;
    letter-spacing: -3px;
    margin-bottom: 0;
    position: relative;
    transition: .5s all;
}

.info-pricing * {
    font-family: 'Poppins' , sans-serif;
}

.info-pricing h3 > span {
    font-size: 55px;
    position: relative;
    top: 2px;
    transition: .5s all;
}

.info-pricing h5 {
    font-size: 26px;
    position: relative;
    display: inline-block;
    letter-spacing: -1px;
    margin-bottom: 0;
    transition: .5s all;
}

.info-pricing h5::before,.info-pricing h5::after {
    position: absolute;
    content: "";
    background: #f45051;
    width: 100%;
    height: 1px;
    transform: rotate(15deg);
    top: 14px;
    left: 2px;
    transition: .5s all;
}

.info-pricing h5::after {
    transform: rotate( -15deg);
}

.info-pricing ul {
    margin: 30px 0;
    height: 250px;
}

.info-pricing ul li {
    font-size: 15px;
    color: #000;
    margin-bottom: 5px;
    transition: .5s all;
}

.info-pricing .btn {
    border-radius: 50px;
    width: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    text-transform: capitalize;
    padding: 10px 15px;
    transition: .5s all;
}

.btn-yellow {
    background: #ffda00;
    color: #000 !important;
}

.info-pricing::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px solid #eaeaea;
    border-radius: 20px;
    transition: .5s all;
    z-index: -1;
}

.info-pricing:hover {
    background: #f45051;
}

.info-pricing:hover * {
    color: #fff;
}

.info-pricing:hover h3 > span {
    color: #ffda00;
}

.info-pricing h3::before,.info-pricing h3::after {
    background: #fff;
    content: "";
    position: absolute;
    width: 15px;
    height: 3px;
    left: 15px;
    top: 50%;
    opacity: 0;
    transition: .5s all;
}

.info-pricing h3::after {
    right: 15px;
    left: inherit;
}

.info-pricing:hover h3::before, .info-pricing:hover h3::after {
    opacity: 1;
}

.info-pricing:hover::before {
    border-color: #ffda00;
    transform: translate(8px, 8px);
}

.info-pricing:hover h5::before, .info-pricing:hover h5::after {
    background: #fff;
}

.info-pricing * {
    /* transition: .5s all; */
}

.bg-row {
    position: relative;
    margin-top: 40px;
}

/*.our-pricing::before {
    position: absolute;
    content: "";
    top: -30px;
    width: 100%;
    height: 70px;
    left: 0;
    background: #fff;
    transform: skew(10deg, -2deg);
    z-index: -1;
}*/
/*.our-pricing::after {
    content: "";
    background: url(../images/bg3.png) no-repeat;
    max-width: 380px;
    width: 100%;
    height: 221px;
    position: absolute;
    background-size: 100%;
    left: 5%;
    top: 60px;
    transform: skew(10deg, -2deg);
    z-index: -1;
    background-position: bottom;
}
*/
.pack-inn {
    padding: 40px 12px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 5px 15px #0000000d;
    position: relative;
    z-index: 1;
    transition: .5s all;
    margin-bottom: 30px;
    text-align: center;
}

.pack-header h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 27px;
    margin-bottom: 25px;
    transition: .5s all;
}

.pack-price h4 {
    font-size: 71px;
    line-height: 65px;
    letter-spacing: -3px;
    margin-bottom: 0;
    position: relative;
    transition: .5s all;
}

.pack-price h4 > sup {
    font-size: 55px;
    position: relative;
    top: 0;
    transition: .5s all;
}

.pack-inn * {
    font-family: 'Poppins', sans-serif;
}

.pack-price h4 > span {
    font-size: 26px;
    position: relative;
    line-height: 32px;
    display: table;
    letter-spacing: -1px;
    transition: .5s all;
    margin: auto;
}

.pack-price h4 > span::before,.pack-price h4 > span::after {
    position: absolute;
    content: "";
    background: #f45051;
    width: 100%;
    height: 1px;
    transform: rotate(15deg);
    top: 14px;
    left: 2px;
    transition: .5s all;
}

.pack-price h4 > span::after {
    transform: rotate( -15deg);
}

.pack-price h4 > span > sub {
    display: none;
}

.pack-list.pack-ul ul {
    margin: 30px 0;
    height: 180px;
    overflow: scroll;
    overflow-x: hidden;
}

.pack-list.pack-ul ul li {
    font-size: 15px;
    color: #000;
    margin-bottom: 5px;
    transition: .5s all;
}

.pack-lbtn {
    /* display: none; */
}

.pack-btn ul li:last-child {
    display: none;
}

.pack-btn ul li a {
    border-radius: 10px;
    width: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    text-transform: capitalize;
    padding: 10px 15px;
    transition: .5s all;
    background: linear-gradient(90deg, #2897fc 0, #365bed 100%);
    color: #fff !important;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 5px 15px #0000002e;
    /* border: 1px solid transparent; */
}

.pack-tag {
background: linear-gradient(90deg, #2897fc 0, #365bed 100%);
    border-radius: 50px;
}

.pack-tag p {
    padding: 5px 0;
    font-size: 16px;
    color: #000 !important;
}

.pack-inn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px solid #eaeaea;
    border-radius: 20px;
    transition: .5s all;
    z-index: -1;
}

.pack-inn:hover {
   background: linear-gradient(90deg, #2897fc 0, #365bed 100%);
}

.pack-inn:hover * {
    color: #fff;
}

.pack-tag p > strong {
    color: #000 !important;
}

.pack-inn:hover .pack-price h4 > span::before,.pack-inn:hover .pack-price h4 > span::after {
    background: #fff;
}

.pack-inn:hover .pack-list.pack-ul ul li {
    color: #fff;
}

.pack-inn:hover::before {
    border-color: #355eee;
    transform: translate(8px, 8px);
}

i.bestseller {
    display: none;
}

.pack-inn:hover .pack-price h4::before, .pack-inn:hover .pack-price h4::after {
    opacity: 1;
}

.popup-content textarea.required.form-control {
    height: 100px;
    border-radius: 10px;
}

.pack-price h4::before,.pack-price h4::after {
    background: #fff;
    content: "";
    position: absolute;
    width: 15px;
    height: 3px;
    left: 15px;
    top: 35%;
    opacity: 0;
    transition: .5s all;
}

.pack-price h4::after {
    right: 15px;
    left: inherit;
}

.social {
    display: none;
}

a.live-chat-thank.chat {
    background: #ee2c5e;
    display: inline-block;
    border-radius: 50px;
    padding: 14px 70px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 40px 0;
}

a.flive_chat.chat {
    margin: 0;
    font-size: 18px;
    padding: 13px 38px 13px 58px;
    text-transform: uppercase;
    background: rgb(0,171,255);
    background: -moz-linear-gradient(top, rgba(0,171,255,1) 0%, rgba(0,89,172,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,171,255,1) 0%,rgba(0,89,172,1) 100%);
    background: linear-gradient(to bottom, rgba(0,171,255,1) 0%,rgba(0,89,172,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abff', endColorstr='#0059ac',GradientType=0 );
    color: #ffff;
    border-radius: 5px 5px 0 0;
    font-weight: 500;
    text-decoration: none;
    float: right;
    position: relative;
    height: 52px;
}
.hd-txt h1 {
    color: black;
    padding-bottom: 0 !important;
}
.pack-inn:hover .order_now {
    background: black;
}
.pack-btn ul {
    list-style: none;
}
/* pricing css end */
/* portfolio web css start  */

.tab-pill {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    padding: 20px 0;
}


.tab-pill li {
    text-align: center;
    margin: 5px 10px;
    min-width: 9rem;
    white-space: nowrap;
    font-size: 14px;
    width: auto;
    cursor: pointer;
    transition: .15s all linear
}

.tab-pill li a.active,
.tab-pill li a:hover {
    background: #e75a12;
    color: #fff;
    border-color: #e75a12
}

.tab-pill li.active a.active,
.tab-pill li:hover a {
    color: #fff;
    text-decoration: none
}

.tab-pill li a {
    color: #000;
    text-transform: capitalize;
    display: block;
    padding: 7px 30px;
    border: 1px solid #fff;
    border-radius: 25px
}

.workList {
    list-style: none;
    padding: 0;
    margin: 0 -7px;
    display: flex;
    flex-wrap: wrap
}

.workList li {
    padding: 7px;
    width: 25%;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    text-align: center;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center
}

.workList li img {
    width: 100%;
    transition: .15s transform;
    transform: scale(1);
    margin: 0 auto;
    max-width: 100%;
    height: 343px;
    object-fit: cover;
}

.workList li:hover img {
    transform: scale(1.2)
}
iv#pk7 .workList li img {
    height: auto;
}

.workList li a {
    text-decoration: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    font-size: 2rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    background: 0;
    transition: .15s all linear
}

.workList li:hover a {
    background: rgb(33 49 94 / 50%);
    color: #fff
}

.tab-content {
    display: none
}

.middle-nav+.tab-content {
    display: block;
    background: #fff
}

.tab-content.current {
    display: block
}

.tabs {
    list-style: none;
    margin: 30px 0 50px;
    padding: 0;
    display: flex;
    justify-content: center;
    width: 96%;
    flex-wrap: wrap
}

.tabs li {
    margin: 5px 10px;
    padding: 7px 30px;
    border: 1px solid #d8d8d8;
    color: #e75a12;
    border-radius: 25px;
    min-width: 9rem;
    white-space: nowrap;
    font-size: 14px;
    width: auto;
    cursor: pointer;
    transition: .15s all linear
}

.tabs li.current,
.tabs li:hover {
    background: #e75a12;
    color: #fff;
    border-color: #e75a12
}



section.pg.glimpse h2 {
    font-size: 45px;
    font-weight: bold;
}

section.pg.glimpse {
    background: url(../images/hportfolio-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}


section.pg.glimpse .port-title{
    position: absolute;
    right: 16%;
    top: auto;
    bottom: 0;
    transform: rotate(-90deg) translate(13%,100%);
    color: #e7e7e7;
    font-size: 5.93rem;
    z-index: 0;
    height: 350px;
    overflow: hidden;
    font-size: 80px;
}


ul.cta-li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.cta ul li:first-child a i {
    transform: rotate(90deg);
}

.cta ul li a i {
    color: #e75a12;
}

.img-cta img {
    width: 121%;
    max-width: fit-content;
}

.price-btn .btn-red ,
.port-btn-st .btn-red  {
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    text-transform: capitalize;
    padding: 10px 35px;
    transition: .5s all;
    background: linear-gradient(90deg, #2897fc 0, #365bed 100%);
    color: #fff !important;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 5px 15px #0000002e;
    border: none;
}

.price-btn .btn-red:hover ,
.port-btn-st .btn-red:hover {
    background: black;
}

.port-btn-st .btn.btn-white.chat {
    background: black;
    color: white !important;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 5px 15px #0000002e;
      border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    text-transform: capitalize;
    padding: 10px 35px;
    transition: .5s all
}
/* portfolio web css end */

label.error {
    display: none !important;
}

input.error {
    background-color: #f8d7da;
    border-color: #f5c6cb !important;
}

.loader {
    text-align: center;
    display: none;
}

.loader img {
    width: 30px;
}

.front-icon {
    width: 100%;
    height: 55px;
    background: url(../images/about/hexagon-w.png) no-repeat center;
    line-height: 180px;
    color: #000 !important;
    position: relative;
    background-repeat: no-repeat;
}

.react{
    background-position: 50px 0;
}

.angular {
    background-position: 50px -59px;
}

.next-js{
    background-position: 50px -124px;
}

.vue-js{
    background-position: 50px -183px;
}

.flutter{
    background-position: 50px -244px;
}

.kotlin{
    background-position: 50px -244px;
}

.html5{
    background-position: 50px -244px;
}

.css3{
    background-position: 50px -244px;
}

.swift{
    background-position: 50px -244px;
}

.xamarin{
    background-position: 50px -244px;
}

.node-js {
    background-position: 59px -649px;
}

.python {
    background-position: 54px -594px;
}

.ruby {
    background-position: 54px -706px;
}

.php {
    background-position: 54px -758px;
}

.java {
    background-position: 54px -817px;
}

.django {
    background-position: 54px -877px;
}

.express {
    background-position: 54px -927px;
}

.spring {
    background-position: 54px -976px;
}