.banner-mn h1 b,
.img-auto,
.ui-tabs-vertical .ui-tabs-nav li a {
    display: block
}

.develop-inner p,
.project-mn .head-btn,
body,
header .form-inline .head-btn,
p {
    font-family: Advert-Regular
}

.sidenav,
html {
    overflow-x: hidden
}

.sidenav,
.solution-num,
.stat-left,
.sticky {
    left: 0
}

body {
    position: relative;
    background: #fff
}

.container {
    max-width: 1170px
}

:root {
    --heading-color: #ffffff;
    --gary-color: #727272;
    --lightgary-color: #b2b9bd;
    --main-color: #111629;
    --btn-color: #a075d9
}

p {
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    color: #616161
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    
}

.img-auto {
    max-width: 100%;
    margin: 0 auto
}

a,
button {
    text-decoration: none !important;
    -webkit-transition: .5s;
    transition: .5s
}

a:hover,
button:hover {
    -webkit-transition: .5s;
    transition: .5s
}

html {
    overflow-y: scroll;
    scroll-behavior: smooth
}

@font-face {
    font-family: Advert-Semi-bold;
    src: url(../fonts/averta-semibold-webfont.woff);
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Advert-Regular;
    src: url(../fonts/averta-regular-webfont.woff);
    font-style: normal;
    font-display: swap
}

@font-face {
    
    src: url(../fonts/averta-bold-webfont.woff);
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Advert-Extra-Bold;
    src: url(../fonts/averta-extrabold.otf);
    font-style: normal;
    font-display: swap
}

.custom-cont {
    max-width: 1520px
}

header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11111;
    padding: 50px 0 0;
    transition: .5s
}

.sticky {
    position: fixed;
    z-index: 999;
    width: 100%;
    background: #000;
    padding: 10px 0
}

.solution-repair .inner-expert img,
header.sticky .navbar-brand img {
    filter: invert(0)
}

.NftGrade .clutch-rev span,
.User-scooter .product-scottertxt h4,
.entry-mn ul li:hover p,
.entry-mn ul li:hover span,
.facts-mn ul .facts-inn:hover p,
.facts-mn ul .facts-inn:hover span,
.gameCase-Award .award-mn h4,
.gameCase-Award .award-mn p,
.gameCase-Award .main-head h2,
.gameGrade .enterprise-mn h4,
.gameGrade .enterprise-mn p,
.gameGrade .test-mn h5,
.gameGrade .test-mn p,
.gameGrow .main-head h2,
.inner-expert:hover p,
.inner-serve:hover h4,
.inner-serve:hover p,
.nftApps-digital .inner-expert p,
.nftApps-digital .inner-expert:hover p,
.offcanvas a:focus,
.ourwork-sec .zig-zag2 .work-inn .themebtn:hover,
.passion-sec .main-head h2,
.repair-inner:hover h4,
.repair-inner:hover p,
.scooter-test .clutch-rev span,
.scooter-test h5,
.scooter-test p,
.services_sec:hover .service h4,
.services_sec:hover .service p,
.sidenav .navbar-nav .nav-item .nav-link,
.sidenav a:hover,
.supply-inner:hover h4,
.supply-inner:hover p,
header.sticky .navbar-nav .nav-item .nav-link {
    color: #fff
}

header .navbar-nav .nav-item .nav-link {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px
}

header .navbar-nav {
    gap: 35px
}

header .form-inline {
    margin-left: auto
}

header .form-inline .head-btn {
    border-radius: 5px;
    background-image: -moz-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    background-image: -webkit-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    background-image: -ms-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    box-shadow: 0 30px 50px 0 rgba(249, 19, 98, .25);
    width: 200px;
    height: 60px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner-sec .container {
    z-index: 11;
    position: relative
}

header .navbar-nav .nav-item .nav-link:hover {
    color: #fe774a
}

header .form-inline .head-btn:hover {
    border: 1px solid #fff;
    background: 0 0
}

.bann-btn .themebtn-arrow,
.themebtn-simple {
    border-radius: 5px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    width: 200px;
    height: 60px
}

.banner-sec {
    background: url(../images/banner.jpg) 0 0/cover no-repeat;
    min-height: 1020px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 200px 0 0
}

.banner-mn h1 {
    font-size: 72px;
    color: #fff;
    line-height: 85px;
    font-weight: 400
}

.banner-mn p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    width: 50%;
    line-height: 30px;
    padding-top: 20px
}

.bann-btn .themebtn-arrow {
    background-image: -moz-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    background-image: -webkit-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    background-image: -ms-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    box-shadow: 0 30px 50px 0 rgba(161, 116, 217, .25);
    display: flex;
    align-items: center;
    justify-content: space-around
}

.bann-btn .themebtn-arrow i {
    background: #fff;
    color: #987fdc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 14px;
    border-radius: 50%
}

.bann-btn,
.themebtn-simple {
    align-items: center;
    display: flex
}

.themebtn-simple {
    justify-content: center;
    border: 1px solid #fff;
    background-color: rgba(24, 25, 26, 0)
}

.bann-btn {
    gap: 30px;
    padding-top: 30px
}

.bann-btn .themebtn-arrow:hover {
    background-image: -webkit-linear-gradient(0deg, #ff8e44 0, #f91362 100%) !important;
    box-shadow: 0 30px 50px 0 rgb(249 19 98 / 25%);
    border: 1px solid #fff;
    background: #000
}

.themebtn-simple:hover {
    background: #000;
    color: #fff !important
}

.banner-side {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 11
}

.banner-mn,
.fit-challenge,
.project-mn,
.project-sec,
.services-section .service-tabs,
.show_loader {
    position: relative
}

.banner-side img {
    max-height: 770px
}

.trust-main ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    padding-top: 200px
}

.trust-main ul li {
    font-size: 18px;
    color: #fff;
    font-weight: 400
}

.banner-mn {
    z-index: 1;
    top: -30px
}

.developSec {
    background: url(../images/develop-bann.jpg) no-repeat;
    min-height: 990px;
    padding: 120px 0 60px
}

.developSec .row,
.game-banner .row,
.web-dev-hero .row {
    justify-content: space-between;
    align-items: center
}

.develop-inner h4 {
    line-height: 55px;
    font-size: 45px;
    font-weight: 700;
    color: #fff
}

.develop-inner p {
    font-size: 24px;
    color: #fff;
    line-height: 38px;
    padding-top: 30px;
    font-weight: 400
}

.develop-inner .themebtn-simple {
    margin-top: 40px
}

.developMain {
    text-align: center;
    display: block;
    padding: 70px 60px;
    border-radius: 10px;
    border: 1px solid #fff;
    min-height: 300px;
    transition: .5s;
    margin-bottom: 30px
}

.lang-Sec,
.transform-sec .row {
    padding-top: 70px
}

.project-mn .head-btn,
.themebtn {
    border-radius: 5px;
    font-weight: 400
}

.developMain h6 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    padding-top: 20px
}

.developMain.active,
.developMain:hover {
    background: #fff
}

.developMain.active img,
.developMain:hover a img,
.inner-head .navbar-brand img,
.services_sec:hover .service img {
    filter: invert(1)
}

.developMain.active h6,
.developMain:hover a h6,
.enterprise-mn a:hover,
.hover-drop a:hover,
.inner-head .navbar-nav .nav-item .nav-link,
.ourwork-sec .zig-zag2 .work-inn .themebtn,
.ourwork-sec .zig-zag2 .work-inn h4,
.ourwork-sec .zig-zag2 .work-inn p {
    color: #000
}

.lang-Sec {
    display: flex;
    align-items: center;
    justify-content: space-between
}

img {
    transition: .5s ease-in-out
}

.lang-Sec li:hover img {
    transform: scale(1.2) rotate(360deg)
}

.lang-Sec li:nth-child(2),
.lang-Sec li:nth-child(4),
.lang-Sec li:nth-child(6),
.lang-Sec li:nth-child(8) {
    margin-top: -80px
}

.transform-sec {
    padding: 160px 0 50px;
    background: url(../images/transform-sd3.png) center no-repeat
}

.main-head h2 {
    font-size: 60px;
    color: var(--main-color);
    font-weight: 700;
    text-align: center;
    margin: auto
}

.main-head span,
.transform-mn span {
    color: #a075d9;
    font-size: 18px;
   
    font-weight: 600;
    line-height: 30px;
    display: block
}

.transform-mn h4 {
    font-size: 48px;
    color: var(--main-color);
    font-weight: 700;
    line-height: 50px;
    padding-bottom: 20px;
    padding-top: 40px;
    max-width: 92%
}

.transform-mn b,
.transform-mn p {
    line-height: 30px;
    color: var(--main-color)
}

.transform-mn ul {
    display: flex;
    align-items: center;
    gap: 10px
}

.caseBan-inner ul li,
.transform-mn ul li {
    display: block;
    background-color: rgb(233 233 239);
    padding: 12px 35px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: Advert-Regular;
    font-weight: 500;
    color: var(--main-color)
}

.transform-mn b {
    font-size: 18px;
    padding-top: 40px;
    display: block;
    max-width: 85%
}

.transform-mn p {
    font-size: 16px;
    font-weight: 500;
    padding-top: 30px;
    max-width: 80%
}

.themebtn {
    width: 200px;
    height: 60px;
    background-image: -moz-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    background-image: -webkit-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    background-image: -ms-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    box-shadow: 0 30px 50px 0 rgb(161 116 217 / 25%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff
}

.contactForm .themebtn:hover,
.inner-head .form-inline .head-btn:hover,
.load-btn:hover,
.themebtn:hover {
    background: #000;
    color: #fff
}

.project-mn .head-btn,
.test-slider .slick-dots .slick-active button {
    background-image: -moz-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    background-image: -webkit-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    background-image: -ms-linear-gradient(0deg, #ff8e44 0, #f91362 100%)
}

.about-sec {
    padding: 50px 0 150px;
    background: linear-gradient(359deg, #d9ebfb, #ffffff00)
}

.digital-mn ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap
}

.digital-mn li {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 30px 50px 0 rgba(111, 176, 234, .25);
    padding: 35px 40px 30px 20px;
    min-height: 200px;
    max-width: 275px;
    animation: 4s linear infinite ling-scale
}

.digital-mn ul li span {
    font-size: 80px;
    color: var(--main-color);
    font-weight: 800;
    line-height: 50px;
   
}

.digital-mn ul li p {
    color: var(--main-color);
    font-size: 18px;
    line-height: 25px;
    padding-top: 20px;
    max-width: 76%
}

.digital-mn,
.solution-repair .digital-rw {
    padding-top: 90px
}

.digital-mn ul li:nth-child(2),
.digital-mn ul li:nth-child(4) {
    margin-top: 70px
}

.project-sec {
    background: url(../images/project-ban.jpg) 0 0/cover no-repeat;
    min-height: 500px;
    padding: 85px 0;
    overflow: hidden
}

.project-mn h4 {
    font-size: 60px;
    font-weight: 600;
    line-height: 60px;
    color: #fff
}

.project-mn p {
    font-size: 23px;
    font-weight: 500;
    color: #fff;
    margin: 0;
    line-height: 35px;
    padding-top: 20px
}

.project-mn b {
    font-size: 36px;
    font-weight: 700;
    
    color: #fff;
    line-height: 38px
}

.project-mn .head-btn {
    box-shadow: 0 30px 50px 0 rgba(249, 19, 98, .25);
    width: 300px;
    height: 80px;
    font-size: 24px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    position: relative;
    z-index: 1
}

.project-mn .head-btn:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #000
}

.project-sd {
    position: absolute;
    bottom: -110px;
    right: -270px;
    max-height: 580px
}

.line-mn {
    position: absolute;
    bottom: -50px;
    right: -215px
}

.grade-sec {
    padding: 80px 0 50px
}

.grade-sec .row {
    justify-content: space-between
}

.enterprise-mn h4 {
    font-size: 50px;
    line-height: 62px;
    font-weight: 700;
    color: var(--main-color)
}

.enterprise-mn p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: var(--main-color);
    padding: 20px 0;
    max-width: 92%
}

.enterprise-mn a {
    color: var(--btn-color);
    font-size: 18px;
    font-weight: 500;
    transition: .5s
}

.test-mn h5,
.test-mn p,
.test-mn span {
    color: var(--main-color)
}

.enterprise-mn a i {
    padding-left: 10px;
    transition: .5s
}

.enterprise-mn a:hover i {
    transform: translateX(10px)
}

.test-mn {
    padding: 60px 40px 40px 50px;
    border-radius: 20px;
    background-color: #f5f5fa;
    margin: 10px;
    min-height: 600px
}

.test-mn h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 0
}

.clutch-rev span,
.test-mn p {
    font-size: 18px;
    font-weight: 600
}

.test-mn span {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px
}

.test-mn p {
    line-height: 36px;
    padding: 40px 0
}

.clutch-rev {
    text-align: end;
    display: flex;
    align-items: center;
    justify-content: end
}

.clutch-rev span {
    color: #ff3d2e
}

.award-mn h4,
.award-mn p {
    color: var(--main-color);
    font-size: 16px
}

.develop-inner .Blockchain-dev,
.develop-inner .app-dev,
.develop-inner .game-dev,
.develop-inner .web-dev,
.test-slider .slick-dots li button:before,
.webstat-sec {
    display: none
}

.test-slider .slick-dots li button {
    color: #dddce9;
    background: #dddce9;
    border-radius: 50%;
    width: 10px;
    height: 10px
}

.test-slider .slick-dots {
    bottom: 65px;
    left: 60px;
    width: auto
}

.award-sec {
    padding: 50px 0 90px
}

.award-mn {
    text-align: center;
    padding: 10px 30px 30px 20px;
    border-right: 1px solid var(--btn-color)
}

.award-mn h4 {
    line-height: 24px;
    
    padding: 30px 0 10px;
    font-weight: 600
}

.award-mn p {
    line-height: 25px;
    font-weight: 400;
    max-width: 90%;
    margin: auto
}

.award-sec .row {
    padding-top: 100px;
    padding-bottom: 50px;
    border-radius: 10px;
    background: linear-gradient(0deg, rgb(245 245 250), #fff);
    box-shadow: 0 30px 50px 0 rgba(160, 117, 217, .25);
    justify-content: space-between
}

.award-btn,
.socialIo {
    display: flex;
    align-items: center
}

.award-btn {
    justify-content: center;
    padding-top: 40px
}

.award-btn a {
    width: 260px
}

footer {
    background: #111629;
    padding: 100px 0 40px
}

footer .foot-address {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-weight: 500;
    padding-top: 30px
}

.contactForm .form-group,
.foot-links li {
    padding-bottom: 30px
}

.foot-links li a,
.nft-curious .curious-connectInner small {
    color: #fff;
    font-family: Advert-Regular;
    font-weight: 500
}

.foot-links li a:hover {
    color: var(--btn-color)
}

.copyright p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    font-family: Advert-Regular
}

.copyright p a {
    color: #6fb0ea
}

.socialIo {
    justify-content: end;
    gap: 20px
}

.load-btn,
.socialIo li a {
    align-items: center;
    display: flex
}

.socialIo li a {
    width: 40px;
    height: 40px;
    justify-content: center;
    background: #f0f8ff;
    border-radius: 50%
}

.socialIo li .fb {
    background: #3b5998;
    color: #fff
}

.socialIo li .twitr {
    background: #00acee;
    color: #fff
}

.socialIo li .insta {
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    box-shadow: 0 3px 10px rgb(0 0 0 / 25%);
    border-color: #d6249f;
    color: #fff
}

.socialIo li .linkedin {
    background: #0e76a8;
    color: #fff
}

.copyright {
    align-items: end;
    padding-top: 30px
}

footer .row:first-child {
    border-bottom: 1px solid #4d505f
}

.work-banner {
    background: url(../images/work/work-bann.jpg) 0 0/cover no-repeat;
    min-height: 850px
}

.Casepassion .row,
.screen-sec .row,
.work-banner .bann-btn {
    justify-content: center
}

.work-banner .bann-btn .themebtn-simple {
    border-color: #000;
    color: #000
}

.work-banner .banner-mn h1 {
    color: #000;
    max-width: 70%;
    margin: auto;
    font-weight: 700
}

.main-head p {
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    color: #000;
    padding-top: 20px;
    margin: auto;
    text-align: center
}

.custom-blockchain,
.engaging-sec,
.ourwork-sec,
.pack-sec,
.prod-SecTwo {
    padding: 100px 0
}

.ourwork-sec .zig-zag1 {
    border-radius: 25px;
    background-color: #2c32be;
    margin-top: 80px
}

.work-inn {
    padding: 100px 65px
}

.work-inn h4 {
    font-size: 60px;
    line-height: 65px;
    font-weight: 700;
    color: #fff
}

.work-inn p {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    padding: 30px 0
}

.work-inn .themebtn {
    background: 0 0;
    border: 1px solid #fff;
    box-shadow: none
}

.ourwork-sec .zig-zag2,
.ourwork-sec .zig-zag3,
.ourwork-sec .zig-zag4,
.ourwork-sec .zig-zag5,
.ourwork-sec .zig-zag6,
.ourwork-sec .zig-zag7 {
    border-radius: 25px;
    margin-top: 50px
}

.gameCase-Award .award-btn .themebtn:hover,
.gameCase-Page,
.join-btn .themebtn:hover,
.work-inn .themebtn:hover {
    background: #000
}

.maintain-inner ul,
.ourwork-sec figure,
.slick-track {
    margin: 0
}

.ourwork-sec .zig-zag2 {
    background-color: #fa649c
}

.ourwork-sec .zig-zag2 .work-inn .themebtn,
.target-txt .themebtn:hover {
    border-color: #000
}

.ourwork-sec .zig-zag3 {
    background-color: #1b1c1d;
    overflow: hidden
}

.ourwork-sec .zig-zag4 {
    background-color: #0fcea0
}

.ourwork-sec .zig-zag5 {
    background-color: #af8bc1
}

.ourwork-sec .zig-zag6 {
    background-color: #fce4e4
}

.ourwork-sec .zig-zag7 {
    background-color: #fcdb2a
}

.ourwork-sec .zig-zag3 figure img {
    position: relative;
    bottom: -30px
}

.ourwork-sec .zig-zag6 figure img {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px
}

.load-btn {
    width: 200px;
    height: 60px;
    border-radius: 5px;
    background: 0 0;
    border: 1px solid;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin: auto
}

.build-digitalSec,
.demand-inner ul .orange-bg {
    background-image: -moz-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    background-image: -webkit-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    background-image: -ms-linear-gradient(0deg, #ff8e44 0, #f91362 100%)
}

.Exper-Apps .row,
.banking-solution .row,
.demand-inner ul,
.emerg-secc .row,
.engaging-sec .engage-1,
.engaging-sec .engage-3,
.engaging-sec .engage-4,
.engaging-sec .engage-5,
.hybrid-block .row,
.nft-banner .row,
.offerFour .offer-row2 {
    align-items: center
}

.circle-InnerApp,
.demand-inner,
.load-sm {
    padding-top: 50px
}

.load-btn i,
.mobile-menu li a {
    padding-left: 10px
}

.build-digitalSec {
    padding: 100px 0
}

.build-digital h4 {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 20px
}

.build-digital .themebtn {
    margin: auto
}

.fifth-game p,
.four-game p,
.updateblock-text h4,
.updateblock-text p:nth-child(3),
.zig-zag2 .transform-mn b,
.zig-zag2 .transform-mn p {
    max-width: 70%
}

.mobile-ban,
.transform-mn {
    padding-top: 40px
}

.transform-sec .main-head {
    max-width: 70%;
    margin: auto
}

.test-slider .slick-dots li {
    width: 10px;
    height: 10px
}

.gameCase-Award .last-colmn,
.last-colmn {
    border: none
}

.ourwork-sec .main-head p {
    max-width: 55%;
    margin: auto
}

.service-banner {
    background: url(../images/services/banner1.jpg) 0 0/cover no-repeat
}

.Exper-Apps,
.demand-sec,
.developed-process,
.serv-offer {
    padding: 100px 0 50px
}

.demand-sec .main-head p {
    max-width: 85%;
    margin: auto;
    text-align: center;
    padding-top: 30px
}

.offer-txt p,
.we-offerSec .main-head p {
    max-width: 95%
}

.demand-inner ul {
    display: flex;
    justify-content: space-between;
    gap: 40px
}

.demand-inner ul li {
    padding: 20px 80px 25px 50px;
    border-radius: 10px
}

.demand-inner ul li span {
    font-size: 80px;
    color: #fff;
    
    font-weight: 800
}

.demand-inner ul li p {
    margin: 0;
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    font-family: Advert-Regular;
    font-weight: 500
}

.demand-inner ul .blue-bg,
.facts-mn ul .facts-inn:hover {
    background-image: -moz-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    background-image: -webkit-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    background-image: -ms-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    box-shadow: 0 30px 50px 0 rgba(161, 116, 217, .25)
}

.demand-inner ul .orange-bg {
    box-shadow: 0 30px 50px 0 rgba(249, 19, 98, .25);
    margin-bottom: -80px
}

.digitalProducts,
.we-offerSec {
    padding: 50px 0 0
}

.we-offerSec .offer-row1 {
    position: relative;
    padding-top: 70px
}

.offer-txt span {
    display: block;
    text-align: right;
    color: #dedee2;
    font-size: 100px;
    font-family: "Open Sans";
    font-weight: 700
}

.offer-txt h4 {
    font-size: 48px;
    font-weight: 700
}

.offer-txt p,
.offer-txt ul li {
    color: var(--main-color);
    font-size: 18px;
    line-height: 36px
}

.offer-txt p {
    padding-top: 20px;
    font-weight: 400
}

.contactForm .form-check label,
.contactForm .themebtn,
.contactForm label {
    font-weight: 600;
    font-family: Advert-Regular
}

.offer-txt ul li {
    font-weight: 500;
    font-family: Roboto;
    padding-bottom: 5px
}

.offerTwo {
    padding: 100px 0 50px;
    background: url(../images/services/offer-bg.png) 0 0/cover no-repeat
}

.offer-row2 .offer-txt span {
    color: #dedee2;
    text-align: left
}

.caseBan-inner,
.contact-inner,
.game-case,
.last-section-content h2,
.popup_form .close_popup,
.requestMainm h2,
.upper-text h2,
.upper-text p,
.why-choose-wrapper p {
    text-align: center
}

.OfferThree,
.OfferThree .offer-row1,
.nft-curious .curious-connectInner,
.partner-mn,
.partner-mn h4 {
    padding: 0
}

.challenge-mn small,
.curious-mn small {
    padding-bottom: 30px;
    
}

.offerFour {
    padding: 170px 0 0;
    background: url(../images/services/offer-bg4.png) 0 0/cover no-repeat;
    min-height: 900px
}

.offer-row1 .offer-txt {
    padding-left: 50px
}

.contact-banner {
    background: url(../images/contact/contact-banner.jpg) 0 0/cover no-repeat
}

.blockchain-banner .banner-mn p,
.contact-banner .banner-mn h1,
.scotterBan-txt p {
    max-width: 80%
}

.SolutionGame,
.contact-info {
    padding: 150px 0 100px
}

.contact-inner ul li a {
    font-size: 100px;
    font-weight: 800;
    font-family: Advert-Extra-Bold;
    color: #000;
    line-height: 125px
}

.cntct-mn a,
.cntct-mn span,
.contactForm .themebtn,
.contactForm label,
.entry-mn ul li p,
.entry-mn ul li span {
    color: var(--main-color)
}

.contactForm label {
    font-size: 16px
}

.contactForm label small {
    color: #5359ed;
    font-size: 16px
}

.contactForm input {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0
}

.contactForm textarea {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    height: 38px
}

.banking-solution,
.discount-bankTxt,
.engaging-sec .engage-2,
.engaging-sec .engage-3,
.engaging-sec .engage-4,
.engaging-sec .engage-5,
.formRow {
    padding-top: 100px
}

.contactForm .form-check label {
    font-size: 18px
}

.contactForm .form-check input {
    height: 15px;
    width: 15px;
    background-color: #f5f5fa;
    border: 1px solid #e8e8ef
}

.contactForm .themebtn {
    background: 0 0;
    font-size: 18px;
    box-shadow: none
}

.entry-mn ul li:hover,
.inner-expert:hover {
    background-color: #e45f91
}

.btn-cntct {
    display: flex;
    align-items: center;
    justify-content: end
}

.contact-secTwo {
    padding: 0 0 150px
}

.contact-secTwo .row {
    justify-content: space-between;
    padding-top: 50px
}

.cntct-mn span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 36px
}

.cntct-mn a {
    font-size: 16px;
    font-weight: 400;
    line-height: 36px
}

.case-banner {
    background: url(../images/case/case-banner.jpg) 0 0/cover no-repeat;
    min-height: 1080px;
    align-items: unset
}

.caseBan-inner ul,
.game-case .banner-mn ul {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    padding-top: 10px
}

.entry-mn ul,
.join-btn {
    align-items: center;
    display: flex
}

.caseBan-inner {
    padding-top: 30px
}

.caseBan-inner p {
    font-size: 24px;
    line-height: 30px;
    color: #000;
    font-weight: 500;
    max-width: 60%;
    margin: auto;
    padding-top: 20px
}

.challenge-mn p,
.curious-mn p {
    line-height: 36px;
    padding-top: 30px
}

.curious-sec {
    background-color: #6418c3;
    padding: 150px 0 126px;
    position: relative
}

.entry-mn ul li,
.inner-expert {
    background-color: #fff;
    box-shadow: 0 30px 50px 0 rgba(111, 176, 234, .25);
    border-radius: 10px;
    transition: .5s
}

.curious-num span {
    color: #5713b8;
    font-size: 500px;
    font-weight: 800;
    font-family: Roboto
}

.curious-mn small {
    font-weight: 500;
    color: #00f0ff;
    font-size: 18px;
    display: block
}

.curious-mn h4 {
    font-size: 60px;
    color: #fff;
    font-weight: 700
}

.curious-mn p {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    max-width: 82%
}

.curious-num {
    position: absolute;
    top: -180px;
    left: 0
}

.curious-sd {
    position: absolute;
    top: 95px;
    right: 0;
    max-width: 800px
}

.entry-mn ul {
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.entry-mn ul li {
    width: 315px;
    height: 200px;
    padding: 40px 20px
}

.entry-mn ul li span {
    font-size: 72px;
    font-weight: 800;
    
    line-height: 50px
}

.entry-mn ul li p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 20px
}

.entry-mn {
    margin-bottom: -220px
}

.curious-mn,
.gameCase-Award .main-head,
.product-scottertxt,
.serv-offer .main-head {
    padding-bottom: 50px
}

.challenge-sec {
    padding: 220px 0 0;
    position: relative;
    overflow: hidden
}

.chall-num,
.solution-num {
    position: absolute;
    top: -20px
}

.challenge-mn small {
    font-weight: 500;
    color: #a075d9;
    font-size: 18px;
    display: block
}

.challenge-mn h4 {
    font-size: 60px;
    color: var(--main-color);
    font-weight: 700;
    max-width: 90%
}

.challenge-mn p {
    font-size: 18px;
    color: var(--main-color);
    font-weight: 400;
    max-width: 78%
}

.chall-num span,
.solution-num span {
    font-size: 500px;
    font-weight: 800;
    font-family: Roboto;
    color: #f2eff9
}

.chall-num {
    right: 0
}

.experience-sec {
    padding-bottom: 80px
}

.inner-expert img {
    filter: invert(1);
    transition: .5s
}

.inner-expert {
    width: 300px;
    height: 300px;
    padding: 50px 40px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: end
}

.inner-expert p {
    font-size: 24px;
    color: var(--main-color);
    line-height: 30px;
    font-weight: 600;
    padding-top: 20px;
    margin: 0;
    padding-bottom: 0;
    max-width: 98%;
    
}

.game-banner .banner-mn .trust-main ul,
.leader-txt p {
    padding-top: 30px
}

.inner-expert:hover {
    box-shadow: 0 30px 50px 0 rgba(228, 95, 145, .25)
}

.inner-expert:hover img,
.scotter-digital .inner-expert img {
    filter: unset
}

.first-expert {
    margin-top: -40px
}

.fourth-expert {
    margin-top: 30px
}

.passion-sec {
    background: url(../images/case/passion-ban.png) 0 0/cover no-repeat;
    min-height: 430px;
    padding: 100px 0
}

.passion-sec .main-head p {
    color: #fff;
    font-size: 18px;
    max-width: 92%;
    line-height: 30px
}

.bank-maintainer,
.growing-sec,
.meet-sec,
.nft-development {
    padding: 100px 0 0
}

.growing-sec .main-head p {
    font-size: 18px;
    max-width: 58%
}

.game-mn figure {
    margin: 0;
    overflow: hidden
}

.growing-sec .main-head {
    padding-bottom: 40px
}

.game-mn figure img {
    transition: .5s;
    border-radius: 10px
}

.game-mn figure img:hover {
    transform: scale(1.1)
}

.game-mn {
    margin-bottom: 40px
}

.linked-btn,
.web-dev-hero .trust-main ul {
    padding-top: 20px
}

.about-banner {
    background: url(../images/about/abt-bann.jpg) 0 0/cover no-repeat
}

.about-banner .banner-mn h1 {
    max-width: 90%
}

.target-sec .target-mn {
    background: url(../images/about/target-bg.jpg) no-repeat;
    border-radius: 25px;
    position: relative
}

.join-btn .themebtn,
.target-txt .themebtn {
    background-image: -moz-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    background-image: -webkit-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    background-image: -ms-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    box-shadow: 0 30px 50px 0 rgba(249, 19, 98, .25)
}

.target-txt span {
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    
    display: block;
    padding-bottom: 30px
}

.target-txt h4 {
    line-height: 72px
}

.target-txt p {
    max-width: 82%
}

.target-sd {
    position: absolute;
    top: 0;
    right: 0
}

.target-sec {
    position: relative;
    overflow: hidden;
    padding: 100px 0 0
}

.target-txt .themebtn {
    border-radius: 5px;
    border: 1px solid #f91362
}

.studio-inner ul li {
    padding-left: 40px;
    width: 345px;
    min-height: 210px
}

.maintain-inner,
.studio-inner {
    padding-top: 80px
}

.studio-sec {
    background-color: #eff7ff
}

.empower-banking,
.leader-sec,
.solution-repair {
    padding: 150px 0
}

.leader-txt span {
    color: #5359ed;
    font-size: 18px;
    font-weight: 800;
    display: block;
    padding-bottom: 20px;
    line-height: 30px;
    
}

.contnt-main h4,
.contnt-main p,
.leader-txt h4,
.leader-txt p {
    color: var(--main-color)
}

.leader-txt h4 {
    font-size: 60px;
    font-weight: 700;
    line-height: 72px;
    max-width: 100%;
    margin: 0
}

.leader-txt p {
    font-size: 18px;
    font-weight: 500;
    line-height: 38px;
    max-width: 92%
}

.people-sec {
    background: url(../images/about/award-bg.jpg) center no-repeat;
    min-height: 480px
}

.meet-sec .main-head p {
    max-width: 58%;
    padding-bottom: 40px
}

.join-btn {
    justify-content: center
}

.join-btn .themebtn {
    border-radius: 5px
}

@keyframes ling-scale {

    0%,
    100% {
        transform: scale(.9)
    }

    50% {
        transform: scale(1)
    }
}

.demand-inner ul li:first-child,
.digital-mn ul li:first-child,
.digital-mn ul li:nth-child(5),
.we-offerSec figure>img {
    animation: 2s linear infinite ling-scale
}

.demand-inner ul li:nth-child(2),
.digital-mn ul li:nth-child(2) {
    animation: 3s linear infinite ling-scale
}

.demand-inner ul li:nth-child(4),
.digital-mn ul li:nth-child(3) {
    animation: 2.5s linear infinite ling-scale
}

.demand-inner ul li:nth-child(3),
.digital-mn ul li:nth-child(4) {
    animation: 4s linear infinite ling-scale
}

#particles-js {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 1;
    opacity: .6
}

#particles-js canvas {
    height: auto !important
}

.banner-mn h1 b span {
    display: none;
    position: relative
}

.banner-mn h1 b span.active,
.pack-inner ul li i {
    display: inline-block
}

.banner-mn h1 b span.active::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: #11162a;
    transition: .5s;
    animation: .5s linear forwards bannertext
}

@keyframes bannertext {
    0% {
        width: 100%
    }

    100% {
        width: 0%
    }
}

.privacy-banner {
    background: #f8f8f8;
    min-height: 400px;
    padding: 150px 0 0
}

.privacy-banner .banner-mn h1 {
    color: var(--main-color);
    font-size: 56px;
    line-height: 85px;
    font-weight: 700;
    font-family: "Open Sans", sans-serif
}

.bi-section,
.privacycontent-sec {
    padding: 50px 0
}

.contnt-main p {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    padding: 10px 0
}

.contnt-main h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 20px
}

.pack-inner h4,
.packag-tabs .nav-tabs .nav-item .nav-link {
    color: var(--main-color);
    font-weight: 600;
    
}

.footermn-links .email-link,
.footermn-links .numb-link {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-weight: 500;
    display: block;
    padding: 7px 0
}

.footermn-links .email-link i,
.footermn-links .numb-link i {
    margin-right: 10px
}

.footermn-links {
    padding: 0 0 30px
}

.footermn-links .payment-card {
    padding-top: 15px
}

.popup_form {
    background: #fff;
    padding: 20px 25px;
    border-radius: 8px
}

.popup_form .close_popup {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--white);
    background: var(--btn-color);
    line-height: 1;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50px
}

.small,
small {
    font-size: .875em
}

.popup_form .title {
    color: #000;
    font-size: 24px;
    margin-bottom: 25px;
    font-weight: 700
}

.popup_form .c_field {
    background: 0 0;
    border: 2px solid #a6a8af;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px 12px;
    border-radius: 5px;
    color: #000;
    font-size: 14px
}

.packag-tabs .nav-tabs .nav-item .nav-link.active,
.popup_form .btn_green {
    background-image: -moz-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    background-image: -webkit-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    background-image: -ms-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%)
}

.popup_form .btn_green {
    padding: 10px;
    font-size: 15px;
    width: 150px;
    height: auto;
    letter-spacing: .8px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 30px 50px 0 rgba(161, 116, 217, .25)
}

.popup_form .btn_green:hover,
.popup_form .close_popup:hover {
    color: #fff;
    background: #000
}

.popup_form .form-check label {
    font-size: 15px;
    color: #000;
    font-weight: 400;
    letter-spacing: .3px
}

.popup_form .form-check {
    margin-bottom: 16px
}

.popup_form .btn_green:hover {
    border: 1px solid;
    color: #fff
}

#custom .cntct-sd {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    border-radius: 10px
}

.packag-tabs .nav-tabs {
    justify-content: center;
    border: none;
    gap: 10px;
    padding: 50px 0
}

.packag-tabs .nav-tabs .nav-item .nav-link {
    border: none;
    font-size: 24px;
    background: #eee;
    border-radius: 5px
}

.packag-tabs .nav-tabs .nav-item .nav-link.active {
    border-radius: 5px;
    box-shadow: 0 30px 50px 0 rgb(161 116 217 / 25%);
    color: #fff
}

.pack-inner {
    position: relative;
    border: 1px solid var(--main-color);
    border-radius: 10px;
    transition: .8s ease-in-out;
    padding: 30px 20px;
    margin: 10px
}

.pack-inner h4 {
    color: #a075d9;
    font-size: 18px;
    line-height: 30px
}

.pack-inner b,
.pack-inner p,
.pack-inner ul li {
    color: var(--main-color)
}

.pack-inner b {
    font-size: 36px;
    font-weight: 800;
    
}

.pack-inner p,
.pack-inner ul li,
.sidenav a {
    font-size: 16px;
    font-weight: 500
}

.pack-inner p {
    font-family: Advert-Regular
}

.pack-inner ul {
    height: 260px;
    overflow: scroll;
    overflow-x: hidden
}

.pack-inner ul li {
    font-family: Advert-Regular;
    margin-bottom: 5px;
    display: flex;
    line-height: 30px;
    align-items: baseline
}

.packag-tabs .nav-tabs::-webkit-scrollbar {
    height: 5px;
    border-radius: 5px
}

.packag-tabs .nav-tabs::-webkit-scrollbar-track {
    background: #d3d3d3;
    border-radius: 5px
}

.packag-tabs .nav-tabs::-webkit-scrollbar-thumb {
    background-image: -moz-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    background-image: -webkit-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    background-image: -ms-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    border-radius: 5px
}

.pack-inner ul::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px
}

.pack-inner ul::-webkit-scrollbar-track {
    background: #d3d3d3;
    border-radius: 5px
}

.pack-inner ul::-webkit-scrollbar-thumb {
    background-image: -moz-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    background-image: -webkit-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    background-image: -ms-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    border-radius: 5px
}

.pack-inner ul li i {
    background: #70afe9;
    padding: 5px;
    border-radius: 50%;
    margin-right: 6px;
    font-size: 14px;
    color: #fff;
    flex: 0 0 20px
}

.pack-inner .package-btn {
    margin: 30px auto auto;
    width: 100%;
    height: 50px
}

.contactForm label.error {
    color: red;
    font-size: 10px;
    display: unset !important
}

.payment-form label.error,
label.error {
    display: none !important
}

input.error {
    border: 2px solid red !important
}

.sidenav {
    display: none;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 11;
    top: 0;
    background-color: #000;
    padding-top: 60px;
    transition: .5s
}

header .spanBar {
    color: #fff;
    background-image: -moz-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    background-image: -webkit-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    background-image: -ms-linear-gradient(0deg, #6fb0ea 0, #a174d9 100%);
    box-shadow: 0 30px 50px 0 rgb(161 116 217 / 25%);
    padding: 10px;
    border-radius: 50%;
    display: none
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #fff;
    display: block;
    transition: .3s
}

.choose-innertxt span,
.hybrid-txt span {
    display: inline-block;
    padding-bottom: 30px
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    font-weight: 300
}

.tab-content>.tab-pane {
    display: block;
    height: 0;
    overflow: hidden
}

.tab-content>.active {
    height: auto
}

.no-top {
    padding-top: 0 !important
}

.web-dev-container {
    max-width: 1520px !important
}

.stat-left,
.stat-right {
    max-width: 450px;
    bottom: 0
}

.web-dev-hero {
    background: url("../images/web-dev/hero-bg.png") center/cover no-repeat;
    padding: 140px 0 0;
    min-height: 850px
}

.web-dev-hero .hero-content .hero-text h1 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px
}

.web-dev-hero .hero-content .hero-text .bi-paragraph {
    font-family: Advert-Regular;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    width: 100%
}

.web-dev-hero .hero-content .hero-text .hero-logos {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px
}

.web-dev-hero .hero-content .hero-text .hero-logos h3 {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
    font-family: Advert-Regular
}

.web-dev-hero .hero-content .hero-text .hero-logos img {
    width: 113px;
    margin: 0 20px
}

.web-dev-hero .hero-content .hero-text .hero-logos img:last-child {
    width: 90px
}

.services-section .top-heading {
    font-size: 60px;
    font-weight: 700;
    color: #111629
}

.services-section .service-tabs ul {
    list-style: none
}

.ui-tabs-vertical .ui-tabs-nav {
    padding: .2em .1em .2em .2em;
    float: left;
    position: absolute;
    right: 0;
    top: -30px;
    width: 35%
}

.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    border-bottom-width: 1px !important;
    border-right-width: 0 !important;
    margin: 0 -1px .2em 0
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
    padding-right: .1em;
    border-right-width: 1px
}

.ui-tabs-vertical .ui-tabs-panel {
    padding: 1em;
    float: left;
    width: 100%
}

.ui-tab {
    width: 79% !important;
    padding: 0 30px 0 80px !important;
    margin: 20px 0 20px auto !important;
    background: url("../images/web-dev/tabs-bg.png") center left/contain no-repeat !important;
    height: 86px !important;
    transition: .3s
}

.fourth-digit,
.frst-supply,
.inner-game,
.our-work-wrapper,
.second-digit {
    margin-top: 50px
}

.ui-tab a {
    color: #111629;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 85px;
    position: relative
}

.ui-tab.ui-tabs-active {
    width: 100% !important;
    background: url("../images/web-dev/tabs-active-bg.png") center left/contain no-repeat !important;
    height: 170px !important;
    margin-bottom: -50px !important
}

.ui-tab.ui-tabs-active a {
    color: #fff;
    line-height: 120px !important
}

.ui-tab a img {
    position: absolute;
    right: 0;
    top: 22px;
    filter: contrast(0) brightness(0)
}

.ui-tab.ui-tabs-active a img {
    position: absolute;
    right: 40px;
    top: 38px;
    filter: contrast(1)
}

.bi-tabs {
    width: 100%
}

.bi-tabs p {
    color: #111629;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px
}

.upper-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.upper-text h2 {
    color: #111629;
    font-weight: 800;
    font-size: 60px;
    line-height: 72px
}

.upper-text p {
    color: #111629;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px
}

.our-work-content {
    padding-right: 50px
}

.our-work-content h3 {
    color: #111629;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px
}

.our-work-content h5 {
    color: #111629;
    font-size: 24px;
    font-family: Advert-Regular;
    font-weight: 600;
    margin: 40px 0
}

.our-work-content p {
    color: #111629;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 40px
}

.our-work-image {
    background: url("../images/web-dev/our-work-bg.png") center/contain no-repeat
}

.our-work-image img {
    width: 100%;
    padding-left: 50px
}

.why-choose-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 80px 140px;
    border-radius: 20px;
    background-color: #f5f5fa
}

.last-section,
.project-sec.web-dev {
    background: linear-gradient(90deg, #c30105 0, #f57901 100%)
}

.why-choose-wrapper h2 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #111629
}

.why-choose-wrapper p {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    color: #111629
}

.technology-section .upper-text h2 {
    font-size: 48px
}

.technology-section .upper-text p {
    margin-top: 20px;
    font-size: 18px
}

.bi-logos-wrapper {
    width: 100%;
    padding: 20px 100px 0;
    display: flex;
    justify-content: space-between;
    align-items: end;
    height: 170px
}

.bi-logos-wrapper img {
    height: 95px;
    width: 70px;
    object-fit: contain
}

.bi-logos-wrapper img:nth-child(2n) {
    align-self: flex-start !important
}

.bi-logos-wrapper img:hover {
    transform: rotate(360deg) scale(1.3)
}

.project-sec.web-dev {
    position: relative;
    overflow: hidden
}

.project-sec.web-dev .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/web-dev/banner-bg.png") center/cover no-repeat
}

.project-sec.web-dev .project-sd {
    right: 0;
    top: 50px
}

.last-section-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 120px 0
}

.last-section-content h2 {
    color: #fff;
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 30px
}

.game-banner {
    background: url(../images/game/banner.jpg) 0 0/cover no-repeat;
    padding: 140px 0 0;
    min-height: 850px
}

.requestMainm {
    background: #fff;
    padding: 50px 40px;
    border-radius: 5px;
    box-shadow: 0 100px 100px 0 rgba(39, 39, 61, .1), 0 100px 100px 0 rgba(39, 39, 61, .1)
}

.requestMainm h2 {
    font-size: 36px;
    font-weight: 900;
    color: #27273d;
    padding-bottom: 40px;
    font-family: Advert-Extra-Bold
}

.inner-game h4,
.req-form .bi-btn {
    font-weight: 600;
    text-transform: uppercase
}

.enagage-inner span,
.inner-game h4 {
    color: #fff;
    
}

.req-form .bi-btn {
    width: 100%;
    color: #fff;
    padding: 10px 0;
    font-family: Advert-Regular;
    font-size: 18px;
    border-radius: 5px;
    background-color: #111629;
    border: 1px solid #111629
}

.req-form .form-group input,
.req-form .form-group textarea {
    font-size: 14px;
    border: 1px solid #bdbdda;
    color: #27273d;
    font-family: Advert-Regular;
    font-weight: 500
}

.req-form .bi-btn:hover {
    background: #fff;
    border: 1px solid #111629;
    color: #111629
}

.req-form .form-group input {
    height: 50px
}

.req-form .form-group input::placeholder,
.req-form .form-group textarea::placeholder {
    color: #27273d;
    font-family: Advert-Regular;
    font-weight: 500;
    font-size: 14px
}

.game-banner .banner-mn p {
    width: 100%;
    font-size: 18px;
    padding-top: 20px
}

.screen-sec {
    padding: 70px 0 50px
}

.inner-game {
    padding: 30px 40px;
    border-radius: 10px;
    background-color: #111629;
    border: 1px solid #bdbdda;
    position: relative;
    transition: .5s;
    height: 280px
}

.inner-game h4 {
    font-size: 30px
}

.inner-game p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    max-width: 80%
}

.inner-game .screens {
    position: absolute;
    bottom: -30px;
    right: -15px
}

.inner-game:hover,
.supply-inner:hover {
    background-image: -moz-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    background-image: -webkit-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    background-image: -ms-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    box-shadow: 0 30px 50px 0 rgba(249, 19, 98, .25);
    border: 1px solid transparent
}

.game-tech,
.screen-sec .main-head {
    padding-bottom: 0
}

.four-game .screens {
    right: 0
}

.fifth-game .screens {
    right: -2px;
    width: 40%
}

.enagage-inner span {
    background: #39a794;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
    padding: 3px 25px;
    border-radius: 30px
}

.enagage-inner h4,
.inner-blockcont h4,
.scooter-award .main-head h2 {
    padding-bottom: 20px
}

.enagage-inner p,
.inner-blockcont p {
    font-family: Advert-Regular;
    color: #111629
}

.enagage-inner h4 {
    font-size: 48px;
    color: #111629;
    font-weight: 700;
    line-height: 53px
}

.enagage-inner p {
    font-size: 19px;
    line-height: 30px;
    font-weight: 400
}

.enagage-inner .bann-btn .themebtn-simple,
.hybrid-txt .themebtn-simple,
.partner-mn .bann-btn .themebtn-simple {
    color: #111629;
    border: 1px solid #111629
}

.engaging-sec .engage-2,
.engaging-sec .engage-4 {
    flex-direction: row-reverse
}

.engaging-sec .engage-2 span {
    background: rgb(255 173 0)
}

.engaging-sec .engage-3 span {
    background: rgb(0 117 197)
}

.engaging-sec .engage-4 span {
    background: rgb(237 78 106)
}

.engaging-sec .engage-5 span {
    background: rgb(53 26 131)
}

.cta-game {
    background: url(../images/game/cta-bg.jpg) center/cover no-repeat
}

.build-game {
    background: url(../images/game/build-bg.png) 0 0/cover no-repeat
}

.game-award {
    padding-bottom: 50px;
    padding-top: 50px
}

.build-game .build-digital h4 {
    max-width: 90%;
    text-align: center;
    margin: auto;
    padding-top: 20px
}

.blockchain-banner {
    background: url(../images/blockchain/block-bg.jpg) 0 0/cover no-repeat;
    padding: 180px 0 70px
}

.inner-blockcont h4 {
    font-size: 60px;
    color: #111629;
    line-height: 72px;
    font-weight: 700
}

.inner-blockcont p {
    font-size: 18px;
    line-height: 36px;
    font-weight: 500;
    max-width: 84%
}

.supply-inner {
    border: 1px solid #bdbdda;
    border-radius: 5px;
    background-color: rgba(17, 22, 41, 0);
    padding: 50px 40px 50px 30px;
    width: 425px;
    transition: .5s;
    margin-bottom: 30px;
    min-height: 380px
}

.supply-inner h4 {
    font-size: 30px;
    font-weight: 700;
    color: #111629;
    
    padding-bottom: 10px
}

.supply-inner p {
    color: #111629;
    font-size: 16px;
    font-family: Advert-Regular;
    line-height: 26px
}

.fourth-supply,
.nft-curious {
    margin-top: -50px
}

.choose-sec .container {
    background: url(../images/blockchain/choose-bg.jpg) 0 0/cover no-repeat;
    min-height: 700px;
    padding-top: 70px;
    overflow: inherit;
    position: relative
}

.choose-innertxt {
    padding-left: 50px;
    padding-bottom: 60px
}

.choose-innertxt span {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 30px;
    
}

.choose-innertxt h4 {
    font-size: 48px;
    font-family: Advert-Regular;
    color: #fff;
    font-weight: 700;
    line-height: 50px
}

.choose-innertxt p {
    font-size: 18px;
    color: #fff;
    font-family: Advert-Regular;
    font-weight: 400;
    line-height: 36px;
    padding-top: 35px;
    margin: 0
}

.choose-sec {
    padding: 0 0 70px;
    position: relative;
    overflow: hidden
}

.sd-choose {
    position: absolute;
    right: 0;
    top: -70px
}

.hybrid-txt span {
    color: #a075d9;
    
    font-size: 18px;
    font-weight: 500
}

.hybrid-txt h4 {
    color: #111629;
    font-size: 48px;
    font-weight: 700;
    line-height: 55px;
    max-width: 90%
}

.hybrid-txt p {
    color: #111629;
    font-size: 19px;
    font-family: Advert-Regular;
    font-weight: 500;
    line-height: 30px;
    padding-top: 40px;
    margin: 0
}

.hybrid-block {
    padding: 50px 0 150px
}

.block-cta {
    background: url(../images/blockchain/blockcta-bg.jpg) 0 0/cover no-repeat
}

.block-cta .project-sd {
    bottom: 0
}

.inner-process {
    padding-left: 50px;
    padding-top: 60px
}

.inner-process h4 {
    color: #111629;
    font-size: 30px;
    font-weight: 600;
    
    line-height: 36px;
    position: relative
}

.inner-process p {
    color: #111629;
    line-height: 30px;
    font-size: 16px;
    font-family: Advert-Regular;
    max-width: 96%
}

.inner-process h4:before {
    content: "";
    position: absolute;
    background-image: -moz-linear-gradient(0deg, #f91362 0, #ff8e44 100%);
    background-image: -webkit-linear-gradient(0deg, #f91362 0, #ff8e44 100%);
    background-image: -ms-linear-gradient(0deg, #f91362 0, #ff8e44 100%);
    box-shadow: 0 30px 50px 0 rgba(249, 19, 98, .25);
    width: 75px;
    height: 5px;
    left: -90px;
    top: 15px
}

[contenteditable].form-control:focus,
[type=email].form-control:focus,
[type=password].form-control:focus,
[type=tel].form-control:focus,
[type=text].form-control:focus,
input.form-control:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea.form-control:focus,
textarea:focus {
    box-shadow: inset 0 -1px 0 #ddd
}

.game-case {
    background: url(../images/gamecase/banner-image.jpg) center/cover no-repeat;
    min-height: 1300px;
    align-items: flex-start;
    padding-top: 280px
}

.inner-gm {
    padding-top: 150px
}

.fitness-banner {
    background: url(../images/fitness/banner.jpg) 0 0/cover no-repeat;
    position: relative;
    overflow: hidden;
    min-height: 1000px
}

.enrich-mn,
.fitness-banner .banner-mn {
    text-align: left
}

.caseBan-inner.banner-mn h1,
.caseBan-inner.banner-mn p {
    color: #fff;
    max-width: 100%;
    margin: 0
}

.caseBan-inner.banner-mn p {
    width: 85%
}

.fitness-banner .caseBan-inner ul {
    justify-content: flex-start
}

.fitness-banner .caseBan-inner ul li {
    background: #9c71ab6b;
    color: #fff
}

.sd-fitness {
    position: absolute;
    right: -40px
}

.sd-fitness img {
    max-width: 960px
}

.inner-statisfy {
    text-align: center;
    position: relative;
    z-index: 11
}

.inner-statisfy small {
    color: #cc73fc;
    font-size: 18px;
    
    display: block;
    padding-bottom: 30px
}

.inner-statisfy h2 {
    font-size: 48px;
    font-weight: 800;
    line-height: 60px;
    color: #111629
}

.inner-statisfy p {
    color: #111629;
    font-size: 18px;
    font-family: Advert-Regular;
    line-height: 30px;
    padding-top: 40px;
    max-width: initial;
    font-weight: 600
}

.statisfy-sec {
    padding: 100px 0;
    position: relative;
    overflow: hidden
}

.fitness-sd,
.game-chall,
.img-fitness,
.stat-left,
.stat-right {
    position: absolute
}

.stat-right {
    right: 0
}

.inner-fitt {
    text-align: left;
    padding: 90px 0 120px 60px
}

.fit-challenge .container {
    background: #dbc8eb;
    border-radius: 25px
}

.fitness-sd {
    top: -80px
}

.power-sec {
    padding: 150px 0 70px
}

.power-sec .main-head {
    max-width: 80%;
    margin: auto;
    padding-bottom: 50px
}

.inner-power {
    display: flex;
    align-items: center;
    gap: 30px
}

.fitness-case,
.partner-sec .row {
    align-items: flex-start
}

.inner-power span {
    color: #cc73fc;
    font-size: 72px;
    font-family: Advert-Regular
}

.inner-power p {
    margin: 0;
    color: #111629;
    font-size: 18px;
    line-height: 30px;
    max-width: 50%
}

.platform-sec {
    background: url(../images/fitness/platform-bg.jpg) 0 0/cover no-repeat;
    padding: 90px 0
}

.platform-sec .main-head h2 {
    color: #fff;
    font-family: Advert-Regular;
    font-weight: 500;
    margin: auto
}

.platform-sec .main-head h2 b {
    color: #cb70fc
}

.recipe-sec,
.solution-repair .inner-expert:hover {
    background: 0 0
}

.Casepassion .custom-cont,
.gameCase-Award .award-btn .themebtn {
    background-image: -moz-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    background-image: -webkit-linear-gradient(0deg, #ff8e44 0, #f91362 100%);
    background-image: -ms-linear-gradient(0deg, #ff8e44 0, #f91362 100%)
}

.recipe-sec .container {
    border-radius: 25px;
    background-image: -moz-linear-gradient(-90deg, #764f8e 0, #b18cc0 100%);
    background-image: -webkit-linear-gradient(-90deg, #764f8e 0, #b18cc0 100%);
    background-image: -ms-linear-gradient(-90deg, #764f8e 0, #b18cc0 100%);
    padding: 100px
}

.recipe-sec .main-head p {
    font-size: 24px;
    line-height: 36px;
    font-family: Advert-Regular;
    font-weight: 400
}

.fitness-expert {
    border: 1px solid #bdbdda
}

.inner-process h4 span {
    font-size: 60px;
    color: #e5e5ef;
    
    font-weight: 600;
    position: absolute;
    left: -90px;
    top: -35px
}

.game-case .banner-mn ul li,
.mobileBan-inner ul li {
    padding: 12px 35px;
    font-family: Advert-Regular;
    display: block
}

.fitness-case {
    background: url(../images/fitnesscase/banner2.png) 0 0/contain no-repeat;
    min-height: 991px;
    padding-top: 280px;
    text-align: center
}

.img-fitness {
    top: -52%;
    height: auto;
    right: -5%;
    max-width: 100%
}

.Casepassion .mycustom-cont {
    border-radius: 25px;
    background-image: -moz-linear-gradient(0deg, #7d5794 0, #af8abe 100%);
    background-image: -webkit-linear-gradient(0deg, #7d5794 0, #af8abe 100%);
    background-image: -ms-linear-gradient(0deg, #7d5794 0, #af8abe 100%);
    box-shadow: 0 30px 50px 0 rgb(175 138 190 / 25%);
    padding: 100px 0;
    max-width: 1520px
}

.game-case .banner-mn ul li {
    background-color: #1f1f25;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.game-case .banner-mn p {
    font-size: 24px;
    max-width: 70%;
    margin: auto
}

.enduser-inn span,
.inner-gm span {
    font-size: 18px;
    
    color: #fb5875;
    line-height: 30px
}

.enduser-inn h4 {
    font-size: 48px;
    line-height: 60px;
    color: #fff;
    
    margin: 0;
    padding-top: 30px
}

.enduser-inn p {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 30px;
    margin: 0;
    padding-top: 40px
}

.About-game {
    padding: 50px 0 100px
}

.inner-gm h4 {
    font-size: 48px;
    line-height: 60px;
    color: #fff;
    
    padding-top: 30px;
    max-width: 70%
}

.inner-gm p {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 30px;
    padding-top: 40px;
    max-width: 87%
}

.game-chall {
    top: 0;
    right: -10%;
    max-width: 1460px
}

.game-challenge {
    position: relative;
    min-height: 1040px;
    overflow: hidden;
    display: flex;
    align-items: center
}

.gameScreen .main-head h2 span {
    display: unset;
    color: #fb5875;
    font-size: 48px;
    
}

.gameScreen .main-head h2 {
    color: #fff;
    font-size: 48px
}

.gameScreen .inner-game {
    background-color: rgba(17, 22, 41, 0)
}

.Casepassion {
    background: 0 0;
    padding-bottom: 0;
    overflow: hidden
}

.Casepassion .custom-cont {
    border-radius: 25px;
    box-shadow: 0 30px 50px 0 rgba(249, 19, 98, .25);
    padding: 100px 0
}

.gameGrow .main-head p {
    color: #fff;
    max-width: 80%
}

.digitalProducts .inner-expert {
    width: 350px;
    height: 250px
}

.digitalProducts .inner-expert:hover {
    background-color: #fb5875;
    box-shadow: 0 50px 100px 0 rgba(251, 88, 117, .5)
}

.gameGrade .enterprise-mn a {
    color: #fb5875
}

.gameGrade .test-mn {
    color: #fff;
    background-color: #1b1b21
}

.gameCase-Award .row {
    background: #1b1b21;
    box-shadow: 0 50px 50px 0 rgba(251, 88, 117, .25)
}

.gameCase-Award .award-mn {
    border-right: 1px solid #fb5875
}

.gameCase-Award .award-mn img {
    width: 140px;
    height: 130px;
    object-fit: contain
}

.gameCase-Award .award-btn .themebtn {
    box-shadow: 0 30px 50px 0 rgba(249, 19, 98, .25)
}

.blockchain-banner .banner-mn h1 {
    font-size: 60px;
    line-height: 62px
}

.nft-banner {
    background: url(../images/nft/banner.jpg) top/cover no-repeat
}

.nft-banner .banner-mn h1 {
    max-width: 87%
}

.nft-banner .banner-mn p {
    width: 75%
}

.inner-serve {
    padding: 50px 35px;
    border-radius: 10px;
    background-color: rgba(245, 245, 250, 0);
    border: 1px solid #bdbdda;
    transition: .5s;
    margin-bottom: 30px
}

.inner-serve h4,
.services_sec .service h4 {
    color: #111629;
    font-size: 30px;
    transition: .5s
}

.inner-serve p {
    color: #111629;
    font-size: 18px;
    padding-top: 20px;
    margin: 0;
    line-height: 30px;
    transition: .5s
}

.inner-serve:hover {
    background-image: -moz-linear-gradient(-90deg, #ff8e44 0, #f91362 100%);
    background-image: -webkit-linear-gradient(-90deg, #ff8e44 0, #f91362 100%);
    background-image: -ms-linear-gradient(-90deg, #ff8e44 0, #f91362 100%);
    box-shadow: 0 30px 50px 0 rgba(249, 19, 98, .25);
    transition: .5s
}

.serv-offer .main-head p {
    font-size: 18px;
    line-height: inherit;
    color: #111629
}

.facts-mn ul .facts-inn {
    transition: .5s;
    border: 1px solid #bdbdda
}

.facts-mn ul .facts-inn p,
.facts-mn ul .facts-inn span {
    color: #111629;
    transition: .5s
}

.facts-sec .main-head p {
    font-size: 18px;
    max-width: 70%;
    color: #111629
}

.partner-mn p {
    font-size: 18px;
    font-weight: 600;
    max-width: 100%
}

.cta-nft {
    background: url(../images/nft/cta-nft.jpg) right/cover no-repeat
}

.nft-development .main-head p {
    font-size: 18px
}

.nft-development .main-head {
    padding-bottom: 60px
}

.facts-sec {
    padding-bottom: 0;
    background: 0 0;
    padding-top: 50px
}

.inner-nftdevelop h4 {
    color: var(--main-color);
    font-size: 24px;
    padding-top: 40px
}

.inner-nftdevelop p {
    color: var(--main-color);
    font-size: 16px;
    padding-top: 20px;
    line-height: 30px
}

.nft-build {
    background: url(../images/nft/digital-bg.jpg) top/cover no-repeat;
    padding: 50px 0
}

.partner-sec {
    background: 0 0;
    padding: 100px 0 50px
}

@media all and (min-width:992px) {
    .navbar .dropdown-menu-end {
        position: relative;
        right: 0;
        left: auto
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
        min-width: 15.625rem;
        background-color: #fff;
        z-index: 6
    }

    .navbar .nav-item:hover .nav-link {
        color: #fff
    }

    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%
    }

    .navbar .dropdown-menu.fade-up {
        top: 180%
    }

    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0)
    }

    .dropdown-menu li {
        border-top: 1px solid #f3f3f3;
        margin-top: -8px
    }

    .dropdown-item {
        padding: 1rem 1.5rem .9rem;
        display: block
    }
}

.repair-inner h4,
.repair-inner p {
    margin: 0;
    font-weight: 600;
    color: #111629
}

@media (max-width:40rem) {
    .mobile-menu {
        display: none;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #000;
        min-width: 160px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
        z-index: 1
    }

    .mobile-menu .dropdown-item {
        color: #fff;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        list-style: none
    }
}

.dev-process p {
    font-size: 16px;
    line-height: 1.667;
    color: #111629;
    font-weight: 100;
    padding-top: 40px
}

.dev-process {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    padding-bottom: 60px
}

.process-txtt h4 {
    margin: 0;
    font-size: 25px
}

.bi-logos-wrapper::-webkit-scrollbar,
.lang-Sec::-webkit-scrollbar {
    height: 5px
}

.bi-logos-wrapper::-webkit-scrollbar-track,
.lang-Sec::-webkit-scrollbar-track {
    background: #f1f1f1
}

.bi-logos-wrapper::-webkit-scrollbar-thumb,
.lang-Sec::-webkit-scrollbar-thumb {
    background: #888
}

.bi-logos-wrapper::-webkit-scrollbar-thumb:hover,
.lang-Sec::-webkit-scrollbar-thumb:hover {
    background: #555
}

.services_sec .service p {
    transition: .5s
}

.custom-grid {
    max-width: 1320px
}

.mobile-bankBann {
    background: #fff;
    align-items: baseline;
    min-height: 600px;
    padding-bottom: 100px
}

.mobileBan-inner h1 {
    font-size: 72px;
    color: var(--main-color);
    padding: 30px 0 20px
}

.mobileBan-inner ul li {
    background-color: #f5f5fa;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #111629
}

.mobileBan-inner p {
    color: var(--main-color);
    font-weight: 600;
    line-height: 36px;
    padding-top: 0
}

.futureBank img {
    border-radius: 25px
}

.bank-stat small {
    color: #db5089;
    text-transform: uppercase
}

.bank-digital .inner-expert p,
.bank-stat h2 {
    font-family: Advert-Extra-Bold
}

.inner-workbank {
    height: 100%;
    background: #ff9a02;
    padding: 100px 140px 0 200px
}

.inner-workbank small {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    
    display: block;
    padding-bottom: 40px
}

.inner-workbank p {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    line-height: 30px
}

.inner-workbank h4 {
    font-size: 48px;
    color: #fff;
    
    line-height: 55px
}

.bank-solution small {
    color: #da4f88;
    text-transform: uppercase
}

.bank-solution p {
    padding-top: 20px;
    color: var(--main-color);
    font-weight: 600
}

.banking-platform .main-head h2 b {
    color: #db5089;
    font-family: Advert-Extra-Bold
}

.banking-platform .main-head {
    padding: 0 18px
}

.banking-platform {
    background: url(../images/banking/platform-bg.jpg) 0 0/cover no-repeat
}

.inn-empowerBank small {
    color: #db5089;
    font: 18px ;
    text-transform: uppercase;
    display: block;
    padding-bottom: 40px
}

.inn-empowerBank h4 {
    font: 700 48px ;
    color: var(--main-color)
}

.inn-empowerBank p {
    font-size: 18px;
    color: var(--main-color);
    font-weight: 600;
    padding-top: 20px;
    max-width: 90%
}

.inner-discountt {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 100px;
    padding-bottom: 50px
}

.inner-discountt span {
    color: #da4f87;
    display: inline-block;
    font-size: 150px;
    font-family: Advert-Regular
}

.discountt-para h4,
.scotter-digital .inner-expert:hover p {
    color: var(--mian-color)
}

.discountt-para h4 {
    font-size: 48px;
    font-weight: 600
}

.discountt-para p {
    color: var(--main-color);
    font-size: 18px;
    line-height: 30px;
    padding-top: 30px
}

.bank-conclusion .container {
    border-radius: 25px;
    background: #ff9a02;
    padding: 70px
}

.bank-conclusion .main-head p {
    font-size: 18px;
    line-height: 30px;
    font-family: Advert-Regular;
    font-weight: 400
}

.product-scottertxt h4,
.scotter-digital .inner-expert p {
    
}

.bank-conclusion {
    padding: 0;
    box-shadow: none;
    overflow: hidden
}

.bank-digital .inner-expert {
    box-shadow: none;
    width: 310px;
    height: 250px
}

.bank-conclusion .main-head h6 {
    color: #fff;
    font-size: 20px;
    padding-top: 10px
}

.scooterPage {
    background: #fce4e4
}

.scooter-banner {
    background: url(../images/scooter/banner.png) center center no-repeat;
    display: flex;
    align-items: center
}

.scotterBan-txt ul li {
    background-color: #e6c5cb;
    font-weight: 600
}

.scotterBan-txt h1 {
    font-size: 72px
}

.curious-connect .row {
    border-radius: 25px;
    background-color: #a44263
}

.curious-connectInner small {
    color: #ffc969;
    font-size: 18px;
    font-weight: 800;
    display: block;
    padding-bottom: 30px;
    line-height: 30px;
    
    text-transform: uppercase
}

.curious-connectInner h4 {
    color: #fff;
    font-size: 60px
}

.curious-connectInner p {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    line-height: 36px;
    padding-top: 20px
}

.curious-connectInner {
    padding: 70px 50px
}

.product-scottertxt span {
    color: #a44263;
    text-transform: uppercase
}

.product-scottertxt h4 {
    font-size: 60px;
    line-height: 60px;
    color: var(--main-color);
    max-width: 100%
}

.product-scottertxt p {
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    padding-top: 40px
}

.product-scotterSec {
    padding: 70px 0 0
}

.scotter-digital .inner-expert {
    background: 0 0;
    border: none
}

.Nft-passion .container,
.scotter-digital .inner-expert:hover {
    background: 0 0;
    box-shadow: none
}

.circle-txtApp small,
.exper-txts span,
.solution-App .inner-workbank small {
    font-family: Advert-Regular;
    text-transform: uppercase
}

.scotter-digital .inner-expert:hover img {
    filter: unset;
    transform: scale(1.2) rotate(360deg)
}

.User-scooter {
    background-color: #4e4199;
    padding: 100px 0 0
}

.User-scooter .product-scottertxt span {
    color: #f3c26c
}

.User-scooter .product-scottertxt p {
    color: #fff;
    font-weight: 500
}

.scooter-passion {
    padding: 0;
    margin-top: -90px;
    position: relative
}

.scooter-passion .container {
    border-radius: 25px;
    background: #ffc969;
    box-shadow: 0 100px 100px 0 rgba(255, 201, 105, .25)
}

.scooter-passion .main-head h2 {
    color: var(--main-color)
}

.scooter-passion .main-head p {
    font-weight: 600;
    color: var(--main-color);
    font-size: 18px;
    line-height: 30px
}

.scooter-test {
    background: #a44263
}

.nftApp-page {
    background: #020218
}

.nft-AppBan {
    background: 0 0;
    padding-top: 120px
}

.nft-AppBan .banner-mn ul li {
    background-color: #46415a
}

.nft-AppBan.banner-mn p {
    max-width: 100%
}

.nftApp-sidee {
    position: absolute;
    bottom: -200px
}

.nft-curious .row {
    background: 0 0;
    border-radius: 0
}

.circle-challange {
    background: url(../images/nftcase/challange-bann.jpg) bottom/cover no-repeat;
    min-height: 1100px;
    padding-bottom: 50px
}

.circle-txtApp small {
    font-size: 18px;
    color: #fff;
    padding-bottom: 40px;
    display: block
}

.circle-txtApp h4 {
    color: #fff;
    font-size: 60px;
    line-height: 60px
}

.circle-txtApp p {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 36px;
    padding-top: 50px
}

.solution-App .inner-workbank small {
    font-weight: 500
}

.solution-App .inner-workbank h4 {
    font-size: 60px;
    line-height: 60px;
    padding-bottom: 20px
}

.solution-App .inner-workbank {
    background: #22232c
}

.solution-App .inner-workbank p {
    font-size: 16px
}

.exper-txts span {
    color: #fff;
    font-weight: 500
}

.exper-txts h4 {
    font-size: 60px;
    line-height: 60px;
    padding-top: 40px
}

.exper-txts p {
    line-height: 36px
}

.Nft-passion {
    padding: 100px 0 0;
    min-height: auto
}

.Nft-passion.main-head p {
    color: #fff;
    font-size: 18px;
    max-width: 100%;
    line-height: 30px
}

.NftGrade .test-mn {
    background-image: -moz-linear-gradient(0deg, #9a2dec 0, #674fff 100%);
    background-image: -webkit-linear-gradient(0deg, #9a2dec 0, #674fff 100%);
    background-image: -ms-linear-gradient(0deg, #9a2dec 0, #674fff 100%)
}

.circle-InnerApp>img {
    position: relative;
    top: 50px
}

.nftApps-award .main-head h2 {
    color: #fff;
    padding-bottom: 30px
}

.scooter-passion .main-head h6 {
    font-size: 20px
}

.error-banner {
    min-height: 1250px
}

.error-innTxt {
    padding-top: 0
}

.error-innTxt h1 {
    font-size: 72px;
    color: var(--main-color)
}

.error-innTxt .bann-btn .themebtn-arrow {
    width: 300px;
    height: 70px;
    font-size: 24px
}

.maintain-banner {
    background: url(../images/maintain/maintain-banner.jpg) 0 0/cover no-repeat;
    min-height: 1080px;
    align-items: baseline
}

.repair-inner,
.solution-repair .inner-expert figure {
    background-color: #ffb113;
    transition: .5s;
    box-shadow: 0 50px 50px 0 rgba(23, 31, 118, .25)
}

.maintain-inner ul li {
    color: #fff;
    background: #5865b478
}

.maintain-inner h1 {
    color: #fff;
    padding-top: 20px
}

.maintain-inner p {
    color: #fff;
    font-weight: 500;
    max-width: 85%
}

.supportMobile {
    margin-top: -150px
}

.maintain-stat small {
    color: #171f76;
    text-transform: none
}

.maintain-stat h2 {
    font-size: 60px;
    
    line-height: 65px;
    color: #000
}

.maintain-stat p {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: #000
}

.instant-repair {
    padding-bottom: 150px
}

.repair-inner {
    border-radius: 10px;
    padding: 40px 50px
}

.repair-inner h4 {
    font-size: 48px;
    padding-bottom: 30px
}

.repair-inner p {
    font-size: 16px;
    text-transform: uppercase
}

.repair-inner:hover {
    border-radius: 10px;
    background-color: #171f76;
    box-shadow: 0 50px 50px 0 rgba(23, 31, 118, .25)
}

.automted-repair {
    background: url(../images/maintain/automted-bg.jpg) 0 0/cover no-repeat;
    min-height: 900px;
    padding: 150px 0;
    display: flex;
    align-items: center
}

.auto-inner {
    background: 0 0;
    padding: 0
}

.auto-inner small {
    color: #ffb113
}

.auto-inner h4 {
    font-size: 60px;
    line-height: 60px;
    padding-bottom: 30px
}

.solution-repair .auto-inner h4,
.solution-repair .auto-inner p,
.solution-repair .inner-expert:hover p {
    color: #111629
}

.solution-repair .auto-inner small {
    color: #171f76
}

.solution-repair .auto-inner p {
    line-height: 36px;
    max-width: 85%;
    margin: auto
}

.solution-repair .inner-expert.fitness-expert {
    border: none;
    box-shadow: none;
    align-items: center;
    text-align: center;
    padding: 0 15px;
    gap: 20px
}

.solution-repair .inner-expert figure {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.solution-repair .inner-expert figure:hover {
    border-radius: 50%;
    background-color: #171f76;
    box-shadow: 0 50px 50px 0 rgba(23, 31, 118, .25)
}

.solution-repair .inner-expert figure:hover img {
    filter: invert(1) brightness(2.5)
}

.inner-maintainWork {
    background: #171f76;
    padding: 100px 200px 0 90px
}

.bank-maintainer .container {
    background: 0 0;
    box-shadow: none;
    padding: 0
}

.bank-maintainer .main-head h2,
.bank-maintainer .main-head p {
    font-weight: 600;
    color: #111629
}

.maintain-grow .main-head p {
    max-width: 100%;
    font-weight: 500
}

.maintain-work img {
    height: 100%;
    object-fit: fill
}

.show_loader:after {
    content: "";
    background: url(../images/loader.gif) 0 0/cover;
    width: 18px;
    display: inline-block;
    height: 18px;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: -4px
}

.main-tabs p:nth-child(2) {
    max-width: 60%
}