@import url('box.min.css');
@import url('tab.min.css');
@import url('featured-success.min.css');
@import url('why-choose-us.min.css');
@import url('faq.min.css');

.day-night-switch{display: block !important;}
.home-intro-section{background: url(../images/home/banner-bg.webp) no-repeat left bottom; background-size: cover; min-height: 860px; position: relative; padding-top: 96px; overflow: hidden;}
.full-shade-effects1{position: absolute; left: 0; bottom: 0; pointer-events: none; width: 100%; height: 425px; background: linear-gradient(180deg, var(--mix-color-mix-gry-mix-0) 0%, var(--mix-color-mix-gry-mix-100) 100%); z-index: 1;}
.home-intro-section .col-md-6{display: flex;}
.home-intro-des{width: 100%; position: relative; z-index: 2; padding-top: 130px;}
.home-intro-img{width: 100%; text-align: center; position: relative; z-index: 1;}
.home-intro-line-list{position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none;}
.home-intro-line-list ul{display: flex; justify-content: space-between; gap: 40px; height: 100%; padding: 0px 100px;}
.home-intro-line-list ul li{height: 100%; width: 1px; position: relative;}
.home-intro-line-list ul li::before{content: ""; height: 100%; width: 1px; position: absolute; background: linear-gradient(180deg, var(--mix-color-mix-white-mix-0) 0%, var(--mix-color-mix-white-mix-100) 31.5%, var(--mix-color-mix-white-mix-100) 100%); opacity:15%;}
.home-intro-line-list ul li:after{content: ""; display: block; position: absolute; height: 30px; width: 100%; top: -50%; left: 0; background: linear-gradient(to bottom, rgba(255, 217, 0, 0) 0%, var(--primary-colors-orange) 75%, var(--primary-colors-orange) 100%); animation: run 8s infinite cubic-bezier(0.4, 0.26, 0, 0.97); opacity: 1;}
.home-intro-line-list ul li:nth-child(1)::after  { animation-delay: 0s; }
.home-intro-line-list ul li:nth-child(2)::after  { animation-delay: 0.7s; background: linear-gradient(to bottom, rgba(255, 217, 0, 0) 0%, var(--primary-colors-green) 75%, var(--primary-colors-green) 100%);}
.home-intro-line-list ul li:nth-child(3)::after  { animation-delay: 1.4s; background: linear-gradient(to bottom, rgba(255, 217, 0, 0) 0%, var(--primary-colors-blue) 75%, var(--primary-colors-blue) 100%);}
.home-intro-line-list ul li:nth-child(4)::after  { animation-delay: 2.1s; background: linear-gradient(to bottom, rgba(255, 217, 0, 0) 0%, var(--primary-colors-purple) 75%, var(--primary-colors-purple) 100%);}
.home-intro-line-list ul li:nth-child(5)::after  { animation-delay: 2.8s; background: linear-gradient(to bottom, rgba(255, 217, 0, 0) 0%, var(--primary-colors-pink) 75%, var(--primary-colors-pink) 100%);}
.home-intro-line-list ul li:nth-child(6)::after  { animation-delay: 3.5s; }
.home-intro-line-list ul li:nth-child(7)::after  { animation-delay: 4.2s; background: linear-gradient(to bottom, rgba(255, 217, 0, 0) 0%, var(--primary-colors-green) 75%, var(--primary-colors-green) 100%);}
.home-intro-line-list ul li:nth-child(8)::after  { animation-delay: 4.9s; background: linear-gradient(to bottom, rgba(255, 217, 0, 0) 0%, var(--primary-colors-blue) 75%, var(--primary-colors-blue) 100%);}
.home-intro-line-list ul li:nth-child(9)::after  { animation-delay: 5.6s; background: linear-gradient(to bottom, rgba(255, 217, 0, 0) 0%, var(--primary-colors-purple) 75%, var(--primary-colors-purple) 100%);}
.home-intro-line-list ul li:nth-child(10)::after { animation-delay: 6.3s; background: linear-gradient(to bottom, rgba(255, 217, 0, 0) 0%, var(--primary-colors-pink) 75%, var(--primary-colors-pink) 100%);}
.home-intro-line-list ul li:nth-child(11)::after { animation-delay: 7s; }
.home-intro-line-list ul li:nth-child(12)::after { animation-delay: 7.7s; background: linear-gradient(to bottom, rgba(255, 217, 0, 0) 0%, var(--primary-colors-green) 75%, var(--primary-colors-green) 100%);}
.home-intro-line-list ul li:nth-child(13)::after { animation-delay: 8.4s; background: linear-gradient(to bottom, rgba(255, 217, 0, 0) 0%, var(--primary-colors-blue) 75%, var(--primary-colors-blue) 100%);}
.home-intro-line-list ul li:nth-child(14)::after { animation-delay: 9.5s; background: linear-gradient(to bottom, rgba(255, 217, 0, 0) 0%, var(--primary-colors-purple) 75%, var(--primary-colors-purple) 100%);}
.light_theme .home-intro-line-list ul li:before{opacity:7%;}

.uae-hero-section{padding-top: 141px;}


.innovation-section{padding-top: 150px; padding-bottom: 30px; position: relative;}
.innovation-section .col-md-6{display: flex; align-items: center;}
.innovation-content-des{width: 100%;}
.innovation-img{width: 100%; text-align: center;}
.innovation-img img{width: 100%; object-fit: cover; border-radius: 146px;}
.innovation-content-des h2{color: var(--white-scale-900);}
.innovation-title{font-size: 75px; color: var(--primary-colors-purple);}
.innovation-content-des p{color: var(--black-scale-300); line-height: 30px;}
.innovation-shape-box{position: absolute; left: 0; bottom:15px; pointer-events: none;}
.shade-effects3{position: absolute; left: 0; top: 0; pointer-events: none;}
.shade-effects4{position: absolute; right: 0; top: 0; pointer-events: none;}


.award-list ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); gap: 24px;}
.award-box{background: var(--white-scale-200); border: solid 1px var(--white-scale-200); border-radius: 16px; overflow: hidden;}
.award-box figure{margin: 0; height: 204px; background: var(--white-scale-50); display: flex; align-items: center; justify-content: center;}
.award-box figcaption{padding: 15px; text-align: center; display: flex; flex-direction: column; gap: 10px;} 
.award-box figcaption p{color: var(--white-scale-800); line-height: 24px; margin: 0;}
.light_theme .award-box figure{background: var(--white-scale-800);}

.power-platform-section{position: relative;}
.power-platform-left{display: flex; flex-direction: column; gap: 50px; position: relative; z-index: 1;}
.power-platform-box{gap: 15px;}
.power-platform-box{background: var(--opacity-shade-white-white-200); border-radius: 16px; padding: 15px;}
.power-platform-box figure{width: 67px; flex:0 0 67px; height: 67px; border-radius: 8px; background: var(--opacity-shade-white-white-200); display: flex; align-items: center; justify-content: center;}
.power-platform-box figcaption{flex-direction: column; gap: 5px; display: flex; flex: 1;}
.power-platform-box figcaption p{color: var(--white-scale-500);}
.power-platform-middle{width: 100%; text-align: center; margin-top: -60px;}
.shape3{position: absolute; right: 0; top: 100px; pointer-events: none;}
.time-tested-section{position: relative;}
.shape4{position: absolute; right: 0; top: 300px; pointer-events: none;}

.development-process-services.service-list ul{grid-template-columns: repeat(auto-fill,minmax(400px,1fr));}
.development-process-services.service-list .service-box{flex-direction: row; align-items: center; gap: 15px;}
.development-process-services.service-list .service-box h5{margin: 0;}
.development-process-services.service-list .service-box h5 a{font-size: var(--h6-headline); font-weight: 400; color: var(--black-scale-300); font-family: var(--bold);}




.uae-hero-section{padding-left: 15px; padding-right: 15px; display: flex; align-items: center;}
.uae-hero-section-inner{background: url(../images/mobile-app-development-company-uae/form-bg.png) no-repeat left bottom; min-height: 871px; background-size: cover; width: 100%; display: flex; align-items: center;}
.uae-hero-section-inner .section-title-des .h1-headline,.uae-hero-section-inner .section-title-des .h6-headline,.uae-hero-section-inner .section-title-des .btn{color: var(--fix-color-white);}

.form-box{background: var(--opacity-shade-white-white-200); padding: 30px; border-radius: 16px;}
.form-box .form-control{background: var(--background-bg-block); border: solid 1px var(--white-scale-200); color: var(--white-scale-900); outline: none; box-shadow: none; border-radius: 5px !important;}
.form-box .intl-tel-input{width: 100%;}
.inner-cta-section{border-radius: 16px; padding: 30px;}
.form-box .intl-tel-input.separate-dial-code .selected-dial-code{color: var(--white-scale-900);}
.form-box .send-btn-form{width: 100%;}
.form-box .btn{width: 100%; background: var(--primary-colors-orange); text-transform: uppercase;}
.loader-inner{position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.5);}
.response{margin-top: 15px;}


.uae-hero-section-inner .section-title-des{padding-right: 50px;}



@media (max-width: 1400px){
.get-started-btn.pt-4{padding-top: 0 !important;}
.home-intro-img img{max-height: 625px;}
.home-intro-section{min-height: 720px;}
.innovation-title{font-size: 65px;}
.innovation-shape-box{display: none;}

.service-list ul{grid-template-columns: repeat(auto-fill, minmax(295px, 1fr));}
.shape2{display: none;}
.shape3{display: none;}
.innovation-section{padding-top: 80px;}
.clutch-review-left span{font-size: 65px;}
}


@media (max-width: 1306px) {

.clutch-review-left span{font-size: 50px;}
.clutch-review-left svg{width: 120px;}
.shape4{display: none;}
.uae-hero-section-inner .section-title-des{padding-right: 0;}

}

@media (max-width: 1023px) {
.home-intro-section{min-height: 485px;}
.innovation-title{font-size: 45px;}
.innovation-section .row{gap: 30px;}
.innovation-section .row > *{flex-shrink: 0; width: 100%; max-width: 100%;}
.innovation-section{padding-top: 30px;}
.industry-awards-head .row > *{flex-shrink: 0; width: 100%; max-width: 100%;}
.home-intro-des{padding-top: 45px;}
.home-intro-img img{max-height: 400px;}
.industry-awards-head .section-head{margin-bottom: 15px;}
.industry-awards-head{margin-bottom: 30px;}
.power-platform-section .row{gap: 15px;}
.power-platform-section .row > *{flex-shrink: 0; width: 100%; max-width: 100%;}
.power-platform-left{width: 100%; gap: 15px;}
.power-platform-left .power-platform-box{flex-direction: row-reverse;}
.power-platform-box figcaption{text-align: left !important;}
.power-platform-middle .power-platform-box{flex-direction: row;}
.power-platform-left.power-platform-right .power-platform-box{flex-direction: row;}
.power-ger-box{display: none;}
.power-platform-middle{margin: 0;}

.uae-hero-section{padding-top: 90px;}

}
    
@media (max-width: 767px){
.home-intro-des{padding-top: 15px;}
.innovation-content-des{padding-right: 0 !important;}
.innovation-title{font-size: 38px;}
.industry-demands-section .section-head{flex-wrap: wrap; gap: 15px;}
.new-solutions-list-box figure{display: none;}
.industry-demands-section.paddTB120{padding-top: 0;}
.award-list ul{grid-template-columns: repeat(auto-fill, minmax(151px, 1fr));}
.award-box figcaption p{display: none;}
.award-box figure{height: 145px;}
.new-solutions-left{padding-right: 0; margin-bottom: 15px;} 
.new-solutions-list ul{gap: 15px;}
.uae-hero-section .row{row-gap: 30px;}


.award-list ul li:last-child{grid-column: 1 / -1;}


}