html{
    overflow: hidden;
    overflow-y: auto;
}
body{
    font-family: 'GilroyRegular';
    line-height: 1;
    font-weight: 400;
    color: #000;
}
@font-face {
    font-family: 'GilroyRegular';
    src: url('../fonts/GilroyRegular.eot');
    src: url('../fonts/GilroyRegular.eot') format('embedded-opentype'),
         url('../fonts/GilroyRegular.woff2') format('woff2'),
         url('../fonts/GilroyRegular.woff') format('woff'),
         url('../fonts/GilroyRegular.ttf') format('truetype');
         font-display: swap;
}
@font-face {
    font-family: 'GilroySemiBold';
    src: url('../fonts/GilroySemiBold.eot');
    src: url('../fonts/GilroySemiBold.eot') format('embedded-opentype'),
         url('../fonts/GilroySemiBold.woff2') format('woff2'),
         url('../fonts/GilroySemiBold.woff') format('woff'),
         url('../fonts/GilroySemiBold.ttf') format('truetype');
          font-display: swap;
}
@font-face {
    font-family: 'GilroyMedium';
    src: url('../fonts/GilroyMedium.eot');
    src: url('../fonts/GilroyMedium.eot') format('embedded-opentype'),
         url('../fonts/GilroyMedium.woff2') format('woff2'),
         url('../fonts/GilroyMedium.woff') format('woff'),
         url('../fonts/GilroyMedium.ttf') format('truetype');
          font-display: swap;
}
@font-face {
    font-family: 'GilroyBold';
    src: url('../fonts/GilroyBold.eot');
    src: url('../fonts/GilroyBold.eot') format('embedded-opentype'),
         url('../fonts/GilroyBold.woff2') format('woff2'),
         url('../fonts/GilroyBold.woff') format('woff'),
         url('../fonts/GilroyBold.ttf') format('truetype');
          font-display: swap;
}

.medium-bold{
    font-family: 'GilroyMedium';
    line-height: 1.2;
}
.semi-bold{
    font-family: 'GilroySemiBold';
    line-height: 1.2;
}
.text-bold{
    font-family: 'GilroyBold';
    line-height: 1.2;
}
.font-size-21{
    font-size: 21px;
    line-height: 32px;
}
.whitehall-wrapper{
    margin: 0;
}
.wrapmxwd{
    max-width: 1920px;
    margin: auto;
    padding: 0 80px;
}
.whitehall-ban .wrapmxwd{
    padding-right: 0;
}
.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));
}
/*Common Start Here*/
h2{
    font-size: 40px;
}
p{
    font-size: 21px;
    line-height: 34px;
}
.w100img{
    width: 100%;
    height: auto;
}
/*Common end Here*/

/*Header Start Here*/
.navbar-brand img {
    width: 156px;
    height: auto;
    margin-top: 17px;
}
.navbar{
    padding: 0 15px;
    transition: top 0.3s;
}
#whitehall-header.sticky{
    background-color: #171717;
}
.header-right-element{
    float: right;
    display: flex;
    align-items: center;
}
.head-get-touch{
    display: flex;
    align-items: center;
    margin-left: 30px;
}
.head-get-touch a {
  position: relative;
  padding: 10px 16px 10px 21px;
  font-size: 21px;
  color: #000000;
  border-radius: 32px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  border: 1px solid #FBF138;
  background-color: #FBF138;
  transition: all 500ms linear;
}
.head-get-touch a span.common-get-arrow{
    margin-left: 10px;
}
.head-get-touch a:hover span.common-get-arrow{
    background-position: 0 0px;
}
.head-get-touch a svg {
    margin-left: 5px;
}
.head-get-touch a svg path{
    fill: #000;
    transition: all 500ms linear;
}
.head-get-touch a:hover svg path{
    fill: #FBF138;
}
.head-get-touch a:hover{
    color: #FBF138;
    background-color: transparent;
}
.navbar-expand-md .navbar-nav .nav-item{
    margin-left: 40px;
}
.navbar-expand-md .navbar-nav .nav-item.navfirst{
    margin-left: 0;
}
.navbar-expand-md .navbar-nav .nav-link{
    position: relative;
    font-size: 18px;
    color: #fff;
    padding-top: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: #FBF138;
}
.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: #FBF138;
    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;
    border-radius: 0;
    background-color: #fff;
}
.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: 1920px;
    margin: auto;
}
.nav-width-col{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.navigationbx-whitehall{
    padding: 30px;
}
.navigationbx-whitehall.secrw{
    padding-top: 0px;
}
.navigationbx{
    margin: 0;
}
.navigation-head-title{
    margin: 0;
}
.navigation-head-title .tech-head-name{
    font-size: 18px;
    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: #000;
    font-size: 16px;
    text-decoration: none;
    display: inline-flex;
    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{
    padding-top: 0px;
}
.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: 25px;
    height: 25px;
    background: url(../images/head-menu-service.png) 0 0 / 25px 875px no-repeat;
}
.ddp-icon span.home-service {
    background-position: 0 0;
}
.ddp-icon span.grocery-delivery {
    background-position: 0 -25px;
}
.ddp-icon span.salon-app{
    background-position: 0 -50px;
}
.ddp-icon span.fitness-app{
    background-position: 0 -75px;
}
.ddp-icon span.music-app {
    background-position: 0 -100px;
}
.ddp-icon span.education-app {
    background-position: 0 -125px;
}
.ddp-icon span.fantasy-app {
    background-position: 0 -150px;
}
.ddp-icon span.video-strem{
    background-position: 0 -175px;
}
.ddp-icon span.matrimonial-app {
    background-position: 0 -200px;
}
.ddp-icon span.hotel-app {
    background-position: 0 -225px;
}
.ddp-icon span.milk-del {
    background-position: 0 -250px;
}
.ddp-icon span.sports-betting {
    background-position: 0 -275px;
}
.ddp-icon span.news-app{
    background-position: 0 -300px;
}
.ddp-icon span.ev-app{
    background-position: 0 -325px;
}
.ddp-icon span.doctor-app{
    background-position: 0 -350px;
}
.ddp-icon span.courier-app{
    background-position: 0 -375px;
}
.ddp-icon span.messaging-app{
    background-position: 0 -400px;
}
.ddp-icon span.yoga-app{
    background-position: 0 -425px;
}
.ddp-icon span.influencer-app{
    background-position: 0 -450px;
}
.ddp-icon span.astrology-app{
    background-position: 0 -475px;
}
.ddp-icon span.fleet-app{
    background-position: 0 -500px;
}
.ddp-icon span.job-app{
    background-position: 0 -525px;
}
.ddp-icon span.franchise-app{
    background-position: 0 -550px;
}
.ddp-icon span.trading-app{
    background-position: 0 -575px;
}
.ddp-icon span.ewallet-app{
    background-position: 0 -600px;
}
.ddp-icon span.tutor-booking{
    background-position: 0 -625px;
}
.ddp-icon span.lawyer-app{
    background-position: 0 -650px;
}
.ddp-icon span.carwash-app{
    background-position: 0 -675px;
}
.ddp-icon span.medicine-app{
    background-position: 0 -700px;
}
.ddp-icon span.lifestyle-app{
    background-position: 0 -725px;
}
.ddp-icon span.agtech-app{
    background-position: 0 -750px;
}
.ddp-icon span.aviation-app{
    background-position: 0 -775px;
}
.ddp-icon span.laundry-app{
    background-position: 0 -800px;
}
.ddp-icon span.dating-app{
    background-position: 0 -825px;
}
.ddp-icon span.video-editing{
    background-position: 0 -850px;
}
.find-what-need{
    padding: 15px 30px;
    border-radius: 14px;
    background-color: #FFFEE4;
    margin-top: 15px;
    width: 92%;
}
.find-what-need-content{
    margin: 0;
}
.find-what-need-content .find-head{
    font-size: 20px;
    line-height: 28px;
}
.find-what-need-content .subtxt-find{
    font-size: 15px;
    padding-top: 8px;
    max-width: 260px;
}
.find-what-need-content .case-study-get-in-touch{
    position: static;
}
.find-what-need-content .case-study-get-in-touch a{
    border-radius: 38px;
    padding: 10px 40px;
}
.header-navigation ul li a:hover{
    color: #000;
}
.header-navigation ul li a:after {    
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background: #000;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.header-navigation ul li a:hover:after { 
    width: 100%; 
    left: 0; 
}
.header-navigation.industries ul li a:after{
    display: none;
}
.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: 24px;
    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: #FBF138;
}
#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;
}
/*Header End Here*/

/*Home Page Banner Start Here*/
.whitehall-ban{
    position: relative;
    background-color: #171717;
    overflow: hidden;
}
.whitehall-ban .ban-content{
    position: relative;
    height: 100vh;
    max-height: 960px;
    display: flex;
    align-items: center;
}
.whitehall-ban .ban-content .banleftv{
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}
.whitehall-ban .ban-content .banleftv .text-behind{
    position: absolute;
    left: 0;
    top: -10px;
    z-index: 1;
}
.whitehall-ban h1{
    position: relative;
    font-size: 80px;
    color: #fff;
    z-index: 2;
}
.whitehall-ban h1 span{
    padding-bottom: 4px;
}
.whitehall-ban h1 span.build-apps{
    position: relative;
    color: #FBF138;
}
.whitehall-ban h1 span.build-apps .shine-star{
    position: absolute;
    top: -30px;
    right: -40px;
}
.whitehall-ban h1 span.build-apps .shine-star img{
    width: 70px;
    height: auto;
}
.whitehall-ban h1 span.one-year{
    color: #FF8282;
}
.whitehall-ban p{
    max-width: 660px;
    font-size: 22px;
    line-height: 33px;
    color: #999999;
}
.rw-f-width{
    width: 100%;
}
.whitehall-ban .white-ban-btn-rw{
    margin-top: 50px;
}
.whitehall-ban a.get-touch-btn{
    position: relative;
    padding: 15px 32px;
    font-size: 21px;
    color: #000000;
    border-radius: 32px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    border: 1px solid #FBF138;
    background-color: #FBF138;
    transition: all 500ms linear;
}
span.common-get-arrow{
    position: relative;
    width: 24px;
    height: 25px;
    background: url(../images/submit-arrow.png) no-repeat;
    background-size: 48px 25px;
    background-position:-24px 0;
    margin-left: 12px;
    transition: all 300ms linear;
    display: inline-block;
}
.whitehall-ban a.get-touch-btn:hover span.common-get-arrow{
    background-position: 0 0;
}
span.common-explore-arrow{
    position: relative;
    width: 24px;
    height: 25px;
    background: url(../images/explore-arrow.png) no-repeat;
    background-size: 48px 25px;
    margin-left: 12px;
    background-position: -24px 0;
    transition: all 300ms linear;
}
.whitehall-ban a.get-touch-btn:hover span.common-explore-arrow{
    background-position: 0 0;
}
.whitehall-ban a.get-touch-btn.expolre-work{
    color: #fff;
    border: 1px solid #454545;
    margin-left: 20px;
    background-color: #454545;
}
.whitehall-ban a.get-touch-btn:hover{
    color: #FBF138;
    background-color: transparent;
}
.whitehall-ban a.get-touch-btn.expolre-work:hover{
    border-color:#FBF138;
    background-color: transparent;
}
.whitehall-ban a.get-touch-btn span.txt-button{
    display: inline-block;
    margin-left: 8px;
}
.whitehall-ban.slidenav a.get-touch-btn{
    margin-top: -30px;
}
#loading {
    -webkit-animation: 8s linear infinite rotation;
    animation: 8s linear infinite rotation;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.banner-whitehall-slider{
    position: absolute;
    bottom: 0;
    right: -240px;
}
.banner-whitehall-slider .bannerslidewrap{
    position: relative;
    z-index: 1;
}
.banner-whitehall-slider .bannerslidewrap img{
    width: 1146px;
}
.yellow-curve-line{
    position: absolute;
    top: -50px;
    left: -120px;
}
.whitehall-slider-content-wrap{
    position: absolute;
    top: 66px;
    left: -25px;
    z-index: 2;
    max-width: 1146px;
    overflow: hidden;
    height: auto;
}
.device-mobile-view{
    position: absolute;
    top: 0;
    left: -275px;
}
.whitehall-slider-content-box{
    width: 524px;
}
.whitehall-slider-content-box img{
    width: 100%;
    height: auto;
}
.owl-carousel.whitehall-owl-slider .owl-stage-outer{
    padding-left: 300px;
    padding-bottom: 80px;
}
.creative-people-row{
    padding: 40px 0;
    background-color: #FBF138;
}
.creative-people-box {
    display: flex;
    justify-content: space-between;
}
.creative-people-box .creative-star-bx{
    font-size: 28px;
    color: #484848;
    display: flex;
    align-items: center;
    margin: 0 50px;
}
.creative-people-box .creative-star-bx img{
    margin-right: 15px;
}
.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));
    }
}
/*Home Page Banner End Here*/

/*Some Our Recent Work Start Here*/
.some-recent-work{
    padding: 60px 0;
}
.recent-case-study {
    margin-top: 60px;
}
.whitehall-case-st-bx{
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    margin-bottom: 30px;
    aspect-ratio: 16/9;
}
.whitehall-case-st-bx.lifology{
    background: url(../images/whitehall-case-study1.webp) center center no-repeat;
    background-size: cover;
}
.whitehall-case-st-bx.daylyy {
    background: url(../images/whitehall-case-study2.webp) center center no-repeat;
    background-size: cover;
}
.whitehall-case-st-bx.albacars {
    background: url(../images/whitehall-case-study3.webp) center center no-repeat;
    background-size: cover;
}
.whitehall-case-st-bx.joshcam {
    background: url(../images/whitehall-case-study4.webp) center center no-repeat;
    background-size: cover;
}
.whitehall-case-st-bx.alignus {
    background: url(../images/whitehall-case-study5.webp) center center no-repeat;
    background-size: cover;
}
.pos-dim-black{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
     z-index: 1;
    background: linear-gradient(190deg, transparent 29.36%, #000 67.01%);
    background-color: transparent;
    opacity: 0 ;
    border-radius: 50px;
    transition: opacity .3s ease-out;
    z-index: 1;
}
.whitehall-case-st-bx:hover .pos-dim-black{
    opacity: .9;
}
.pos-dim{
    position: absolute;
    background-image: url(../images/hover_animated.webp);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    filter: blur(10px);
    left: 0;
    bottom: 140px;
    mix-blend-mode: screen;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    rotate: y 180deg;
    scale: 1.71 1.25;
    top: 0;
    transition: opacity .3s ease-out, visibility .3s ease-out;
    translate: -20% 10%;
    visibility: hidden;
    width: 100%;
    z-index: 2;
}
.whitehall-case-st-bx:hover .pos-dim{
    opacity: 0.5;
    visibility: visible;
}
.scalev{
    overflow: hidden;
    transition: all 300ms linear;
}
.whitehall-case-st-bx:hover .scalev{
    transform: scale(1.1);
}
.case-study-info{
    position: absolute;
    left: 40px;
    bottom: 40px;
    right: 40px;
    z-index: 5;
}
.case-study-info .desc-v{
    width: 100%;
}
.case-study-info .head-title{
    font-size: 32px;
    color: #fff;
    padding-bottom: 25px;
    max-width: 64%;
}
.case-study-info p{
    font-family: 'GilroyMedium';
    font-size: 20px;
    line-height: 36px;
    color: #fff;
}
.case-study-link{
    padding-top: 10px;
    margin-bottom: 35px;
}
.case-study-link a{
   font-size: 20px;
   display: inline-flex;
   color: #fff;
   text-decoration: none;
   align-items: center;
   transition: all 300ms linear;
}
.case-study-link a:hover{
    color: #FBF138;
}
.case-study-link span.case-study-arrow{
    width: 29px;
    height: 29px;
    background: url(../images/case-study-arrow.png) no-repeat;
    background-size: 29px 58px;
    margin-left: 15px;
    transition: all 300ms linear;
}
.case-study-link a:hover span.case-study-arrow{
    background-position: 0 -29px;
}
.case-study-keyword{
    padding-bottom: 10px;
}
.case-study-keyword .keywordrw{
    display: flex;
}
.case-study-keyword .keybox{
    font-family: 'GilroyMedium';
    padding: 10px 20px;
    font-size: 20px;
    color: #a2a3a3;
    border: 1px solid #2a2b2c;
    border-radius: 24px;
    transition: all 400ms linear;
    margin-right: 8px;
}
.whitehall-case-st-bx:hover .case-study-keyword .keybox{
    border: 1px solid #a2a3a3;
}
.case-study-get-in-touch{
    position: absolute;
    right: 40px;
    bottom: 50px;
     z-index: 5;
}
.case-study-get-in-touch a{
    position: relative;
    padding: 14px 24px;
    font-size: 18px;
    color: #000000;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    border: 1px solid #FBF138;
    background-color: #FBF138;
    transition: all 1000ms linear;
}
.case-study-get-in-touch a:hover{
    color: #fff;
    border: 1px solid #171717;
    background-color: #171717;
}
.case-study-get-in-touch a span.get-arrow{
    position: relative;
    top: 2px;
    width: 24px;
    height: 25px;
    background: url(../images/case-study-touch.png) no-repeat;
    background-size: 48px 25px;
    background-position: -24px 0;
    margin-left: 15px;
    transition: all 300ms linear;
}
.case-study-get-in-touch a:hover span.get-arrow{
    background-position: 0 0;
}
.mx-wd-img{
    max-width: 100%;
    height: auto;
}
.exp-our-work-btn .case-study-get-in-touch{
    position: static;
    text-align: center;
}
.fade-up {
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}
/*Some Our Recent Work End Here*/

/*Why Choose Whitehall for your next project*/
.choose-white-hall{
    padding: 10px 0 80px;
}
.exp-our-work-btn{
    padding-top: 25px;
}
.exp-our-work-btn .case-study-get-in-touch a{
    padding-left: 32px;
    padding-right: 32px;
}
.next-project-section{
    padding-top: 70px;
    max-width: 1300px;
    margin: auto;
}
.next-pro-top{
    margin-top: 30px;
}
.next-pro-digit-box{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0;
    border-radius: 36px;
    color: #000;
    box-shadow: -8px 4px 28.4px 0px #00000017;
}
.next-pro-digit-box.leftv{
    margin-right: 10px;
}
.next-pro-digit-box.righttv{
    margin-right: 10px;
}
.next-pro-digit-box .digit-num{
    font-size: 46px;
    margin-bottom: 15px;
}
.next-pro-digit-box .digit-lable{
    padding: 13px 24px 15px;
    font-size: 20px;
    display: flex;
    align-items: center;
    border-radius: 26px;
    display: inline-block;
    background-color: #F7F7F7;
}
.have-new-projects{
    position: absolute;
    bottom: 10px;
    left: 20px;
    right: 20px;
    padding: 20px 30px;
    border-radius: 16px;
    background-color: #000;
    box-shadow: -10.91px 11.69px 3.12px 0px #DBDBDB;
}
.have-new-projects .fit-logo{
    position: absolute;
    top: 0;
    right: -60px;
    bottom: 0;
    width: 60%;
    background: url(../images/have-logo.png) no-repeat;
    background-size: 80%;
}
.have-project-head{
    font-size: 30px;
}
.have-new-projects p{
    font-size: 14px;
    line-height: 20px;
}
.have-new-projects .case-study-get-in-touch{
    position: static;
    margin-top: 20px;
}
.next-projects-design{
    position: relative;
}
.next-projects-design .best-dev{
   position: absolute;
   top: 183px;
   right: 20px;
}
.next-projects-design .best-ux{
   position: absolute;
   bottom: 120px;
   left: 20px;
}
/*Why Choose Whitehall for your next project end*/

/*Our innovations are made possible through the generous support of our investors Start*/
.wth-innovations{
    padding-bottom: 80px;
    padding-top: 20px;
}
.wth-innovations .marquee {
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
    max-width: 1300px;
    margin: auto;
    margin-top: 70px;
}
.wth-innovations .marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: portfolio-brands-scroll var(--duration-port) linear infinite;
}
.wth-innovations .logo-brands {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
 .wth-innovations .brans-port-sc img{
    height: 80px;
    filter: grayscale(100%);
 }
@keyframes portfolio-brands-scroll {
    from {
        transform: translateX(var(--scroll-start-port));
    }
    to {
        transform: translateX(var(--scroll-end-port));
    }
}
.fade-left-effets,.fade-right-effets {
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}
.fade-left-effets {
    left: 0;
    background: linear-gradient(to right, white 0%, transparent 100%);
}
.fade-right-effets {
    right: 0;
    background: linear-gradient(to left, white 0%, transparent 100%);
}
.wth-innovations .case-study-get-in-touch{
    position: static;
    margin-top: 70px;
}
/*Our innovations are made possible through the generous support of our investors End*/

/*Our Work Process Start Here*/
.our-work-process{
    padding: 60px 0;
    background-color: #000;
}
.our-work-process .work-process-head{
    padding: 14px 28px;
    border-radius: 36px;
    font-size: 21px;
    display: inline-block;
    border: 1px solid #fff;
    margin-bottom: 20px;
}
.process-btn-row{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.process-btn-row img{
    margin: 0 10px;
}
.work-process-consultation-box{
    padding: 40px 0;
    background-color: #F7F7F7;
    overflow: hidden;
    transition: all 500ms linear;
}
.work-process-consultation-box:hover {
    max-height: 320px;
}
.work-process-consultation-box.idea:hover{
    background-color: #fffeea;
}
.work-process-consultation-box.research:hover{
    background-color: #b4e7ff;
}
.work-process-consultation-box.wireframing:hover{
    background-color: #c4ffe8;
}
.work-process-consultation-box.visual:hover{
    background-color: #ffe1f5;
}
.work-process-consultation-box.development:hover{
    background-color: #ade0ff;
}
.work-process-consultation-box.support:hover{
    background-color: #ffe2c9;
}
.work-process-consultation-content{
    position: relative;
    display: flex;
    color: #000;
    align-items: center;
    justify-content: center;
}
.work-process-consultation-content .rw-num{
    position: absolute;
    top:50px;
    left: 0px;
    font-size: 30px;
    color: #000;
}
.work-process-consultation-head{
    font-size: 50px;
}
.work-process-consultation-content ul{
    display: flex;
    margin-top: 30px;
}
.work-process-consultation-content ul li{
    font-size: 22px;
    color: #000;
    margin: 0 20px;
}
.work-process-consultation-content ul li::marker {
   color: #5C5C5C; 
}
.work-process-consultation-content .case-study-get-in-touch{
    position: static;
    opacity: 0;
    pointer-events: none; 
    max-height: 0;
    overflow: hidden;
    transition: max-height 500ms linear;
}
.work-process-consultation-box:hover .case-study-get-in-touch{
    opacity: 1;
    pointer-events: auto;
    max-height: 60px; 
}
.consultation-but-row{
    margin-top: 30px;
}
/*Our Work Process End Here*/

/*Our Services Start Here Start Here*/
.whitehall-services{
    padding-top: 80px;
}
.what-need-btn{
    padding: 12px 28px;
    font-size: 18px;
    color: #282828;
    border-radius: 24px;
    border: 1px solid #000;
    display: inline-block;
}
.service-head{
    font-size: 60px;
    color: #282828;
    padding-top: 20px;
    padding-bottom: 10px;
}
.whitehall-services .short-des{
    font-size: 20px;
    line-height: 32px;
    color: #5E697F;
}
.whitehall-services-features{
    max-width: 1440px;
    margin: auto;
    margin-top: 60px;
}
.whitehall-services-features a{
    color: #000;
    text-decoration: none;
}
.whitehall-services-features-content{
    display: flex;
    margin-bottom: 50px;
}
.whitehall-services-features-content .logobx{
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 4px 13.3px 0px #0000000D;
    margin-right: 30px;
}
.whitehall-services-features-content .dev-ser-content{
    width: calc(100% - 100px);
    padding-left: 10px;
    margin-top: 10px;
}
.whitehall-services-features-content .dev-ser-content .title-heads{
    font-size: 22px;
    padding-bottom: 15px;
}
.whitehall-services-features-content .dev-ser-content p{
    font-size: 16px;
    line-height: 26px;
    color: #5E697F;
    min-height: 80px;
}
.whitehall-services-features-content .plugin-btn{
    border-radius: 32px;
    color: #fff;
    font-size: 14px;
    padding: 8px 16px;
    background-color: #FF9933;
    display: inline-block;
}
.whitehall-services-features-content .plugin-btn.extention{
    background-color: #FF5CA5;
}
.whitehall-services-features-content .plugin-btn.blue-col{
    background-color: #0061FF;
}
/*Our Services Start Here End Here*/

/*Testimonials Start Here*/
.testimonials-whitehall{
    padding-top: 40px;
    padding-bottom: 80px;
}
.testimonials-whitehall .testimonials-btn {
  padding: 14px 28px;
  font-size: 24px;
  color: #282828;
  border-radius: 32px;
  border: 1px solid #000;
  display: inline-block;
  margin-bottom: 30px;
}
.testimonials-slider-wrap{
    padding-top: 80px;
}
.wrapmxwd.testibox{
    padding-right: 0;
}
.testimonials-content{
    position: relative;
    padding: 30px 30px 120px 30px;
    border-radius: 40px;
    background-color: #F7F7F7;
}
.testimonials-content.video-testi{
    width: 100%;
    background: url(../images/ceo-austion.webp) no-repeat;
    background-size: cover;
}
.video-test-overlay{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 40px;
    background-color: rgba(0,0,0,0.3);
}
.video-click{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    background: #D9D9D98C;
    backdrop-filter: blur(15.704111099243164px);
    z-index: 1;
}
.click-inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.testimonails-footer-row{
    position: absolute;
    bottom: 30px;
    right: 30px;
    left: 30px;
}
.testimonials-content.video-testi .testimonails-footer-row{
    z-index: 1;
}
.testimonials-owner-pro{
    width: 70px;
    margin-bottom: 20px;
}
.testimonials-content.video-testi .testimonials-owner-pro{
    position: relative;
    z-index: 1;
}
.testimonials-owner-pro img{
    width: 100%;
    border-radius: 50%;
    height: auto;
}
.testimonials-content p{
    font-size: 20px;
    line-height: 32px;
}
.testimonials-content .author{
    font-family: "Dancing Script", cursive;
    font-size: 33px;
    font-weight: 400;
}
.testimonials-content .desination{
    font-size: 21px;
    color: #8A8A8A;
    padding-top: 12px;
}
.owl-carousel.testimonials-owl-slider .owl-stage{
    display: flex;
}
.owl-carousel.testimonials-owl-slider .item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.owl-carousel.testimonials-owl-slider .owl-nav.disabled,.owl-carousel.testimonials-owl-slider .owl-nav{
    display: block;
}
.owl-carousel.testimonials-owl-slider .owl-nav{
    position: absolute;
    top: -150px;
    right: 80px;
}
.owl-carousel.testimonials-owl-slider .owl-nav button{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #FBF138;
    background-color: #FBF138;
    transition: all 300ms linear;
}
.owl-carousel.testimonials-owl-slider .owl-nav button:hover{
    border-color: #000;
    background-color: transparent;
}
.owl-carousel.testimonials-owl-slider .owl-nav button span{
    display: none;
}
.owl-carousel.testimonials-owl-slider .owl-nav button.owl-prev, .owl-carousel.testimonials-owl-slider .owl-nav button.owl-next{
    margin-right: 20px;
    background-image: url(../images/owl-slider-arrow.svg); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
 }
 .owl-carousel.testimonials-owl-slider .owl-nav button.owl-next{
    margin-right: 0px;
    transform: rotate(180deg);
 }
/*Testimonials End Here*/

/*Get in Touch Start Here*/
.whitehall-get-touch{
    position: relative;
    padding: 60px 0;
    background-color: #EFEFEF;
    background: url(../images/footer-form-back.webp) no-repeat;
    background-size: cover;
    overflow: hidden;
    height: auto;
}
.group-circle{
    position: absolute;
    top: -520px;
    left: -100px;
    width: 905px;
    height: 1769px;
    background: url(../images/group-circle.webp) no-repeat;
    background-size: 700px;
}
.get-touch-form{
    padding-top: 0px;
}
.contact-about-you{
    padding-right: 30px;
    height: 100%;
    display: flex;
    align-items: center;
}
.got-some-idea{
    font-size: 22px;
    color: #fff;
    padding-bottom: 25px;
}
.contact-about-you .get-touch-team{
    font-size: 60px;
    color: #fff;
}
.contact-about-you .get-touch-team span.yellow{
    color: #FBF138;
}
.contact-about-you .get-touch-team span.blk{
    display: block;
}
.contact-about-you img{
    margin-top: 30px;
    filter: grayscale(1);
}
.iti__arrow{
    border-top: 4px solid #fff;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #fff;
}
.whitehall-ban.contactuspgs {
  background-color: #171717;
}
.whitehall-ban.contactuspgs .fwddiv {
  max-width: 1920px;
  margin: auto;
  padding: 0 80px;
}
.whitehall-ban.contactuspgs .ban-content{
    padding-top: 120px;
    padding-bottom: 30px;
    display: block;
    height: auto;
    max-height: initial;
}
.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;
}
.intrested-submit-row{
    padding: 40px 0 20px 20px;
    display: flex;
    color: #fff;
    font-size: 26px;
    align-items: center;
    justify-content: center;
}
.intrested-submit-row a{
    margin-left: 20px;
    color: #FBF138;
    text-decoration: underline;
}
.intrested-submit-row a:hover{
    text-decoration: none;
}
.contact-us-head-ban{
    position: relative;
    z-index: 1;
}
.whitehall-ban.contactuspgs .contact-us-head-ban h1{
    font-size: 80px;
    color: #FBF138;
    padding-bottom: 40px;
}
.contact-us-head-ban h1 span{
    color: #fff;
    display: block;
}
.contact-us-head-ban .pdbtmrow{
    padding-bottom: 30px;  
}
 .contact-us-ban-video{
    position: absolute;
    left: -80px;
    bottom: -100px;
}
 .contact-us-ban-video video{
    width: 100%;
 }
 .video-up-overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(359.37deg, rgba(23, 23, 23, 0) 2.21%, #171717 99.47%);
 }
 .speak-our-team{
    padding: 80px 0 100px;
 }
 .speak-our-team-content{
    padding-top: 50px;
 }
 .speak-our-team-content-box{
    padding: 80px 50px;
    background-color: #F6F6F6;
 }
.speak-our-team-content-box .iconrws{
    margin-bottom: 30px;
}
.speak-our-team-content-box .write-mail{
    font-size: 32px;
}
.speak-our-team-content-box .mailus{
    margin-top: 10px;
    font-size: 32px;
}
.speak-our-team-content-box .mailus a{
    color: #000;
    text-decoration: underline;
}
.speak-our-team-content-box .mailus a.no-underlone,.speak-our-team-content-box .mailus a:hover{
    text-decoration: none;
}
.get-idea-validate{
    padding: 100px 0;
    background: url(../images/get-idea-validate.webp) no-repeat;
    background-size: cover;
}
.get-idea-validate-content{
    margin: 0 100px;
    display: flex;
}
.honest-opinion-wrap{
    position: relative;
    width: 502px;
}
.get-idea-validate-content-des{
    padding-top: 40px;
    width: calc(100% - 502px);
}
.get-idea-validate-content-desbx{
    margin-left: 100px;
}
.get-idea-validate-content-des h2{
    color: #fff;
}
.get-idea-validate-content-des h2 span{
    color: #FBF138
}
.get-idea-validate-content-des .book-txt{
    font-size: 25px;
    padding: 30px 0;
}
.get-idea-validate-content-des .case-study-get-in-touch{
    position: static;
    margin-top: 15px;
}
.get-idea-validate-content-des .case-study-get-in-touch a{
    font-size: 24px;
    border-radius: 48px;
    padding: 16px 70px;
}
.get-idea-validate-content-des .case-study-get-in-touch a:hover{
    border-color: #fff;
    background-color: transparent;
}
.honest-opinion-bx{
    position: absolute;
    left: 0;
    right: 20px;
    top: 0;
}
.honest-opinion-bx .whitehall-yellow-logo{
    position: absolute;
    left: 30px;
    top: 40px;
}
.honest-opinion-bx img{
    width: 100%;
    height: auto;
}
.hearts-settle{
    padding-top: 140px;
    margin: 0 100px;
}
.hearts-settle-content{
    margin-top: 100px;
}
.hearts-settle-contentbx{
    display: flex;
}
.hearts-settle-contentbx .logoview{
    width: 300px;
    border-radius: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FBFBFB;
}
.hearts-settle-contentbx .company-address{
    width: calc(100% - 300px);
}
.hearts-settle-contentbx .company-addressbx{
    padding: 60px 50px;
    border-radius: 42px;
    margin-left: 40px;
    background-color: #FFFEF3;
}
.company-addressbx .head-titles{
    font-size: 34px;
    padding-bottom: 20px;
}
.company-addressbx .add-show{
    font-size: 24px;
    line-height: 36px;
}
.company-addressbx .case-study-get-in-touch{
    position: static;
    text-align: right;
}
.company-addressbx .case-study-get-in-touch a{
    font-size: 24px;
    border-radius: 48px;
    padding: 16px 70px;
}
/*Get in Touch End Here*/

/*Footer Start Here*/
.whitehall-footer-wrap{
    padding: 60px 0;
}
.whitehall-footer{
    padding: 40px 60px;
    border-radius: 56px;
    background-color: #F7F7F7;
}
.whitehall-footer .footer-content{
    position: relative;
}
.footer-content .footer-nav-box{
    margin: 0;
}
.footer-content .footer-nav-box .title-head{
    font-size: 26px;
    color: #4D4D4D;
}
.footer-content .footer-nav-box ul{
    margin: 0;
    padding: 20px 0 0 0;
}
.footer-content .footer-nav-box ul li{
    list-style: none;
}
.footer-content .footer-nav-box ul li a{
    position: relative;
    padding: 10px 0;
    color: #373737;
    font-size: 18px;
    text-decoration: none;
    display: inline-block;
    transition: all 300ms ease;
    word-break: break-all;
}
.footer-content .footer-nav-box ul li{
     font-size: 18px;
}
.footer-content .footer-nav-box ul li.wticon a{
    display: flex;
    align-items: center;
}
.footer-content .footer-nav-box ul li.wticon{
    display: flex;
    align-items: self-start;
}
.footer-content .footer-nav-box ul li.wticon a img,.footer-content .footer-nav-box ul li.wticon img{
    width: 22px;
    height: auto;
    margin-right: 10px;
}
.footer-content .footer-nav-box ul li.wticon:last-child{
    padding-top: 10px;
    line-height: 20px;
}
.footer-content .footer-nav-box ul li a:after,.footer-content .connectrw a:after {    
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background: #373737;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.footer-content .footer-nav-box ul li a:hover:after,.footer-content .connectrw a:hover:after { 
    width: 100%; 
    left: 0; 
}
.footer-content .footer-nav-box ul li.wticon a:hover:after{
    left: 30px;
    width: calc(100% -30px);
}
.footer-content .footer-nav-box .social-media-bx ul li.linkedin a:hover:after{
    left: 50px;
    width: 70px;
}
.footer-content .footer-nav-box .social-media-bx ul li.facebook a:hover:after{
    left: 50px;
    width: 90px;
}
.footer-content .footer-nav-box .social-media-bx ul li.instagram a:hover:after{
    left: 50px;
    width: 90px;
}
.footer-content .footer-nav-box .social-media-bx ul li.twitter a:hover:after{
    left: 50px;
    width: 60px;
}
.footer-content .connectbx{
    padding-top: 30px;
}
.footer-content .connectrw{
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.footer-content .connectrw img{
    width: 24px;
    height: auto;
    margin-right: 20px;
}
.footer-content .connectrw a{
    position: relative;
    color: #000;
    font-size: 18px;
    padding: 3px 0;
    text-decoration: none;
    display: inline-block;
    transition: all 300ms ease;
}
.footer-content .social-media-bx{
    margin-top: 20px;
}
.footer-content .social-media-bx ul{
    margin: 0;
    padding: 0;
}
.footer-content .social-media-bx ul li{
    list-style: none;
}
.footer-content .social-media-bx ul li a{
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    color: #373737;
}
.footer-content .social-media-bx .sc-icon{
    width: 36px;
    margin-right: 15px;
}
.footer-content .social-media-bx .sc-icon img{
    width: 100%;
    height: auto;
}
.footer-content .social-media-bx a:hover{
    background-color: transparent;
}
.footer-content .social-media-bx a svg{
    width: 26px;
    height: auto;
}
.footer-content .social-media-bx a svg.instagram{
    width: 22px;
    height: auto;
}
.footer-content .social-media-bx a svg.x-social{
    width: 17px;
    height: auto;
}
.footer-content .social-media-bx a svg path,.footer-content .social-media-bx a svg ellipse,.footer-content .social-media-bx a svg circle{
    fill: #373737;
    transition: all 400ms linear;
}
.foot-col-wd-ch{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.foot-col-wd-ch-17{
    -ms-flex: 0 0 17%;
    flex: 0 0 17%;
    max-width: 17%;
}
.foot-col-wd-ch-23{
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
}
.whitehall-copyrt{
    padding-top: 30px;
    text-align: center;
    color: #373737;
    font-size: 16px;
    line-height: 26px;
}
.whitehall-footer-logo{
    padding-top: 60px;
    text-align: center;
}
.whitehall-footer-logo img{
    max-width: 100%;
}
.contact-us-section .iti--separate-dial-code .iti__selected-dial-code{
    color: #000;
}
.iti--separate-dial-code input, .iti--separate-dial-code input[type=tel]{
    text-align: left !important;
}
.iti{
    display: block;
}
.pd-from-mar{
    margin: 0;
}
.pd-from-pad{
    padding: 0;
}
.conversation-form-content {
    position: relative;
    z-index: 1;
}
.conversation-form-input-row {
    position: relative;
    margin-bottom: 15px;
}
.conversation-form-input-row .form-control{
    position: relative;
    padding: 13px 0;
    border: 0;
    height: auto;
    border-bottom: 1px solid #E0E0E033;
    border-radius: 0;
    font-size: 18px;
    color: #fff;
    box-shadow: none;
    background-color: transparent;
    z-index: 1;
}
.conversation-form-input-row.bdrshow{
    padding-bottom: 12px;
    border-bottom: 1px solid #E0E0E033;
}
.fileuploadrw label {
    width: 100%;
    border: 0;
    padding: 10px 0 18px;
    font-size: 18px;
    color: #0a0a0a;
    border-bottom: 1px solid #E0E0E033;
    outline: none;
    font-weight: normal;
    background-color: transparent;
    outline: none;
    letter-spacing: 0.25px;
    margin-bottom: 0;
}
.fileuploadrw label span {
    display: inline-block;
}
.fileuploadrw label:after {
    position: absolute;
    content: "";
    top: 6px;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(../images/attachment-icon.svg) center center no-repeat;
    background-size: 20px;
}
.fileuploadrw input[type="file"] {
    width: 100%;
    z-index: -1;
    position: absolute;
    opacity: 0;
    border: 0;
    outline: none;
}
.conversation-form-input-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 label span{
    color: #ff0000;
}
.atach-file-txt,#file-upload-filename{
    color: #fff !important;
}
.conversation-form-input-row .form-control:focus~label.imp-label,
.conversation-form-input-row .form-control.has-content~label.imp-label {
    top: -5px;
    font-size: 13px;
    color: #FBF138;
    transition: 0.3s;
}
.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 .form-control::-webkit-input-placeholder {
    color: #fff
}
.conversation-form-input-row .form-control:-moz-placeholder {
    color: #fff;
    opacity: 1
}
.conversation-form-input-row .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1
}
.conversation-form-input-row .form-control:-ms-input-placeholder {
    color: #fff
}
.conversation-form-input-row .form-control::-ms-input-placeholder {
    color: #fff;
}
.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;
}
.conversation-form-input-row + .error,.conversation-form.contactpgs .robotbx .error{
    padding-top: 5px;
    color: #fd4343;
    display: none;
}
.conversation-form.contactpgs .robotbx .captchsec{
    padding-bottom: 8px;
}
.robotbx{
    margin: 0;
    padding-top: 15px;
}
.captchsec{
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
}
.captchtext {
    margin: 0px 20px;
}
.captchsec input {
    padding: 8px 0px;
    font-size: 18px;
    border-radius: 10px;
    outline: 0;
    color: #fff;
    border: 0;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid #E0E0E033;
    min-width: 80px;
    text-align: center;
}
.form-submit{
    padding: 14px 24px;
    font-size: 21px;
    color: #000000;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    border: 1px solid #FBF138;
    background-color: #FBF138;
    transition: all 500ms linear;
    margin-top: 10px;
}
.form-submit:hover{
    color: #FBF138;
    background-color: transparent;
}
.form-submit span.get-arrow {
  width: 24px;
  height: 25px;
  background: url(../images/submit-arrow.png) no-repeat;
  background-size: auto;
  background-size: 48px 25px;
  margin-left: 15px;
  transition: all 300ms linear;
  background-position: -24px 0;
}
.form-submit:hover span.get-arrow{
    background-position: 0 0px;
}
/*Footer End Here*/

/*Portfolio Page Start Here*/
.whitehall-ban.portfoliopg .ban-content{
    display: block;
    background-color: #000;
}
.whitehall-ban.portfoliopg .ban-content .fwddiv{
    position: relative;
    padding-top: 120px;
    z-index: 1;
}
.whitehall-ban.portfoliopg h1{
    font-size: 70px;
    color: #fff;
}
.whitehall-ban.portfoliopg h1 span{
    color: #FBF138;
}
.whitehall-ban.portfoliopg p{
    max-width: 920px;
    margin: auto;
    font-size: 23px;
    line-height: 36px;
}
.portfolio-work-btn{
  padding: 14px 28px;
  border-radius: 36px;
  font-size: 21px;
  display: inline-block;
  color: #fff;
  border: 1px solid #fff;
  margin-bottom: 20px;
}
.get-touch-link-team{
    padding-top: 20px;
    text-align: center;
}
.get-touch-link-team a{
    position: relative;
    color: #FBF138;
    font-size: 23px;
    text-decoration: none;
    display: inline-block;
}
.get-touch-link-team a:after {    
    background: none repeat scroll 0 0 transparent;
    bottom: -8px;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background: #FBF138;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.get-touch-link-team a:hover:after{ 
    width: calc(100% - 24px); 
    left: 0; 
}
.get-touch-link-team img{
    margin-left: 16px;
}
.portfolio-video{
    max-width: 1920px;
    margin: auto;
    margin-top: -280px;
}
.portfolio-video video{
    width: 100%;
    height: auto;
}
.recent-case-study.portpg{
    margin-top: 0;
}
.whitehall-join-league{
    position: relative;
    background-color: #EFEFEF;
    background: url(../images/footer-form-back.webp) no-repeat;
    background-size: cover;
    height: 700px;
    margin-bottom: 30px;
}
.whitehall-join-league .wrapmxwd{
    height: 100%;
}
.rw-height-100{
    height: 100%;
}
.col-45 {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
}
.col-55 {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
}
.whitehall-join-league-half-grey{
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 100%;
    background-color: #f6f6f6;
}
.whitehall-join-league-content{
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 40px;
}
.des-tooltip-btn{
    position: absolute;
    top: 80px;
    right: -100px;
    z-index: 3;
}
.whitehall-join-league-title{
    font-size: 60px;
    color: #fff;
}
.whitehall-join-league-title span{
    color: #FBF138;
}
.whitehall-join-league-nor-txt{
    font-size: 26px;
    padding-top: 30px;
}
.whitehall-join-league-content .case-study-get-in-touch{
    position: static;
    margin-top: 35px;
}
.whitehall-join-league-video{
    position: relative;
    z-index: 2;
    height: 100%;
    overflow: hidden;
}
.video-container {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.video-container.visible {
  opacity: 1;
}
.whitehall-video-btm-logo{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 20px;
    width: 35%;
    height: 70px;
    border-radius: 20px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #171717;
}
.whitehall-video-btm-logo img{
    width: 150px;
}
.dev-tooltip-btn{
    position: absolute;
    bottom: 130px;
    right: -30px;
    z-index: 3;
}
.whitehall-join-league-video video{
    height: 700px;
}
.white-hall-leage-logo{
    padding: 18px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    border: 2px solid #fff;
    margin-bottom: 40px;
}
.white-hall-leage-logo img{
    width: 130px;
    height: auto;
}
/*Portfolio Page End Here*/

/*Services Page Start Here*/
.faqsection{
    padding: 70px 0 60px 0;
    background: linear-gradient(180deg, #F3F3F7 0%, #FFFFFF 100%);
}
.faqsection .faqsection-content{
    margin-top: 50px;
}
.faq-35{
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%
}
.faq-65{
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%
}
.faqsection .card{
    border-radius: 19px !important;
    border: 1px solid #D1D1D1 !important;
    background-color: #fff;
    margin-bottom: 20px;
}
.faqsection .card-header{
    padding: 30px 0;
    border: 0;
    background-color: transparent;
}
.faqsection .btn-link{
    font-family: 'GilroySemiBold';
    position: relative;
    font-size: 28px;
    color: #000;
    box-shadow: none;
    padding-left: 50px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    text-decoration: none;
    padding-right: 150px;
    transition: all 300ms linear;
}
.faqsection .btn-link.collapsed{
    color: #000;
}
.faqsection .card-body{
    padding-top: 0;
    padding-left: 50px;
    padding-right: 110px;
    padding-bottom: 10px;
}
.faqsection .card-body p{
    font-size: 21px;
    line-height: 34px;
}
.plusminus {
    position: absolute;
    top: 0px;
    right: 20px;
    width:54px;
    height:54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background-color: #FBF138;
}
.faqsection .btn-link .plusminus img{
    transform: rotate(0deg);
    transition: all 400ms linear;
}
.faqsection .btn-link.collapsed .plusminus img{
    transform: rotate(180deg);
}
.do-have-question-box{
    padding: 40px 30px 60px 30px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    background-color: #FBF138;
}
.hv-q-head{
    font-size: 40px;
    padding-left: 15px;
}
.quest-group{
    margin-bottom: 15px;
}
.quest-group img{
    width: 140px;
}
.shot-mail{
    margin-top: 70px;
}
.shot-mail .case-study-get-in-touch,.whitehall-perfect-solution .case-study-get-in-touch{
    position: static;
}
.shot-mail .case-study-get-in-touch a{
    font-size: 24px;
    color: #fff;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 40px;
    min-width: 400px;
    display: flex;
    justify-content: center;
    border: 1px solid #000;
    background-color: #000;
}
.shot-mail .case-study-get-in-touch a:hover{
    color: #000;
    background-color: transparent;
}
.shot-mail .case-study-get-in-touch a span.get-arrow{
    background-position: 0 0;
}
.shot-mail .case-study-get-in-touch a:hover span.get-arrow{
    background-position: -24px 0;
}
.whitehall-perfect-solution{
    padding: 40px 30px 60px 30px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    background: url(../images/have-logo.png) right 90% no-repeat #000;
    background-size: 60%;
}
.whitehall-perfect-logo{
    margin: 20px 0 30px;
}
.whitehall-perfect-solution .case-study-get-in-touch{
    margin-top: 80px;
}
.whitehall-perfect-solution .case-study-get-in-touch a{
    font-size: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 40px;
    min-width: 400px;
    display: flex;
    justify-content: center;
}
.whitehall-perfect-solution .case-study-get-in-touch a:hover{
    border-color: #fff;
}
.why-choose-whitehall{
    padding-top: 100px;
    padding-bottom: 100px;
}
.why-choose-dev{
    position: sticky;
    top: 100px;
    margin-right: 30px;
}
.why-choose-dev .case-study-get-in-touch{
    position: static;
    margin-top: 60px;
}
.why-choose-dev h2{
    padding-bottom: 30px;
}
.why-choose-dev .case-study-get-in-touch a{
    font-size: 24px;
    padding: 16px 70px;
    border-radius: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.why-choose-whitehall-features-box{
    margin-left: 50px;
}
.why-choose-whitehall.phase-zero .why-choose-whitehall-features-box{
   margin-top: 170px;
}
.rendring-design{
    position: absolute;
    top: -100px;
    right: -10px;
}
.rendring-design img{
    width: 440px;
    height: auto;
}
.pos-rw-rel{
    position: relative;
}
.why-choose-yellow-box{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    padding: 60px 0;
    background-color: #FBF138;
}
.why-choose-yellow-box img{
    width: 400px;
}
.why-choose-whitehall-features-box .faqsection {
  margin-top: 50px;
  padding: 0;
  background: none;
}
.why-choose-whitehall-features-box  .faqsection .card{
    border: 0 !important;
    background-color: #FBFBFB;
}
.trustworthy-section{
    position: relative;
    padding: 120px 0 100px;
    background-color: #000;
    overflow: hidden;
}
.trustworthy-circle-glow{
    position: absolute;
    top: -700px;
    left: 50%;
    width: 1100px;
    height: 1100px;
    border-radius: 50%;
    background-color: #FBF138;
    filter: blur(400px);
    opacity: 0.2;
    transform: translate(-50%);
}
.trustworthy-whitehall-logo{
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translate(-50%);
}
.trustworthy-whitehall-logo img{
    width: 960px;
}
.trustworthy-section h2{
    position: relative;
    color: #fff;
    z-index: 1;
}
.trustworthy-section h2 span{
    color: #FBF138;
}
.trustworthy-content{
    position: relative;
    padding-top: 110px;
    z-index: 1;
}
.trustworthy-ban{
    position: relative;
    text-align: center;
}
.trustworthy-ban img{
    width: 100%;
}
.trustworthy-ban .trlogo{
    position: absolute;
    top: 40px;
    left: 40px;
}
.trustworthy-ban .trlogo img{
    width: 160px;
}
.trustworthy-des{
    max-width: 70%;
}
.trustworthy-des p{
    line-height: 36px;
    color: #CBCBCB;
    margin-bottom: 30px;
}
.trustworthy-des .case-study-get-in-touch{
    position: relative;
    right: auto;
    bottom: auto;
    z-index: initial;
    margin-top: 80px;
}
.trustworthy-des .case-study-get-in-touch a{
    padding: 16px 70px;
    font-size: 24px;
    border-radius: 48px;
}
.blur-on-hover{
    position: absolute;
    left: 0;
    top: -115px;
    right: 0;
    height: 80px;
    transform: rotate(-180deg);
    background: linear-gradient(182.04deg, #000000 1.72%, rgba(0, 0, 0, 0.58) 98.28%);
}
.unleash-wrap{
    position: relative;
    padding: 120px 0 60px;
    background-color: #000;
    overflow: hidden;
}
.unleash-wrap h2,.unleash-wrap h2 + .row p{
    position: relative;
    color: #fff;
     z-index: 1;
}
.unleash-wrap h2 span{
    color: #FBF138;
}
.unleash-wrap-content{
    position: relative;
    margin-top: 110px;
    z-index: 1;
}
.unleash-wrap-content-box{
    padding: 50px 30px 60px 30px;
    border-radius: 16px;
    color: #fff;
    height: calc(100% - 50px);
    background: rgba(76, 76, 76, 0.35); 
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 50px;
}
.unleash-wrap-content-box h4{
    font-size: 25px;
    line-height:38px;
    padding-bottom: 25px;
}
.unleash-wrap-content-box p{
    font-size: 19px;
    line-height: 32px;
}
.spin-wheel{
    margin-top: 70px;
    margin-right: 80px;
}
.spin-wheel img{
    max-width: 100%;
}
.why-choose-dev.decsp h2{
    padding-bottom: 10px;
}
.focus-android-app-box{
    color: #000;
    margin-bottom: 80px;
    margin-left: 60px;
}
.focus-android-app-head{
    font-size: 28px;
    padding-bottom: 30px;
}
.focus-android-app-box p{
    max-width: 85%;
}
.why-suggest-services{
    position: relative;
    padding: 100px 0;
    background-color: #000;
    overflow: hidden;
    height: auto;
}
.why-suggest-services .wrapmxwd{
    position: relative;
    z-index: 1;
}
.why-suggest-services .trustworthy-circle-glow{
    left: -300px;
    top: -400px;
    width: 1000px;
    height: 1000px;
    transform: none;
}
.why-suggest-services h2 span{
    color: #FBF138;
}
.why-suggest-slider-content{
    margin-top: 100px;
}
.wrapmxwd.rtpadzeo{
    padding-right: 0;
}
.why-suggest-slidebx{
    padding: 50px 30px 60px 30px;
    border-radius: 20px;
    color: #fff;
    margin: 0 5px;
    background: rgba(76, 76, 76, 0.35); 
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.why-suggest-slidebx .iconbx{
    margin-bottom: 40px;
}
.why-suggest-slidebx .iconbx img{
    width: 56px;
    height: auto;
}
.suggest-slide-head{
    font-size: 28px;
    padding-bottom: 40px;
}
.why-suggest-slidebx p{
    font-size: 19px;
    line-height: 32px;
}
.owl-carousel.services-owl-slider .owl-stage{
    display: flex;
}
.owl-carousel.services-owl-slider .item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.why-suggest-services .case-study-get-in-touch{
    position: static;
}
.why-suggest-services .case-study-get-in-touch a{
    padding: 16px 70px;
    font-size: 24px;
    border-radius: 48px;
    margin-top: 40px;
}
.suggest-behind-logo{
    position: absolute;
    top: -40px;
    left: 60px;
    z-index: -1;
}
.suggest-behind-logo img{
    width: 1000px;
}
.capture-victory{
    padding: 80px 0;
}
.capture-victory-content{
    max-width: 1500px;
    margin: auto;
    margin-top: 100px;
}
.capture-victory-ban{
    position: relative;
    margin-right: 30px;
}
.capture-victory-ban .wtlogo-top{
    position: absolute;
    top: 40px;
    left: 40px;
}
.capture-victory-ban img{
    max-width: 100%;
}
.capture-victory-description{
    margin-left: 80px;
}
.blur-on-hover-white {
  position: absolute;
  left: 0;
  top: -132px;
  right: 0;
  height: 90px;
  transform: rotate(-180deg);
  background: linear-gradient(182.04deg, #FFFFFF 1.72%, rgba(255, 255, 255, 0.4) 98.28%);
}
.common-wide-btn{
    position: relative;
    right: auto;
    bottom: auto;
    z-index: initial;
}
.common-wide-btn.case-study-get-in-touch a{
    padding: 16px 70px;
    font-size: 24px;
    border-radius: 48px;
}
.capture-victory-description .common-wide-btn.case-study-get-in-touch{
    margin-top: 70px;
}
.wth-innovations.services-pgs{
    padding-bottom: 0px;
}
.wth-innovations.services-pgs .marquee{
    margin-top: 50px;
}
.service-ban-hero{
    position: relative;
    text-align: right;
    margin-top: 90px;
}
.service-ban-hero img{
    max-width: 100%;
    display: inline-block;
}
.serv-deisgn-tooltip{
    position: absolute;
    top: 90px;
    left: 60px;
}
.serv-dev-tooltip{
    position: absolute;
    bottom: 150px;
    right: 120px;
}
.whitehall-ban.servicespgs .fwddiv{
    max-width: 1920px;
    margin: auto;
    padding-left: 80px;
}
.whitehall-ban.servicespgs{
    background-color: #000;
}
.whitehall-ban.servicespgs .sub-title{
    font-size: 28px;
    padding-bottom: 20px;
}
.whitehall-ban.servicespgs h1{
    font-size: 60px;
    color: #fff;
    padding-bottom: 25px;
}
.whitehall-ban.servicespgs h1 span{
    color: #FBF138;
}
.whitehall-ban.servicespgs .service-ban-content{
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}
.whitehall-ban.servicespgs p{
    position: relative;
    font-size: 22px;
    color: #CACACA;
    line-height: 36px;
    max-width: 700px;
    z-index: 1;
}
.whitehall-ban.servicespgs .case-study-get-in-touch{
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 1;
    margin-top: 50px;
}
.whitehall-ban.servicespgs .case-study-get-in-touch a{
    padding: 16px 70px;
    font-size: 24px;
    border-radius: 48px;
}
.whitehall-ban.servicespgs .case-study-get-in-touch a:hover{
    border-color: #fff;
}
.shadow-txt-visible-ban{
    position: absolute;
    left: 0;
    bottom: 90px;
    height: 260px;
}
.shadow-txt-visible-ban p{
    z-index: initial !important;
}
.shadow-txt-visible-ban span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(182.04deg, #000000 1.72%, rgba(0, 0, 0, 0.79) 98.28%);
}
/*Services Page End Here*/

/*Thank You Page Start Here*/
.whitehall-ban.contactuspgs.thankyoupg .contact-us-head-ban h1{
    position: relative;
    color: #fff;
    display: inline-block;
    padding-bottom: 30px;
}
.contact-us-head-ban h1 span.shine-star{
    position: absolute;
    top: -40px;
    right: -60px;
}
.whitehall-ban.contactuspgs.thankyoupg .ban-content{
    padding-top: 80px;
}
.whitehall-ban.contactuspgs.thankyoupg .text-behind{
    position: absolute;
    top: 50px;
    left: 0;
}
.whitehall-ban.contactuspgs.thankyoupg .contact-us-ban-video{
    position: relative;
    left: 0;
}
.whitehall-ban.contactuspgs.thankyoupg .contact-us-head-ban h3{
    font-size: 32px;
}
.whitehall-ban.contactuspgs.thankyoupg .contact-us-head-ban h3.hours-txt{
    color: #FBF138;
}
.whitehall-ban.contactuspgs.thankyoupg .contact-us-head-ban{
    display: flex;
    align-items: center;
    height: 100%;
}
.thanks-line{
    margin-bottom: 20px;
}
.robotbx .error{
    color: #fd4343;
    display: none;
}
.countrycode > .iti > .iti__flag-container{
     display: none;
}
/*Thank You Page End Here*/