.ourspecialty,
.ourwork,
.thankyoupage,
.whychooseapp,
.whychoosep2p,
.whychoosep2p ul {
    overflow-x: hidden
}

.blogsection .innerbox .overlay,
.types-of-fantasy ul {
    backdrop-filter: blur(20px);
    --webkit-backdrop-filter: blur(20px)
}

.blogsection .innerbox .overlay,
.hirestats .cards,
.types-of-fantasy ul {
    --webkit-backdrop-filter: blur(20px)
}

body {
    font-family: Montserrat, sans-serif
}

.Development_Capabilities h2,
.feature-section .feature-box p strong,
.nb,
.service-and-solutions .service-box .content-box p strong,
p {
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    text-transform: capitalize !important
}

span.ma5menu__btn--enter~a {
    pointer-events: none !important
}

.ma5menu__alert {
    height: 70px !important;
    background-image: -o-linear-gradient(to bottom, rgba(14, 101, 182, 0) 0, #1e1d28e8 50%) !important;
    background-image: linear-gradient(to bottom, rgba(14, 101, 182, 0) 0, #1e1d28e8 50%) !important
}

.on-demand-banner {
    padding-top: 320px;
    min-height: 840px;
    position: relative;
    background-size: cover !important
}

.food-banner:before,
.on-demand-banner:before {
    position: absolute;
    background: url(../images/newimages/pattern1.png) left center;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .6
}

.on-demand-banner .top-heading {
    background: rgba(0, 0, 0, .67);
    width: 100%;
    padding: 35px 35px 60px;
    position: relative
}

.on-demand-banner .top-heading h1 {
    color: #fff;
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 30px
}

.on-demand-banner .top-heading strong,
.types-of-fantasy h2 strong {
    font-weight: 700;
    display: block
}

.on-demand-banner .top-heading:after {
    position: absolute;
    content: '';
    background: url(../images/newimages/taxi-border.jpg) top left repeat-x;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 15px
}

.on-demand-banner .top-heading .btn-primary {
    padding: 12px 27px;
    margin-right: 10px;
    font-size: 16px;
    box-shadow: 0 0 30px 0 rgb(239 88 125 / 49%)
}

.on-demand-banner .top-heading .btn-default {
    background-color: #fff;
    border: none;
    color: #3c3c3c;
    border-radius: 25px;
    padding: 12px 27px;
    font-size: 16px
}

.app-development-company,
.p-listed-c {
    padding: 120px 0
}

.app-development-company .left-box .icon-box {
    background: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    position: absolute;
    left: calc(50%);
    line-height: 80px;
    box-shadow: 0 14px 94.8px 25.2px rgba(21, 65, 188, .09);
    top: -10px
}

.app-development-company .left-box {
    padding-top: 45px;
    position: relative
}

.app-development-company .left-box strong {
    color: #fff;
    text-shadow: 0 14px 27.65px rgba(21, 65, 188, .09);
    font-size: 236px;
    font-weight: 600;
    line-height: 110px
}

.app-development-company .right-content {
    border-left: 1px solid #d6d6d6;
    margin-left: -10px;
    padding: 25px
}

.app-development-company h3 {
    color: #3c3c3c;
    font-size: 27px
}

.app-development-company p {
    color: #828282;
    font-size: 16px;
    line-height: 24px;
    margin: 15px 0
}

.app-development-company .btn-primary {
    padding: 9px 35px;
    font-size: 16px;
    background: #1668e2
}

.features-sp,
.food-com,
.foot-road,
.games-banner,
.healthcare_ind_solutions .rtcontent,
.howappwork .rtproc,
.mobile-section .left-mobile,
.reality_case img,
.whychooseapp ul li .imgbox-w {
    position: relative
}

.foot-road .car-light {
    position: absolute;
    top: 44px;
    left: 9px;
    opacity: 0;
    transition: 5s
}

.foot-road.wow .car {
    position: absolute;
    bottom: 30px;
    left: -10%;
    transition: 5s
}

#get-quote .slider:hover,
.brand_row img:hover,
.feature-section .feature-box:hover:before,
.foot-road.wow.animated .car-light,
.our_cutting_age .nav-tabs li .nav-link.active img,
.our_cutting_age .nav-tabs li .nav-link.active span,
.ourteam .owl-theme .owl-nav .owl-next:hover,
.ourteam .owl-theme .owl-nav .owl-prev:hover {
    opacity: 1
}

.foot-road.delivery-boy .car {
    transform: scale(.6);
    bottom: 0
}

.main-circle .pulse-circle:after,
.main-circle .pulse-circle:before {
    width: 100%;
    right: 0;
    transform-origin: center center;
    top: 0;
    left: 0;
    bottom: 0;
    content: "";
    box-sizing: border-box
}

.foot-road.delivery-boy.wow.animated .car {
    bottom: 0
}

.foot-road.wow.animated .car {
    position: absolute;
    bottom: 30px;
    left: 70%;
    margin-left: -5px
}

.foot-road.wow .car .wheel-B,
.foot-road.wow .car .wheel-F {
    bottom: 28px;
    transform: rotate(-720deg);
    transition: 5s;
    position: absolute
}

.foot-road.wow .car .wheel-B {
    left: 41px
}

.foot-road.wow.animated .car .wheel-B,
.foot-road.wow.animated .car .wheel-F {
    transform: rotate(0)
}

.foot-road.wow .car .wheel-F {
    right: 42px
}

.key-benefits.new-benefits .nav-tabs {
    width: 100%;
    padding: 0 15px;
    border: none;
    margin-bottom: 50px;
    text-align: center
}

.key-benefits.new-benefits .nav-tabs li.nav-item {
    width: 33%;
    display: inline-block;
    border-bottom: none !important
}

.key-benefits.new-benefits .nav-tabs li.nav-item .nav-link {
    border: none;
    text-align: center
}

.key-benefits.new-benefits .nav-tabs .nav-link:before {
    content: '';
    left: -70px;
    transition: .2s;
    position: absolute;
    content: '';
    width: 70px;
    height: 2px;
    background: #3c3c3c;
    left: calc(50% - 35px);
    top: auto;
    bottom: 0
}

.key-benefits .nav-tabs .nav-link.active:before,
.key-benefits .nav-tabs .nav-link:before {
    content: '';
    height: 2px;
    left: -70px;
    top: calc(50% - 1px);
    position: absolute;
    background: #ee4f76
}

.key-benefits.new-benefits ul.features-list {
    padding: 0;
    margin: 0 auto 50px;
    list-style: none;
    background: 0 0;
    text-align: center;
    display: inline-block
}

.key-benefits.new-benefits ul.features-list li {
    display: inline-block;
    margin: 5px
}

.key-benefits.new-benefits ul.features-list li a {
    background: #fff;
    padding: 7px 15px;
    color: #3c3c3c;
    font-weight: 500;
    font-size: 14px;
    border-radius: 25px;
    text-decoration: none;
    -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, .2);
    transition: .5s
}

.top-bar ul.contact-number li a .flag_icon,
.top-bar ul.contact-number li a .flag_icon1 {
    background: url(../images/newimages/flags.png) 0 -2px
}

.demo-section .nav-pills li .nav-link.active,
.key-benefits.new-benefits ul.features-list li a.active,
.key-benefits.new-benefits ul.features-list li a:hover,
.ourwork ul.nav-tabs li a.nav-link.active,
.trend_reflexive a.btn1:hover span {
    background: #ee4f76;
    color: #fff
}

.key-benefits.new-benefits #app-content h3,
.menu-bar ul.inner-list li {
    color: #fff;
    margin-bottom: 5px
}

.key-benefits.new-benefits #feat-content1 .tab-pane .col-md-6,
.key-benefits.new-benefits #feat-content2 .tab-pane .col-md-6,
.key-benefits.new-benefits #feat-content3 .tab-pane .col-md-6,
.key-benefits.new-benefits .tab-pane .tab-pane .col-md-6 {
    transition: 1s;
    transform: scale(.9)
}

.key-benefits.new-benefits #feat-content1.active.show .tab-pane.active.show .col-md-6,
.key-benefits.new-benefits #feat-content2.active.show .tab-pane.active.show .col-md-6,
.key-benefits.new-benefits #feat-content3.active.show .tab-pane.active.show .col-md-6,
.key-benefits.new-benefits .tab-pane .tab-pane.active.show .col-md-6 {
    transition: 1s;
    transform: scale(1)
}

.key-benefits.new-benefits #app-content p {
    font-size: 16px
}

.key-benefits.new-benefits .nav-tabs .nav-link.active:before {
    position: absolute;
    content: '';
    width: 70px;
    height: 2px;
    background: #ee4f76;
    left: calc(50% - 35px);
    top: auto;
    bottom: 0
}

.key-benefits.new-benefits .nav-tabs .nav-link:hover:before {
    width: 70px;
    background: #ee4f76
}

.key-benefits,
.looking-for-fantasy {
    background: linear-gradient(#1668e2 0, #33258c 100%)
}

.key-benefits h2 {
    color: #fff;
    margin-bottom: 50px
}

.key-benefits .nav-tabs {
    border-radius: 0;
    background: #fff;
    display: block;
    padding: 50px 30px;
    width: 100%
}

#get-quote .input label,
.key-benefits .nav-tabs .nav-item,
.menu-bar ul.inner-list li:last-child,
.our-technology-s.p-tech h4,
.ranking_box ul li:last-child,
.types-of-fantasy ul li:last-child {
    margin-bottom: 0
}

.key-benefits .nav-tabs li.nav-item {
    display: block;
    border-bottom: 1px solid #e0e0e0 !important
}

.key-benefits .nav-tabs .nav-link {
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    color: #3c3c3c;
    border: none;
    padding: 20px 16px;
    position: relative;
    outline: 0
}

.key-benefits .nav-tabs .nav-link.active,
.key-benefits .nav-tabs .nav-link:hover {
    outline: 0;
    color: #1668e2
}

.key-benefits .nav-tabs .nav-link.active:before {
    width: 70px
}

.key-benefits .nav-tabs .nav-link:before {
    width: 0;
    transition: .2s
}

.key-benefits .nav-tabs .nav-link:hover:before {
    width: 70px
}

.aboutsection .aboutstats,
.business-model .inner-box,
.growing-demand .growing-img,
.icon_conatiner ul li,
.key-benefits .right-content,
.our_cutting_age .nav-tabs li,
.wrapper-2 {
    text-align: center
}

.key-benefits .right-content h4 {
    text-align: left;
    color: #fff;
    font-size: 24px
}

.key-benefits .right-content p {
    text-align: left;
    color: #fff;
    font-size: 14px;
    opacity: .7;
    margin: 0
}

.key-benefits .card-header a {
    color: #fff;
    font-size: 16px;
    margin: 0;
    text-align: left;
    display: block;
    width: 100%;
    text-decoration: none;
    background: #ee4f76;
    border-radius: 0
}

.key-benefits .card-header a .fa,
.solution-benefits .card-header svg {
    float: right
}

.key-benefits .card-header {
    padding: 0;
    border-radius: 0;
    border: none
}

.key-benefits .card {
    border-radius: 0;
    border: none;
    margin-bottom: 10px
}

.key-benefits .card-body {
    padding: 10px;
    min-height: 83px
}

.key-benefits .card-body p {
    color: #3c3c3c;
    opacity: 1;
    font-size: 14px
}

.solution-food .left-img {
    position: absolute;
    left: 0;
    top: 0
}

.feature-section .circle-3,
.solution-food .right-img {
    position: absolute;
    right: 0;
    top: 0
}

.solution-benefits {
    background: 0 0/cover #f3f2f7 !important;
    position: relative
}

.collaborate-with-us,
.food-banner,
.inner-portfolio,
.types-of-fantasy {
    background-size: cover !important;
    position: relative
}

.feature-section .feature-box:hover h5,
.feature-section .feature-box:hover p,
.features-sp ul li strong,
.header.fixed-header .menu-bar .navbar .nav-item.active .nav-link,
.header.fixed-header .menu-bar .navbar .nav-link,
.header.fixed-header .menu-bar .navbar-light .navbar-nav .show>.nav-link,
.header.head-fix .menu-bar .navbar .nav-item.active .nav-link,
.header.head-fix .menu-bar .navbar .nav-link,
.header.head-fix .menu-bar .navbar-light .navbar-nav .show>.nav-link,
.salesforcedev_company h2,
.sixeasysteps .innercard:hover span,
.solution-benefits .heading h2,
.user-flow .heading h2,
.why-choose-us h2,
.whychooseapp h2 strong.font-weight-normal {
    color: #3c3c3c
}

.solution-benefits .bg-images {
    position: absolute;
    top: 0;
    right: 0
}

.main-circle {
    position: absolute;
    top: 54%;
    right: 12%
}

.main-circle .pulse-circle {
    position: absolute;
    height: 40px;
    width: 40px;
    background: #1668e2;
    border-radius: 100%
}

.main-circle .pulse-circle:before {
    border: 1px solid #1668e2;
    display: block;
    position: absolute;
    height: auto;
    border-radius: 100%;
    opacity: 1
}

.main-circle .pulse-circle:after {
    border: 5px solid #fff;
    display: block;
    position: absolute;
    height: 100%;
    border-radius: 100%;
    opacity: 1
}

.main-circle .pulse-circle::after {
    animation: 1s linear infinite pulse
}

.main-circle .pulse-circle:before {
    animation: 1s linear infinite pulse2
}

@keyframes pulse {
    0% {
        transform: scale(3);
        opacity: .5
    }
    100% {
        transform: scale(1.5);
        opacity: .2
    }
}

@keyframes pulse2 {
    0% {
        transform: scale(3);
        opacity: .5
    }
    25% {
        transform: scale(2.5);
        opacity: .4
    }
    50% {
        transform: scale(2);
        opacity: .3
    }
    100% {
        transform: scale(1.5);
        opacity: .2
    }
}

.solution-benefits h2 {
    color: #3c3c3c;
    font-size: 36px;
    margin-bottom: 35px
}

.solution-benefits .card {
    border: none;
    box-shadow: 0 14px 94.8px 25.2px rgba(21, 65, 188, .09);
    margin-bottom: 20px
}

.solution-benefits .card-body {
    background-color: #fff;
    min-height: 124px;
    border: none;
    font-size: 14px;
    color: #828282
}

.solution-benefits .card-header {
    padding: 5px 20px 5px 55px;
    background: #1e1d28;
    border: none;
    border-radius: 0
}

.solution-benefits .card-header a {
    display: block;
    text-align: left;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    text-decoration: none
}

.card-header a.btn.btn-link .fa-angle-up:before,
.solution-benefits .card .btn-link.collapsed .fa-angle-up:before {
    content: "\f107"
}

.card-header a.active.btn.btn-link .fa-angle-up:before {
    content: "\f106"
}

.solution-benefits .card span {
    width: 48px;
    height: 48px;
    background: #ee4f76;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 48px;
    font-weight: 500
}

.user-flow h2 {
    margin: 0 0 50px
}

.user-flow .flow-box {
    text-align: center;
    margin-bottom: 45px
}

.user-flow .number-box {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    font-size: 42px;
    font-weight: 600;
    color: #1668e2;
    text-align: center;
    border: 10px solid #f3f3f3;
    line-height: 65px;
    margin: 0 auto 10px;
    background: #fff
}

.user-flow h4 {
    color: #3c3c3c;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px
}

.user-flow p {
    color: #828282;
    font-size: 13px
}

.customizesalesforce .leftimg img,
.user-flow .bg-svg {
    width: 100%;
    position: relative
}

.user-flow .svg-img:after {
    position: absolute;
    width: 18px;
    height: 18px;
    background: #ee4f76;
    content: '';
    left: -18px;
    bottom: 46px;
    border-radius: 50%
}

.user-flow .svg-img {
    position: absolute;
    width: 100%;
    right: -30px;
    top: 10px;
    background: 0 0
}

.user-flow .planePath {
    stroke: #dfdfdf;
    stroke-width: 5px;
    stroke-linecap: round;
    fill: none
}

.inner-portfolio h2 {
    color: #fff;
    z-index: 1
}

.inner-portfolio p {
    color: #fff;
    width: 80%;
    margin: 0 auto 30px
}

.inner-portfolio:before {
    position: absolute;
    content: '';
    opacity: .9;
    background: linear-gradient(#1668e2 0, #33258c 100%);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.inner-portfolio .owl-next,
.inner-portfolio .owl-prev {
    width: 38px;
    height: 72px;
    background: #ee4f76 !important;
    opacity: 1;
    position: absolute !important;
    color: #fff !important;
    outline: 0
}

.inner-portfolio .owl-prev {
    left: -50px !important
}

.inner-portfolio .owl-next {
    right: -50px !important
}

.inner-portfolio .owl-nav,
.inner-portfolio .owl-nav.disabled {
    display: block !important;
    top: calc(50% - 36px) !important;
    position: absolute !important;
    width: 100%
}

.inner-portfolio .fa-chevron-left:before {
    content: "\f100"
}

.inner-portfolio .fa-chevron-right:before {
    content: "\f101"
}

.food-banner {
    padding-top: 360px;
    min-height: 703px;
    text-align: left
}

.food-banner h1 {
    color: #fd880c;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 10px
}

.btn_theme:hover,
.food-banner.grocery h1,
.footer .copyright p a,
.innerbanner .bannerstats ul li span,
.innerbanner p,
.menu-bar .menu-tittle,
.nft-banner a,
.security-sl .darkbox:hover h4,
.socialbar ul li:hover a:hover,
.swiper-button-next,
.swiper-button-prev,
.top-bar ul.social-link li a svg,
p.color-white {
    color: #fff
}

.reason-to-invest ul li,
.reason-to-invest.bettingapp-flow ul li {
    padding: 0 0 20px 30px;
    border-left: 1px solid #c3c3c3;
    color: #262626
}

.food-banner p {
    font-size: 21px;
    color: #fff;
    line-height: 27px;
    width: 100%;
    margin: 0 auto
}

.plate {
    position: absolute;
    bottom: -50px;
    left: calc(50% - 132px);
    width: 264px;
    height: 264px;
    -webkit-animation: 30s linear infinite rotation;
    animation: 30s linear infinite rotation
}

.no-animation {
    -webkit-animation: none !important;
    animation: none !important
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

.food-com .rest-img {
    left: 0;
    position: absolute;
    bottom: 0
}

.foot-road.wow.delivery-boy .car .wheel-B {
    position: absolute;
    bottom: 0;
    left: 49px
}

.foot-road.wow.delivery-boy .car .wheel-F {
    position: absolute;
    bottom: 0;
    right: 0
}

.delivery-boy .part-first {
    position: absolute;
    bottom: 17px;
    z-index: 1;
    left: 47px
}

.delivery-boy .part-two {
    position: absolute;
    bottom: 20px;
    z-index: 1;
    right: -2px
}

.top-banner-in {
    position: relative;
    padding-top: 180px;
    background-size: 100% 100% !important
}

.top-banner-in:before {
    position: absolute;
    background: #0b34a9;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .8
}

.top-banner-in h1 span {
    font-weight: 500;
    display: inline-block;
    font-size: inherit
}

.top-banner-in h4 {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    padding: 0 10%;
    margin: 10px 0 40px
}

.top-banner-in .player-box {
    min-height: 670px;
    background-color: rgba(255, 255, 255, .11);
    box-shadow: 0 1px 56.56px 44.44px rgba(0, 0, 0, .09);
    width: 394px;
    overflow: visible;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 auto -60px
}

.top-banner-in .player-box .player-b {
    max-width: 551px;
    margin-left: 60px
}

.mid-populer-sports {
    padding: 150px 0 92px;
    display: block
}

.mid-populer-sports h2 {
    margin-bottom: 10px;
    font-size: 32px;
    color: #3c3c3c
}

.mid-populer-sports h4 {
    font-size: 20px;
    color: #3c3c3c
}

.mid-populer-sports ul {
    padding: 0;
    text-align: center;
    margin: 40px 0;
    list-style: none
}

.mid-populer-sports ul li {
    display: inline-block;
    margin: 0 20px
}

.mid-populer-sports span {
    display: block;
    text-align: center;
    font-size: 20px;
    margin-top: 15px
}

.swal2-styled.swal2-confirm {
    min-width: 200px !important
}

.mid-populer-sports .icon-box {
    border-bottom: 1px solid #2a51c0;
    margin: 0 auto;
    width: 113px;
    height: 113px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: .2s;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .122);
    box-shadow: 0 1px 20.9px 1.1px rgba(0, 0, 0, .1)
}

.mid-populer-sports .icon-box:hover {
    box-shadow: 0 1px 20.9px 1.1px rgba(0, 0, 0, .2);
    border-radius: 0
}

.mid-populer-sports .btn-primary.blue {
    background: #1668e2;
    margin-left: 15px
}

.btn-blue,
.mid-populer-sports .btn-primary.blue:hover,
.ss_service_swiper .swiper-pagination-bullet {
    background: #1668e2 !important
}

.mid-populer-sports .btn-primary,
.reason-to-invest .btn-primary {
    color: #fff;
    background: #ee4f76;
    border-radius: 100px;
    font-weight: 600;
    padding: 12px 55px;
    font-size: 16px;
    border: none;
    outline: 0;
    box-shadow: 0 1px 20.9px 1.1px rgba(0, 0, 0, .1)
}

.mid-populer-sports .btn-primary:active,
.mid-populer-sports .btn-primary:focus,
.mid-populer-sports .btn-primary:hover,
.mid-populer-sports .btn-primary:hover:active,
.reason-to-invest .btn-primary:active,
.reason-to-invest .btn-primary:focus,
.reason-to-invest .btn-primary:hover,
.reason-to-invest .btn-primary:hover:active {
    color: #fff !important;
    background-color: #ee4f76 !important;
    border: none !important;
    outline: 0 !important;
    box-shadow: 0 1px 20.9px 1.1px rgba(0, 0, 0, .1) !important
}

.service-and-solutions {
    padding: 100px 0 0;
    position: relative;
    background-size: 100% 100% !important
}

.service-and-solutions .blur-ovarlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9;
    background: #000;
    opacity: 0;
    visibility: hidden;
    transition: .2s
}

.service-and-solutions .blur-ovarlay.blur {
    opacity: .5;
    visibility: visible
}

.service-and-solutions .service-box .content-box {
    webkit-filter: blur(0);
    filter: blur(0);
    position: absolute;
    transition: .2s;
    background: #fff;
    border-radius: 4px;
    z-index: 9;
    left: -15px;
    right: -15px;
    padding: 12px;
    top: 0;
    visibility: hidden
}

.service-and-solutions .service-box.active {
    z-index: 9
}

.service-and-solutions.main-box .service-box.active {
    z-index: 9;
    webkit-filter: blur(0);
    filter: blur(0)
}

.service-and-solutions.main-box .service-box {
    webkit-filter: blur(2px);
    filter: blur(2px)
}

.service-and-solutions.main-box .service-box.service-box4 {
    webkit-filter: blur(0);
    filter: blur(0);
    z-index: 9
}

.service-and-solutions .service-box.active:hover:after {
    opacity: .3;
    webkit-filter: blur(2px);
    filter: blur(2px)
}

.service-and-solutions .service-box.active:hover .boxx {
    opacity: .45;
    webkit-filter: blur(2px);
    filter: blur(2px)
}

.service-and-solutions:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(#1668e2, #1283c7);
    opacity: .91
}

.service-and-solutions h2 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 32px
}

.service-and-solutions h4 {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    padding: 0 120px;
    margin-bottom: 30px
}

.service-and-solutions .service-box h5 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    position: relative;
    z-index: 1
}

.service-and-solutions .service-box.active .content-box {
    visibility: visible;
    transition: .2s
}

.service-and-solutions.solution-betting .service-box .content-box {
    padding: 30px 12px
}

.service-and-solutions .service-box .content-box p {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.service-and-solutions .service-box .content-box p a {
    color: #1668e2;
    text-decoration: none
}

.service-and-solutions .service-box img {
    max-width: 58px
}

.service-and-solutions .service-box.logo-box img {
    width: 100%;
    max-width: 168px;
    position: relative;
    z-index: 1
}

.collaborate-with-us .container,
.demo-section .lapimg,
.demo-section .lapimg img,
.nft_token .token_sec .container-fluid,
.service-and-solutions .ser-icon,
.sport-banner .container {
    position: relative;
    z-index: 1
}

.service-and-solutions .service-box .boxx {
    width: 13px;
    display: inline-block;
    height: 13px;
    background: #fff
}

.service-and-solutions .service-box.service-box1 .boxx {
    position: absolute;
    right: -220px;
    top: 74px
}

.service-and-solutions .service-box.service-box2 .boxx {
    position: absolute;
    left: -220px;
    top: 74px
}

.service-and-solutions .service-box.service-box6 .boxx {
    position: absolute;
    right: -220px;
    bottom: 74px
}

.service-and-solutions .service-box.service-box7 .boxx {
    position: absolute;
    left: -220px;
    bottom: 74px
}

.service-and-solutions .service-box.service-box2:after,
.service-and-solutions .service-box.service-box5:after {
    left: -215px;
    width: 225px;
    height: 225px;
    top: 80px;
    border-top: 1px dashed #fff;
    position: absolute;
    content: ''
}

.service-and-solutions .service-box.service-box1:after {
    position: absolute;
    content: '';
    right: -215px;
    width: 225px;
    height: 225px;
    top: 80px;
    border-top: 1px dashed #fff;
    border-right: 1px dashed #fff
}

.service-and-solutions .service-box.service-box2:after {
    border-left: 1px dashed #fff
}

.service-and-solutions .service-box.service-box3:after {
    position: absolute;
    content: '';
    right: -215px;
    width: 225px;
    height: 225px;
    top: 80px;
    border-top: 1px dashed #fff
}

.service-and-solutions .service-box.service-box8:after {
    position: absolute;
    content: '';
    bottom: 95%;
    width: 1px;
    height: 440px;
    left: 50%;
    border-left: 1px dashed #fff
}

.service-and-solutions .service-box.service-box6:after {
    position: absolute;
    content: '';
    right: -215px;
    width: 225px;
    height: 225px;
    bottom: 80px;
    border-bottom: 1px dashed #fff;
    border-right: 1px dashed #fff
}

.service-and-solutions .service-box.service-box7:after {
    position: absolute;
    content: '';
    left: -215px;
    width: 225px;
    height: 225px;
    bottom: 80px;
    border-bottom: 1px dashed #fff;
    border-left: 1px dashed #fff
}

.service-and-solutions .service-box.service-box2:before,
.service-and-solutions .service-box.service-box5:before,
.service-and-solutions .service-box.service-box7:before {
    left: -15px;
    right: auto
}

.service-and-solutions .service-box.service-box4:before,
.service-and-solutions .service-box.service-box8:before {
    left: 15px;
    right: 15px;
    width: auto
}

.service-and-solutions .service-box:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    right: -15px;
    bottom: -15px;
    background: #fff;
    border-radius: 4px;
    opacity: .24
}

.demo-section .lapimg:after,
.demo-section .lapimg:before {
    width: 350px;
    height: 80px;
    border-radius: 100px;
    transform: rotate(45deg);
    content: ''
}

.service-and-solutions .service-box .innner-box {
    padding: 15px
}

.service-and-solutions .service-box {
    position: relative;
    min-height: 150px;
    margin-bottom: 85px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 27.2px 4.8px rgba(0, 0, 0, .21);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.demo-section {
    background: #f0f0f0
}

.demo-section.sc-pd {
    padding-bottom: 0
}

.demo-section .heading h2 {
    color: #3c3c3c;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px
}

.demo-section .lapimg:after {
    position: absolute;
    left: -80px;
    background: #1668e2;
    background: linear-gradient(103deg, rgba(24, 155, 235, .4822303921568627) 0, #ee4f76 90%)
}

.demo-section .lapimg:before {
    position: absolute;
    left: -110px;
    background: #1668e2;
    top: 90px;
    background: linear-gradient(103deg, rgba(24, 155, 235, .4822303921568627) 0, #ee4f76 90%)
}

.demo-section .mb-img {
    max-width: 290px;
    margin: 0 auto
}

.demo-section .nav-pills {
    text-align: center;
    display: block;
    margin-bottom: 40px
}

.comprehensiverange p,
.demo-section p,
.digitalmarekting p,
.hirecertified p,
.howappwork p,
.salesforcelighting p,
.sayhi p {
    color: #828282
}

.demo-section .nav-pills li {
    display: inline-block;
    margin: 0 5px
}

.demo-section .nav-pills li .nav-link {
    border-radius: 25px;
    padding: 7px 25px;
    background: #ddd;
    color: #3c3c3c;
    border: 1px solid transparent;
    font-size: 14px;
    box-shadow: 0 1px 20.9px 1.1px rgba(0, 0, 0, .2)
}

.demo-section .tab-content {
    padding: 40px 0 0
}

.demo-section .tab-content .right-content {
    margin-top: 100px
}

.demo-section .tab-content .right-content h4 {
    font-size: 22px;
    margin-bottom: 15px
}

.demo-section .tab-content .right-content h5 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px
}

.demo-section .tab-content .right-content h5 .fa {
    margin-right: 5px;
    width: 15px
}

.demo-section .tab-content .right-content .btn-primary {
    margin-top: 15px;
    box-shadow: 0 1px 20.9px 1.1px rgba(0, 0, 0, .2);
    background: #1668e2
}

.demo-section .tab-content .right-content .btn-primary.green {
    background: #76bd55
}

.demo-section .tab-content .right-content .btn-primary.blue {
    background: #0d48d0
}

.mobile-section {
    padding: 100px 0;
    position: relative
}

.mobile-section .left-mobile .inner-img {
    position: absolute;
    bottom: 0;
    right: 10px
}

.mobile-section h2 {
    color: #3c3c3c;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 50px
}

.mobile-section .pink-box {
    background: #ee4f76;
    position: absolute;
    left: 0;
    width: 30%;
    height: 550px;
    top: 25%;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px
}

.mobile-section .first-box,
.mobile-section .right-small,
.mobile-section .second-box {
    height: 60px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px
}

.mobile-section .right-small {
    position: absolute;
    right: 0;
    width: 58px;
    bottom: 10%;
    text-align: right;
    background-color: #1668e2
}

.mobile-section .right-box {
    position: absolute;
    right: 0;
    width: 136px;
    top: 10%;
    text-align: right
}

.mobile-section .first-box {
    display: inline-block;
    width: 87px;
    background: #ee4f76
}

.mobile-section .second-box {
    width: 136px;
    background: #1668e236
}

.mobile-section .gray-box:after {
    position: absolute;
    right: -8px;
    bottom: -8px;
    height: 100%;
    width: 100%;
    border-right: 2px solid #ee4f76;
    border-bottom: 2px solid #ee4f76;
    content: ''
}

.mobile-section .gray-box {
    background: #f2f2f2;
    position: relative;
    padding: 25px;
    font-size: 16px;
    margin-top: 30px;
    font-weight: 500
}

.mobile-section .gray-box p strong {
    font-weight: 500
}

.mobile-section .gray-box p,
.top-bar ul.leftlist,
.top-bar ul.social-link li a .fa,
.whyappinopforsalesforce ul li:last-child {
    margin: 0
}

.feature-section {
    padding: 100px 0 70px;
    background-size: 100% 100% !important;
    position: relative;
    overflow: hidden
}

.feature-section h2,
.share-your-pro h2 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 30px
}

.feature-section .circle-1 {
    position: absolute;
    left: -120px;
    top: 75px;
    -moz-animation: 5s infinite rotatecircle;
    -webkit-animation: 5s infinite rotatecircle
}

@-moz-keyframes rotatecircle {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(-360deg)
    }
}

@-webkit-keyframes rotatecircle {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

.feature-section .circle-4 {
    position: absolute;
    bottom: -116px;
    left: -80px
}

.feature-section .circle-2 {
    right: -197px;
    position: absolute;
    bottom: 55px;
    -moz-animation: 8s infinite rotatecircle;
    -webkit-animation: 8s infinite rotatecircle
}

.feature-section .feature-box {
    border: 2px solid #fff;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .149);
    box-shadow: 0 1px 36.8px 9.2px rgba(0, 0, 0, .11);
    text-align: center;
    padding: 25px 15px 15px;
    min-height: 290px;
    margin-bottom: 30px;
    transition: .4s;
    position: relative;
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center
}

.feature-section .feature-box:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    height: 100%;
    background: #fff;
    border-radius: 4px;
    transition: .8s;
    opacity: 0
}

.feature-section .feature-box .icon-box {
    position: relative;
    z-index: 1;
    transition: .4s
}

.feature-section .feature-box .icon-box img,
.fullcontent .innerboxes .bgbox {
    transition: .4s
}

.feature-section .feature-box:hover img {
    filter: brightness(0) invert(0)
}

.feature-section:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: radial-gradient(#1668e2, #0091ea 150%);
    opacity: .91
}

.feature-section h5 {
    color: #fff;
    font-size: 18px;
    position: relative;
    z-index: 1;
    margin: 15px 0 5px;
    transition: .4s
}

.feature-section p {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    z-index: 1;
    transition: .4s
}

.fungible_sec,
.p-faqs,
.reason-to-invest,
.sayhi,
.stayahead,
.token_development_ser,
.wht-to-team,
section.mcb_sec {
    padding: 100px 0
}

.reason-to-invest h2,
.stats-section h2,
.wht-to-team h2 {
    color: #3c3c3c;
    font-size: 32px;
    margin-bottom: 20px
}

.reason-to-invest ul {
    padding: 0 0 0 8px;
    margin: 0;
    list-style: none
}

.reason-to-invest ul li {
    margin: 0;
    font-size: 14px;
    position: relative;
    line-height: 20px;
    width: 92%;
    text-align: left
}

.reason-to-invest.bettingapp-flow ul li {
    margin: 0;
    font-size: 14px;
    position: relative;
    line-height: 22px;
    width: 100%;
    text-align: left;
    font-weight: 500
}

.reason-to-invest ul li:after {
    position: absolute;
    top: 0;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid #fff;
    background: #1668e2;
    left: -1.7%;
    -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2)
}

.ourservices ul.servtb,
.reason-to-invest ul li:last-child {
    border: none
}

.our-technology-s {
    padding: 90px 0;
    background: #1668e2
}

.our-technology-s h2 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 10px
}

.our-technology-s h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    opacity: 1;
    line-height: 28px;
    padding: 0 120px;
    margin-bottom: 40px
}

.our-technology-s .nav {
    display: block;
    text-align: center;
    border: none
}

.our-technology-s .nav li {
    display: inline-block;
    margin: 0 8px
}

.our-technology-s .nav li a {
    border: 1px solid;
    min-width: 290px;
    border-radius: 25px;
    color: #fff;
    font-size: 18px;
    background-color: rgba(255, 255, 255, .122);
    box-shadow: 0 1px 20.9px 1.1px rgba(0, 0, 0, .11);
    font-weight: 600
}

.our-technology-s .tab-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.our-technology-s .tab-content ul li {
    display: inline-block;
    margin: 55px 30px 0;
    text-align: center
}

.our-technology-s .tab-content ul li .tech-icon,
.our-technology-s.p-tech ul li .tech-icon {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
    align-self: center;
    border-radius: 10px;
    padding: 18px;
    background-color: #fff;
    box-shadow: inset 0 2px 6.72px .28px rgba(0, 0, 0, .35)
}

.header .top-bar ul.rightcontact li,
.letstalk .btn1 span .fa-frown,
.letstalk .btn1:hover .fa-smile,
.our-technology-s .tab-content ul li .tech-icon img,
.our-technology-s.p-tech ul li .tech-icon img,
.ourservices .mobileappbox ul li,
.ourteam ul.contactlist li,
.sayhi .rtimg,
.top-bar ul.leftlist li {
    display: inline-block
}

.our-technology-s .tab-content ul li h5 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-top: 20px
}

.wht-to-team .icon-box {
    width: 50px;
    display: inline-block;
    vertical-align: top;
    margin: 20px
}

.wht-to-team .content-box {
    width: 87%;
    display: inline-block;
    vertical-align: top;
    padding-left: 20px
}

.wht-to-team .content-box h5 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px
}

.wht-to-team .content-box p {
    color: #828282;
    font-size: 16px;
    line-height: 23px;
    margin: 0
}

.wht-to-team .innner-box a {
    text-decoration: none;
    color: #ee4f76
}

.share-your-pro .btn-primary,
.stats-section .st-box h5 {
    color: #3c3c3c;
    font-weight: 600
}

.wht-to-team .innner-box {
    min-height: 185px;
    border-radius: 8px;
    margin: 15px;
    background-color: #fff;
    box-shadow: 0 1px 20.9px 1.1px rgba(0, 0, 0, .05);
    padding: 20px 15px 15px
}

.ahead-of-trends .owl-dots,
.beneficial_mobile,
.collapse.show~.btn-link .more,
.gameVariants .owl-nav,
.healthcare_ind_solutions .rtcontent.b-0:before,
.letstalk .btn1 span .fa-smile,
.letstalk .btn1:hover .fa-frown,
.magento_dev_sec .scrip_feature_card.ind_card.card_full p a.btn-link.collapsed .less,
.menu-bar ul.inner-list li.sub-menu:hover a:after,
.mobile-menu,
.no_setting:after,
.process_we_follow .cards.crd2:after,
.robustfeat .inboxrt.br-0:after,
.servicessection.healthandfit:after,
.show_more,
.title_big h2:after,
.wht-to-team .owl-buttons {
    display: none
}

.wht-to-team .owl-dots {
    text-align: center;
    margin-top: 15px
}

.wht-to-team .owl-dot {
    opacity: 1;
    background: #ddd !important;
    margin: 5px 4px !important;
    width: 10px;
    height: 10px;
    border-radius: 25px;
    outline: 0
}

.wht-to-team .owl-dot.active {
    width: 34px;
    opacity: 1 !important;
    background: #ee4f76 !important
}

.stats-section .st-box span:after,
.stats-section .st-box span:before,
.stats-section .st-box:after,
.stats-section .st-box:before {
    width: 35px;
    height: 35px;
    transition: .8s;
    content: ''
}

.stats-section {
    padding: 65px 0;
    background: #f5f5f5
}

.stats-section .st-box {
    background: #fff;
    min-height: 130px;
    text-align: center;
    display: flex;
    align-self: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    -webkit-box-shadow: 0 40px 60px -30px rgba(23, 66, 168, .2);
    box-shadow: 0 40px 60px -30px rgba(23, 66, 168, .2)
}

.stats-section .st-box:before {
    position: absolute;
    left: 0;
    top: 0;
    border-left: 2px solid #1668e2;
    border-top: 2px solid #1668e2
}

.stats-section .st-box:after {
    position: absolute;
    left: 0;
    bottom: 0;
    border-left: 2px solid #1668e2;
    border-bottom: 2px solid #1668e2
}

.stats-section .st-box:hover span:after,
.stats-section .st-box:hover span:before,
.stats-section .st-box:hover:after,
.stats-section .st-box:hover:before {
    width: 100%;
    height: 100%
}

.stats-section .st-box span {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: block;
    width: 100%;
    transition: .8s
}

.stats-section .st-box span:before {
    position: absolute;
    right: 0;
    top: 0;
    border-right: 2px solid #1668e2;
    border-top: 2px solid #1668e2
}

.stats-section .st-box span:after {
    position: absolute;
    right: 0;
    bottom: 0;
    border-right: 2px solid #1668e2;
    border-bottom: 2px solid #1668e2
}

.stats-section .st-box strong {
    font-size: 46px;
    color: #1668e2;
    font-weight: 600;
    line-height: 38px
}

.share-your-pro {
    padding: 80px 0 120px;
    background: #ee4f76
}

.share-your-pro .btn-primary {
    background: #fff;
    border-radius: 100px;
    padding: 12px 55px;
    font-size: 16px;
    border: none;
    outline: 0;
    box-shadow: 0 1px 20.9px 1.1px rgba(0, 0, 0, .1)
}

.share-your-pro .btn-primary:active,
.share-your-pro .btn-primary:focus,
.share-your-pro .btn-primary:hover,
.share-your-pro .btn-primary:hover:active {
    color: #3c3c3c !important;
    background-color: #fff !important;
    border: none !important;
    outline: 0 !important;
    box-shadow: 0 1px 20.9px 1.1px rgba(0, 0, 0, .1) !important
}

.sport-banner {
    min-height: 700px;
    position: relative;
    background-size: cover !important;
    padding-top: 260px;
    display: flex;
    align-items: flex-end
}

.sport-banner:after {
    position: absolute;
    background: url('../images/newimages/overlay.png') left center #0083ff;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .9
}

.sport-banner h1 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px
}

.sport-banner p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 24px
}

.about-us-sp h2,
.about-us-sp h2 strong,
.business-model h2 strong,
.collaborate-with-us h2 strong,
.features-sp h2 strong,
.growing-demand h2 strong,
.legal-aspects h2 strong,
.looking-for-fantasy h2 strong,
.technology-stack h2 strong {
    font-weight: 700
}

.sport-banner .top-content {
    padding-top: 30px
}

.sport-banner .btn-primary {
    background-color: #ee4f77;
    border: none;
    border-radius: 25px;
    padding: 13px 35px;
    font-size: 16px;
    box-shadow: 0 0 30px 0 rgba(239, 88, 125, .49)
}

.about-us-sp {
    background: url('../images/newimages/about-bg.png') left center/40% no-repeat
}

.about-us-sp h2 {
    font-size: 27px;
    line-height: 22px;
    text-align: left;
    color: #3c3c3c;
    position: relative;
    margin-bottom: 15px;
    padding: 0 0 40px
}

.about-us-sp h2:after,
.p-listed-c h2:after,
.salesforcelighting h2:after {
    position: absolute;
    content: "";
    width: 64px;
    height: 25px;
    background: url(../images/newimages/pkcircle.png) top left;
    bottom: 0;
    left: 0
}

.about-us-sp .about-content p {
    color: #828282;
    line-height: 24px;
    font-size: 16px
}

.business-model {
    background-size: cover !important;
    padding: 50px 0 110px
}

.business-model h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 300;
    margin: 0 0 80px
}

.business-model h3 {
    color: #fff;
    margin: 20px 0 0;
    font-size: 24px;
    text-align: center;
    font-weight: 700
}

.business-model .logo-box {
    max-width: 216px;
    background: #fff;
    height: 175px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.looking-for-fantasy h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    margin: 0 0 15px
}

.looking-for-fantasy h3,
.looking-for-fantasy p {
    color: #fff;
    text-align: center;
    margin-bottom: 20px
}

.looking-for-fantasy h3 {
    font-size: 22px;
    font-style: italic;
    font-weight: 400;
    opacity: .5
}

.looking-for-fantasy p {
    font-size: 16px;
    line-height: 24px
}

.features-sp h2 {
    color: #3c3c3c;
    font-size: 36px;
    font-weight: 300;
    margin: 0
}

.features-sp h3 {
    margin-top: 45px;
    margin-bottom: 30px;
    font-size: 26px;
    font-weight: 700;
    color: #3c3c3c
}

#get-quote ul,
.features-sp ul,
.footer ul.footlink,
.p-whychoose .tab-pane ul,
.salsesforce-mobileapp .bgwhite ul,
.top-bar ul,
.web_dev_banner .rightcontent ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.features-sp ul li {
    font-size: 16px;
    line-height: 24px;
    color: #828282;
    text-align: left;
    margin-bottom: 25px
}

#get-quote .attach-btn strong img,
#get-quote .modal-title img,
.Development_Capabilities .ltborder ul li img,
.features-sp img,
.growing-demand .growing-img img,
.header a.navbar-brand img,
.letstalk .rtbox img,
.ourservices .tpbar ul li img,
.readytorealise .techskillsimg img,
.security-sl .darkbox:hover h4:before,
.techskills .innercard strong img,
.w-full {
    width: 100%
}

.features-sp .player-img1 {
    max-width: 230px;
    position: absolute;
    left: 0;
    top: 160px
}

.features-sp .player-img2 {
    max-width: 85px;
    position: absolute;
    left: 0;
    top: 960px
}

.features-sp .player-img3 {
    max-width: 178px;
    position: absolute;
    left: 0;
    bottom: 0
}

.features-sp .player-img4 {
    max-width: 85px;
    position: absolute;
    right: 0;
    top: 220px
}

.features-sp .player-img5 {
    max-width: 230px;
    position: absolute;
    right: 0;
    top: 900px
}

.features-sp .player-img6 {
    max-width: 178px;
    position: absolute;
    right: 0;
    bottom: 330px
}

.technology-stack {
    background: #f5f5f5
}

.technology-stack h2 {
    color: #3c3c3c;
    font-size: 36px;
    font-weight: 300;
    margin: 0 0 30px
}

.technology-stack ul {
    list-style: none;
    padding: 0;
    margin: 0;
    clear: both;
    overflow: hidden
}

.technology-stack ul li {
    text-align: center;
    float: left;
    padding: 30px 0;
    width: 16.4%;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc
}

.technology-stack ul li .icon-box {
    border: 5px solid #e3e1e1;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 90px;
    padding: 0 25px;
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
    background: #fff;
    transition: .5s
}

.collaborate-with-us ul li:before,
.types-of-fantasy ul li:before {
    width: 32px;
    height: 32px;
    left: 0;
    top: -3px;
    position: absolute;
    content: ''
}

.technology-stack ul li:hover .icon-box {
    background-color: #ee4f77;
    box-shadow: 0 8px 24px rgb(238 79 118 / 47%);
    border-color: #fff
}

.ourspecialty .nav-tabs .nav-link.active img,
.ourwork ul.nav-tabs li a.nav-link.active img,
.technology-stack ul li:hover .icon-box img {
    filter: brightness(0) invert(1)
}

.about-crypto .btn img,
.buildprojects .rtcontent a.btn1 span svg,
.technology-stack ul li .icon-box img,
.whychooseapp ul li .imgbox-w img {
    transition: .5s
}

.technology-stack ul li h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 12px 0 0;
    text-align: center
}

.technology-stack ul li:nth-child(6n) {
    border-right: none
}

.healthcare_ind_solutions .rtcontent.b-0 p,
.ourwork ul.nav-tabs li.nav-item:last-child,
.technology-stack ul li:last-child,
.technology-stack ul li:nth-last-child(2),
.technology-stack ul li:nth-last-child(3),
.technology-stack ul li:nth-last-child(4),
.technology-stack ul li:nth-last-child(5),
.technology-stack ul li:nth-last-child(6) {
    border-bottom: none
}

.collaborate-with-us:after {
    position: absolute;
    content: '';
    background: rgba(239, 88, 125, .8);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.collaborate-with-us h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0 0 40px
}

.collaborate-with-us ul {
    padding: 0;
    margin: 30px 0 0;
    list-style: none
}

.collaborate-with-us ul li {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-left: 42px;
    color: #fff;
    margin-bottom: 16px
}

.collaborate-with-us ul li:before {
    background: url('../images/newimages/check_cr.png') top center no-repeat
}

.growing-demand h2 {
    color: #3c3c3c;
    font-size: 36px;
    font-weight: 300;
    margin: 0 0 40px
}

.growing-demand h3 {
    font-size: 26px;
    font-weight: 700;
    margin: 70px 0 30px;
    color: #3c3c3c
}

.growing-demand p {
    font-size: 16px;
    line-height: 24px;
    color: #828282
}

.legal-aspects {
    text-align: center;
    background: #ececec
}

.legal-aspects h2 {
    color: #3c3c3c;
    font-size: 36px;
    font-weight: 300;
    margin: 0 0 15px
}

.legal-aspects p {
    font-size: 16px;
    line-height: 24px
}

.types-of-fantasy:before {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    content: '';
    background: linear-gradient(#1668e2 0, #33258c 100%);
    opacity: .5
}

.types-of-fantasy .left-content {
    padding-right: 20px
}

.types-of-fantasy:after {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    content: '';
    background: rgba(233, 97, 149, .5)
}

.types-of-fantasy .col-md-6 {
    z-index: 2
}

.types-of-fantasy h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    margin: 0 0 40px
}

.types-of-fantasy .right-content {
    padding-left: 20px
}

.types-of-fantasy ul {
    padding: 35px 0 35px 35px;
    border-radius: 15px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(223, 223, 223, .15);
    box-shadow: 0 0 21px rgb(0 0 0 / 5%);
    margin: 0;
    list-style: none
}

.types-of-fantasy ul li {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-left: 42px;
    color: #fff;
    margin-bottom: 18px
}

.types-of-fantasy ul li:before {
    background: url('../images/newimages/check_Cr.png') top center/100% no-repeat
}

.why-choose-us {
    background: #f1f1ff
}

.customeraboutsay .owl-nav .owl-next:hover,
.customeraboutsay .owl-nav .owl-prev:hover,
.why-choose-us .heading h2 {
    color: #3c3c3c !important
}

.why-choose-us .inner-box {
    margin-top: 30px;
    padding: 18px 15px;
    border-radius: 5px;
    box-shadow: 0 6px 36px 4px rgba(0, 0, 0, .12);
    position: relative;
    min-height: 174px
}

.why-choose-us .inner-box:hover:before {
    height: 0;
    bottom: 0
}

.why-choose-us .inner-box:before {
    position: absolute;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    content: '';
    left: 10px;
    right: 10px;
    bottom: -12px;
    height: 12px;
    opacity: .4;
    transition: .5s
}

.why-choose-us .inner-box h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #fff
}

.why-choose-us .inner-box.gray,
.why-choose-us .inner-box.gray:before {
    background: #afafaf
}

.cryptobenefitsowners .owl-theme .owl-dots .owl-dot.active span,
.why-choose-us .inner-box.pink,
.why-choose-us .inner-box.pink:before {
    background: #ee4f76
}

.why-choose-us .inner-box.d-blue,
.why-choose-us .inner-box.d-blue:before {
    background: #0b4ee4
}

.why-choose-us .inner-box.corn-blue,
.why-choose-us .inner-box.corn-blue:before {
    background: #7ca1d8
}

.why-choose-us .inner-box.green,
.why-choose-us .inner-box.green:before {
    background: #1fbd78
}

.why-choose-us .inner-box.orange,
.why-choose-us .inner-box.orange:before {
    background: #fe5500
}

.why-choose-us .inner-box.yellow,
.why-choose-us .inner-box.yellow:before {
    background: #e7a005
}

.why-choose-us .inner-box.light-blue,
.why-choose-us .inner-box.light-blue:before {
    background: #148dd6
}

.why-choose-us .inner-box.red,
.why-choose-us .inner-box.red:before {
    background: #f95e5e
}

.allworks .rtbox:hover a.btncircle,
.choose_sec_erc .fungible_card:before,
.clone_script .nft_title h2:after,
.why-choose-us .inner-box.blue,
.why-choose-us .inner-box.blue:before {
    background: #1668e2
}

.header .top-bar ul.rightcontact i,
.letstalk .rtbox h5 svg,
.ourservices .salesforcebox a.title img,
.why-choose-us .inner-box .icon-box {
    margin-right: 10px
}

.why-choose-us .inner-box p {
    color: #fff;
    line-height: 22px;
    font-size: 15px;
    margin: 0
}

.games-banner.tiktokbanner {
    padding-bottom: 260px;
    padding-top: 90px
}

.games-banner h1 {
    margin-top: 0;
    font-weight: 600;
    font-size: 36px
}

.games-banner p {
    font-size: 20px;
    color: #fff;
    font-weight: 300
}

.games-banner .btn-primary {
    background: #ee4f76;
    padding: 10px 55px;
    border-radius: 100px;
    font-size: 20px
}

.games-banner .btn-primary img {
    max-width: 20px;
    margin-right: 10px
}

.games-banner .p-rightimg {
    padding-top: 160px
}

.games-banner .p-mb {
    position: relative;
    top: -50px
}

.games-banner .p-tb {
    position: relative;
    right: -70%;
    top: -200px
}

.games-banner .cardsimg {
    position: absolute;
    top: 50%;
    right: -180px
}

.games-banner .cardsimg img {
    margin-left: 20px
}

.its-digital,
.nft_cases,
.nft_token .addon_sec,
section.nft_dev {
    padding-bottom: 100px
}

.its-digital h2 {
    font-size: 36px;
    font-weight: 400;
    color: #3c3c3c
}

.its-digital h4 {
    font-size: 20px;
    color: #828282;
    font-weight: 400;
    margin-bottom: 50px
}

.its-digital p {
    font-size: 18px;
    color: #828282;
    line-height: 26px;
    margin: 20px 0 0
}

.its-digital .mb-img {
    position: absolute;
    right: 0
}

.its-digital .abt-img {
    position: absolute;
    left: 80px;
    top: 187px;
    max-width: 100px
}

.p-features:after,
.p-features:before {
    width: 100%;
    height: 150px;
    background: url(../images/waveshape.png) top center/100% no-repeat;
    left: 0;
    position: absolute;
    content: '';
    right: 0
}

.p-features {
    padding: 120px 0;
    position: relative;
    background-size: cover !important
}

.p-features:before {
    top: -70px
}

.p-features:after {
    bottom: -40px;
    transform: rotate(-180deg)
}

.p-features h2 {
    color: #fff;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 36px
}

.p-features h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 50px;
    line-height: 24px
}

.consultnow .p-inbox h2,
.p-full-features h2 {
    font-size: 36px;
    margin-bottom: 10px;
    font-weight: 400
}

.p-features .p-featicon {
    background: #fff;
    display: inline-block;
    width: 93px;
    height: 93px;
    text-align: center;
    line-height: 93px;
    border-radius: 5px;
    position: relative
}

.p-features .p-featicon:after {
    position: absolute;
    content: '';
    border: 10px solid rgba(255, 255, 255, .5);
    left: -7px;
    top: -7px;
    right: -7px;
    bottom: -7px;
    border-radius: 5px
}

.p-features ul {
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 10px
}

.p-features ul li {
    float: left;
    width: 20%;
    text-align: center;
    margin-bottom: 25px;
    padding: 0
}

.whychooseapp ul li,
.whychoosep2p ul li {
    width: calc(100% / 5);
    float: left
}

.p-features ul li p {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
    margin-top: 20px;
    padding: 0 10px;
    min-height: 60px
}

.consultnow,
.expert-solution,
.sc-pd {
    padding: 90px 0
}

.consultnow .p-inbox {
    padding: 60px;
    background-size: 100% !important;
    background-color: #002f74;
    background: linear-gradient(45deg, #002f74 50%, #673ab7 100%) !important;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    position: relative;
    overflow: hidden
}

.p-inbox:before {
    content: "";
    position: absolute;
    left: -70px;
    bottom: -70px;
    width: 190px;
    height: 190px;
    border: 10px solid #fff;
    opacity: .1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.text-underline {
    text-decoration: underline !important
}

.p-inbox:after {
    content: "";
    position: absolute;
    right: 0;
    top: -30px;
    width: 100px;
    height: 100px;
    border: 10px solid #fff;
    opacity: .1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.consultnow .p-inbox h2 {
    color: #fff
}

.consultnow .p-inbox h4 {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 32px
}

.consultnow .btn-designed,
.consultnow .btn-designed:active,
.consultnow .btn-designed:focus,
.consultnow .btn-designed:hover {
    background-size: 100%;
    padding: 18px 35px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block
}

.btn-primary.btn-designed:not(:disabled):not(.disabled):active,
.btn-primary.btn-designed:not(:disabled):not(.disabled):active:focus {
    background-size: 100%
}

.p-full-features .p-whbox:after,
.p-full-features .p-whbox:before {
    background: #eb4e75;
    bottom: 0;
    width: 56px;
    height: 2px;
    border-radius: 2px 2px 0 0
}

.p-full-features {
    position: relative;
    padding: 90px 0;
    margin-bottom: 140px
}

.p-full-features:after {
    position: absolute;
    width: 146px;
    height: 191px;
    content: '';
    background: url(../images/p-flower.png) top center/100% no-repeat;
    bottom: -45px;
    right: 22px
}

.p-full-features:before {
    position: absolute;
    width: 90%;
    height: 100%;
    content: '';
    background: #e7f5fd;
    top: 0;
    border-radius: 0 50px 200px 0
}

.p-whychoose:after,
.p-whychoose:before {
    width: 10%;
    height: 70%;
    top: 35%;
    content: ''
}

.p-full-features h2 {
    color: #3c3c3c
}

.p-full-features .p-whbox {
    margin-top: 30px;
    text-align: center;
    position: relative;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 41.82px 9.18px rgba(21, 23, 65, .08);
    min-height: 163px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.p-full-features .p-whbox:before {
    position: absolute;
    content: '';
    left: 23%
}

.p-full-features .p-whbox:after {
    position: absolute;
    content: '';
    right: 23%
}

.p-full-features .p-whbox img {
    margin-bottom: 18px;
    height: 70px
}

.p-full-features .p-whbox h5 {
    font-size: 18px;
    color: #3c3c3c;
    font-weight: 600;
    margin-bottom: -26px;
    position: relative
}

.p-full-features .p-whbox h5:after {
    position: absolute;
    content: '';
    width: 56px;
    height: 2px;
    background: #1a93dd;
    bottom: -14px;
    left: calc(50% - 28px);
    border-radius: 2px 2px 0 0
}

.p-full-features h4 {
    font-size: 20px;
    color: #828282;
    font-weight: 400;
    margin-bottom: 0
}

.p-whychoose {
    padding: 190px 190px 80px;
    background-size: 50% !important;
    position: relative
}

.p-whychoose:before {
    position: absolute;
    background: #1a9be6;
    background: linear-gradient(180deg, #1a9be6 0, #fff 83%);
    left: 0;
    border-radius: 0 100px 0 0
}

.p-whychoose:after {
    position: absolute;
    background: #fff;
    left: -10px;
    margin-top: 10px;
    border-radius: 0 95px 0 0
}

.p-whychoose h2 {
    color: #3c3c3c;
    font-size: 36px;
    margin-bottom: 40px;
    font-weight: 400
}

.allworks h2 span,
.beneficial_desktop,
.comapnylabel li a,
.gameinbothplatform h2 span,
.gameinbothplatform h4 strong,
.howappwork h2 strong,
.menu-bar ul.inner-list li:hover a:after,
.ourservices .salesforcebox a.title strong,
.ourspecialty h2 strong,
.p-whychoose .nav-link .p-img,
.p-whychoose h2 strong,
.sayhi .directconnect a.dc-details span strong {
    display: block
}

.p-whychoose h3 {
    color: #3c3c3c;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 30px
}

.p-whychoose .nav-link {
    padding: 0;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: no-repeat;
    box-shadow: 0 6px 22.56px 1.44px rgba(0, 0, 0, .2)
}

.pc-r:after,
.pc-r:before {
    background: url(../images/p-circlepattern.png) top left;
    width: 128px;
    height: 128px;
    opacity: .1
}

.p-whychoose .tab-pane ul li {
    font-size: 18px;
    font-weight: 600;
    color: #3c3c3c;
    line-height: 23px;
    position: relative;
    padding-left: 18px;
    margin-bottom: 32px
}

.p-whychoose .tab-pane ul li small {
    margin-top: 5px;
    display: block;
    font-size: 15px
}

.p-whychoose .tab-pane p {
    font-size: 16px;
    font-weight: 600;
    color: #3c3c3c;
    line-height: 26px;
    position: relative
}

.p-whychoose .tab-pane ul li:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #ee4f76;
    left: 0;
    top: 8px;
    border-radius: 50%
}

.p-whychoose .nav-item {
    max-width: 291px;
    margin-bottom: 30px;
    margin-right: 30px
}

.p-whychoose .nav-item:nth-child(2) {
    margin-bottom: -285px
}

.p-whychoose .nav-pills {
    margin-top: -150px;
    flex-direction: row-reverse;
    align-items: center;
    position: relative;
    z-index: 1
}

.ahead-of-trends:before,
.pc-r:after,
.pc-r:before {
    position: absolute;
    content: ''
}

.cryptosphere_sec .nft_title h2:after,
.p-whychoose .nav-link.active,
.sixeasysteps .innercard:hover,
.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
    background: #1667e0;
}

.p-whychoose .nav-link.active strong:before {
    position: absolute;
    left: 18px;
    width: 43px;
    height: 43px;
    background: url(../images/p-bluearrow.png) left center repeat-x;
    content: '';
    top: calc(50% - 21px);
    -webkit-animation: 2s linear infinite spin;
    -moz-animation: 2s linear infinite spin;
    animation: 2s linear infinite spin;
    transition: .2s
}

.p-whychoose .nav-link strong {
    font-size: 18px;
    font-weight: 700;
    color: #3c3c3c;
    padding: 22px 25px 22px 64px;
    display: inline-block;
    position: relative;
    line-height: 24px
}

@keyframes spin {
    00% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    25%,
    75% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(50x, 0, 0)
    }
}

.pc-r:after {
    right: 0;
    top: -200px
}

.pc-r:before {
    left: 40px;
    bottom: 180px
}

.ahead-of-trends {
    position: relative;
    padding-top: 70px
}

.ahead-of-trends:before {
    width: 233px;
    height: 100%;
    background: url(../images/p-circleshape.png) bottom center/100% no-repeat;
    bottom: 0;
    opacity: .1
}

.ahead-of-trends h2 {
    font-size: 27px;
    color: #3c3c3c;
    font-weight: 400;
    margin-bottom: 30px
}

.ahead-of-trends h2 strong {
    font-size: 36px;
    font-weight: 400;
    display: block
}

.ahead-of-trends .item {
    margin-top: 120px;
    margin-bottom: 50px;
    border-radius: 15px;
    padding: 20px 0;
    background-color: #fff;
    box-shadow: 0 2px 12.22px .78px rgba(24, 155, 235, .14)
}

.ahead-of-trends .owl-next,
.ahead-of-trends .owl-prev {
    width: 52px;
    height: 52px;
    font-size: 48px !important;
    color: #828282 !important;
    background-color: transparent;
    position: absolute;
    top: calc(50% - 26px);
    line-height: 50px;
    outline: 0
}

.ahead-of-trends .owl-item:nth-child(odd) {
    margin-top: -100px
}

.ahead-of-trends .item h6 {
    font-size: 16px;
    color: #3c3c3c;
    font-weight: 600;
    padding: 10px 0 10px 15px;
    border-left: 6px solid #1668e2;
    margin-bottom: 15px
}

.ahead-of-trends .item p {
    font-size: 14px;
    color: #828282;
    padding: 0 15px;
    margin: 0
}

.ahead-of-trends .owl-prev {
    border: 2px solid #828282 !important;
    border-radius: 50% !important;
    left: -70px
}

.ahead-of-trends .owl-next:hover,
.ahead-of-trends .owl-prev:hover {
    background: 0 0 !important
}

.ahead-of-trends .owl-next span,
.ahead-of-trends .owl-prev span {
    display: block;
    line-height: 12px;
    margin-top: -5px
}

.ahead-of-trends .owl-next {
    border: 2px solid #828282 !important;
    border-radius: 50% !important;
    right: -70px
}

.our-technology-s.p-tech {
    background-color: #1e1d28;
    padding: 80px 0
}

.our-technology-s.p-tech h2 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px;
    position: relative;
    font-size: 27px;
    padding: 0 0 40px;
    text-transform: capitalize
}

.comprehensiverange h2:after,
.costeffective h2:after,
.customizesalesforce h2:after,
.gameVariants h2:after,
.our-technology-s.p-tech h2:after,
.process_we_follow h2:after,
.techskills h2:after,
.whyappinopforsalesforce h2:after,
.whyteamup h2:after {
    position: absolute;
    content: "";
    width: 64px;
    height: 25px;
    background: url(../images/newimages/pkcircle.png) top left;
    bottom: 0;
    left: calc(50% - 32px)
}

.our-technology-s.p-tech ul {
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%
}

.our-technology-s.p-tech ul li {
    display: inline-block;
    margin: 0;
    flex: 0 0 15%;
    text-align: center
}

.our-technology-s.p-tech ul li h5 {
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 25px
}

.gameVariants h2,
.p-listed-c h2,
.salesforcelighting h2 {
    font-weight: 700;
    color: #4f4f4f;
    margin-bottom: 25px;
    position: relative;
    font-size: 27px;
    padding: 0 0 40px
}

.p-listed-c p {
    color: #828282;
    line-height: 26px;
    margin: 10px 0 30px;
    font-size: 16px
}

.p-listed-c .btn-primary {
    padding: 10px 35px
}

.gameVariants {
    background: #eaeaea;
    padding: 80px 0;
    text-align: center
}

.gameVariants .tp-circle {
    display: flex;
    justify-content: center;
    align-self: center;
    position: relative
}

.gameVariants .p-bordercircle {
    width: 165px;
    height: 165px;
    border-radius: 50%;
    display: inline-block;
    background: #f612b6;
    background: linear-gradient(309deg, #f612b6 0, #ff8e50 100%);
    display: flex;
    align-items: center
}

.gameVariants .item.fourth .p-bordercircle,
.gameVariants .item.second .p-bordercircle {
    background: #6cd1bd;
    background: linear-gradient(142deg, #6cd1bd 0, #009ada 100%)
}

.gameVariants .item.third .p-bordercircle {
    background: #9d37ee;
    background: linear-gradient(142deg, #9d37ee 0, #2450cc 100%)
}

.gameVariants .owl-dots {
    margin-top: 20px
}

.gameVariants .tp-circle {
    background: #fff;
    border-radius: 50%;
    min-height: 215px;
    width: 215px;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.gameVariants .p-imgcircle {
    width: 121px;
    height: 121px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    -webkit-box-shadow: 1px 10px 30px 1px rgba(0, 0, 0, .2);
    box-shadow: 1px 10px 30px 1px rgba(0, 0, 0, .2);
    overflow: hidden
}

.gameVariants h6 {
    font-size: 16px;
    font-weight: 500;
    color: #3c3c3c;
    margin-top: 25px
}

.gameinbothplatform {
    background: linear-gradient(0deg, #39f 0, #101fa5 100%);
    padding: 102px 0;
    position: relative
}

.gameinbothplatform h2 {
    color: #fff;
    font-size: 36px
}

.gameinbothplatform p {
    color: #fff;
    margin: 20px 0
}

.gameinbothplatform .btn-default {
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #3c3c3c;
    padding: 12px 40px
}

.gameinbothplatform .apple-box {
    background: #fff;
    border-radius: 8px;
    text-align: center;
    min-height: 296px;
    display: flex;
    align-self: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

.gameinbothplatform:after,
.gameinbothplatform:before {
    position: absolute;
    background: url(../images/p-circlepattern.png) top center;
    width: 155px;
    height: 150px;
    opacity: .1;
    content: ''
}

.gameinbothplatform .flip-card p {
    color: #3c3c3c;
    font-weight: 500;
    font-size: 14px
}

.gameinbothplatform:after {
    right: 80px;
    top: calc(50% - 75px)
}

.gameinbothplatform:before {
    left: calc(50% - 155px);
    bottom: 50px
}

.flip-card {
    background-color: transparent;
    width: 300px;
    height: 300px;
    border-radius: 8px;
    perspective: 1000px
}

.flip-card-back,
.flip-card-front {
    background-color: #fff;
    border-radius: 8px;
    padding: 0 20px;
    display: flex;
    align-self: center
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 1.5s;
    transform-style: preserve-3d
}

.flip-card-back,
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg)
}

.flip-card-back,
.flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-card-front {
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.flip-card-back {
    color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.whychoosep2p {
    background: #eee;
    padding: 90px 0 0
}

.whychooseapp h2 strong,
.whychoosep2p h2 strong {
    color: #ee4f77
}

.whychoosep2p ul {
    padding: 0;
    margin: 0 -15px;
    list-style: none
}

.no_after:after,
.p2pslider1 .owl-nav,
.p2pslider2 .owl-nav,
.show_mobile {
    display: none !important
}

.whychooseapp h2,
.whychoosep2p h2 {
    font-size: 27px;
    margin-bottom: 50px;
    color: #3c3c3c
}

.whychoosep2p ul li {
    padding: 35px 25px;
    min-height: 280px;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #eee;
    transition: .5s
}

.whychoosep2p ul li:hover {
    transform: scale(1.1);
    box-shadow: 0 1.38889vw 2.77778vw rgb(0 0 0 / 8%);
    z-index: 1
}

.whychoosep2p li.imgli {
    width: 40%;
    background: 0 0;
    text-align: center;
    padding: 0
}

.whychoosep2p li.imgli:hover {
    transform: scale(1);
    box-shadow: none
}

.mainslider .topcontent a.btn1,
.nft-banner a.btn1 {
    box-shadow: 0 0 0;
    -webkit-animation: 1.5s infinite power1;
    text-decoration: none
}

.whychoosep2p p {
    font-size: 14px;
    line-height: 1.7;
    color: #828282;
    margin-bottom: 0
}

.whychoosep2p h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #3c3c3c;
    transform: translateY(0);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1)
}

.cryptobenefitsowners {
    background: #1668e2;
    padding: 100px 50px
}

.crypto-banner,
.nft-banner {
    background-size: cover !important
}

.cryptobenefitsowners h2 {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px
}

.cryptobenefitsowners p {
    color: #fff;
    margin-bottom: 20px
}

.boxed ul li strong,
.cryptobenefitsowners strong,
.script_icons_container h5 {
    color: #000
}

.cryptobenefitsowners .window_header {
    background-color: #1e2432;
    width: 100%;
    padding: 10px 20px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.cryptobenefitsowners .inwhitebox p {
    color: #3c3c3c;
    margin-bottom: 0;
    font-weight: 500
}

.cryptobenefitsowners .owl-dots {
    margin-top: 30px !important
}

.cryptobenefitsowners .owl-theme .owl-dots .owl-dot {
    margin: 0 5px
}

.cryptobenefitsowners .owl-theme .owl-dots .owl-dot span {
    margin: 0;
    width: 15px;
    height: 15px;
    display: inline-block
}

.cryptobenefitsowners .inwhitebox .card-body {
    min-height: 160px;
    display: flex;
    align-items: center
}

.cryptobenefitsowners .headingpart {
    min-height: 150px;
    margin-bottom: 40px
}

.cryptobenefitsowners .inwhitebox {
    background-color: #fff;
    border-radius: 16px;
    max-width: 640px;
    width: 100%
}

.crypto-banner {
    padding: 180px 15% 45px
}

.crypto-banner h1 {
    text-shadow: 0 3px 4px rgba(0, 0, 0, .42);
    position: relative
}

.crypto-banner h1:after {
    position: absolute;
    bottom: -15px;
    width: 94px;
    height: 6px;
    background: #1668e2;
    content: '';
    left: 0
}

.crypto-banner p {
    margin-top: 3rem;
    color: #fff;
    max-width: 90%;
    font-size: 16px;
    line-height: 1.7
}

.crypto-banner .leftconnect_form {
    border: 0 !important;
    background-color: rgb(255 255 255 / 23%);
    box-shadow: none;
    padding: 0 30px 30px;
    text-align: center;
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.crypto-banner .leftconnect_form h4 {
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding: 30px 0;
    font-weight: 600
}

.crypto-banner .leftconnect_form label {
    text-align: left;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 4px
}

.crypto-banner .leftconnect_form .form-group,
.sayhi .directconnect a.dc-details span,
.title_big,
.token_development_ser .nft_title {
    text-align: left
}

.cases_card,
.em_card h3,
.em_card p,
.nft_title {
    text-align: center
}

.crypto-banner .leftconnect_form .btn-primary {
    width: 100%;
    border-radius: 5px
}

.crypto-banner .leftconnect_form .form-control {
    border-radius: 4px;
    border: 0;
    background-color: #fff;
    box-shadow: none;
    padding: 9px 15px;
    font-size: 15px;
    font-weight: 400
}

.form_required {
    color: #ee4f76 !important;
    margin-left: 5px !important
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #ee4f76 !important;
    border-color: #ee4f76 !important
}

.bytrends {
    padding: 114px 0
}

.bytrends h2 {
    font-size: 32px;
    margin-right: -120px;
    line-height: 45px;
    color: #3c3c3c;
    text-transform: capitalize
}

.bytrends p {
    color: #828282;
    font-size: 18px;
    margin: 15px -100px 15px 0
}

.bytrends .btn-primary .fa {
    background: #ee4f76;
    padding: 9px 14px;
    margin: 2px 2px 2px 15px;
    border-radius: 2px
}

.nft_wrapper {
    margin-top: 145px
}

.nft-banner {
    padding: 100px 15%
}

.error_page .move_on,
.nft-banner img {
    -webkit-animation: 4s linear infinite MoveUpDown;
    position: relative
}

.nft-banner h1 {
    font-size: 65px;
    font-weight: 700
}

.nft-banner h1 small {
    display: block;
    font-size: 73%
}

.nft-banner p {
    font-size: 16px;
    padding: 2rem 0;
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0;
    max-width: 82%
}

.nft-banner a.btn1 {
    background: #ee4f77;
    color: #fff;
    padding: 13px 32px;
    border-radius: 25px;
    font-size: 15px;
    font-weight: 500;
    box-shadow: 0 0 0 0 rgb(239 88 125 / 40%);
    display: block;
    max-width: fit-content
}

.customappbanner.workdetails,
.salesforcedevelopment,
.sec_empower,
.servicessection.healthandfit,
section.choose_sec.choose_sec_erc {
    padding: 80px 0
}

.token_sec ul {
    color: #fff;
    margin-bottom: 2rem;
    display: block;
    margin-top: -10px;
    padding-left: 1rem;
    font-size: 14px
}

.token_sec ul li {
    line-height: 2
}

.em_card {
    position: relative;
    border-radius: 35px;
    background: #daeffc;
    padding: 50px 0
}

.em_card:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #1668e2;
    position: absolute;
    top: 23px;
    left: 23px;
    border-radius: 35px;
    pointer-events: none
}

.em_card h3 {
    max-width: 700px;
    margin: 0 auto 1rem;
    font-weight: 700
}

.em_card p {
    font-weight: 400;
    font-size: 15px;
    max-width: 90%;
    margin: 0 auto
}

.nft_title {
    display: block;
    margin-bottom: 4rem
}

.nft_title h2 {
    font-size: 28px;
    font-weight: 700;
    color: #ee4f76;
    padding-bottom: 1.5rem;
    position: relative
}

.nft_title h2:after {
    content: "";
    width: 120px;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    background: #ee4f76;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%
}

.cases_card:after,
.industries ul.mailcolumn li.innercolumn ul.indlist li .imgicon {
    width: 60px;
    height: 60px
}

.nft_timeline {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 4rem
}

.nft_time_card {
    padding: 38px;
    box-shadow: 7px 6px 20px #3333332b;
    background-color: #fff;
    border-radius: 15px;
    max-width: 60%
}

.nft_time_card h4 {
    font-weight: 600;
    color: #ee4f76;
    margin-bottom: .7rem
}

.nft_time_card p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0
}

.timeline_left .nft_time_card {
    padding-left: calc(38px + 40px)
}

.nft_timeline span {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    font-size: 50px;
    text-align: center;
    line-height: 100px;
    font-weight: 600;
    background-color: #ee4f76;
    color: #fff;
    box-shadow: 4px 5px 20px #33333336
}

.choose_card .choose_text p,
.fungible_card p {
    padding-top: 10px;
    border-top: 1px solid #3333;
    text-align: justify
}

.nft_timeline.timeline_left span {
    margin-right: -50px;
    z-index: 1
}

.nft_time_card_icon img {
    width: 100px;
    height: 100px;
    object-fit: scale-down
}

.timeline_left .nft_time_card_icon {
    padding-left: 20%;
    position: relative
}

.timeline_left .nft_time_card_icon:before {
    content: "";
    width: calc(100% - 110px);
    height: 3px;
    background-color: #ee4f76;
    position: absolute;
    left: 5px;
    top: 48px
}

.expert-solution .tab-pane:after,
.expert-solution .tab-pane:before {
    position: absolute;
    width: 220px;
    bottom: -30px;
    content: '';
    pointer-events: none
}

.nft_timeline.timeline_left.timeline_even {
    direction: rtl
}

.nft_timeline.timeline_left.timeline_even span {
    margin: 0 0 0 -50px;
    background-color: #1668e2
}

.timeline_left.timeline_even .nft_time_card {
    padding-right: calc(38px + 40px);
    padding-left: 38px
}

.timeline_left.timeline_even .nft_time_card_icon {
    padding-right: 20%;
    padding-left: 0
}

.timeline_left.timeline_even .nft_time_card_icon:before {
    left: 0;
    right: 5px;
    background-color: #1668e2
}

.choose_sec_erc .fungible_card h4,
.nft_cases .nft_title h2,
.timeline_even h4 {
    color: #1668e2
}

.nft_title p,
.script_exchange2 p {
    font-size: 15px;
    max-width: 850px;
    margin: 1.4rem auto 0;
    font-weight: 400
}

.nft_cases .nft_title h2:after {
    background-color: #1668e2
}

.cases_card {
    padding: 35px;
    background-color: #fff;
    position: relative
}

.cases_card h4 {
    font-size: 20px;
    margin: .6rem 0;
    font-weight: 600;
    color: #1668e2
}

.cases_card p {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
    min-height: 111px
}

.cases_card.border-right {
    border-right: 1px solid #1668e2 !important
}

.cases_card.border-left {
    border-left: 1px solid #1668e2 !important
}

.cases_card.border-top {
    border-top: 1px solid #1668e2 !important
}

.cases_card.border-bottom {
    border-bottom: 1px solid #1668e2 !important
}

.cases_card:after {
    content: "";
    background-image: url(../images/newimages/nft/setting.png);
    background-size: 50px;
    position: absolute;
    bottom: -30px;
    right: -30px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    z-index: 1
}

.cases_card img {
    width: 124px;
    height: 124px;
    object-fit: scale-down
}

.reality_case {
    padding: 100px 0;
    margin-bottom: 100px
}

.reality_case .btn,
.whatsapp_btn {
    border-radius: 50px;
    color: #fff !important;
    font-weight: 500;
    margin: 0 auto;
    font-size: 15px
}

@-webkit-keyframes MoveUpDown {
    0%,
    100% {
        bottom: -20px
    }
    50% {
        bottom: 20px
    }
}

.whatsapp_btn {
    padding: 13px 26px;
    background: #28d145;
    display: block;
    max-width: fit-content;
    box-shadow: 3px 8px 32px #28d1455c
}

.reality_case h2 {
    font-weight: 900;
    font-size: 3.1vw;
    line-height: 1.2;
    margin-bottom: 2rem
}

.reality_case .btn {
    padding: 10px 30px;
    min-width: 150px
}

.fungible_card {
    padding: 39px 39px 39px 18px;
    box-shadow: 7px 6px 20px #3333332b;
    background-color: #fff;
    border-radius: 15px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-bottom: 30px;
    min-height: 260px
}

.fungible_card:before {
    content: "";
    width: 26%;
    height: 100%;
    top: 0;
    left: -2%;
    background-color: #ee4f76;
    position: absolute;
    transform: skewX(-6deg);
    z-index: 0
}

.fungible_card img {
    width: 80px;
    height: 80px;
    object-fit: scale-down;
    margin-right: 35px;
    z-index: 1
}

.fungible_card h4 {
    font-weight: 600;
    color: #ee4f76;
    margin-bottom: 0;
    z-index: 1;
    font-size: 1.3rem;
    padding-left: 8px
}

.fungible_card p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0;
    margin-top: 10px;
    color: #818181;
    z-index: 1;
    transform: skewX(-6deg)
}

.title_big strong {
    font-size: 600%;
    color: #00000069;
    opacity: .15;
    line-height: 15px;
    font-weight: 800;
    margin-bottom: 10px;
    display: block
}

.title_big h2 {
    font-size: 24px;
    font-weight: 500
}

.choose_card {
    padding: 25px 0;
    border-left: 1px solid #1668e2;
    margin-bottom: 30px
}

.choose_card img {
    width: 90px;
    height: 90px;
    object-fit: scale-down;
    background-color: #1668e2;
    padding: 20px
}

.choose_text {
    padding: 30px 20px 20px
}

.choose_card .choose_text h4 {
    font-size: 18px;
    font-weight: 600;
    color: #1666de
}

.choose_card .choose_text p {
    font-size: 13px;
    margin-top: 12px;
    margin-bottom: 0
}

.about-crypto {
    background: #f4f3f8;
    padding: 60px 0 0;
    border-radius: 0 0 50px 50px
}

.about-crypto h2 {
    font-size: 32px;
    line-height: 45px;
    color: #3c3c3c
}

.about-crypto p,
.about-crypto span {
    font-size: 16px;
    line-height: 26px;
    color: #3c3c3c
}

.about-crypto h2 strong,
.ourservices .blkchain a.title strong,
.ourservices .ctmappdev a.title strong {
    display: block;
    font-weight: 700
}

.about-crypto.hireexperts {
    background: #feebbf
}

.about-crypto.hireexperts h2 {
    font-size: 27px;
    line-height: 45px;
    color: #000;
    font-weight: 700
}

.about-crypto span {
    font-weight: 500;
    margin: 18px 0 0;
    display: inline-block
}

.about-crypto p strong.font-weight-normal,
.about-crypto span strong.font-weight-normal,
.expert-solution p strong.font-weight-normal,
.p-faqs .font-weight-normal,
.security-sl .darkbox p strong.font-weight-normal,
.whychooseapp p strong.font-weight-normal {
    font-weight: 500 !important
}

.about-crypto p {
    font-weight: 500;
    margin: 18px 0
}

.about-crypto .btn {
    padding: 0;
    outline: 0;
    box-shadow: none;
    border: none;
    margin: 15px 0
}

.about-crypto .btn.active img {
    transform: rotate(-180deg)
}

.about-crypto .collapse,
.about-crypto .collapse.show,
.about-crypto .collapsing,
.header .dropdown-menu .container-fluid,
.menu-bar .navbar,
.salesforcedevelopment.customappbanner .rightbannertext,
.token_development_ser .choose_card img {
    padding: 0
}

.expert-solution h2 {
    text-align: center;
    margin-bottom: 45px;
    font-size: 27px
}

.expert-solution h2 strong {
    display: block;
    font-size: 32px
}

.expert-solution .nav-link {
    box-shadow: 0 20px 40px 0 rgb(212 212 212 / 20%);
    border: 1px solid rgba(88, 88, 88, .08);
    background-color: #fff;
    color: #3c3c3c;
    margin: 0 15px;
    border-radius: 10px;
    padding: 30px 30px 0;
    display: block;
    font-size: 20px;
    text-align: center
}

.expert-solution .nav-link:hover {
    background-color: #edf6fe
}

.expert-solution .nav-item {
    width: calc(100% / 2 - 15px)
}

.expert-solution .nav-tabs {
    margin-bottom: 100px;
    border: none
}

.crypto_services .ltbox,
.crypto_services .rtbox {
    min-height: 356px;
    border-bottom: 1px solid #74c3f3;
    padding: 0 80px
}

.expert-solution .nav-link strong {
    display: block;
    text-transform: uppercase
}

.expert-solution .nav-link span {
    display: inline-block;
    background: #fff;
    border-radius: 50px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    position: relative;
    bottom: -30px;
    border: 1px solid #f1f1f1
}

.expert-solution .nav-link.active {
    background-Color: #0585ec;
    color: #fff;
    box-shadow: 0 4px 15px 0 rgb(5 133 236 / 66%);
    border: 1px solid rgba(5, 133, 236, .7)
}

.expert-solution p {
    background: #f4f3f8;
    padding: 85px 45px;
    color: #3c3c3c;
    font-weight: 500;
    text-align: center;
    position: relative;
    z-index: 9
}

.expert-solution .tab-pane:before {
    height: 220px;
    background: #fdedf1;
    left: -30px;
    z-index: -1
}

.expert-solution .tab-pane:after {
    background: url(../images/dotpatternbg.png);
    height: 220px;
    right: -30px;
    z-index: 0
}

.crypto_services .ltbox~.contentbox,
.crypto_services .rtbox~.contentbox {
    border-radius: 10px;
    height: 100%;
    z-index: 99;
    width: 0;
    transition: .3s;
    padding: 0;
    top: 0;
    background: 0 0;
    position: absolute;
    display: flex;
    text-align: center;
    visibility: visible;
    opacity: 0
}

.crypto_services {
    background: #1668e2;
    padding: 100px 0
}

.crypto_services h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 20px
}

.crypto_services p {
    font-size: 15px;
    text-align: center;
    max-width: 90%;
    margin: 0 auto 1rem;
    color: #fff
}

.crypto_services .ltbox {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid #74c3f3
}

.crypto_services .ltbox~.contentbox {
    left: 100%;
    justify-content: center;
    align-items: center
}

.crypto_services .ltbox~.contentbox p {
    opacity: 0;
    height: 264px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 0;
    transition: .3s;
    position: absolute;
    padding: 0 25px;
    width: 450px;
    flex-direction: column
}

.crypto_services .ltbox:hover~.contentbox p,
.crypto_services .rtbox:hover~.contentbox p {
    opacity: 1;
    color: #000 !important
}

.crypto_services .ltbox:hover~.contentbox {
    width: 100%;
    padding: 25px;
    opacity: 1;
    background: #fff;
    visibility: visible;
    color: #000 !important
}

.crypto_services .rtbox~.contentbox {
    right: 100%;
    justify-content: center;
    align-items: center
}

.crypto_services .rtbox~.contentbox p {
    opacity: 0;
    height: 264px;
    display: flex;
    align-items: center;
    margin: 0;
    transition: .3s;
    position: absolute;
    padding: 0 25px;
    width: 450px;
    flex-direction: column
}

.crypto_services .rtbox:hover~.contentbox {
    width: 100%;
    padding: 25px;
    opacity: 1;
    background: #fff;
    color: #000 !important;
    visibility: visible
}

.crypto_services .rtbox {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.crypto_services h3 {
    color: #fff;
    margin: 15px 0
}

.procedure-wrap ul {
    position: relative;
    display: block;
    overflow: hidden;
    vertical-align: middle;
    padding: 0
}

.procedure-wrap ul:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ee4f76;
    width: 3px;
    margin: 0 auto
}

.procedure-wrap ul li {
    position: relative;
    display: block;
    padding: 40px 0 0;
    overflow: hidden;
    vertical-align: middle;
    display: flex
}

.procedure-wrap ul li:hover .process-icon {
    transform: scale(1.2)
}

.procedure-wrap ul li.rl:after,
.procedure-wrap ul li:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 60px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #ee4f76
}

.procedure-wrap ul li.rl:before,
.procedure-wrap ul li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 150px;
    height: 3px;
    background: #ee4f76;
    top: 65px
}

.procedure-wrap ul li .contents-l {
    display: block;
    padding: 8px 15px;
    margin-right: 60px
}

.procedure-wrap ul li .imgs-l {
    position: relative;
    display: block;
    margin: -10px 0 0 60px;
    text-align: left
}

.procedure-wrap .process-icon {
    padding: 20px 0;
    border: 3px solid #ee4f76;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #ee4f76;
    transition: .5s;
    text-align: center;
    color: #fff
}

.cutshorttheprocess h6,
.procedure-wrap .process-icon i {
    font-size: 30px
}

.procedure-wrap ul li .contents-r {
    display: block;
    margin-left: 60px;
    padding: 8px 15px;
    margin-right: 0
}

. .procedure-wrap ul li .imgs-r {
    position: relative;
    display: block;
    margin: -10px 60px 0 0;
    text-align: right;
    float: right
}

.procedure-wrap ul li .imgs-r img {
    display: inline-block;
    background: 0 0
}

.ourspecialty {
    padding: 120px 0 0;
    position: relative
}

.ourspecialty .tab-content:after {
    position: absolute;
    content: '';
    background: url(../images/dotpatternbg.png) top left;
    width: 240px;
    height: 240px;
    left: 140px;
    top: 100px
}

.ourspecialty h2 {
    font-size: 27px;
    color: #3c3c3c;
    margin-bottom: 20px
}

.ourspecialty .tab-content {
    background: #f8f8f8;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    align-self: center
}

.ourspecialty .tab-pane {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 27px 57px 0 rgba(0, 0, 0, .1);
    margin: 0 230px;
    padding: 130px;
    text-align: center;
    position: relative;
    z-index: 9
}

.ourspecialty .bigfont {
    font-size: 125px;
    font-weight: 700;
    display: inline-block;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #3c3c3c;
    -webkit-text-fill-color: transparent;
    position: absolute;
    z-index: 1;
    bottom: 0
}

.ourspecialty .tab-pane p {
    color: #3c3c3c;
    font-weight: 500;
    margin-bottom: 0
}

.ourspecialty .tab-pane h3 {
    color: #3c3c3c;
    font-weight: 700;
    font-size: 24px;
    position: relative;
    margin-bottom: 80px
}

.ourspecialty .tab-pane h3:after {
    position: absolute;
    content: '';
    width: 206px;
    height: 30px;
    background: url(../images/newimages/blackdotpattern.png) top left;
    bottom: -50px;
    left: calc(50% - 103px)
}

.ourspecialty .nav-tabs {
    display: block;
    background: #fff;
    border: none;
    box-shadow: 0 27px 57px 0 rgba(0, 0, 0, .1);
    overflow: hidden
}

.ourspecialty .nav-tabs .nav-item {
    margin: 20px 30px
}

.ourspecialty .nav-tabs .nav-link {
    border: none !importa;
    background: #f5f5f5;
    color: #3c3c3c;
    font-weight: 500;
    padding: 18px;
    border-radius: 8px;
    margin-bottom: 10px
}

.ourspecialty .nav-tabs .nav-link.active {
    background: #1667e0;
    color: #fff
}

.ourspecialty .nav-tabs .nav-link img {
    margin-right: 15px;
    max-width: 42px
}

.robustfeat {
    background: url(../images/pinkbgpattern.png) top left #ee4f76;
    padding: 90px 0
}

.robustfeat h2 {
    color: #fff;
    font-size: 27px;
    text-align: center
}

.robustfeat .inboxrt {
    margin-top: 45px;
    text-align: center;
    position: relative;
    transition: .5s;
    border-radius: 10px;
    padding: 25px 15px;
    background: 0 0
}

.robustfeat .inboxrt:hover {
    background-color: #ee4f76;
    box-shadow: 0 0 46.06px 2.94px rgba(0, 0, 0, .24)
}

.robustfeat .inboxrt:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 176px;
    background: url(../images/rightbdnw.png) center center no-repeat;
    right: -15px;
    top: calc(50% - 83px)
}

.robustfeat .inboxrt .iconbox {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    line-height: 100px;
    margin: 0 auto 30px;
    position: relative;
    transition: .5s
}

.robustfeat .inboxrt:hover .iconbox {
    transform: scale(.9)
}

.robustfeat .inboxrt .iconbox:before {
    position: absolute;
    content: '';
    width: 130px;
    height: 130px;
    background: url(../images/crbg.png) center center/100% 100% no-repeat;
    left: -15px;
    top: -15px;
    transition: .5s
}

.robustfeat .inboxrt:hover .iconbox:before {
    background: url(../images/hovercrbg.png) center center no-repeat;
    transform: rotate(-25deg)
}

.robustfeat .inboxrt p {
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    margin-bottom: 0;
    font-size: 14px
}

.robustfeat .inboxrt h4 {
    font-weight: 700;
    color: #fff;
    font-size: 21px;
    margin-bottom: 10px
}

.security-sl {
    padding: 90px 10%
}

.security-sl h2 {
    font-size: 27px;
    font-weight: 700;
    color: #3c3c3c;
    text-align: center;
    margin-bottom: 35px
}

.security-sl .darkbox {
    background: #e9e9e9;
    border-bottom: 4px solid #1668e2;
    padding: 40px 0
}

.security-sl .darkbox h4:before {
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(to bottom right, #1c2a85, #4589e0);
    transition: .5s
}

.security-sl h4 {
    background: silver;
    font-size: 18px;
    font-weight: 600;
    color: #3c3c3c;
    padding: 15px 60px 15px 20px;
    line-height: 25px;
    position: relative;
    transition: 1s
}

.mainslider .topcontent,
.security-sl h4 span {
    position: relative;
    z-index: 9
}

.security-sl .darkbox p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
    padding: 15px 20px;
    min-height: 190px
}

.whychooseapp {
    background: #eee;
    padding: 90px 0
}

.whychooseapp ul {
    padding: 0;
    margin: 0 -15px;
    list-style: none
}

.whychooseapp ul.customli li {
    width: calc(100% / 3)
}

.whychooseapp ul li .imgbox-w:after {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, .6);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.whychooseapp ul li:hover .imgbox-w img {
    filter: blur(5px)
}

.whychooseapp p {
    margin-bottom: 0;
    font-size: 13px;
    min-height: 252px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    text-align: center;
    font-weight: 500;
    background: url(../images/bordernw.png) bottom center no-repeat;
    padding: 0 5px;
    flex-direction: column
}

.whychooseapp h3 {
    text-shadow: 0 3px 0 rgba(0, 0, 0, .24);
    font-size: 21px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 10px;
    padding: 0 15px;
    z-index: 9
}

.whychooseapp ul li:nth-child(2n+2) h3 {
    top: 10px;
    bottom: auto
}

.whychooseapp ul li:nth-child(2n+2) p {
    background: url(../images/bordernw.png) top center no-repeat
}

.stayahead h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 30px;
    text-transform: capitalize
}

.stayahead .boxleft {
    text-align: center;
    min-height: 180px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    transition: .5s
}

.stayahead .boxleft:hover {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .11)
}

.stayahead .boxleft h4 {
    font-weight: 700;
    font-size: 17px;
    margin-top: 15px
}

.stayahead .boxleft img {
    height: 45px
}

.startbysaying {
    padding: 115px 0
}

.startbysaying .pinkbox {
    padding: 120px 90px;
    text-align: center;
    background-size: 100% 100% !important;
    border-radius: 25px
}

.startbysaying .pinkbox p {
    margin-bottom: 0;
    color: #fff;
    margin-top: 15px;
    line-height: 30px
}

.startbysaying .pinkbox h2 {
    color: #fff;
    font-size: 26px
}

.btn-primary,
.cryptosphere_sec *,
.cryptosphere_sec .nft_title h2,
.token_development_ser .btn,
section.ppr_sec h2 {
    color: #fff !important
}

.startbysaying .pinkbox h2 span {
    background: #1668e2;
    padding: 5px 13px;
    border-radius: 5px;
    display: inline-block;
    font-size: 17px
}

.startbysaying .pinkbox h2 i {
    display: block;
    font-weight: 700;
    font-size: 40px;
    font-style: normal
}

main.error_page {
    margin-top: 145px;
    padding: 9% 0;
    width: 100%
}

.error_page h1 {
    font-size: 7.5em;
    margin: 15px 0;
    font-weight: 700;
    color: #ee4f76;
    line-height: 1
}

.error_page h2 {
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: .5rem
}

.error_page p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #959595
}

.error_page .btn,
.go-home {
    z-index: 1;
    overflow: hidden;
    position: relative;
    font-size: 1.1em;
    letter-spacing: 2px;
    transition: .2s;
    margin: 5px 0;
    background: #ee4f76;
    color: #fff !important;
    padding: 15px 25px;
    border-radius: 50px;
    box-shadow: 0 8px 24px rgb(238 79 118 / 47%);
    letter-spacing: normal;
    font-weight: 500;
    min-width: 150px;
    border: 0;
    display: inline-block
}

.flat_button,
.header {
    z-index: 99;
    position: fixed
}

.thankyoupage {
    background: #1f2682;
    margin: 145px 0 0;
    padding: 6% 0
}

.wrapper-1 h1 {
    font-size: 4em;
    font-weight: 900;
    color: #fafafa;
    margin: 40px 0 20px
}

.wrapper-2 p {
    margin: 0;
    font-size: 1.3em;
    color: #fafafa;
    letter-spacing: 1px;
    line-height: 1.5
}

.thankyoupage img {
    max-width: 280px;
    margin: 0 auto
}

@media(max-width:1440px) {
    .crypto-banner {
        padding: 180px 10% 45px
    }
    .ourspecialty .tab-pane {
        padding: 130px 70px
    }
    .ourspecialty .nav-tabs .nav-item {
        margin: 20px
    }
    .ourspecialty .nav-tabs .nav-link {
        overflow: hidden;
        display: flex;
        align-items: center
    }
    .ourspecialty .nav-tabs .nav-link img {
        float: left
    }
    .security-sl {
        padding: 90px 7%
    }
    .security-sl h4 {
        padding: 15px 20px;
        font-size: 16px;
        line-height: 22px
    }
    .security-sl .darkbox {
        padding: 40px 0 0
    }
    .security-sl .darkbox p {
        min-height: 250px
    }
    .whychooseapp h3 {
        font-size: 16px;
        bottom: 20px
    }
    .whychooseapp ul li .imgbox-w {
        position: relative;
        min-height: unset
    }
    .whychooseapp ul li .imgbox-w img {
        height: 100%;
        object-fit: cover
    }
}

@media(max-width:1280px) {
    .ourspecialty .bigfont {
        font-size: 65px
    }
}

@media(max-width:1199px) {
    .whychooseapp h2,
    .whychooseapp p {
        margin-bottom: 30px
    }
    .crypto-banner {
        padding: 180px 15px 45px
    }
    .expert-solution .nav-link {
        padding: 30px 10px 0;
        font-size: 18px
    }
    .expert-solution .nav-tabs {
        margin-bottom: 70px
    }
    .expert-solution .nav-link strong {
        font-size: 18px
    }
    .crypto_services h3 {
        font-size: 24px;
        line-height: 35px
    }
    .ourspecialty .tab-pane {
        padding: 80px 30px;
        margin: 0 100px
    }
    .ourspecialty .tab-content:after {
        left: 0
    }
    .bytrends h2 {
        font-size: 27px;
        line-height: 35px
    }
    .security-sl h4 {
        min-height: 74px
    }
    .security-sl .darkbox {
        margin-bottom: 15px
    }
    .whychooseapp ul {
        padding: 0 25%
    }
    .whychooseapp ul li:nth-child(2n+2) {
        display: flex;
        flex-direction: column-reverse
    }
    .whychooseapp ul li:nth-child(2n+2) h3 {
        top: auto;
        bottom: 10px
    }
    .whychooseapp ul li:nth-child(2n+2) p {
        background: url(../images/bordernw.png) bottom center no-repeat
    }
    .whychooseapp ul li .imgbox-w img {
        height: auto;
        object-fit: cover;
        width: 100%
    }
    .whychooseapp ul li {
        width: 100%;
        background: #fff;
        margin-bottom: 30px
    }
    .whychooseapp p {
        padding: 20px 15px;
        min-height: auto
    }
}

@media(max-width:990px) {
    .bytrends h2,
    .bytrends p {
        margin-right: 0
    }
    .crypto_services .ltbox~.contentbox p,
    .crypto_services .rtbox~.contentbox p {
        transition: .5s;
        height: 100%;
        position: inherit;
        padding: 10px 25px;
        font-size: 14px;
        width: 100%
    }
    .crypto-banner h1 {
        text-align: center;
        margin-bottom: 40px
    }
    .crypto-banner h1:after {
        left: calc(50% - 47px)
    }
    .bytrends {
        padding: 80px 0;
        text-align: center
    }
    .bytrends h2 {
        margin-top: 50px
    }
    .about-crypto {
        padding-top: 30px
    }
    .about-crypto h2 {
        font-size: 27px;
        line-height: 32px;
        color: #3c3c3c
    }
    .expert-solution .nav-item {
        width: unset;
        margin-bottom: 45px
    }
    .expert-solution .nav-tabs {
        margin-bottom: 20px;
        justify-content: center
    }
    .crypto_services .ltbox {
        border-right: none;
        padding: 0 10px
    }
    .crypto_services .rtbox {
        padding: 0 15px
    }
    .crypto_services .ltbox~.contentbox {
        width: 100%;
        padding: 25px;
        background: #fff;
        left: 0;
        transition: .5s;
        transform: rotateY(-90deg);
        opacity: 0
    }
    .crypto_services .ltbox:focus~.contentbox,
    .crypto_services .ltbox:hover~.contentbox,
    .crypto_services .rtbox:focus~.contentbox,
    .crypto_services .rtbox:hover~.contentbox {
        transform: rotateY(00deg);
        opacity: 1
    }
    .crypto_services .ltbox~.contentbox p {
        opacity: 1;
        justify-content: center
    }
    .crypto_services .rtbox~.contentbox {
        width: 100%;
        padding: 25px;
        opacity: 1;
        background: #fff;
        right: 0;
        transition: .5s;
        transform: rotateY(-90deg);
        opacity: 0
    }
    .crypto_services .rtbox~.contentbox p {
        opacity: 1;
        flex-direction: column;
        justify-content: center
    }
    .crypto_services .rtbox.border-bottom-0 {
        border-top: 1px solid #74c3f3
    }
    .ourspecialty .tab-pane {
        padding: 80px 30px;
        margin: 190px 100px
    }
    .devprocess:before,
    .robustfeat .inboxrt:after {
        display: none
    }
    .procedure-wrap ul li .contents-l h3,
    .procedure-wrap ul li .contents-r h3 {
        font-size: 16px;
        font-weight: 600
    }
    .startbysaying,
    .stayahead {
        padding: 50px 0
    }
    .about-crypto.hireexperts h2 {
        line-height: 35px
    }
    .startbysaying .pinkbox {
        padding: 100px 80px
    }
    .p-faqs .btn-link {
        white-space: inherit
    }
    .p-faqs .btn-link .fa {
        margin-right: 8px;
        color: #ee4b7a;
        float: left;
        height: 49px;
        padding-top: 8px
    }
    .whychooseapp ul.customli li {
        width: 100%
    }
}

@media(max-width:767px) {
    .crypto-banner .leftconnect_form {
        display: block;
        margin-top: 3rem;
        padding: 0 20px 20px
    }
    .crypto-banner .leftconnect_form h4 {
        font-size: 23px;
        padding: 17px 0 20px
    }
    .robustfeat .col-xl-4 .inboxrt {
        box-shadow: 0 0 46.06px 2.94px rgb(0 0 0 / 24%);
        background-color: #ee4f76
    }
    .whychooseapp ul li .imgbox-w img {
        height: 100%;
        object-fit: cover;
        width: auto
    }
    .crypto-banner {
        padding: 160px 0 45px
    }
    .bytrends h2 {
        font-size: 24px;
        line-height: 28px;
        margin-top: 20px
    }
    .bytrends p,
    .expert-solution .nav-link strong {
        font-size: 16px
    }
    .bytrends p {
        line-height: 22px
    }
    .about-crypto h2 {
        font-size: 18px;
        line-height: 28px;
        color: #3c3c3c
    }
    .expert-solution h2 {
        text-align: center;
        margin-bottom: 20px;
        font-size: 24px
    }
    .expert-solution h2 strong {
        display: block;
        font-size: 24px;
        line-height: 26px
    }
    .expert-solution p {
        padding: 25px 15px;
        font-size: 14px
    }
    .expert-solution .tab-pane:after {
        right: 0;
        bottom: -34px
    }
    .crypto_services {
        padding: 50px 15px 40px
    }
    .crypto_services h2 {
        font-size: 22px;
        line-height: 1.3;
        margin-bottom: 1rem !important
    }
    .crypto_services .ltbox {
        padding: 0 10px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff
    }
    .crypto_services h3 {
        font-size: 16px;
        line-height: 15px;
        margin-bottom: 0
    }
    .crypto_services .ltbox,
    .crypto_services .rtbox {
        min-height: 186px
    }
    .crypto_services .iconimg img {
        max-width: 80px
    }
    .ourspecialty {
        padding: 50px 0 0;
        overflow-y: hidden
    }
    .ourspecialty h2,
    .robustfeat h2,
    .startbysaying .pinkbox h2 strong,
    .stayahead h2,
    .whychooseapp h2 {
        font-size: 24px
    }
    .ourspecialty .nav-tabs .nav-link {
        padding: 10px 15px;
        background: 0 0;
        font-size: 13px
    }
    .ourspecialty .nav-tabs .nav-link img {
        margin-right: 10px;
        max-width: 39px;
        padding: 5px
    }
    .ourspecialty .nav-tabs .nav-item {
        margin: 10px
    }
    .ourspecialty .tab-pane {
        padding: 50px 20px;
        margin: 10px
    }
    .ourspecialty .tab-pane h3:after {
        transform: scale(.8)
    }
    .ourspecialty .bigfont {
        font-size: 55px;
        display: none
    }
    .ourspecialty .tab-pane p {
        line-height: 20px;
        text-align: justify
    }
    .devprocess,
    .robustfeat,
    .security-sl {
        padding: 50px 0
    }
    .security-sl h2 {
        font-size: 21px;
        margin-bottom: 25px
    }
    .security-sl .darkbox p,
    .security-sl h4 {
        min-height: auto
    }
    .security-sl .darkbox {
        padding: 20px 0 0
    }
    .whychooseapp {
        padding: 40px 0
    }
    .whychooseapp ul {
        padding: 0 15px
    }
    .stayahead .boxleft {
        min-height: 120px
    }
    .about-crypto.hireexperts h2 {
        line-height: 32px;
        font-size: 24px
    }
    .about-crypto p,
    .about-crypto span {
        line-height: 25px;
        font-size: 12px !important;
        font-weight: 500;
        margin: 12px 0 0
    }
    .about-crypto p,
    .startbysaying .pinkbox p {
        line-height: 22px
    }
    .about-crypto .btn {
        margin: 25px 0
    }
    .about-crypto .btn img {
        width: auto;
        height: 17px
    }
    .about-crypto p {
        font-size: 14px;
        font-weight: 500;
        margin: 12px 0 0
    }
    .startbysaying .pinkbox {
        padding: 40px 20px
    }
    .startbysaying .pinkbox h2 {
        font-size: 21px
    }
    .procedure-wrap ul li {
        display: block
    }
    .procedure-wrap ul li .contents-l,
    .procedure-wrap ul li .contents-r {
        margin-right: 0;
        text-align: left;
        padding: 8px 8px 8px 30px !important;
        margin-left: 0
    }
    .procedure-wrap ul li .contents-l p,
    .procedure-wrap ul li .contents-r h3 {
        text-align: left !important
    }
    .procedure-wrap ul li .contents-l h3 {
        text-align: left
    }
    .procedure-wrap ul li.rl:after,
    .procedure-wrap ul li:after {
        margin: 0
    }
    .procedure-wrap ul:after {
        margin: 0;
        left: 6px
    }
    .procedure-wrap ul li .imgs-r {
        position: relative;
        display: block;
        margin: -10px 0 0 30px;
        float: left
    }
    .procedure-wrap ul li.rl:before,
    .procedure-wrap ul li:before {
        margin: 0;
        width: 100px
    }
    .procedure-wrap ul li .imgs-l {
        margin: -10px 0 0 30px !important
    }
    .devprocess:after,
    .devprocess:before {
        display: none
    }
}

.btn-link-primary,
.btn-primary {
    padding: 10px 30px;
    font-weight: 600
}

.btn-primary {
    background-color: #ee4f76;
    border: none;
    border-radius: 60px;
    font-size: 16px
}

.btn-link-primary {
    background-color: transparent;
    border: 1px solid #ee4f76 !important;
    color: #ee4f76 !important;
    border-radius: 25px;
    font-size: 14px
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    background-color: #ee4f76;
    border: none;
    outline: 0;
    box-shadow: none
}

.btn-secondary {
    background-color: #ee4f76;
    border: none;
    border-radius: 25px;
    padding: 7px 25px;
    font-size: 14px
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
    background-color: transparent;
    border: 2px solid;
    outline: 0;
    box-shadow: none
}

h1 {
    font-size: 42px;
    color: #fff;
    font-weight: 400
}

h1 span {
    display: block;
    font-size: 48px;
    font-weight: 600
}

.heading h4 {
    font-size: 22px;
    font-weight: 500;
    color: #ee4f76
}

.heading h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 600
}

.hr-contact ul li:first-child {
    width: 40px;
    margin: 0 15px
}

.hr-contact {
    border-top: 1px solid #ddd;
    margin-top: 5px;
    padding: 8px 0
}

.top-bar ul li {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle
}

.top-bar .dropdown-menu {
    margin-top: 13px;
    border-radius: 8px;
    border: none;
    padding: 16px 12px;
    box-shadow: 0 1px 10px 2px rgba(0, 0, 0, .1);
    min-width: 270px
}

.top-bar .dropdown-menu hr {
    margin-top: 11px
}

.top-bar ul.contact-number li {
    margin: 0 0 5px;
    display: block
}

.top-bar ul.contact-number li a {
    color: #3c3c3c;
    font-size: 14px;
    letter-spacing: 0
}

.top-bar ul.contact-number li a .flag_icon {
    width: 24px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.top-bar ul.contact-number li a .flag_icon2 {
    background: url(../images/newimages/flags.png) 0 -28px
}

.top-bar ul.contact-number li a .flag_icon3 {
    background: url(../images/newimages/flags.png) 0 -54px
}

.top-bar .left-icon img {
    max-width: 50px
}

.top-bar .dropdown-menu .row {
    justify-content: center;
    align-items: center;
    align-self: center
}

.top-bar h6 {
    margin-bottom: 0;
    font-size: 14px
}

.top-bar ul.social-link {
    text-align: center;
    line-height: 12px;
    margin-top: 5px;
    border-top: 1px solid #ddd;
    padding-top: 12px
}

.top-bar ul.social-link li {
    display: inline-block;
    margin: 0 5px;
    line-height: 12px
}

.top-bar ul.social-link li a {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 34px
}

.top-bar ul.social-link li a.facebook {
    background: #3b5999
}

.socialbar ul li.linkedin:hover a,
.top-bar ul.social-link li a.linkedin {
    background: #0077b5
}

.top-bar ul.social-link li a.twitter {
    background: #55acee
}

.top-bar ul.social-link li a.instagram {
    background: #e4405f
}

.top-bar ul.social-link li a.quora {
    background: #b92b27
}

.header2 .shape_blue,
.navbar_top_fix .shape_blue {
    fill: #ee4f77 !important
}

.header2 .shape_pink,
.navbar_top_fix .shape_pink {
    fill: #1666de !important
}

.shape_blue,
.shape_pink {
    transition: .3s
}

.header .dropdown-item {
    border-radius: 0;
    padding: 13px 20px;
    font-weight: 500;
    font-size: 14px;
    border-left: 2px solid transparent;
    transition: .2s
}

.header .dropdown-menu.smallwidth {
    width: 410px;
    left: auto;
    right: auto;
    padding: 5px 0
}

.header {
    width: 100%;
    top: 0;
    background: #fff;
    box-shadow: 0 2px 25px 5px rgba(0, 0, 0, .05);
    transition: .3s
}

.flat_button {
    left: 25px;
    height: 47.98px;
    width: 47.98px;
    font-size: 22px;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff;
    border-radius: 50%;
    display: none
}

.flat_button * {
    width: 100%;
    max-width: 22px;
    max-height: 22px;
    margin: 0 auto;
    object-fit: scale-down
}

.float_whatsapp {
    background: #55cd6c;
    box-shadow: -5px 6px 25px #55cd6c6b;
    top: calc(100vh - 58px);
    transition: .3s;
    left: 15px
}

.float_skype {
    background: #fff;
    box-shadow: -5px 6px 25px hsl(199deg 98% 48% / 41%);
    top: calc(100vh - 120px);
    transition: .3s;
    left: 15px
}

header.navbar-fixed .float_whatsapp {
    transform: translateY(45px);
    top: calc(100vh - 178px);
    transition: .5s
}

header.navbar-fixed .float_skype {
    transform: translateY(45px);
    top: calc(100vh - 115px);
    transition: .5s
}

.header .top-bar {
    display: flex;
    justify-content: space-between;
    padding: 17.5px 0;
    align-items: center;
    transition: .3s;
    background: #f1f1ff
}

.navbar-fixed .top-bar {
    padding: 12.5px 200px
}

.header .top-bar ul.rightcontact {
    text-align: right;
    list-style: none;
    padding: 0;
    margin: 0
}

.header .top-bar ul.rightcontact a {
    color: #3c3c3c;
    font-weight: 500
}

.header .top-bar a {
    color: #3c3c3c;
    font-weight: 500;
    text-decoration: none;
    padding: 0;
    font-size: 15px
}

.header .top-bar a>img {
    max-width: 20px;
    height: 20px;
    object-fit: scale-down
}

.header .top-bar a.dropdown-toggle:after {
    margin-left: .5rem
}

.header .top-bar a>* {
    font-size: 110%
}

.customeraboutsay .whitebox strong,
.header .top-bar ul.rightcontact a.btn1>span,
.salesforcelighting.salesforceconsulting .subheading p,
.servicessection.healthandfit p {
    font-size: 14px
}

.btn.btn-header,
.header .top-bar ul.rightcontact a.btn1 {
    background: #ee4f76;
    color: #fff;
    font-weight: 400;
    padding: 9px 20px;
    border-radius: 25px;
    box-shadow: 0 8px 24px rgba(238, 79, 118, .47)
}

.header .navbar {
    padding: 10px 200px
}

.header .navbar .navbar-collapse {
    justify-content: center
}

.header .navbar .nav-item,
.token_development_ser .nft_title * {
    margin-left: 0
}

.header .navbar a.nav-link {
    font-weight: 500;
    color: #3c3c3c
}

.header a.navbar-brand {
    max-width: 250px;
    display: flex;
    z-index: 9999
}

.menu-bar {
    padding: 0 !important
}

.menu-bar .navbar .nav-link {
    font-size: 15px;
    font-weight: 500;
    color: #3c3c3c;
    text-transform: uppercase;
    padding: 32px 10px;
    letter-spacing: .5px;
    border-radius: 50px;
    cursor: pointer
}

.navbar-fixed .menu-bar .navbar .nav-link {
    padding: 23px 10px
}

.menu-bar .navbar .nav-item.active .nav-link,
.menu-bar .navbar .nav-link:focus,
.menu-bar .navbar .nav-link:hover,
.menu-bar .navbar-light .navbar-nav .show>.nav-link {
    color: #0a58ca;
    background: #f1f1ff
}

#get-quote .form-control:focus,
.menu-bar .navbar .nav-item.show .nav-link {
    border-color: #ee4f76
}

.menu-bar .dropdown {
    position: inherit
}

.menu-bar .dropdown-menu {
    margin-top: -30px;
    position: absolute;
    left: 0;
    box-shadow: none;
    border: none;
    right: 0;
    background: rgba(255, 255, 255, .8);
    padding: 0;
    border-radius: 20px;
    box-shadow: 0 2px 25px 5px rgba(0, 0, 0, .15);
    transition: .3s;
    display: block;
    backdrop-filter: blur(12px);
    visibility: hidden;
    pointer-events: none;
    top: calc(100% + 20px);
    opacity: 0
}

.header .menu-bar .navbar-light .navbar-nav .dropdown.nav-item .dropdown-menu.show,
.header .menu-bar .navbar-light .navbar-nav .dropdown.nav-item:hover .dropdown-menu {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transform: translateY(-15px);
    overflow: hidden
}

.menu-bar ul.inner-list {
    width: 100%;
    display: inline-block;
    position: relative;
    padding-left: 15px;
    margin-top: 24px;
    list-style: none
}

.menu-bar ul.inner-list:after {
    content: "";
    top: 0;
    position: absolute;
    left: 0;
    width: 3px;
    height: 100%;
    background: #1281c5
}

.menu-bar ul.inner-list li span {
    font-size: 15px;
    color: #fff;
    margin: 0 8px;
    font-weight: 300
}

.menu-bar ul.inner-list li a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    position: relative
}

.menu-bar ul.inner-list li a:after {
    content: "";
    position: absolute;
    top: 0;
    left: -15px;
    width: 3px;
    bottom: 0;
    background: #fff;
    z-index: 999;
    display: none;
    transition: .3s
}

.menu-bar ul.inner-list li.sub-menu {
    position: relative;
    padding-left: 25px;
    margin: 0
}

.menu-bar ul.inner-list li.sub-menu:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 3px;
    width: 1px;
    height: 10px;
    background-color: #fff
}

.menu-bar ul.inner-list li.sub-menu:before {
    content: "";
    position: absolute;
    left: 5px;
    bottom: 10px;
    width: 12px;
    height: 1px;
    background-color: #fff
}

.menu-bar ul.inner-list li.sub-menu a {
    font-size: 14px;
    transition: .3s
}

.menu-bar ul.inner-list li.sub-menu a:hover {
    border-bottom: 1px solid #fff
}

.header.fixed-header,
.header.head-fix {
    box-shadow: 0 1px 15px rgba(0, 0, 0, .2)
}

.header.fixed-header .menu-bar,
.header.head-fix .menu-bar {
    background: #fff;
    border-bottom: none
}

.header .dropdown-menu .nav-pills {
    background: #1668e2;
    padding: 30px;
    border-radius: 0 0 0 5px;
    flex-direction: column;
    margin-bottom: -1px
}

.header .dropdown-menu .nav-pills .nav-item {
    display: block;
    width: 100%;
    margin: 0
}

.header .dropdown-menu .nav-pills .nav-item .nav-link {
    padding: 15px 25px !important;
    background: 0 0;
    color: #fff;
    border-radius: 50px;
    border: none !important;
    letter-spacing: 0;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.header .dropdown-menu .nav-pills .nav-item .nav-link:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    opacity: 0;
    transition: .3s;
    transform: translateX(-10px)
}

.header .dropdown-menu .nav-pills .nav-item .nav-link.active:after {
    opacity: 1;
    transform: translateX(0)
}

.header .dropdown-menu .nav-pills .nav-item .nav-link.active,
.ourwork .wrkcontent:hover a.crbtn {
    background: #fff;
    color: #3c3c3c
}

.header .dropdown-menu .border-right {
    border-color: #fff !important
}

.header ul.drop-menu-wrep {
    list-style: none;
    margin: 22px 0;
    padding: 0;
    height: 100%
}

.header ul.drop-menu-wrep li {
    padding: 0;
    margin: 0
}

.header ul.drop-menu-wrep li a {
    padding: 10px 21px;
    font-size: 14px;
    font-weight: 500;
    border-left: 2px solid transparent
}

.header .dropdown-item:hover,
.header ul.drop-menu-wrep li a:hover {
    border-left: 2px solid #ee4f77
}

.mainslider {
    min-height: calc(100vh - 141px);
    margin-top: 141px;
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    background: #000;
    flex-direction: column;
    justify-content: center
}

.mainslider:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .35;
    background-size: 5px;
    z-index: 1
}

.scroll-down2:after,
.scroll-down2:before {
    left: 50%;
    width: 4px;
    transform: translateX(-50%);
    position: absolute;
    content: ""
}

.mainslider video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    opacity: 1
}

.mainslider .topcontent h1 {
    font-size: 67px;
    font-weight: 900;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mainslider .topcontent h1 small {
    font-size: 26%;
    display: inline-grid;
    margin: 0 25px
}

.mainslider .topcontent h1 strong {
    font-size: 90px;
    display: block
}

.mainslider .topcontent p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 60px;
    padding: 0;
    max-width: 824px;
    margin-left: auto;
    margin-right: auto
}

.mainslider .topcontent a.btn1 {
    background: #ee4f76;
    color: #fff;
    padding: 18px 40px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 400;
    box-shadow: 0 0 0 0 rgba(239, 88, 125, .4)
}

@-webkit-keyframes power1 {
    70% {
        box-shadow: 0 0 0 30px rgba(239, 88, 125, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(239, 88, 125, 0)
    }
}

.img_invert {
    filter: invert(.8)
}

@-webkit-keyframes bling {
    100% {
        box-shadow: 0 0 30px 0 rgba(239, 88, 125, .8)
    }
    50% {
        box-shadow: 0 0 30px 0 rgba(239, 88, 125, .49)
    }
    0% {
        box-shadow: none
    }
}

@-moz-keyframes bling {
    100% {
        box-shadow: 0 0 30px 0 rgba(239, 88, 125, .8)
    }
    50% {
        box-shadow: 0 0 30px 0 rgba(239, 88, 125, .49)
    }
    0% {
        box-shadow: none
    }
}

@-o-keyframes bling {
    100% {
        box-shadow: 0 0 30px 0 rgba(239, 88, 125, .8)
    }
    50% {
        box-shadow: 0 0 30px 0 rgba(239, 88, 125, .49)
    }
    0% {
        box-shadow: none
    }
}

@keyframes bling {
    100% {
        box-shadow: 0 0 30px 0 rgba(239, 88, 125, .8)
    }
    50% {
        box-shadow: 0 0 30px 0 rgba(239, 88, 125, .49)
    }
    0% {
        box-shadow: none
    }
}

.modal-backdrop.show {
    opacity: .8
}

#get-quote .modal-content {
    border-radius: 14px;
    border: none
}

#get-quote .close {
    outline: 0;
    font-size: 24px;
    transition: .5s;
    width: 26px;
    height: 41px;
    right: 30px;
    top: 25px;
    margin: 0;
    padding: 0;
    opacity: 1;
    cursor: pointer;
    position: fixed;
    z-index: 9
}

#get-quote.modal {
    z-index: 9999
}

#get-quote .close img {
    transform: rotate(45deg);
    width: 100%;
    filter: invert(.8)
}

#get-quote .modal-body {
    padding: 50px
}

#get-quote .modal-body h2 {
    color: #3c3c3c;
    font-weight: 700;
    font-size: 27px
}

#get-quote .modal-title {
    max-width: 210px
}

#get-quote .modal-body p {
    width: calc(100% - 100px);
    margin: 10px 0;
    font-size: 14px;
    line-height: 20px;
    color: #828282
}

#get-quote .form-group {
    margin-bottom: 1.3rem
}

#get-quote .form-control {
    height: auto;
    border: none;
    border-bottom: 1px solid #828282;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    padding: 9px 0;
    min-height: 43px;
    background: 0 0;
    font-size: 15px
}

.modal-conatiner {
    padding: 43px;
    background-color: #f5f5f5;
    border-radius: 37px;
    margin-top: 40px
}

#get-quote .slidecontainer {
    margin: 0 0 15px
}

#get-quote .slidecontainer input[type=range] {
    cursor: pointer
}

#get-quote h5 {
    text-align: left;
    font-size: 16px;
    margin-top: 5px;
    color: #1668e2;
    font-weight: 500
}

#get-quote ul li {
    width: 33%;
    display: inline-block;
    text-align: left;
    margin: 5px 0 0
}

#get-quote ul li label {
    font-weight: 400;
    font-size: 14px;
    color: #828282;
    cursor: pointer
}

#get-quote .custom-checkbox .custom-control-label::before {
    border-radius: 0
}

#get-quote .cp-t {
    margin-top: 12px
}

.modal-conatiner .btn {
    height: 50px;
    line-height: 50px;
    padding: 0;
    font-size: 16px;
    font-weight: 500
}

#get-quote .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    margin-top: 12px
}

#get-quote .attach-btn strong {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 40px;
    height: 40px
}

#get-quote .attach-btn span {
    display: block;
    font-size: 10px;
    font-weight: 400;
    color: #828282;
    line-height: 1.1;
    margin-top: 8px
}

#get-quote .attach-btn {
    border: 1px dashed gray;
    color: #1668e2;
    background-color: #fff;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    text-align: left;
    line-height: 18px;
    border-radius: 12px
}

#get-quote .upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    right: 0;
    bottom: 0;
    width: 100%
}

#get-quote .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 7px;
    border-radius: 5px;
    background: #3c3c3c;
    outline: 0
}

#get-quote .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #1668e2;
    cursor: pointer
}

#get-quote .slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #1668e2;
    cursor: pointer
}

.mainslider a.btnscroll {
    text-decoration: none;
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 9;
    color: #fff;
    font-weight: 500;
    font-size: 12px
}

.mainslider a.btnscroll img,
.ourwork ul.nav-tabs li img {
    display: block;
    margin: 0 auto 10px
}

.scroll-down2 {
    width: 22px;
    height: 41px;
    border: 1px solid #fff;
    border-radius: 50px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin: 0 auto 10px
}

.scroll-down2:before {
    top: 20px;
    height: 4px;
    border-radius: 100%;
    background: #fff;
    animation: 1.5s infinite scrollDown2
}

.scroll-down2:after {
    top: 8px;
    height: 12px;
    border-radius: 3px;
    background: #fff
}

@keyframes scrollDown2 {
    0% {
        transform: translate(-50%, 0);
        opacity: 0
    }
    50% {
        transform: translate(-50%, 8px);
        opacity: 1
    }
    100% {
        transform: translate(-50%, 16px);
        opacity: 0
    }
}

.aboutsection {
    padding: 90px 0;
    overflow: hidden
}

.aboutsection .aboutbox h2 {
    color: #3c3c3c;
    margin-bottom: 15px
}

.aboutsection .aboutbox p,
.customizesalesforce p,
.p-faqs .card {
    margin-bottom: 20px
}

.aboutsection .aboutbox .arrow {
    background: #ee4f77;
    padding: 5px 16px;
    color: #fff;
    border-radius: 3px 3px 0 0;
    font-size: 13px
}

.aboutsection .aboutbox {
    text-align: center;
    margin-bottom: 45px;
    padding: 30px 45px 0;
    background: rgba(24, 155, 235, .16);
    border-radius: 25px;
    border: 1px solid rgba(24, 155, 235, .55)
}

.aboutsection .aboutstats h2,
.ourwork h2 {
    font-weight: 700;
    color: #3c3c3c;
    margin-bottom: 10px
}

.aboutsection .aboutstats p {
    color: #828282;
    width: 45%;
    margin: 0 auto 30px
}

.aboutsection .aboutstats h6 {
    position: relative;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    color: #3c3c3c;
    padding: 0 20px;
    font-size: 15px
}

.aboutsection .aboutstats h6 strong {
    font-weight: 900;
    font-size: 36px;
    margin-left: 15px;
    min-width: 43px
}

.aboutsection .aboutstats h6 strong.color-blue {
    color: #0083ff
}

.aboutsection .aboutstats h6 strong.color-yellow {
    color: #ff8e39
}

.aboutsection .aboutstats h6 strong.color-green {
    color: #37c99e
}

.ourservices {
    padding: 70px 0;
    text-align: center;
    position: relative
}

.ourservices:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 350px;
    background: #e9e9e9;
    top: 0
}

.ourservices h2 {
    font-weight: 600;
    color: #3c3c3c
}

.ourservices p {
    margin-top: 10px;
    margin-bottom: 60px
}

.ourservices .mobileappbox ul {
    list-style: none
}

.ourservices .blkchain.ctmappdev {
    border-radius: 25px;
    background: linear-gradient(#1668e2 0, #33258c 100%);
    padding-top: 20px
}

.ourservices .blkchain.ctmappdev ul li {
    border: 1px solid #ffffff36
}

.ourservices .tpbar {
    background: rgba(255, 255, 255, .25);
    padding: 15px;
    border-radius: 20px
}

.ourservices .tpbar ul {
    padding: 0;
    margin: 0;
    display: grid;
    grid-column-gap: 30px;
    grid-template-columns: repeat(8, 1fr)
}

.ourservices .tpbar ul li {
    border-radius: 8px;
    overflow: unset
}

.ourservices ul.servtb .nav-link img {
    border: 2px solid transparent;
    border-radius: 12px;
    transition: .2s
}

.ourservices ul.servtb .nav-link.active.show img {
    border-color: rgba(255, 255, 255, .25)
}

.ourservices ul.servtb .nav-link {
    padding: 0;
    background: 0 0;
    position: relative;
    transition: .2s;
    opacity: .5;
    border: 2px solid transparent
}

.ourservices ul.servtb .nav-link.active.show {
    transform: scale(1.3);
    opacity: 1
}

.ourservices .mobileappbox img {
    display: block;
    margin: 0 auto
}

.ourservices .mobileappbox a.title {
    color: #fff;
    font-weight: 500;
    font-size: 27px;
    text-decoration: none;
    line-height: 36px
}

.ourservices .blkchain a.title,
.ourservices .ctmappdev a.title {
    font-weight: 500;
    line-height: 27px;
    display: inline-block;
    color: #fff;
    text-decoration: none
}

.ourservices .mobileappbox a.title strong {
    font-size: 35px;
    display: block;
    font-weight: 700
}

.ourservices .mobileappbox .btmcontent {
    padding: 16px 40px
}

.ourservices .mobileappbox p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px
}

.ourservices .mobileappbox {
    border-radius: 25px;
    min-height: 504px;
    text-align: center;
    background: linear-gradient(#f52a5c 0, #ee4f76 100%)
}

.ourservices .blkchain {
    padding: 40px 30px 30px
}

.ourservices .blkchain a.title {
    font-size: 21px;
    margin-bottom: 33px
}

.ourservices .ctmappdev {
    padding: 10px;
    background: #ee4f76;
    border-radius: 20px
}

.ourservices .ctmappdev ul {
    padding: 12px;
    margin: 0 0 10px;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background: #ffffff30;
    border-radius: 18px
}

.industries ul.mailcolumn,
.industries ul.mailcolumn li.innercolumn ul.indlist {
    padding: 0;
    list-style: none
}

.ourservices .ctmappdev ul li {
    padding: 10px 0;
    border: 1px solid #ee4f76;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.ourservices .ctmappdev ul li img {
    transition: .5s;
    width: 48px;
    height: 48px;
    object-fit: scale-down
}

.ourservices .ctmappdev ul li:hover img {
    opacity: .5
}

.ourservices .ctmappdev a.title {
    font-size: 18px;
    margin-bottom: 14px;
    margin-top: 12px
}

.ourservices .salesforcebox a.title {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    text-align: left;
    width: 310px;
    font-size: 19px
}

.ourservices .salesforcebox,
.ourservices .wbdev {
    margin-top: 30px;
    align-items: center;
    display: flex
}

.ourservices .salesforcebox {
    padding: 25px;
    border-radius: 25px;
    background: linear-gradient(#1668e2 0, #33258c 100%)
}

.ourservices .salesforcebox ul.slfrclist {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex
}

.ourservices .salesforcebox ul.slfrclist li strong {
    font-size: 20px
}

.ourservices .salesforcebox ul.slfrclist li {
    padding: 30px 10px;
    margin: 0 4px;
    color: #fff;
    font-size: 18px;
    border-radius: 2px;
    background: rgba(255, 255, 255, .1);
    position: relative;
    border: 1px solid #ffffff38
}

.ourservices .salesforcebox ul.slfrclist li:before {
    content: "";
    position: absolute;
    border-radius: 2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: calc(2px/-1);
    left: calc(2px/-1);
    background: linear-gradient(to right, #fff 0, #fff 100%), linear-gradient(to top, #fff 50%, transparent 50%), linear-gradient(to top, #fff 50%, transparent 50%), linear-gradient(to right, #fff 0, #fff 100%), linear-gradient(to left, #fff 0, #fff 100%);
    background-size: 100% 2px, 2px 200%, 2px 200%, 0 2px, 0 2px;
    background-position: 50% 100%, 0 0, 100% 0, 100% 0, 0 0;
    background-repeat: no-repeat, no-repeat;
    transition: transform .3s ease-in-out 0.6s, background-position .3s ease-in-out 0.3s, background-size .3s ease-in-out;
    transform: scaleX(0) rotate(0)
}

.ourservices .salesforcebox ul.slfrclist li:hover:before {
    background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;
    background-position: 50% 100%, 0 100%, 100% 100%, 100% 0, 0 0;
    transform: scaleX(1) rotate(0);
    transition-delay: 0s, 0.3s, 0.6s
}

.ourservices .wbdev img {
    max-width: 250px
}

.ourservices .wbdev a.title {
    color: #fff;
    background: rgba(0, 0, 0, .3);
    text-decoration: none;
    text-align: left;
    padding: 10px 30px 10px 10px;
    border-radius: 0 50px 50px 0;
    font-size: 20px
}

.ourservices .wbdev {
    border-radius: 25px;
    background: linear-gradient(to left, #1200eb -90%, #7d77b4 59.37%, #ee4f76 90%);
    padding: 30px 10px 30px 00px
}

.industries {
    background: #fafaff;
    padding: 80px 0
}

.industries h2 {
    font-weight: 700;
    color: #3c3c3c;
    font-size: 27px;
    margin-bottom: 5px
}

.industries p {
    color: #828282;
    margin-bottom: 40px
}

.industries ul.mailcolumn {
    margin: 0 -15px;
    display: flex;
    align-items: center
}

.industries ul.mailcolumn li.innercolumn {
    flex: 0 0 20%;
    padding: 0 15px
}

.industries ul.mailcolumn li.innercolumn ul.indlist li {
    min-height: 210px;
    margin-bottom: 30px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 50px;
    transition: .5s;
    border: 1px solid transparent
}

.industries ul.mailcolumn li.innercolumn ul.indlist li:hover {
    box-shadow: 0 0 40px rgba(0, 0, 0, .16);
    border: 1px solid rgba(0, 0, 0, .05) !important;
    transform: translateY(-15px)
}

.industries ul.mailcolumn li.innercolumn ul.indlist li a {
    color: #000;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    line-height: 20px;
    display: block;
    width: 100%;
    background: rgba(255, 255, 255, .4);
    padding: 15px 30px;
    margin-top: auto;
    transition: .4s;
    border-radius: 0 0 20px 20px
}

.industries ul.mailcolumn li.innercolumn ul.indlist li:hover a {
    background-color: #ee4f76;
    color: #fff
}

.industries ul.mailcolumn li.innercolumn ul.indlist li a strong {
    font-weight: 500;
    font-size: 14px
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.fntsports {
    background: #fad6de
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.fntsports .imgicon {
    background: url(../images/newimages/basketballicon.png) center center/100% no-repeat
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.fdrst .imgicon,
.industries ul.mailcolumn li.innercolumn ul.indlist li.healthfit .imgicon,
.industries ul.mailcolumn li.innercolumn ul.indlist li.rlest .imgicon,
.industries ul.mailcolumn li.innercolumn ul.indlist li.trvl .imgicon {
    display: block;
    height: 60px;
    width: 62px;
    background-image: url(../images/newimages/helping_sprite.png);
    margin: 0 auto;
    background-repeat: no-repeat
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.fdrst .imgicon {
    background-position: -704px 0
}

.Pioneering-innovation ul.indlist li:nth-child(2),
.digitalmarekting .cards.blue .card-content,
.industries ul.mailcolumn li.innercolumn ul.indlist li.fdrst,
.process_we_follow .cards.crd1 {
    background: #bbe0f2
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.healthfit {
    background: #d6ddff
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.healthfit .imgicon {
    background-position: -557px 0
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.rlest .imgicon {
    background-position: -343px 0
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.rlest {
    background: #fadec1
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.trvl {
    background: #faae9d
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.trvl .imgicon {
    background-position: -488px 0
}

.Pioneering-innovation ul.indlist li:nth-child(3),
.digitalmarekting .cards.green .card-content,
.industries ul.mailcolumn li.innercolumn ul.indlist li.trnspt {
    background: #c7efba
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.trnspt .imgicon {
    background: url(../images/newimages/transportationIC.png) center center/100% no-repeat
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.bnkfinan .imgicon,
.industries ul.mailcolumn li.innercolumn ul.indlist li.ecomretail .imgicon,
.industries ul.mailcolumn li.innercolumn ul.indlist li.edulearn .imgicon,
.industries ul.mailcolumn li.innercolumn ul.indlist li.medenter .imgicon,
.industries ul.mailcolumn li.innercolumn ul.indlist li.sptbet .imgicon {
    height: 60px;
    width: 62px;
    background-image: url(../images/newimages/helping_sprite.png);
    margin: 0 auto;
    background-repeat: no-repeat;
    display: block
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.sptbet {
    background: #fad095
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.sptbet .imgicon {
    background-position: -627px 0
}

.Pioneering-innovation ul.indlist li:nth-child(4),
.digitalmarekting .cards.grey .card-content,
.industries ul.mailcolumn li.innercolumn ul.indlist li.edulearn {
    background: #bbcbc3
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.edulearn .imgicon {
    background-position: -412px 0
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.ecomretail {
    background: #f7dffb
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.ecomretail .imgicon {
    background-position: -137px 0
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.bnkfinan {
    background: #d2f0f2
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.bnkfinan .imgicon {
    background-position: -274px 0
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.medenter {
    background: #faf093
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.medenter .imgicon {
    background-position: -206px 0
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.agri {
    background: #a6dcb9
}

.industries ul.mailcolumn li.innercolumn ul.indlist li.agri .imgicon {
    background: url(../images/newimages/agri.png) center center/100% no-repeat
}

.ourwork {
    padding: 70px 0
}

.ourwork p {
    margin-bottom: 20px;
    color: #828282;
    font-weight: 500
}

.ourwork ul.nav-tabs {
    margin-left: -15px;
    padding: 50px 0;
    border-right: 1px solid #cdcdcd;
    display: block;
    position: relative;
    border-bottom: none
}

.ourwork ul.nav-tabs:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 50px;
    background: #cdcdcd;
    background: linear-gradient(0deg, #cdcdcd 0, #fff 100%);
    z-index: 9;
    top: 0;
    right: -1px
}

.ourwork ul.nav-tabs:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 50px;
    background: #cdcdcd;
    background: linear-gradient(0deg, #fff 0, #cdcdcd 100%);
    z-index: 9;
    bottom: 0;
    right: -1px
}

.ourwork ul.nav-tabs li.nav-item {
    text-align: center;
    min-width: 120px;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 0;
    display: block
}

.ourwork ul.nav-tabs li a.nav-link {
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    color: #3c3c3c;
    padding: 18px 0;
    border: none;
    border-radius: 0
}

.ourwork .wrkcontent {
    border-radius: 20px
}

.ourwork .wrkcontent .ltcnt {
    padding: 50px 30px 30px 50px;
    display: flex;
    flex-direction: column;
    min-width: 370px
}

img.pt1 {
    max-width: 50%;
    object-fit: scale-down;
    padding: 10px
}

.three_lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.ourwork .wrkcontent .ltcnt a.crbtn {
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-top: auto;
    color: #fff;
    transition: .5s
}

.ourwork .wrkcontent {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    background: #ffecb5;
    background: linear-gradient(267deg, #ffecb5 0, #f8af4b 100%);
    min-height: 350px;
    width: 100%;
    overflow: hidden
}

.ourwork .tab-pane {
    padding-top: 20px;
    padding-left: 30px
}

.ourwork .pcbox,
.ourwork .pcbox1 {
    min-height: 320px;
    width: 100%;
    padding: 15px 0;
    overflow: hidden
}

.ourwork .ltcnt p {
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.7
}

.ourwork .ltcnt a.pttitle {
    display: block;
    font-size: 26px;
    text-decoration: none;
    margin: 20px 0 4px;
    color: #fff;
    font-weight: 600
}

.ourwork .ltcnt h6 {
    background: rgb(24 155 235);
    display: grid;
    padding: 6px 21px;
    min-width: auto;
    text-align: center;
    border-radius: 25px;
    font-size: 14px;
    color: #fff;
    max-width: fit-content
}

.ourwork .pcbox {
    background: #c2cbfe;
    background: linear-gradient(267deg, #c2cbfe 0, #97a6ff 100%)
}

.ourwork .pcbox1 {
    background: #f55;
    background: linear-gradient(100deg, #f55 0, #ff9292 100%)
}

.btn2,
.btn2:hover,
.btn3 {
    padding: 10px 30px;
    margin-top: 30px;
    font-weight: 500;
    cursor: pointer
}

.btn2,
.btn2:hover {
    border: 2px solid #ee4f77;
    border-radius: 50px;
    color: #ee4f77;
    text-decoration: none;
    display: inline-block;
    background: 0 0
}

.btn3,
.btn3:hover {
    background-color: #ee4f77;
    color: #fff;
    text-decoration: none
}

.btn3 {
    border: 2px solid #ee4f77;
    border-radius: 50px;
    display: flex;
    justify-content: space-between
}

.howappwork {
    padding: 80px 0;
    overflow: hidden
}

.howappwork .rtproc ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.howappwork .rtproc ul li svg {
    font-size: 36px;
    color: #ee4f77
}

.howappwork .rtproc ul li span {
    font-weight: 500;
    line-height: 20px;
    margin-top: 15px
}

.howappwork .rtproc ul li:first-child:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 20px;
    border-right: 3px solid #1668e2;
    border-top: 3px solid #1668e2;
    right: -50px;
    top: 15px
}

.howappwork .rtproc ul li:nth-child(2):before {
    position: absolute;
    content: "";
    width: 20px;
    height: 40px;
    border-right: 3px solid #1668e2;
    border-bottom: 3px solid #1668e2;
    border-top: 3px solid #1668e2;
    right: -30px;
    bottom: -35px
}

.howappwork .rtproc ul li:nth-child(3):before {
    position: absolute;
    content: "";
    width: 20px;
    height: 40px;
    border-left: 3px solid #1668e2;
    border-bottom: 3px solid #1668e2;
    border-top: 3px solid #1668e2;
    left: -30px;
    top: -35px
}

.howappwork .rtproc ul li:last-child:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 20px;
    border-bottom: 3px solid #1668e2;
    border-left: 3px solid #1668e2;
    left: -50px;
    bottom: 0
}

.howappwork .rtproc ul li:nth-child(2) {
    margin-top: 60px
}

.howappwork .rtproc ul li:nth-child(3) {
    margin-top: -30px
}

.howappwork .rtproc ul li {
    position: relative;
    margin: 15px;
    width: 179px;
    padding: 20px;
    height: 157px;
    display: flex;
    align-items: center;
    border-radius: 9px;
    background: #fff;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 27px rgba(0, 0, 0, .16);
    text-align: center
}

.howappwork h2 {
    color: #3c3c3c;
    margin-bottom: 10px
}

.howappwork .rtproc:before {
    position: absolute;
    content: "";
    background: #f5f5f5;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    left: 10%;
    animation: 2s linear infinite sonarWave
}

@keyframes sonarWave {
    from {
        opacity: .4
    }
    to {
        transform: scale(3);
        opacity: 0
    }
}

.readytorealise {
    background: #1e1d28;
    padding: 80px 0;
    position: relative
}

.readytorealise .techskillsimg {
    border-radius: 50%;
    width: 300px;
    padding: 50px;
    display: inline-block;
    position: absolute;
    left: 100px;
    top: -80px;
    background: #1e1d28
}

.readytorealise h3 {
    color: #fff;
    display: block;
    border-left: 8px solid #ee4f76;
    padding: 10px 0 10px 50px
}

.readytorealise h3 a {
    font-size: 16px;
    float: right;
    color: #fff;
    text-decoration: none
}

.readytorealise h3 a span {
    height: 40px;
    width: 40px;
    background: #fff;
    color: #1e1d28;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-left: 10px
}

.customeraboutsay {
    padding: 100px 0 50px
}

.customeraboutsay .heading {
    background: #1668e2;
    margin-bottom: 110px
}

.customeraboutsay h2 {
    background: #fff;
    display: inline-block;
    font-size: 24px;
    color: #3c3c3c;
    padding: 2px 50px
}

.customeraboutsay .ttimg {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    min-height: 80px
}

.customeraboutsay .whitebox:before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: url(../images/newimages/quote.png) center center/100% no-repeat;
    left: 20px;
    top: -10px
}

.customeraboutsay .owl-nav .owl-next,
.customeraboutsay .owl-nav .owl-prev {
    width: 50px;
    background: rgba(24, 155, 235, .24) !important;
    top: calc(50% - 25px);
    font-size: 40px !important;
    line-height: 0 !important;
    height: 50px
}

.customeraboutsay .whitebox span {
    font-weight: 400;
    display: block
}

.customeraboutsay .whitebox p {
    font-weight: 500;
    color: #3c3c3c;
    font-size: 14px
}

.customeraboutsay .owl-nav .owl-next span,
.customeraboutsay .owl-nav .owl-prev span {
    margin-top: -4px;
    display: block
}

.customeraboutsay .owl-nav .owl-prev {
    border: 1px solid #1668e2 !important;
    border-radius: 50% !important;
    position: absolute;
    left: -80px
}

.customeraboutsay .owl-nav .owl-next {
    border: 1px solid #1668e2 !important;
    border-radius: 50% !important;
    position: absolute;
    right: -80px
}

.blogsection h6:after,
.blogsection h6:before {
    position: absolute;
    border-radius: 25px;
    content: ""
}

.comapnylabel ul,
.customeraboutsay .whitebox {
    text-align: center;
    border-radius: 10px;
    background: #fff
}

.customeraboutsay .whitebox {
    position: relative;
    padding: 30px;
    margin: 10px;
    height: 359px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 18px rgba(0, 0, 0, .08);
    border-bottom: 2px solid #1668e2
}

.blogsection {
    padding: 90px 0;
    background: #f2f4f6
}

.blogsection .heading h2 {
    margin-bottom: 45px;
    font-weight: 700;
    color: #3c3c3c;
    font-size: 32px
}

.blogsection h6 {
    color: #ee4f76;
    font-weight: 700;
    position: relative;
    margin-bottom: 15px
}

.blogsection h6:before {
    background: #d4d4d4;
    width: 36px;
    height: 2px;
    left: calc(50% - 18px);
    bottom: -8px
}

.blogsection h6:after {
    background: #ee4f76;
    width: 9px;
    height: 9px;
    left: calc(50% - 4px);
    bottom: -12px;
    animation: 2s linear infinite lineanimate
}

.blogsection .cards {
    padding: 15px;
    background: #fff;
    border-radius: 4px
}

.blogsection .innerbox {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    overflow: hidden
}

.blogsection .innerbox span {
    background: #ee4f76;
    font-size: 12px;
    color: #fff;
    padding: 3px 14px;
    border-radius: 0 100px 100px 0;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 30px
}

.servicessection h6:after,
.servicessection h6:before {
    top: calc(50% - 3px);
    width: 7px;
    height: 7px;
    background-color: #d6d6d6
}

.blogsection .innerbox a.title {
    color: #fff;
    display: block;
    text-decoration: none;
    background: #1668e2;
    padding: 8px 0;
    margin-bottom: 5px
}

.blogsection .innerbox p {
    color: #fff;
    padding: 5px 20px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    margin-bottom: 0
}

.blogsection .innerbox:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, .5);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    height: 30%
}

.blogsection .innerbox a.link {
    color: #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none
}

.blogsection .innerbox .overlay {
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 0 0 4px 4px;
    background: 0 0;
    text-align: center;
    padding-bottom: 10px
}

.blogsection .btn2 {
    padding: 0 0 0 15px
}

.blogsection .btn2 span {
    width: 42px;
    background: #ee4f76;
    color: #fff;
    height: 42px;
    display: inline-block;
    line-height: 42px;
    margin-left: 15px;
    border-radius: 50%;
    margin-right: -1px
}

.comapnylabel {
    background: #ee4f76;
    padding: 15px 0
}

.comapnylabel ul {
    display: block;
    width: 100%;
    padding: 20px 15px;
    margin: 0
}

.comapnylabel li {
    display: inline-block;
    margin: 0 30px
}

.comapnylabel ul li a img {
    filter: brightness(0)
}

.comapnylabel li.list1 a {
    background: url(../images/newimages/company-logos.png) 5px 0;
    width: 80px
}

.socialbar {
    background: #141516;
    padding: 25px 0
}

.socialbar p {
    margin: 0;
    color: #fff
}

.socialbar ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right
}

.socialbar ul li {
    display: inline-block;
    margin: 0 9px
}

.socialbar ul li.facebook a {
    color: #3b5998
}

.socialbar ul li.facebook:hover a {
    background-color: #3b5998
}

.socialbar ul li.twitter a {
    color: #1da1f2
}

.socialbar ul li.twitter:hover a {
    background-color: #1da1f2
}

.socialbar ul li.instagram a {
    color: #db16b4
}

.socialbar ul li.instagram:hover a {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)
}

.socialbar ul li.pinterest a {
    color: #bd081c
}

.socialbar ul li.pinterest:hover a {
    background-color: #bd081c
}

.socialbar ul li.linkedin a {
    color: #0077b5
}

.socialbar ul li a {
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 2px;
    background: #fff;
    text-align: center;
    justify-content: center;
    align-items: center;
    transition: .5s;
    font-size: 18
}

.footer {
    background: #181818
}

.footer .subscribesection {
    padding: 40px 0;
    border-bottom: 1px solid #484848
}

.footer .subscribesection h2 {
    font-size: 24px;
    font-weight: 700;
    color: #fff
}

.footer .subscribesection p {
    color: #fff;
    margin: 0;
    font-size: 14px
}

.footer .subscribesection .form-group,
.footer ul.footlink.cntlist li a {
    display: flex
}

.footer .subscribesection .form-group .form-control {
    border-radius: 5px 0 0 5px
}

.footer .subscribesection .form-group .btn1 {
    background: #ee4f77;
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 0 5px 5px 0;
    padding: 15px 10px;
    cursor: pointer;
    font-size: 14px;
    flex: 0 0 135px
}

.footer h3 {
    color: #fff;
    font-size: 21px;
    margin: 30px 0 20px;
    position: relative;
    padding-bottom: 10px
}

.footer h3:after {
    position: absolute;
    left: 0;
    content: "";
    width: 50px;
    height: 2px;
    background: #0585ec;
    bottom: 0
}

.footer ul.footlink li {
    margin: 7px 0
}

.footer ul.footlink li a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    padding: 5px 0;
    line-height: 1.6
}

.footer ul.footlink.cntlist li svg {
    margin-top: 2px;
    margin-right: 10px
}

.footer p.cmprate {
    margin-top: 50px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px
}

.footer p.cmprate .fa-star {
    color: #ff0;
    margin: 0 2px
}

.footer .copyright {
    background: #141516;
    padding: 20px 0;
    text-align: center
}

.footer .copyright p {
    margin: 0;
    color: #9d9d9d;
    font-size: 14px
}

.innerbanner {
    margin-top: 149px;
    text-align: center;
    min-height: 416px;
    padding-top: 90px;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-size: cover !important;
    padding-bottom: 0 !important
}

.innerbanner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .63);
    top: 0;
    left: 0
}

.innerbanner h2 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.innerbanner .headicon {
    border: 1px solid #fff;
    display: inline-block;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: relative;
    margin: 0 auto 15px
}

.innerbanner .headicon:after,
.innerbanner .headicon:before {
    width: 30px;
    height: 1px;
    background: #fff;
    border-radius: 25px;
    content: ""
}

.innerbanner .headicon:before {
    position: absolute;
    left: -30px
}

.innerbanner .headicon:after {
    position: absolute;
    right: -30px
}

.innerbanner .bannerstats {
    margin-top: auto;
    backdrop-filter: blur(30px);
    border-top: 1px solid #b0b0af;
    width: 100%
}

.innerbanner .bannerstats ul {
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none
}

.innerbanner .bannerstats ul li {
    flex: 0 0 25%;
    text-align: center;
    padding: 20px 0 18px;
    border-left: 1px solid #b0b0af
}

.innerbanner .bannerstats ul li:last-child {
    border-right: 1px solid #b0b0af
}

.innerbanner .bannerstats ul li strong {
    color: #fff;
    font-size: 36px;
    display: block;
    line-height: 30px;
    margin-bottom: 5px
}

.sayhi h2 {
    color: #d1d1d1;
    font-size: 46px;
    font-weight: 900;
    margin-bottom: 10px
}

.sayhi h2 strong {
    display: block;
    color: #1668e2
}

.sayhi .directconnect {
    margin-top: 55px;
    padding: 23px 0
}

.sayhi .directconnect h6 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px
}

.sayhi .directconnect a.dc-details {
    display: flex;
    text-decoration: none;
    line-height: 20px;
    color: #3c3c3c;
    justify-content: center;
    padding: 30px 15px;
    background-color: #f7f7f7;
    border-radius: 15px;
    transition: .3s;
    margin-bottom: 30px
}

.sayhi .directconnect a.dc-details:hover {
    background-color: #ee4f771c
}

.sayhi .directconnect a.dc-details svg {
    color: #ee4f77;
    font-size: 42px;
    margin-right: 27px
}

.letstalk {
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative
}

.letstalk:before {
    position: absolute;
    width: 30%;
    right: 0;
    background: #f3f1ff;
    content: "";
    height: 100%;
    top: 0
}

.letstalk .carousel-control-next,
.letstalk .carousel-control-prev {
    right: -25px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, .16));
    opacity: 1
}

.letstalk h2 {
    color: #3c3c3c;
    font-weight: 700;
    margin-bottom: 15px
}

.letstalk p {
    color: #3c3c3c;
    margin-bottom: 50px;
    font-size: 14px
}

.letstalk .form-group {
    position: relative;
    padding-top: 30px;
    margin-bottom: 15px
}

.letstalk label {
    margin: 0 0 5px;
    font-size: 13px;
    transition: .5s
}

.letstalk label span {
    color: red
}

.letstalk .form-control {
    border: none;
    outline: 0;
    box-shadow: none;
    padding: 12px 20px;
    border-bottom: 0;
    border-radius: 5px;
    position: relative;
    z-index: 9;
    background: #f7f7f7;
    font-weight: 500;
    color: #000
}

p.errorText {
    margin: 0 !important;
    font-size: 75%;
    padding: 5px 0 0
}

.letstalk .form-control:focus~label {
    top: 10px
}

.letstalk .btn1 {
    background: #ee4f77;
    border-radius: 50px;
    border: none;
    outline: 0;
    padding: 9px 9px 9px 30px;
    color: #fff;
    font-weight: 500;
    box-shadow: 0 3px 27px rgba(238, 79, 118, .52);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto 0
}

.letstalk .btn1 span,
.letstalk .carousel-control-next,
.letstalk .carousel-control-prev {
    width: 46px;
    height: 46px;
    color: #000;
    border-radius: 50%;
    background: #fff
}

.letstalk .btn1 span {
    display: inline-block;
    line-height: 46px;
    margin-left: 30px;
    transition: 1s;
    font-size: 24px
}

.letstalk .rtbox {
    padding: 0 0 0 200px
}

.letstalk .rtbox h3 {
    font-weight: 700;
    color: #3c3c3c;
    font-size: 24px;
    margin-bottom: 15px
}

.letstalk .rtbox h5 {
    color: #fff;
    font-size: 16px;
    display: flex;
    text-align: left;
    line-height: 24px;
    margin: 0
}

.letstalk .rtbox .carousel-caption {
    left: 0;
    width: 100%;
    backdrop-filter: blur(15px);
    right: 0;
    bottom: 0;
    padding: 25px 10px 25px 20px
}

.letstalk .carousel-control-next {
    top: calc(50% - 50px)
}

.letstalk .carousel-control-prev {
    left: auto;
    top: calc(50% + 5px)
}

.rateimg {
    padding: 150px 0
}

.person {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.person .imgbox {
    border-radius: 50%;
    height: 312px;
    -webkit-tap-highlight-color: transparent;
    transform: scale(.48);
    transition: transform 250ms cubic-bezier(.4, 0, .2, 1);
    width: 400px
}

.person .imgbox:after {
    background-color: #fff;
    content: "";
    height: 10px;
    position: absolute;
    top: 388px;
    width: 100%
}

.person .imgbox:before {
    background-color: transparent;
    z-index: 9;
    content: "";
    height: 100%;
    position: absolute;
    left: 3px;
    bottom: -80px;
    width: 100%;
    border-right: 14px solid #fff;
    border-left: 8px solid #fff
}

.sayhello .helloinnerbox .rtdott:after,
.sayhello .helloinnerbox .rtdott:before,
.sayhello .helloinnerbox:after,
.sayhello .helloinnerbox:before {
    width: 10px;
    height: 10px;
    background: #dadadd;
    content: ""
}

.person .imgbox:hover {
    transform: scale(.54)
}

.imgbox-inner {
    clip-path: path( "M 390,400 C 390,504.9341 304.9341,590 200,590 95.065898,590 10,504.9341 10,400 V 10 H 200 390 Z");
    position: relative;
    transform-origin: 50%;
    top: -200px
}

.circle {
    background-color: #fee7d3;
    border-radius: 50%;
    cursor: pointer;
    height: 380px;
    left: 10px;
    pointer-events: none;
    position: absolute;
    top: 210px;
    width: 380px
}

.person .img {
    pointer-events: none;
    position: relative;
    transform: translateY(20px) scale(1.15);
    transform-origin: 50% bottom;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1)
}

.person:hover .imgbox .img {
    transform: translateY(0) scale(1.2)
}

.img1 {
    left: 22px;
    top: 164px;
    width: 340px
}

.img2,
.img3 {
    left: -16px;
    top: 144px
}

.img2 {
    width: 445px
}

.img3 {
    width: 466px
}

.divider {
    background-color: #ca6060;
    height: 1px;
    width: 160px
}

.person .name {
    color: #404245;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 16px;
    text-align: center
}

.person .title {
    color: #6e6e6e;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 500
}

.sayhello .helloinnerbox a.btn1,
.whychooseus .btn1 {
    font-weight: 600;
    line-height: 43px;
    font-size: 14px;
    box-shadow: 0 3px 23px rgba(238, 79, 118, .39);
    text-transform: uppercase;
    transition: .2s;
    text-decoration: none
}

.aboutourcompany {
    background: #f2f3ff;
    padding: 100px 0
}

.awardssection,
.whychooseus,
.whychooseus .btn1 {
    background: #3c3c3c
}

.aboutourcompany h2 small {
    font-size: 20px;
    color: #ee4f76;
    font-weight: 700;
    display: block
}

.aboutourcompany h2 {
    font-size: 36px;
    color: #3c3c3c;
    font-weight: 700;
    border-left: 4px solid #ee4f77;
    padding-left: 25px;
    margin-bottom: 25px
}

.aboutourcompany p {
    margin-bottom: 0;
    color: #828282
}

.customappbanner.indhealth .rightbannertext,
.sayhello {
    padding: 70px 0
}

.sayhello .helloinnerbox {
    border: 1px solid #dadadd;
    border-radius: 20px;
    padding: 18px;
    text-align: center;
    position: relative
}

.sayhello .helloinnerbox:before {
    position: absolute;
    left: 15px;
    border-radius: 50%;
    top: 15px
}

.sayhello .helloinnerbox:after {
    position: absolute;
    left: 15px;
    border-radius: 50%;
    bottom: 15px
}

.sayhello .helloinnerbox h4 {
    background: #1668e2;
    display: inline-block;
    padding: 15px 67px;
    font-size: 21px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    margin-top: -18px;
    border-radius: 0 0 15px 15px
}

.sayhello .helloinnerbox h4 svg {
    margin-right: 15px
}

.sayhello .helloinnerbox .rtdott {
    position: absolute;
    right: 25px;
    height: 100%;
    top: 0
}

.sayhello .helloinnerbox .rtdott:before {
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 15px
}

.sayhello .helloinnerbox .rtdott:after {
    position: absolute;
    left: 0;
    border-radius: 50%;
    bottom: 15px
}

.sayhello .helloinnerbox h2 {
    font-size: 27px;
    margin: 20px 0;
    color: #3c3c3c
}

.sayhello .helloinnerbox .btn1 span {
    width: 43px;
    color: #fff;
    display: inline-block;
    margin-left: 20px;
    height: 43px;
    border-radius: 50%;
    background: #ee4f76;
    transition: .2s;
    border: 1.5px solid #ee4f76;
    margin-right: -1.5px
}

.sayhello .helloinnerbox .btn1 span>*,
.why_choo_new .card {
    transition: .2s
}

.sayhello .helloinnerbox a.btn1 {
    border-radius: 21px;
    color: #3c3c3c;
    padding: 11px 0 11px 20px;
    background: #ffe9ef;
    border: 1px solid #ee4f76
}

.sayhello .helloinnerbox a.btn1:hover {
    background-color: rgb(238 79 118 / 98%);
    color: #fff
}

.sayhello .helloinnerbox a.btn1:hover span {
    background-color: #fff;
    color: #ee4f76
}

.whychooseus {
    padding: 80px 0;
    text-align: center
}

.whychooseus h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px
}

.whychooseus p {
    color: #fff;
    margin-bottom: 40px
}

.whychooseus ul {
    padding: 0;
    list-style: none;
    display: flex;
    margin: 40px -15px 0;
    position: relative
}

.whychooseus ul li {
    flex: 0 0 16.66%;
    padding: 0 15px;
    position: relative;
    transition: .2s
}

.whychooseus ul li:hover .iconbox {
    background: linear-gradient(#1668e2 0, #186ceb 100%)
}

.whychooseus ul li:nth-child(odd):after {
    background: linear-gradient(#ee4f76 0, #b50e37 100%)
}

.whychooseus ul:before {
    position: absolute;
    content: "";
    border-bottom: 1px dotted #bbb;
    left: 100px;
    right: 100px;
    bottom: -32px;
    height: 1px
}

.whychooseus ul li:after {
    position: absolute;
    content: "";
    bottom: -40px;
    border-radius: 50%;
    left: calc(50% - 8px);
    width: 16px;
    height: 16px;
    background: linear-gradient(#eeb329 0, #f5a300 100%)
}

.whychooseus ul li .iconbox {
    background-color: #1668e2;
    min-height: 128px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 20px 20px 0 0
}

.whychooseus ul li h3 {
    font-size: 16px;
    border: 1px solid;
    min-height: 70px;
    border-top: none;
    border-radius: 0 0 20px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 10px 20px
}

.whychooseus .btn1 {
    border-radius: 21px;
    color: #fff;
    padding: 11px 60px;
    border: 1px solid #ee4f76
}

.whychooseus .btn1:hover {
    background-color: #ee4f76;
    box-shadow: 0 0 52px 10px rgb(238 79 118 / 39%)
}

.buildprojects .rtcontent:after,
.buildprojects .rtcontent:before {
    width: 100%;
    height: 1px;
    background: linear-gradient(to left, #fff, #ee4f77);
    content: "";
    right: 0
}

.ourteam {
    padding-right: 0;
    padding-top: 150px;
    padding-bottom: 0;
    position: relative
}

.ourteam h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px;
    margin-top: -35px
}

.ourteam strong {
    font-size: 146px;
    color: #1668e2;
    opacity: .15;
    line-height: 15px
}

.ourteam .owl-carousel {
    padding-bottom: 40px
}

.ourteam .owl-theme .owl-nav .owl-next,
.ourteam .owl-theme .owl-nav .owl-prev {
    background: #000;
    color: #fff;
    font-size: 24px;
    width: 20px;
    opacity: 1;
    height: 30px;
    line-height: 20px
}

.ourteam .owl-theme .owl-nav {
    bottom: auto;
    margin-top: 0;
    z-index: 99;
    opacity: 1;
    cursor: pointer;
    position: absolute;
    left: calc(50% - 30px);
    top: calc(100% - 35px)
}

.ourteam .teamcontent h4 {
    font-weight: 700;
    border-left: 3px solid #ee4f76;
    padding-left: 25px
}

.ourteam .teamcontent p {
    font-weight: 500;
    color: #828282;
    margin: 0;
    border-left: 3px solid #e1e1e1;
    padding-left: 25px
}

.ourteam .owl-item .myteammember {
    display: flex;
    box-shadow: 0 3px 14px rgba(24, 155, 235, .44);
    border-radius: 25px;
    margin: 15px 0
}

.ourteam .owl-item .tmimg {
    border-radius: 20px;
    overflow: hidden
}

.ourteam .owl-item .teamcontent {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 80px;
    border-right: 15px solid #ee5077;
    border-radius: 0 25px 25px 0
}

.ourteam ul.contactlist {
    padding: 10px 0 0 25px;
    margin: 0;
    list-style: none;
    border-left: 3px solid #e1e1e1
}

.ourteam ul.contactlist li a {
    width: 35px;
    height: 35px;
    background: #1668e2;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    display: block
}

.buildprojects {
    padding: 85px 0
}

.buildprojects .rtcontent {
    padding: 40px 0;
    position: relative;
    border-top: 1px solid #ee4f77;
    border-bottom: 1px solid #ee4f77
}

.buildprojects .rtcontent:before {
    position: absolute;
    top: -1px
}

.buildprojects .rtcontent:after {
    position: absolute;
    bottom: -1px
}

.buildprojects .rtcontent h3 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 13px
}

.buildprojects .rtcontent p {
    color: #828282;
    font-weight: 500
}

.buildprojects .rtcontent a.btn1 span {
    width: 42px;
    height: 42px;
    text-align: center;
    display: inline-block;
    line-height: 42px;
    background: #f27a98;
    border-radius: 50%;
    margin-right: 10px
}

.buildprojects .rtcontent a.btn1 {
    display: inline-block;
    border-radius: 25px;
    padding-right: 25px;
    background: linear-gradient(#ee4f76 0, #eb2455 100%);
    text-decoration: none;
    color: #fff;
    transition: .3s;
    box-shadow: 0 8px 24px rgba(238, 79, 118, .47)
}

.buildprojects .rtcontent a.btn1:hover {
    background: linear-gradient(#ee4f76 0, #f10e46 100%)
}

.buildprojects .rtcontent a.btn1:hover span svg {
    transform: rotate(360deg)
}

.buildprojects .borderbox {
    padding: 65px;
    border-radius: 11px;
    background: rgba(24, 155, 235, .1);
    border: 1px solid #1668e2;
    box-shadow: 0 3px 14px rgba(255, 255, 255, .44)
}

.customappbanner {
    background: #e9edff;
    margin-top: 145px;
    padding: 15px 200px 0;
    position: relative
}

.customappbanner:before {
    position: absolute;
    content: "";
    left: 32px;
    height: 88px;
    width: 38px;
    background: url(../images/newimages/bluelinestop.png) center center no-repeat;
    top: 0
}

.customappbanner:after {
    position: absolute;
    content: "";
    left: -50px;
    bottom: 20px;
    height: 100px;
    width: 100px;
    background: #ee4f76;
    border-radius: 50%;
    border: 20px solid #ffd3de
}

.customappbanner .rtimg img {
    margin: 0 auto;
    justify-content: center;
    display: flex
}

.customappbanner .mbctm {
    margin-bottom: -100px
}

.customappbanner .rightbannertext {
    padding-bottom: 120px
}

.customappbanner h1 {
    color: #3c3c3c;
    font-size: 50px;
    margin-bottom: 25px;
    font-weight: 700;
    text-transform: unset !important
}

.customappbanner h6 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px
}

.customappbanner p {
    color: #828282;
    width: 80%;
    margin-bottom: 30px
}

.customappbanner a.btn1 {
    border: 1px solid #ee4f76;
    padding: 12px 25px;
    text-decoration: none;
    color: #3c3c3c;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 500
}

.customappbanner a.btn1 span {
    width: 10px;
    height: 10px;
    background: #ee4f76;
    border-radius: 50%;
    display: inline-block;
    margin-left: 15px;
    position: relative
}

.customappbanner ul li:after,
.customappbanner ul li:before {
    width: 8px;
    height: 8px;
    background-color: #ee4f76;
    top: calc(50% - 4px);
    content: ""
}

.customappbanner a.btn1 span:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background: #ee4f76;
    right: -50px;
    top: calc(50% - 1px);
    transition: .5s
}

.customappbanner a.btn1:hover span:after {
    right: 0;
    width: 0
}

.customappbanner h1 span {
    font-size: 50px;
    text-shadow: 2px 0 0 #3c3c3c, -2px 0 0 #3c3c3c, 0 2px 0 #3c3c3c, 0 -2px 0 #3c3c3c, 1px 1px #3c3c3c, -1px -1px 0 #3c3c3c, 1px -1px 0 #3c3c3c;
    color: #e9edff
}

.customappbanner ul li {
    display: inline-block;
    text-align: center;
    position: relative;
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 15px 50px;
    border-radius: 50px;
    margin-right: 10px;
    line-height: 5px
}

.customappbanner ul li:before {
    position: absolute;
    border-radius: 50%;
    left: 15px
}

.customappbanner ul li:after {
    position: absolute;
    border-radius: 50%;
    right: 15px
}

.customappbanner ul li strong {
    display: block;
    font-size: 32px;
    line-height: 20px;
    margin-bottom: 10px
}

.customappbanner ul li span {
    font-size: 14px;
    color: #828282
}

.customappbanner ul li:last-child {
    margin-right: 0
}

.awardssection {
    padding: 38px 200px
}

.awardssection ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex
}

.awardssection ul li {
    margin-right: 80px
}

.servicessection {
    padding: 85px 0;
    position: relative
}

.servicessection:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #d6d6d6;
    top: 80px
}

.servicessection h6:before {
    position: absolute;
    content: "";
    left: 8px;
    border-radius: 50%
}

.healthcare_ind_solutions h2:after,
.sixeasysteps h2:after {
    filter: brightness(0) invert(1);
    left: calc(50% - 32px);
    content: "";
    opacity: .5
}

.servicessection h6:after {
    position: absolute;
    content: "";
    right: 8px;
    border-radius: 50%
}

.servicessection h6,
.whyteamup .bdrbox h5 {
    background: #fff;
    text-transform: uppercase;
    position: relative
}

.servicessection h6 {
    line-height: 43px;
    display: inline-block;
    padding: 2px 30px;
    height: 43px;
    border-radius: 21.5px;
    box-shadow: 0 1px 4px rgba(51, 51, 51, .2);
    margin-bottom: 25px;
    top: -25px;
    z-index: 9;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 18px;
    color: #ee4f76
}

.servicessection h2 {
    font-size: 32px;
    margin-bottom: 15px;
    color: #3c3c3c;
    font-weight: 600
}

.servicessection h5 {
    color: #828282;
    margin-bottom: 15px;
    font-size: 18px
}

.servicessection p {
    color: #828282;
    margin-bottom: 0
}

.servicessection .borderinnerbox {
    text-align: center;
    margin-bottom: 0;
    padding: 30px 45px;
    background: rgba(24, 155, 235, .16);
    border-radius: 25px;
    border: 1px solid rgba(24, 155, 235, .55)
}

.servicessection.healthandfit h2 {
    font-size: 30px;
    padding-left: 30px;
    position: relative;
    font-weight: 700
}

.servicessection.healthandfit a.btn1 {
    border-radius: 21.5px;
    background: #ee4f76;
    box-shadow: 0 0 6px rgba(238, 79, 118, .46);
    padding: 10px 25px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    margin-top: 15px;
    display: inline-block
}

.whyteamup {
    padding: 80px 0 250px;
    background: #f2f2f2
}

.whyteamup h2 {
    font-weight: 700;
    color: #3c3c3c;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 40px
}

.whyteamup p {
    margin-bottom: 30px;
    color: #3c3c3c;
    background-size: 100%
}

.whyteamup .bdrbox {
    border: 1px dotted #bbb;
    padding-top: 25px;
    min-height: 138px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.whyteamup .bdrbox h5 {
    padding: 15px 0;
    font-size: 16px;
    font-weight: 600;
    width: 100%
}

.whyteamup .bdrbox h5:after {
    position: absolute;
    content: "";
    width: 74px;
    height: 3px;
    background: #1668e2;
    left: calc(50% - 37px);
    bottom: -1px
}

.servicessection.healthandfit h2:before {
    position: absolute;
    content: "";
    left: 0;
    content: "";
    width: 14px;
    height: 14px;
    background: #ee4f76;
    border-radius: 50%;
    top: 12px
}

.cutshorttheprocess {
    overflow: hidden
}

.healthcare_ind_solutions {
    background: #1e1d28;
    margin-top: -150px;
    border-radius: 120px 0;
    padding: 95px 0 20px
}

.healthcare_ind_solutions h2 {
    position: relative;
    text-align: center;
    padding-bottom: 40px;
    margin-bottom: 50px;
    color: #fff
}

.healthcare_ind_solutions h2:after {
    position: absolute;
    width: 64px;
    height: 25px;
    background: url(../images/newimages/pkcircle.png) top left;
    bottom: 0
}

.healthcare_ind_solutions p {
    color: #a8a7ab;
    border-bottom: 1px solid #323139;
    padding-bottom: 30px;
    margin-left: 30px
}

.healthcare_ind_solutions h3 {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    text-transform: uppercase;
    z-index: 1;
    padding-left: 35px;
    padding-right: 100px
}

.healthcare_ind_solutions .ltheading {
    display: flex;
    align-items: center;
    min-height: 98px;
    position: relative;
    margin-bottom: 120px;
    width: 100%
}

.healthcare_ind_solutions .ltheading:after {
    position: absolute;
    content: "";
    background: url(../images/newimages/brcircle.png) top center/cover no-repeat;
    width: 20px;
    height: 20px;
    right: 0
}

.healthcare_ind_solutions .ltheading:before {
    width: 98px;
    height: 100%;
    position: absolute;
    left: 0;
    content: "";
    background: #ee4f76;
    top: 0;
    border-radius: 50%
}

.healthcare_ind_solutions .rtcontent:before {
    position: absolute;
    content: "";
    left: -40px;
    top: 48px;
    width: 1px;
    border-left: 1px dotted #919096;
    height: 210px
}

.digitalmarekting {
    text-align: center;
    padding-bottom: 80px;
    margin-top: 3rem
}

.digitalmarekting h2 {
    font-weight: 700;
    margin-bottom: 10px
}

.digitalmarekting .cards {
    background: #fee6eb;
    border-radius: 18px;
    overflow: hidden;
    text-align: left;
    margin-top: 30px
}

.digitalmarekting .cards.blue {
    background: #d6ecf7
}

.digitalmarekting .cards.orange {
    background: #feebda
}

.Pioneering-innovation ul.indlist li:nth-child(6),
.digitalmarekting .cards.orange .card-content {
    background: #fedec1
}

.digitalmarekting .cards.green {
    background: #ddf5d6
}

.digitalmarekting .cards.grey {
    background: #d6e0db
}

.digitalmarekting .cards.darkgreen {
    background: #cde9db
}

.Pioneering-innovation ul.indlist li:nth-child(5),
.digitalmarekting .cards.darkgreen .card-content,
.process_we_follow .cards.crd2 {
    background: #abdac3
}

.digitalmarekting .cards .card-content {
    background: #fed6de;
    padding: 25px;
    min-height: 200px
}

.digitalmarekting .cards .card-img {
    min-height: 175px;
    text-align: center;
    line-height: 175px
}

.digitalmarekting .cards p {
    color: #3c3c3c;
    font-size: 14px;
    margin: 0
}

.digitalmarekting .cards h6 {
    font-weight: 600;
    margin-bottom: 10px
}

.app-categorization .heading p {
    color: #828282;
    font-size: 16px;
    padding: 0 4%;
    margin-bottom: 60px
}

.app-categorization .t-apps.t-apps2 h3 span {
    background: #6fbffd
}

.app-categorization .t-apps.t-apps3 h3 span {
    background: #fc7b7c
}

.app-categorization .t-apps {
    position: relative;
    margin-left: 75px
}

.app-categorization .t-apps:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 320px;
    background: #b5babc;
    top: 60px;
    left: 2px
}

.app-categorization .t-apps h3 {
    color: #828282;
    font-size: 25px
}

.app-categorization .t-apps h3 span {
    background: #4cf4e9;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle
}

.app-categorization {
    background: #fafafa
}

.app-categorization .t-apps h5 {
    color: #3c3c3c;
    font-size: 18px;
    margin: 5px 0
}

.app-categorization .t-apps p {
    color: #828282;
    font-size: 14px;
    line-height: 22px;
    padding-left: 15px;
    margin-bottom: 70px
}

.whyappinop {
    padding: 100px 0;
    text-align: center;
    background: linear-gradient(#f2f2f2 0, rgba(255, 255, 255, 0) 100%)
}

.whyappinop h2 {
    font-size: 32px;
    font-weight: 600;
    color: #3c3c3c;
    margin-top: -60px;
    margin-bottom: 20px
}

.whyappinop strong {
    font-size: 90px;
    color: #ee4f76;
    opacity: .1
}

.whyappinop h6 {
    color: #828282;
    width: 60%;
    margin: 0 auto 40px
}

.whyappinop .fullcontent {
    background: url(../images/newimages/whyappinopbg.png) top center/cover no-repeat;
    border-radius: 12px
}

.cutshorttheprocess .projectrightimg {
    position: relative;
    margin-top: 100px
}

.cutshorttheprocess h2 {
    font-size: 64px;
    font-weight: 900;
    color: #000;
    margin-bottom: 10px
}

.cutshorttheprocess h6 strong {
    color: #000;
    border-bottom: 3px solid #000;
    font-weight: 900;
    position: relative
}

.cutshorttheprocess h6 strong:before {
    position: absolute;
    content: "";
    left: calc(50% - 7px);
    width: 15px;
    height: 15px;
    background: #1668e2;
    border-radius: 50%;
    bottom: -40px
}

.cutshorttheprocess h6 strong:after {
    position: absolute;
    content: "";
    left: calc(50% - 1px);
    width: 2px;
    background: #1668e2;
    border-radius: 50%;
    top: calc(100% + 29px);
    transition: .5s;
    opacity: 0;
    height: 195px;
    opacity: 1
}

.cutshorttheprocess .leftcontent {
    background: #fed6de;
    border-radius: 0 50px 0 0;
    margin-right: -100px;
    padding: 112px 280px 120px 170px;
    position: relative
}

.cutshorttheprocess .leftcontent .btmbutton {
    position: absolute;
    right: 250px;
    bottom: -130px
}

.cutshorttheprocess .leftcontent .btmbutton a.btn3 span {
    position: absolute;
    left: 15px;
    width: 15px;
    height: 15px;
    background: #1668e2;
    border-radius: 50%;
    top: calc(50% - 7px)
}

.cutshorttheprocess .leftcontent .btmbutton a.btn3 span:before {
    position: absolute;
    content: "";
    left: -222px;
    width: 222px;
    height: 2px;
    background: #1668e2;
    border-radius: 50%;
    top: calc(50% - 1px)
}

.cutshorttheprocess .leftcontent .btmbutton a.btn3 {
    display: inline-block;
    border-radius: 30.5px;
    background: #cae9fb;
    color: #3c3c3c;
    position: relative;
    font-weight: 500;
    text-decoration: none;
    padding: 15px 55px 15px 65px;
    text-transform: uppercase;
    border: 1px solid rgba(24, 155, 235, .62);
    box-shadow: 0 17px 27px rgba(24, 155, 235, .22)
}

.cutshorttheprocess .projectrightimg .logoblur {
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 150px;
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, .2);
    text-align: center;
    line-height: 150px;
    border-radius: 0 0 0 50px
}

.fullcontent {
    position: relative;
    padding: 25px 25px 0
}

.fullcontent:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .5)
}

.fullcontent .innerboxes {
    position: relative;
    margin-bottom: 25px
}

.fullcontent .innerboxes .bgbox:hover~.overlaybox {
    opacity: 1;
    height: 220px;
    bottom: auto;
    top: 100%
}

.fullcontent .innerboxes .overlaybox {
    position: absolute;
    z-index: 9;
    bottom: -18px;
    height: 0;
    opacity: 0;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
    backdrop-filter: blur(30px);
    --webkit-backdrop-filter: blur(30px);
    padding: 10px
}

.fullcontent .innerboxes .overlaybox p {
    font-size: 14px;
    color: #3c3c3c;
    margin: 0
}

.fullcontent .bgbox {
    min-height: 106px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .39);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    text-shadow: 0 1px 2px #000
}

.Pioneering-innovation {
    padding: 120px 0;
    text-align: center
}

.Pioneering-innovation h2 {
    color: #3c3c3c;
    margin-bottom: 15px;
    font-weight: 600
}

.Pioneering-innovation p {
    color: #828282;
    margin-bottom: 20px
}

.Pioneering-innovation ul.indlist {
    padding: 0;
    margin: 0 -15px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.Pioneering-innovation ul.indlist li {
    flex: 0 0 16.66%;
    background: #fed6de;
    margin: 0 15px;
    padding: 30px 0 0;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 15px
}

.Pioneering-innovation ul.indlist li a {
    display: block;
    color: #3c3c3c;
    text-decoration: none;
    line-height: 20px;
    font-weight: 400;
    font-size: 14px;
    background: rgba(255, 255, 255, .4);
    padding: 13px 20px;
    min-height: 70px;
    align-items: center
}

.Development_Capabilities {
    background: #f2f2f2;
    padding: 75px 0;
    text-align: center
}

.Development_Capabilities .whitebox {
    margin-top: 30px;
    padding: 42px;
    text-align: left;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 3px 24px rgba(24, 155, 235, .11);
    position: relative
}

.Development_Capabilities .whitebox:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 11px;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 11px 11px 0 0
}

.Development_Capabilities .whitebox.ios:before {
    background: linear-gradient(to right, #1668e2 0, #0028ac 100%)
}

.Development_Capabilities .whitebox.android:before {
    background: linear-gradient(to right, #ffa8bd 0, #bc002e 100%)
}

.Development_Capabilities .whitebox.hybrid:before {
    background: linear-gradient(to right, #c2c2c2 0, #3c3c3c 100%)
}

.Development_Capabilities .whitebox h3 {
    font-size: 30px;
    font-weight: 700;
    color: #3c3c3c;
    margin-bottom: 15px;
    text-transform: unset !important
}

.Development_Capabilities .whitebox p {
    padding: 5px 0 5px 28px;
    border-left: 4px solid #ee4f76;
    margin: 0 0 0 -4px;
    color: #828282;
    font-size: 14px
}

.Development_Capabilities .ltborder {
    border-left: 4px solid #dedede
}

.Development_Capabilities .ltborder ul {
    padding: 18px 0 10px 28px;
    margin: 0;
    list-style: none
}

.Development_Capabilities .ltborder ul li {
    display: inline-block;
    max-width: 50px;
    margin-right: 15px
}

.salesforcedevelopment .rightbannertext h1 span {
    color: #39f;
    border: none;
    box-shadow: none;
    text-shadow: none;
    border-left: 5px solid #39f;
    margin-left: -25px;
    padding-left: 25px
}

.salesforcedevelopment .rightbannertext h1 {
    font-size: 48px;
    font-weight: 400;
    padding-left: 20px;
    border-left: 5px solid #c8c8c8
}

.customizesalesforce {
    padding: 80px 0;
    text-align: center
}

.customizesalesforce .right-cnt {
    text-align: left;
    padding-left: 15px
}

.customizesalesforce .leftimg {
    text-align: left;
    position: relative
}

.customizesalesforce .leftimg:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    opacity: .32;
    border-radius: 14px;
    background-color: #c8c8c8;
    border: 1px solid grey;
    right: -15px;
    bottom: -15px
}

.customizesalesforce .right-cnt h4 {
    font-weight: 700;
    font-size: 20px;
    padding-right: 100px
}

.customizesalesforce .right-cnt p {
    color: #828282;
    margin: 10px 0 0
}

.customizesalesforce h2 {
    font-weight: 700;
    color: #3c3c3c;
    margin-bottom: 25px;
    position: relative;
    font-size: 25px;
    padding: 0 200px 40px
}

.trend_reflexive .bgwhite P {
    margin: 25px 0
}

.trend_reflexive .bgwhite h4 {
    border-radius: 16px 16px 0 0;
    background-color: #f2f2f2;
    font-weight: 700;
    padding: 24px 0
}

.trend_reflexive .bgwhite {
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, .15);
    margin-bottom: -40px;
    padding: 0 0 28px;
    overflow: hidden
}

.trend_reflexive {
    padding-top: 40px;
    display: block;
    background: linear-gradient(180deg, #39f 0, #2c3bc1 100%)
}

.trend_reflexive a.btn1 span {
    height: 44px;
    display: inline-block;
    width: 44px;
    border-radius: 50%;
    background-color: #fff;
    color: #3c3c3c;
    line-height: 44px;
    margin-left: 20px;
    transition: .3s
}

.trend_reflexive a.btn1 {
    border-radius: 64.2px;
    background-color: #ee4f76;
    text-decoration: none;
    box-shadow: 0 0 10px 0 rgba(238, 79, 118, .61);
    color: #fff;
    display: inline-block;
    padding-left: 20px;
    transition: .2s
}

.trend_reflexive a.btn1:hover {
    background-color: #ee4f76cc
}

.salesforcedev_company {
    padding: 145px 0 80px
}

.salesforcedev_company p {
    margin-top: 20px;
    color: #828282
}

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

.salesforcedev_company ul li {
    display: inline-block;
    border-radius: 0 4px 4px 0;
    background-color: rgba(0, 0, 0, .08);
    border-left: 5px solid #eb2455 !important;
    border: 1px solid rgba(0, 0, 0, .4);
    padding: 12px 20px;
    margin-bottom: 10px;
    margin-right: 5px
}

.comprehensiverange {
    padding: 80px 0;
    background-color: #f2f2f2;
    text-align: center
}

.comprehensiverange h2 {
    font-weight: 700;
    color: #3c3c3c;
    margin-bottom: 25px;
    position: relative;
    font-size: 27px;
    padding: 0 0 40px
}

.comprehensiverange .cards .head {
    display: flex;
    text-align: left;
    margin-bottom: 10px
}

.comprehensiverange .cards p {
    color: #828282;
    font-size: 13px;
    font-weight: 400;
    text-align: left
}

.comprehensiverange .cards .head strong {
    height: 40px;
    margin-right: 10px;
    color: #fff;
    line-height: 40px;
    flex: 0 0 40px;
    text-align: center;
    width: 40px;
    border-radius: 6px;
    background-color: #ee4f76;
    display: inline-block
}

.comprehensiverange .cards h4 {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px
}

.comprehensiverange .cards {
    box-sizing: border-box;
    min-height: 250px;
    margin-bottom: 30px;
    padding: 12px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #e0e0e0
}

.salsesforce-mobileapp {
    background: linear-gradient(0deg, #39f 0, #101fa5 100%);
    padding: 70px 0 50px;
    border-radius: 0 0 80px 80px
}

.salsesforce-mobileapp .bgwhite {
    border-radius: 12px;
    background: rgba(255, 255, 255, .15);
    margin-top: 60px;
    padding: 16px;
    margin-bottom: 40px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15)
}

.salsesforce-mobileapp .bgwhite ul li {
    color: #fff;
    position: relative;
    padding-left: 30px;
    font-size: 14px
}

.customappbanner.workdetails h1,
.salsesforce-mobileapp .bgwhite ul li:not(:last-child) {
    margin-bottom: 10px
}

.salsesforce-mobileapp .bgwhite ul li span {
    color: #3c3c3c;
    height: 18px;
    width: 18px;
    background-color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    position: absolute;
    left: 0
}

.salsesforce-mobileapp p {
    color: #fff;
    margin-top: 20px
}

.salsesforce-mobileapp h2 {
    font-size: 27px;
    font-weight: 700;
    line-height: 34px;
    color: #fff;
    border-radius: 0 10px 10px 0;
    background-color: rgba(255, 255, 255, .08);
    border-left: 8px solid #eb2455 !important;
    border: 1px solid rgba(255, 255, 255, .4);
    padding: 12px 20px
}

.salesforcelighting.salesforceconsulting .subheading {
    border-radius: 5px;
    flex-direction: column;
    min-height: 240px;
    margin-top: 30px;
    margin-bottom: 0
}

.salesforcelighting.salesforceconsulting::before {
    width: 88%
}

.salesforcelighting.salesforceconsulting .subheading strong {
    margin: 10px 0
}

.salesforcelighting {
    padding: 60px 0;
    position: relative
}

.salesforcelighting .rtlightingimg {
    position: absolute;
    right: 100px;
    top: calc(50% - 220px)
}

.salesforcelighting:before {
    position: absolute;
    left: 0;
    border-radius: 0 50px 50px 0;
    top: 0;
    bottom: 0;
    content: "";
    background: linear-gradient(267.64deg, #f2f2f2 0, #fff 100%);
    width: 65%
}

.salesforcelighting .subheading span {
    height: 37px;
    width: 37px;
    margin-right: 15px;
    border: 1px solid #e0e0e0;
    flex: 0 0 37px;
    text-align: center;
    line-height: 37px;
    border-radius: 50%
}

.salesforcelighting .subheading strong {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px
}

.salesforcelighting .subheading {
    border-radius: 101px;
    background-color: #fff;
    margin-bottom: 15px;
    padding: 10px 27px;
    display: flex;
    border: 1px solid rgba(128, 128, 128, .23)
}

.connectwithsalesforce {
    padding: 75px 0
}

.connectwithsalesforce h2 {
    color: #333;
    font-family: Montserrat;
    font-size: 27px;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 22px
}

.connectwithsalesforce .btn1 {
    border-radius: 115px;
    background-color: #ee4f76;
    border: 1px solid #ee4f76;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    padding-left: 30px;
    line-height: 24px;
    box-shadow: 0 8px 24px rgba(238, 79, 118, .47)
}

.connectwithsalesforce .bgblue {
    border-radius: 18px;
    padding: 40px;
    background-color: rgba(51, 153, 255, .27);
    border: 1px solid #39f
}

.connectwithsalesforce a.btn1 span {
    width: 42px;
    height: 42px;
    text-align: center;
    display: inline-block;
    line-height: 42px;
    background: #f27a98;
    border-radius: 50%;
    margin-left: 10px
}

.salesforcecapabilities {
    text-align: center;
    padding-bottom: 50px
}

.salesforcecapabilities h2 {
    font-size: 27px;
    margin-bottom: 0;
    color: #4f4f4f;
    font-weight: 700
}

.salesforcecapabilities .cards p {
    color: #828282;
    font-size: 14px;
    margin: 0
}

.salesforcecapabilities .cards h4 {
    color: #333;
    margin: 20px 0 10px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.salesforcecapabilities.ctm-sl .cards {
    min-height: 207px
}

.salesforcecapabilities .cards {
    border-radius: 12px;
    padding: 15px 35px 30px;
    background-color: #fff;
    min-height: auto;
    margin-top: 30px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .09)
}

.whyappinopforsalesforce {
    background-color: #1e1d28;
    padding: 90px 0
}

.whyappinopforsalesforce p {
    color: #fff;
    text-align: center
}

.whyappinopforsalesforce ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0
}

.whyappinopforsalesforce ul li:after {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    background-color: #39f;
    right: 15px;
    top: 24px;
    border-radius: 50%
}

.whyappinopforsalesforce ul li strong {
    font-size: 18px
}

.whyappinopforsalesforce ul li p {
    font-size: 14px;
    line-height: 21px;
    text-align: right
}

.whyappinopforsalesforce ul li {
    border-radius: 10px;
    position: relative;
    background-color: rgba(51, 153, 255, .11);
    border: 1px solid rgba(51, 153, 255, .31);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    padding: 18px 40px 18px 18px;
    text-align: right;
    margin: 0 0 25px
}

.sixeasysteps h2,
.whyappinopforsalesforce h2 {
    font-size: 27px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    color: #fff;
    position: relative;
    margin-bottom: 15px;
    padding: 0 0 40px
}

.p-faqs h2,
.techskills h2 {
    font-size: 27px;
    color: #3c3c3c
}

.p-faqs h2 {
    font-weight: 700;
    margin-bottom: 15px
}

.p-faqs .btn-link {
    text-align: left;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    padding: 20px;
    font-size: 1rem;
    margin-top: 0
}

.p-faqs .btn-link .fa {
    margin-right: 8px;
    color: #ee4b7a
}

.p-faqs .card-body {
    padding: 20px 40px 20px 15px;
    color: #828282;
    font-weight: 400
}

.p-faqs .btn.btn-link.collapsed .fa-minus:before {
    content: "\f067"
}

.customappbanner.hirebanner {
    padding: 80px 0 115px
}

.customappbanner.workdetails .rightbannertext {
    padding-bottom: 50px
}

.customappbanner.workdetails h1 span {
    font-size: 24px;
    text-shadow: 1px 0 0 #3c3c3c, -1px 0 0 #3c3c3c, 0 1px 0 #3c3c3c, 0 -1px 0 #3c3c3c, 1px 1px #3c3c3c, -1px -1px 0 #3c3c3c, 1px -1px 0 #3c3c3c
}

.hirestats {
    margin-top: -50px
}

.hirestats .cards {
    background: 0 0;
    height: 110px;
    border-radius: 15px;
    border: 1px solid rgba(112, 112, 112, .15);
    box-shadow: 0 0 21px rgba(0, 0, 0, .05);
    backdrop-filter: blur(20px);
    background-color: rgba(255, 255, 255, .04);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.hirestats .cards h3 {
    font-weight: 700;
    margin-bottom: 5px;
    position: relative;
    font-size: 30px;
    display: inline-block;
    margin-right: -30px
}

.hirestats .cards h3:after {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background: url(../images/newimages/pkcircle.png) top left;
    bottom: 3px;
    left: -30px
}

.hirestats .cards p {
    margin: 0;
    font-weight: 500
}

.hirestats .cards .icimg {
    font-size: 44px;
    margin-bottom: 0;
    color: #ee4f76
}

.hirecertified,
.section_padding {
    padding: 100px 0 80px
}

.hirecertified .imgbox {
    box-shadow: 0 0 11px rgba(0, 0, 0, .09);
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 12px
}

.hirecertified h2 {
    font-weight: 600;
    font-size: 27px;
    margin-bottom: 10px
}

.techskills {
    padding: 80px 0;
    position: relative
}

.techskills:before {
    position: absolute;
    left: 150px;
    right: 150px;
    content: "";
    background: #f2f2f2;
    top: 0;
    bottom: 0;
    border-radius: 50px
}

.techskills h2 {
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    position: relative;
    margin-bottom: 15px;
    padding: 0 0 40px
}

.techskills .innercard span {
    font-size: 16px;
    font-weight: 500;
    color: #828282;
    text-align: left
}

.techskills .innercard strong {
    margin-right: 15px;
    flex: 0 0 42px
}

.techskills .innercard {
    display: flex;
    margin-top: 25px;
    align-items: center;
    padding: 0 25px;
    min-height: 86px;
    border-radius: 43px;
    background: #fff;
    border: 1px solid #dedede;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07)
}

.sixeasysteps {
    background: linear-gradient(#1668e2 0, #33258c 100%);
    padding: 80px 0;
    margin-top: 80px
}

.sixeasysteps p {
    color: #fff;
    margin: 0 150px
}

.sixeasysteps .innercard:hover strong {
    border: 1px solid #828282
}

.sixeasysteps .innercard {
    min-height: 90px;
    border-radius: 14px;
    margin-top: 30px;
    padding: 20px;
    background: rgba(255, 255, 255, .15);
    transition: .5s;
    border: 1px solid rgba(255, 255, 255, .63);
    align-items: center;
    justify-content: flex-start;
    display: flex;
    text-align: left;
    backdrop-filter: blur(30px);
    --webkit-backdrop-filter: blur(30px)
}

.sixeasysteps .innercard strong {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #fff;
    line-height: 50px;
    border-radius: 50%;
    margin-right: 15px;
    flex: 0 0 50px;
    text-align: center;
    border: 1px solid transparent
}

.sixeasysteps .innercard span {
    font-weight: 500;
    color: #fff
}

.sixeasysteps h2:after {
    position: absolute;
    width: 64px;
    height: 25px;
    background: url(../images/newimages/pkcircle.png) top left;
    bottom: 0
}

.costeffective {
    padding: 150px 0 0
}

.costeffective h2 {
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    font-size: 30px;
    display: inline-block;
    padding-bottom: 30px
}

.costeffective p {
    color: #828282;
    margin-bottom: 25px
}

.costeffective .cards {
    border: 1px solid #cecece;
    padding: 30px 12px;
    border-radius: 20px;
    min-height: 316px;
    transition: .5s
}

.costeffective .cards:hover {
    background: #f1f5f9;
    border: 1px solid rgba(112, 112, 112, .03);
    box-shadow: 0 9px 15px rgba(24, 155, 235, .17)
}

.costeffective .cards.last-box {
    border: 1px solid #0585ec
}

.costeffective .cards img {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 50%
}

.costeffective .cards h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 24px 0 8px
}

.costeffective .cards p,
.webdevelopment_services .whitebg p {
    margin: 0;
    font-size: 14px
}

.costeffective a.btn1 {
    display: inline-block;
    text-align: left;
    padding-right: 25px;
    color: #fff;
    text-decoration: none;
    margin-top: 15px;
    border-radius: 25px;
    background: linear-gradient(#ee4f76 0, #eb2455 100%);
    box-shadow: 0 8px 24px rgba(238, 79, 118, .47)
}

.costeffective a.btn1 span {
    height: 44px;
    display: inline-block;
    text-align: center;
    width: 44px;
    border-radius: 50%;
    background-color: #f27997;
    color: #fff;
    line-height: 44px;
    margin-right: 15px
}

.web_dev_banner {
    min-height: 565px;
    margin-top: 145px;
    background-size: cover !important;
    position: relative;
    display: flex;
    align-items: center
}

.web_dev_banner:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .58)
}

.web_dev_banner .fixedbox:before {
    position: absolute;
    width: 122px;
    height: 4px;
    right: 0;
    top: calc(50% - 2px);
    content: "";
    background: #ee4f76
}

.web_dev_banner .fixedbox {
    position: absolute;
    width: 376.12px;
    height: 89.46px;
    left: -143px;
    top: 143px;
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    line-height: 89px;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding-left: 30px;
    color: #fff;
    transform: rotate(-90deg);
    background: rgba(0, 0, 0, .36);
    backdrop-filter: blur(15px)
}

.web_dev_banner .rightbannertext {
    background: rgba(0, 0, 0, .3);
    border: 1px solid rgba(255, 255, 255, .3);
    box-sizing: border-box;
    padding: 25px 45px;
    backdrop-filter: blur(15px)
}

.web_dev_banner .rightbannertext h1 {
    text-transform: uppercase;
    font-weight: 700
}

.web_dev_banner .rightbannertext span {
    text-shadow: 0 0 2px #fff;
    background: 0 0
}

.web_dev_banner .rightcontent {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 450px
}

.web_dev_banner .rightcontent ul li {
    min-height: 80px;
    display: flex;
    align-items: center
}

.web_dev_banner .rightcontent ul li span {
    font-weight: 500;
    color: #fff;
    padding-left: 25px;
    font-size: 18px;
    line-height: 29px;
    text-transform: capitalize
}

.web_dev_banner .rightcontent ul li strong {
    width: 142px;
    display: inline-block;
    text-align: center;
    border-right: 1px solid #ffffff3b;
    min-height: 80px;
    line-height: 80px;
    color: #fff;
    font-size: 35px
}

.web_dev_banner .rightcontent ul li:first-child {
    background: linear-gradient(90deg, #a55ccb 0, #0a46cf 100%)
}

.web_dev_banner .rightcontent ul li:nth-child(2) {
    background: linear-gradient(90deg, #e99019 0, #e62f4a 100%)
}

.web_dev_banner .rightcontent ul li:nth-child(3) {
    background: linear-gradient(90deg, #e62f4a 0, #73136e 100%)
}

.webdevelopment_services .serv_img {
    border-radius: 10px;
    overflow: hidden
}

.webdevelopment_services {
    padding: 90px 0;
    background-size: 50% 100% !important
}

.webdevelopment_services .nav-tabs .nav-link.active {
    color: #eb2455;
    background: 0 0
}

.webdevelopment_services .nav-tabs .nav-link.active span {
    background: #ee4b7a;
    color: #fff;
    border: 1px solid transparent
}

.webdevelopment_services .nav-tabs .nav-link span {
    border: 1px solid #d2d2d2;
    margin-right: 20px;
    box-sizing: border-box;
    border-radius: 57px;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    position: relative;
    transition: .3s
}

.webdevelopment_services .nav-tabs .nav-link {
    border: none;
    font-weight: 700;
    font-size: 17px;
    padding: 0;
    line-height: 22px;
    display: inline-block;
    color: #3c3c3c;
    transition: .3s;
    background: 0 0 !important
}

.webdevelopment_services .nav-tabs {
    border: none;
    display: block;
    padding-left: 30px
}

.webdevelopment_services .nav-tabs .nav-item {
    display: block;
    position: relative;
    padding-bottom: 40px
}

.webdevelopment_services .nav-tabs .nav-item:before {
    position: absolute;
    content: "";
    left: 37px;
    top: -39px;
    height: 40px;
    background: #d2d2d2;
    width: 1px
}

.webdevelopment_services .nav-tabs .nav-item:last-child:after {
    position: absolute;
    content: "";
    left: 37px;
    bottom: 0;
    height: 40px;
    background: #d2d2d2;
    width: 1px
}

.webdevelopment_services h2 {
    color: #3c3c3c;
    font-weight: 700;
    margin-bottom: 60px
}

.webdevelopment_services .whitebg h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px
}

.webdevelopment_services .whitebg {
    background: rgba(245, 245, 245, .28);
    margin-top: 15px;
    border: 1px solid #fff;
    box-sizing: border-box;
    box-shadow: 0 4px 60px rgba(0, 0, 0, .1);
    backdrop-filter: blur(50px);
    padding: 20px 25px;
    border-radius: 15px
}

.process_we_follow {
    background: #f3f3f3;
    padding: 50px 0
}

.process_we_follow h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    color: #3c3c3c;
    position: relative;
    margin-bottom: 15px;
    padding: 0 0 40px
}

.process_we_follow p {
    color: #828282;
    padding: 0 20%;
    margin-bottom: 70px
}

.process_we_follow .cards img {
    height: 76px;
    width: auto
}

.process_we_follow .cards {
    background: #fed6de;
    min-height: 185px;
    border-radius: 10px;
    padding: 25px 0 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    position: relative
}

.process_we_follow .cards h4 {
    background: rgba(255, 255, 255, .5);
    border-radius: 0 0 10px 10px;
    margin-top: auto;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    padding: 15px 0
}

.process_we_follow .cards:after {
    position: absolute;
    content: '';
    left: calc(50% + 10px);
    width: calc(100% + 20px);
    height: 1px;
    top: -28px;
    background: #ddd
}

.process_we_follow .cards:before {
    position: absolute;
    content: "\f101";
    top: -40px;
    width: 25px;
    background: #ee4f76;
    height: 25px;
    border-radius: 50%;
    left: calc(50% - 12px);
    font-family: FontAwesome;
    color: #fff;
    line-height: 25px;
    z-index: 9
}

.our_cutting_age .pinkbg {
    background: #ee4b7a;
    padding: 50px 0
}

.our_cutting_age .pinkbg h2 {
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 10px
}

.our_cutting_age .pinkbg p {
    color: #fff;
    opacity: 1;
    margin: 0
}

.our_cutting_age .nav-tabs {
    border: none;
    text-align: center;
    display: grid;
    grid-auto-flow: column;
    gap: 4px;
    align-items: center;
    justify-items: center
}

.our_cutting_age .nav-tabs .nav-item {
    flex: 0 0 16.66%;
    justify-content: center
}

.our_cutting_age .tblink {
    background: #1a2131
}

.our_cutting_age .bggrey {
    background: #2b3448;
    padding: 50px 0;
    text-align: center
}

.our_cutting_age .nav-tabs li span {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    margin-top: 20px;
    display: block;
    opacity: .4
}

.our_cutting_age .nav-tabs li .nav-link {
    position: relative;
    padding: 21px 30px;
    border: none;
    border-bottom: 6px solid transparent;
    transition: .5s;
    border-radius: 0;
    height: 100%
}

.our_cutting_age .nav-tabs li img {
    height: 40px;
    width: auto;
    margin: 0 auto;
    opacity: .4
}

.our_cutting_age .nav-tabs li .nav-link.active {
    border-bottom: 6px solid #1281c5;
    background: 0 0
}

.our_cutting_age ul.tech-name {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center
}

.our_cutting_age ul.tech-name li {
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin: 0 18px
}

.our_cutting_age ul.tech-name li .icon-box {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto 15px
}

.allworks {
    padding: 80px 0 150px;
    background: #f2f6ff;
    overflow: hidden
}

.allworks h2 {
    font-size: 40px;
    color: #3c3c3c;
    font-weight: 700;
    padding: 0 10%;
    margin-bottom: 30px
}

.allworks .bgimg {
    min-height: 490px;
    background-size: cover !important;
    border-radius: 0 50px 50px 0;
    position: relative
}

.allworks .bgimg:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    backdrop-filter: blur(10px);
    border-radius: 0 50px 50px 0
}

.allworks .bgimg:after {
    position: absolute;
    content: '';
    right: -20px;
    bottom: 50px;
    top: 50px;
    border-radius: 0 15px 15px 0;
    background: #1668e2;
    opacity: .3;
    width: 20px
}

.allworks .bgimg.ltradious,
.allworks .bgimg.ltradious:before {
    border-radius: 50px 0 0 50px
}

.allworks .bgimg.ltradious:after {
    left: -20px;
    right: auto;
    border-radius: 15px 0 0 15px
}

.allworks .bgimg.ltradious~.mbimg {
    top: -100px;
    left: 130px;
    right: auto;
    max-width: 100%
}

.allworks .bgimg.ltradious~.wbimg {
    top: 100px;
    left: 130px;
    right: auto
}

.allworks .bgimg~.wbimg {
    top: 100px;
    position: absolute;
    right: 130px
}

.allworks .mbimg {
    position: absolute;
    top: -100px;
    right: 130px
}

.allworks .rtbox h3 {
    font-size: 36px;
    font-weight: 700;
    margin: 15px 0;
    padding-left: 15px;
    border-left: 3px solid #ee4f76
}

.allworks .rtbox h3 a {
    color: #3c3c3c;
    text-decoration: none
}

.allworks .rtbox p {
    color: #6e6e6e;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 1.8rem
}

.allworks .rtbox a.btncircle {
    width: 54px;
    display: inline-block;
    color: #fff;
    line-height: 54px;
    text-align: center;
    border-radius: 50%;
    height: 54px;
    background: #23233c;
    filter: drop-shadow(0px 3px 19px rgba(35, 84, 198, .32));
    transition: .5s
}

.allworks .fixedlabel {
    position: absolute;
    right: -6px;
    width: auto;
    background: #1668e2;
    color: #fff;
    font-weight: 500;
    border-radius: 25px 0 0 25px;
    font-size: 15px;
    padding: 3px 8px
}

.allworks .fixedlabel:after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    bottom: -6px;
    right: 0;
    border-top: 5px solid transparent;
    border-color: #000;
    border-right: 5px solid transparent
}

.allworks .rtbox {
    padding: 86px 50px;
    margin: 50px 120px 250px;
    position: relative;
    height: 412px;
    border-radius: 25px;
    background: linear-gradient(#f2f6ff 0, #f2f6ff 74.3%, #fff 100%);
    box-shadow: 50px 50px 50px rgba(171, 182, 204, .2)
}

.faqpagesection p {
    margin-bottom: 1rem;
    font-size: 15px;
    color: #333;
    font-weight: 400
}

.faq-outer .accordion-item {
    background: #fff;
    margin-bottom: 1.25rem
}

.faq-outer .faq-heading a {
    font-size: 1rem;
    font-weight: 600;
    color: #222;
    padding: 1.4375rem 4.375rem 1.4375rem 1.25rem;
    display: block;
    position: relative
}

.faq-outer .accordian-text {
    padding: 0 4.375rem 1.4375rem 1.25rem
}

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

.faq-outer .faq-heading a:after {
    position: absolute;
    content: "";
    background: url(../images/newimages/down-arrow.png) center no-repeat;
    right: 1.25rem;
    top: 0;
    width: .8125rem;
    height: .5625rem;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.faq-outer .accordion-item .faq-heading a.collapsed:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mcb_teetx h2 {
    font-size: 25px;
    color: #000;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 25px
}

.mcb_teetx p {
    color: #161922;
    font-size: 15px;
    line-height: 1.7;
    text-align: justify
}

ul.fun_ul {
    padding: 0 0 0 17px;
    margin: 0
}

ul.fun_ul li {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: .8rem
}

section.modules_sec .col-md-6.col-lg-6.function_card {
    max-width: calc(100% - 20px);
    margin: 10px !important;
    flex: 0 0 auto
}

.components_sec h4 {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 20px;
    font-weight: 600
}

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

.components_sec ul li {
    text-align: left;
    width: 100%;
    padding-left: 15px;
    color: #161922;
    font-size: 14px;
    margin-bottom: 10px
}

.components_sec ul li:before {
    content: "";
    width: 7px;
    height: 7px;
    display: inline-block;
    background: #4b4646;
    top: -1px;
    position: relative;
    left: -9px;
    transform: rotate(45deg)
}

.components_card {
    max-width: max-content;
    margin: 0 auto
}

.components_sec img {
    margin: 2rem auto
}

.services [class*=col-] .boxed,
.services-cell {
    padding: 2.5rem 1.875rem;
    margin-bottom: 1.875rem
}

.career_form_outer h2 {
    font-size: 2rem;
    line-height: 2.625rem;
    font-weight: 700;
    color: #181818;
    margin-bottom: 2.3125rem
}

.services-cell {
    background: 0 0;
    border: .0625rem solid rgba(115, 115, 115, .09);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 15px;
    background-color: #f2f2f257
}

.services-cell .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem
}

.services-cell .icon-inner {
    height: 5rem;
    width: 5rem;
    -webkit-box-shadow: 0 0 .9375rem rgba(0, 0, 0, .05);
    box-shadow: 0 0 .9375rem rgba(0, 0, 0, .05);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem;
    background-color: #fff
}

.boxed .icon h3 {
    margin: 0 0 0 1.5625rem;
    font-size: 1.25rem;
    height: auto !important
}

.boxed ul li {
    color: #737373;
    margin-bottom: 1.5625rem
}

.boxed .location {
    padding-left: 2.25rem;
    margin: 0 0 .625rem;
    position: relative
}

.boxed .location:after {
    position: absolute;
    content: "";
    top: .25rem;
    left: 0;
    background: url(../images/newimages/xlocation.png) center no-repeat;
    width: .9375rem;
    height: 1.375rem
}

.boxed li,
.boxed ol,
.boxed ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.boxed .btn {
    margin: 1.5rem 1.25rem 0 0;
    width: -webkit-fill-available;
    filter: grayscale(1);
    opacity: .5;
    transition: .2s
}

.boxed .btn:hover {
    filter: grayscale(0);
    opacity: 1;
    background-color: #ee4f76;
    color: #fff !important
}

.py-72 {
    padding: 5rem 0
}

.career img {
    margin-top: 1.875rem
}

.career .tour-link-sec h3 {
    margin-bottom: 0;
    position: relative;
    font-size: 1.625rem;
    line-height: 2.25rem;
    font-weight: 600;
    color: #181818
}

.career .tour-link-sec {
    margin-top: 4.6875rem
}

.career .tour-link-sec h3:before {
    font-family: FontAwesome;
    position: absolute;
    content: "\f061" !important;
    right: 70%;
    color: #ee4f77
}

.services [class*=col-] .boxed {
    background: 0 0;
    border: .0625rem solid rgba(115, 115, 115, .09);
    -webkit-box-shadow: none;
    box-shadow: none
}

.benifits-sec .services-cell.boxed {
    background-color: #fff !important;
    border-color: transparent;
    border-radius: 20px;
    margin: 0 1.875rem 1.875rem;
    position: relative;
    padding-left: 6.25rem
}

.benifits-sec .services-cell.boxed .benifits-icon svg {
    position: absolute;
    left: -2.8125rem;
    width: 6.25rem !important;
    height: 6.25rem !important;
    top: 50%;
    margin-top: -3.125rem
}

.benifits-sec .services-cell.boxed p {
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

.choose_sec_erc img {
    margin-right: 60px
}

@media (max-width:1600px) {
    .menu-bar {
        padding: 15px 70px
    }
    .header .top-bar {
        padding: 15px 0
    }
    .allworks .rtbox {
        margin: 50px 69px 240px;
        padding: 46px 50px
    }
}

@media (max-width:1440px) {
    .games-banner .p-tb {
        position: relative;
        right: -170px;
        top: -60px;
        max-width: 230px
    }
    .games-banner .cardsimg {
        position: absolute;
        top: 65%;
        right: -110px
    }
    .games-banner .cardsimg img {
        margin-left: 10px
    }
    .games-banner {
        position: relative;
        padding-bottom: 190px
    }
    .p-features {
        padding: 150px 0
    }
    .p-features:before {
        top: -40px
    }
    .p-features ul li {
        padding: 0 3px
    }
    .p-features:after {
        bottom: -21px
    }
    .p-full-features:before {
        width: 96%
    }
    .p-whychoose {
        padding: 100px 120px 80px
    }
    .p-whychoose .nav-item {
        max-width: 250px
    }
    .p-whychoose .nav-link strong {
        font-size: 16px;
        padding: 22px 56px
    }
    .p-whychoose:before {
        width: 8%;
        top: 26%
    }
    .p-whychoose:after {
        width: 8%;
        margin-top: -62px
    }
}

@media (max-width:1366px) {
    .allworks .rtbox h3 {
        font-size: 30px
    }
    .allworks .rtbox {
        margin: 60px 69px 180px;
        padding: 35px
    }
    .salesforcelighting .rtlightingimg {
        position: absolute;
        right: 0;
        top: calc(50% - 220px);
        width: 34%
    }
    .awardssection {
        padding: 38px 100px
    }
    .awardssection ul li {
        margin-right: 30px
    }
    .cutshorttheprocess .leftcontent {
        margin-right: -50px;
        padding: 112px 100px 120px 60px
    }
    .cutshorttheprocess .leftcontent .btmbutton {
        position: absolute;
        right: 90px;
        bottom: -130px
    }
    .cutshorttheprocess .leftcontent .btmbutton a.btn3 span:before {
        left: -84px;
        width: 84px
    }
    .salesforcelighting.salesforceconsulting::before {
        width: 96%
    }
    .p-whychoose .nav-item {
        max-width: 220px
    }
    .p-whychoose .nav-link strong {
        padding: 22px 10px 22px 56px
    }
    .p-full-features:after {
        bottom: -125px
    }
    .p-whychoose .tab-pane ul li {
        line-height: 22px;
        margin-bottom: 15px
    }
    .whychoosep2p li.imgli {
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px
    }
    .whychoosep2p ul {
        display: flex;
        flex-wrap: wrap
    }
    .whychoosep2p ul li {
        width: 100%;
        flex: 0 0 33.3%
    }
    .top-banner-in .player-box {
        width: 100%
    }
    .customappbanner {
        padding: 15px 100px 0
    }
    .customappbanner ul li {
        padding: 15px 45px
    }
    .readytorealise h3 {
        padding: 10px 0 10px 160px
    }
    .ourteam .owl-item .teamcontent {
        padding-left: 10px
    }
    .ourteam .teamcontent h4 {
        padding-left: 15px
    }
}

@media (max-width:1280px) {
    .allworks .bgimg~.wbimg {
        right: 40px
    }
    .allworks .bgimg.ltradious~.wbimg {
        left: 40px
    }
    .customappbanner .rightbannertext {
        padding-bottom: 64px
    }
    .cutshorttheprocess .leftcontent {
        margin-right: -50px;
        padding: 112px 70px 120px 60px
    }
    .techskills:before {
        left: 50px;
        right: 50px
    }
    .cutshorttheprocess h2 {
        font-size: 48px
    }
    .cutshorttheprocess .leftcontent .btmbutton a.btn3 {
        padding: 15px 40px
    }
    .cutshorttheprocess .leftcontent .btmbutton a.btn3 span:before {
        left: -68px;
        width: 74px
    }
    .cutshorttheprocess h6 strong:after {
        height: 193px;
        opacity: 1
    }
    .Pioneering-innovation ul.indlist li {
        flex: 0 0 13.66%
    }
    .salesforcedevelopment .rightbannertext h1 {
        font-size: 32px;
        margin-left: -22px;
        padding-left: 22px
    }
    .games-banner .cardsimg {
        display: none
    }
    .p-full-features:after {
        width: 106px;
        bottom: -155px
    }
    .p-whychoose:after {
        width: 8%;
        margin-top: -60px
    }
    .p-whychoose {
        padding: 100px 80px 80px 100px
    }
    .p-whychoose .tab-pane ul li {
        line-height: 22px;
        margin-bottom: 15px
    }
    .p-whychoose .tab-pane ul li:before {
        top: 6px
    }
    .p-whychoose .nav-item {
        max-width: 225px
    }
    .p-whychoose .nav-link strong {
        font-size: 16px;
        padding: 22px 16px 22px 56px
    }
    .gameinbothplatform h2 {
        margin-top: 20px
    }
    .awardssection {
        padding: 38px 100px
    }
    .awardssection ul li {
        margin-right: 40px
    }
    .customappbanner h1 span {
        font-size: 40px
    }
    .customappbanner ul li {
        padding: 15px 37px
    }
    .menu-bar {
        padding: 15px 20px
    }
    .header .top-bar {
        padding: 15px 0
    }
}

@media (max-width:1199px) {
    .allworks .bgimg~.wbimg,
    .allworks .mbimg {
        right: auto;
        width: 100%;
        text-align: center
    }
    .allworks h2 {
        font-size: 32px;
        padding: 0;
        margin-bottom: 130px
    }
    .allworks .bgimg.ltradious,
    .allworks .bgimg.ltradious:after,
    .allworks .bgimg.ltradious:before,
    .allworks .bgimg:after,
    .allworks .bgimg:before {
        border-radius: 0
    }
    .allworks .mbimg {
        position: absolute;
        top: -100px
    }
    .allworks .rtbox {
        height: auto
    }
    .allworks .bgimg.ltradious~.mbimg {
        position: absolute;
        top: -100px;
        left: auto;
        max-width: 100%;
        width: 100%;
        text-align: center
    }
    .allworks .bgimg.ltradious~.wbimg {
        left: auto;
        width: 100%;
        text-align: center
    }
    .allworks .bgimg {
        margin-bottom: 105px;
        border-radius: 0
    }
    .awardssection {
        padding: 19px 100px
    }
    .food-banner p,
    .salesforcelighting.salesforceconsulting::before {
        width: 100%
    }
    .games-banner .p-rightimg {
        padding-top: 80px;
        transform: scale(.71)
    }
    .consultnow .p-inbox {
        padding: 50px 0 20px
    }
    .consultnow .p-inbox h4 {
        margin-bottom: 20px
    }
    .ourwork,
    .p-full-features {
        padding: 70px 0
    }
    .cutshorttheprocess .leftcontent .btmbutton a.btn3 span:before,
    .cutshorttheprocess h6 strong:after,
    .cutshorttheprocess h6 strong:before,
    .features-sp .player-img1,
    .features-sp .player-img2,
    .features-sp .player-img3,
    .features-sp .player-img4,
    .features-sp .player-img5,
    .features-sp .player-img6,
    .ourwork ul.nav-tabs:after,
    .ourwork ul.nav-tabs:before,
    .p-features:after,
    .p-features:before {
        display: none
    }
    .p-features {
        padding: 70px 0 0
    }
    .games-banner p,
    .its-digital p {
        font-size: 14px;
        line-height: 1.7
    }
    .games-banner .btn-primary {
        padding: 14px 35px;
        font-size: 16px
    }
    .ahead-of-trends h2 strong,
    .consultnow .p-inbox h2,
    .gameVariants h2,
    .gameinbothplatform h2,
    .its-digital h2,
    .p-faqs h2,
    .p-features h2,
    .p-full-features h2,
    .p-whychoose h2 {
        font-size: 30px
    }
    .its-digital h4,
    .p-features h4,
    .p-full-features h4 {
        font-size: 18px;
        line-height: 24px
    }
    .games-banner {
        position: relative;
        padding-bottom: 190px;
        max-height: 740px;
        background-size: cover !important
    }
    .games-banner h1 {
        margin-top: 0;
        font-size: 36px
    }
    .p-features ul li {
        width: 33%;
        min-height: 175px;
        padding: 0 15px
    }
    .its-digital .mb-img {
        max-width: 250px
    }
    .its-digital {
        padding: 100px 0
    }
    .p-whychoose {
        padding: 100px 10px 80px 74px
    }
    .p-whychoose h3 {
        font-size: 18px
    }
    .p-whychoose .tab-pane ul li {
        font-size: 14px;
        margin-bottom: 8px
    }
    .p-whychoose:after {
        width: 8%;
        margin-top: -55px
    }
    .p-whychoose .tab-pane p {
        font-size: 14px
    }
    .p-whychoose .nav-item {
        max-width: 182px
    }
    .p-whychoose .nav-link strong {
        font-size: 14px;
        padding: 12px 9px 12px 46px;
        line-height: 17px
    }
    .p-whychoose .nav-pills {
        margin-top: -100px
    }
    .p-whychoose .nav-link.active strong:before {
        width: 28px;
        height: 30px;
        top: calc(50% - 15px);
        background-size: 15px
    }
    .ahead-of-trends h2 {
        font-size: 23px
    }
    .ahead-of-trends .owl-next,
    .ahead-of-trends .owl-prev {
        display: none !important
    }
    .p-faqs,
    .p-listed-c {
        padding: 80px 0
    }
    .gameVariants .tp-circle {
        min-height: 245px;
        width: 245px
    }
    .flip-card {
        width: 100%;
        height: 350px
    }
    .customappbanner h1 {
        font-size: 36px;
        margin-bottom: 15px
    }
    .customappbanner .mbctm {
        margin-bottom: 0
    }
    .customappbanner .rightbannertext {
        padding-bottom: 60px
    }
    .customappbanner h1 span,
    .cutshorttheprocess h2 {
        font-size: 36px
    }
    .cutshorttheprocess .leftcontent {
        padding: 60px 30px;
        border-radius: 0 0 50px;
        max-width: 510px;
        margin: 0 auto;
        text-align: center
    }
    .Pioneering-innovation ul.indlist li a {
        padding: 13px 10px
    }
    .cutshorttheprocess .projectrightimg {
        position: relative;
        max-width: 510px;
        margin: 0 auto
    }
    .customappbanner ul li strong,
    .cutshorttheprocess h6,
    .servicessection.healthandfit h2 {
        font-size: 24px
    }
    .sport-banner {
        min-height: auto
    }
    .cryptobenefitsowners {
        padding: 50px 0
    }
    .top-banner-in .player-box .player-b {
        max-width: 331px;
        margin-left: 60px
    }
    .top-banner-in .player-box {
        min-height: 450px
    }
    .mid-populer-sports ul li {
        margin: 0 8px
    }
    .wht-to-team .content-box {
        width: 84%
    }
    .healthcare_ind_solutions h3 {
        padding-right: 40px
    }
    .customappbanner .rtimg {
        padding-top: 50px
    }
    .customappbanner p {
        width: 100%;
        margin-bottom: 30px;
        font-size: 13px
    }
    p {
        font-size: 15px
    }
    .sllogo img {
        max-width: 200px
    }
    .customappbanner.indhealth .rightbannertext {
        padding: 40px 0
    }
    .customappbanner ul li span {
        font-size: 12px;
        color: #828282
    }
    .food-banner {
        padding-top: 320px;
        min-height: 700px
    }
    .food-banner h1 {
        font-size: 34px
    }
    .foot-road.delivery-boy .car {
        transform: scale(.4) !important;
        bottom: -50px !important
    }
    .ourservices .salesforcebox a.title,
    .user-flow h4 {
        font-size: 16px
    }
    .wht-to-team .innner-box {
        min-height: 145px
    }
    .solution-benefits .bg-images img {
        min-height: 607px
    }
    .user-flow p {
        color: #828282;
        font-size: 11px;
        margin-bottom: 0
    }
    .user-flow .flow-box {
        text-align: center;
        margin-bottom: 15px
    }
    .user-flow .svg-img:after {
        bottom: 38px
    }
    .whychooseus ul li {
        padding: 0 5px
    }
    .header a.navbar-brand {
        max-width: 207px
    }
    .header .navbar .nav-item {
        margin-left: 20px
    }
    .mainslider {
        margin-top: 138px
    }
    .ourservices .wbdev img {
        max-width: 170px
    }
    .ourservices .salesforcebox a.title img {
        margin-right: 10px;
        max-width: 80px
    }
    .ourservices .mobileappbox img {
        display: block;
        margin: 0 auto;
        max-width: 242px
    }
    .customeraboutsay .owl-nav .owl-prev {
        left: -55px
    }
    .customeraboutsay .owl-nav .owl-next {
        right: -55px
    }
    .readytorealise h3 {
        text-align: right
    }
    .ourwork ul.nav-tabs {
        margin-left: 0;
        margin-top: 0;
        padding: 0;
        display: flex;
        border: none;
        margin-bottom: 20px
    }
    .ourwork ul.nav-tabs li.nav-item {
        min-width: auto;
        flex: 0 0 11.11%
    }
    .ourwork ul.nav-tabs li.nav-item a.nav-link {
        min-height: 110px
    }
    .ourwork ul.nav-tabs li.nav-item,
    .ourwork ul.nav-tabs li.nav-item:last-child {
        border-bottom: 0
    }
    .ourwork .tab-pane {
        padding: 0
    }
    .letstalk .rtbox {
        padding: 0 0 0 60px
    }
    .buildprojects .borderbox {
        padding: 45px 30px
    }
    .app-development-company .right-content {
        padding: 20px 0 20px 20px
    }
    .food-com .rest-img {
        max-width: 170px;
        display: none
    }
    .on-demand-banner .top-heading:after {
        height: 15px;
        background-size: 15px
    }
    .foot-road.wow .car {
        bottom: -10px;
        transform: scale(.7)
    }
    .foot-road.wow.animated .car {
        bottom: -10px
    }
    .webdevelopment_services .nav-tabs {
        padding-left: 0
    }
    .webdevelopment_services .nav-tabs .nav-link {
        font-size: 15px;
        display: flex;
        align-items: center
    }
    .Pioneering-innovation {
        padding: 50px 0;
        text-align: center
    }
    .form-control {
        font-size: 13px
    }
    .footer .subscribesection .form-group .btn1 {
        padding: 15px 20px;
        font-size: 13px;
        flex: 0 0 144px
    }
    .footer .subscribesection p {
        margin: 10px 0;
        font-size: 12px;
        color: #939393
    }
}

@media (max-width:990px) {
    .allworks .rtbox {
        margin: 20px 69px 140px;
        padding: 35px
    }
    .app-categorization .t-apps p {
        color: #828282;
        font-size: 13px;
        line-height: 20px;
        padding-left: 10px;
        margin-bottom: 10px
    }
    .app-categorization .t-apps h3 span {
        margin-left: -5px
    }
    .app-categorization .t-apps {
        position: relative;
        margin-left: 0
    }
    .aboutsection .aboutstats h6 span br,
    .customappbanner:after,
    .customappbanner:before,
    .gameVariants .tp-circle:after,
    .header .top-bar ul.rightcontact a.btn1>span,
    .healthcare_ind_solutions .ltheading:after,
    .howappwork .rtproc ul li:first-child:before,
    .howappwork .rtproc ul li:last-child:before,
    .howappwork .rtproc ul li:nth-child(2):before,
    .howappwork .rtproc ul li:nth-child(3):before,
    .letstalk:before,
    .mainslider .topcontent h1 small,
    .p-whychoose:after,
    .p-whychoose:before,
    .process_we_follow .cards:after,
    .salesforcelighting .rtlightingimg,
    .user-flow .bg-svg,
    .web_dev_banner .fixedbox,
    .whychooseus ul:before {
        display: none
    }
    .salesforcelighting:before {
        width: 100%
    }
    .comprehensiverange .cards {
        min-height: 200px
    }
    .blogsection,
    .customeraboutsay,
    .industries,
    .ourservices,
    .ourwork,
    .reason-to-invest,
    .sayhi,
    .share-your-pro,
    .wht-to-team,
    .whyappinop,
    .whyappinopforsalesforce,
    .whychooseus {
        padding: 50px 0
    }
    .whyappinopforsalesforce h2 {
        line-height: 37px
    }
    .customizesalesforce .leftimg {
        text-align: left;
        position: relative;
        margin-bottom: 40px
    }
    .customizesalesforce {
        padding: 40px 0;
        text-align: center
    }
    .feature-section h2,
    .mid-populer-sports h2,
    .mobile-section h2,
    .our-technology-s h2,
    .reason-to-invest h2,
    .service-and-solutions h2,
    .share-your-pro h2,
    .stats-section h2,
    .trend_reflexive .bgwhite h4,
    .wht-to-team h2 {
        font-size: 21px
    }
    .salesforcedev_company {
        padding: 80px 0 30px
    }
    .salesforcedev_company h2 {
        color: #3c3c3c;
        font-size: 27px
    }
    .salsesforce-mobileapp h2 {
        font-size: 18px;
        line-height: 1.7;
        padding: 21px 17px
    }
    section.customappbanner.salesforcedevelopment {
        padding: 50px 0;
        margin-top: 105px
    }
    .customappbanner.salesforcedevelopment .rtimg {
        padding-top: 0
    }
    .customizesalesforce h2 {
        padding: 0 0 40px
    }
    .customappbanner.hirebanner h1 {
        margin-top: 30px
    }
    .customappbanner.hirebanner a.btn1 {
        margin-top: 20px;
        display: inline-block
    }
    .techskills:before {
        left: 0;
        right: 0
    }
    .sixeasysteps p {
        color: #fff;
        margin: 0
    }
    .costeffective {
        text-align: center;
        padding: 0
    }
    .costeffective .cards,
    .howappwork p,
    .ourservices .mobileappbox {
        margin-bottom: 30px
    }
    .awardssection {
        padding: 30px 0
    }
    .servicessection h2,
    .whyteamup h2 {
        font-size: 27px
    }
    .customappbanner h1 {
        font-size: 36px;
        margin-bottom: 10px
    }
    .customappbanner h6 {
        margin-bottom: 15px;
        font-size: 18px
    }
    .about-us-sp h2:after,
    .p-listed-c h2:after {
        left: calc(50% - 32px)
    }
    .consultnow .p-inbox:before {
        width: 150px;
        height: 150px;
        background-size: 100%;
        left: -22px;
        top: -21px
    }
    .consultnow .p-inbox:after {
        width: 150px;
        height: 150px;
        background-size: 100%;
        right: -22px;
        bottom: -21px
    }
    .consultnow .p-inbox {
        border-radius: 70px 10px;
        background-size: cover !important
    }
    .gameinbothplatform h2 {
        margin-top: 30px;
        margin-bottom: 10px
    }
    .p-listed-c h2 {
        font-size: 30px;
        margin-top: 15px
    }
    .gameVariants .tp-circle {
        min-height: 215px;
        width: 215px
    }
    .gameinbothplatform h2 span,
    .howappwork h2 strong {
        display: inline-block
    }
    .games-banner .p-tb {
        position: absolute;
        right: -95px;
        top: auto;
        max-width: 230px;
        bottom: 20px
    }
    .games-banner {
        padding-top: 0;
        max-height: 100%;
        padding-bottom: 110px
    }
    .p-features ul li p {
        font-size: 14px;
        line-height: 18px;
        padding: 0
    }
    .p-features ul li {
        width: 33%;
        min-height: 184px;
        padding: 0 15px
    }
    .its-digital h4,
    .p-features h4,
    .p-full-features h4 {
        font-size: 16px;
        line-height: 24px
    }
    .p-whychoose .nav-pills {
        margin-top: 0;
        flex-direction: column;
        display: block;
        margin-bottom: 0 !important
    }
    .p-whychoose .nav-item {
        display: inline-block;
        margin-right: 25px
    }
    .games-banner .p-rightimg {
        padding-top: 150px;
        max-width: 400px;
        margin: 0 auto;
        transform: scale(1);
        position: relative
    }
    .ahead-of-trends .item h6 {
        margin-bottom: 12px
    }
    .p-whychoose {
        padding: 100px 14px 80px
    }
    .p-listed-c {
        padding: 80px 0;
        text-align: center
    }
    .games-banner .p-lp,
    .industries ul.mailcolumn {
        display: block
    }
    .sport-banner {
        min-height: auto;
        padding-bottom: 0;
        text-align: center;
        padding-top: 150px
    }
    .sport-banner .right-img {
        margin-top: 40px
    }
    .about-us-sp {
        text-align: center;
        background: 0 0
    }
    .about-us-sp h2 {
        text-align: center;
        margin-top: 30px
    }
    .webdevelopment_services .nav-tabs .nav-item:before {
        top: -30px;
        height: 30px
    }
    .process_we_follow .cards {
        margin-bottom: 55px
    }
    .key-benefits.new-benefits .nav-tabs,
    .menu-bar,
    .process_we_follow p {
        padding: 0
    }
    .process_we_follow .cards:before {
        transform: rotate(90deg)
    }
    .process_we_follow,
    .service-and-solutions {
        padding: 50px 0 0
    }
    .cryptobenefitsowners h2 {
        margin-top: 20px
    }
    .cryptobenefitsowners .headingpart {
        min-height: auto;
        margin-bottom: 20px
    }
    .whychoosep2p ul li {
        width: 100%;
        flex: 0 50%
    }
    .top-banner-in .player-box .player-b {
        max-width: 330px;
        margin-left: 0
    }
    .top-banner-in h1 {
        font-size: 34px;
        line-height: 36px
    }
    .mid-populer-sports h4,
    .our-technology-s h4 {
        font-size: 16px;
        line-height: 23px
    }
    .mid-populer-sports ul {
        margin: 20px 0
    }
    .mid-populer-sports ul li {
        margin: 15px 8px
    }
    .service-and-solutions h4 {
        padding: 0;
        font-size: 20px
    }
    .service-and-solutions .service-box.service-box2:after,
    .service-and-solutions .service-box.service-box7:after {
        left: -56px;
        width: 56px
    }
    .service-and-solutions .service-box.service-box1:after,
    .service-and-solutions .service-box.service-box6:after {
        right: -56px;
        width: 56px
    }
    .service-and-solutions .service-box .content-box p {
        font-size: 14px
    }
    .mobile-section .left-mobile .inner-img {
        position: absolute;
        bottom: 0;
        max-width: 350px;
        display: inline-block;
        margin: 0 auto;
        right: 0;
        left: 0
    }
    .mobile-section .left-mobile {
        text-align: center
    }
    .mobile-section .pink-box {
        width: 50%;
        top: 14%
    }
    .reason-to-invest .right-img {
        max-width: 350px;
        margin: 0 auto 30px
    }
    .feature-section {
        padding: 50px 0 40px
    }
    .mid-populer-sports {
        padding: 120px 0 52px
    }
    .stats-section .st-box strong {
        font-size: 32px;
        line-height: 25px
    }
    .stats-section .st-box {
        min-height: 90px
    }
    .servicessection img {
        max-width: 340px
    }
    .customappbanner {
        padding: 45px 20px 30px
    }
    .whyappinop strong {
        font-size: 60px;
        color: #ee4f76;
        opacity: .1
    }
    .fullcontent .innerboxes .overlaybox p {
        font-size: 12px
    }
    .whyappinop h6 {
        color: #828282;
        width: 100%;
        margin: 0 auto 40px
    }
    .healthcare_ind_solutions .ltheading,
    .ourservices p {
        margin-bottom: 20px
    }
    .footer .subscribesection .form-group,
    .ourservices p {
        margin-top: 10px
    }
    .Pioneering-innovation ul.indlist,
    .whychooseus ul {
        flex-wrap: wrap
    }
    .Pioneering-innovation ul.indlist li {
        flex: 0 0 24.66%;
        margin-top: 20px
    }
    .healthcare_ind_solutions p {
        margin-left: 0
    }
    .mainslider .topcontent h1 {
        font-size: 44px;
        max-width: 100%;
        display: grid;
        text-transform: uppercase;
        line-height: 1.4
    }
    .aboutsection .aboutstats h2 {
        margin-bottom: 10px;
        font-size: 24px
    }
    .mainslider .topcontent h1 strong {
        font-size: 48px
    }
    .header .top-bar {
        padding: 8px 0
    }
    .mobile-menu {
        display: block;
        text-align: right;
        position: absolute;
        z-index: 11;
        right: 15px;
        top: 53px
    }
    .mobile-menu .ma5menu__toggle {
        display: block;
        margin-top: 0
    }
    .mainslider .topcontent p {
        padding: 0;
        font-size: 14px;
        line-height: 2;
        margin-bottom: 37px
    }
    .ourservices h2,
    .sayhi h2,
    .web_dev_banner .rightbannertext h1 {
        font-size: 30px
    }
    .mainslider {
        margin-top: 105px;
        min-height: calc(100vh - 105px)
    }
    .readytorealise .techskillsimg {
        left: calc(50% - 150px)
    }
    .aboutsection .aboutstats h6 {
        display: block;
        text-align: center;
        border-bottom: 1px solid #dee2e6 !important;
        padding: 10px 0
    }
    .aboutsection .aboutstats p {
        text-align: center;
        width: 100%
    }
    .aboutsection .aboutstats h6 strong {
        display: unset;
        margin: 0;
        width: auto;
        display: inline-flex;
        justify-content: flex-end
    }
    .aboutsection .aboutstats h6>span {
        max-width: calc(100% - 110px)
    }
    .ourservices .salesforcebox {
        display: block;
        text-align: center
    }
    .ourservices .ctmappdev ul li {
        min-height: 102px
    }
    .ourservices .wbdev {
        justify-content: space-between;
        padding-right: 100px
    }
    .ourservices .salesforcebox a.title {
        font-size: 16px;
        margin-bottom: 20px
    }
    .readytorealise h3 {
        text-align: center;
        border-left: 0;
        padding-left: 0;
        margin-top: 80px
    }
    .readytorealise h3 a {
        float: none;
        display: inline-block;
        margin-top: 10px
    }
    .readytorealise {
        padding-bottom: 15px
    }
    .blogsection .cards {
        max-width: 320px;
        margin: 0 auto 20px
    }
    .comapnylabel li {
        display: inline-block;
        margin: 0 10px;
        max-width: 115px
    }
    .comapnylabel ul li a img {
        filter: brightness(0);
        width: auto;
        max-height: 23px
    }
    .howappwork .rtproc ul {
        flex-wrap: nowrap;
        text-align: left;
        justify-content: start
    }
    .howappwork .rtproc ul li {
        margin: 0 15px 0 0;
        width: 160px;
        height: 145px;
        padding: 10px
    }
    .howappwork .rtproc {
        position: relative;
        margin-bottom: 50px
    }
    .howappwork .rtproc ul li span {
        font-size: 16px
    }
    .howappwork .rtproc ul li:nth-child(2),
    .howappwork .rtproc ul li:nth-child(3) {
        margin-top: 0
    }
    .customeraboutsay .heading {
        background: #1668e2;
        margin-bottom: 60px
    }
    .howappwork {
        padding: 50px 0 100px
    }
    .ourwork ul.nav-tabs li img {
        display: block;
        margin: 0 auto 5px;
        max-width: 25px
    }
    .ourwork ul.nav-tabs {
        flex-wrap: nowrap
    }
    .ourwork p {
        font-weight: 400
    }
    .ourwork ul.nav-tabs li.nav-item a.nav-link {
        min-height: 74px;
        padding: 10px 0;
        display: flex;
        flex-direction: column;
        font-size: 11px;
        align-items: center;
        justify-content: center;
        border-radius: 6px
    }
    .header .top-bar ul.rightcontact a.btn1>* {
        margin: 0 !important
    }
    .header .top-bar ul.rightcontact a.btn1 {
        position: fixed;
        left: 25px;
        height: 50px;
        width: 50px;
        font-size: 20px;
        padding: 0;
        line-height: 50px;
        text-align: center;
        align-items: center;
        justify-content: center;
        transition: none;
        box-shadow: -5px 6px 25px #ee4f767d;
        top: calc(100vh - 75px);
        display: none !important
    }
    .header.navbar-fixed .top-bar ul.rightcontact a.btn1 {
        transform: translateY(45px)
    }
    .header .top-bar .row {
        align-items: center
    }
    .header .top-bar ul.rightcontact a {
        display: none;
        font-size: 13px
    }
    .header .top-bar a.dropdown-toggle {
        width: 150px;
        padding: 0
    }
    .hr-contact ul li:first-child {
        width: 40px;
        margin: 0 15px
    }
    .hr-contact {
        border-top: 1px solid #ddd;
        margin-top: 5px;
        padding: 8px 0
    }
    .top-bar ul li {
        display: inline-block;
        margin-right: 20px;
        vertical-align: middle
    }
    .letstalk .rtbox {
        padding: 0;
        max-width: 380px;
        margin: 0 auto
    }
    .sayhi h2 {
        color: #d1d1d1;
        font-weight: 900;
        margin-bottom: 10px
    }
    .rateimg {
        padding: 50px 0 150px
    }
    .letstalk h2 {
        color: #3c3c3c;
        font-weight: 700;
        margin-bottom: 15px;
        margin-top: 40px
    }
    .letstalk p,
    .ourteam h2 {
        margin-bottom: 0
    }
    .letstalk p {
        color: #3c3c3c;
        font-size: 14px
    }
    .innerbanner,
    .web_dev_banner {
        margin-top: 105px
    }
    .whychooseus ul li {
        flex: 0 0 33%;
        margin-bottom: 60px
    }
    .ourteam .owl-item .teamcontent {
        padding-left: 0
    }
    .ourteam .teamcontent h4 {
        padding-left: 10px;
        font-size: 21px
    }
    .ourteam .teamcontent p,
    .ourteam ul.contactlist {
        padding-left: 10px
    }
    .ourteam strong {
        font-size: 80px
    }
    .ourteam {
        padding-top: 50px
    }
    .heading h4 {
        font-size: 18px
    }
    .key-benefits.new-benefits .nav-tabs li.nav-item {
        width: 32.4%
    }
    .our_cutting_age .nav-tabs li .nav-link {
        padding: 21px 12px
    }
    .app-development-company .btn-primary {
        padding: 8px 30px;
        font-size: 14px
    }
    .on-demand-banner {
        padding-top: 300px;
        min-height: 750px
    }
    .on-demand-banner .top-heading h1 {
        font-size: 30px;
        margin-bottom: 15px
    }
    .on-demand-banner .top-heading .btn-primary {
        padding: 8px 23px;
        margin-right: 10px;
        font-size: 14px
    }
    .on-demand-banner .top-heading .btn-default {
        padding: 8px 23px;
        font-size: 14px
    }
    .on-demand-banner .top-heading {
        padding: 35px 15px 50px
    }
    .foot-road.wow .car {
        bottom: -30px
    }
    .foot-road.wow.animated .car {
        left: 45%;
        bottom: -30px
    }
    .web_dev_banner .rightbannertext {
        margin-bottom: 160px;
        text-align: center
    }
    .web_dev_banner .rightbannertext h1 span {
        display: inline-block;
        font-size: 30px;
        margin-right: 10px
    }
    .webdevelopment_services .nav-tabs .nav-item {
        padding-bottom: 30px
    }
}

@media (max-width:767px) {
    .faq-outer .accordian-text,
    .faq-outer .accordion-item .faq-heading a {
        padding-right: 2.875rem;
        font-size: .9rem
    }
    .components_card {
        max-width: 100%;
        margin: 0;
        padding: 15px
    }
    .faq-outer .accordian-text {
        line-height: 1.6rem
    }
    img.pt1 {
        max-width: 100%;
        object-fit: unset;
        padding: 10px
    }
    .three_lines {
        overflow: unset;
        text-overflow: unset;
        display: block
    }
    .flat_button {
        display: flex
    }
  	#header_fixed.fixed-nav .float_whatsapp {
    	top: calc(100vh + 86px);
    }
  	#header_fixed.fixed-nav .float_skype {
    	top: calc(100vh + 86px);
    }
  
  
    .industries ul.mailcolumn li.innercolumn ul.indlist li:hover {
        box-shadow: none;
        border: 1px solid rgba(0, 0, 0, .05) !important;
        transform: translateY(0)
    }
    .thankyoupage,
    main.error_page {
        margin-top: 105px;
        padding: 50px 15px;
        text-align: center;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }
    .error_page h1 {
        font-size: 5.5em;
        margin-top: 2rem
    }
    .error_page h2 {
        font-size: 1.6rem
    }
    .wrapper-1 h1 {
        font-size: 3.2em
    }
    .wrapper-2 p {
        font-size: 15px;
        line-height: 1.6
    }
    .allworks .mbimg {
        left: 0
    }
    .allworks .rtbox,
    .allworks.works_main .rtbox {
        margin: 20px 20px 140px;
        padding: 35px 25px
    }
    .allworks .bgimg.ltradious~.mbimg {
        right: 0
    }
    .allworks .bgimg.ltradious~.wbimg {
        left: auto;
        width: 100%;
        max-width: 100%;
        text-align: center;
        right: 0;
        margin: 0;
        padding: 0 20px
    }
    .app-categorization .t-apps h5,
    .app-categorization .t-apps p {
        padding-left: 20px
    }
    .app-categorization .graph-img,
    .cutshorttheprocess h6 br,
    .p-whychoose .nav-link .p-img,
    .p-whychoose .nav-link.active strong:before,
    .player-box.player-box1,
    .player-box.player-box3,
    .service-and-solutions .service-box .boxx,
    .service-and-solutions .service-box.service-box1:after,
    .service-and-solutions .service-box.service-box3:after,
    .service-and-solutions .service-box.service-box6:after,
    .types-of-fantasy:after,
    .whyappinop strong {
        display: none
    }
    .app-categorization .t-apps:after {
        position: absolute;
        content: "";
        width: 1px;
        height: auto;
        background: #b5babc;
        top: 21px;
        left: 2px;
        bottom: -30px
    }
    .fullcontent .innerboxes .bgbox:hover~.overlaybox {
        opacity: 1;
        height: auto;
        bottom: auto;
        top: 100%
    }
    .cutshorttheprocess .projectrightimg {
        max-width: 340px
    }
    .cutshorttheprocess .leftcontent {
        max-width: 340px;
        padding: 27px
    }
    .blogsection .heading h2,
    .cutshorttheprocess h2,
    .heading h2,
    .nft_title h2,
    .salesforcedev_company h2 {
        font-size: 22px
    }
    .ourwork .wrkcontent .ltcnt {
        min-width: unset;
        padding: 37px 15px 29px 35px
    }
    .Development_Capabilities .whitebox p,
    .industries ul.mailcolumn li.innercolumn ul.indlist li a strong {
        font-size: 12px
    }
    .cutshorttheprocess h6,
    .header .top-bar a,
    .innerbanner .bannerstats ul li strong~span,
    .ourservices .wbdev a.title,
    .sayhi .directconnect a.dc-details span,
    .user-flow p,
    .webdevelopment_services .whitebg p {
        font-size: 13px
    }
    .cutshorttheprocess .projectrightimg .logoblur {
        width: 100px;
        height: 100px;
        line-height: 92px
    }
    .cutshorttheprocess .projectrightimg .logoblur img {
        width: 100%;
        max-width: 60px
    }
    .Development_Capabilities .whitebox h3,
    .Development_Capabilities h2,
    .Pioneering-innovation h2,
    .ahead-of-trends h2 strong,
    .consultnow .p-inbox h2,
    .gameinbothplatform h2,
    .industries h2,
    .its-digital h2,
    .p-features h2,
    .p-full-features h2,
    .servicessection h2 {
        font-size: 24px
    }
    .Pioneering-innovation ul.indlist li {
        margin: 0 10px 20px;
        flex: 0 0 42%
    }
    .whyappinop h2 {
        margin-top: 0;
        margin-bottom: 6px;
        font-size: 27px
    }
    .Pioneering-innovation ul.indlist li a {
        padding: 13px 30px
    }
    .Development_Capabilities .whitebox {
        padding: 20px
    }
    .Development_Capabilities .ltborder ul li {
        margin-bottom: 10px;
        margin-right: 10px
    }
    .Development_Capabilities .whitebox:before {
        height: 5px
    }
    .fullcontent .innerboxes .overlaybox {
        position: inherit;
        top: 0;
        opacity: 1;
        height: 100%;
        border: 1px solid #86afed;
        padding: 33px 21px 21px;
        background-color: rgb(50 119 224);
        text-align: justify;
        z-index: 1
    }
    .fullcontent .bgbox {
        min-height: auto;
        padding: 11px 10px;
        text-shadow: none;
        box-shadow: none;
        max-width: calc(100% - 50px);
        margin: 0 auto -20px;
        z-index: 2;
        position: relative;
        background: rgb(22 102 222)
    }
    .fullcontent .innerboxes .overlaybox p,
    .p-whychoose .nav-link.active strong {
        color: #fff
    }
    .Pioneering-innovation p {
        color: #828282;
        margin-bottom: 20px;
        font-size: 14px
    }
    .Development_Capabilities {
        padding: 40px 0;
        text-align: center
    }
    .salesforcedevelopment .rightbannertext h1 {
        font-size: 27px;
        margin-left: 0;
        padding-left: 20px
    }
    .customizesalesforce .right-cnt h4 {
        padding-right: 0
    }
    .aboutourcompany,
    .buildprojects,
    .comprehensiverange,
    .connectwithsalesforce,
    .hirecertified,
    .servicessection,
    .servicessection.healthandfit {
        padding: 50px 0
    }
    .comprehensiverange .cards {
        min-height: auto;
        margin-bottom: 10px
    }
    .awardssection ul li:last-child,
    .comprehensiverange .cards p,
    .nft_timeline.timeline_left.timeline_even span,
    .whyappinopforsalesforce ul li p {
        margin: 0
    }
    .salsesforce-mobileapp {
        padding: 40px 0 20px;
        border-radius: 0 0 20px 20px
    }
    .salesforcelighting.salesforceconsulting .subheading {
        margin-top: 15px;
        padding: 15px
    }
    .connectwithsalesforce .bgblue {
        padding: 30px 20px
    }
    .connectwithsalesforce h2 {
        line-height: 37px
    }
    .salesforcecapabilities.ctm-sl .cards {
        min-height: auto;
        margin-top: 15px
    }
    .costeffective h2,
    .hirecertified h2,
    .sixeasysteps h2,
    .techskills h2 {
        font-size: 24px;
        line-height: 24px
    }
    .fullcontent .innerboxes {
        position: relative;
        margin-bottom: 27px
    }
    .sixeasysteps .innercard {
        margin-top: 14px
    }
    .hirestats .cards {
        margin-bottom: 10px;
        height: 90px
    }
    .customappbanner .mbctm {
        max-width: 300px;
        margin: 0 auto 30px
    }
    .customappbanner {
        padding: 45px 0 0
    }
    .awardssection ul {
        display: block;
        text-align: center;
        display: flex;
        overflow-x: auto;
        align-items: center
    }
    .awardssection {
        padding: 20px 0
    }
    .awardssection ul li {
        margin: 10px 13px
    }
    .mid-populer-sports span,
    .person .title,
    .servicessection p,
    .sport-banner .btn-primary,
    .stats-section .st-box h5 {
        font-size: 14px
    }
    .servicessection h6 {
        top: 8px;
        font-size: 16px
    }
    .p-faqs .btn-link {
        white-space: inherit;
        font-size: 15px;
        padding: 10px 15px;
        line-height: 18px
    }
    .games-banner .p-rightimg {
        max-width: 240px;
        text-align: left;
        padding-top: 120px
    }
    .comapnylabel li,
    .comapnylabel ul,
    .customeraboutsay .heading,
    .games-banner,
    .games-banner h1,
    .games-banner p,
    .socialbar p,
    .socialbar ul {
        text-align: center
    }
    .games-banner .p-tb {
        position: absolute;
        right: -55px;
        top: auto;
        max-width: 130px;
        bottom: 10px
    }
    .games-banner .p-mb {
        position: relative;
        top: -40px;
        max-width: 85px
    }
    .games-banner,
    .nft_cases,
    section.nft_dev {
        padding-bottom: 60px
    }
    .p-features h4,
    .top-banner-in h4 {
        margin-bottom: 15px
    }
    .comapnylabel li:last-child,
    .ourservices .salesforcebox ul.slfrclist li:last-child,
    .p-faqs,
    .p-features ul {
        margin-bottom: 0
    }
    .p-features ul li {
        width: 50%;
        padding: 0
    }
    .p-features {
        padding-top: 40px
    }
    .consultnow {
        padding: 70px 0
    }
    .consultnow .p-inbox:before {
        width: 90px;
        height: 90px;
        background-size: 100%;
        left: -12px;
        top: -11px
    }
    .consultnow .p-inbox:after {
        width: 90px;
        height: 90px;
        background-size: 100%;
        right: -12px;
        bottom: -11px
    }
    .consultnow .p-inbox {
        padding: 50px 30px 20px;
        border-radius: 60px 10px
    }
    .gameVariants h6,
    .p-full-features .p-whbox,
    .techskills .btn3 {
        margin-top: 15px
    }
    .p-full-features:before {
        border-radius: 0 50px 50px 0
    }
    .p-full-features:after {
        width: 76px;
        bottom: -140px;
        height: 120px
    }
    .flip-card {
        margin: 20px 0 0
    }
    .gameVariants h2,
    .p-faqs h2 {
        margin-bottom: 20px;
        font-size: 20px
    }
    .p-faqs .btn-link .fa {
        margin-right: 8px;
        color: #ee4b7a;
        float: left;
        height: 49px;
        padding-top: 8px
    }
    .footer p.cmprate,
    .ourservices .blkchain,
    .ourservices .ctmappdev,
    .ourservices .mobileappbox,
    .p-faqs .card,
    .p-whychoose .nav-item:nth-child(2),
    .whyteamup .bdrbox {
        margin-bottom: 10px
    }
    .p-faqs .card-body {
        font-size: 14px;
        padding: 0 20px 15px;
        line-height: 1.7
    }
    .fungible_sec,
    .gameinbothplatform,
    .p-faqs,
    .sec_empower {
        padding: 60px 0
    }
    .allworks,
    .gameVariants,
    .its-digital,
    .p-listed-c,
    .p-whychoose,
    .sayhello,
    .sc-pd,
    .stats-section,
    .webdevelopment_services {
        padding: 40px 0
    }
    .p-listed-c h2 {
        font-size: 24px;
        margin-top: 40px
    }
    .p-whychoose h2 {
        font-size: 22px;
        margin-bottom: 20px
    }
    .p-whychoose .nav-item {
        margin-right: 0;
        margin-bottom: 10px;
        max-width: 100%;
        width: 100%
    }
    .p-whychoose .tab-pane {
        padding-top: 20px
    }
    .p-whychoose .nav-link.active {
        color: #fff;
        background-color: #1668e2
    }
    .p-whychoose .nav-link strong {
        width: 100%;
        padding: 12px 20px
    }
    .p-whychoose .tab-pane p {
        font-size: 14px;
        position: relative;
        padding-left: 18px
    }
    .p-whychoose .tab-pane p:before {
        position: absolute;
        content: '';
        left: 0;
        top: 10px;
        width: 8px;
        height: 8px;
        background: #ee4f76;
        border-radius: 50%
    }
    .ahead-of-trends:before {
        width: 143px
    }
    .ahead-of-trends .item {
        margin-top: 0;
        margin-bottom: 0
    }
    .ahead-of-trends .owl-item:nth-child(odd),
    .ourservices .salesforcebox {
        margin-top: 0
    }
    .ahead-of-trends h2,
    .buildprojects .rtcontent h3 {
        font-size: 20px
    }
    .p-whychoose {
        background: #fff !important
    }
    .its-digital .abt-img {
        position: absolute;
        left: 54px;
        top: calc(50% - 40px);
        max-width: 84px
    }
    .its-digital .mb-img {
        max-width: 49%
    }
    #get-quote .modal-body h2,
    .games-banner h1 {
        font-size: 23px
    }
    #get-quote .modal-body h2 {
      font-size: 19px;
  }
    .our-technology-s.p-tech ul li {
        margin: 0 10px
    }
    .food-banner p,
    .types-of-fantasy:before,
    .web_dev_banner .rightcontent,
    .whychoosep2p li.imgli {
        width: 100%
    }
    .features-sp h3 {
        margin: 0 0 10px;
        font-size: 21px
    }
    .about-us-sp h2,
    .business-model h2,
    .collaborate-with-us h2,
    .features-sp h2,
    .growing-demand h2,
    .legal-aspects h2,
    .looking-for-fantasy h2,
    .on-demand-banner .top-heading h1,
    .technology-stack h2,
    .types-of-fantasy h2 {
        font-size: 24px;
        margin-bottom: 15px
    }
    .technology-stack ul li {
        width: 33.3%;
        padding: 20px 0;
        min-height: 175px
    }
    .technology-stack ul li .icon-box {
        width: 90px;
        height: 90px;
        line-height: 90px
    }
    .growing-demand h3 {
        font-size: 22px;
        margin: 15px 0
    }
    .types-of-fantasy .right-content {
        padding-left: 0;
        margin-top: 20px
    }
    .whychoosep2p ul li {
        width: 100%;
        flex: 0 0 100%;
        min-height: auto
    }
    .top-banner-in h1 {
        line-height: 30px
    }
    .top-banner-in {
        padding-top: 130px;
        background-size: cover !important
    }
    .mid-populer-sports ul li {
        margin: 8px
    }
    .mid-populer-sports span,
    .techskills .innercard {
        margin-top: 10px
    }
    .mid-populer-sports .btn-primary {
        padding: 10px 35px;
        font-size: 14px
    }
    .service-and-solutions .service-box {
        margin-bottom: 50px
    }
    .service-and-solutions .service-box.service-box2:before,
    .service-and-solutions .service-box.service-box5:before,
    .service-and-solutions .service-box.service-box7:before,
    .service-and-solutions .service-box:before {
        left: 15px;
        right: 15px;
        width: auto
    }
    .service-and-solutions .service-box .content-box {
        left: 0;
        right: 0
    }
    .service-and-solutions .service-box .content-box p {
        font-size: 14px;
        line-height: 20px
    }
    .stats-section .st-box {
        min-height: 65px;
        margin-bottom: 15px
    }
    .stats-section .st-box strong {
        font-size: 24px;
        line-height: 23px
    }
    .wht-to-team .content-box {
        width: 100%;
        padding-left: 0;
        margin-top: 10px
    }
    .customappbanner h1 span {
        font-size: 32px
    }
    .customappbanner h1,
    .innerbanner .bannerstats ul li strong {
        font-size: 30px
    }
    .customappbanner ul li {
        padding: 10px 37px;
        margin-bottom: 5px;
        width: 100%
    }
    .servicessection img {
        max-width: 100%;
        margin-bottom: 20px
    }
    .servicessection .borderinnerbox {
        padding: 40px 20px
    }
    .whyteamup {
        padding: 50px 0 210px
    }
    .healthcare_ind_solutions {
        border-radius: 25px 0;
        padding: 50px 0 20px
    }
    .healthcare_ind_solutions h3 {
        padding-right: 0;
        font-size: 18px;
        line-height: 27px
    }
    .about-us-sp .about-content p,
    .food-banner p,
    .key-benefits.new-benefits #app-content p {
        line-height: 1.7;
        font-size: 14px
    }
    .customappbanner ul li strong {
        font-size: 20px;
        line-height: 14px
    }
    .foot-road.wow .car {
        transform: scale(.3);
        bottom: -60px;
        left: -45%
    }
    .foot-road.wow.animated .car {
        left: 15%;
        bottom: -60px
    }
    .on-demand-banner .top-heading {
        padding: 35px 7px 40px
    }
    .on-demand-banner .top-heading .btn-default {
        padding: 8px 15px
    }
    .on-demand-banner .top-heading .btn-primary {
        padding: 8px 10px;
        margin-right: 5px;
        font-size: 14px
    }
    .on-demand-banner {
        padding-top: 190px;
        min-height: 500px
    }
    .app-development-company.food-com {
        padding-bottom: 27px
    }
    .foot-road.delivery-boy .car {
        transform: scale(.25) !important;
        bottom: -90px !important;
        left: -50px
    }
    .app-development-company p {
        margin: 0 0 15px
    }
    .plate {
        bottom: -80px;
        left: calc(50% - 72px);
        width: 115px;
        height: 115px
    }
    .app-development-company.food-com .left-box .icon-box {
        width: 70px;
        height: 70px;
        padding: 0 15px;
        line-height: 70px
    }
    .app-development-company.food-com .left-box {
        margin-top: 30px
    }
    .app-development-company .left-box strong {
        font-size: 206px
    }
    .app-development-company .right-content {
        padding: 15px 10px;
        border-left: none;
        margin-top: 20px
    }
    .user-flow .flow-box {
        margin-bottom: 40px
    }
    .our_cutting_age .pinkbg h2,
    .person .name,
    .process_we_follow h2,
    .sport-banner h1 {
        font-size: 25px
    }
    .our_cutting_age .nav-tabs {
        display: block;
        display: grid;
        align-items: center;
        overflow-x: auto;
        overflow-y: hidden
    }
    .our_cutting_age .nav-tabs::-webkit-scrollbar {
        display: none
    }
    .our_cutting_age .nav-tabs li span {
        font-size: 12px;
        margin-top: 11px
    }
    .our_cutting_age .nav-tabs li .nav-link {
        padding: 30px 0 13px;
        min-width: 95px;
        border-bottom: 4px solid transparent
    }
    .our_cutting_age .nav-tabs li .nav-link.active {
        border-bottom: 4px solid #1281c5
    }
    .innerbanner .bannerstats ul,
    .our_cutting_age ul.tech-name {
        flex-wrap: wrap
    }
    .our_cutting_age ul.tech-name li {
        margin-bottom: 15px;
        font-size: 14px
    }
    .our_cutting_age .nav-tabs li img {
        height: 28px
    }
    .food-banner {
        padding-top: 200px;
        min-height: 450px
    }
    .allworks h2,
    .food-banner h1 {
        font-size: 26px
    }
    .app-categorization .heading h2 {
        color: #3c3c3c
    }
    .key-benefits.new-benefits .nav-tabs {
        margin-bottom: 20px
    }
    .key-benefits.new-benefits .nav-tabs .nav-link {
        padding: 10px;
        font-size: 12px
    }
    .allworks .bgimg~.wbimg,
    .key-benefits.new-benefits .tab-pane,
    .trend_reflexive .bgwhite P {
        padding: 0 15px
    }
    .key-benefits.new-benefits ul.features-list {
        margin: 0 auto 20px
    }
    .key-benefits.new-benefits ul.features-list li {
        margin: 3px
    }
    .key-benefits.new-benefits ul.features-list li a {
        font-size: 12px;
        padding: 7px 10px
    }
    .solution-food .right-img {
        top: auto;
        bottom: 0
    }
    .inner-portfolio p {
        width: 100%;
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 15px
    }
    .whyappinopforsalesforce img {
        max-width: 75%
    }
    .header .top-bar .col-md-10,
    .header .top-bar .col-md-2 {
        width: 50%
    }
    .header .top-bar ul.rightcontact li {
        margin-left: 0;
        margin-right: 0
    }
    .aboutsection .border-right {
        border-right: none !important
    }
    .ourservices .wbdev {
        margin-top: 0;
        margin-bottom: 10px
    }
    .customeraboutsay h2 strong,
    .ourservices .salesforcebox ul.slfrclist,
    .ourwork .wrkcontent {
        display: block
    }
    .ourservices .salesforcebox ul.slfrclist li {
        margin-bottom: 10px;
        padding: 10px 0
    }
    .ourservices .tpbar ul {
        grid-column-gap: 5px;
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 10px
    }
    .ourservices .blkchain,
    .ourservices .mobileappbox,
    .ourservices .salesforcebox,
    .ourservices .wbdev {
        border-radius: 10px
    }
    .aboutsection .aboutbox {
        padding: 15px 15px 0
    }
    .aboutsection .aboutstats p {
        text-align: center;
        width: 100%;
        margin-bottom: 10px
    }
    .aboutourcompany h2,
    .ourservices .mobileappbox a.title strong {
        font-size: 27px
    }
    .ourwork ul.nav-tabs li.nav-item {
        min-width: auto;
        flex: 0 0 auto;
        width: 100px
    }
    .ourwork ul.nav-tabs {
        overflow-x: auto;
        padding-bottom: 10px;
        margin-bottom: 10px
    }
    .cases_card:after,
    .main-circle,
    .ourservices .tpbar ul li:first-child,
    .ourservices .tpbar ul li:last-child,
    .ourwork ul.nav-tabs li.nav-item a.nav-link br,
    .owl-theme .owl-nav,
    .solution-food .left-img,
    .solution-food .right-img,
    .timeline_left .nft_time_card_icon,
    .whychooseus ul li:last-child::before {
        display: none
    }
    .howappwork .rtproc ul {
        flex-wrap: wrap;
        text-align: left;
        justify-content: center
    }
    .customeraboutsay h2 {
        padding: 0
    }
    .customeraboutsay .heading {
        background: 0 0;
        margin-bottom: 20px
    }
    .howappwork .rtproc ul li {
        margin: 5px;
        width: 160px;
        height: 160px;
        padding: 10px
    }
    .howappwork .rtproc ul li:nth-child(2),
    .howappwork .rtproc ul li:nth-child(3) {
        margin-top: 5px
    }
    .comapnylabel ul {
        padding: 10px
    }
    .comapnylabel li {
        display: unset;
        margin: 7px;
        width: auto;
        height: auto;
        display: inline-flex;
        max-width: unset
    }
    .comapnylabel li.list1 a {
        margin: 0 auto;
        display: unset
    }
    .industries ul.mailcolumn li.innercolumn ul.indlist li {
        min-height: 160px;
        margin-bottom: 15px;
        padding-top: 30px;
        transition: .5s;
        min-width: 160px;
        margin-right: 12px
    }
    .ourwork .wrkcontent .ltcnt {
        border-bottom: 1px solid #ffffff45
    }
    .innerbanner .bannerstats ul li {
        flex: 0 0 50%;
        border: none;
        padding: 7px 0
    }
    .innerbanner .bannerstats ul li:last-child {
        border-right: 0
    }
    .sayhi {
        padding: 50px 0 0
    }
    .letstalk .btn1 {
        margin-top: 20px
    }
    .sayhi .directconnect a.dc-details {
        justify-content: left;
        margin-bottom: 20px;
        padding-left: 50px
    }
    .rateimg {
        padding: 20px 0 100px
    }
    .top-bar .dropdown-menu.cl-drp .col-md-3.pd-0 {
        width: 60px;
        display: inline-block
    }
    .top-bar .dropdown-menu.cl-drp .col-md-9.pl-2 {
        display: inline-block;
        width: 74%
    }
    .innerbanner p {
        color: #fff;
        margin-bottom: 45px
    }
    .whychooseus ul li {
        flex: 0 0 50%
    }
    .ourteam strong {
        font-size: 60px
    }
    .ourteam .owl-item .myteammember {
        display: block;
        max-width: 250px;
        margin: 20px auto 15px;
        border-radius: 10px
    }
    .buildprojects .borderbox {
        padding: 25px 20px
    }
    .whychooseus h2 {
        color: #fff;
        font-weight: 700;
        margin-bottom: 6px;
        font-size: 27px
    }
    .whychooseus p {
        color: #fff;
        margin-bottom: 20px
    }
    .ourteam .owl-item .teamcontent {
        border-right: none;
        border-bottom: 2px solid #f06b8c;
        border-radius: 0 0 10px 10px;
        padding: 25px 0
    }
    .cases_card p,
    .fungible_card {
        min-height: auto
    }
    .socialbar ul li a {
        width: 40px;
        height: 40px;
        font-size: 16
    }
    .socialbar {
        padding: 33px 0
    }
    .socialbar p {
        margin: 0 0 19px;
        line-height: 22px
    }
    .career .tour-link-sec,
    .career img,
    .customeraboutsay .whitebox p {
        margin-top: 1rem
    }
    .footer ul.footlink li a {
        font-size: 13px;
        color: #ababab
    }
    .footer ul.footlink li {
        margin: 11px 9px
    }
    .footer p.cmprate {
        font-size: 12px;
        margin-bottom: 10px
    }
    .footer .copyright p {
        font-size: 13px;
        max-width: calc(100% - 74px);
        text-align: left
    }
    .ourservices .tpbar {
        padding: 14px 18px;
        border-radius: 10px
    }
    .ourservices ul.servtb .nav-link.active.show img {
        border-color: rgb(255 255 255 / 69%)
    }
    .ourservices ul.servtb .nav-link img {
        border-radius: 7px;
        transition: .2s
    }
    .ourservices ul.servtb .nav-link.active.show {
        transform: scale(1);
        opacity: 1
    }
    .ourservices ul.servtb .nav-link:after {
        content: "";
        height: 2px;
        background: 0 0;
        position: absolute;
        width: 150%;
        bottom: -15px;
        left: -25%;
        border-radius: 3px 3px 0 0;
        transition: .3s
    }
    .ourservices ul.servtb .nav-link.active.show::after {
        background: #fff
    }
    .ourservices .mobileappbox a.title {
        font-size: 26px;
        line-height: 1.3
    }
    .ourservices .mobileappbox p {
        font-size: 13px;
        margin-bottom: 20px
    }
    p {
        font-size: 13px;
        line-height: 1.7;
        letter-spacing: .2px
    }
    .ourservices h2 {
        font-weight: 800
    }
    .aboutsection .aboutstats h6 {
        display: flex;
        text-align: left;
        border-bottom: 1px solid #dee2e6 !important;
        padding: 10px 5px;
        align-items: center;
        font-size: 14px;
        justify-content: space-between
    }
    .mainslider a.btnscroll {
        color: #ffffffe6;
        font-size: 9px;
        font-weight: 100
    }
    .industries ul.mailcolumn li.innercolumn ul.indlist {
        display: inline-flex;
        white-space: nowrap
    }
    .industries ul.mailcolumn {
        display: flex;
        white-space: nowrap;
        overflow-x: auto;
        padding: 0 25px
    }
    .industries ul.mailcolumn li.innercolumn ul.indlist li a {
        padding: 15px 25px
    }
    .industries ul.mailcolumn li.innercolumn {
        flex: 0 0 auto;
        padding: 0
    }
    .industries {
        padding: 50px 0 30px
    }
    .howappwork .rtproc:before {
        width: 100%;
        height: 100%
    }
    .readytorealise h3 a {
        margin: 30px 0 15px;
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .readytorealise h3 a span {
        height: 35px;
        width: 35px;
        display: inline-flex;
        align-items: center;
        text-align: center;
        border-radius: 50%;
        font-size: 15px;
        justify-content: center
    }
    .customeraboutsay .whitebox {
        min-height: 359px;
        height: auto
    }
    .customeraboutsay .whitebox span {
        font-size: 11px
    }
    .career img {
        max-width: 100%;
        border-radius: 5px;
        width: 100%
    }
    .career .tour-link-sec h3:before {
        right: 20px;
        color: #fff
    }
    .career .tour-link-sec h3 {
        font-size: 15px;
        padding: 19px 20px;
        background-color: #ee4f77;
        border-radius: 5px;
        line-height: 17px;
        color: #fff
    }
    .career_form_outer h2 {
        font-size: 1.5rem;
        text-align: center;
        line-height: 1.2
    }
    .career_form_outer h2 img {
        width: auto;
        max-height: 29px
    }
    .py-72 {
        padding: 3rem 0
    }
    .boxed .icon h3 {
        font-size: 1.15rem
    }
    .benifits-sec .services-cell.boxed {
        margin: 0 0 15px 2rem
    }
    .benifits-sec .services-cell.boxed .benifits-icon svg {
        left: -1.8125rem
    }
    .customappbanner .rtimg img {
        max-width: 75%;
        margin-top: 3rem
    }
    .customappbanner .rtimg {
        padding-top: 0
    }
    .faqpagesection p {
        font-size: 14px;
        text-align: left
    }
    .innerbanner .bannerstats ul {
        padding: 18px 0
    }
    .sayhello .helloinnerbox h4 {
        padding: 12px 35px;
        font-size: 15px;
        transform: translateY(-20px);
        margin-top: 0
    }
    .sayhello .helloinnerbox h2 {
        font-size: 21px;
        margin: 5px 0 25px
    }
    .whychooseus ul li {
        flex: 0 0 100%;
        margin-bottom: 22px;
        max-width: calc(100% - 60px);
        margin-left: 60px
    }
    .whychooseus ul li:after {
        bottom: 50%;
        left: -40px
    }
    .whychooseus ul {
        flex-wrap: wrap;
        margin-left: auto;
        margin-right: auto;
        position: relative
    }
    .whychooseus ul li:before {
        content: "";
        width: 1px;
        border-left: 1px dotted #bbb;
        height: calc(100% + 7px);
        left: -33.5px;
        position: absolute;
        top: 50%
    }
    .ourteam h2 {
        font-size: 28px;
        margin-top: -30px
    }
    .buildprojects .rtcontent {
        padding: 27px 0
    }
    .allworks .mbimg>img {
        max-height: 495px
    }
    .allworks .bgimg {
        min-height: 280px
    }
    .letstalk .carousel-control-next {
        right: calc(50% - 54px);
        border-radius: 50%;
        top: calc(100% - 60px)
    }
    .letstalk .carousel-control-prev {
        left: calc(50% - 54px);
        border-radius: 50%;
        top: calc(100% - 60px)
    }
    .sayhi .directconnect a.dc-details svg {
        font-size: 30px;
        margin-right: 20px
    }
    .sayhi .directconnect a.dc-details span strong {
        font-size: 130%
    }
    .comprehensiverange .cards .head,
    .sayhi .directconnect a.dc-details {
        align-items: center
    }
    .rtbox div#carouselExampleIndicators {
        border-radius: 10px;
        overflow: hidden
    }
    #get-quote .modal-body {
        padding: 25px
    }
    #get-quote .modal-dialog {
        margin: 0;
        max-height: 100vh
    }
    #get-quote .modal-body p {
        font-size: 12px;
        width: 100%
    }
    #get-quote .close {
        font-size: 23px;
        width: 23px;
        height: 23px;
        right: 29px;
        top: 24px
    }
    #get-quote .modal-content {
        border-radius: 0
    }
    .modal-conatiner {
        padding: 25px;
        border-radius: 17px;
        margin-top: 28px
    }
    .process_we_follow h2:after {
        transform: scale(.8)
    }
    .customappbanner,
    .nft_wrapper {
        margin-top: 105px
    }
    .customappbanner a.btn1 {
        color: #ee4f76;
        font-size: 14px
    }
    .servicessection h5,
    .solution-benefits .card-header a,
    .sport-banner p,
    .whyappinopforsalesforce ul li {
        font-size: 15px
    }
    .fullcontent:before {
        background: rgb(22 102 222 / 95%);
        border-radius: 10px
    }
    .bytrends img {
        max-width: 80%;
        margin: 0 auto 2rem
    }
    .crypto-banner h1 {
        font-size: 20px;
        margin-bottom: 0;
        padding: 15px 0;
        text-shadow: none !important
    }
    .crypto-banner h1:after {
        height: 3px
    }
    .crypto-banner p {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.6;
        text-align: center
    }
    .crypto-banner,
    .nft-banner {
        padding: 130px 0 40px
    }
    .bytrends p {
        font-size: 14px;
        line-height: 21px
    }
    .ourspecialty .nav-tabs {
        display: flex;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        height: auto !important;
        flex-wrap: nowrap;
        padding: 0 15px
    }
    .ourspecialty .nav-tabs .nav-item {
        margin: 0 0 18px
    }
    .app-development-company p,
    .collaborate-with-us ul li,
    .expert-solution,
    .features-sp ul li,
    .growing-demand p,
    .its-digital h4,
    .looking-for-fantasy p,
    .p-features h4,
    .p-full-features h4,
    .top-banner-in h4,
    .types-of-fantasy ul li,
    .whychoosep2p {
        font-size: 14px;
        line-height: 1.7
    }
    .whychoosep2p h2 {
        font-size: 21px;
        margin-bottom: 27px !important
    }
    .expert-solution.expert-solutionwallet .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto
    }
    .expert-solution.expert-solutionwallet .nav-link {
        padding: 10px 21px !important;
        font-size: 13px !important;
        display: block;
        box-shadow: none;
        margin: 2px 6px;
        width: max-content;
        text-align: left;
        line-height: 1.4
    }
    .expert-solution.expert-solutionwallet .nav-tabs {
        margin-bottom: 10px !important
    }
    .expert-solution p {
        padding: 23px 13px;
        font-size: 13px;
        border-radius: 9px
    }
    .bytrends {
        padding: 80px 0 40px
    }
    .customizesalesforce h2 {
        font-size: 21px
    }
    .comprehensiverange .cards .head strong {
        height: 32px;
        margin-right: 10px;
        line-height: 32px;
        flex: 0 0 32px;
        width: 32px;
        border-radius: 5px;
        font-size: 14px
    }
    .salesforcelighting .subheading strong {
        font-size: 14px;
        line-height: 17px
    }
    .salesforcedev_company ul li {
        font-size: 14px;
        line-height: 1.7;
        text-align: left;
        width: 100%
    }
    .looking-for-fantasy h3,
    .title_big h2 {
        font-size: 16px
    }
    .collaborate-with-us ul li:before,
    .types-of-fantasy ul li:before {
        width: 27px;
        height: 27px;
        background-size: 27px
    }
    .sc-pd {
        line-height: 1.7;
        font-size: 14px;
        overflow-x: hidden
    }
    .top-banner-in h1 {
        font-size: 27px;
        min-height: auto
    }
    .top-banner-in .player-box {
        max-width: 280px;
        background-color: transparent;
        box-shadow: none
    }
    .mid-populer-sports .icon-box {
        width: 96px;
        height: 96px
    }
    .service-and-solutions h4 {
        font-size: 16px;
        line-height: 1.7
    }
    .mobile-section .left-mobile img.mb-img {
        max-height: 565px;
        width: auto;
        max-width: max-content;
        margin: 0 auto
    }
    .mobile-section .left-mobile .inner-img {
        max-width: 280px
    }
    .app-development-company h3 {
        font-size: 22px;
        margin-bottom: 1rem
    }
    .nft-banner h1 {
        font-size: 42px;
        font-weight: 700
    }
    .nft-banner p {
        font-size: 13px;
        padding: 1rem 0;
        line-height: 1.7;
        max-width: 100%;
        text-align: left
    }
    .nft-banner img {
        margin: 2rem 0 0
    }
    .em_card {
        border-radius: 20px;
        padding: 40px 20px
    }
    .em_card h3 {
        font-size: 1.3rem;
        text-align: left
    }
    .em_card p {
        font-size: 13px;
        text-align: left
    }
    .em_card:after {
        top: 12px;
        left: 12px;
        border-radius: 16px
    }
    .nft_time_card {
        padding: 30px;
        border-radius: 10px;
        max-width: 100%
    }
    .title_big strong {
        font-size: 60px;
        line-height: 56px;
        margin-bottom: -15px
    }
    .nft_title {
        margin-bottom: 2rem
    }
    .choose_card {
        padding: 27px 0 0
    }
    .cases_card.border-bottom,
    .cases_card.border-right {
        border: 0 !important
    }
    .cases_card {
        padding: 25px;
        border-radius: 5px;
        text-align: left;
        margin-bottom: 10px;
        background-color: #508eea17
    }
    .nft_cases .col-md-12.mt-5 {
        margin-top: 1.5rem !important
    }
    .reality_case h2 {
        font-size: 36px;
        text-align: center
    }
    .reality_case .btn {
        margin: 0 auto 1rem;
        font-size: 16px;
        min-width: 150px;
        display: block;
        max-width: fit-content
    }
    .reality_case {
        padding: 60px 0 40px;
        margin-bottom: 60px
    }
    .fungible_card {
        flex-direction: column;
        padding: 35px;
        border-radius: 0;
        margin-bottom: 20px;
        align-items: flex-start
    }
    .fungible_card:before {
        width: 4px;
        height: 100%;
        top: 0;
        left: 0;
        transform: skewX(0deg)
    }
    .fungible_card img {
        margin-right: 0;
        margin-bottom: 20px;
        width: auto !important
    }
    .fungible_card p {
        transform: skewX(0);
        font-size: 13px
    }
    .fungible_card h4 {
        padding-left: 0
    }
    .nft_timeline {
        align-items: flex-start;
        position: relative;
        margin-bottom: 20px
    }
    .timeline_left .nft_time_card {
        padding-left: 30px
    }
    .nft_timeline span {
        height: 60px;
        width: 60px;
        font-size: 28px;
        line-height: 60px;
        min-width: 60px;
        min-height: 60px;
        position: absolute;
        top: 35px;
        left: 30px
    }
    .timeline_left .nft_time_card h4 {
        padding-left: 80px;
        font-size: 1.3rem;
        margin-bottom: 1rem;
        min-height: 75px;
        vertical-align: middle;
        display: flex;
        align-items: center
    }
    .nft_timeline.timeline_left.timeline_even {
        direction: ltr
    }
    .timeline_left.timeline_even .nft_time_card {
        padding-right: 38px;
        padding-left: 38px
    }
    .nft_time_card p {
        font-size: 13px;
        text-align: justify
    }
    .nft_timeline.timeline_left span {
        margin-right: 0
    }
    .whatsapp_btn {
        padding: 16px 40px;
        box-shadow: 3px 8px 32px #28d1455c;
        width: 100%;
        max-width: 400px
    }
    .letstalk .rtbox .carousel-caption {
        padding: 25px 10px 72px 20px
    }
    .crypto_services .ltbox~.contentbox,
    .crypto_services .rtbox~.contentbox {
        position: relative;
        transform: scale(1);
        height: auto !important;
        z-index: 1;
        top: unset;
        opacity: 1;
        border-radius: 0 !important
    }
    .crypto_services .contentbox p {
        color: #000 !important
    }
}

#industry_swiper .swiper-button-next,
#industry_swiper .swiper-button-prev {
    min-width: 50px;
    min-height: 200px;
    transform: translateY(0);
    top: 0 !important;
    opacity: 1 !important;
    color: #1668e2 !important
}

@media screen and (min-width:768px) and (max-width:991px) {
    .mainslider .topcontent h1,
    .mainslider .topcontent h1 strong {
        font-size: 78px
    }
    .mainslider .topcontent p {
        font-size: 20px
    }
    .mainslider .topcontent a.btn1 {
        padding: 19px 35px;
        font-size: 16px;
        border-radius: 50px
    }
    .mainslider a.btnscroll {
        color: #ffffffe6;
        font-size: 9px;
        font-weight: 100
    }
    .industries ul.mailcolumn li.innercolumn ul.indlist {
        display: inline-flex;
        white-space: nowrap
    }
    .industries ul.mailcolumn {
        display: flex;
        white-space: nowrap;
        overflow-x: auto;
        padding: 0 25px
    }
    .industries ul.mailcolumn li.innercolumn ul.indlist li {
        margin-right: 12px;
        min-height: 178px;
        min-width: 178px;
        padding-top: 38px
    }
    .industries ul.mailcolumn li.innercolumn ul.indlist li a strong {
        font-size: 12px
    }
    .industries ul.mailcolumn li.innercolumn ul.indlist li a {
        padding: 15px 25px
    }
    .industries ul.mailcolumn li.innercolumn {
        flex: 0 0 auto;
        padding: 0
    }
    .industries {
        padding: 50px 0 30px
    }
    .ourwork ul.nav-tabs li img {
        margin: 0 auto 9px;
        max-width: 29px
    }
    .aboutsection .aboutstats h6 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 17px
    }
    .aboutsection .border-right {
        border-right: 0 !important
    }
    .ourwork ul.nav-tabs {
        padding-bottom: 6px;
        overflow-x: auto;
        white-space: nowrap;
        width: 100%
    }
    .ourwork ul.nav-tabs li.nav-item {
        flex: 0 0 auto;
        margin: 0 9px;
        min-width: 89px
    }
    .ptbox img {
        object-fit: scale-down;
        object-position: bottom
    }
    .thankyoupage,
    main.error_page {
        margin-top: 105px;
        padding: 50px 15px;
        text-align: center;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }
    .nft_wrapper {
        margin-top: 105px
    }
    .nft-banner {
        padding: 130px 0 40px
    }
    .nft-banner h1 {
        font-size: 52px;
        font-weight: 700
    }
    .nft-banner p {
        font-size: 17px;
        padding: 1.5rem 0;
        line-height: 1.7;
        max-width: 100%;
        text-align: left
    }
    .em_card h3,
    .em_card p {
        text-align: center
    }
    .nft-banner img {
        margin: 2rem auto 0;
        max-width: 500px;
        display: block
    }
    .token_sec img {
        animation: none !important;
        position: relative !important;
        right: unset !important;
        top: unset !important;
        transform: translateY(0) !important;
        margin-bottom: 0 !important
    }
    .fungible_sec,
    .sec_empower {
        padding: 60px 0
    }
    .em_card {
        padding: 50px
    }
    .em_card h3 {
        font-size: 1.5rem
    }
    .em_card:after {
        top: 12px;
        left: 12px;
        border-radius: 16px
    }
    .nft_title h2 {
        font-size: 22px
    }
    .nft_time_card {
        padding: 30px;
        border-radius: 10px;
        max-width: 100%
    }
    .cases_card:after,
    .timeline_left .nft_time_card_icon {
        display: none
    }
    .title_big strong {
        font-size: 60px;
        line-height: 56px;
        margin-bottom: -15px
    }
    .title_big h2 {
        font-size: 16px
    }
    .nft_title {
        margin-bottom: 2rem
    }
    .choose_card {
        padding: 27px 0 0
    }
    .cases_card.border-bottom,
    .cases_card.border-right {
        border: 0 !important
    }
    .cases_card p {
        text-align: justify;
        min-height: 130px;
        margin-bottom: 0
    }
    .cases_card {
        padding: 25px;
        border-radius: 5px;
        text-align: left;
        margin-bottom: 10px;
        background-color: #508eea17
    }
    .nft_cases .col-md-12.mt-5 {
        margin-top: 1.5rem !important
    }
    .nft_cases,
    section.nft_dev {
        padding-bottom: 60px
    }
    .reality_case h2 {
        font-size: 36px;
        text-align: center
    }
    .btn-cuctom,
    .reality_case .btn {
        margin: 0 auto 1rem;
        font-size: 16px;
        min-width: 150px;
        display: block;
        max-width: fit-content
    }
    .reality_case {
        padding: 60px 0 40px
    }
    .fungible_card {
        min-height: auto;
        flex-direction: column;
        padding: 35px;
        border-radius: 0;
        margin-bottom: 20px;
        align-items: flex-start
    }
    .fungible_card:before {
        width: 4px;
        height: 100%;
        top: 0;
        left: 0;
        transform: skewX(0deg)
    }
    .fungible_card img {
        margin-right: 0;
        margin-bottom: 20px;
        width: auto !important
    }
    .fungible_card p {
        transform: skewX(0);
        font-size: 13px;
        min-height: 155px
    }
    .fungible_card h4 {
        padding-left: 0
    }
    .nft_timeline {
        align-items: flex-start;
        position: relative;
        margin-bottom: 20px
    }
    .timeline_left .nft_time_card {
        padding-left: 30px
    }
    .nft_timeline span {
        height: 60px;
        width: 60px;
        font-size: 28px;
        line-height: 60px;
        min-width: 60px;
        min-height: 60px;
        position: absolute;
        top: 35px;
        left: 30px
    }
    .timeline_left .nft_time_card h4 {
        padding-left: 80px;
        font-size: 1.3rem;
        margin-bottom: 1rem;
        min-height: 75px;
        vertical-align: middle;
        display: flex;
        align-items: center
    }
    .nft_timeline.timeline_left.timeline_even {
        direction: ltr
    }
    .nft_timeline.timeline_left.timeline_even span {
        margin: 0
    }
    .timeline_left.timeline_even .nft_time_card {
        padding-right: 38px;
        padding-left: 38px
    }
    .nft_time_card p {
        font-size: 13px;
        text-align: justify
    }
    .nft_timeline.timeline_left span {
        margin-right: 0
    }
    .whatsapp_btn {
        padding: 16px 40px;
        box-shadow: 3px 8px 32px #28d1455c;
        width: 100%;
        max-width: 400px
    }
}

.token_sec a,
.token_sec img {
    animation: none
}

.container-xxl,
.swipe_card {
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .mainslider .topcontent h1 {
        font-size: 46px
    }
    .mainslider .topcontent p {
        font-size: 18px
    }
    .ourwork ul.nav-tabs {
        justify-content: center;
        border-bottom: 1px solid #cdcdcd
    }
    .readytorealise h3 a {
        margin-top: 21px;
        display: block;
        float: none
    }
    .readytorealise .techskillsimg {
        max-width: 300px;
        left: 5%;
        top: -80px
    }
    .menu-bar .navbar .nav-link {
        font-size: 13px;
        padding: 10px !important
    }
    .navbar-fixed .menu-bar .navbar .nav-link {
        padding: 23px 1rem
    }
    .header .navbar .nav-item {
        margin-left: 0
    }
    .nft-banner h1 {
        font-size: 37px
    }
    .nft-banner p {
        font-size: 13px;
        padding: 1rem 0;
        color: #fff;
        line-height: 1.5;
        margin-bottom: 0;
        max-width: 100%
    }
    .cases_card {
        padding: 35px 20px;
        min-height: 386px
    }
}

@media screen and (min-width:1601px) and (max-width:1780px) {
    .menu-bar {
        padding: 0 5%
    }
}

.container-xxl {
    max-width: 1500px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width:1400px) and (max-width:1539px) {
    .container-xxl {
        max-width: 1320px
    }
}

@media screen and (min-width:1200px) and (max-width:1439px) {
    .container-xxl {
        max-width: 1170px
    }
    .menu-bar .navbar .nav-link {
        font-size: 14px;
        padding: 32px 11px !important
    }
    .header .navbar .nav-item {
        margin-left: 0
    }
}

@media screen and (min-width:1200px) and (max-width:1600px) {
    .header a.navbar-brand {
        max-width: 200px
    }
    .menu-bar {
        padding: 0 32px
    }
    .readytorealise h3 {
        max-width: calc(100% - 150px);
        margin-left: 150px;
        font-size: 19px
    }
    .mainslider .topcontent h1 {
        font-size: 58px
    }
    .mainslider .topcontent p {
        font-size: 18px
    }
    .nft-banner h1 {
        font-size: 52px
    }
    .nft-banner p {
        font-size: 14px;
        padding: 2rem 0;
        line-height: 1.8;
        max-width: 87%;
        text-align: justify
    }
    .exchange_wrapper .token_sec.nft-banner p {
        font-size: 13px;
        padding: 1.5rem 0
    }
}

.dcd_card,
.ind_card,
.proide_card>*,
.swipe_card,
.swipe_text h3,
.swipe_text p {
    text-align: center
}

#service_swiper .service_swiper,
#service_swiper .swiper-wrapper,
.swiper-wrapper {
    padding-bottom: 50px !important
}

.swipe_card {
    background: #fff;
    color: #000;
    border-radius: 10px;
    padding: 26px;
    position: relative;
    z-index: 9;
    margin-top: 80px;
    max-width: 90%
}

.swipe_text h3 {
    color: #3c3c3c;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 1rem
}

.swipe_text p {
    font-size: 15px;
    max-width: 90%;
    margin: 0 auto 1rem;
    color: #3c3c3c;
    width: 100%
}

.swipe_img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0 27px 57px 0 rgb(0 0 0 / 10%);
    background: #1668e2;
    border: 3px solid #fff;
    line-height: 114px;
    margin: -80px auto 25px
}

.ind_card,
.vrious_card {
    border-bottom: 2px solid #1668e2
}

.swipe_img img {
    width: 65px;
    height: 65px;
    object-fit: scale-down
}

.dcd_card {
    font-size: 3rem;
    position: relative;
    display: inline-block;
    width: 100%;
    color: #3c434f;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 40px 0 rgb(0 0 0 / 5%);
    height: auto
}

.ind_card,
.token_dev_sec_img {
    border-radius: 10px;
    position: relative
}

.dcd_swiper .swiper-slide {
    line-height: 160px;
    width: 100%
}

.dcd_swiper .swiper-wrapper {
    margin-bottom: 0 !important;
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.dcd_card2 {
    width: 100%;
    padding-top: 6%;
    padding-left: 30px
}

.dcd_card2 p {
    font-size: 15px;
    line-height: 1.7
}

.dcd_card2 h3 {
    font-weight: 600;
    margin: 0 0 1rem;
    line-height: 1.4;
    color: #0d1856
}

#service_swiper .swiper-slide-shadow {
    background: rgb(24 155 235 / 31%) !important
}

.dcd_swiper .swiper-slide-thumb-active .dcd_card,
.dcd_swiper .swiper-slide:hover .dcd_card {
    cursor: pointer;
    background: linear-gradient(90deg, #1767e0 0, #2547b8 34.32%, #2b3aa6 66.53%, #33268e 101.38%)
}

.dcd_swiper .swiper-slide-thumb-active .dcd_card img,
.dcd_swiper .swiper-slide:hover .dcd_card img {
    filter: invert(1)
}

.token_sec {
    background: radial-gradient(86.22% 129.33% at 86.74% 99.6%, #2f3c9e 0, #253184 12%, #192364 30%, #11194d 47%, #0c1340 63%, #0a113b 78%, #000020 100%);
    padding: 180px 200px;
    position: relative
}

@media (min-width:1601px) {
    .exchange_wrapper .token_sec {
        padding: 110px 200px
    }
}

.token_sec h6 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 1rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.icon_conatiner ul,
.proide_card {
    align-items: center;
    display: flex
}

.token_sec h6 em {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50px;
    display: block;
    margin: 0 15px
}

.token_sec a.whatsapp_btn {
    background: #28d145
}

.icon_conatiner ul {
    justify-content: center;
    justify-content: space-between;
    list-style: none;
    padding: 0
}

.clutch_sec,
.icon_conatiner {
    padding-top: 100px
}

.icon_conatiner h5 {
    font-size: 16px;
    color: #1668e1;
    margin-top: 1rem
}

.icon_conatiner span {
    color: #333;
    font-size: 16px;
    display: block
}

.token_dev_sec {
    background: #f4f7fc;
    padding: 100px 15% 70px;
    background-size: cover !important;
    position: relative
}

.token_dev_sec.token_dev_sec_right:after {
    content: "";
    background: #1668e2;
    height: 100%;
    width: 30%;
    position: absolute;
    right: 0;
    top: 0
}

.token_dev_sec.token_dev_sec_left:after {
    content: "";
    background: #1668e2;
    height: 100%;
    width: 30%;
    position: absolute;
    left: 0;
    top: 0
}

.provide_sec h5 {
    margin-bottom: 1.5rem;
    font-size: 16px
}

.proide_card {
    justify-content: flex-start
}

.token_card {
    padding: 0 30px
}

.proide_card>* {
    margin-right: 35px
}

.proide_card>* p {
    font-size: 14px;
    margin-top: .3rem;
    margin-bottom: 0
}

.token_dev_sec_img {
    z-index: 1;
    box-shadow: 0 4px 35px rgba(0, 0, 0, .05);
    overflow: hidden;
    margin-bottom: 30px
}

.token_dev_sec .token_dev_sec_img~a,
.token_link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fff !important;
    position: relative;
    z-index: 1;
    font-weight: 500
}

.token_development_ser a {
    margin-top: 1.5rem;
    color: #1668e1 !important;
    justify-content: flex-start;
    font-size: 15px
}

.token_dev_sec a>*,
a.token_link>* {
    margin-left: 14px;
    transition: .3s
}

.text-dark,
.text-dark * {
    color: #343a40 !important
}

.token_dev_sec a:hover *,
a.token_link:hover * {
    transform: translateX(10px)
}

.token_dev_sec.token_dev_sec_left a {
    justify-content: flex-start
}

.token_card .nft_title p {
    font-size: 14px;
    line-height: 2;
    max-width: 100%;
    font-weight: 400
}

.nft_title.text-left h2:after,
.token_card .nft_title h2:after {
    transform: translateX(0);
    left: 0
}

.token_development_ser .nft_title h2:after {
    left: 0;
    transform: translateX(0)
}

.ind_card {
    padding: 30px;
    margin: 10px;
    background: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 175px;
    height: 159px
}

.add_on_card img,
.add_on_card_body,
p.list_tag:before {
    border-radius: 5px
}

.ind_card h5 {
    font-size: 16px;
    margin: 1rem 0 0
}

.industries_sec,
.platforms_sec {
    padding: 100px 0;
    background-color: #f4f7fc
}

#cc_swiper .swiper-wrapper,
#script_features_slider .swiper-wrapper,
.industries_sec .swiper-wrapper {
    padding-bottom: 0 !important
}

.industries_sec .swiper-slide {
    width: 190px
}

div#industry_swiper .sawiper-wrapper {
    padding: 0 168px
}

:root {
    --swiper-navigation-size: 30px !important
}

#industry_swiper .swiper-button-prev {
    left: -10px !important;
    background: #f4f7fc;
    background: linear-gradient(90deg, #f4f7fc 0, #f4f7fc 50%, rgba(244, 247, 252, 0) 100%)
}

#industry_swiper .swiper-button-next {
    right: -10px !important;
    background: #f4f7fc;
    background: linear-gradient(270deg, #f4f7fc 0, #f4f7fc 50%, rgba(244, 247, 252, 0) 100%)
}

.addon_sec {
    padding: 100px 0 65px
}

.add_icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 2rem
}

.icon_add_text {
    display: block;
    padding-right: 1rem;
    width: 33.3333%
}

.icon_add_text span {
    width: 100%;
    display: block;
    font-weight: 400;
    font-size: 13px;
    margin-top: .7rem
}

.add_on_card_body h4 {
    font-weight: 600;
    font-size: 18px;
    color: #1668e1;
    line-height: 22px;
    margin: .2rem 0 1rem
}

.add_on_card_body p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.add_on_card_body {
    background: #fff;
    box-shadow: 0 4px 13px rgba(0, 0, 0, .08);
    width: calc(100% - 30px);
    margin: -40px auto 0;
    z-index: 1;
    position: relative;
    padding: 30px 25px
}

.add_on_card {
    margin-bottom: 35px
}

.grid {
    display: grid
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.brand_row {
    margin: -1px
}

.brand_row img {
    margin: -1px;
    opacity: .5
}

.token_sec img {
    position: absolute;
    right: 3%;
    top: 50%;
    transform: translateY(-50%)
}

.bff_sec,
.vrious_card,
p.list_tag {
    position: relative
}

.addon_sec .nft_title p {
    line-height: 1.8;
    max-width: 100%
}

.clone_service p,
.script_exchange p,
.token_wrapper img {
    max-width: 100%
}

.proide_card img {
    width: auto;
    height: 40px;
    margin-bottom: .5rem
}

section.p-faqs {
    padding: 100px 0;
    background-color: #f5f5f5
}

img.token_bg {
    width: 100%;
    right: 0;
    left: 0;
    top: 50%;
    height: 100%;
    object-fit: cover;
    max-width: 100% !important
}

.bff_sec img,
.clutch_logoimage img {
    object-fit: scale-down
}

.nft_token .token_sec {
    min-height: calc(100vh - 140px)
}

.cryptosphere_sec {
    background: linear-gradient(90deg, #1767e0 0, #2547b8 34.32%, #2b3aa6 66.53%, #33268e 101.38%);
    padding: 80px 0;
    margin-bottom: 80px
}

.ind_card.card_full {
    width: auto;
    height: unset;
    background: #f4f7fc;
    margin: 0 0 30px
}

.ind_card.card_full h5 {
    margin: 1.8rem 0 1rem;
    font-size: 21px;
    font-weight: 600
}

.ind_card.card_full p {
    font-size: 13.5px;
    min-height: 122px
}

p.list_tag {
    padding-left: 50px
}

p.list_tag:before {
    content: "";
    height: 3px;
    width: 22px;
    background: #ee4f76;
    position: absolute;
    left: 0;
    top: 11px
}

.token_development_feture {
    padding: 100px 0;
    background: #f4f7fc;
    margin: 80px 0 0
}

.h-full {
    height: 100%
}

.rounded-xl {
    border-radius: 1rem;
    box-shadow: 6px 6px 50px 0 #012a6636
}

.token_wrapper #cc_swiper img {
    max-width: 100%;
    object-fit: cover
}

.vrious_card {
    margin: 0 0 30px;
    border-radius: 10px;
    padding: 35px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.vrious_card:before {
    content: "";
    height: 4px;
    width: 80px;
    background: #1668e2;
    position: absolute;
    left: 40px;
    top: 0;
    border-radius: 0 0 5px 5px
}

.vrious_card p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.7;
    text-align: justify;
    min-height: 215px
}

.card_text {
    padding-left: 30px
}

.card_text h4 {
    color: #1668e2;
    font-weight: 600;
    font-size: 20px;
    border-bottom: 1px solid #3333;
    padding-bottom: 15px;
    margin-bottom: 15px
}

#cc_swiper {
    padding: 20px
}

.vrious_sec {
    padding: 80px 0 0;
    background: #fff;
    margin-bottom: 0
}

.clone_service,
.vrious_card,
.vrious_sec .swipe_card {
    background: #f4f7fc
}

.vrious_sec img.img-fluid {
    width: auto;
    height: auto
}

.ss_service_swiper .swiper-button-next,
.ss_service_swiper .swiper-button-prev {
    color: #1668e2 !important
}

.bff_sec img {
    width: 117px;
    height: 117px;
    margin-right: 60px
}

.bff_sec_text h4 {
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 1rem
}

.bff_sec_text p {
    line-height: 1.7;
    font-size: 16px
}

.bff_sec {
    padding: 85px 51px;
    margin-bottom: -15px
}

.bff_sec:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    pointer-events: none
}

.bff_left:before {
    left: -5%;
    top: 0;
    background-image: url(../images/newimages/nft_token/beneficial_left.svg)
}

.bff_right:before {
    right: -5%;
    top: 0;
    left: auto;
    background-image: url(../images/newimages/nft_token/beneficial_right.svg);
    background-position: right
}

.bff_right * {
    text-align: right
}

.bff_right img {
    margin: 0 0 0 60px
}

.bff_sec_4 {
    margin-top: -42px
}

section.allworks.works_main {
    background: 0 0;
    padding: 0
}

.allworks.works_main .rtbox {
    margin: 50px 120px 155px
}

@media (max-width:767px) {
    .swipe_card {
        max-width: 80%
    }
    .allworks .rtbox,
    .allworks.works_main .rtbox {
        margin: 20px 20px 60px;
        padding: 35px 25px
    }
}

.mockup_slider img {
    width: 100%;
    max-width: 752px;
    height: 456px;
    overflow: hidden;
    display: inline-flex;
    margin: auto auto auto 0;
    text-align: center
}

.mockup_slider {
    max-width: 1006px;
    margin: 0 auto;
    background: url(../images/newimages/Macbook.png) 0 0/contain no-repeat
}

.mockup_slider #mockup_swiper {
    padding: 0;
    height: 642px;
    max-width: 756px;
    width: 100%;
    margin: auto
}

.mockup_slider #mockup_swiper .swiper-wrapper {
    padding-top: 33px
}

#mockup_swiper .swiper-pagination-bullet {
    background: #1668e2;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px))
}

section.ppr_sec {
    padding: 110px 0 80px;
    position: relative
}

section.ppr_sec:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 45%;
    background: #1668e2;
    width: 100%;
    background-Color: #0585ec;
    color: #fff;
    pointer-events: none
}

section.ppr_sec h2:after {
    background: #fff !important
}

@media (min-width:1600px) {
    .career_form_outer .container,
    .careers_section .container,
    .container-custom,
    footer>.container {
        max-width: 1500px;
        margin: 0 auto
    }
    .clone_script .nft-banner h1 {
        font-size: 56px
    }
}

.btn_theme {
    background: #1668e2;
    color: #fff !important;
    padding: 13px 32px;
    border-radius: 25px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 0 0;
    box-shadow: 0 0 0 0 rgb(239 88 125 / 40%);
    display: block;
    max-width: fit-content
}

.clutch_bx,
.function_card {
    background: #f4f7fc;
    border-radius: 10px
}

.clone_service *,
.clone_service .nft_title h2 {
    color: #000 !important
}

.scrip_features p {
    max-width: 100%;
    font-size: 13px
}

.ind_card.card_full.scrip_feature_card {
    text-align: left !important;
    align-items: self-start;
    min-height: 265px;
    margin-bottom: 50px
}

.scrip_feature_card.ind_card.card_full h5 {
    margin-top: 0 !important;
    font-size: 18px;
    color: #1668e2;
    border-bottom: 1px solid #3333;
    padding-bottom: 1rem
}

.scrip_feature_card.ind_card.card_full p {
    text-align: justify;
    min-height: unset
}

@media (min-width:1440px) {
    .nft_cases .container {
        max-width: 1400px
    }
    #script_features_slider .swiper-button-prev {
        left: 0
    }
}

@media (min-width:992px) {
    section.modules_sec .col-md-6.col-lg-6.function_card {
        max-width: calc(50% - 20px);
        margin: 10px !important
    }
    .script_functions .nft_title h2 {
        font-size: 25px
    }
    .script_functions .nft_title p {
        font-size: 14px
    }
}

.function_card {
    padding: 30px;
    margin-bottom: 30px
}

.function_card span {
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    background: #1668e2;
    display: block;
    border-radius: 50%;
    color: #fff;
    font-size: 32px;
    font-weight: 600
}

.function_card p {
    font-size: 14px;
    line-height: 1.6;
    max-width: 100%;
    margin: 1rem 0;
    min-height: 112px
}

.function_card hr {
    max-width: 60px;
    margin-left: 0;
    border-width: 2px;
    border-color: #1668e2
}

.script_exchange ul {
    padding: 28px 0 0 17px
}

.script_exchange ul li {
    font-size: 15px;
    font-weight: 500;
    text-align: justify;
    padding-bottom: .8rem
}

.btn_link {
    color: #1668e2;
    margin: 0;
    cursor: pointer;
    text-decoration: underline
}

.show_more.collapsed {
    display: unset
}

.script_exchange {
    overflow-x: hidden
}

.script_icons_container ul {
    justify-content: center;
    display: block;
    text-align: center
}

.icon_conatiner.script_icons_container ul li {
    text-align: center;
    min-width: 200px;
    width: 16.66666%;
    display: inline-block;
    margin-bottom: 40px;
    padding: 0 15px;
    vertical-align: top
}

.clutch_bx {
    display: flex;
    width: 100%;
    padding: 34px;
    margin-bottom: 60px;
    align-items: center
}

.ranking_box,
.review_box {
    display: block;
    width: 100%
}

.review_box h5 {
    display: block;
    font-size: 16px;
    color: #7f7f7f;
    padding-bottom: 10px
}

.ranking_box span,
.ranking_box strong {
    display: inline-block;
    vertical-align: middle
}

.review_box p {
    font-size: 14px;
    color: #4c4c4c;
    font-weight: 500
}

.review_box p+p {
    margin-top: 10px
}

.clientbox_cell {
    float: left;
    width: 38%
}

.clientbox_cell_left {
    float: left;
    width: 60%;
    padding-right: 30px
}

.clientbox_cell_right {
    width: 40%;
    float: left
}

.clutch_logoimage {
    float: left;
    width: 24%;
    text-align: center
}

.ranking_box strong {
    font-size: 20px;
    color: #000;
    margin-right: 12px
}

.ranking_box span {
    font-size: 16px;
    color: #ff7800;
    margin: 0 -1px
}

.ranking_box ul {
    margin: 15px 0 0;
    padding: 15px 0 0;
    vertical-align: baseline;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    outline: 0;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 1px solid #d1d1d1
}

.ranking_box ul li {
    margin-bottom: 9px;
    font-weight: 500
}

.ranking_box ul li span {
    display: block;
    font-size: 15px;
    color: #4c4c4c
}

.ranking_box ul li strong {
    display: block;
    font-size: 14px;
    color: #000
}

.list_data-check {
    margin: 1rem 0
}

.list_data-check li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 15px;
    padding: 6px 0
}

.list_data-check li svg {
    color: #ee4f76;
    font-size: 80%
}

.benefits_sec p {
    line-height: 1.7
}

.function_card h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 1rem 0 0
}

@media screen and (min-width:320px) and (max-width:767px) {
    .header a.navbar-brand {
        max-width: 180px;
        padding: 1px 0
    }
    .header .top-bar {
        padding: 6px 0
    }
    .mainslider {
        margin-top: 93px;
        min-height: calc(100vh - 93px)
    }
    .mockup_slider {
        max-width: 100%;
        background: 0 0 !important;
        margin: -15px 0 0 !important;
        padding: 0 !important
    }
    .mockup_slider #mockup_swiper {
        height: unset;
        width: 100%;
        max-width: 100%
    }
    .mockup_slider #mockup_swiper .swiper-wrapper {
        padding-top: 0;
        margin-bottom: 30px;
        border-radius: 10px;
        padding-bottom: 0 !important
    }
    .mockup_slider #mockup_swiper .swiper-wrapper img {
        height: unset;
        width: 100%;
        max-width: 100%;
        border-radius: 10px
    }
    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 0
    }
    .clutch_bx {
        display: block !important;
        position: relative;
        padding: 50px 15px 15px;
        margin-top: 90px;
        margin-bottom: 30px
    }
    .clientbox_cell {
        display: block;
        width: 100%;
        clear: both;
        float: none
    }
    .clientbox_cell_left,
    .clientbox_cell_right {
        display: block;
        width: 100%;
        padding-right: 15px;
        float: none
    }
    .clutch_logoimage {
        position: absolute;
        top: -55px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: auto
    }
    .clutch_logoimage img {
        max-width: 100px;
        height: auto
    }
    .clutch_sec {
        padding-top: 50px
    }
}

@media screen and (min-width:1200px) and (max-width:1366px) {
    .addon_sec {
        overflow-x: hidden;
        position: relative
    }
    .bff_left:before {
        left: -2%
    }
    .bff_right:before {
        right: -2%
    }
    .bff_sec:before {
        background-size: 85%
    }
    .bff_sec {
        padding: 63px 70px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .mockup_slider {
        max-width: 560px
    }
    .mockup_slider #mockup_swiper {
        height: 358px;
        width: 421px;
        max-width: 421px
    }
    .mockup_slider #mockup_swiper .swiper-wrapper img {
        height: 256px;
        width: 419px;
        max-width: 419px
    }
    .mockup_slider #mockup_swiper .swiper-wrapper {
        padding-top: 17px
    }
    .addon_sec {
        overflow-x: hidden;
        position: relative
    }
    .bff_left:before {
        left: -2%
    }
    .bff_right:before {
        right: -2%
    }
    .bff_sec:before {
        background-size: 90%
    }
    .bff_sec {
        padding: 51px 70px
    }
    .bff_sec_text h4 {
        font-size: 22px
    }
    .bff_sec_text p {
        font-size: 14px;
        line-height: 1.5
    }
    .bff_sec img {
        width: 100px;
        height: 100px
    }
    .bff_sec_4 {
        margin-top: -24px
    }
    .bff_sec_2 {
        margin-bottom: -6px
    }
}

@media screen and (min-width:320px) and (max-width:767px) {
    .bff_sec:before,
    .hide_mobile {
        display: none
    }
    .bff_sec {
        padding: 20px 0;
        margin-bottom: 0
    }
    .bff_sec img {
        width: 65px;
        height: 65px;
        margin: 0 20px 0 0
    }
    .bff_sec_text h4 {
        font-size: 18px
    }
    .bff_sec_text p {
        line-height: 1.5;
        font-size: 12px;
        margin-bottom: 0
    }
    .bff_right img {
        margin-left: 20px;
        margin-right: 0
    }
    .bff_right p {
        text-align: right
    }
    .bff_sec_4 {
        margin-top: 0
    }
    .show_mobile {
        display: block
    }
    .exchange_wrapper .token_sec {
        padding: 0 0 40px
    }
    .exchange_wrapper .nft-banner h1 {
        font-size: 37px;
        font-weight: 700
    }
}

@media screen and (min-width:1440px) and (max-width:1600px) {
    .token_sec {
        background: radial-gradient(86.22% 129.33% at 86.74% 99.6%, #2f3c9e 0, #253184 12%, #192364 30%, #11194d 47%, #0c1340 63%, #0a113b 78%, #000020 100%);
        padding: 150px 6%
    }
    .exchange_wrapper .token_sec {
        padding: 70px 6%
    }
    .token_sec img {
        max-width: 600px
    }
    .icon_conatiner h5 {
        font-size: 16px;
        line-height: 1.5
    }
    .sec_empower,
    section.p-faqs {
        padding: 80px 0
    }
    .token_dev_sec {
        padding: 80px 10% 50px
    }
    .token_dev_sec_img {
        margin-bottom: 20px
    }
    .token_dev_sec a,
    .token_link {
        font-size: 14px
    }
}

@media screen and (min-width:992px) and (max-width:1439px) {
    .token_sec {
        background: radial-gradient(86.22% 129.33% at 86.74% 99.6%, #2f3c9e 0, #253184 12%, #192364 30%, #11194d 47%, #0c1340 63%, #0a113b 78%, #000020 100%);
        padding: 150px 6%
    }
    .exchange_wrapper .token_sec {
        padding: 70px 6%
    }
    .token_sec img {
        max-width: 500px;
        right: 0
    }
    .exchange_wrapper.token_sec img {
        max-width: 555px;
        right: 0
    }
    .exchange_wrapper.token_sec .nft-banner p {
        font-size: 13px;
        padding: 1.5rem 0
    }
    .icon_conatiner h5 {
        font-size: 16px;
        line-height: 1.5
    }
    .sec_empower {
        padding: 80px 0
    }
    .token_dev_sec {
        padding: 80px 10% 50px
    }
    .token_dev_sec_img {
        margin-bottom: 20px
    }
    .token_dev_sec a,
    .token_link {
        font-size: 14px
    }
    section.p-faqs {
        padding: 50px 0
    }
    #cc_swiper {
        padding: 35px
    }
    img.token_bg {
        max-width: 100% !important
    }
    .nft_token .token_sec {
        background: 0 0;
        padding: 150px 6%;
        min-height: auto
    }
    .nft_token .nft-banner h1 {
        font-size: 52px;
        min-width: 600px
    }
}

.show_desktop {
    display: block !important
}

.why_choo_new .sec_title {
    position: relative;
    text-align: center
}

.why_choo_new .sec_title h6 {
    position: absolute;
    top: -90px;
    margin-left: auto;
    margin-right: auto;
    color: rgb(0 0 0 / 5%);
    text-transform: uppercase;
    font-size: 120px;
    -webkit-transition: 1s;
    font-weight: 800;
    left: 0;
    right: 0
}

.why_choo_new .card:hover {
    box-shadow: 0 0 0 2px #3e5fe3
}

@media screen and (min-width:320px) and (max-width:767px) {
    .why_choo_new .sec_title h6 {
        top: -40px;
        font-size: 60px;
        line-height: 1
    }
    .games-banner a.btn.btn-primary {
        margin: 0 auto
    }
    .show_desktop {
        display: none !important
    }
    .show_mobile {
        display: block !important
    }
    .icon_conatiner ul,
    .proide_card {
        flex-direction: column;
        display: block;
        text-align: center
    }
    .clone_script .token_sec,
    .token_sec {
        background: radial-gradient(86.22% 129.33% at 86.74% 99.6%, #2f3c9e 0, #253184 12%, #192364 30%, #11194d 47%, #0c1340 63%, #0a113b 78%, #000020 100%);
        position: relative
    }
    .token_wrapper img {
        max-width: 100%;
        position: unset;
        top: unset;
        right: unset;
        transform: translateY(0)
    }
    .gg_group.d-flex {
        flex-direction: column
    }
    .token_sec a {
        animation: none;
        margin: 0 0 10px !important;
        min-width: 286px;
        text-align: center
    }
.exchage_wrwapper .gg_group.d-flex {
    flex-direction: row;
    display: block !important;
}
.exchage_wrwapper .gg_group.d-flex a {
    padding: 10px 16px;
    font-size: 13px;
    text-align: center;
    max-width: fit-content;
    margin: 5px 0 !important;
    display: inline-block;
    min-width: 181px;
}
  
    .token_sec h6 {
        font-size: 16px
    }
    .icon_conatiner ul li {
        max-width: 50%;
        margin-bottom: 25px;
        display: inline-block;
        padding: 0 10px
    }
    .icon_conatiner {
        padding-top: 50px
    }
    .icon_conatiner h5 {
        font-size: 16px;
        color: #1668e1;
        margin-top: 1rem
    }
    .token_dev_sec.token_dev_sec_left:after,
    .token_dev_sec.token_dev_sec_right:after {
        width: 5px
    }
    .token_card {
        padding: 0
    }
    .token_dev_sec {
        padding: 50px 15px 20px
    }
    .proide_card {
        display: block !important;
        flex-direction: unset
    }
    .proide_card>* {
        text-align: center;
        display: inline-block;
        width: auto !important;
        margin: 15px 0;
        padding: 0 10px
    }
    .provide_sec {
        margin-bottom: 25px
    }
    .token_dev_sec.token_dev_sec_left a {
        color: #1668e2 !important;
        margin-bottom: 3rem
    }
    .token_dev_sec.token_dev_sec_right a {
        color: #1668e2 !important
    }
    .grid-cols-5 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .token_development_ser,
    section.p-faqs {
        padding: 50px 0
    }
    .nft_token .token_sec {
        padding: 40% 0 56%;
        min-height: -webkit-fill-available
    }
    .nft_token.token_wrapper .nft-banner img {
        max-width: 100%;
        transform: translateY(0);
        width: 100%;
        height: -webkit-fill-available;
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        margin: 0
    }
    .cryptosphere_sec img {
        margin-top: 2rem
    }
    .nft_token .addon_sec {
        padding: 60px 0 40px
    }
    .nft_token .platforms_sec {
        padding: 60px 0 0;
        background-color: #f4f7fc
    }
    .token_development_feture {
        padding: 60px 0
    }
    #cc_swiper {
        padding: 45px 45px 0;
        overflow: hidden
    }
    .rounded-xl {
        border-radius: 1rem;
        box-shadow: none
    }
    .nft_token .addon_sec,
    .script_exchange {
        padding-bottom: 60px
    }
    #script_features_slider .swiper-button-next,
    #script_features_slider .swiper-button-prev,
    .beneficial_desktop {
        display: none
    }
    .beneficial_mobile {
        display: block
    }
    .vrious_sec .swipe_card {
        max-width: 95%
    }
    .clone_script .token_sec img {
        top: 0;
        left: 0;
        transform: translate(0);
        margin: 0;
        object-position: 0;
        opacity: .4
    }
    .clone_script .token_sec,
    .token_sec {
        padding: 120px 15px 110px
    }
    .clone_script .token_sec h1,
    .token_sec {
        font-size: 27px
    }
    .clone_script .token_sec a {
        margin: 0 auto !important
    }
    .script_smpower img {
        margin-bottom: 1.5rem
    }
    .script_exchange img,
    .what_is_script .token_dev_sec_img img {
        max-width: 100%
    }
    .ind_card.card_full.scrip_feature_card {
        margin-bottom: 30px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .mockup_slider {
        max-width: 560px
    }
    .mockup_slider #mockup_swiper {
        height: 358px;
        width: 421px;
        max-width: 421px
    }
    .mockup_slider #mockup_swiper .swiper-wrapper img {
        height: 256px;
        width: 419px;
        max-width: 419px
    }
    .mockup_slider #mockup_swiper .swiper-wrapper {
        padding-top: 17px
    }
    #script_features_slider .swiper-button-next,
    #script_features_slider .swiper-button-prev,
    .bff_sec:before {
        display: none
    }
    .bff_sec {
        padding: 20px 0;
        margin-bottom: 0
    }
    .bff_sec img {
        width: 85px;
        height: 85px;
        margin: 0 30px 0 0
    }
    .bff_sec_text h4 {
        font-size: 22px
    }
    .bff_sec_text p {
        line-height: 1.5;
        font-size: 14px;
        margin-bottom: 0
    }
    .bff_right img {
        margin-left: 30px;
        margin-right: 0
    }
    .bff_right p {
        text-align: right
    }
    .bff_sec_4 {
        margin-top: 0
    }
    .clone_script .token_sec,
    .token_sec {
        background: radial-gradient(86.22% 129.33% at 86.74% 99.6%, #2f3c9e 0, #253184 12%, #192364 30%, #11194d 47%, #0c1340 63%, #0a113b 78%, #000020 100%);
        padding: 150px 50px;
        min-height: unset
    }
    .clone_script .token_sec img {
        top: 0;
        left: 0;
        transform: translate(0);
        margin: 0;
        object-position: 0;
        opacity: .4
    }
    .clone_script .token_sec h1,
    .token_sec {
        font-size: 42px
    }
    .clone_script .token_sec a {
        margin: 0 auto !important
    }
    .script_smpower img {
        margin-bottom: 1.5rem
    }
    .script_exchange img,
    .what_is_script .token_dev_sec_img img {
        max-width: 100%
    }
    .token_development_ser {
        padding: 50px 0
    }
    .script_exchange {
        padding-bottom: 60px
    }
    .ind_card.card_full.scrip_feature_card {
        margin-bottom: 30px
    }
    .token_dev_sec.token_dev_sec_left.what_is_script:after {
        z-index: -1
    }
}