html{
    overflow: hidden;
    overflow-y: auto;
}
body{
    font-family: "Figtree", sans-serif;
    line-height: 1;
    font-weight: 400;
    color: #000;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.pillars-wrapper{
    margin: 0;
}
.wrapmxwd{
    max-width: 1540px;
    margin: auto;
    padding: 0 80px;
}
.wrapmxwd.headerwd{
    width: 100%;
}
.wrapmxwd.rtzero{
    padding-right: 0;
}
.fwddiv{
    width: 100%;
}
:root {
    --color-bg: papayawhip;
    --color-bg-accent: #ecdcc0;
    --size: clamp(10rem, 1rem + 40vmin, 30rem);
    --gap: calc(var(--size) / 14);
    --duration-port: 50s;
    --duration-port-main: 20s;
    --scroll-start-port: 0;
    --scroll-end-port: calc(-100% - var(--gap));
    --start-port: 0;
    --end-port: calc(-100% - var(--gap));
}
/*Common Start Here*/
h1,h3{
    font-weight: 600;
}
h2{
    font-size: 40px;
    font-weight: 600;
}
p{
    font-size: 18px;
    line-height: 32px;
}
.f22{
    font-size: 22px;
    line-height: 1.3;
}
.f20{
    font-size: 20px;
    line-height: 1.3;
}
.w100img{
    width: 100%;
    height: auto;
}
/*Common end Here*/

/*Header Start Here*/
.get-touch-team-head{
    padding: 15px 0;
    background-color: #00A0F7;
    transition: top 0.3s;
}
html.sticky .get-touch-team-head{
   display: none;
}
.navbar-brand img {
    width: 125px;
    height: auto;
    margin-top: 11px;
}
.header-list-text{
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 500;
}
.header-list-text .head-list{
    position: relative;
    font-size: 14px;
}
.header-list-text .head-list span{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    margin-right: 10px;
}
.header-list-text .head-list:first-child{
    margin-right: 20px;
}
.book-free-call-head{
    margin-left: 20px;
}
.book-free-call-head a{
    font-weight: 600;
    color: #00324D;
}
a.head-get-touch-btn{
    padding: 6px 20px;
    color: #2D2D2D;
    border-radius: 24px;
    background-color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: all 400ms linear;
}
a.head-get-touch-btn:hover{
    color: #fff;
    background-color: #000;
}
.navbar{
    padding: 0;
    transition: top 0.3s;
    background-color: #0C1321;
}
.navbar-expand-md{
    display: block;
}
.header-scroll-up-down{
    transition: top 0.4s ease-in-out;
}
.header-right-element{
    float: right;
    display: flex;
    align-items: center;
}
.navbar-expand-md .navbar-nav .nav-item{
    margin-left: 40px;
}
.navbar-expand-md .navbar-nav .nav-item.navfirst{
    margin-left: 0;
}
.navbar-expand-md .navbar-nav .nav-link{
    position: relative;
    font-size: 18px;
    color: #fff;
    padding-top:24px;
    padding-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
    transition: all 300ms ease;
}
.navbar-expand-md .navbar-nav .nav-link.gettouch-nav{
    padding: 8px 16px;
    margin-top: 16px;
    color: #fff;
    border: 1px solid #007EC2;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    background-color: #007EC2;
}
.navbar-expand-md .navbar-nav .nav-link.gettouch-nav img{
    width:16px;
    height: auto;
    margin-right: 10px;
}
.navbar-expand-md .navbar-nav .nav-link.gettouch-nav:hover{
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}
.navbar-expand-md .navbar-nav .nav-link.gettouch-nav:before{
    display: none;
}
.navbar-expand-md .navbar-nav .nav-link:hover,.navbar-expand-md .navbar-nav .nav-item.open .nav-link{
    color: #0083CB;
}
.navbar-expand-md .navbar-nav .nav-link:before {    
    background: none repeat scroll 0 0 transparent;
    bottom: 15px;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background: #0083CB;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.navbar-expand-md .navbar-nav .nav-link:hover:before,.navbar-expand-md .navbar-nav .nav-item.open .nav-link:before { 
    width: 100%; 
    left: 0; 
}
.mega-dropdown-menu {
    position: fixed !important;
    top: 48px !important;
    right: 0 !important;
    left: 0 !important;
    padding: 0;
    transform: none !important;
    border: 0;
    margin: 0;
    border-radius: 0;
    margin: 0 80px;
    background-color: transparent;
}
.dropdown-menu.custom-hover-show {
   display: block;
}
.serviceConmenubx {
    max-width: 1380px;
    margin: 0 auto;
    margin-top: 30px;
}
.serviceConmenubx .menubx{
    border-radius: 20px;
    background-color: #fff;
}
.navigationbx-7pillars{
    margin: 15px 0;
    padding: 0px 10px;
    padding-right: 0;
    max-height: 464px;      
    overflow-y: auto;
    overflow-x: hidden;   
    scrollbar-width: thin;
    scrollbar-color: #00A0F7 #f1f1f1;
}
.navigationbx-7pillars::-webkit-scrollbar {
   width: 6px;
}
.navigationbx-7pillars::-webkit-scrollbar-track {
   background: #f1f1f1;
   border-radius: 10px;
}
.navigationbx-7pillars::-webkit-scrollbar-thumb {
   background: #0a58ff;
   border-radius: 10px;
}
.navigationbx-7pillars::-webkit-scrollbar-thumb:hover {
   background: #0846cc;
}
.nav-width-col{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.navigationbx-pillars7{
    padding: 30px;
}
.navigationbx-pillars7.secrw{
    padding-top: 0px;
}
.navigationbx{
    margin: 0;
}
.header-navigation{
    padding-top: 0px;
}
.header-navigation ul{
    margin: 0;
    padding: 0;
}
.header-navigation ul li{
    list-style: none;
    margin-bottom: 3px;
}
.header-navigation ul li a{
    position: relative;
    padding: 8px 16px;
    color: #000;
    font-size: 16px;
    border-radius: 16px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all 300ms ease;
}
.header-navigation ul li a:hover{
    color: #00A0F7;
    background-color: #F5FCFF;
}
.header-navigation ul li a span.child-menu-arrow{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 13px;
    height: 14px;
    background: url(../images/child-sub-menu-arrow.svg) no-repeat;
    background-size: 100%;
    opacity: 0;
    transition: all 300ms ease;
}
.header-navigation ul li a:hover span.child-menu-arrow{
    opacity: 1;
}
.header-navigation.industries ul li {
    margin-bottom: 0;
}
.header-navigation.industries ul li a{
    align-items: center;
}
.header-navigation ul li a .nav-txt{
    padding-top: 0px;
}
.dropdown-toggle:after{
    position: relative;
    top: 2px;
}
.mobile-nav-toggle {
    position: fixed;
    right: 10px;
    top: 18px;
    z-index: 10000;
    border: 0;
    background: 0 0;
    font-size: 0;
    transition: all .4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
    display: none;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#mobile-menu-btn {
    width: 28px;
    height: 20px;
    position: relative;
    margin: 0 auto;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: block
}
#mobile-menu-btn span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 5px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background: #0588c2;
}
#mobile-menu-btn span:first-child {
    top: 0
}
#mobile-menu-btn span:nth-child(2),
#mobile-menu-btn span:nth-child(3) {
    top: 10px
}
#mobile-menu-btn span:nth-child(4) {
    top: 20px
}
.mobile-nav-active #mobile-menu-btn span:first-child,
.mobile-nav-active #mobile-menu-btn span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%
}
.mobile-nav-active #mobile-menu-btn span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #FF5C00;
}
.mobile-nav-active #mobile-menu-btn span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #FF5C00;
}
.navigation-looking-box{
    padding: 40px 40px 20px 40px;
    height: 100%;
    border-radius: 0 20px 20px 0;
    background-color: #F3F3F3;
}
.navigation-looking-box h3{
    font-size: 24px;
    font-weight: 600;
    color: #373737;
}
.navigation-looking-box h3 span{
    color: #00A0F7;
}
.reach-out-solu-txt{
    font-size: 16px;
    line-height: 26px;
    margin: 20px 0;
    font-weight: 500;
    color: #373737;
}
.looking-nav-head{
    margin-bottom: 20px;
}
.looking-nav-head a{
    font-size: 18px;
    font-weight: 500;
    color: #1E1E1E;
    display: inline-block;
    text-decoration: none
}
.looking-nav-head img{
    margin-right: 10px;
    display: inline-block;
}
.navigation-looking-box .white-ban-btn-rw{
    padding-top: 30px;
}
.navigation-looking-box a.get-touch-btn{
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 20px;
    padding-top: 13px;
    padding-bottom: 13px;
}
.menu-nav-overly {
  position: fixed;
  top:0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  background: rgba(10, 38, 58, .6);
  overflow: hidden;
  opacity: 0;
  transition: .5s ease-in-out;
}
html.opennav .menu-nav-overly {
    z-index: 97;
    opacity: 1
}
.contact-links-none{
    display: none;
}
.ddp-icon {
    width: 38px;
    height: 38px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-right: 10px;
    vertical-align: middle;
}
.ddp-icon.industry_nav span {
    width: 40px;
    height: 40px;
    background: url(../images/trending-solutions-nav.png) 0 0 / 40px 1760px no-repeat;
}
.ddp-icon.service-menu-nav span {
    width: 25px;
    height: 25px;
    background: url(../images/head-menu-service.png) 0 0 / 25px 850px no-repeat;
}
.ddp-icon span.andriod-app {
    background-position: 0 0;
}
.ddp-icon.service-menu-nav span.ios-dev{
    background-position: 0 -25px;
}
.ddp-icon.service-menu-nav span.ionic-dev{
    background-position: 0 -50px;
}
.ddp-icon.service-menu-nav span.blockchain-dev{
    background-position: 0 -75px;
}
.ddp-icon.service-menu-nav span.uiux-dev{
    background-position: 0 -100px;
}
.ddp-icon.service-menu-nav span.kotlin {
    background-position: 0 -675px;
}
.ddp-icon.service-menu-nav span.cloudapp {
    background-position: 0 -700px;
}
.ddp-icon.service-menu-nav span.ipaddev {
    background-position: 0 -750px;
}
.ddp-icon.service-menu-nav span.posdev {
    background-position: 0 -775px;
}
.ddp-icon.service-menu-nav span.machine-learning {
    background-position: 0 -825px;
}
.ddp-icon.service-menu-nav span.flutter {
    background-position: 0 -650px;
}
.ddp-icon.service-menu-nav span.crossplateform {
    background-position: 0 -725px;
}
.ddp-icon.service-menu-nav span.progressive {
    background-position: 0 -800px;
}
.ddp-icon.service-menu-nav span.php-dev{
    background-position: 0 -125px;
}
.ddp-icon.service-menu-nav span.testing-dev{
    background-position: 0 -150px;
}
.ddp-icon.service-menu-nav span.react-dev{
    background-position: 0 -175px;
}
.ddp-icon.service-menu-nav span.wearable-dev{
    background-position: 0 -200px;
}
.ddp-icon.service-menu-nav span.vr-app-dev{
    background-position: 0 -225px;
}
.ddp-icon.service-menu-nav span.aug-dev{
    background-position: 0 -250px;
}
.ddp-icon.service-menu-nav span.iot-dev{
    background-position: 0 -275px;
}
.ddp-icon.service-menu-nav span.ai-dev{
    background-position: 0 -300px;
}
.ddp-icon.service-menu-nav span.chatbot-dev{
    background-position: 0 -325px;
}
.ddp-icon.service-menu-nav span.elearning-dev{
    background-position: 0 -350px;
}
.ddp-icon.service-menu-nav span.food-dev{
    background-position: 0 -375px;
}
.ddp-icon.service-menu-nav span.travel-dev{
    background-position: 0 -400px;
}
.ddp-icon.service-menu-nav span.drone-app{
    background-position: 0 -425px;
}
.ddp-icon.service-menu-nav span.on-demand{
    background-position: 0 -450px;
}
.ddp-icon.service-menu-nav span.social-dev{
    background-position: 0 -475px;
}
.ddp-icon.service-menu-nav span.fintech-dev{
    background-position: 0 -500px;
}
.ddp-icon.service-menu-nav span.escooter-dev{
    background-position: 0 -525px;
}
.ddp-icon.service-menu-nav span.healthcare{
    background-position: 0 -550px;
}
.ddp-icon.service-menu-nav span.entertainment{
    background-position: 0 -575px;
}
.ddp-icon.service-menu-nav span.sports-app{
    background-position: 0 -600px;
}
.ddp-icon.service-menu-nav span.ecommerce{
    background-position: 0 -625px;
}
.ddp-icon.industry_nav span.home-service {
    background-position: 0 0;
}
.ddp-icon.industry_nav span.grocery-delivery{
    background-position: 0 -40px;
}
.ddp-icon.industry_nav span.salon-app{
    background-position: 0 -80px;
}
.ddp-icon.industry_nav span.fitness-app{
     background-position: 0 -120px;
}
.ddp-icon.industry_nav span.music-app{
     background-position: 0 -160px;
}
.ddp-icon.industry_nav span.education-app{
    background-position: 0 -200px;
}
.ddp-icon.industry_nav span.fantasy-app{
    background-position: 0 -560px;
}
.ddp-icon.industry_nav span.video-strem{
    background-position: 0 -280px;
}
.ddp-icon.industry_nav span.milk-del{
    background-position: 0 -240px;
}
.ddp-icon.industry_nav span.sports-betting{
    background-position: 0 -280px;
}
.ddp-icon.industry_nav span.news-app{
    background-position: 0 -320px;
}
.ddp-icon span.ev-app{
    background-position: 0 -360px;
}
.ddp-icon.industry_nav span.doctor-app{
    background-position: 0 -400px;
}
.ddp-icon.industry_nav span.medicine-app{
    background-position: 0 -440px;
}
.ddp-icon.industry_nav span.dating-app{
    background-position: 0 -480px;
}
.ddp-icon.industry_nav span.messaging-app{
    background-position: 0 -520px;
}
.ddp-icon.industry_nav span.laundry-app{
    background-position: 0 -600px;
}
.ddp-icon.industry_nav span.courier-app{
    background-position: 0 -640px;
}
.ddp-icon.industry_nav span.hotel-app {
    background-position: 0 -680px;
}
.ddp-icon.industry_nav span.astrology-app{
    background-position: 0 -720px;
}
.ddp-icon.industry_nav span.carwash-app{
    background-position: 0 -760px;
}
.ddp-icon.industry_nav span.video-editing {
    background-position: 0 -800px;
}
.ddp-icon.industry_nav span.fleet-app{
    background-position: 0 -840px;
}
.ddp-icon.industry_nav span.matrimonial-app{
    background-position: 0 -880px;
}
.ddp-icon.industry_nav span.yoga-app{
    background-position: 0 -920px;
}
.ddp-icon.industry_nav span.influencer-app{
    background-position: 0 -960px;
}
.ddp-icon.industry_nav span.startup{
    background-position: 0 -1000px;
}
.ddp-icon.industry_nav span.marketplace{
    background-position: 0 -1040px;
}
.ddp-icon.industry_nav span.automotive{
    background-position: 0 -1080px;
}
.ddp-icon.industry_nav span.realestate{
    background-position: 0 -1120px;
}
.ddp-icon.industry_nav span.job-app{
    background-position: 0 -1160px;
}
.ddp-icon.industry_nav span.franchise-app{
    background-position: 0 -1200px;
}
.ddp-icon.industry_nav span.trading-app{
    background-position: 0 -1240px;
}
.ddp-icon.industry_nav span.agtech-app{
    background-position: 0 -1440px;
}
.ddp-icon.industry_nav span.aviation-app{
    background-position: 0 -1480px;
}
.ddp-icon.andicon {
    background: #ebf3f9;
}
.ddp-icon.iosicon {
    background: #eef1f2;
}
.ddp-icon.icoicon {
    background: #edf4fe;
}
.ddp-icon.blkicon {
    background: #fff0ee;
}
.ddp-icon.uiuicon {
    background: #fffbec;
}
.ddp-icon.reactapps {
    background-color: #edfcfe;
}
.ddp-icon.phpicon {
    background: #f7fdfb;
}
.ddp-icon.tesicon {
    background: #fffdfc;
}
.ddp-icon.weaicon {
    background: #fffcef;
}
.ddp-icon.wrdicon {
    background: #f5eee9;
}
.ddp-icon.augicon {
    background: #eff7fe;
}
.ddp-icon.inticon {
    background: #f7fdfa;
}
.ddp-icon.chaicon {
    background: #fff0f2;
}
.header-navigation ul li .ddp-icon{
    transition: all 400ms linear;
}
.header-navigation ul li:hover .ddp-icon {
    background: #fff;
}
.ddp-icon.foodapps {
    background-color: rgba(255, 220, 72, .1);
}
.ddp-icon.travelapps {
    background-color: #fff0ee;
}
.ddp-icon.ondemandapp {
    background-color: rgba(234, 81, 55, .05);
}
.ddp-icon.escooterapps {
    background-color: rgba(78, 213, 152, .1);
}
.ddp-icon.socialnet {
    background-color: #edfcfe;
}
.ddp-icon.fintech {
    background-color: #fffcef;
}
/*Header End Here*/

/*Home Page Banner Start Here*/
.pillars-ban{
    position: relative;
    overflow: hidden;
    background: url(../images/hero-ban-com.webp) no-repeat;
    background-size: cover;
    padding-top: 100px; 
    padding-bottom: 50px;
}
.pillars-ban.homepg .wrapmxwd{
    padding-right: 50px;
}
.pillars-ban.about-hero-ban{
    padding-top: 80px;
}
.pillars-ban.about-hero-ban .industry-banner-app{
    margin-top: -20px;
}
.pillars-ban .ban-content{
    position: relative;
    display: flex;
    align-items: center;
}
.pillars-ban .ban-content .banleftv{
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}
.pillars-ban h1{
    position: relative;
    font-size: 50px;
    color: #0C0C0C;
    z-index: 2;
    font-weight: 600;
    padding-bottom: 20px;
}
.pillars-ban h5{
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
}
.pillars-ban h1 span{
    color: #007EC2;
}
.journey-anim{
    position: absolute;
    left: auto;
    bottom: -45px;
}
.journey-anim img{
    width: 160px;
    height: auto;
}
.journey-anim.service-head{
    left: auto;
}
.pillars-ban h1 span{
    padding-bottom: 4px;
}
.pillars-ban h1 span.build-apps .shine-star{
    position: absolute;
    top: -30px;
    right: -40px;
}
.pillars-ban h1 span.build-apps .shine-star img{
    width: 70px;
    height: auto;
}
.pillars-ban h1 span.one-year{
    color: #FF8282;
}
.pillars-ban p{
    position: relative;
    color: #686868;
    max-width: 95%;
    z-index: 1;
}
.pillars-hero-ban{
    position: relative;
    width: 600px;
    height: 600px;
    border-radius: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.homepgherowrap{
    position: relative;
    display: inline-block;
}
.pillars-hero-ban.truefansl{
    background: url(../images/homgpg-truefan-bg.webp) no-repeat;
    background-repeat: no-repeat;
}
.pillars-hero-ban.gyanfresh{
    background: url(../images/homgpg-gyanfresh-bg.webp) no-repeat;
    background-repeat: no-repeat;
}
.pillars-hero-ban.joshcam{
    background: url(../images/homgpg-joshcam-bg.webp) no-repeat;
    background-repeat: no-repeat;
}
.pillars-hero-ban.cancan{
    background: url(../images/homgpg-cancan-bg.webp) no-repeat;
    background-repeat: no-repeat;
}
.pillars-hero-ban.craftbet{
    background: url(../images/homgpg-craftbet-bg.webp) no-repeat;
    background-repeat: no-repeat;
}
.pillars-hero-ban.sterkla{
    background: url(../images/homgpg-sterkla-bg.webp) no-repeat;
    background-repeat: no-repeat;
}
.pillars-inner-hero-anim{
    margin: 0;
}
.owl-carousel.homepghero-owl-slider .owl-item .pillars-inner-hero-anim img{
    height: auto;
}
.owl-carousel.homepghero-owl-slider .owl-item .pillars-inner-hero-anim img.truefan{
    width: 320px;
}
.owl-carousel.homepghero-owl-slider .owl-item .pillars-inner-hero-anim img.gyan-app{
    width: 270px;
}
.owl-carousel.homepghero-owl-slider .owl-item .pillars-inner-hero-anim img.betcraft-app{
    width: 420px;
}
.owl-carousel.homepghero-owl-slider .owl-item .craftlogohmg{
    width: 99px;
    height: auto;
}
.owl-carousel.homepghero-owl-slider .owl-item .sterkal-app-logo{
    width: 75px;
    height: auto;
}
.rw-f-width{
    width: 100%;
}
.hero-branding-row{
    position: absolute;
    top: 25px;
    left: 30px;
    display: flex;
}
.hero-branding-row span{
    padding: 18px 28px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    display: inline-flex;
    border-radius: 27px;
    background: #0000004F;
}
.hero-branding-row span:nth-child(2){
    margin: 0 10px;
}
.project-hero-details{
    position: absolute;
    padding: 20px;
    left: 30px;
    right: 30px;
    bottom: 20px;
    text-align: left;
    border-radius: 24px;
    background: #000000B2;
}
.project-com-logo{
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.project-com-logo img{
    max-width: 100%;
    height: auto;
}
.project-hero-details p{
    font-size: 16px;
    margin-bottom: 0;
}
.hero-pro-name{
    border-radius: 27px;
    color: #fff;
    font-weight: 500;
    padding: 18px 28px;
    background: #0000004F;
    display: inline-flex;
    margin-bottom: 10px;
}
.owl-carousel .owl-item .hero-pro-name img{
    width: 21px;
    height: auto;
}
.project-hero-details h3{
    max-width: 360px;
    font-size: 22px;
    line-height: 1.3;
    font-weight: normal;
    padding-bottom: 15px;
}
.whats-app-link-hero{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.owl-carousel .owl-item .whats-app-link-hero img{
    width: 28px;
    height: auto;
}
.pillars-ban .white-ban-btn-rw{
    position: relative;
    margin-top: 50px;
    z-index: 1;
}
.white-ban-btn-rw.hero-ban{
    display: flex;
    align-items: center;
}
.home-anim-box{
    width: calc(100% - 320px);
    height: 70px;
    overflow: hidden;
    position: relative;
    margin-left: 40px;
    margin-top: 5px;
    border-radius: 24px;
    background-color: #fff;
}
.home-anim-img {
    position: absolute;
    width: 200%;  
    height: 70px;      
    left: -50%;   
    animation: swing-hero 3s ease-in-out infinite;
    object-fit: cover;
}
.home-anim-img img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    max-width: 100%;
    max-height: 100%;
}
@keyframes swing-hero {
    0%   { transform: translateX(25%); }
    50%  { transform: translateX(-10%); }
    100% { transform: translateX(25%); }
}
a.get-touch-btn{
    position: relative;
    padding: 16px 48px 18px 48px;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    border-radius:64px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    border: 1px solid #00A0F7;
    background-color: #00A0F7;
    transition: all 500ms linear;
    box-shadow: 0px 27px 27.3px -8px #00A0F733;
}
a.get-touch-btn:hover{
    color: #00A0F7;
    background-color: transparent;
}
a.get-touch-btn.none-shadow{
    box-shadow: none;
}
.active-transparent-header a.get-touch-btn{
    color: #fff;
    border: 1px solid #0083CB;
    background-color: #0083CB;
}
.navbar a.get-touch-btn{
    padding-left: 24px;
    padding-right: 24px;
}
span.common-get-arrow{
    position: relative;
    width: 18px;
    height: 18px;
    top: 2px;
    background: url(../images/button-up-arrow.svg) no-repeat;
    background-size: 18px;
    margin-left: 25px;
    transition: all 300ms linear;
    display: inline-block;
}
a.get-touch-btn:hover span.common-get-arrow{
     background: url(../images/button-up-arrows.svg) no-repeat;
     background-size: 18px;
     transform: rotate(45deg);
}
.pillars-ban.slidenav a.get-touch-btn{
    margin-top: -30px;
}
#loading {
    -webkit-animation: 8s linear infinite rotation;
    animation: 8s linear infinite rotation;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.shadow-txt-visible-ban{
    position: absolute;
    left: 0;
    bottom: 90px;
    height: 200px;
}
.shadow-txt-visible-ban p{
    z-index: initial !important;
}
.shadow-txt-visible-ban span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, #FFFFFF 16.94%);
}
.creative-people-row{
    padding: 40px 0;
    background-color: #0C1321;
}
.creative-people-box {
    display: flex;
    justify-content: space-between;
}
.creative-people-box .creative-star-bx{
    font-size: 25px;
    color: #fff;
    display: flex;
    align-items: center;
    margin: 0 50px;
    font-weight: 500;
}
.creative-people-box .creative-star-bx img{
    margin-right: 15px;
    height: auto;
}
.creative-people-box.portfolio-anim .creative-star-bx img{
    width: 60px;
    margin-right: 25px;
}
.creative-people-row .marquee {
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
}
.creative-people-row .marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    animation: good-review var(--duration-port-main) linear infinite;
}
@keyframes good-review {
    from {
        transform: translateX(var(--start-port));
    }
    to {
        transform: translateX(var(--end-port));
    }
}
.circle-radius{
    border-radius: 50%;
}
/*Home Page Banner End Here*/

/*Our innovations are made possible through the generous support of our investors Start*/
.wth-innovations{
    padding-top: 80px;
    padding-bottom: 80px;
}
.wth-innovations.locationpg{
    padding-bottom: 0;
}
.trusted-heading{
    position: relative;
    font-size: 40px;
    font-weight: 600;
}
.trusted-heading .brands-curve{
    position: absolute;
    left: 170px;
    bottom: -100px;
}
.trusted-heading .brands-curve img{
    width: 170px;
    height: auto;
}
.trusted-heading span{
    color: #007EC2;
}
.wth-innovations .marquee {
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
    max-width: 1400px;
    margin: auto;
    margin-top: 70px;
}
.wth-innovations.contactuspg .marquee{
    margin-top: 40px;
}
.wth-innovations .marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: portfolio-brands-scroll var(--duration-port) linear infinite;
}
.wth-innovations .logo-brands {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
 .wth-innovations .brans-port-sc img{
    width: auto;
    height: 80px;
 }
 .ratings-stars{
    height: auto;
 }
@keyframes portfolio-brands-scroll {
    from {
        transform: translateX(var(--scroll-start-port));
    }
    to {
        transform: translateX(var(--scroll-end-port));
    }
}
.wth-innovations .case-study-get-in-touch{
    position: static;
    margin-top: 70px;
}
.consult-experts-btn-row{
    margin-top: 60px;
}
.consult-experts-btn-row a{
    font-size: 24px;
    display: inline-flex;
    color: #007EC2;
    font-weight: 600;
    align-items: center;
    transition: all 400ms linear;
}
.consult-experts-btn-row a img{
    margin-left: 15px;
    transition: all 400ms linear;
}
.consult-experts-btn-row a:hover img{
    transform: rotate(45deg)
}
/*Our innovations are made possible through the generous support of our investors End*/

/*Footer Start Here*/
.pillars7-footer-wrap{
    position: relative;
    padding: 50px 0;
    background: linear-gradient(180deg, #FFFFFF 0%, #DBF4FF 100%);
}
.pillars7-footer{
    padding-top: 40px;
}
.pillars7-footer .footer-content{
    position: relative;
}
.footer-content .footer-nav-box{
    margin: 0;
}
.footer-content .footer-nav-box .title-head{
    font-size: 26px;
    color: #4D4D4D;
    font-weight: 600;
}
.footer-content .footer-nav-box ul{
    margin: 0;
    padding: 20px 0 0 0;
}
.footer-content .footer-nav-box ul li{
    list-style: none;
}
.footer-content .footer-nav-box ul li a{
    position: relative;
    padding: 10px 0;
    color: #01192D;
    font-size: 18px;
    text-decoration: none;
    display: inline-block;
    transition: all 300ms ease;
    word-break: break-all;
}
.footer-content .footer-nav-box ul li{
     font-size: 18px;
}
.footer-content .footer-nav-box ul li.wticon a{
    display: flex;
    align-items: center;
}
.footer-content .footer-nav-box ul li.wticon{
    display: flex;
    align-items: self-start;
}
.footer-content .footer-nav-box ul li.wticon a img,.footer-content .footer-nav-box ul li.wticon img{
    width: 22px;
    height: auto;
    margin-right: 10px;
}
.footer-content .footer-nav-box ul li.wticon:last-child{
    padding-top: 10px;
    line-height: 20px;
}
.footer-content .footer-nav-box ul li a:after,.footer-content .connectrw a:after {    
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background: #373737;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.footer-content .footer-nav-box ul li a:hover:after,.footer-content .connectrw a:hover:after { 
    width: 100%; 
    left: 0; 
}
.footer-content .footer-nav-box ul li.wticon a:hover:after{
    left: 30px;
    width: calc(100% -30px);
}
.footer-content .footer-nav-box .social-media-bx ul li.linkedin a:hover:after{
    left: 50px;
    width: 70px;
}
.footer-content .footer-nav-box .social-media-bx ul li.facebook a:hover:after{
    left: 50px;
    width: 90px;
}
.footer-content .footer-nav-box .social-media-bx ul li.instagram a:hover:after{
    left: 50px;
    width: 90px;
}
.footer-content .footer-nav-box .social-media-bx ul li.twitter a:hover:after{
    left: 50px;
    width: 60px;
}
.footer-content .connectbx{
    padding-top: 30px;
}
.footer-content .connectrw{
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.footer-content .connectrw img{
    width: 24px;
    height: auto;
    margin-right: 20px;
}
.footer-content .connectrw a{
    position: relative;
    color: #000;
    font-size: 18px;
    padding: 3px 0;
    text-decoration: none;
    display: inline-block;
    transition: all 300ms ease;
}
.footer-content .social-media-bx{
    margin-top: 20px;
}
.footer-content .social-media-bx ul{
    margin: 0;
    padding: 0;
}
.footer-content .social-media-bx ul li{
    list-style: none;
}
.footer-content .social-media-bx ul li a{
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    color: #373737;
}
.footer-content .social-media-bx .sc-icon{
    width: 36px;
    margin-right: 15px;
}
.footer-content .social-media-bx .sc-icon img{
    width: 100%;
    height: auto;
}
.footer-content .social-media-bx a:hover{
    background-color: transparent;
}
.footer-content .social-media-bx a svg{
    width: 26px;
    height: auto;
}
.footer-content .social-media-bx a svg.instagram{
    width: 22px;
    height: auto;
}
.footer-content .social-media-bx a svg.x-social{
    width: 17px;
    height: auto;
}
.footer-content .social-media-bx a svg path,.footer-content .social-media-bx a svg ellipse,.footer-content .social-media-bx a svg circle{
    fill: #373737;
    transition: all 400ms linear;
}
.foot-col-wd-ch{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.foot-col-wd-ch-17{
    -ms-flex: 0 0 17%;
    flex: 0 0 17%;
    max-width: 17%;
}
.foot-col-wd-ch-23{
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
}
.pillars7-copyrt{
    padding: 20px 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    background-color: #000B15;
}
.dmca-v{
    text-align: right;
}
.dmca-v img{
    max-width: 100%;
    height: auto;
}
.footer-logo-com{
    display: flex;
    align-items: center;
    font-size: 16px;
}
.footer-logo-com img{
    width: 125px;
    height: auto;
    margin-right: 15px;
}
.com-copy-rt{
    padding-top: 10px;
}
.footer-whats-app-linkbx{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1;
}
.footer-whats-app-linkbx .footer-whats-app-link{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EEEEEE;
}
.footer-whats-app-link img{
    width: 28px;
    height: auto;
    animation: whatsappBounce 2s infinite;
}
@keyframes whatsappBounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.scroll-top{
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    background: #00A4EF;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.scroll-top img{
    max-width: 100%;
    height: auto;
    animation: bounce 1.5s infinite;
}
.scroll-top:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(0, 247, 172, 0.6);
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-8px);
  }
  60% {
    transform: translateY(-4px);
  }
}
.pillars7-get-touch{
    background: url(../images/abstract-wave.webp) left top no-repeat #000B15;
    background-size: 100%;
}
.conversation-section{
    padding: 60px 0;
}
.conversation-section-content{
    display: flex;
    align-items: center;
    height: 100%;
}
.conversation-section-content p{
    font-size: 25px;
    line-height: 36px;
    max-width: 70%;
}
.conversation-section-content .conver-head{
    font-size: 72px;
    line-height: 86px;
    font-weight: 600;
    margin-bottom: 30px;
}
.conversation-section-content .conver-head span{
    color: #00A4EF;
}
.conversation-form{
    padding: 50px;
    border-radius: 20px;
    background-color: #242D36;
    margin-left: 30px;
}
.conversation-form-content{
    margin: 0;
}
.conversation-form-input-row{
    position: relative;
    margin-bottom: 20px;
}
.posrel-conser{
    position: relative;
}
.conversation-form-input-row.static{
    position: static;
}
.contact-us-section .iti--separate-dial-code .iti__selected-dial-code{
    color: #000;
}
.iti--separate-dial-code input, .iti--separate-dial-code input[type=tel]{
    text-align: left !important;
}
.iti{
    display: block;
}
.pd-from-mar{
    margin: 0;
}
.pd-from-pad{
    padding: 0;
}
.conversation-form-input-row .input-icon{
    position: absolute;
    left: 0;
    top: 18px;
    width: 21px;
    height: auto;
}
.conversation-form-input-row .input-icon.email{
    top: 20px;
    width: 23px;
    height: auto;
}
.conversation-form-input-row .input-icon img{
    width: 100%;
    height: auto;
}
.conversation-form-input-row .form-control{
    padding: 18px 10px 18px 50px;
    border: 0;
    height: auto;
    border-bottom: 2px solid #FFFFFF26;
    border-radius: 0;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    box-shadow: none;
    background-color: transparent;
}
.conversation-form-input-row .form-control.mobile-num{
    padding-left: 0;
}
#country_codes{
    pointer-events:none !important;
    cursor: none;
    color: transparent !important;
    text-shadow: 0 0 0 #000;
}
.conversation-section #country_codes{
    text-shadow: 0 0 0 #aba9a9;
}
.conversation-section .iti__arrow {
    border-top: 4px solid #aba9a9;
}
.divide-country-slace{
    position: absolute;
    top: 13px;
    left: -18px;
    width: 1px;
    height:34px;
    background-color: #aba9a9;
}
.iti--separate-dial-code .iti__selected-dial-code{
    display: none;
}
.iti__selected-flag{
    padding: 0;
}
.conversation-form-input-row select.form-control{
    padding-top: 22px;
    padding-left: 32px;
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    outline: none;
}
.conversation-form-input-row select.form-control.footer-form{
    color: #aba9a9;
}
.conversation-form-input-row select.form-control.footer-form option{
    color: #000;
}
.conversation-form-input-row textarea{
    resize: none;
}
.conversation-form-input-row .checkboxform input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.conversation-form-input-row .checkboxform label {
    position: relative;
    cursor: pointer;
    color: #aba9a9;
    font-size: 18px;
    line-height: 36px;
    font-weight: 500;
}
.conversation-form-input-row .checkboxform label:before {
    content: "";
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    width: 28px;
    height: 28px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 20px;
    border-radius: 6px;
}
.conversation-form-input-row .checkboxform input:checked + label:before{
    border-color: #60B7FF;
}
.conversation-form-input-row .checkboxform input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
    width: 6px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.checkboxform{
    display: flex;
    padding-top: 5px;
}
.checkboxform span{
    color:#fff;
    font-size: 18px;
    line-height: 28px;
    display: inline-block;
}
.checkboxform span a{
    color: #60B7FF;
    display: inline-block;
    text-decoration: underline;
}
.conversation-form-input-row .checkboxform input:checked + label:before {
    background-color: #60B7FF;
}  
.conversation-form-input-row .form-control::-webkit-input-placeholder {
    color: #aba9a9
}
.conversation-form-input-row .form-control:-moz-placeholder {
    color: #aba9a9;
    opacity: 1
}
.conversation-form-input-row .form-control::-moz-placeholder {
    color: #aba9a9;
    opacity: 1
}
.conversation-form-input-row .form-control:-ms-input-placeholder {
    color: #aba9a9
}
.conversation-form-input-row .form-control::-ms-input-placeholder {
    color: #aba9a9
}
.conversation-form-input-row .iti__country-list{
    width: 320px;
    overflow: hidden;
    overflow-y: auto;
}
.conversation-form-input-row .iti--separate-dial-code .iti__selected-flag{
    font-size: 18px;
    color: #fff;
    background-color: transparent !important;
}
.robotbx{
    padding-top: 15px;
    margin-bottom: 20px;
}
.captchsec,.captchsec1{
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
}
.captchtext {
    margin: 0px 20px;
}
.captchsec input,.captchsec1 input{
    font-weight: 700;
    padding: 10px 12px;
    font-size: 18px;
    min-width: 90px;
    text-align: center;
    border-radius: 10px;
    outline: 0;
    border: 0;
    box-shadow: none;
    background-color: #DEF4FF1F;
}
.captchsec input{
    color: #fff;
}
.form-submit{
    padding: 14px 0;
    font-size: 22px;
    color: #fff;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1px solid #00A4EF;
    background-color: #00A4EF;
    transition: all 500ms linear;
    width: 100%;
    margin-top: 20px;
}
.form-submit:hover{
    color: #fff;
    border-color: #00324D;
    background-color: #00324D;
}
.form-submit span.get-arrow {
  width: 24px;
  height: 25px;
  background: url(../images/submit-arrow.png) no-repeat;
  background-size: auto;
  background-size: 48px 25px;
  margin-left: 15px;
  transition: all 300ms linear;
  background-position: 0 0;
}
.lets-something-great{
    position: relative;
    padding: 10px 80px 0 80px;
    border-radius: 0 0 34px 34px;
    background-color: #fff;
    overflow: hidden;
}
.lets-something-great h2{
    color: #1F364B;
}
.lets-something-great h2 span{
    color: #00A0F7;
}
.lets-something-great .calc-row{
    margin-bottom: 20px;
}
.lets-something-great .calc-row img{
    position: relative;
    width: 110px;
    height: auto;
    left: -25px;
}
.lets-something-great a.get-touch-btn{
    margin-top: 30px;
    margin-bottom: 30px;
}
.app-something-view{
    position: relative;
    text-align: center;
}
.app-something-view .num-7{
    position: absolute;
    right: -80px;
    bottom: 0px;
}
.app-something-view .num-7-copy{
    position: absolute;
    right: -140px;
    bottom: -200px;
}
.app-something-view .num-7 img,.app-something-view .num-7-copy{
    width: 250px;
    height: auto;
}
.app-something-view > img{
    position: relative;
    width: 400px;
    height: auto;
    margin-right: 30px;
    margin-bottom: -40px;
    z-index: 1;
}
/*Footer End Here*/

/*FAQ Start Here*/
.faq-sectionbx{
    padding-top: 80px;
    padding-bottom: 80px;
    background: url(../images/faq-section-bg.webp) no-repeat;
    background-size: cover;
} 
.faq-show-mobile{
    display: none;
}
.reverse-row-view{
    flex-direction: row-reverse;
}
.faq-content-mid{
    padding-top: 0px;
}
.faq-content-ban{
    position: sticky;
    top: 100px;
    margin-right: 80px;
}
.faq-content-ban h2{
    position: relative;
}
.faq-content-ban h2 .brands-curve{
    position: absolute;
    left: 100px;
    bottom: -80px;
}
.faq-content-ban h2 .brands-curve img{
    width: 150px;
    height: auto;
}
.faq-content-ban img.faqbanv{
    max-width: 100%;
    height: auto;
}
.faq-content-ban .discuss-txt{
    font-size: 27px;
    padding: 36px 0 20px;
    font-weight: 500;
}
.faq-content-ban .white-ban-btn-rw{
    margin-top: 20px;
}
.faq-content-ban a.get-touch-btn{
    display: flex;
    justify-content: center;
}
.faqsection{
    margin-left: 60px;
}
.faqsection .accordion{
    margin-top: 0px;
}
.faqsection .card{
    border-radius: 0s !important;
    margin-bottom: 20px;
    border: 0 !important;
    border-bottom: 1px solid #E2E2E2 !important;
    background-color: transparent;
}
.faqsection .card-header{
    padding: 17px 0;
    border: 0;
    background-color: transparent;
}
.faqsection .btn-link{
    position: relative;
    font-size: 26px;
    font-weight: 600;
    color: #232323;
    box-shadow: none;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    text-decoration: none;
    padding-right: 60px;
}
.faqsection .btn-link.collapsed{
    color: #232323;
}
.faqsection .card-body{
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 10px;
}
.faqsection .card-body p{
    color: #747474;
}
.faqsection .card-body p a{
    position: relative;
    text-decoration: none;
    color: #0096E7;
    display: inline-block;
}
.faqsection .card-body p a:after {    
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background: #0096E7;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.faqsection .card-body p a:hover:after { 
    width: 100%; 
    left: 0; 
}
.faqsection .card-body p span{
    font-weight: 600;
}
.plusminus {
    position: absolute;
    top: 0px;
    right: 0px;
    width:40px;
    height:40px;
    border-radius: 50%;
    background-color: #00A4EF;
}
.faqsection .btn-link.collapsed .plusminus{
    background-color: #00A4EF;
}
.plusminus span:nth-child(1) {
    display: block;
    position: absolute;
    width: 50%;
    height: 3px;
    top: 50%;
    left: 50%;
    margin-top: -1.4px;
    margin-left: -25%;
    border-radius: 3px;
    background: #fff;
    transition: all .25s ease;
}
.faqsection .btn-link.collapsed .plusminus span:nth-child(2) {
    display: block;
    position: absolute;
    margin: 10% 0;
    width: 3px;
    height: 50%;
    border-radius: 3px;
    background: #fff;
    top: 50%;
    left: 50%;
    margin-top: -25%;
    margin-left: -1.4px;
    transition: all .25s ease;
    transform: rotate(0deg);
}
.faq-social-links{
    display: flex;
    margin-top: 60px;
    margin-bottom: 30px;
}
.faq-social-links a{
    display: inline-block;
    margin-right: 15px;
}
.faq-social-links a:last-child{
    margin-right: 0;
}
/*FAQ End Here*/

/*Contact Us Start Here */
.contact-us-section{
    background: url(../images/contact-bg.webp)no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 80px;
}
.contactus-wrap .our-value-content-fix-desbx h2{
    margin-bottom: 20px;
}
.talk-our-experts-today{
    padding: 30px 40px 30px 40px;
    border-radius: 44px;
    margin-top: 70px;
    text-align: left;
    border: 1px solid #0096E7;
    background: linear-gradient(97.69deg, #0083CB 6.71%, rgba(0, 131, 203, 0.78) 97.39%);
    margin-right: 100px;
}
 
.talk-our-experts-today p{
    font-size: 18px;
    color: #DFDFDF;
}
.talk-shedule-call{
    margin: 40px 0 0px 0px;
}
.talk-shedule-call a{
    padding: 20px 0;
    font-size: 19px;
    color: #fff;
    text-align: center;
    border-radius: 42px;
    width: 100%;
    margin: auto;
    text-decoration: none;
    font-weight: 500;
    border: 1px solid #fff;
    display: block;
    background: #359dd6;
    transition: all 400ms linear;
}
.talk-shedule-call a:hover{
    color: #fff;
    background-color:#0083CB;
}
h1.contact-us-heading{
    font-size: 46px;
    font-weight: 600;
    color: #0C0C0C;
    display: inline-block;
}
.contact-us-heading .underline-view {
    position: relative;
}
 
.contact-nm{
    padding-top: 60px;
}
.contact-nm ul{
    margin: 0;
    padding: 0;
}
.contactus-wrap .contact-nm ul li{
    font-size: 20px;
    color: #1E1E1E;
    font-weight: 500;
    list-style: none;
    margin-bottom: 30px;
}
.contact-nm ul li a{
    color: #1E1E1E;
    display: inline-block;
    text-decoration: none;
}
.contact-nm ul li a img{
    margin-right: 20px;
}
.header-scroll-up-down.active-transparent-header{
    background-color: transparent;
}
.header-scroll-up-down.scrolled{
    background-color: #fff;
}
 
.contactpg-form{
    margin-top: 20px;
}
.contactpg-form .conversation-form-input-row{
    margin-bottom: 26px;
}
.not-intrest{
    margin-top: 30px;
    font-size: 21px;
    color: #4E4E4E;
    font-weight: 500;
    text-align: center;
}
.not-intrest span{
    color: #008CCC;
    text-decoration: underline;
}
.contact-us-section-left-body{
    padding-left: 15px;
}
/*Contact Us End Here*/

/*What Our Clients Say Start Here*/
.about-what-clients-say{
    padding: 80px 0;
    background: url(../images/clients-say-body.webp) no-repeat;
    background-size: cover;
}
.sub-heading-c{
    color: #3CACE9;
}
.what-say-about-company{
    margin-top: 70px;
}
.owl-carousel.whatsay-owl-slider .owl-stage{
    display: flex;
}
.owl-carousel.whatsay-owl-slider .item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.owl-carousel.whatsay-owl-slider .owl-nav{
    position: absolute;
    top: -110px;
    right: 0px;
}
.owl-carousel.whatsay-owl-slider .owl-nav button{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: all 300ms linear;
}
.owl-carousel.whatsay-owl-slider .owl-nav button:hover{
    background-color: transparent;
}
.owl-carousel.whatsay-owl-slider .owl-nav button span{
    display: none;
}
.owl-carousel.whatsay-owl-slider .owl-nav button.owl-prev, .owl-carousel.whatsay-owl-slider .owl-nav button.owl-next{
    margin-right: 20px;
    background-image: url(../images/arrow-prev-slider.svg); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
 }
 .owl-carousel.whatsay-owl-slider .owl-nav button.owl-next{
    margin-right: 0px;
    transform: rotate(180deg);
 }
.what-say-aboutbx{
    position: relative;
    padding: 40px 40px 140px 40px;
    border-radius: 30px;
    background-color: #fff;
    overflow: hidden;
}
.hover-play-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/video-overlay.webp) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 400ms linear;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hover-play-video img{
    width: 80px;
    cursor: pointer;
}
.what-say-aboutbx:hover .hover-play-video{
    opacity: 1;
}
.play-video-what-say{
    margin-top: 20px;
}
.play-video-what-say .play-vid{
    padding: 12px 32px;
    color: #00A0F7;
    border-radius: 30px;
    border: 1px solid #F8FCFF;
    display: inline-flex;
    align-items: center;
    box-shadow: 0px 3.77px 59.06px -1.89px #0000001A;
}
.play-video-what-say .play-vid img{
    width: 32px;
    margin-right: 20px;
}
.what-say-aboutbx h3{
    font-size: 22px;
}
.what-say-aboutbx p{
    color: #000;
    max-width: 90%;
}
.what-say-aboutbx:hover .clients-write-row{
    z-index: 1;
}
.clients-write-row{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 30px;
    display: flex;
    align-items: center;
}
.clients-circle-box{
    width: 40px;
}
.clients-profilebx{
    margin-left: 20px;
}
.clients-profilebx h4{
    font-size: 22px;
    color: #000;
    font-family: "Dancing Script";
    margin-bottom: 0;
}
.clients-profilebx p{
    color: #8A8A8A;
    margin-bottom: 0;
}
/*What Our Clients Say End Here*/

/*We'd love to hear about your project Start Here*/
.hear-about-project{
    margin-bottom: 80px;
}
.hear-about-project.servicepg{
    background-color: #DEF4FF;
    margin-bottom: 0;
}
.idea-impact-box{
    padding: 60px 0;
}
.hear-about-project-content{
    background: url(../images/hear-about-project-bg.webp) no-repeat;
    background-size: cover;
    border-radius: 32px;
    overflow: hidden;
    padding: 60px;
}
.love-hear-heading{
    font-size: 40px;
    line-height: 1.3;
    font-weight: 600;
    text-align: center;
}
.love-hear-heading span{
    color: #0094DE;
}
.love-hear-heading.service-head{
    font-size: 36px;
}
.hear-about-project-content .white-ban-btn-rw,.idea-impact-box .white-ban-btn-rw{
    text-align: center;
    margin-top: 60px;
}
.hear-about-project-content h3{
    position: relative;
    font-size: 28px;
    padding-bottom: 20px;
    display: inline-block;
}
.hear-about-project-content h3 .brands-curve {
    position: absolute;
    left: 20px;
    bottom: -30px;
}
.hear-about-project-content h3 .brands-curve img{
    width: 100px;
    height: auto;
}
.hear-vr {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}
.love-floting{
    position: absolute;
    top: -20px;
    right: 0;
}
.love-floting.startalk{
    top: -5px;
    right: 60px;
}
.love-floting.startal-btmk{
    bottom: -20px;
    top: auto;
    right: auto;
    left: 100px;
}
.love-floting.startalk img,.love-floting.startal-btmk{
    width: 32px;
}
.love-floting img{
    width: 136px;
    height: auto;
}
.hear-vr img{
    max-width: 100%;
    height: auto;
}
.hear-vr img.vrsmx{
    width: 290px;
    height: auto;
    margin-top: 20px;
    max-width: initial;
}
/*We'd love to hear about your project End Here*/

/*Our Recent Work Start Here*/
.our-recent-work-com{
    padding: 80px 0;
}
.our-recent-work-com h2{
    position: relative;
}
.our-recent-work-com h2 .brands-curve {
  position: absolute;
  left: 65px;
  bottom: -80px;
}
.our-recent-work-com h2 .brands-curve img {
  width: 150px;
  height: auto;
}
.recent-work-slider-content{
    margin-top: 80px;
}
.recent-work-description{
    position: relative;
    padding: 40px 30px 20px 40px; 
    border-radius: 32px;
    width: 100%;
    overflow: hidden;
}
.recent-work-description .appv{
    text-align: right;
}
.recent-work-description img.eqh{
    width: auto;
    height: 480px;
    display: inline-block;
}
.recent-work-description img.eqh-milkbun{
    width: auto;
    height: 450px;
    margin-top: 30px;
    display: inline-block;
}
.recent-work-description img.eqh-joscamp{
    width: auto;
    height: 440px;
    margin-top: 20px;
    display: inline-block;
}
.recent-work-description .top-head{
    position: absolute;
    top: 20px;
    left: 30px;
}
.recent-work-description .top-head img{
    height: auto;
}
.recent-work-description .top-head img.joshcam{
    width: 44px;
}
.recent-work-description .top-head img.daylly{
    width: 110px;
}
.recent-work-description .top-head img.milkbun{
    width: 44px;
}
.recent-work-description h4{
    font-weight: 600;
    padding-top: 10px;
}
.recent-work-description.joshcam-app{
    background: url(../images/joshcam-recent-work.webp) no-repeat;
    background-size: cover;
}
.recent-work-description.daylly-app{
    background: url(../images/daylly-recent-work.webp) no-repeat;
    background-size: cover;
}
.recent-work-description.milkbun-app{
    background: url(../images/milkbun-recent-work.webp) no-repeat;
    background-size: cover;
}
.owl-carousel.recent-work-owl-slider .owl-stage{
    display: flex;
}
.owl-carousel.recent-work-owl-slider .item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.owl-carousel.recent-work-owl-slider .owl-nav.disabled{
    display: block;
}
.owl-carousel.recent-work-owl-slider .owl-nav{
    position: absolute;
    top: -110px;
    right: 80px;
}
.owl-carousel.recent-work-owl-slider .owl-nav button{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #141414;
    transition: all 300ms linear;
}
.owl-carousel.recent-work-owl-slider .owl-nav button:hover{
    background-color: transparent;
}
.owl-carousel.recent-work-owl-slider .owl-nav button span{
    display: none;
}
.owl-carousel.recent-work-owl-slider .owl-nav button.owl-prev, .owl-carousel.recent-work-owl-slider .owl-nav button.owl-next{
    margin-right: 20px;
    background-image: url(../images/arrow-prev-slider-blk.svg); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
 }
 .owl-carousel.recent-work-owl-slider .owl-nav button.owl-next{
    margin-right: 0px;
    transform: rotate(180deg);
 }
/*Our Recent Work End Here*/

/*AI Services Start Here*/
.ai-service-section{
    padding: 80px 0;
    background-color: #0C1321;
}
.shedule-free-link{
    margin-top: 20px;
}
.schedule-free-link a{
    font-weight: 500;
    font-size: 20px;
    color: #00A4EF;
}
.ai-service-content-box{
    margin-top: 50px;
}
.ai-service-content-box .nav-tabs{
    border: 0;
}
.ai-service-content-box .nav-tabs .nav-link{
    padding: 17px 24px;
    border: 1px solid #D1D1D1;
    color: #fff;
    font-size: 18px;
    margin-right: 12px;
    border-radius: 32px;
    margin-bottom: 20px;
    background: linear-gradient(97.05deg, rgba(255, 255, 255, 0.04) 1.12%, rgba(153, 153, 153, 0.04) 98.8%);
}
.ai-service-content-box .nav-tabs .nav-item.show .nav-link,.ai-service-content-box .nav-tabs .nav-link.active {
    color: #fff;
    border-color:#00A0F7;
    background-color: #00A0F7;
}
.ai-service-content-box .tab-content{
    margin-top: 50px;
}
.core-tabs-content-wrap{
    padding: 40px;
    color: #fff;
    border-radius: 40px;
    height: 100%;
    background: linear-gradient(100.5deg, #2087F0 0%, #20C6E7 84.23%, #1FFFE0 100%);
}
.core-tabs-content-use-case{
    padding: 40px;
    color: #fff;
    height: 100%;
    border-radius: 40px;
    background: #FFFFFF30;
}
.ai-service-content-box h3{
    font-size: 30px;
    padding-bottom: 20px;
}
.core-tabs-content-use-case p{
    margin-bottom: 10px;
}
/*AI Services End Here*/

/*Transforming Ideas into Digital Realities with Engineering Mastery Start Here*/
.transforming-ideas-section{
    padding: 80px 0;
}
.transforming-ideas-section h2 span.idea-sub-color{
    color: #007EC2;
}
.transforming-ideas-section h2 span.underline-view{
    position: relative;
}
span.underline-view img{
    position: absolute;
    left: 40px;
    bottom: -75px;
    width: 130px;
}
.transforming-ideas-content{
    margin-top: 60px;
}
.transforming-ideas-content-box{
    position: relative;
    padding: 60px 0 0 40px;
    border-radius: 32px;
    border: 1px solid #DEDEDE;
    overflow: hidden;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}
.technology-about-details{
    position: absolute;
    padding: 30px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: #fff;
    border-radius: 32px;
    display: flex;
    align-items: center;
    transition: all 400ms linear;
    background-color: #0083CB;
}
.technology-about-details .white-ban-btn-rw{
    margin-top: 30px;
}
.technology-about-details a.get-touch-btn{
    padding: 15px 20px;
    color: #000;
    font-size: 18px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.technology-about-details a.get-touch-btn img.arrow{
    width: 11px;
    margin-left: 10px;
}
.technology-about-details a.get-touch-btn:hover{
    background-color: #ccc;
}
.transforming-ideas-content-box:hover .technology-about-details{
    opacity: 1;
}
.transforming-ideas-content-box h3{
    font-size: 24px;
}
.transforming-ideas-content-box.android{
    background: url(../images/hero-ban-com.webp) no-repeat;
    background-size: cover;
}
.transforming-ideas-content-box .technology-app{
    text-align: right;
    margin-top: 40px;
}
.transforming-ideas-content-box .technology-app img{
    max-width: 100%;
    height: auto;
    display: inline-block;
}
.transforming-ideas-content-box .technology-app.uiux-design{
    margin-top: 0;
}
.transforming-ideas-content-box .technology-app.uiux-design img{
    position: absolute;
    bottom: 0;
    right: 0;
}
/*Transforming Ideas into Digital Realities with Engineering Mastery End Here*/

/*Numbers That Speak for Themselves! Start Here*/
.number-that-speak-section{
    padding: 70px 60px;
    border-radius: 80px;
    background-color: #0C1321;
}
.number-that-speak-section span.speak-c{
    position: relative;
    color: #00A0F7;
}
.number-that-speak-section span.speak-c .ani-view{
    position: absolute;
    left: 30px;
    bottom: -80px;
}
.number-that-speak-section span.speak-c .ani-view img{
    width: 150px;
    height: auto;
}
.number-that-speak-box{
    margin-top: 70px;
    color: #fff;
}
.number-that-speaksbx{
    text-align: center;
}
.number-digit-company{
    font-size: 88px;
}
.number-info-txt{
    font-size: 25px;
    padding-top: 15px;
}
.wrapmxwd.padzero-left-and-right{
    padding: 0;
}
.build-your-app-btn-row{
    margin-top: 80px;
    margin-left: 50px;
    margin-right: 50px;
}
.build-your-app-btn-row a{
    position: relative;
    font-weight: 600;
    font-size: 50px;
    color: #34444D57;
    background: #2A2A2A80;
    padding: 30px 0;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 400ms linear;
    overflow: hidden;
}
.build-your-app-btn-row a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 200px;
  height: 200px;
  filter: blur(1200px);
  background-color: #46BCFF;
  transform: translateX(-50%);
  opacity: 0;
}
.build-your-app-btn-row a:hover:after {
  opacity: 1;
}
.build-your-app-btn-row .hand-app{
    position: absolute;
    left: 100px;
    bottom: 0px;
    opacity: 0;
    transition: all 400ms linear;
}
.build-your-app-btn-row .hand-app img{
    width: 200px;
    height: auto;
}
.build-your-app-btn-row a:hover .hand-app{
    opacity: 1;
}
.build-your-app-btn-row a:hover{
    color: #46BCFF;
}
.build-dream-arrow{
    transition: all 400ms linear;
    opacity: 0;
    margin-left: 20px;
}
.build-your-app-btn-row a:hover .build-dream-arrow{
    opacity: 1;
}
/*Numbers That Speak for Themselves! End Here*/

/*E-learning-app-development Page Start Here*/
.industry-banner-app{
    position: relative;
    z-index: 1;
}
.service-page-banner{
    position: relative;
    z-index: 1;
    padding-top:40px;
    border-radius: 54px;
    background-color: #A9EDFF;
    overflow: hidden;
}
.service-page-banner img{
    width: 100%;
    height: auto;
}
.industry-banner-app.service-type{
    margin-top: 20px;
    margin-left: 20px;
}
.industry-banner-app img{
    max-width: 100%;
    height: auto;
}
.head-industry-circle{
    position: absolute;
    top: -40px;
    right: -130px;
    width: 460px;
    height: 460px;
    border-radius: 50%;
    border: 40px solid #00A0F7;
}
.head-industry-circle.service-cicle{
    border-color: #98D3F3;
}
.banleftv.industypg p{
    font-size: 17px;
}
.banleftv.industypg p.alernative-des{
    height: 0;
    opacity: 0;
}
.digital-first-experince{
    padding: 80px 0;
}
.digital-experince-box{
    position: sticky;
    top: 80px;
}
.digital-experince-box .white-ban-btn-rw{
    margin-top: 60px;
}
.digital-experince-box .white-ban-btn-rw a.get-touch-btn{
    display: flex;
    justify-content: center;
}
.digital-first-app{
    margin: 30px 0;
}
.digital-first-app img{
    max-width: 100%;
    height: auto;
}
.digital-exp-option-box{
    margin-left: 90px;
}
.digital-exp-option-row{
    padding: 40px 50px;
    border-radius: 36px;
    margin-bottom: 30px;
    background-color: #EEEEEE;
}
.digital-exp-option-row h3{
    font-size: 27px;
    padding-bottom: 10px;
}
.digital-exp-option-row p{
    position: relative;
    margin-bottom: 0;
}
.digital-exp-option-row p:after{
    position: absolute;
    content: '';
    left: -25px;
    top: 14px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #5C5C5C;
}
.all-one-app-solutions-box{
    padding: 80px;
    border-radius: 80px;
    background-color: #0C1321;
}
.all-one-app-solutions-box.servicepg{
    padding-right: 0;
}
.all-one-app-solutions-box h2 span{
    color: #63C8FF;
}
.all-one-app-solutions-boxes{
    margin-top: 50px;
}
.all-one-app-content-box{
    padding: 40px 30px;
    border-radius: 21px;
    background-color: #EEEEEE;
}
.all-one-app-content-box h4{
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
}
.all-one-app-content-box p{
    font-size: 15px;
    line-height: 28px;
}
.owl-carousel.app-solutions-owl-slider .owl-stage,.owl-carousel.service-sol-owl-slider .owl-stage{
    display: flex;
}
.owl-carousel.app-solutions-owl-slider .item,.owl-carousel.service-sol-owl-slider .item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.all-one-app-solutions-box .white-ban-btn-rw{
    margin-top: 80px;
    text-align: center;
}
.all-one-app-solutions-box .white-ban-btn-rw a.get-touch-btn{
    padding-left: 80px;
    padding-right: 80px;
}
.powerful-features-section{
    padding: 80px 0;
}
.powerful-features-section h2 span{
    color: #007EC2;
}
.powerful-features-section .white-ban-btn-rw{
    text-align: right;
}
span.free-call-btn{
    position: relative;
    width: 24px;
    height: 24px;
    top: 2px;
    background: url(../images/free-call.svg) no-repeat;
    background-size: 24px;
    margin-right: 15px;
    transition: all 300ms linear;
    display: inline-block;
}
a.get-touch-btn:hover span.free-call-btn{
     background: url(../images/free-call-blue.svg) no-repeat;
     background-size: 24px;
}
.powerful-features-content{
    margin-top: 50px;
}
.powerful-features-content-box{
    padding-left: 40px;
    padding-right: 40px;
    height: 100%;
    border-right: 1px solid #D8D8D8;
}
.powerful-features-content-box.firstv{
    padding-left: 0;
}
.powerful-features-content-box.lastbdr{
    border-right: 0;
}
.powerful-features-content-box h4{
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
}
.powerful-features-content-box p{
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    color: #2A2A2A;
}
.digital-first-experince.robust-section{
    padding-top: 40px;
}
.digital-first-experince.robust-section span{
    color: #008ECF;
}
.digital-first-experince.robust-section .digital-exp-option-row p{
    color: #666666;
}
.digital-first-experince.robust-section .digital-exp-option-row p:after{
    display: none;
}
.digital-first-experince.robust-section .digital-exp-option-row h5{
    font-size: 21px;
    color: #545454;
    padding-bottom: 2px;
}
.digital-first-experince.robust-section .digital-exp-option-row h3{
    position: relative;
}
.digital-first-experince.robust-section .digital-exp-option-row h3:after {
    position: absolute;
    content: '';
    left: -25px;
    top: 14px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #5C5C5C;
}
.industry-tech-partner{
    padding: 80px 0 50px 0;
}
.industry-tech-partner h2 span{
    color: #007EC2;
}
.industry-tech-partner-features{
    margin-top: 50px;
}
.industry-tech-features-row{
    position: relative;
    padding-left: 60px;
    margin-bottom: 50px;
}
.industry-tech-features-row h3{
    font-size: 28px;
    padding-bottom: 10px;
}
.industry-tech-features-row span.indus-star{
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background: url(../images/industry-star.svg) no-repeat;
    background-size: 22px;
}
.industry-tech-features-row p{
    color: #6D6D6D;
}
.all-one-app-solutions-box.proven-process .schedule-free-link{
    text-align: right;
}
.industry-success-tabs-content{
    padding-top: 40px;
}
.industry-success-tabs-box{
    padding: 40px 50px;
    border-radius: 40px;
    height: 100%;
    background: #FFFFFF12;
}
.industry-success-tabs-details{
    padding: 40px 50px;
    border-radius: 40px;
    height: 100%;
    background: linear-gradient(100.5deg, #2087F0 0%, #20C6E7 84.23%, #1FFFE0 100%);
}
.industry-success-tabs-details-box{
    margin: 0;
}
.industry-success-tabs-details-box h3{
    font-size: 25px;
    padding-bottom: 15px;
}
.industry-success-tabs-box .nav-tabs {
  border: 0;
  display: block;
}
.industry-success-tabs-box .nav-tabs .nav-link{
    position: relative;
    padding: 15px 0;
    padding-right: 30px;
    border: 0;
    color: #fff;
    font-size: 19px;
    margin-right: 0;
    border-radius: 0;
    margin-bottom: 10px;
    background: none;
    transition: all 400ms linear;
}
.industy-tabs-active-arrow{
    position: absolute;
    top: 12px;
    right: 0;
    width: 14px;
    height: 14px;
    opacity: 0;
    transition: all 400ms linear;
}
.industy-tabs-active-arrow img{
    width: 100%;
}
.nav-item .nav-link.active .industy-tabs-active-arrow{
    opacity: 1;
}
.industry-success-tabs-box .nav-tabs .nav-item.show .nav-link,.industry-success-tabs-box .nav-tabs .nav-link.active {
    font-size: 20px;
    color: #62C8FF;
}
.build-your-app-btn-row.industry-pg{
    margin-left: 0;
    margin-right: 0;
    margin-top: 40px;
}
/*E-learning-app-development Page End Here*/

/*Augmented Reality App Development Company Start Here*/
.sevice-des-color{
    color: #6B6B6B;
}
.enchanting-visage{
    margin-top: 50px;
}
.f30{
    font-size: 30px;
}
.leading-way-des-txt{
    color: #696969;
}
.powerful-features-section.toppdzero{
    padding-top: 0;
}
.app-goals-box{
    position: sticky;
    top: 80px;
}
.app-goals{
    position: relative;
    display: inline-block;
}
.award-wining-head{
    position: absolute;
    left: -30px;
    top: -15px;
    color: #000;
    font-weight: 600;
    font-size: 21px;
    border-radius: 56px;
    padding: 20px 40px;
    padding-left: 60px;
    background: url(../images/award-win-back.png) no-repeat;
    background: linear-gradient(90deg,#c9e6fb 0%,#9fd4f2 45%,#6cc7ee 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}
.trophy-animation{
    position: absolute;
    left: 20px;
    top: 7px;
    width: 45px;
}
.app-goals img{
    max-width: 100%;
    height: auto;
}
.digital-first-experince.robust-section.app-goals{
    padding-top: 0;
}
.app-goals-details{
    margin-left: 60px;
}
.app-goals-details .app-goals-head{
    position: relative;
    font-size: 60px;
    line-height: 1.3;
    font-weight: 600;
    padding-bottom: 30px; 
}
.app-goals-details .app-goals-row{
    padding-bottom: 20px;
}
.app-goals-details .app-goals-row h5{
    font-size: 23px;
    font-weight: 600;
}
.app-goals-details .app-goals-head span{
    color: #00A4EF;
}
.best-user-exp-btn{
    position: absolute;
    right: -30px;
    bottom: -15px;
    color: #000;
    font-weight: 600;
    font-size: 21px;
    border-radius: 56px;
    padding: 20px 40px;
    padding-left: 60px;
    background: linear-gradient(135deg,#b8dcd6 0%, #cfe5e1 35%,#d9d9d9 65%,#bfbfbf 100%);
}
.notification-animation {
  position: absolute;
  left: 11px;
  top: 4px;
  width: 54px;
}
.why-invest-our-servces{
    padding: 80px 0;
}
.why-invest-service-content{
    margin-top: 50px;
}
.service-app-sc-app{
    position: sticky;
    top: 80px;
}
.service-app-sc-app img{
    width: 100%;
    height: auto;
}
.invest-service-features-box{
    margin-left: 30px;
}
.invest-service-feats-box{
    padding: 40px;
    border-radius: 20px;
    background: linear-gradient(118.46deg, rgba(178, 202, 255, 0.3) 4.33%, rgba(223, 233, 255, 0.3) 98.07%);
    height: calc(100% - 30px);
    margin-bottom: 30px;
}
.invest-service-feats-box h3{
    font-size: 28px;
    color: #002438;
    padding-bottom: 10px;
}
.invest-service-feats-box p{
    font-size: 16px;
    color: #000F20;
    line-height: 28px;
}
.service-page-sub-color{
    color: #00A4EF;
}
.owl-carousel.recent-work-owl-slider.servicepg .owl-nav{
    display: none;
}
.showcase-curve{
    margin-top: 30px;
}
.showcase-curve img{
    max-width: 100%;
    height: auto;
    display: inline-block;
}
.latest-tool-frameworks{
    padding: 80px 0;
}
.latest-tool-frameworks h2{
    font-size: 60px;
}
.latest-tool-frameworks h2 span{
    color: #00A4EF;
}
.latest-tool-frameworks-head{
    position: sticky;
    top: 80px;
    margin-right: 40px;
}
.latest-tool-frameworks-head .white-ban-btn-rw{
    margin-top: 50px;
}
.divide-tool-bdr{
    border-right: 1px solid rgba(0,0,0,0.30)
}
.latest-tool-frameworks-content{
    margin-left: 20px;
}
.latest-tool-box{
    margin-left: 30px;
    margin-bottom: 40px;
}
.latest-tool-box h3{
    font-size: 30px;
}
.latest-tool-box-head{
    display: flex;
    align-items: center;
}
.latest-tool-box-head img{
    width: 30px;
    height: auto;
    margin-right: 8px;
}
.latest-tool-box ul{
    margin: 20px 0 0 0;
    padding: 0;
}
.latest-tool-box ul li{
    position: relative;
    list-style: none;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.3;
}
.latest-tool-box ul li span.sm-icon{
    position: absolute;
    left: -30px;
    top: 8px;
    width: 10px;
    height: 10px;
    background: url(../images/sm-star-icon.svg) no-repeat;
    background-size: 10px;
}
.service-results-box{
    position: absolute;
    top: -60px;
    right: -40px;
    width: 220px;
    padding: 20px;
    border-radius: 30px;
    text-align: center;
    background-color: #fff;
    box-shadow: -19px 4px 41.5px 34px #0000000A;
}
.dev-rate-box{
   position: absolute;
    bottom: -60px;
    left: -40px;
    width: 220px;
    padding: 20px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
    border-radius: 30px;
    text-align: center;
    background-color: #fff;
    box-shadow: -19px 4px 41.5px 34px #0000000A;
}
.service-results-box h4{
    font-size: 23px;
}
.service-results-box p{
    font-size: 16px;
    line-height: 24px;
}
.all-one-app-solutions-box.servicepg-deliver{
    margin-top: 80px;
}
.trusted-service-partner-company{
    padding: 80px 0 60px;
}
.trusted-service-partner-company h2{
    font-size: 56px;
}
.trusted-service-partner-content{
    margin-top: 50px;
}
.trusted-service-partner-contentbx{
    padding: 30px;
    border-radius: 30px;
    margin-bottom: 30px;
    height: calc(100% - 30px);
}
.trusted-service-partner-contentbx h3{
    font-size: 28px;
    color: #0C0C0C;
    padding-bottom: 15px;
}
.trusted-service-partner-contentbx p{
    color: #2A2A2A;
}
.trusted-service-partner-contentbx.years-dev{
    background-color: #D3F6FF;
}
.trusted-service-partner-contentbx.dedicated-dev{
    background-color: #FFB2D1;
}
.trusted-service-partner-contentbx.scalable-dev{
    background-color: #B2FFE8;
}
.trusted-service-partner-contentbx.delivery-dev{
    background-color: #FBFFB2;
}
.trusted-service-partner-contentbx .trusted-part-icon{
    margin-bottom: 20px;
}
.trusted-service-partner-contentbx .trusted-part-icon img{
    width: 56px;
    height: auto;
}
/*Augmented Reality App Development Company End Here*/

/*Portfolio Page Start Here*/
.portfolio-banner-hero{
    background:url(../images/portfolio-hero-ban-bg.webp);
    background-size: cover;
}
.portfolio-banner-hero .portfolio-ban-content{
    position: relative;
    padding-top: 110px;
    padding-bottom: 60px;
}
.gunbox-hero{
    position: absolute;
    top: 120px;
    right: 20px;
}
.gunbox-hero > img{
    width: 700px;
}
.gunbox-hero .white-ban-btn-rw{
    position: absolute;
    bottom: -10px;
    right: 20px;
    z-index: 1;
}
.gunbox-hero .white-ban-btn-rw a.get-touch-btn{
    box-shadow: none;
}
.gunbox-hero .white-ban-btn-rw a.get-touch-btn:hover{
    background-color:#000;
}
.gunbox-hero .award-wining-head{
    left: auto;
    right: -40px;
    top: 135px;
    color: #fff;
    font-size: 19px;
    background: radial-gradient(80% 120% at 18% 50%, rgba(255, 200, 130, 0.28) 0%, rgba(255, 200, 130, 0.12) 35%,transparent 65%),
    linear-gradient(90deg,#1a1f25 0%,#2a3138 35%,#3a3f44 65%,#4a4f52 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10),0 8px 24px rgba(0, 0, 0, 0.35);
}
.gunbox-hero .best-user-exp-btn{
    right: auto;
    left: -100px;
    bottom: auto;
    top: 200px;
    font-size: 19px;
    color: #fff;
     background: radial-gradient(80% 120% at 18% 50%, rgba(255, 200, 130, 0.28) 0%, rgba(255, 200, 130, 0.12) 35%,transparent 65%),
    linear-gradient(90deg,#1a1f25 0%,#2a3138 35%,#3a3f44 65%,#4a4f52 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10),0 8px 24px rgba(0, 0, 0, 0.35);
}
.gun-hero-view{
    position: absolute;
    bottom: 0;
    left: 90px;
}
.gun-hero-view img{
    width: 640px;
    height: auto;
    opacity: 0;
     -webkit-transform: translateY(60px);
    transform: translateY(60px);
     -webkit-transition: opacity .8s ease-in-out,-webkit-transform .8s cubic-bezier(.16,.68,.43,.99);
    transition: opacity .8s ease-in-out,-webkit-transform .8s cubic-bezier(.16,.68,.43,.99);
    transition: transform .8s cubic-bezier(.16,.68,.43,.99),opacity .8s ease-in-out;
    transition: transform .8s cubic-bezier(.16,.68,.43,.99),opacity .8s ease-in-out,-webkit-transform .8s cubic-bezier(.16,.68,.43,.99);
}
.gun-hero-view.aos-animate img{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.portfolio-banner-hero .portfolio-ban-content p{
    max-width: 680px;
    color: #AAAAAA;
    margin-top: 60px;
}
.potfolio-curve-anim{
    padding-left: 80px;
    margin-top: -50px;
}
.potfolio-curve-anim img{  
    width: 160px;
}
.portfolio-ban-content h1{
    font-size: 50px;
    color: #fff;
}
.portfolio-ban-content h1 span{
    color: #32B6FF;
}
.portfolio-number-box{
    display: flex;
    margin-top: -20px;
}
.portfolio-numberbx{
    color: #fff;
    width: 200px;
}
.portfolio-numberbx .num-d{
    font-size: 60px;
    font-weight: 500;
    font-style: italic;
}
.portfolio-numberbx .num-txt{
    font-size: 19px;
    padding-top: 15px;
}
.portfolio-middle-content{
    margin-top: 60px;
    margin-bottom: 50px;
}
.portfolio-middle-content-boxwrap{
    padding-bottom: 0px;
}
.portfolio-middle-content-boxwrap.details-box{
    position: relative;
    padding-top: 50px;
    padding-left: 60px;
    padding-bottom: 100px;
    height: calc(100% - 30px);
}
.new-portfolio-app-row.row-reverse .portfolio-middle-content-boxwrap.details-box{
    padding-left: 30px;
}
.portfolio-middle-content-boxwrap .app-heading{
    font-size: 40px;
    color: #212529;
    font-weight:700;
}
.portfolio-middle-content-boxwrap .sub-app-heading{
    font-size: 24px;
    font-weight: 500;
    color: #888888;
    padding: 30px 0;
}
.portfolio-middle-content-boxwrap h3{
    font-size: 30px;
    line-height: 1.3;
    font-weight: 600;
    color: #212529;
}
.portfolio-middle-content-boxwrap h3 span.joshcam{
    color: #009B6A;
}
.portfolio-middle-content-boxwrap h3 span.daylly{
    color: #1BC137;
}
.portfolio-middle-content-boxwrap h3 span.cancan{
    color: #035C4E;
}
.portfolio-middle-content-boxwrap h3 span.bookmyjet{
    color: #E9627F;
}
.portfolio-middle-content-boxwrap h3 span.craftbet{
    color: #D10300;
}
.portfolio-middle-content-boxwrap h3 span.sterkla{
    color: #1361BD;
}
.portfolio-middle-content-box{
    position: relative;
    padding: 50px 0;
    border-radius: 50px;
    overflow: hidden;
}
.portfolio-middle-content-box .logo-app {
    position: absolute;
    top: 40px;
    left: 30px;
}
.portfolio-middle-content-box .logo-app.joshcam-logo{
    width: 80px;
}
.portfolio-middle-content-box .logo-app.daylly{
    width: 132px;
}
.portfolio-middle-content-box .logo-app.bet-logo{
    width: 200px;
}
.portfolio-middle-content-box .logo-app img{
    width: 100%;
    height: auto;
}
.josh-app-bg{
    background: url(../images/portfolio-joshcam-back.webp) no-repeat;
    background-size: cover;
}
.daylly-app-bg{
    background: url(../images/daylly-app-back.webp) no-repeat;
    background-size: cover;
    padding-bottom: 0;
}
.cancan-app-bg{
    background: url(../images/cancan-portfolio-back.webp) no-repeat;
    background-size: cover;
}
.bookmyjet-app-bg{
    background: url(../images/book-my-jet-back.webp) no-repeat;
    background-size: cover;
}
.craftbet-app-bg{
    background: url(../images/cancan-portfolio-back.webp) no-repeat;
    background-size: cover;
    padding-bottom: 0;
}
.sterkla-port-bg{
    background: url(../images/sterkla-port-bg.webp) no-repeat;
    background-size: cover;
}
.new-portfolio-app-row{
    margin-bottom: 80px;
}
.new-portfolio-app-row.row-reverse{
    flex-direction: row-reverse;
}
.section-port-animation{
    text-align: center;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: opacity .8s ease-in-out,-webkit-transform .8s cubic-bezier(.16,.68,.43,.99);
    transition: opacity .8s ease-in-out,-webkit-transform .8s cubic-bezier(.16,.68,.43,.99);
    transition: transform .8s cubic-bezier(.16,.68,.43,.99),opacity .8s ease-in-out;
    transition: transform .8s cubic-bezier(.16,.68,.43,.99),opacity .8s ease-in-out,-webkit-transform .8s cubic-bezier(.16,.68,.43,.99);
}
.new-portfolio-app-row.aos-animate .section-port-animation{
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.section-port-animation img{
    height: 370px;
}
.section-port-animation img.daylly-app,.section-port-animation img.craft-app{
    height: 420px;
}
.portfolio-button-row{
    position: absolute;
    left: 60px;
    bottom: 0px;
}
.new-portfolio-app-row.row-reverse .portfolio-middle-content-boxwrap.details-box .portfolio-button-row{
    left: 30px;
}
.portfolio-button-row a {
  position: relative;
  padding: 14px 32px;
  font-size: 16px;
  color: #fff;
  border-radius: 32px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  border: 1px solid #2087F0;
  background-color: #2087F0;
  transition: all 500ms linear;
}
.portfolio-button-row a:first-child{
    margin-right: 15px;
}
.portfolio-button-row a:hover{
    border-color: #000;
    color: #fff;
    background-color: #000;
}
.portfolio-button-row a img{
    width: 20px;
    margin-right: 16px;
}
/*Portfolio Page End Here*/

/*About Us Start Here*/
.company-history-box{
    padding: 60px 0;
    background-color: #E9F7FF;
}
.about-company-details{
    margin: 0;
}
.about-company-details-rw{
    margin-bottom: 40px;
}
.about-company-details p{
    color: #686868;
}
.company-location-deatils{
    margin-left: 60px;
}
.location-based-box{
    padding: 30px 40px;
    border-radius: 40px;
    font-weight: 500;
    background: linear-gradient(97.69deg, #0083CB 6.71%, rgba(0, 131, 203, 0.78) 97.39%);
}
.based-loc-txt{
    font-size: 24px;
    color: rgba(255,255,255,0.51);
    padding-bottom: 15px;
}
.aus-based-location{
    display: flex;
    align-items: center;
    font-size: 27px;
    color: #fff;
}
.aus-based-location img{
    margin-right: 15px;
}
.aus-happy-team{
    margin-top: 30px;
}
.aus-happy-team img{
    width: 100%;
    height: auto;
}
.our-company-value-section{
    padding: 80px 0;
}
.our-company-value-section h2 span{
    color: #007EC2;
}
.our-company-value-section .brands-curve{
    position: absolute;
    left: 80px;
    top: 0px;
}
.our-company-value-section .brands-curve img{
    width: 120px;
    height: auto;
}
.our-company-value-section .white-ban-btn-rw{
    margin-top: 90px;
}
.our-company-value-short-des{
    margin-left: 30px;
}
.our-company-value-short-des p{
    color: #686868;
}
.our-company-value-sliderbx{
    margin-top: 60px;
}
.company-value-description-box{
    position: relative;
    padding: 30px 30px 80px 30px;
    border-radius: 21px;
    background-color: #EEEEEE;
    transition: background-color 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.company-value-description-box:after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: -15px;
    height: 28px;
    border-radius: 0 0 20px 20px;
    background-color: #EEEEEE;
    opacity: 0;
    z-index: -1;
    transition: background-color 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.company-value-description-box:hover:after {
   opacity: 1;
}
.company-value-description-box .value-card-inner{
   transform: translateY(0);
   transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),background 0.45s ease, box-shadow 0.45s ease;
}
.company-value-description-box:hover{
    background-color: #0083cb;
}
.company-value-description-box:hover .value-card-inner {
  transform: translateY(10px); 
}
.company-value-description-box .value-icon{
    width: 50px;
    height: 50px;
    background: url(../images/about-icon-sprite.png) no-repeat;
    background-size: 50px 500px;
    margin-bottom: 20px;
    transition: all 400ms linear
}
.company-value-description-box .value-icon.integrity{
    background-position: 0 0;
}
.company-value-description-box:hover .value-icon.integrity{
    background-position: 0 -50px;
}
.company-value-description-box .value-icon.excellence{
    background-position: 0 -100px;
}
.company-value-description-box:hover .value-icon.excellence{
    background-position: 0 -150px;
}
.company-value-description-box .value-icon.innovation{
    background-position: 0 -200px;
}
.company-value-description-box:hover .value-icon.innovation{
    background-position: 0 -250px;
}
.company-value-description-box .value-icon.collaboration{
    background-position: 0 -300px;
}
.company-value-description-box:hover .value-icon.collaboration{
    background-position: 0 -350px;
}
.company-value-description-box .value-icon.empathy{
    background-position: 0 -400px;
}
.company-value-description-box:hover .value-icon.empathy{
    background-position: 0 -450px;
}
.company-value-description-box h3{
    font-size: 28px;
    color: #484848;
    padding-bottom: 10px;
}
.company-value-description-box h3,.company-value-description-box p{
     transition: color 0.3s ease;
}
.company-value-description-box:hover h3,
.company-value-description-box:hover p {
    color: #fff;
}
.company-value-description-box p{
    color: #5E5E5E;
    transition: color 0.3s ease;
}
.owl-carousel.about-value-owl-slider .owl-stage{
    display: flex;
    padding-bottom: 20px;
}
.owl-carousel.about-value-owl-slider .item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.owl-carousel.about-value-owl-slider .owl-nav.disabled{
    display: block;
}
.owl-carousel.about-value-owl-slider .owl-nav{
    text-align: center;
    margin-top: 40px;
}
.owl-carousel.about-value-owl-slider .owl-nav button{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid #141414;
    transition: all 300ms linear;
}
.owl-carousel.about-value-owl-slider .owl-nav button:hover{
    background-color: transparent;
}
.owl-carousel.about-value-owl-slider .owl-nav button span{
    display: none;
}
.owl-carousel.about-value-owl-slider .owl-nav button.owl-prev, .owl-carousel.about-value-owl-slider .owl-nav button.owl-next{
    margin-right: 20px;
    background-image: url(../images/arrow-prev-slider-blk.svg); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
 }
 .owl-carousel.about-value-owl-slider .owl-nav button.owl-next{
    margin-right: 0px;
    transform: rotate(180deg);
 }
.company-value-team-section{
    padding: 80px 0;
    background: url(../images/clients-say-body.webp) no-repeat;
    background-size: cover;
}
.company-value-team-section h2 span{
    color: #007EC2;
}
.company-value-team-section .brands-curve {
  position: absolute;
  left: 80px;
  top: 0px;
}
.company-value-team-section .brands-curve img {
  width: 120px;
  height: auto;
}
.company-value-team-section .white-ban-btn-rw{
    margin-top: 70px;
}
.valuble-team-member-box{
    position: relative;
    padding: 30px 30px 0 30px;
    border-radius: 42px;
    overflow: hidden;
    margin-right: 10px;
    background: linear-gradient(180deg, #007BB3 0%, #1B1B1B 100%);
}
.our-company-value-sliderbx.pillars-team .owl-carousel.about-value-owl-slider .owl-nav{
    display: none;
}
.happy-team-desibx{
    position: absolute;
    display: flex;
    align-items: center;
    left: 30px;
    bottom: 20px;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    gap: 8px;
    background-color: #fff;
    transition: width 0.45s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.3s ease;
}
.happy-team-desibx .team-icon{
    width: 45px;
    text-align: center;
}
.happy-team-desibx .team-icon img{
    position: relative;
    left: 3px;
    top: -3px;
    width:45px;
    height: auto;
}
.happy-team-desibx  .user-name{
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  color: #0083CBC7;
  opacity: 0;
  transform: translateX(-6px);
  transition:opacity 0.3s ease, transform 0.3s ease;
}
.valuble-team-member-box:hover .happy-team-desibx {
  width: 160px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.valuble-team-member-box:hover .happy-team-desibx.anderson{
    width: 180px;
}
.valuble-team-member-box:hover .happy-team-desibx.thompson{
    width: 200px;
}
.valuble-team-member-box:hover .user-name {
  opacity: 1;
  transform: translateX(0);
}
.company-work-process-section{
    padding: 80px 0;
}
.stages-product-box{
    position: sticky;
    top: 80px;
    padding: 40px;
    border-radius: 50px;
    background-color: #0C1321;
}
.work-process-btn-st{
    padding: 14px 28px;
    font-size: 21px;
    color: #fff;
    display: inline-flex;
    border-radius: 60px;
    border: 1px solid #fff;
    background-color: #00A4EF;
    margin-bottom: 30px;
}
.stages-heading{
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
}
.stages-product-box p{
    font-size: 20px;
    font-weight: 400;
    color: rgba(255,255,255,0.52);
    margin-top: 20px;
}
.stages-pro-view{
    margin-top: 30px;
}
.stages-pro-view img{
    width: 100%;
    height: auto;
}
.effective-best-process{
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
}
.best-pro-view{
    margin-left: 20px;
}
.stages-product-box a.get-touch-btn{
    display: flex;
    justify-content: center;
}
.digital-exp-option-box.aboutuspg{
    margin-left: 10px;
}
.digital-exp-option-box.aboutuspg .digital-exp-option-row h3 span{
    display: inline-block;
    margin-right: 20px;
}
.digital-exp-option-box.aboutuspg .digital-exp-option-row p{
    padding-left: 30px;
}
.digital-exp-option-box.aboutuspg .digital-exp-option-row p:after{
    left: 0;
}
.number-that-speak-section.aboutuspg{
    margin-bottom: 80px;
}
/*About Us End Here*/

/*AI Page Start Here*/
.ai-hero-ban{
    position: relative;
    overflow: hidden;
    background: url(../images/ai-hero-back.webp) no-repeat;
    background-size: cover;
    padding-top: 100px; 
    padding-bottom: 50px;
}
.ai-hero-ban h1{
    font-size: 45px;
    line-height: 1.3;
}
.ai-hero-ban h1 span{
    color: #22A3FF;
}
.ai-hero-ban h3{
    font-size: 32px;
    font-weight: 400;
    font-style: italic;
}
.ai-hero-ban .white-ban-btn-rw{
    margin-top: 40px;
}
.ai-hero-sh-des{
    position: relative;
    padding-top: 70px;
}
.hero-ban-star{
    position: absolute;
    top: -10px;
    left: -50px;
}
.ai-hero-sh-des p{
    font-size: 16px;
    line-height: 28px;
}
.ai-hero-ban p.alernative-des {
  height: 0;
  opacity: 0;
}
.ai-hero-ban .ban-content {
    position: relative;
    display: flex;
    align-items: center;
}
.ai-hero-ban .slider-wrapper {
    position: absolute;
    left: 50%;
    bottom: -30px;
    width: 540px;
    height: 540px;
    transform: translateX(-50%);
    overflow: hidden;
}
.ai-hero-ban .slider {
    position: relative;
    width: 100%;
    height: 100%;
}
.ai-hero-ban .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    bottom: 0;
    transform: translateY(100%);
    opacity: 0;
    animation: slideUpDown 9s infinite ease-in-out;
}
.ai-hero-ban .slide-1 {
    animation-delay: 0s;
}
.ai-hero-ban .slide-2 {
    animation-delay: 3s;
}
.ai-hero-ban .slide-3 {
    animation-delay: 6s;
}
@keyframes slideUpDown {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }

  10% {
    transform: translateY(0%);
    opacity: 1;
  }

  30% {
    transform: translateY(0%);
    opacity: 1;
  }

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

  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
.ai-talk-experts-row{
    margin: 50px 0 30px;
    display: flex;
}
.ai-talk-experts-row img{
    max-width: 100%;
    height: auto;
}
.ai-talk-experts-row img:nth-child(2){
    margin-left: -35px;
}
.ai-transforming-businesses{
    padding: 80px 0;
}
.ai-transforming-businesses h2{
    font-size: 60px;
    font-weight: 400;
    font-style: italic;
}
.ai-transforming-businesses h2 span{
    color: #989898;
}
.ai-transforming-businesses .heads-ai{
    margin: 0;
}
.ai-transforming-businesses .heads-ai .white-ban-btn-rw{
    margin-top: 40px;
}
.ai-transforming-businesses .heads-ai p{
    color: #686868;
    margin-top: -10px;
}
.ai-agent-solution-video {
    position: sticky;
    top: 70px;
}
.ai-agent-solution-video video {
    width: 100%;
    border-radius: 30px;
}
.choose-ai-digital-solution{
    position: relative;
}
.choose-ai-digital-solution h2{
    font-size: 60px;
    font-weight: 300;
    color: #00A0F7;
    font-style: italic;
}
.choose-ai-digital-solution h2 span{
    color: #7D7D7D;
}
.ai-digital-box-row{
    position: sticky;
    top: 80px;
}
.ai-digital-box-row.secrw{
    margin-top: 30px;
}
.ai-digital-box{
    position: relative;
    padding: 40px 50px 160px;
    border-radius: 40px;
    height: 100%;
    color: #fff;
    transition: color 300ms ease;
    background: #fff;
}
.ai-digital-box::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100.5deg,#2087F0 0%, #20C6E7 84.23%,#1FFFE0 100% );
    opacity: 1;
    border-radius: 40px;
    transition: opacity 400ms ease;
}
.ai-digital-box .digital-content{
    position: relative;
    z-index: 1;
}
.ai-digital-box h3{
    font-size: 28px;
    padding-bottom: 20px;
}
.ai-digital-box p{
    max-width: 80%;
}
.ai-learn-more{
    position: absolute;
    left: 50px;
    bottom: 40px;
    opacity: 0;
    transition: all 400ms linear;
}
.ai-learn-more a{
    font-size: 20px;
    color: #00A4EF;
    font-weight: bold;
    text-decoration: none;
}
.ai-digital-box:hover{
    color: #000F20;
}
.ai-digital-box:hover::before{
    opacity: 0;
}
.ai-digital-box:hover .ai-learn-more{
    opacity: 1;
}
.ai-role-machine-sec{
    padding: 80px 0;
}
.ai-role-machine-sec h2{
    font-size: 60px;
    font-style: italic;
}
.ai-role-machine-sec h2 span{
    color: #00A4EF;
}
.ai-role-short-des{
    margin-left: 40px;
}
.ai-role-machine-sec .ai-role-txt{
    color: #888888;
}
.ai-role-base-des{
    width: 40px;
    height: 4px;
    background-color: #00A0F7;
    margin-bottom: 20px;
}
.role-machine-ai-mid-box{
    margin-top: 50px;
}
.ai-role-machine-sec .white-ban-btn-rw{
    margin-top: 40px;
}
.all-one-app-solutions-box.ai-industry h2{
    font-size: 60px;
    font-weight: 400;
    font-style: italic;
}
.invest-service-feats-box .white-ban-btn-rw{
    margin-top: 30px;
}
.ai-btn-hero{
    display: none;
}
/*AI Page End Here*/

/*Modal Get in Touch Start Here*/
.modal-dialog.get-touch {
    max-width: 560px;
}
.modal-dialog.get-touch .modal-content {
    border-radius: 32px;
}
.modal-dialog.get-touch .modal-title {
    padding-top: 20px;
    font-size: 24px;
    font-weight: 600;
    padding-left: 25px;
}
.modal-dialog.get-touch .conversation-form{
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
}
.input-effect {
    position: relative;
    z-index: 1;
}
.form-control.input-pd-space {
    border-bottom: 1px solid #b9b9b9;
}
.modal-dialog.get-touch .conversation-form-input-row .form-control::-webkit-input-placeholder {
    color: #000
}
.modal-dialog.get-touch .conversation-form-input-row .form-control:-moz-placeholder {
    color: #000;
    opacity: 1
}
.modal-dialog.get-touch .conversation-form-input-row .form-control::-moz-placeholder {
    color: #000;
    opacity: 1
}
.modal-dialog.get-touch .conversation-form-input-row .form-control:-ms-input-placeholder {
    color: #000
}
.modal-dialog.get-touch .conversation-form-input-row .form-control::-ms-input-placeholder {
    color: #000
}
.modal-dialog.get-touch .conversation-form-input-row .form-control{
    color: #000;
}
.modal-dialog.get-touch select {
    line-height: 20px;
    border-radius: 0;
    font-weight: 500;
    outline: 0;
    box-shadow: 0 0 0 0.2rem transparent;
}
.modal-dialog.get-touch .conversation-form-input-row select.form-control.footer-form {
    color: #000;
}
.modal-dialog.get-touch .close{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #000;
    opacity: 1 !important;
    z-index: 1;
    background-color: #ebf3f9;
}
.modal-dialog.get-touch .captchsec1{
    color: #000;
}
.modal-dialog.get-touch .captchsec1 input{
    background-color: #0933632B;
}
.modal-dialog.get-touch .connectcall{
    float: right;
    text-align: right;
    margin-top: 2px;
}
.modal-dialog.get-touch .whats-app-link-hero{
    position: static;
    display: inline-flex;
    width: 44px;
    height: 44px;
    vertical-align: middle;
    background-color: #ebf7f6;  
}
.modal-dialog.get-touch .whats-app-link-hero.calls{
    margin-left: 10px;
}
.modal-dialog.get-touch .whats-app-link-hero img{
    width: 20px;
}
.modal-dialog.get-touch .whats-app-link-hero img.callby{
    width: 44px;
    height: auto;
}
.modal-dialog.get-touch .connectcall .connect_icon {
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: #ebf7f6;
    display: inline-block;
    margin-left: 10px;
}
.modal-dialog.get-touch .conversation-form-input-row{
    margin-bottom: 15px;
}
.modal-dialog.get-touch .conversation-form-input-row .form-control{
    padding: 15px 10px 15px 50px;
}
.modal-dialog.get-touch .conversation-form-input-row .form-control.mobile-num {
  padding-left: 0;
}
/*Modal Get in Touch End Here*/

/*Thank You Page Start Here*/
.thankspg-ban{
    padding-top: 130px;
}
.thankfwd .itechbanapp img {
    width: auto;
    max-width: 100%;
}
.thankspg-ban .ban-content .banleftv {
    display: flex;
    align-items: center;
    height: 100%;
}
.thankyou-head {
    font-size: 80px;
    padding-bottom: 20px;
}
.thankspg-ban a.get-touch-btn{
    position: relative;
    padding: 15px 36px;
    font-size: 18px;
    color: #fff;
    border-radius: 32px;
    display: inline-block;
    text-decoration: none;
    background-color: #00a0f7;
    margin-top: 20px;
    transition: all 500ms linear;
    z-index: 1;
}
.thankspg-ban a.get-touch-btn:hover{
    background-color: #0598e7;
}
.thankspg-ban a.get-touch-btn img {
    width: auto;
    display: inline-block;
    margin-left: 15px;
    height: auto;
}
#name-error, #email-error, #contact_no-error, #query-error,#phone-error,#message-error,#budget-error,#projectBudget-error{
    padding-top: 8px;
    font-size: 15px;
    display: block;
    color: #fd4343;
}
.robotbx .error,.robotbx .error1 {
    padding-top: 5px;
    font-size: 15px;
    color: #fd4343;
    display: none;
}
/*Thank You Page End Here*/