html{
    overflow: hidden;
    overflow-y: auto;
}
body{
    font-family: 'General Sans', sans-serif;
    line-height: 1;
    font-weight: 400;
    color: #000;
    background-color: #010712;
}
.outfit-family{
    font-family: "Outfit", sans-serif;
}
.manrope-family{
    font-family: "Manrope", sans-serif;
}
.common-tp-btm{
    padding-top: 80px;
    padding-bottom: 80px;
}
.techugo-wrapper{
    margin: 0;
}
.fnw-400{
    font-weight: 400;
}
.fnw-600{
    font-weight: 600;
}
.fnw-500{
    font-weight: 500;
}
.fnw-300{
    font-weight: 300;
}
.wrapmxwd{
    max-width: 1480px;
    margin: auto;
}
.wrapmxwd.headerwd{
    width: 100%;
}
.fwddiv{
    width: 100%;
}
:root {
    --color-bg: papayawhip;
    --color-bg-accent: #ecdcc0;
    --size: clamp(10rem, 1rem + 40vmin, 30rem);
    --gap: calc(var(--size) / 14);
    --duration-port: 150s;
    --duration-port-main: 12s;
    --scroll-start-port: 0;
    --scroll-end-port: calc(-100% - var(--gap));
    --start-port: 0;
    --end-port: calc(-100% - var(--gap));
     --cyan: #00ffe5;     
     --distance-arrow: 18px;  
     --duration-btn: 2.2s;
     --accent:#3b82f6;
     --ok:#10b981;
     --text:#0f172a;
     --muted:#64748b; 
}
/*Common Start Here*/
p{
    font-size: 17px;
    line-height: 28px;
}
p.f22{
    font-family: "Outfit", sans-serif;
    font-size: 22px;
    line-height: 40px;
}
.w100img{
    width: 100%;
    height: auto;
}
h1{
    font-size: 42px;
}
h2{
    font-family: "Outfit", sans-serif;
    font-size: 35px;
}
h2.f40{
    font-size: 40px;
}
h2.f54{
    font-size: 54px;
}
h2.f45{
    font-size: 45px;
}
h1.f45{
    font-size: 45px;
}
/*Common end Here*/

/*Header Start Here*/
.navbar-brand img {
    width: 124px;
    height: auto;
    margin-top: 10px;
}
.navbar{
    padding: 0 15px;
    transition: top 0.3s;
    background-color: #030912;
}
.header-logo-wd{
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    max-width: 140px;
}
.header-navigation-wd{
    -ms-flex: calc(100% - 140px);
    flex: calc(100% - 140px);
    max-width: calc(100% - 140px);
}
#techugo-header.sticky{
   background-color: #030912;
}
.header-right-element{
    position: relative;
    display: flex;
    align-items: center;
}
.head-get-touch{
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    margin-left: 30px;
}
.head-get-touch a{
  position: relative;
  padding: 11px 20px;
  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;
}
.head-get-touch a.whatsapp-head-link{
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    margin-right: 15px;
}
.head-get-touch a span.common-get-arrow{
    margin-left: 10px;
}
.head-get-touch a:hover{
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}
.navbar-expand-md .navbar-nav .nav-item{
    margin-left: 32px;
}
.navbar-expand-md .navbar-nav .nav-item.navfirst{
    margin-left: 0;
}
.navbar-expand-md .navbar-nav .nav-link{
    font-family: "Manrope", sans-serif;
    position: relative;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding-top:28px;
    padding-bottom: 28px;
    padding-left: 0;
    padding-right: 0;
    transition: all 300ms ease;
}
.navbar-expand-md .navbar-nav .nav-link:hover,.navbar-expand-md .navbar-nav .nav-item.open .nav-link{
    color: #00FBFF;
}
.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: #00FBFF;
    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: 72px !important;
    right: 0 !important;
    left: 0 !important;
    padding: 0;
    transform: none !important;
    border: 0;
    margin: 0 50px;
    border-radius: 0;
    background-color: transparent;
}
.transforming-nav{
    position: relative;
    padding: 40px;
    height: 100%;
    background-color: #181700;
}
.navigation-lines{
    position: absolute;
    top: 30px;
    left: 30px;
}
.navigation-lines img{
    width: 300px;
    height: auto;
}
.transforming-nav .slidenav{
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 40px;
}
.transforming-nav .slidenav a.get-touch-button{
    position: relative;
    padding: 15px 0;
    font-size: 21px;
    color: #fff;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1px solid #454545;
    background-color: #454545;
    transition: all 500ms linear;
}
.transforming-nav .slidenav a.get-touch-button:hover{
    color: #FBF138;
    border-color: #FBF138;
    background-color: transparent;
}
.transforming-nav .slidenav a:hover span.common-explore-arrow{
    background-position: 0 0;
}
.transforming-txt{
    position: relative;
    font-size: 25px;
    color: #fff;
    padding-bottom: 20px;
    z-index: 1;
}
.transforming-txt span{
    color: #FBF138;
}
.transforming-txt span.success{
    color: #FA98D9;
}
.transforming-nav p{
    position: relative;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    color: #B3B3B3;
    z-index: 1;
}
.dropdown-menu.custom-hover-show {
  display: block;
}
.serviceConmenubx {
    max-width: 1480px;
    margin: 0 auto;
    margin-top: 18px;
    border-radius: 20px;
    background-color: #16264d;
}
.nav-width-col{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.navigationbx-techugo{
    padding: 30px;
}
.navigationbx-techugo.secrw{
    padding-top: 0px;
}
.navigationbx{
    margin: 0;
}
.navigation-head-title{
    margin: 0;
}
.navigation-head-title .tech-head-name{
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}
.header-navigation{
    padding-top: 20px;
}
.header-navigation.industries{
    padding-top: 10px;
}
.header-navigation ul{
    margin: 0;
    padding: 0;
}
.header-navigation ul li{
    list-style: none;
    margin-bottom: 5px;
}
.header-navigation ul li a{
    position: relative;
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all 300ms ease;
}
.header-navigation.industries ul li {
    margin-bottom: 0;
}
.header-navigation.industries ul li a{
    align-items: center;
}
.header-navigation ul li a .nav-txt{
    display: inline-block;
}
.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 span {
    width: 40px;
    height: 40px;
    background: url(../images/trending-solutions-nav.png) 0 0 / 40px 1760px no-repeat;
}
.service-menu-nav .ddp-icon span {
    width: 25px;
    height: 25px;
    background: url(../images/techugo-head-menu-service.png) 0 0 / 25px 825px no-repeat;
}
.service-menu-nav .ddp-icon span.andriod-app {
    background-position: 0 0;
}
.ddp-icon span.home-service {
    background-position: 0 0;
}
.ddp-icon span.grocery-delivery{
    background-position: 0 -40px;
}
.ddp-icon span.salon-app{
    background-position: 0 -80px;
}
.ddp-icon span.fitness-app{
     background-position: 0 -120px;
}
.ddp-icon span.music-app{
     background-position: 0 -160px;
}
.ddp-icon span.education-app{
    background-position: 0 -200px;
}
.ddp-icon span.fantasy-app{
    background-position: 0 -560px;
}
.ddp-icon span.video-strem{
    background-position: 0 -280px;
}
.ddp-icon span.milk-del{
    background-position: 0 -240px;
}
.ddp-icon span.sports-betting{
    background-position: 0 -280px;
}
.ddp-icon span.news-app{
    background-position: 0 -320px;
}
.ddp-icon span.ev-app{
    background-position: 0 -360px;
}
.ddp-icon span.doctor-app{
    background-position: 0 -400px;
}
.ddp-icon span.medicine-app{
    background-position: 0 -440px;
}
.ddp-icon span.dating-app{
    background-position: 0 -480px;
}
.ddp-icon span.messaging-app{
    background-position: 0 -520px;
}
.ddp-icon span.laundry-app{
    background-position: 0 -600px;
}
.ddp-icon span.courier-app{
    background-position: 0 -640px;
}
.ddp-icon span.hotel-app {
    background-position: 0 -680px;
}
.ddp-icon span.astrology-app{
    background-position: 0 -720px;
}
.ddp-icon span.carwash-app{
    background-position: 0 -760px;
}
.ddp-icon span.video-editing {
    background-position: 0 -800px;
}
.ddp-icon span.fleet-app{
    background-position: 0 -840px;
}
.ddp-icon span.matrimonial-app{
    background-position: 0 -880px;
}
.ddp-icon span.yoga-app{
    background-position: 0 -920px;
}
.ddp-icon span.influencer-app{
    background-position: 0 -960px;
}
.ddp-icon span.startup{
    background-position: 0 -1000px;
}
.ddp-icon span.marketplace{
    background-position: 0 -1040px;
}
.ddp-icon span.automotive{
    background-position: 0 -1080px;
}
.ddp-icon span.realestate{
    background-position: 0 -1120px;
}
.ddp-icon span.job-app{
    background-position: 0 -1160px;
}
.ddp-icon span.franchise-app{
    background-position: 0 -1200px;
}
.ddp-icon span.trading-app{
    background-position: 0 -1240px;
}
.ddp-icon span.ewallet-app{
    background-position: 0 -1280px;
}
.ddp-icon span.tutor-booking{
    background-position: 0 -1320px;
}
.ddp-icon span.lawyer-app{
    background-position: 0 -1360px;
}
.ddp-icon span.lifestyle-app{
    background-position: 0 -1400px;
}
.ddp-icon span.agtech-app{
    background-position: 0 -1440px;
}
.ddp-icon span.aviation-app{
    background-position: 0 -1480px;
}
.ddp-icon span.railtrack-app{
    background-position: 0 -1520px;
}
.ddp-icon span.gps-app{
    background-position: 0 -1560px;
}
.ddp-icon span.warehouse{
    background-position: 0 -1600px;
}
.ddp-icon span.eventapp{
    background-position: 0 -1640px;
}
.ddp-icon span.clothes-app{
    background-position: 0 -1680px;
}
.ddp-icon span.energy-app{
    background-position: 0 -1720px;
}


.service-menu-nav .ddp-icon span.ios-dev{
    background-position: 0 -25px;
}
.service-menu-nav .ddp-icon span.ionic-dev{
    background-position: 0 -50px;
}
.service-menu-nav .ddp-icon span.blockchain-dev{
    background-position: 0 -75px;
}
.service-menu-nav .ddp-icon span.uiux-dev{
    background-position: 0 -100px;
}
.service-menu-nav .ddp-icon span.kotlin {
    background-position: 0 -675px;
}
.service-menu-nav .ddp-icon span.cloudapp {
    background-position: 0 -700px;
}
.service-menu-nav .ddp-icon span.ipaddev {
    background-position: 0 -750px;
}
.service-menu-nav .ddp-icon span.posdev {
    background-position: 0 -775px;
}
.service-menu-nav .ddp-icon span.flutter {
    background-position: 0 -650px;
}
.service-menu-nav .ddp-icon span.crossplateform {
    background-position: 0 -725px;
}
.service-menu-nav .ddp-icon span.progressive {
    background-position: 0 -800px;
}
.service-menu-nav .ddp-icon span.php-dev{
    background-position: 0 -125px;
}
.service-menu-nav .ddp-icon span.testing-dev{
    background-position: 0 -150px;
}
.service-menu-nav .ddp-icon span.react-dev{
    background-position: 0 -175px;
}
.service-menu-nav .ddp-icon span.wearable-dev{
    background-position: 0 -200px;
}
.service-menu-nav .dp-icon span.vr-dev {
    background-position: 0 -225px;
}
.service-menu-nav .ddp-icon span.aug-dev{
    background-position: 0 -250px;
}
.service-menu-nav .ddp-icon span.iot-dev{
    background-position: 0 -275px;
}
.service-menu-nav .ddp-icon span.ai-dev{
    background-position: 0 -300px;
}
.service-menu-nav .ddp-icon span.chatbot-dev{
    background-position: 0 -325px;
}
.service-menu-nav .ddp-icon span.elearning-dev{
    background-position: 0 -350px;
}
.service-menu-nav .ddp-icon span.food-dev{
    background-position: 0 -375px;
}
.service-menu-nav .ddp-icon span.travel-dev{
    background-position: 0 -400px;
}
.service-menu-nav .ddp-icon span.drone-app{
    background-position: 0 -425px;
}
.service-menu-nav .ddp-icon span.on-demand{
    background-position: 0 -450px;
}
.service-menu-nav .ddp-icon span.social-dev{
    background-position: 0 -475px;
}
.service-menu-nav .ddp-icon span.fintech-dev{
    background-position: 0 -500px;
}
.service-menu-nav .ddp-icon span.escooter-dev{
    background-position: 0 -525px;
}
.service-menu-nav .ddp-icon span.healthcare{
    background-position: 0 -550px;
}
.service-menu-nav .ddp-icon span.entertainment{
    background-position: 0 -575px;
}
.service-menu-nav .ddp-icon span.sports-app{
    background-position: 0 -600px;
}
.service-menu-nav .ddp-icon span.ecommerce{
    background-position: 0 -625px;
}
.header-navigation ul li a:hover{
    color: #00FBFF;
}
.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;
}
#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: #2087F0;
}
#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;
}
.hide-menu-desktop{
    display:none;
}
.industries-menu-btn{
    position: relative;
    width: 28px;
    height: 20px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-left: 15px;
}
.industries-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: #fff;
}
.industries-menu-btn span:first-child {
    top: 0
}
.industries-menu-btn span:nth-child(2),
.industries-menu-btn span:nth-child(3) {
    top: 10px
}
.industries-menu-btn span:nth-child(4) {
    top: 20px
}
.hedare-whats-app-links{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.hedare-whats-app-links img{
    width: 30px;
}
.hedare-whats-app-links.get-in-touch-btn{
    display: none;
}
.app-cost-calc{
    margin-right: 15px;
}
.app-cost-calc a{
    font-family: "Outfit", sans-serif;
    font-weight: 600;
    border-radius: 32px;
    border-color: #fff;
    background: #00000091;
}
.menu-nav-overly {
    position: fixed;
    top: 72px;
    bottom: 0;
    width: 100%;
    z-index: -1;
    background: rgba(10, 38, 58, .3);
    overflow: hidden;
    opacity: 0;
    transition: .5s ease-in-out;
}
html.opennav .menu-nav-overly {
    z-index: 97;
    opacity: 1
}
.trending-header-navigation-view{
    position: fixed;
    left: 100%;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: #16264d;
    z-index: 1031;
}
.trending-header-navigation-view-content {
  position: relative;
  padding: 20px 50px;
  max-width: 1920px;
  margin: auto;
}
.trending-navigation-section{
    display: flex;
}
.trending-navigation-tabs-box{
    width: 320px;
}
.trending-navigation-groupbx{
    width: calc(100% - 320px);
}
.trending-navigation-tabs-box .nav-tabs{
    border: 0;
    display: block;
}
.trending-navigation-tabs-box .nav-tabs .nav-item .nav-link{
    font-size: 18px;
    color: #fff;
    border: 0;
    padding: 12px 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.trending-navigation-tabs-box .nav-tabs .nav-item.show .nav-link,.trending-navigation-tabs-box .nav-tabs .nav-link.active{
    color: #fff;
    border-color: #2087F0;
    background-color: #2087F0;
}
.trending-circle-icon{
    width: 36px;
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
}
.trending-circle-icon img{
    width: 100%;
    height: auto;
}
.trend-nav-txt{
    position: relative;
    top: -3px;
}
.trending-techugo-navigation{
    padding: 30px 40px;
    border-radius: 30px;
    margin-left: 40px;
    padding-left: 30px;
    background-color: #1F3773;
}
.trending-techugo-navigation .navigationbx-techugo{
    padding: 0;
}
.trending-techugo-navigation .navigationbx-techugo.scrollpane{
    max-height: 540px;
    --sp-track: #2087F0;
    --sp-thumb: #fff;
   --sp-thumb-hover: #aab2bb;
}
.trending-techugo-navigation  .header-navigation{
    padding-top: 0;
}
.trending-techugo-navigation .header-navigation ul li a .nav-txt{
    position: relative;
}
.trending-techugo-navigation .header-navigation ul li a .nav-txt:after{    
    background: none repeat scroll 0 0 transparent;
    bottom: -6px;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background: #00FBFF;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.trending-techugo-navigation .header-navigation ul li a:hover .nav-txt:after { 
    width: 100%; 
    left: 0; 
}
.cross-trend-btn {
  position: absolute;
  width: 40px;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.trending-header-navigation-view-content .trend-head-t {
  font-family: "Outfit", sans-serif;
  font-size: 27px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 20px;
}
html.trending-scroll{
    overflow: hidden;
}
/*Header End Here*/

/*Home Page Banner Start Here*/
.techugo-banner-hero-content{
    position: relative;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 60px;
}
.download-apps{
    position: absolute;
    right: 50px;
    top: 50px;
}
.techugo-ban{
    position: relative;
}
.techugo-ban .ban-content{
    position: relative;
    display: flex;
    align-items: center;
}
.techugo-ban h1{
    font-family: "Outfit", sans-serif;
    position: relative;
    font-weight: 600;
    color: #fff;
    padding-bottom: 16px;
}
.ph0{
    height: 0;
    visibility: hidden;
}
.techugo-ban h1 span.mobile-apps{
    position: relative;
    color: #1FFFE0;
}
.techugo-ban p{
    max-width: 780px;
}
.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-family: "Outfit", sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: #fff;
    display: flex;
    align-items: center;
    margin: 0 50px;
}
.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));
    }
}
.hero-up-brands{
    margin-top: 30px;
}
.hero-up-brands img{
    max-width: 100%;
    height: auto;
}
.techugo-banner-hero-content .common-btn-bx{
    text-align: left;
    margin-top: 30px;
}
.techugo-banner-hero-content .common-btn-bx a img{
    width: 18px;
}
.techugo-ban .ban-content{
    overflow: hidden;
}
.homgpg-hero-slider{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
}
.slider-base-ban{
    position: absolute;
    right: 0px;
    bottom: -40px;
}
.slider-base-ban img{
    width: 580px;
    height: auto;
}
.techugo-hero-slider-content-wrap{
    position: absolute;
    left: 160px;
    bottom: 80px;
}
.techugo-hero-slider-content-wrap .app-screen-view{
    padding-top: 50px;
}
.techugo-hero-slider-content-wrap .app-screen-view img{
    width: auto;
    max-width: 336px;
}
.techugo-hero-slider-content-wrap .app-screen-view.milkbun-app img{
    max-width: 280px;
}
.tech-home-hero-slider .owl-item .item {
  opacity: 0;
  transform: translateY(100%);
  will-change: transform, opacity;
}
.tech-home-hero-slider .owl-item.active .item {
  animation: softBottomBounce 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes softBottomBounce {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.techugo-hero-slider-app-content-wrap{
    position: absolute;
    right: 100px;
    width: 240px;
    bottom: 50px;
}
.app-hero-box-content{
    position: relative;
    padding: 20px;
    border-radius: 37px;
    border: 1px solid #FFFFFF;
    overflow: hidden;
}
.app-hero-box-content .dropbg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 37px;
    background: #01050D66;
    filter: blur(15.800000190734863px);
}
.app-hero-box-content .apps-descwrap{
    position: relative;
    z-index: 1;
}
.app-hero-box-content .apps-desc{
    font-size: 23px;
    line-height: 32px;
}
.app-hero-box-content .apps-desc span.truefan{
    color: #53954D;
}
.app-hero-box-content .apps-sm-des{
    font-size: 15px;
    margin-top: 15px;
}
.techugo-hero-slider-app-content-wrap .logorwv{
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-bottom: 15px;
}
.techugo-hero-slider-app-content-wrap .logorwv img{
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 15px;
}
/*Home Page Banner End Here*/


/*Our innovations are made possible through the generous support of our investors Start*/
.developed-products{
    background-color: #010712;
}
.innovationsbox-anim{
    padding: 50px 0;
    margin-top: 40px;
    background-color: #010E25;
}
.innovationsbox-anim img{
    width: 100%;
}
.wth-innovations .marquee {
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
    margin-top: 40px;
    margin-bottom: 50px;
}
.wth-innovations.portfoliopg .marquee{
    margin-top: 0px;
    margin-bottom: 0px;
}
.innovationsbox-anim.locationpg.portfoliopges{
    padding: 15px 0;
    /* background-color: #010E25; */
    background-color: #fff;
}
.innovationsbox-anim.locationpg.portfoliopges img{
    height: 80px;
}
.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%;
}
@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;
}
.global-recognition-awards{
    background-color: #010712;
}
.clients-media-box{
    margin-top: 50px;
}
.clients-mediabx{
    padding: 40px 30px;
    border-radius: 32px;
    height: 100%;
    background-color: #1A202A;
}
.clients-mediabx .logo-media{
    min-height: 60px;
    margin-bottom: 30px;
}
.clients-mediabx h4{
    font-size: 22px;
    padding-bottom: 5px;
}
/*Our innovations are made possible through the generous support of our investors End*/

/*Why Techugo Choose Start Here*/
.why-choose-section{
    background-color: #010712;
}
.common-btn-bx.leftbtn{
    text-align: left;
    margin-top: 25px;
}
.why-choose-section .startsup-txt{
    font-size: 30px;
}
.startsup-linesbx{
    margin-top: 10px;
}
.startsup-line-one{
    position: relative;
    left: -10px;
    width: 58px;
    height: 2px;
    display: inline-block;
    background-color: #fff;
}
.startsup-line-one.repeat{
    left: 20px;
    top: -2px;
    width: 120px;
}
.why-choose-content{
    padding-top: 60px;
}
.wrapmxwd.rtsp{
    padding-right: 0;
}
.why-choose-box{
    padding: 40px;
    border-radius: 16px;
    min-height: 320px;
    background-color: #0C1321;
}
.why-choose-icon{
    margin-bottom: 30px;
}
.why-choose-icon img.apps-build{
    width: 48px;
    height: auto;
}
.why-choose-head{
    font-size: 22px;
    padding-bottom: 10px;
}
.why-choose-head-below{
    font-size: 20px;
}
.why-choose-description{
    padding-top: 20px;
    margin-top: 20px;
    border-top: 0.84px solid #FFFFFF4D
}
.why-choose-description p{
    font-size: 18px;
    line-height: 28px;
    color: #B3B3B3;
}
.glowtxt {
    color: #1FFFE0;
    text-shadow: 
        0 0 0 #1FFFE0, 
        0 0 0 #1FFFE0, 
        0 0 0 #1FFFE0, 
        0 0 35px #1FFFE0;
}
.common-btn-bx{
    text-align: right;
}
.common-btn-bx 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;
}
.common-btn-bx a:hover{
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}
.common-btn-bx a img{
    width: 18px;
    margin-right: 10px;
}
.our-tech-numbers{
    margin-top: 20px;
    margin-bottom: 30px;
}
.our-tech-numbers-box{
    text-align: center;
    margin: 0 15px;
}
.our-tech-numbers-box.lpd{
    margin-left: 0;
}
.our-tech-numbers-box.rpd{
    margin-right: 0;
}
.our-tech-numbers-row{
    font-size: 86px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255,255,255,0.21);
}
.our-num-in-sector{
    font-size: 25px;
    margin-top: 30px;
}
.our-num-in-sector span{
    position: relative;
    display: inline-block;
}
.our-num-in-sector span:after{
    position: absolute;
    content: '';
    top: 8px;
    left: -25px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #2087F0;
}
/*Why Techugo Choose End Here*/

/*Core Services Start Here*/
.core-services-section{
    position: relative;
    background: url(../images/core-service-bg.webp) no-repeat #030912;
    background-size: cover;
}
.core-services-section .bgblk{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 170px;
    background-color: #010712;
}
.core-services-section-head{
    margin-bottom: 40px;
}
.core-services-section h2 span{
    color: #1FFFE0;
}
.core-services-content{
    position: relative;
    padding: 50px 40px 40px 40px;
    border-radius: 33px;
    background-color: #0D2948;
    z-index: 1;
}
.core-services-content .nav-tabs{
    border: 0;
}
.core-services-content .nav-tabs.homepg{
    display: block;
    margin-right: 80px;
}
.core-services-content .nav-tabs.homepg.scrollpane{
    padding-right: 30px;
    max-height: 360px;
    --sp-thumb: #2087F0;
    --sp-track: #fff;
    padding-bottom: 40px;
}

.core-services-content .nav-tabs .nav-link{
    padding: 17px 20px;
    border: 1px solid #D1D1D1;
    color: #fff;
    font-size: 17px;
    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%);
}
.core-services-content .nav-tabs .nav-item.show .nav-link,.core-services-content .nav-tabs .nav-link.active {
    color: #fff;
    border-color:#2087F0;
    background-color: #2087F0;
}
.core-tabs-content-wrap {
    margin-left: 0px;
}
.core-content-tabs {
    padding: 40px 40px 90px 40px;
    border-radius: 37px;
    min-height: 400px;
    background: url(../images/tabs-content-bg.webp) no-repeat;
    background-size: cover;
}
.techugo-next-projects .core-tabs-content-wrap.below-content .core-content-tabs{
    min-height: initial;
}
.core-content-tabs p a{
    color: #1FFFE0;
}
.core-content-tabs ul{
    margin: 0;
    padding: 0;
}
.core-content-tabs ul li{
    display: flex;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    align-items: center;
    margin-bottom: 40px;
}
.core-content-tabs ul li:last-child{
    margin-bottom: 0;
}
.core-content-tabs ul li:first-child{
    margin-top: 15px;
}
.core-content-tabs ul li .bullets{
    width: 20px;
    height: 20px;
    background: url(../images/bullets-icon.svg) no-repeat;
    background-size: 20px;
    margin-right: 20px;
}
.core-content-tabs h3{
    font-size: 30px;
    padding-bottom: 10px;
}
.we-get-booked{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    padding-top: 30px;
    background-color: #0D2948;
}
.we-get-booked.no-back{
    background-color: transparent;
}
.we-get-booked.pos-st{
    position: static;
}
.we-get-booked.service-tabs{
    position: absolute;
    bottom: 50px;
    left: 20px;
    margin-top: 0;
}
.we-get-booked h4{
    font-size: 28px;
    padding-bottom: 8px;
}
.we-get-booked a{
    font-size: 20px;
    color: #2087F0;
    text-decoration: none;
    display: block;
    padding: 20px 0;
    border-radius: 48px;
    margin-right: 40px;
    text-align: center;
    border: 1px solid #2087F0;
}
.we-get-booked a img{
    position: relative;
    width: 9px;
    top: -1px;
    margin-left: 10px;
    transition: all 400ms linear;
}
.we-get-booked a:hover img{
    margin-left: 15px;
}
/*Core Services End Here*/

/*Powering Possibility Start Here*/
.powering-possibility{
    padding-top: 80px;
    padding-bottom: 80px;
}
.powering-possibility-content{
    margin-top: 50px;
}
.common-btn-bx.powering-possibility {
    padding-top: 0;
    padding-bottom: 0;
}
.common-btn-bx.powering-possibility a {
  color: #fff;
  border-color: #fff;
  background-color: #252525;
}
.common-btn-bx.powering-possibility a:hover {
  background-color: transparent;
}
.powering-possibility-content-box{
    position: sticky;
    top: 40px; 
    place-items: center;
    padding: 40px 40px 40px 60px;
    border-radius: 60px;
    background-color: #001933;
}
.index-layer1 {
    z-index: 1;
}
.index-layer2 { 
    z-index: 2;
}
.index-layer3 { 
    z-index: 3;
}
.index-layer4 { 
    z-index: 4;
}
.index-layer5 { 
    z-index: 5; 
}
.powering-possibility-content-desc{
    display: flex;
    align-items: center;
    height: 100%;
}
.powering-possibility-content-box > * { transform: translateY(0); transition: transform .3s ease; }
.powering-possibility-content-box:is(:hover, :focus-within) > * { transform: translateY(-6px); }
.powering-possibility-content-box.toplayer{
    padding: 10px 10px 10px 60px;
}
.powering-possibility-content-box h2{
    font-size: 41px;
    padding-bottom: 20px;
}
.powering-possibility-content-box p{
    max-width: 60%;
}
.powering-possibility-content-box .common-btn-bx{
    text-align: left;
    margin-top: 60px;
}
.powering-possibility-content-box .possibility-view{
    text-align: right;
}
.powering-possibility-content-box.toplayer .possibility-view img{
    max-width: 420px;
}
.powering-possibility-content-box .possibility-view img{
    max-width: 380px;
}
/*Powering Possibility End Here*/

/*Our Forte of Dedication & Worth Start Here*/
.forte-dedication{
    padding-bottom: 80px;
}
.forte-dedication.android-app-page{
    padding-top: 80px;
}
.forte-dedication.homepg-page{
    padding-top: 30px;
}
.forte-dedication-content{
    margin-top: 40px;
}
.forte-dedication-slider{
    margin: 0;
}
.forte-dedication-sliderbx{
    position: relative;
    padding: 30px 30px 80px 30px;
    border-radius: 36px;
    overflow: hidden;
}
.owl-carousel.techugo-forte-slider .owl-stage{
    display: flex;
}
.owl-carousel.techugo-forte-slider .item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.forte-dedication-sliderbx.joshcam-apps{
    background: url(../images/joshcam-fort.webp) no-repeat;
    background-size: cover;
}
.forte-dedication-sliderbx.sterkla-apps{
    background: url(../images/sterkla-forte.webp) no-repeat;
    background-size: cover;
}
.forte-dedication-sliderbx.milkbun-apps{
    background: url(../images/milkbun-forte.webp) no-repeat;
    background-size: cover;
}
.forte-dedication-sliderbx.buyeazzy-apps{
    background: url(../images/buyeazzy-forte.webp) no-repeat;
    background-size: cover;
}
.forte-dedication-sliderbx .flow-design{
    position: absolute;
    top: 0;
    right: 0;
}
.forte-dedication-sliderbx-inner{
    position: relative;
    z-index: 1;
}
.forte-dedication-sliderbx-inner.homepgv{
    position: static;
    z-index: initial;
}
.forte-dedication-sliderbx-inner p{
    font-size: 15px;
    line-height: 24px;
}
.forte-dedication-sliderbx .appsbx{
    text-align: center;
}
.forte-dedication-sliderbx .appsbx img{
    max-width: 100%;
    width: auto;
    height: 336px;
    display: inline-block;
}
.min-height-para{
    min-height: initial;
    padding-top: 15px;
}
.forte-dedication-sliderbx .common-btn-bx a{
    padding: 12px 24px;
    font-size: 14px;
}
.forte-dedication-apps-nm{
    display: flex;
    align-items: center;
    font-size: 25px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.forte-dedication-apps-nm img.joshlogo{
    width:52px;
    margin-right: 20px;
}
.forte-dedication-apps-nm img.milkbun{
    height:52px;
    width: auto;
    margin-right: 20px;
}
.case-study-rw{
    position: absolute;
    left: 30px;
    bottom: 30px;
    right: 30px;
}
.case-study-rw .downtxt{
    font-size: 16px;
    line-height: 1.3;
}
.case-study-rw .common-btn-bx a img{
    width: 9px;
    margin-left: 15px;
}
.building-apps-box{
    position: relative;
    padding: 35px 40px;
    border-radius: 49px;
    background-color: #1A202A;
    margin-bottom: 30px;
}
.building-apps-box .build-star{
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}
.building-apps-box .build-star img{
    width: 75px;
}
.building-apps-tech-logo{
    margin-bottom: 60px;
}
.build-nor-txt{
    font-size: 20px;
    padding-top: 15px;
}
.building-app-bold{
    font-size: 31px;
}
.schedule-build-call{
    margin-top: 80px;
}
.schedule-build-call a {
  font-family: "Manrope", sans-serif;
  font-size: 22px;
  color: #2087F0;
  text-decoration: none;
  display: inline-block;
}
.schedule-build-call a img{
    position: relative;
    margin-left: 10px;
    top: -1px;
}
/*Our Forte of Dedication & Worth End Here*/

/*Testimonials Start Here*/
.testimonials-techugo{
    padding-bottom: 80px;
    background-color: #010712;
}
.testimonials-techugo.fitness-app{
    padding-top: 80px;
}
.wrapmxwd.testibox{
    padding-right: 0;
    max-width: 1500px;
}
.testi-sm-t{
    font-size: 22px;
}
.testimonials-content{
    margin-top: 50px;
}
.testimonials-content-box{
    margin: 0;
}
.testimonials-content-box h4{
    font-family: "Outfit", sans-serif;
    font-size: 22px;
    font-weight: 600;
}
.testimonials-content-box h4 + p{
    font-family: "Outfit", sans-serif;
    font-weight: 400;
}
.testimonials-clients{
    position: relative;
    border-radius: 49px;
    margin-bottom: 20px;
    overflow: hidden;
}
.testimonials-clients .clients-give-testimonials{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px 30px 20px 30px;
    border-radius: 49px;
    background-color: hsl(210, 100%, 8%);
    opacity: 0;
    display: flex;
    align-items: center;
    -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);
}
.testimonials-clients:hover .clients-give-testimonials{
    opacity: 1;
}
.clients-give-testimonials p{
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}
.clients-give-testimonials .testi-sm-view{
    margin: 20px 0;
    height: 160px;
    border-radius: 36px;
}
.clients-give-testimonials .testi-sm-view.praveen{
    background: url(../images/praveen-clients.webp) center center no-repeat;
}
.clients-give-testimonials .testi-sm-view.gavin{
    background: url(../images/gavin-lund.webp) center center no-repeat;
}
.clients-give-testimonials .testi-sm-view.xenia{
    background: url(../images/xenia-ghali.webp) center center no-repeat;
}
.clients-give-testimonials .testi-sm-view.utkarsh{
    background: url(../images/utkarsh-clients.webp) center center no-repeat;
}
.play-vdeo-clients-rw {
    padding-top: 5px;
    text-align: center;
}
.play-vdeo-clients-rw a{
    font-family: "Manrope", sans-serif;
    padding: 12px 24px;
    border-radius: 36px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    background-color: #002448;
}
.play-vdeo-clients-rw a img{
    width: 25px !important;
    margin-right: 15px;
}
.testimonials-clients .our-clients-profile{
    border-radius: 49px;
}
.video-click{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.video-click img{
    width: 70px;
}
.owl-carousel.assortment-owl-slider .owl-nav {
    position: absolute;
    right: 60px;
    top: -90px;
}
.owl-carousel.assortment-owl-slider .owl-nav button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin: 0 10px;
    transition: all 400ms linear;
    border: 1px solid #fff;
    background-color: transparent;
}
.owl-carousel.assortment-owl-slider .owl-nav button:hover{
    border-color: #2087F0;
    background-color: #2087F0;
}
.owl-carousel.assortment-owl-slider .owl-nav button.owl-prev {
    background-image: url(../images/testimonials-prev-arrow.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center center;
}
.owl-carousel.assortment-owl-slider .owl-nav button.owl-next {
    background-image: url(../images/testimonials-next-arrow.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center center;
}
.owl-carousel.assortment-owl-slider .owl-nav button span{
    display: none;
}
/*Testimonials End Here*/

/*Let’s build Something Incredible — together Start Here*/
.something-incredible{
    padding: 120px 0 140px;
    color: #fff;
    text-align: center;
}
.something-incredible p{
    font-size: 19px;
    line-height: 32px;
    margin-top: 15px;
}
.something-incredible .common-btn-bx{
    margin-top: 30px;
    text-align: center;
}
/*Let’s build Something Incredible — together Start Here*/

/*Faq Start Here*/
.faq-section{
    padding-bottom: 80px;
    background-color: #010712;
}
.faq-section.kotlin-app{
    padding-top: 80px;
}
.sticky-view{
    position: sticky;
    top: 70px;
}
.faq-sm-t{
    font-size: 25px;
    margin-top: 40px;
}
.faq-location-have-project{
    max-width: 410px;
    padding: 50px;
    border-radius: 60px;
    background: url(../images/location-have-faq.webp) no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.faq-location-have-project .common-btn-bx a{
    font-size: 20px;
    padding: 17px 36px;
}
.faq-location-have-project .common-btn-bx a img{
    width: 18px;
}
.faq-location-have-project .faq-sm-t{
    margin-top: 0;
    font-size: 29px;
}
.faq-section .common-btn-bx{
    text-align: left;
    margin-top: 35px;
}
.faqsection{
    margin-left: 80px;
}
.faqsection .accordion{
    margin-top: 0px;
}
.faqsection .card{
    border-radius: 19px !important;
    border: 0 !important;
    background-color: #1A202A;
    margin-bottom: 20px;
}
.faqsection .card-header{
    padding: 30px 0;
    border: 0;
    background-color: transparent;
}
.faqsection .btn-link{
    font-family: "Outfit", sans-serif;
    position: relative;
    font-size: 18px;
    color: #1FFFE1;
    font-weight: 600;
    box-shadow: none;
    padding-left: 20px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    text-decoration: none;
    padding-right: 50px;
    margin-bottom: 0;
}
.faqsection .btn-link.collapsed{
    color: #fff;
}
.faqsection .card-body{
    padding-top: 0;
    padding-left: 20px;
    padding-bottom: 10px;
}
.faqsection .card-body p{
    font-size: 15px;
    color: #fff;
    padding-right: 40px;
    line-height: 26px;
}
.faqsection .card-body p + .row p{
    padding-right: 15px;
}
.faqsection .card-body p a{
    position: relative;
    text-decoration: none;
    color: #1FFFE1;
    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: #1FFFE1;
    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: 20px;
    width:32px;
    height: 32px;
    border-radius: 50%;
}
.plusminus img{
    width: 100%;
    height: auto;
}
.plusminus span:nth-child(1) {
    display: block;
    position: absolute;
    width: 60%;
    height: 3px;
    top: 50%;
    left: 50%;
    margin-top: -1.5px;
    margin-left: -30%;
    border-radius: 3px;
    background: #000;
    transition: all .25s ease;
}
.faqsection .btn-link.collapsed .plusminus span:nth-child(2) {
    display: block;
    position: absolute;
    margin: 10% 0;
    width: 3px;
    height: 60%;
    border-radius: 3px;
    background: #000;
    top: 50%;
    left: 50%;
    margin-top: -29%;
    margin-left: -1.5px;
    transition: all .25s ease;
    transform: rotate(0deg);
}
.faqsection .btn-link .plusminus span:nth-child(2) {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.faqsection .btn-link .plusminus{
    transition: all .25s ease;
}
.faqsection .btn-link.collapsed .plusminus{
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}  
.faqsection .btn-link .plusminus{
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.faq-heading{
    position: relative;
    font-size: 40px;
    color: #00A0F7;
    background: url(../images/faq-txt-rw.png) center center no-repeat;
    background-size: 700px;
}
.faq-have-look-t{
    font-size: 25px;
}
/*Faq End Here*/

/*Get in Touch Start Here*/
.techugo-get-touch{
    position: relative;
    padding: 60px 0 80px;
    background-color: #021221;
}
.get-touch-form{
    padding-top: 0px;
}
.contact-about-you{
    padding-right: 30px;
    margin-top: 25px;
}
.got-some-idea{
    font-size: 19px;
    color: #fff;
    padding-top: 25px;
    max-width: 400px;
}
.iti__arrow{
    border-top: 4px solid #fff;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #fff;
}
.conversation-form.contactpgs {
    padding: 40px;
    margin-left: 40px;
    border-radius: 50px;
    background: #37373787;
}
.conversation-form.contactpgs .form-submit{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.conversation-form.contactpgs h3{
    font-size: 28px;
    font-weight: normal;
}
.skip-waitbx{
    padding-top: 10px;
    max-width: 400px;
}
.skip-waitbx p{
    color: #fff;
    font-size: 19px;
    line-height: 32px;
}
.skip-waitbx .common-btn-bx{
    text-align: left;
    margin-top: 30px;
}
.skip-waitbx .common-btn-bx a{
    color: #000;
    border-color: #fff;
    background-color: #fff;
}
.skip-waitbx .common-btn-bx a {
  color: #000;
  border-color: #fff;
  background-color: #fff;
}
.skip-waitbx .common-btn-bx a:hover {
  border-color: #c7c6c6;
  background-color: #c7c6c6;
}
/*Get in Touch End Here*/

/*Footer Start Here*/
.techugo-footer-wrap{
    padding-bottom: 40px;
    background-color: #010712;
}
.techugo-footer-wrapbx{
    margin: 0 30px;
    padding: 50px 0 30px;
    border-radius: 5px;
    background-color: #080C12;
}
.footer-col-wd-fix-20{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.footer-col-wd-fix-17{
    -ms-flex: 0 0 17%;
    flex: 0 0 17%;
    max-width: 17%;
}
.footer-col-wd-fix-23{
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
}
.techugo-footer{
    padding: 0;
}
.techugo-footer .footer-content{
    position: relative;
}
.footer-content .footer-nav-box{
    margin: 0;
}
.footer-content .footer-nav-box .title-head{
    font-family: "Outfit", sans-serif;
    font-size: 21px;
    font-weight: 400;
    color: #7D7F82;
}
.footer-content .footer-nav-box ul{
    margin: 0;
    padding: 20px 0 0 0;
}
.footer-content .footer-nav-box ul li{
    list-style: none;
    margin-bottom: 4px;
}
.footer-content .footer-nav-box ul li a{
    font-family: "Outfit", sans-serif;
    position: relative;
    padding: 10px 0;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
    transition: all 300ms ease;
    word-break: break-all;
}
.footer-content .footer-nav-box ul li a:hover{
    color: #2087F0;
}
.footer-content .footer-nav-box ul li{
     font-size: 15px;
}
.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: #2087F0;
    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 .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;
}
.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;
}
.conversation-form-content {
    padding: 40px;
    border-radius: 31px;
    background-color: #1A202A;
}
.conversation-form-content label{
    font-family: "Outfit", sans-serif;
    font-size:16px ;
    color: #fff;
    display: block;
}
.conversation-form-content label span{
    color: #ff5068;
}
.conversation-form-input-row {
    position: relative;
    margin-bottom: 30px;
}
.conversation-form-input-row .form-control{
    padding: 12px 0;
    height: auto;
    font-size: 16px;
    color: #fff;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #FFFFFF94;
    background-color: transparent;
}
.conversation-form-input-row .form-control::-webkit-input-placeholder { 
  color: #616161;
}
.conversation-form-input-row .form-control::-moz-placeholder {
  color: #616161;
}
.conversation-form-input-row .form-control:-ms-input-placeholder { 
  color: #616161;
}
.conversation-form-input-row .form-control:-moz-placeholder { 
  color: #616161;
}
.fileuploadrw label {
    width: 100%;
    padding: 10px 0 18px;
    font-size: 18px;
    color: #0a0a0a;
    outline: none;
    font-weight: normal;
    background-color: transparent;
    outline: none;
    letter-spacing: 0.25px;
    border: 0;
    border-bottom: 1px solid #FFFFFF94;
    margin-bottom: 0;
}
.fileuploadrw label span {
    display: inline-block;
}
.fileuploadrw label:after {
    position: absolute;
    content: "";
    top: 25px;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(../images/attachment-icon.svg) center center no-repeat;
    background-size: 20px;
}
.fileuploadrw label span{
    color: #616161;
}
.fileuploadrw input[type="file"] {
    width: 100%;
    z-index: -1;
    position: absolute;
    opacity: 0;
    border: 0;
    outline: none;
}
.conversation-form-input-row .form-control.mobile-num{
    padding-left: 0;
}
.conversation-form-input-row textarea.form-control{
    resize: none;
}
#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;
}
.iti--separate-dial-code .iti__selected-dial-code{
    color: #fff;
}
.iti__selected-flag{
    padding: 0;
}
.conversation-form-input-row select.form-control{
    padding-top: 22px;
    padding-left: 32px;
}
.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;
}
#name-error,#email-error,#contact_no-error,#query-error{
    padding-top: 8px;
    font-size: 15px;
    display: block;
    color: #fd4343;
}
.form-submit{
    font-family: "Manrope", sans-serif;
    width: 100%;
    padding: 14px 0;
    font-size: 20px;
    color: #fff;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1px solid #808080;
    background-color: #808080;
    transition: all 500ms linear;
    margin-top: 10px;
}
.form-submit:hover{
    border-color:#2087F0;
    background-color: #2087F0;
}
.offices-address-box.topf{
    margin-top: 20px;
}
.offices-address-box{
    font-family: "Outfit", sans-serif;
    color: #fff;
    margin-bottom: 30px;
}
.offices-address-box.botf{
    margin-bottom: 20px;
}
.offices-address-box h4{
    font-size: 18px;
    font-weight: 600;
}
.offices-address-box p{
    font-size: 16px;
}
.techugo-web-btm-row{
    padding-top: 40px;
}
.techugo-web-btm-row .logo-footer-bx{
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    margin-left: 30px;
}
.techugo-web-btm-row .logo-footer-bx img{
    width: 90px;
    margin-right: 30px;
}
.social-media-box{
    display: flex;
    align-items: center;
    justify-content:flex-end;
}
.social-media-box img{
    margin: 0 6px;
    width: 36px;
    height: auto;
    transition: transform 0.4s ease;
}
.social-media-box img:hover{
    transform: rotate(360deg) scale(1.1);
}
/*Footer End Here*/

/*Services Page Start Here*/
.service-banner-hero{
    position: relative;
}
.bg-video-wrap {
  position: relative;
  width: 100%;  
  overflow: hidden;
  max-height: 800px;
}
.bg-video-wrap.maxh{
    max-height: initial;
}
.bg-video-wrap.calc{
    max-height: initial;
    overflow: initial
}
.bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1px;
  min-width:calc(100% + 1px);
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;
}
.video-up-over{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 2px);
    z-index: 2;
    background: url(../images/banner-bg-hero.webp) no-repeat;
    background-size: cover;
}
.service-banner-hero-content{
    position: relative;
    padding: 60px 60px 80px 60px;
    border-radius: 48px;
    margin-top: 110px;
    margin-bottom: 50px;
    background-color: #FFFFFF1A;
    z-index: 3;
    min-height: 540px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.service-banner-hero-content .row.tfwd{
    width: 100%;
}
.service-banner-hero-content .common-btn-bx{
    text-align: left;
    padding-top: 15px;
}
.service-banner-hero-content p{
    color: #F6F6F6;
}
.service-banner-hero-content p a{
    color: #1FFFE0;
}
a.active-c{
    color: #1FFFE0;
}
.service-banner-content{
    margin: 0;
}
.hero-tech-support{
    position: absolute;
    right: 0;
    text-align: center;
    bottom: -60px;
    width: 40%;
}
.hero-tech-support img{
    max-width: 380px;
    height: auto;
}
.up-woks-brands{
    position: absolute;
    right: 30px;
    bottom: 90px;
}
.hero-tech-support .up-woks-brands img{
    max-width: 100%;
}
.service-hero-star{
    position: absolute;
    top: 120px;
    right: 30px;
    z-index: -1;
}
.service-hero-star img{
    width: 200px;
}
.service-hero-smstar{
    position: absolute;
    top: 10px;
    left: 200px;
    z-index: -1;
}
.service-hero-smstar img{
    width: 70px;
}
.techugo-ban h1 span.light-color{
    color: #1FFFE0;
}
.choose-alliance{
     background: url(../images/choose-allience-bg.webp) no-repeat;
     background-size: cover;
}
.light-head-color{
    color: #1FFFE0;
}
.common-btn-bx.must-alliance{
    text-align: center;
    margin-top: 40px;
}
.common-btn-bx.must-alliance.iotbtn{
    text-align: left;
    margin-top: 40px;
}
.choose-alliance-content{
    max-width: 1280px;
    margin: auto;
    margin-top: 60px;
}
.choose-alliance-content.augpad{
    margin-top: 30px;
}
.choose-alliance-ban{
    position: sticky;
    top: 75px;
    margin-right: 30px;
}
.choose-alliance-ban img{
    max-width: 100%;
    height: auto;
}
.choose-alliance-ban .wtlogo-top {
    position: absolute;
    top: 30px;
    left: 30px;
}
.choose-alliance-description {
    margin-left: 30px;
}
.choose-alliance-description.ipadv{
    margin-left: 0;
}
.choose-alliance-description p a{
    color: #1FFFE0;
}
.choose-alliance-description p{
    font-size: 18px;
    line-height: 36px;
}
.techugo-award-wining{
    position: relative;
    overflow: hidden;
}
.techugo-award-wining-content{
    padding: 80px 0 120px;
}
.techugo-award-wining-content.speqaul{
    padding-bottom: 80px;
}
.techugo-award-wining-content p a{
    color: #1FFFE0;
}
.techugo-award-wining-mid-content{
    padding-top: 80px;
}
.techugo-award-wining-mid-content.chatbotspage{
    padding-top: 50px;
}
.techugo-award-wining-mid-content.speqaul{
    padding-top: 30px;
}
.techugo-award-wining-content.iospg .techugo-award-wining-mid-content{
    padding-top: 40px;
}
.techugo-award-wining-mid-content.uiuxpg{
    padding-top: 40px;
}
.techugo-award-wining-mid-content h3{
    font-size: 30px;
    line-height: 42px;
}
.award-wining-key-box{
    margin-left: 40px;
}
.award-wining-key-box.iospg{
    margin-left: 0;
}
.techugo-award-wining-content.iospg{
    padding-top: 25px;
    padding-bottom: 80px;
}
.techugo-award-wining-content.iospg.reactapp{
    padding-top: 80px;
}
.award-wining-key{
    padding: 20px 30px;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    border-radius: 20px;
    margin-right: 15px;
    margin-bottom: 15px;
    line-height: 1.3;
    display: inline-flex;
    align-items: center;
    background: #FFFFFF1A;
    box-shadow: 0px 1px 1px rgba(255,255,255,0.2);
}
.award-wining-key.disblk{
    display: flex;
}
.award-line{
    margin-top: 30px;
    margin-left: 30px;
}
.award-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.award-video video{
   position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.10;
}
.forte-dedication.servicepg{
    padding-top: 70px;
}
.forte-dedication.servicepg h2{
    padding-bottom: 30px;
}
.techugo-service-offer-section{
    background-color: #001933;
    overflow: hidden;
    height: auto;
}
.techugo-service-offer-content{
    padding: 60px 0;
}
.offer-short-des{
    position: relative;
    margin-top: 30px;
}
.offer-short-des.scrollpane{
    max-height: 500px;
}
.text-overlay-offer{
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(180deg, rgba(0, 25, 51, 0.64) 0%, #001933 100%);
}
.offer-short-des p{
    font-size: 18px;
    line-height: 36px;
}
.offer-short-des p a{
    color: #1FFFE0;
}
.offer-technology-box{
    position: relative;
    text-align: right;
    margin-top: 80px;
    min-height: 420px;
}
.offer-technology-box-anim {
    width: 360px;
    height: 420px;
    padding: 10px;
    border-radius: 50px;
    background: #FFFFFF33;
    margin-bottom: 30px;
    overflow: hidden;
    display: inline-block;
}
.offer-technology-box-anim h4{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    font-size: 25px;
    color: #fff;
    text-align: center;
}
.offer-technology-box-animbx{
    margin-bottom: 0px;
}
.offer-technology-box-animbx img{
    max-width: 100%;
}
.image-box {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  text-align: center;
}
.android-things-pos{
    margin-top: -50px;
}
.offer-technology-box-animbx img {
  max-width: 100%;
  height: auto;
  margin-top: 20px;
}
.image-box.active {
  opacity: 1; 
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*Services Page End Here*/

/*Case Study Start Here*/
.case-study-section{
    padding-top: 120px;
    padding-bottom:110px;
}
.case-study-content{
    max-width: 1200px;
    margin: auto;
    padding-top: 50px;
}
.case-study-content.portfoliopg{
    padding-top: 0;
}
.case-study-box-innerbx .forte-dedication-apps-nm{
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 0;
}
.case-study-content-back{
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
}
.case-study-content-back p{
    font-size: 18px;
    line-height: 32px;
}
.case-study-content-back .common-btn-bx{
    text-align: center;
    margin-top: 80px;
}
.case-study-content-back .common-btn-bx a img {
  width: 9px;
  margin-left: 15px;
}
.case-study-content-back h4{
    font-family: "Manrope", sans-serif;
    font-size: 20px;
    font-weight: 600;
    padding-top: 15px;
}
/* Scene & full-box flip */
.case-study-box {
  perspective: 1200px;
  margin-bottom: 30px;
}
.case-study-box-innerbx,
.case-study-content-back {
  position: absolute;
  inset: 0;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: transform .7s cubic-bezier(.2,.65,.2,1), opacity .35s ease;
}

/* Front face */
.case-study-box-innerbx {
  position: relative;
  padding: 30px;
  transform: rotateY(0deg);
  z-index: 2;
  border-radius: 49px;
  overflow: hidden;
  min-height: 540px;
}
.case-study-box-innerbx.joshcam,.case-study-content-back.joshcam{
  background: url(../images/case-study-joshcam.webp) no-repeat;
  background-size: cover;
}
.case-study-box-innerbx.milkbun,.case-study-content-back.milkbun{
  background: url(../images/case-study-milkbun.webp) no-repeat;
  background-size: cover;
}
.case-study-box-innerbx.sterkla,.case-study-content-back.sterkla{
  background: url(../images/case-study-sterkla.webp) no-repeat;
  background-size: cover;
}
.case-study-box-innerbx.buyeazyy,.case-study-content-back.buyeazyy{
  background: url(../images/case-study-buy-eazzy.webp) no-repeat;
  background-size: cover;
}
.case-study-box-innerbx.byju,.case-study-content-back.byju{
  background: url(../images/case-study-byju.webp) no-repeat;
  background-size: cover;
}
.case-study-box-innerbx.truefan,.case-study-content-back.truefan{
  background: url(../images/case-study-truefan.webp) no-repeat;
  background-size: cover;
}
/* Back face */
.case-study-content-back {
  padding: 30px;
  transform: rotateY(180deg);
  z-index: 1;
  overflow: hidden;
  border-radius: 49px;
  min-height: 540px;
}
/* Flip trigger = poora .case-study-box */
.case-study-box:hover .case-study-box-innerbx,
.case-study-box.is-flipped .case-study-box-innerbx,
.case-study-box:focus-within .case-study-box-innerbx {
  transform: rotateY(-180deg);
}
.case-study-box:hover .case-study-content-back,
.case-study-box.is-flipped .case-study-content-back,
.case-study-box:focus-within .case-study-content-back {
  transform: rotateY(0deg);
}
/* Flip pe front ki image hide (as requested) */
.case-study-box .our-apps {
    padding-top: 40px;
    text-align: center;
    transition: opacity .35s ease, transform .35s ease;
}
.case-study-box:hover .our-apps,
.case-study-box.is-flipped .our-apps,
.case-study-box:focus-within .our-apps {
  opacity: 0;
  transform: scale(.95);
  pointer-events: none;
}

/* Decorative overlay */
.case-study-box .flows-design {
  position: absolute;
  inset: 0;
  top: 0;
  right: 0;
  pointer-events: none;
  z-index: -1;
}
.case-study-box .flows-design img {
    width: 400px;
}

/* Minor tweaks */
.case-study-box .our-apps img { 
    height: 400px;
}
.case-study-box-innerbx.milkbun .our-apps img,.case-study-box-innerbx.buyeazyy .our-apps img{
    height: 360px;
}
.case-study-box-innerbx.truefan .our-apps img{
    height: 380px;
}
.case-study-box-innerbx.byju .our-apps img{
    width: 100%;
    height: auto;
    margin-top: 60px;
}
.case-study-box-innerbx.sterkla .our-apps img{
    height: 375px;
}
.case-study-box-innerbx.milkbun .forte-dedication-apps-nm,.case-study-box-innerbx.sterkla .forte-dedication-apps-nm{
    margin-top: 43px;
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  .case-study-box-innerbx,
  .case-study-content-back,
  .case-study-box .our-apps { transition: none; }
}
.glow-case-study{
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: #2087F0;
    opacity: 0.2;
    filter: blur(500px);
    z-index: -1;
}
.glow-case-study.rtpos{
    left: auto;
    right: 0;
}
.glows-case-study{
    position: absolute;
    top: 200px;
    right: 0;
    width: 500px;
    height: 500px;
     border-radius: 50%;
    background: #1FFFE0;
    opacity: 0.2;
    filter: blur(500px);
    z-index: -1;
}
.case-study-box-innerbx.byju .forte-dedication-apps-nm,.case-study-box-innerbx.truefan .forte-dedication-apps-nm{
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    text-align: center;
}
.forte-dedication-apps-nm img.byju {
  width: 72px;
  margin-right: 20px;
}
.forte-dedication-apps-nm img.truefan {
  width: 100px;
  margin-right: 20px;
}
.clip-pin-rw{
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center;
    margin-bottom: 10px;
}
.clip-pin-rw .clip-pin{
    width: 80px;
    height: 26px;
    border-radius: 18px;
    background-color: #010712;
    display: inline-block;
}

/*Case Study Start Here*/

/*Media Start Here*/
.media-content-middle{
   max-width: 1200px;
   padding-top: 80px;
   margin-left: 330px;
}
.media-content-middle-row{
    position: relative;
    max-width: 1920px;
    margin: auto;
    overflow: hidden;
}
.media-head-box-titlebx{
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
}
.media-head-box-title{
    border-radius: 31px;
    width: 320px;
    padding: 15px 0;
    line-height: 1.2;
    font-size: 35px;
    color: #1FFFE0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF1C;
}
.media-sub-head{
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    color: #fff;
    line-height: 24px;
    margin: auto;
    text-align: center;
    margin-top: 15px;
}
.media-box-content{
    position: relative;
    padding: 8px 8px 80px 8px;
    border: 3px solid #fff;
    border-radius: 20px;
    overflow: hidden;
    height: auto;
}
.your-story-view{
    margin-bottom: 90px;
}
.your-story-view img{
    width: 100%;
    border-radius:12px;
}
.media-read-more{
    text-align: center;
    margin-bottom: 15px;
}
.media-read-more a{
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #1FFFE0;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
}
.media-logorw{
    position: absolute;
    left: -3px;
    right: -3px;
    bottom: -3px;
    padding: 15px 0;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 20px 20px;
    background-color: #fff;
}
.media-logorw img{
    max-width: 100%;
    width: auto !important;
}
.chevron-wrap{
    position: relative;
    top: -2px;
    display: inline-block;
}
.chevrons{
  width: 28px;
}
.chev{
  fill: none;
  stroke: var(--cyan);
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: slide-x var(--duration-btn) ease-in-out infinite;
}
.chev-2{
  animation-delay: .2s;
}
@keyframes slide-x{
  0%, 12%   { transform: translateX(0); }
  42%       { transform: translateX(var(--distance-arrow)); }
  55%, 67%  { transform: translateX(var(--distance-arrow)); }
  95%, 100% { transform: translateX(0); }
}
.owl-carousel.media-slider-anim .owl-nav{
    position: absolute;
    left: -270px;
    bottom: 50px;
}
.owl-carousel.media-slider-anim .owl-nav.disabled{
    display: block;
}
.owl-carousel.media-slider-anim .owl-nav button{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin: 0 10px;
    transition: all 400ms linear;
    border: 1px solid #fff;
    background-color: #fff;
}
.owl-carousel.media-slider-anim .owl-nav button.owl-prev{
    background-image: url(../images/media-slider-prev-arrow.svg);
    background-repeat: no-repeat;
    background-position:  center center;
}
.owl-carousel.media-slider-anim .owl-nav button.owl-next{
    background-image: url(../images/media-slider-next-arrow.svg);
    background-repeat: no-repeat;
    background-position:  center center;
}
.owl-carousel.media-slider-anim .owl-nav button.owl-prev:hover,.owl-carousel.media-slider-anim .owl-nav button.owl-next:hover{
    border-color: #1FFFE0;
    background-color: #1FFFE0;
}
.owl-carousel.media-slider-anim .owl-nav button span{
    display: none;
}
/*Media End Here*/

/*Location Page Start Here*/
.location-banner{
    position: relative;
    height: calc(100vh - 80px);
    background: url(../images/location-hero-ban.webp) top center no-repeat;
    background-size: cover;
    margin: auto;
    margin-top: 80px;
    max-width: 1920px;
    max-height: 700px;
}
.location-banner .up-woks-brands{
    left: auto;
    right: 20px;
}
.location-banner .wrapmxwd{
    height: 100%;
}
.location-banner-content{
    display: flex;
    align-items: center;
    color: #fff;
    height: 100%;
}
.location-banner-content h1{
    padding-bottom: 20px;
}
.location-banner-content p{
    font-size: 18px;
    line-height: 32px;
    max-width: 66%;
}
.location-banner-content .location-talk-experts{
    text-align: left;
    margin-top: 50px;
}
.location-banner-content .location-talk-experts a{
    padding: 17px 70px;
}
.lets-collaborate-section{
    position: relative;
}
.lets-collaborate-content{
    display: flex;
}
.lets-collaborate-view{
    width: 500px;
}
.imgwd{
    width: 100%;
    height: auto;
}
.lets-collaborate-details{
    position: relative;
    color: #fff;
    width: calc(100% - 500px);
    z-index: 1;
}
.lets-collaborate-details-content{
    padding-left: 60px;
    padding-right: 50px;
    margin-top: 20px;
}
.lets-collaborate-details-content h2{
    padding-bottom: 20px;
    margin-left: -160px;
}
.location-light-color{
    color: #1FFFE0
}
.lets-collaborate-details-content p{
    font-family: "Outfit", sans-serif;
}
.innovationsbox-anim.locationpg{
    margin-top: 0;
}
.quality-oriented{
    margin: 0;
}
.techugo-next-projects{
    background: url(../images/techugo-next-projects.webp) no-repeat;
    background-size: cover;
}
.techugo-next-projects.backnone{
    background-image: none;
    background-color: #001933;
}
.techugo-next-projects-head{
    margin: 0;
}
.techugo-next-projects-content{
    margin-top: 50px;
}
.techugo-next-projects-contentbx{
    font-family: "Outfit", sans-serif;
    padding: 60px 40px;
    border-radius: 32px;
    background-color: #0D2948;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}
.techugo-next-projects-contentbx p a{
    color: #1FFFE0;
}
.techugo-next-projects-content.kotlinapp .techugo-next-projects-contentbx{
    padding: 40px 30px;
}
.techugo-next-projects-content.kotlinapp .techugo-next-projects-contentbx h3{
    font-size: 26px;
    padding-bottom: 10px;
}
.techugo-next-projects-contentbx .digit-num{
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 15px;
}
.techugo-next-projects-contentbx .digit-sm-txt{
    font-size: 25px;
    font-weight: 300;
    color: #D6D6D6;
}
.location-talk-experts{
    text-align: right;
}
.location-talk-experts a {
  padding: 20px 50px;
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  border: 1px solid #2087F0;
  background-color: #2087F0;
  transition: all 500ms linear;
}
.location-talk-experts a:hover{
    border-color: #16264D;
    background-color: #16264D;
}
.location-talk-experts a img{
    margin-left: 10px;
}
.forte-dedication.locationpg{
    padding-top: 80px;
}
.forte-dedication.locationpg h2{
    padding-bottom: 30px;
}
.forte-dedication.locationpg h2 span{
    text-decoration: underline;
}
.optimize-your-btn-row{
    text-align: center;
    margin-top: 80px;
}
.optimize-your-btn-row a {
   font-family: "Manrope", sans-serif;
   padding: 20px 50px;
   font-size: 26px;
   color: #1FFFE0;
   font-weight: 600;
   border-radius: 60px;
   display: inline-flex;
   align-items: center;
   text-decoration: none;
   text-transform: uppercase;
   border: 1px solid #1FFFE0;
   transition: all 500ms linear;
}
.optimize-your-btn-row a:hover{
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}
.reveal-our-working{
    padding: 80px 60px;
    border-radius: 120px;
    background: url(../images/desert-breathtaking.webp) center bottom no-repeat #0D2948;
    background-size: 100%;
    max-width: 1800px;
    margin: auto;
    margin-bottom: 60px;
}
.reveal-our-working-head{
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #FFFFFF78
}
.reveal-our-working-head h4{
    font-size: 24px;
    font-weight: 500;
}
.reveal-our-working-head p.smh{
    height: 130px;
    overflow: hidden;
}
.reveal-overlay{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 235px;
    background: linear-gradient(182.04deg, #0D2948 1.72%, rgba(13, 41, 72, 0.3) 98.28%);
}
.reveal-line img{
    max-width: 100%;
}
.reveal-tabs-content{
    margin-top: 50px;
}
.reveal-tabs-content .nav-tabs {
  border: 0;
}
.reveal-tabs-content .nav-tabs .nav-link{
    font-family: "Manrope", sans-serif;
    padding: 15px 24px;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    margin-right: 15px;
    border-radius: 32px;
    margin-bottom: 20px;
    border: 1px solid #fff;
}
.reveal-tabs-content.nav-tabs .nav-item.show .nav-link,.reveal-tabs-content .nav-tabs .nav-link.active {
    border-color:#2087F0;
    background-color: #2087F0;
}
.reveal-tabs-content-wrap{
    margin-top: 40px;
}
.reveal-tabs-content-wrap h3{
    font-size: 48px;
    font-weight: 500;
}
.business-move-device-section{
    padding: 60px 0;
    color: #fff;
    background-color: #1A202A;
}
.business-move-head-des{
    margin-left: 420px;
    margin-top: -60px;
}
.business-move-head-des.fullwd-row{
    margin-top: 20px;
    margin-left: 0;
    max-width: 80%;
}
.verius-devices-content{
    margin-top: 50px;
}
.service-item {
  position: relative;
  padding: 25px 0;
  cursor: pointer;
  border-bottom: 1px solid #FFFFFF30
}
.service-item.nobdr{
    border-bottom: 0;
}
.service-item h3 {
  font-size: 42px;
  font-weight: 500;
  color: #fff;
}
.service-content {
  position: relative;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
  color: #ddd;
}
.service-content .device-view{
    position: absolute;
    top: 0px;
    right: 0;
}
.service-content .device-view img{
    height: 160px;
}
.service-content p{
    max-width: 65%;
}
.service-item:hover .service-content {
  max-height: 220px; 
  opacity: 1;
}
.techugo-next-projects .core-services-content{
    padding: 0;
    border-radius: 0;
    background-color: transparent;
}
.techugo-next-projects .core-services-content .nav-tabs{
    margin-top: 40px;
}
.techugo-next-projects .core-content-tabs{
    padding: 0;
    background: none;
}
.techugo-next-projects .core-tabs-content-wrap{
    margin-left: 80px;
}
.techugo-next-projects .core-tabs-content-wrap.below-content{
    margin-left: 0px;
}
.impeccable-banner{
    margin-top: 30px;
}
.impeccable-banner img{
    width: 100%;
    height: auto;
}
.success-mobile-app-company{
    padding-top: 50px;
    padding-bottom: 100px;
}
.success-mobile-app-content {
  padding: 80px 60px;
  border-radius: 120px;
  background-color: #0D2948;
}
.success-story-mobile-app{
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.success-story-box{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1D354F;
    margin: 0 25px;
}
.impeccable-technologies{
    padding-bottom: 80px;
}
.impeccable-technologies-head{
    position: relative;
}
.impeccable-technologies-head-view{
    position: relative;
    display: inline-block;
}
.impeccable-technologies-head-view .title-show{
    position: absolute;
    bottom: -70px;
    right: -240px;
}
.impeccable-technologies-head-view .reveal-line{
    position: relative;
    top: -20px;
}
.impeccable-technologies-head-view img{
    max-width: 100%;
}
.impeccable-technologies-des{
    margin: 40px 0;
}
.impeccable-technologies-des p{
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    text-align: center;
    line-height: 32px;
}
.technology-slider-anim{
    margin-top: 80px;
}
.technology-slider-anim .nav-tabs{
    flex-wrap: initial;
    min-height: 60px;
    border-bottom: 1px solid #FFFFFF99;
}
.impeccable-technologies .tab-content p a{
    color: #1FFFE0;
}
.technology-slider-anim .nav-tabs .nav-link{
    font-family: "Outfit", sans-serif;
    padding: 0px 20px;
    width: 210px;
    text-align: center;
    font-size: 24px;
    color:#fff;
    margin-bottom: 0;
    border: 0;
    line-height: 60px;
    font-weight: 600;
    border-bottom: 6px solid;
    border-color: transparent;
    background-color: transparent;
}
.technology-slider-anim .nav-tabs .nav-link.active{
    border-color: #fff;
}
.countrypg-technology-offer .tab-content{
    padding-top: 15px;
}
.impeccable-technologies .tab-content p{
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 38px;
}
.owl-carousel.techoffersli .owl-nav {
  position: absolute;
  top: 5px;
  right: 0;
  background-color: #010712;
}
.owl-carousel.techoffersli .owl-nav button.owl-prev {
    position: relative;
    top: 1px;
    width: 60px;
    height: 60px;
    border-left: 1px solid #fff;
    background: url(../images/tech-prev-arrow.png) center center no-repeat;
}
.owl-carousel.techoffersli .owl-nav button.owl-next {
    position: relative;
    top: 1px;
    width: 60px;
    height: 60px;
    border-left: 1px solid #fff;
    background: url(../images/tech-next-arrow.png) center center no-repeat;
}
.owl-carousel.techoffersli .owl-nav button span{
    display: none;
}
.countrypg-technology-offer .letstalkbtnimg{
    position: absolute;
    top: 80px;
    right: 80px;
    margin-right: 0;
}
.countrypg-technology-offer .letstalkbtnimg > img{
    width: 210px;
}
.countrypg-technology-offer .letstalkbtnimg .arrowmid img {
    width: 40px;
}
.techugo-globally-del h3 span {
    font-weight: 600;
}
.letstalkbtnimg{
    position: absolute;
    top: 15px;
    right: 30px;
}
.letstalkbtnimg .ctbx{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 134px;
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: #50E1EB;
}
#loading {
    -webkit-animation: rotation 6s infinite linear;
    animation: rotation 6s infinite linear;
}

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

.industries-covered-section{
    padding: 80px 0 0;
}
.industries-covered-head{
    padding-bottom: 60px;
}
.industries-covered-content{
    padding-top: 0px;
}
.industries-covered-content a{
    text-decoration: none;
}
.industries-covered-box h3{
    padding: 15px 0;
}
.industries-covered-type img{
    width: 100%;
}
.industries-covered-box{
  position:relative;
  transition:transform .35s ease;
  isolation:isolate;
  overflow: hidden;
  margin-bottom: 50px;
}
.industries-covered-box .industries-covered-type{
    overflow: hidden;
}
.industries-covered-box .industries-covered-type img{
  width:100%;
  object-fit:cover;
  display:block;
  filter:none;
  transition:
  transform .6s cubic-bezier(.2,.8,.2,1),
  filter .4s ease;
}
.industries-covered-box figcaption{
  padding:12px 14px;
  transition:transform .45s ease;
  font-size:30px;
  padding-top: 40px;
}
.effect-gray-hover .industries-covered-type img{
  filter:none;
}
.effect-gray-hover:hover .industries-covered-type img{
  filter:grayscale(100%) contrast(1.05);
}
.effect-zoom:hover .industries-covered-type img{
  transform:scale(1.2);
}
.effect-shine::after{
  position:absolute;
  content:""; 
  inset:-110% -160% auto -160%;
  transform:rotate(25deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  width:60%; height:200%;
  transition:transform .9s ease;
  mix-blend-mode:screen; pointer-events:none;
}
.effect-shine:hover::after{ transform:translateX(265%) rotate(25deg); }
.industries-covered-box figcaption{
  letter-spacing: .2px;
  transition: letter-spacing .35s ease;
}
.industries-covered-box:hover figcaption{
    color: #1FFFE0 !important;
    letter-spacing: 1.2px; 
}
@media (prefers-reduced-motion: reduce){
.industries-covered-box figcaption{ transition: none; }
}
.load-more-industries{
    margin-top: 40px;
    margin-bottom: 30px;
}
.load-more-industries .location-talk-experts{
    text-align: center;
}
.load-more-industries .location-talk-experts a{
    font-family: "Manrope", sans-serif;
    padding: 11px 0;
    width: 260px;
    justify-content: center;
    border-radius: 70px;
}
.is-hidden { display: none !important; }
.reveal-in { animation: fadeInUp .35s ease both; }
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
/*Location Page End Here*/

/*Industry Page Start Here*/
.digitization-education-box{
    padding: 40px;
    border-radius: 24px;
    background-color: #0C1321;
    margin-bottom: 30px;
}
.choose-alliance-content.kotlipg .digitization-education-box,.choose-alliance-description.ipadv .digitization-education-box{
    height: calc(100% - 30px);
}
.digitization-education-box h3{
    font-size: 26px;
}
.digitization-education-box p{
    color: #B3B3B3;
    line-height: 30px;
}
.techugo-award-wining.industypg{
    position: relative;
    overflow: hidden;
    background: url(../images/techugo-next-projects.webp) no-repeat;
    background-size: cover;
}
.techugo-award-wining.industypg.videostpg{
    background-image: none;
}
.common-btn-bx.shedule-call{
    margin-top: 30px;
}
.techugo-award-wining.industypg .techugo-award-wining-mid-content{
    padding-top: 60px;
}
.techugo-award-wining.industypg .techugo-award-wining-content{
    padding-bottom: 80px;
}
.techugo-award-wining.industypg .award-wining-key-box{
    margin-left: 0;
}
.techugo-award-wining.industypg .award-wining-key{
    border-radius: 35px;
    margin-bottom: 20px;
}
.why-should-app-section{
    position: relative;
    padding: 80px 0 60px;
}
.why-should-app-section.matrimonialpgs{
    padding-top: 0;
}
.why-should-app-section.topzero{
    padding-top: 0;
}
.why-should-app-section.monetization-models{
    padding-top: 40px;
}
.why-should-app-section .common-btn-bx{
    text-align: left;
    margin-top: 30px;
}
.why-should-app-content{
    padding-top: 60px;
}
.why-should-attr-option{
    display: flex;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 50px;
}
.core-tabs-content-wrap.industy-content .why-should-attr-option{
    font-size: 18px;
    margin-bottom: 30px;
}
.why-should-attr-bullets{
   width: 20px;
   height: 20px;
   background: url(../images/bullets-icon.svg) no-repeat;
   background-size: auto;
   background-size: 20px;
   margin-right: 20px;
   margin-top: 5px;
}
.why-should-attr-bullets + div{
    width: calc(100% - 40px);
}
.why-should-app-section .common-btn-bx.popular{
    text-align: right;
}
.track-sp-mn{
    margin-top: 40px;
}
.common-btn-bx.schedule-free-call{
    text-align: left;
    margin-top: 30px;
}
.core-tabs-content-wrap.industy-content{
    padding-top: 30px;
}
.techugo-award-wining-content.advanced-features{
    padding-top: 40px;
}
.techugo-award-wining-content.advanced-features .award-wining-key-box{
    margin-left: 0;
}
.techugo-award-wining-content.advanced-features .common-btn-bx.shedule-call{
    margin-top: 50px; 
}
.techugo-award-wining-content.advanced-features .award-wining-key{
    margin-bottom: 25px;
}
.core-content-tabs.industry-tabs-con{
    min-height: 450px;
}
.industry-ban-app-hero{
    position: relative;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 58px;
    background: url(../images/industry-back-hero.webp) left bottom no-repeat #FFFFFF24;
}
.industry-ban-app-hero img{
    max-width: 100%;
    height: auto;
}
.industry-ban-app-hero img.ecommerce-app{
    max-width: auto;
    max-height: 440px;
}
.up-woks-brands.industy{
    right: auto;
    left: -30px;
    bottom: 0;
}
/*Industry Page End Here*/

/*App Cost Calculator Start Here*/
.app-cost-calculator-hero{
    position: relative;
    padding-top: 125px;
    padding-bottom: 60px;
    z-index: 3;
}
.app-cost-calculator-hero .cardbx{
      margin-top: 50px;
      background: none;
}
.app-cost-calculator-hero .app-cost-header{ 
    padding:16px 16px 10px;
}
.app-cost-calculator-hero .segments{ 
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:0 8px 6px;
}
.app-cost-calculator-hero .seg{ 
     flex:1 1 0;
     height:4px; 
     border-radius:999px;
     background:#e5e7eb;
}
.app-cost-calculator-hero .seg.done{
     background:var(--accent);
}
.app-cost-calculator-hero .seg.active{ 
    background:linear-gradient(90deg, var(--accent) 100%, #c7d2fe 100%);
}
.app-cost-calculator-hero .contentbx{ 
    padding:24px;
    color: #fff;
    border: 0 !important;
    box-shadow: none !important;
    display:none;
}
.app-cost-calculator-hero .contentbx.active{ 
    display:block;
}
.app-cost-calculator-hero .contentbx h2{
     margin:0 0 6px;
     font-size:27px;
}
.app-cost-calculator-hero .contentbx p{ 
    margin:0;
    color:var(--muted); 
    line-height:1.6;
}
.app-cost-calculator-hero .footer{ 
    display:flex;
    align-items:center; 
    gap:12px;
    border: 0 !important;
    box-shadow: none !important;
    padding:16px 20px;
    background: none;
}
.app-cost-calculator-hero .btn{
    appearance:none;
    background:#fff;
    color:var(--text); 
    min-width: 240px;
    padding:10px 16px;
    border-radius:32px;
    font-weight:600;
    cursor:pointer;
    transition:transform .08s, box-shadow .15s;
}
.app-cost-calculator-hero .btn:hover{
    box-shadow:0 6px 18px rgba(2,6,23,.06);
}
.app-cost-calculator-hero .btn:active{ 
    transform:translateY(1px);
}
.app-cost-calculator-hero .btn[disabled]{
     opacity:.45; cursor:not-allowed;
}
.app-cost-calculator-hero .btn.primary{
    background:var(--accent);
    color:#fff; 
    border-color:var(--accent);
}
.app-cost-calculator-hero .btn.success{
    background:var(--ok); 
    color:#fff;
    border-color:var(--ok);
}
.custom-checbox-contentbx{
    margin-top: 40px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.app-cost-calculator-hero input[type="checkbox"], .app-cost-calculator-hero input[type="radio"] {
  display: none;
}
.custom-checkbox label {
   padding: 0 20px;
  display: inline-flex;
  align-items: center;
  width: 190px;
  height: 145px;
  border-radius: 24px;
  border: 1px solid #fff;
  background-color: #fff;
  transition: background-color 0.3s, border 0.3s;
}
.custom-checkbox input:checked + label {
  background-color: #3b82f6;
}
.blk-box-build,.checkbox-txt-content{
    display: block;
}
.custom-checkbox .label-content-icon{
    margin-bottom: 15px;
    display: block;
}
.custom-checkbox .label-content-iconbx{
    width: 30px;
    height: 30px;
    display: inline-block;
}
.custom-checkbox .label-content-iconbx.both-icon{
    width: 70px;
    height: 37px;
    display: inline-block;
}
.custom-checkbox .label-content-iconbx.mobile-app-ios{
    background: url(../images/mob-apps-ios-icon.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.mobile-app-ios{
     background: url(../images/mob-apps-ios-icon-wt.svg) no-repeat;
     background-size: 30px;
}
.custom-checkbox .label-content-iconbx.web-app{
    width: 33px;
    height: 33px;
    background: url(../images/web-app-icon.svg) no-repeat;
    background-size: 33px;
}
.custom-checkbox input:checked + label .label-content-iconbx.web-app{
     background: url(../images/web-app-icon-wt.svg) no-repeat;
     background-size: 33px;
}
.custom-checkbox .label-content-iconbx.mobile-app-android{
    background: url(../images/mobile-aap-and-icon.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.mobile-app-android{
     background: url(../images/mobile-aap-and-icon-wt.svg) no-repeat;
     background-size: 30px;
}
.custom-checkbox .label-content-iconbx.flutter-app{
    background: url(../images/flutter-app-icon.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.flutter-app{
     background: url(../images/flutter-app-icon-wt.svg) no-repeat;
     background-size: 30px;
}
.custom-checkbox .label-content-iconbx.ai-int-app{
    background: url(../images/ai-int-app.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.ai-int-app{
     background: url(../images/ai-int-app-wt.svg) no-repeat;
     background-size: 30px;
}
.custom-checkbox .label-content-iconbx.not-sure{
    background: url(../images/not-sure-icon.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.not-sure{
     background: url(../images/not-sure-icon-wt.svg) no-repeat;
     background-size: 30px;
}
.custom-checkbox .label-content-iconbx.both-ios-android{
    background: url(../images/both-ios-and.svg) no-repeat;
    background-size: 70px;
}
.custom-checkbox input:checked + label .label-content-iconbx.both-ios-android{
    background: url(../images/both-ios-and-wt.svg) no-repeat;
     background-size: 70px;
}
.custom-checkbox .label-content-iconbx.just-idea{
    width: 36px;
    height: 36px;
    background: url(../images/just-idea-icon.svg) no-repeat;
    background-size: 32px;
}
.custom-checkbox input:checked + label .label-content-iconbx.just-idea{
     background: url(../images/just-idea-icon-wt.svg) no-repeat;
     background-size: 36px;
}
.custom-checkbox .label-content-iconbx.start-up-idea{
    background: url(../images/start-up-idea.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.start-up-idea{
     background: url(../images/start-up-idea-wt.svg) no-repeat;
     background-size: 30px;
}
.custom-checkbox .label-content-iconbx.growing{
    width: 35px;
    height: 35px;
    background: url(../images/growing-icon.svg) no-repeat;
    background-size: 35px;
}
.custom-checkbox input:checked + label .label-content-iconbx.growing{
     background: url(../images/growing-icon-wt.svg) no-repeat;
     background-size: 35px;
}
.custom-checkbox .label-content-iconbx.generating{
    width: 33px;
    height: 33px;
    background: url(../images/generating-icon.svg) no-repeat;
    background-size: 33px;
}
.custom-checkbox input:checked + label .label-content-iconbx.generating{
     background: url(../images/generating-icon-wt.svg) no-repeat;
     background-size: 33px;
}
.custom-checkbox .label-content-iconbx.budget-range{
    background: url(../images/budget-range.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.budget-range{
     background: url(../images/budget-range-wt.svg) no-repeat;
     background-size: 30px;
}
.custom-checkbox .label-content-iconbx.login-sc{
    background: url(../images/user-login.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.login-sc{
     background: url(../images/user-login-wt.svg) no-repeat;
     background-size: 30px;
}
.custom-checkbox .label-content-iconbx.payment{
    background: url(../images/payment-icon.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.payment{
     background: url(../images/payment-icon-wt.svg) no-repeat;
     background-size: 30px;
}
.custom-checkbox .label-content-iconbx.chat-icon{
    background: url(../images/chat-icon.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.chat-icon{
     background: url(../images/chat-icon-wt.svg) no-repeat;
     background-size: 30px;
}
.custom-checkbox .label-content-iconbx.location{
    background: url(../images/location-q.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.location{
     background: url(../images/location-q-wt.svg) no-repeat;
     background-size: 30px;
}
.custom-checkbox .label-content-iconbx.booking{
    background: url(../images/booking-q.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.booking{
     background: url(../images/booking-q-wt.svg) no-repeat;
     background-size: 30px;
}
.custom-checkbox .label-content-iconbx.media{
    background: url(../images/media-sh.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.media{
     background: url(../images/media-sh-wt.svg) no-repeat;
     background-size: 30px;
}
.custom-checkbox .label-content-iconbx.dashboard{
    background: url(../images/dashboard.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.dashboard{
    background: url(../images/dashboard-wt.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox .label-content-iconbx.finding{
    background: url(../images/finding-icon.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.finding{
    background: url(../images/finding-icon-wt.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox .label-content-iconbx.time-icon{
    background: url(../images/time-icon.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.time-icon{
    background: url(../images/time-icon-wt.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox .label-content-iconbx.exploring{
    background: url(../images/exploring-icon.svg) no-repeat;
    background-size: 30px;
}
.custom-checkbox input:checked + label .label-content-iconbx.exploring{
    background: url(../images/exploring-icon-wt.svg) no-repeat;
    background-size: 30px;
}
.checkbox-txt-content{
    font-size: 17px;
    color: #0A0A0A;
    font-weight: 500;
    transition: all 400ms linear;
}
.custom-checkbox input:checked + label .checkbox-txt-content{
    color: #fff;
}
/* Custom radio button styling */
.custom-radio label {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #3b82f6; 
  transition: background-color 0.3s, border 0.3s;
}
.custom-radio input:checked + label {
  background-color: #3b82f6;
  border-color: #3b82f6;
}
.custom-radio label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.3s;
}
.custom-radio input:checked + label::after {
  background-color: #fff;
}
.faq-almost-done{
    margin: 0;
}
.conversation-form-content.app-cost-calculator{
    padding: 0;
    margin-top: 40px;
    background-color: transparent;
}
.almost-done-content{
    padding: 40px 30px;
    border-radius: 32px;
    height: 100%;
    background: url(../images/almost-done-bg.webp) no-repeat;
    background-size: cover;
    overflow: hidden;
    margin-right: 80px;
}
.almost-donebx{
    padding: 40px 20px;
    border-radius: 34px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    background: #0000004A;
}
.almost-icon-w {
    margin-bottom: 40px;
}
.form-submit.app-cost{
    padding: 17px 0;
    border-color: #2087F0;
    background-color: #2087F0;
    margin-top: 60px;
}
.form-submit.app-cost:hover{
    border-color:#808080 ;
    background-color: #808080;
}
.app-cost-calculator .conversation-form-input-row .form-control{
    border-color: #0D2162;
}
.app-cost-calculator .conversation-form-input-row .form-control::-webkit-input-placeholder { 
  color: #5d6583;
}
.app-cost-calculator .conversation-form-input-row .form-control::-moz-placeholder {
  color: #5d6583
}
.app-cost-calculator .conversation-form-input-row .form-control:-ms-input-placeholder { 
  color: #5d6583;
}
.app-cost-calculator .conversation-form-input-row .form-control:-moz-placeholder { 
  color: #5d6583;
}

@media (max-width:1540px){
.almost-done-content .why-choose-head{
    font-size: 19px;
}
.almost-done-content .why-choose-head-below{
    font-size: 17px;
}
}

@media (max-width:1219px){
.almost-done-content{
    margin-right: 15px;
}
}

@media (max-width:991px){
.almost-done-content{
    display: none;
}
.app-cost-calculator-hero .segments{
    gap:10px;
}
}

@media (max-width:767px){
.app-cost-calculator-hero {
  padding-top: 90px;
  padding-bottom: 40px;
}
.app-cost-calculator-hero .cardbx {
  margin-top: 20px;
}
.app-cost-calculator-hero .app-cost-header{
    padding-left: 0;
    padding-right: 0;
}
.app-cost-calculator-hero .contentbx h2 {
   margin: 0;
   font-size: 20px;
}
.app-cost-calculator-hero .contentbx{
    padding-left: 5px;
    padding-right: 5px
}
.custom-checkbox label {
  padding: 0 10px;
  width: 120px;
  height:120px;
  border-radius: 16px;
}
.checkbox-txt-content{
    font-size: 14px;
}
.app-cost-calculator-hero .btn{
    min-width: 120px;
}
.form-submit.app-cost {
  padding: 14px 0;
  margin-top: 40px;
}
}
/*App Cost Calculator End Here*/

/*Contact Us Page Start Here*/
.ppc-banner-hero{
    position: relative;
    padding-top: 80px;
}
.ppc-banner-hero .wrapmxwd{
    position: relative;
    z-index: 3;
}
.ppc-banner-content{
    padding: 60px 0;
}
.ppc-hero-content-ban .common-btn-bx{
    text-align: left;
    padding-top: 15px;
}
.ppc-next-poject{
    margin: 0;
}
.techugo-next-projects-content.ppcpg .techugo-next-projects-contentbx{
    position: relative;
    padding: 40px;
    height: calc(33.33% - 18px);
    display: flex;
    align-content: center;
    background-color: #02151E;
}
.techugo-next-projects-content.ppcpg .techugo-next-projects-contentbx .digit-num{
    font-size: 40px;
}
.ppc-next-pro-view{
    margin-top: 50px;
    margin-bottom: 40px;
}
.ppc-next-pro-view img{
    width: 100%;
    height: auto;
}
.best-team-head{
    font-size: 40px;
    margin-bottom: 30px;
}
.location-talk-experts.ppc{
    text-align: left;
}
.location-talk-experts.ppc a{
    display: flex;
    justify-content: center;
}
.forte-dedication.locationpg.ppc{
    padding-top: 20px;
}
.testimonials-techugo.ppcpg{
    padding-bottom: 50px;
}
.techugo-next-projects-content.ppcpg {
  height: calc(100% - 50px);
}
.techugo-next-projects-head.ppc-head h2{
    padding-bottom: 20px;
}
.conversation-form-content.ppcpg{
    background: #37373787;
    margin-left: 60px;
}
.ppc-hero-content-ban{
    margin: 0;
}
.ppc-hero-content-ban h1{
    position: relative;
    padding-bottom: 20px;
}
.ppc-hero-content-ban .curve-anim{
    position: absolute;
    bottom: 10px;
    right: 90px;
}
.ppc-hero-content-ban .curve-anim img{
    width: 120px;
    height: auto;
}
.ppc-hero-content-ban p{
    max-width: 90%;
}
.ppc-hero-content-ban .up-woks-brands{
    position: static;
    margin-top: 40px;
    margin-bottom: 40px;
}
.conversation-form-input-row.ppc-form-row .form-control~label.imp-label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 9px;
    font-size: 18px;
    color: #fff;
    transition: 0.3s;
    font-weight: normal;
    letter-spacing: -0.3px;
}
.conversation-form-input-row.ppc-form-row .form-control:focus~label.imp-label,
.conversation-form-input-row.ppc-form-row .form-control.has-content~label.imp-label {
    top: -5px;
    font-size: 13px;
    color: #2087F0;
    transition: 0.3s;
}
.conversation-form-input-row.ppc-form-row input,.conversation-form-input-row.ppc-form-row textarea{
    position: relative;
    z-index: 1;
}
.conversation-form-content.ppcpg .form-control,.conversation-form-content.ppcpg .fileuploadrw label{
    border-bottom: 1px solid #E0E0E033
}
.conversation-form-content.ppcpg .form-submit{
    border-radius: 20px;
    border: 1px solid #2087F0;
    background-color: #2087F0;
}
.conversation-form-content.ppcpg .form-submit:hover{
    border-color: #16264D;
    background-color: #16264D;
}
.conversation-form-content.ppcpg .form-submit img{
    margin-left: 10px;
    width: 30px;
}
.ppc-hero-content-ban .common-btn-bx a img{
    width: 20px;
}
.we-just-call-away-box{
    padding-top: 40px;
}
.we-just-call-awaybx{
    padding: 30px 30px 20px 30px;
    border-radius: 18px;
    background: #37373787;
}
.we-just-call-awaybx.whatsapp{
    padding-top: 20px;
}
.we-just-call-awaybx h5{
    font-size: 18px;
    padding-bottom: 10px;
}
.we-just-call-awaybx .numb-w{
    margin-bottom: 25px;
}
.we-just-call-awaybx .numb-w a{
    position: relative;
    font-size: 17px;
    color: #1FFFE0;
    transition: color 0.3s ease;
}
.we-just-call-awaybx .numb-w a:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #1FFFE0;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease-out;
}
.we-just-call-awaybx .numb-w a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
.we-just-call-awaybx .numb-w a:hover{
    text-decoration: none;
}
.we-just-call-awaybx .numb-w a.email{
    font-size: 20px;
}
.we-just-call-awaybx .whatsapp-call-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.we-just-call-awaybx .whatsapp-call-box h5{
    margin: 0;
    padding: 0;
}
.we-just-call-awaybx .hedare-whats-app-links{
    margin-right: 0;
    animation: WhatsApp-bounce 1s infinite;
}
@keyframes WhatsApp-bounce {
    0%, 100% {
    transform: translateY(0); 
    }
    50% {
    transform: translateY(-10px); 
    }
}
.techugo-award-wining .curve-anim{
    position: static;
    display: inline-block;
    margin-top: -10px;
    transform: rotate(13deg);
}
.techugo-coo-details-box{
    margin-top: 50px;
}
.techugo-coo-details{
    display: flex;
    align-items: center;
}
.techugo-coo-details-coo{
    width: 323px;
}
.techugo-coo-details-coo img{
    width: 100%;
    height: auto;
}
.techugo-coo-details-coo-content{
    width: calc(100% - 323px);
}
.techugo-coo-details-coo-contentbx{
    padding-left: 50px;
}
.techugo-coo-details-coo-contentbx h4{
    font-size: 30px;
}
.techugo-coo-details-coo-contentbx h5{
    font-size: 30px;
    color: #757575;
}
.coo-email-numbxr{
    display: flex;
    margin-top: 30px;
}
.coo-email-numbx{
    margin-right: 15px;
}
.coo-email-numbx a{
    padding: 15px 20px;
    font-size: 22px;
    color: #fff;
    border-radius: 20px;
    color: #fff;
    display: block;
    text-decoration: none;
    background: #37373787;
    transition: all 400ms linear;
}
.coo-email-numbx a:hover{
    background: #2087F0;
}
.cherished-places-section{
    padding-bottom: 80px;
}
.techugo-grand-team{
    margin-top: 50px;
    margin-bottom: 80px;
}
.techugo-grand-team img{
    width: 100%;
    height: auto;
}
.testimonials-techugo.conatctuspg{
    padding-top: 80px;
}
.company-office-address-section{
    padding-bottom: 80px;
}
.company-office-address-section .clients-mediabx{
    background-color: #0D2948;
}
.company-office-address-section .clients-mediabx h4{
    font-size: 27px;
    font-weight: 500;
}
.company-office-address-section .clients-mediabx p{
    color: #BCBCBC;
    font-size: 18px;
    line-height: 32px;
}
.company-office-address-section .clients-mediabx .logo-media{
    min-height: 80px;
}
/*Contact Us Page End Here*/

/*Scroll Pane Stat Hee*/
.scrollpane{
  --sp-size: 8px;               
  --sp-radius: 8px;              
  --sp-track: #010E25;          
  --sp-thumb: #c4c9cf;      
  --sp-thumb-hover: #aab2bb;     
  overflow: auto;
  max-height: 300px;             
  scroll-behavior: smooth;       
  -webkit-overflow-scrolling: touch; 
  overscroll-behavior: contain; 
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;       
  scrollbar-color: var(--sp-thumb) var(--sp-track);
  padding-right: 20px;
}

/* WebKit (Chrome/Edge/Safari/Opera) */
.scrollpane::-webkit-scrollbar{
  width: var(--sp-size);
  height: var(--sp-size);
}
.scrollpane::-webkit-scrollbar-track{
  background: var(--sp-track);
  border-radius: var(--sp-radius);
}
.scrollpane::-webkit-scrollbar-thumb{
  background: var(--sp-thumb);
  border-radius: var(--sp-radius);
}
.scrollpane:hover::-webkit-scrollbar-thumb{
  background: var(--sp-thumb-hover);
}

/* Optional: slim until hover */
.scrollpane::-webkit-scrollbar{
  width: 6px;
  height: 6px;
}
.scrollpane:hover::-webkit-scrollbar{
  width: var(--sp-size);
  height: var(--sp-size);
}

/* Dark mode tweak (optional) */
@media (prefers-color-scheme: dark){
  .scrollpane{
    --sp-track:#1f242a; --sp-thumb:#3a424b; --sp-thumb-hover:#4a5561;
  }
}
/*Scroll Pane End Hee*/

/*Career Page Start Here*/
.career-hero-head{
    padding-top: 160px;
    padding-bottom: 80px;
}
.career-hero-head-content{
    position: relative;
    padding: 0 20px;
    text-align: center;
}
.career-hero-head-content .techugo-at-together{
    position: absolute;
    top: -20px;
    left: 50%;
    width: 264px;
    transform: translateX(-50%);
    z-index: -1;
    opacity: 0.2;
}
.career-hero-head-content p{
    max-width: 775px;
    margin: auto;
}
.current-openings-row{
    margin-top: 40px;
    font-size: 23px;
    color: #2087F0;
    text-align: center;
}
.current-openings-anim{
    margin-top: 20px;
}
.current-openings-anim img{
    width: 130px;
    height: auto;
}
.techugo-exp-teams-view{
    position: relative;
    margin-top: -20px;
}
.techugo-exp-teamsbx{
    max-width: 1920px;
    margin: auto;
}
.career-hero-head-content .techugo-at-together img,.techugo-exp-teamsbx img{
    width: 100%;
    height: auto;
}
.carrerpgs .common-btn-bx{
    text-align: left;
    margin-top: 40px;
}
.carrerpgs .common-btn-bx a{
    padding-top: 16px;
    padding-bottom: 16px;
}
.carrerpgs .common-btn-bx a img {
    width: 9px;
    margin-left: 15px;
}
.carrerpgs h2{
    padding-bottom: 15px;
}
.team-slider-techbx{
    margin-right: 20px;
}
.carrerpgs .techugo-next-projects-content{
    padding-bottom: 40px;
}
.work-from-beach p.mxw{
    max-width: 1200px;
    margin: auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}
.opening-rel{
    position: relative;
    z-index: 1;
    cursor: pointer;
    display: inline-block;
}
.ceo-message-box{
    padding: 25px 30px;
    margin-top: 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    background-color: #011239;
}
.ceo-viewbx{
    width: 170px;
}
.ceo-viewbx img{
    width: 100%;
    height: auto;
}
.ceo-quotes{
    position: relative;
    margin-bottom: 10px;
    margin-left: -20px;
}
.ceo-viewbx-content{
    width: calc(100% - 170px);
}
.ceo-give-message{
    padding-left: 60px;
}
.ceo-nmplates{
    margin-top: 10px;
    border-radius: 20px;
    color: #2087F0;
    font-size: 16px;
    padding: 15px 30px;
    display: inline-flex;
    background-color: #011951;
}
.perks-and-benefits{
    padding-bottom: 80px;
}
.benefits-options-content{
    max-width: 940px;
    margin: auto;
    margin-top: 40px;
}
.benefits-optionsbx{
    padding: 30px;
    border-radius: 20px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    background-color: #011239;
}
.benefits-icon-row{
    margin-bottom: 30px;
}
.benefits-icon-row img{
    width: 42px;
    height: auto;
}
.benefits-optionsbx h3{
    font-size: 28px;
    padding-bottom: 15px;
}
.benefits-optionsbx p{
    color: #BABABA;
}
.career-our-values{
    padding-bottom: 80px;
}
.career-our-values p.headmx{
    max-width: 960px;
    margin: auto;
    padding-top: 15px;
}
.value-content-box{
    padding: 40px 30px;
    border-radius: 56px;
    background-color: #011239;
}
.value-content-box h4{
    font-size: 28px;
    padding-bottom: 15px;
}
.owl-carousel.our-value-techugo .owl-stage{
    display: flex;
}
.owl-carousel.our-value-techugo .item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.revolutionize-future {
    padding-bottom: 80px;
}
.opening-type-content-box{
    margin-top: 60px;
}
.opening-type-content-box ul{
    margin: 0;
    padding: 0;
}
.opening-type-content-box ul li {
    list-style: none;
}
.opening-type-content-box ul li a {
    font-family: "Outfit", sans-serif;
    position: relative;
    padding: 30px 0;
    color: #fff;
    border-bottom: 1px solid #393939;
    text-decoration: none;
    display: block;
    -webkit-transition: .4s linear;
    transition: .4s linear;
}
.designation_profile {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    -webkit-transition: .4s linear;
    transition: .4s linear;
}
.designation_profile span.worklocation {
    font-size: 18px;
    font-weight: 500;
    display: block;
    padding-top: 10px;
}
.opening-type-content-box ul li a span.arrowlist {
    position: absolute;
    right: 0;
    top: 40px;
    width: 13px;
    height: 24px;
    background: url(../images/next_arrow_list.png) 0 0 / 13px 24px no-repeat;
    -webkit-transition: .4s linear;
    transition: .4s linear;
}
.opening-type-content-box ul li:hover a span.arrowlist {
    right: 20px;
}
.opening-type-content-box ul li:last-child a {
    border: 0
}
.opening-type-content-box ul li:hover .designation_profile {
    padding-left: 20px
}
/*Career Page End Here*/

/*About Us Start Here*/
.about-hero-head {
    padding-top: 140px;
    padding-bottom: 80px;
}
.about-hero-head h4{
    font-size: 22px;
    line-height: 36px;
    padding-top: 20px;
    max-width: 80%;
    color: #909090;
}
.about-hero-head h4 span{
    font-weight: 700;
    color: #fff;
}
.about-inno-txt{
    font-size: 30px;
}
.coffee-helps{
    margin-bottom: 15px;
}
.coffee-line{
    margin-top: 20px;
}
.coffee-line img,.coffee-helps img{
    max-width: 100%;
    height: auto;
}
.techugo-offices-world {
    position: relative;
}
.techugo-offices-world img{
    max-width: 100%;
    height: auto;
}
.techugo-offices-world .common-btn-bx{
    text-align: center;
    margin-top: -20px;
}
.techugo-offices-world .common-btn-bx a:hover{
    background-color: #010712;
}
.journey-greatness{
    position: relative;
}
.journey-greatness p{
    color: #9B9B9B;
}
.journey-greatness h2{
    padding-bottom: 20px;
}
.journey-carouselbx{
    position: sticky;
    top: 80px;
}
.journey-carousel {
     position: relative;
     height: 480px;
     border-radius: 36px;
     overflow: hidden;
     margin-left: 50px;
}
.journey-carouselbx .common-btn-bx{
    text-align: center;
    margin-top: -20px;
    margin-left: 50px;
}
.journey-carouselbx .common-btn-bx a:hover{
    background-color: #010712;
}
.journey-carouselbx .common-btn-bx a img {
    width: 9px;
    margin-left: 15px;
}
.journey-carousel img {
    height: auto;
    position: absolute;
    animation: moveLeftRight 15000ms ease-in-out infinite alternate;
}
@keyframes moveLeftRight {
  0% {
    transform: translateX(0); 
  }
  50% {
    transform: translateX(-50%); 
  }
  100% {
    transform: translateX(0); 
  }
}
.journey-company-numbersbx{
    margin-top: 60px;
}
.journey-company-numbers{
    margin-bottom: 50px;
}
.journey-company-numbers-head{
    font-size: 45px;
    padding-bottom: 10px;
}
.journey-company-numbers-txt{
    font-size: 22px;
    color: #898989;
}
.people-techugo{
    padding-bottom: 80px;
}
.people-line-bx{
    text-align: center;
}
.people-line-bx .people-line{
    width: 140px;
    height: 2px;
    background-color: #fff;
    display: inline-block;
}
.people-line-bx .people-line.left100{
    margin-left: 120px;
}
.techies-expertbx{
    position: relative;
}
.techies-social-links{
    position: absolute;
    left: 30px;
    bottom: 30px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.techies-nmbx{
    color: #fff;
}
.techies-nm{
    font-size: 21px;
    padding-bottom: 10px;
}
.techies-desi{
    font-size: 17px;
    font-weight: 500;
}
.mem-social{
    display: flex;
    align-items: center;
}
.mem-social a{
    margin: 0 8px;
}
.people-techugo .common-btn-bx{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 70px;
}
.people-techugo .common-btn-bx a img {
    width: 9px;
    margin-left: 15px;
}
.turn-coffee-col{
    color: #898989;
}
.techugo-services-we-offer{
    background-color: #222222;
    margin-top: -30px;
}
.recommend-features-row {
    position: relative;
    padding: 40px 0 40px 0;
    border-bottom: 1px solid #3b3b3b;
    transition: all 200ms linear;
    color: #fff;
    overflow: hidden;
}
.ca-rec-num {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 22px;
}
.ca-rec-num-heading {
    font-size: 37px;
    text-align: center;
}
.process-options-techies{
    margin-top:30px;
}
.process-options-techies ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.process-options-techies ul li{
    position: relative;
    padding: 0 20px;
    font-size: 18px;
    list-style: none;
}
.process-options-techies ul li:after{
    position: absolute;
    content: '';
    top: 6px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #2087F0;
}
.recommend-features-row .common-btn-bx{
    transition: all 400ms linear;
    opacity: 0;
    height: 0;
    transform: translateY(40px);
}
.recommend-features-row:hover .common-btn-bx{
    opacity: 1;
    height: auto;
    padding-top: 30px;
    transform: translateY(0);
}
.recommend-features-row .common-btn-bx{
    text-align: center;
}
.recommend-features-row .common-btn-bx a{
    border-radius: 12px;
}
.recommend-features-row .common-btn-bx a img{
    width: 22px;
    height: auto;
    margin-left: 8px;
}
.culture-and-activitiesbx{
    padding-top: 70px;
}
.culture-and-activities img{
    max-width: 100%;
    height: auto;
}
.common-tp-btm.aboutspg{
    padding-top: 0;
}
.aboutpg-media-box{
    padding-top: 40px;
}
.clients-mediabxwrap{
    position: relative;
}
.clients-mediabx.aboutuspg{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    background-color: transparent;
}
.clients-mediabx.aboutuspg:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 32px;
    background: linear-gradient(180deg, #202A3C 0%, #0E1D36 100%);
    transition: transform 0.5s ease-in-out;
}
.clients-mediabx.aboutuspg .logo-media,.clients-mediabx.aboutuspg h4{
    position: relative;
    transition: transform 0.5s ease-in-out;
    z-index: 1;
}
.clients-mediabxwrap:hover .clients-mediabx.aboutuspg:after{
    transform: rotate(180deg);
}
.clients-mediabxwrap:hover .clients-mediabx.aboutuspg .logo-media,.clients-mediabxwrap:hover .clients-mediabx.aboutuspg h4{
    opacity: 0;
}
.aboutspg .clients-media-box{
    max-width: 1000px;
    margin: auto;
    margin-top: 50px;
}
.clients-mediabx.aboutuspg .logo-media{
    margin-bottom: 80px;
}
.clients-mediabx-content{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    color: #fff;
    border-radius: 32px;
    padding: 30px;
}
.clients-mediabxwrap:hover .clients-mediabx-content{
    animation: fadeIn-media 1s ease-out forwards; 
    animation-delay: 0.2s;
}
.clients-mediabx.aboutuspg h4,.clients-mediabx-content h4{
    font-size: 20px;
}
.clients-mediabx-content h4{
    padding-bottom: 10px;
}
@keyframes fadeIn-media {
  0% {
    opacity: 0; 
    transform: translateY(10px); 
  }
  100% {
    opacity: 1; 
    transform: translateY(0); 
  }
}
.explore-active-link{
    position: absolute;
    bottom: 45px;
    left: 30px;
}
.explore-active-link a{
    font-family: "Manrope", sans-serif;
    font-size: 20px;
    color: #2087F0;
}
.explore-active-link a img{
    width: 9px;
    margin-left: 10px;
}
.glow-wrap-pos{
    position: relative;
}
/*About Us End Here*/
.active-color-link,.active-color-link:hover{
    color: #1FFFE0;
}