/* header-main */
.header-main .logo-2{display: flex;}
.header-main {position: absolute;top: 0;right: 0;left: 0;background: transparent;border-bottom: 1px solid hsl(0deg 0% 100% / 9%);left: 0;width: 100%;}
.logo-1,
.header-main.sticky-header .logo-2{display: none;}
.header-main .nav-link {color: #ffffff !important;}
.header-main .nav-link::after{filter: brightness(0) invert(1);}
.header-main.sticky-header{background: var(--color-white);animation: slideDown 0.35s ease-out;position: fixed;box-shadow: 10px 9px 50px rgb(13 28 62 / 10%);}
.header-main.sticky-header .logo-1 {display: flex;}
.header-main.sticky-header .nav-link {color: var(--color-black) !important;}
.header-main.sticky-header .nav-link::after{filter: inherit;}
@keyframes slideDown { from { transform: translateY(-100%); } to { transform: translateY(0); }}
/* @import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap'); */
:root { --color-orange: #02A738; --theme-color : #00C2FF; --color-black : #191919; --light-bg-color : #F8F7F3; --border-color: #EAECF5;}
.bg-light-blue{background-color: var(--light-bg-color);}
.section-spacing { padding: 120px 0;}
.section-inner-head h2, .bold-title{ font-style: italic; color: var(--color-black);}
.section-inner-head h2{ font-weight: var(--fw-600); user-select: none;}
h2, .bold-title{ line-height: 53px;}
h3 {margin-bottom: 0; color: var(--color-black);}
.bold-title { font-size: var(--font-35); font-weight: 900;}
.section-inner-head h2 strong{ font-weight: 900 !important;}
.inner-subtitle { font-size: 20px; text-transform: uppercase; line-height: 33px; margin: 0 0 8px; font-weight: var(--fw-500); color: var(--color-green); letter-spacing: 5.6px; font-family: var(--font-sfprodisplay); }
.cta-btn { text-transform: capitalize; white-space: unset; text-align: start; border-radius: 5px; gap: 6px; font-family: SF Pro Display; font-weight: 500; font-size: 16px; line-height: 100%; letter-spacing: 1.28px; text-align: center; text-transform: uppercase; background-color: var(--color-orange); color: var(--color-white); padding: 12px 15px 12px 20px; min-height: 40px;}
.cta-btn:hover .green-icon{ background-color: transparent !important;}
.section-inner-head.mb-60{margin-bottom: 60px;}
.btn-green {padding-block: 15px; text-align: center;}
/* pink-btn-icon */
.yellow-btn-icon .cta-btn .green-icon { background-color: transparent; border: none; flex: 0 0 auto; background-image: url(../images/headerimages/next-arrow.webp); background-position: center !important; height: 26px; width: 26px; padding: 0px; border-radius: 0px; filter: brightness(0);}
.yellow-btn-icon .cta-btn:not(:hover) .green-icon{ filter: brightness(0) invert(1);}
.yellow-btn-icon .cta-btn::before, .yellow-btn-icon .cta-btn::after { background-color: var(--color-white);}
.yellow-btn-icon .cta-btn:hover { color: var(--color-black) !important;}
.yellow-btn-icon .cta-btn:hover .green-icon{ background-position: center !important;}
.yellow-btn-icon .cta-btn { margin: 50px 0 0; border: solid 2px var(--color-orange);}
.cta-btn.rounded-btn, .header-main .button-group .cta-btn{border-radius: 60px; font-weight: 500; background-color: var(--color-white); padding: 10px 10px 10px 30px; color: var(--color-black); text-transform: capitalize; letter-spacing: 0px;}
.header-main .button-group .cta-btn{font-size: 20px; line-height: 20px; font-weight: var(--fw-500); gap: 20px; white-space: nowrap;}
.cta-btn.rounded-btn:hover .green-icon, .header-main .button-group .cta-btn:hover .green-icon{background-color: var(--color-white) !important; border-color: var(--color-white);}
.cta-btn .green-icon {flex: 0 0 auto;}
/* inner-page-banner */
.inner-page-banner{padding: 150px 0 50px;background-image: url(../images/dubai-aidevelopment/dubai-banner.webp); background-attachment: fixed; position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;min-height: 100vh;display: flex;align-items: center;}
/* .inner-page-banner:before {opacity: 0.85;background: linear-gradient(90deg, #001E33 33%, rgb(7 21 48 / 11%));content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;} */
.inner-banner-content {max-width: 670px;}
.inner-page-banner .container{position: relative;z-index: 1;}
.inner-banner-content {color: var(--color-white);}
.inner-banner-content h1 {margin: 0 0 25px;line-height: 65px; max-width: 640px;}
.inner-banner-content h1 span {font-weight: 400; text-transform:none;}
.inner-banner-content p {margin: 0;}
.inner-banner-content .yellow-btn-icon .cta-btn {margin-top: 25px;}
.banner-subtitle {padding: 4px 8px; background-color: #F8F7F380; backdrop-filter: blur(2px); border-radius: 4px; font-size: 18px; line-height: 27px; color: var(--color-black); width: fit-content; margin-bottom: 10px;}
.banner-counts {display: flex; flex-direction: column; gap: 16px;}
.banner-counts li {padding: 30px 20px; border-radius: 10px; border: 1px solid #FFFFFF33; backdrop-filter: blur(15.7px); background-color: #3A0B4605;}
.banner-counts li p {font-size: 16px; line-height: 24px; color: var(--color-white); margin: 0 0 2px;}
.banner-counts li .counts {font-size: 50px; line-height: 65px; font-weight: 700; color: var(--color-white);}
.banner-counts li .counts small {font-size: 48%; line-height: 64%;}
/* why-section */
.why-section-content {padding: 80px 49px 80px 80px; border-radius: 40px; background-color: var(--light-bg-color); display: flex; align-items: center; column-gap: 30px; justify-content: space-between; position: relative; overflow: hidden;}
/* .why-section-content::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 1; background-image: url(../images/alcohol-delivery/delarbg.png); background-position: top right; background-repeat: no-repeat;} */
.why-section-content>div{position: relative;}
.why-section .section-inner-head h2 {max-width: 675px;}
.why-section-content .content-side h3 {font-size: 30px; line-height: 40px; margin-bottom: 24px;}
.why-section-content .content-side {width: 55%;}
.why-should-ai-robot {width: 45%;}
.why-should-ai-robot img {max-width: 516px; width: 100%;}
.market-cap {display: flex ; justify-content: space-between ;gap: 20px 60px;}
.market-cap{gap: 20px 40px;margin: 60px 0px 0px;}
.market-cap-item {display: flex;align-items: center; gap: 30px; position: relative;}
.market-cap-item .market-size{font-weight: var(--fw-700); font-size: 40px; line-height: 50px;text-transform: uppercase;margin-bottom: 16px; display: inline-flex; align-items: self-end; gap: 10px;}
.market-cap-item .market-size span {font-weight: var(--fw-500);font-size: var(--font-24); line-height: 38px;}
.market-cap-item .market-cap-title {font-weight: var(--fw-500);font-size: var(--font-18);line-height: 27px;letter-spacing: 0px; text-transform: uppercase;}
/* Service Section */
.service-section{position: relative; background-color: var(--color-white); z-index: 5;}
.service-section h2 {max-width: 650px;}
.service-group-grid {display: flex; gap: 30px;}
.service-group-grid .service-tabs {width: 30%; padding: 10px 0px; border-radius: 20px; background-color: var(--light-bg-color);}
.service-group-grid .service-content {width: 70%;}
.service-grid-item .title{margin-bottom: 0px; color: var(--color-black); font-weight: 500; transition: all ease-in-out 0.3s; display: flex; align-items: center;}
.service-grid-item:not(:last-child){border-bottom: 1px solid #CECECD66;}
.service-grid-item{padding: 20px 30px; cursor: pointer;}
.service-grid-item p {margin: 0px;}
.service-grid-item .title {position: relative;}
.service-grid-item .title::before {content: ''; transition: all ease-in-out 0.3s; opacity: 0; visibility: hidden; max-width: 8px; height: 18px; background: url('data:image/svg+xml,') no-repeat center; background-size: contain; display: inline-flex;}
.service-grid-item:hover .title, .service-grid-item.active .title{color: #25395C;}
.service-grid-item.active .title{font-weight: 700;}
.service-grid-item:hover .title::before, .service-grid-item.active .title::before{width: 100%; opacity: 1; visibility: visible; margin-right: 10px;}
.service-content {padding: 10px; border-radius: 20px; background-color: var(--color-white); border: 2px solid var(--light-bg-color); position: relative;}
.service-item-content {display: flex; flex-direction: column; flex-wrap: nowrap; gap: 20px; width: 100%;}
.service-grid-item .service-item-content {display: none;}
.service-grid-item-content:not(.active) {display: none;}
.service-item-content .content-img {border-radius: 24px; overflow: hidden; display: flex;}
.service-item-content .content-img img {width: 100%; object-fit: cover;}
.service-item-content .listing {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.service-item-content .listing li {display: flex; gap: 16px; align-items: center; font-size: 18px; line-height: 27px; font-weight: 400; color: var(--color-black);}
.service-item-content .listing li::before{content: ''; width: 32px; height: 32px; border-radius: 50%; background: url('data:image/svg+xml,') no-repeat center; background-size: contain;}
/* cta */
.cta-bg {background: linear-gradient(180deg, #0C1B3C 0%, #192C53 100%);border-radius: 20px;display: flex;padding: 27px 101px 0px 65px;color: #fff; position: relative;}
.cta-bg::before{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/dubai-aidevelopment/cta-bg.webp); background-repeat: no-repeat;background-position: bottom right 65px, center; opacity: 0.4;}
.cta-bg>div{position: relative;}
.cta-bg .cta-text {width: 100%; max-width: 650px; padding-right: 24px; padding-bottom: 30px;align-self: center;}
.cta-bg .cta-img {width: 293px; margin-left: auto; flex: 0 0 auto;}
.cta-bg h2 {margin: 0 0 15px;font-weight: var(--fw-500);text-transform: inherit;font-size: 24px;line-height: 32px;}
.cta-bg p {margin: 0 0 30px;}
.cta-bg h2 strong{text-transform: capitalize; font-weight: 800 !important; font-style: italic;}
.cta-bg .cta-btn {margin-top: 30px;}
/* Industries Transformed */
.industries-transformed-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;margin-top: 60px;}
.industries-transformed-grid .industries-list {position: relative;border-radius: 17px;background: var(--light-bg-color);transition: var(--ease-in-out);padding: 10px 10px 27px;}
.industries-transformed-grid .industries-list .industries-img {width: 100%;height: 200px;overflow: hidden;border-radius: 17px; display: flex;}
.industries-transformed-grid .industries-list .industries-img::after{content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute;}
.industries-transformed-grid .industries-list .industries-img img {width: 100%;height: 100%;object-fit: cover;}
.industries-transformed-grid .industries-list .industries-text {padding: 20px 60px 0 0;position: relative;}
.industries-transformed-grid .industries-list .industries-text:after {content: "";height: 36px;width: 36px;position: absolute;right: 0;top: 50%;border-radius: 50%;transition: var(--ease-in-out);background: url('data:image/svg+xml,');transform: translateX(-50%);background-color: var(--color-white);animation: slide1 1s ease-in-out infinite;}
@keyframes slide1 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-10px, 0); }}
.industries-transformed-grid .industries-list:hover .industries-text:after { background: url('data:image/svg+xml,'); background-color: var(--color-green);}
.industries-transformed-grid .industries-list .industries-text {padding: 20px 0 0;}
.industries-transformed-grid .industries-list .industries-text h3 {font-size: 24px;line-height: normal;margin: 0 0 7px;}
.industries-transformed-grid .industries-list .industries-text p {font-size: 14px;line-height: normal;}
/* Top Features Section */
.top-features {background: #fff;}
.top-features .inner-fluid { maxwidth: 1350px; margininline:auto; background-color: var(--light-bg-color); padding: 80px 86px; background-image: url(../images/sports-images/top-features-bg.png); background-repeat: no-repeat; background-position: top center; background-size: 100%; border-radius: 30px; border: 2px solid var(--light-bg-color);}
.top-features .section-inner-head {max-width: 1270px;text-align: center;margin-inline: auto; padding-bottom: 60px; border-bottom: solid 1px #CFD2C3;}
/* .top-features-outer > .row::before {border-top: solid 1px #CFD2C3;padding-bottom: 60px;margin-top: 60px;display: block;content: "";height: 1px;width: calc(100% - 1.5rem);margin-left: 0.7rem;} */
.top-features-outer > .row{position: sticky; background-color: var(--light-bg-color); top: 375px;}
.top-features-outer {display: flex; flex-direction: column; gap: 120px;}
.top-features-outer > {position: sticky;}
.top-features-text {max-width: 540px;}
.top-features-text h3 {color: var(--color-black);font-weight: var(--fw-600);margin: 0 0 20px; text-transform:none; font-style: italic;}
.top-features-disc {margin: 0 0 40px;}
.top-features-list {display: grid;grid-template-columns: 1fr 1fr;column-gap: 30px;row-gap: 30px;}
.top-features-list h4 {margin: 0;min-height: 104px;background: var(--color-white);display: flex; color: var(--color-black);align-items: center;padding: 15px 12px 15px 63px;font-size: 18px;line-height: 27px;font-weight: var(--fw-400);position: relative;}
.top-features-list h4:before {content: "";height: 32px;width: 32px; position: absolute;left: 20px; top: 50%; transform: translateY(-50%);background-image: url('data:image/svg+xml,');background-position: center;background-repeat: no-repeat;}
.top-features .section-header {position: sticky; top: 120px;}
.step-1 { top: 120px; transition: all ease-in-out 0.3s;}
.step-2 { top: 140px;}
.step-3 { top: 160px;}
.step-4 { top: 180px;}
.step-5 { top: 200px;}
.step-6 { top: 210px;}
/* Development Expertise */
.development-expertise {background-color: var(--light-bg-color);}
.development-expertise .section-inner-head {max-width: 1024px; margin-inline: auto; text-align: center;}
.development-expertise .section-inner-head p {max-width: 910px; margin-inline: auto;}
.development-expertise-group {display: flex; align-items: start; gap: 40px;}
.development-expertise-group>div{width: 50%;}
.development-expertise-group .left-side {background-color: var(--color-white); border-radius: 20px; overflow: hidden; box-shadow: 4px 8px 40px 0px #7272721A; border: 1px solid var(--light-bg-color);}
.development-expertise .expertise-card-data:not(.active){display: none;}
.development-expertise-group .left-side .learning-card {padding: 30px; display: flex; flex-direction: column; gap: 10px;}
.development-expertise-group .left-side .learning-card .icon {width: 40px;}
.development-expertise-group .left-side .learning-card .title {color: var(--color-black); margin: 0px;}
.development-expertise-group .right-side {max-height: 692px; overflow: hidden auto;}
.development-expertise-group .right-side .expertise-card {background-color: var(--color-white); border-radius: 20px; border: 1px solid var(--light-bg-color); padding: 20px; display: flex; flex-direction: column; gap: 10px; transition: all ease-in-out 0.3s; position: relative; cursor: pointer;}
.development-expertise-group .right-side .expertise-card::before{content: ''; width: 5px; height: 38px; position: absolute; top: 21px; left: -2px; background-color: #2587D8; border-radius: 4px; opacity: 0; visibility: hidden; transition: all ease-in-out 0.3s;}
.development-expertise-group .right-side .expertise-card.active::before{opacity: 1; visibility: visible;}
.development-expertise-group .right-side .expertise-card:hover, .development-expertise-group .right-side .expertise-card.active{border-color: #CECECD;}
.development-expertise-group .right-side .expertise-card:not(:last-child) {margin-bottom: 20px;}
.development-expertise-group .right-side .expertise-card .icon {width: 38px;}
.development-expertise-group .right-side .expertise-card .title {font-size: var(--font-18); line-height: 27px; font-weight: var(--fw-700); margin: 0;}
.development-expertise-group .right-side .expertise-card p {margin: 0px;}
.development-expertise-group .right-side::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px transparent; border-radius: 10px; background-color: #f7f7f7; }
.development-expertise-group .right-side::-webkit-scrollbar { width: 4px; border-radius: 10px; background-color: #f7f7f7; }
.development-expertise-group .right-side::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px transparent; background-color: var(--color-green); }
/* Features Section */
.features-section .section-inner-head { max-width: 994px; margin-inline: auto; text-align: center; margin-bottom: 40px;}
.bold-title { margin-bottom: 30px;}
.features-section .story-list { margin: 20px 0px 0px; gap: 12px;}
.features-section .story-list li { padding: 10px 16px; border-radius: 30px;}
.features-section .panel-img { position: relative; max-width: 660px;}
.features-section .panel-img .animated-img{ max-width: 170px; width: 100%; top: -61px; left: -25px; position: absolute;}
.features-section .features-title {font-weight: 600; font-style: italic; margin-bottom: 20px; font-size: 30px; line-height: 40px;}
.features-section .features-title strong{font-weight: 800 !important;}
.features-section .features-title span {position: relative; z-index: 1;}
.features-section .features-title span::before {content: ''; width: 100%; height: 6px; background-color: #FDCD56; position: absolute; bottom: 2px; left: 0; z-index: -1;}
.features-section .listing{display: flex; flex-direction: column; gap: 4px; margin: 20px 0px;}
.features-section .listing li {display: flex; gap: 8px; font-size: 16px; line-height: 24px; font-weight: 400; color: var(--color-black);}
.features-section .listing li::before{content: ''; flex: 0 0 auto; margin-top: 3px; width: 18px; height: 18px; border-radius: 50%; background: url('data:image/svg+xml,')no-repeat center; background-size: contain;}
.features-section .btn1 {box-shadow: 10px 13px 40px 0px #C5BFA740;}
/* Ongoing Section */
.ongoing-section {background: linear-gradient(180deg, #112C63 0%, #142547 100%); color: var(--color-white);}
.ongoing-section h2 {font-weight: 700; font-size: 52px; line-height: 70px; text-transform: capitalize; margin-bottom: 20px; max-width: 655px;}
.ongoing-section h2 span {color: #FFD469;}
.ongoing-section .listing {display: flex; flex-direction: column; gap: 12px; margin-top: 30px;}
.ongoing-section .listing li {position: relative; display: flex; align-items: center; gap: 8px; font-size: 18px; line-height: 27px; font-weight: 400;}
.ongoing-section .listing li::before{content: ''; flex: 0 0 auto; display: inline-flex; width: 18px; height: 18px; background: url('data:image/svg+xml,') no-repeat center; background-size: contain;}
.post-lunch-service-image {max-width: 767px; position: relative; overflow: hidden; margin-inline: auto;}
.post-lunch-service-image .animated-img {position: absolute;}
.post-lunch-service-image .first {top: 17%; left: 24%; animation: moveing 2s linear infinite;}
.post-lunch-service-image .second {bottom: 20%; right: 4%; animation: moveing2 2s linear infinite;}
.post-lunch-service-image .network {top: 0%; right: 15%; animation: zooming 2s linear infinite;}
.post-lunch-service-image::before{content: ''; width: 148px; height: 149px; border-radius: 50%; animation: moveing3 2s linear infinite; background: linear-gradient(315deg, #42A7C3 0%, #8ADBF0 75.03%); position: absolute; right: 4%; bottom: -100px;}
@keyframes moveing { 0%, 100% { transform: translateX(10px); } 50% { transform: translateX(-10px); }}
@keyframes moveing2 { 0%, 100% { transform: translateY(10px); } 50% { transform: translateY(-10px); }}
@keyframes moveing3 { 0%, 100% { transform: translateX(-10px); } 50% { transform: translateX(10px); }}
@keyframes zooming { 0%, 100% { transform: scale(1); } 50% { transform: scale(0.8); }}
/* Development Service */
.development-services-img {position: relative;overflow: hidden;height: 476px;width: 100%;border-radius: 20px;}
.development-services-img .development-icon {position: absolute;right: 20px;top: 20px;width: 135px;height: 135px;}
.development-services-img .development-services-bg {width: 100%;height: 100%;object-fit: cover;}
.development-services .section-inner-head h2 {margin: 0 0 20px;}
.development-services .section-inner-head .section-inner-discription {margin: 0 0 30px;}
.development-services .listing{display: flex; flex-direction: column; gap: 10px;;}
.development-services .listing li {display: flex; gap: 8px; align-items: center; font-size: 18px; line-height: 27px; font-weight: 400; color: var(--color-black);}
.development-services .listing li::before{content: ''; width: 18px; height: 18px; border-radius: 50%; background: url('data:image/svg+xml,')no-repeat center; background-size: contain;}
.development-services .cta-btn {border: solid 1px var(--color-black);margin: 30px 0 0;}
.development-services .cta-btn:hover {border: solid 1px var(--color-green);}
/* Build Seciton */
.feature-box-group{display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.feature-box{border-radius: 20px; overflow: hidden; position: relative;}
.feature-box .feature-img{position: relative;}
.feature-box .feature-img .count {position: absolute; top: 12px; left: 23px; font-size: 60px; font-weight: 900; font-style: italic; box-shadow: 0px 4px 4px 0px #00000040; display: inline-block; line-height: 1; color: var(--color-white); opacity: 0.3;}
.feature-box .feature-img img{min-height: 260px; width: 100%; object-fit: cover;}
.feature-box .feature-img::before{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0;background: linear-gradient(212.13deg, rgba(0, 0, 0, 0) 17.3%, rgba(0, 0, 0, 0.75) 59.06%);}
.feature-box .hoverview{padding: 30px; position: absolute; bottom: 0; left: 0; color: var(--color-white); display: flex; flex-direction: column; justify-content: end; z-index: 1;}
.feature-box .hoverview *{transition: all ease-in-out 0.3s;}
.feature-box:not(:hover) .hoverview p{ margin-bottom: -104px !important; padding-top: 100px; position: absolute; width: 100%; height: 0px; opacity: 0; visibility: hidden;}
.feature-box .title{font-size: var(--font-18); line-height: 27px; margin-bottom: 12px; color: var(--color-white);}
.build-section .yellow-btn-icon{margin-top: 60px; text-align: center;}
.build-section .yellow-btn-icon .cta-btn{margin-top: 0px;}
/* Other Service */
.other-service { background-color: var(--light-bg-color); }
.other-service .section-inner-head h2{ margin-bottom: 10px; }
.development-group { margin-top: 60px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.development-platform { padding: 30px; border-radius: 8px; box-shadow: 10px 13px 40px 0px #C5BFA740; background-color: var(--color-white); background-image: url(../images/new-fitness-app/dev-card-abstrect.png); background-repeat: no-repeat; background-position: bottom right; display: flex; flex-direction: column; gap: 40px; position: relative; border: 1px solid #fff; }
.development-platform h3 { color: var(--color-black); margin-bottom: auto; font-weight: 700; font-size: 24px; line-height: 32px; text-transform: uppercase; }
.development-platform, .development-platform .link-btn, .development-platform .link-btn svg path, .development-platform h3{ transition: all ease-in-out 0.3s !important; }
.development-platform .link-btn { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; flex: 0 0 auto; border-radius: 50%; border: 1px solid var(--color-black); }
.development-platform .link-btn:hover, .development-platform:hover .link-btn{ border: solid 1px var(--color-green); background-color: var(--color-green); }
.development-platform .link-btn:hover svg path, .development-platform:hover .link-btn svg path{ stroke: var(--color-white); }
.development-platform:hover h3{ color: var(--color-orange); }
.development-platform:hover{ border-color: var(--color-orange); }
.development-platform:hover .link-btn { transform: rotate(-45deg); }
/* Technology Section */
.technology-section{background-color: var(--light-bg-color); background-image: url(../images/dubai-aidevelopment/stack-right-shap.png); background-repeat: no-repeat; background-position: top right; position: relative;}
.technology-section::before{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(../images/dubai-aidevelopment/stack-left-shap.png); background-repeat: no-repeat; background-position: bottom left;}
.technology-section>div {position: relative;}
.technology-tabs {display: flex; align-items: start;}
.technology-tabs .tabing-group {width: 30%; padding-right: 30px; background-color: transparent; position: sticky; top: 100px; max-height: 470px; overflow: hidden auto; flex-wrap: nowrap;}
.technology-tabs .nav {border: 2px solid var(--color-white); background-color: var(--color-white);}
.technology-tabs .nav .nav-link {width: 100%; position: relative; border-radius: 0px; background-color: var(--color-white); border-bottom: 1px solid #CECECD66; padding: 30px 20px; text-align: center; font-size: 24px; line-height: 32px; font-weight: 500; color: var(--color-black); position: relative;}
.technology-tabs .nav .nav-link:hover, .technology-tabs .nav .nav-link.active {box-shadow: 10px 13px 40px 0px #C5BFA740; background-color: var(--light-bg-color); border-color: var(--color-white);}
.technology-tabs .nav .nav-link::before{content: ''; height: 100%; width: 1px; position: absolute; right: -1px; top: 0; background-color: var(--color-green);}
.technology-tabs .nav .nav-link::after{content: ''; height: 22px; width: 9px; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); background: url('data:image/svg+xml,') no-repeat center;}
.technology-tabs .nav .nav-link::before, .technology-tabs .nav .nav-link::after {transition: all ease-in-out 0.3s; opacity: 0; visibility: hidden;}
.technology-tabs .nav .nav-link:hover:before, .technology-tabs .nav .nav-link.active::before, .technology-tabs .nav .nav-link.active::after { opacity:1; visibility: visible;}
.technology-tabs .tab-content {width: 70%;}
.technology-tabs .tab-content .tab-title {margin-bottom: 15px;}
.technology-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.technology-items {padding: 44px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px; border: 1px solid var(--color-white); background-color: var(--light-bg-color); box-shadow: 7px 8px 30px 0px #1716470D; border-radius: 10px;}
.technology-items img {max-height: 80px; height: 100%; object-fit: contain; object-position: center;}
.technology-items .title {margin: 0px; font-weight: 400;}
.technology-tabs .tabing-group::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0px transparent; border-radius: 0; background-color: transparent; }
.technology-tabs .tabing-group::-webkit-scrollbar { width: 4px; border-radius: 0; background-color: transparent; }
.technology-tabs .tabing-group::-webkit-scrollbar-thumb { border-radius: 0; -webkit-box-shadow: inset 0 0 0px transparent; background-color: transparent; }
/* Cost Section */
.cost-section .section-inner-head {max-width: 994px; margin-inline: auto; text-align: center;}
.cost-group {display: flex; gap: 30px;}
.cost-group>div{width: 50%;}
.cost-group .left-side {display: flex;}
.cost-group .left-side img {border-radius: 24px; object-fit: cover;}
.cost-group .right-side {border-radius: 24px; display: flex; flex-direction: column; gap: 16px; max-height: 688px; overflow: hidden auto; border-radius: 20px;}
.cost-group .cost-content-item {padding: 20px; border-radius: 20px; border: 1px solid #CECECD66;}
.cost-group .cost-content-item .title {font-size: 18px; line-height: 27px; margin-bottom: 10px;}
.cost-group .right-side::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px transparent; border-radius: 10px; background-color: #f7f7f7; }
.cost-group .right-side::-webkit-scrollbar { width: 4px; border-radius: 10px; background-color: #f7f7f7; }
.cost-group .right-side::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px transparent; background-color: var(--color-green); }
/* Contact Section */
.contact-section {background-color: var(--light-bg-color);}
.contact-card-group {background: linear-gradient(180deg, #112C63 0%, #142547 100%); position: relative; padding: 67px 58px; border-radius: 20px; overflow: hidden; color: var(--color-white); display: flex; gap: 64px;}
.contact-card-group::before {content: ''; height: 100%; width: 100%; position: absolute; top: 0; ; left: 0; background: url(../images/contact-section-abstrect.png) no-repeat top center;}
.contact-card-group>div{position: relative; width: 50%; z-index: 1;}
.contact-card-left {display: flex; flex-direction: column; gap: 48px;}
.contact-card-left .sub-heading-tag {padding: 8px 16px; font-size: 16px; line-height: 24px; color: #FDCD56; display: inline-flex; text-align: center; border: 1px solid #FFFFFF1A; text-transform: uppercase; border-radius: 30px;}
.contact-card-left h2{color: var(--color-white); margin: 8px 0px;}
.contact-card-social-group {display: flex; gap: 30px; margin-top: auto;}
.contact-card-social-group .icon{width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background-color: #FFFFFF0F; backdrop-filter: blur(8px); transition: all ease-in-out 0.3s;}
.contact-card-social-group .icon img{width: 27px;}
.contact-card-social-group a {display: flex; flex-direction: column; align-items: center; gap: 10px; font-size: 14px; line-height: 1; font-weight: 400; color: var(--color-white);}
.contact-card-social-group a:hover{color: var(--color-green);}
.contact-card-social-group a:hover .icon{background-color: #ffffff1e}
.contact-ratings-group {display: flex; align-items: center;}
.contact-ratings-group .clutch-img {margin-right: 20px; padding-right: 20px; border-right: 1px solid #FFFFFF33;}
.contact-ratings-group .clutch-img iframe{filter: invert(1) brightness(100); width: 194px;}
.contact-ratings-group p{font-weight: 300; font-style: italic; color: var(--color-white);}
.contact-card-right {background: #FFFFFF0F; backdrop-filter: blur(80px); padding: 30px; border-radius: 10px; display: flex; flex-direction: column; position: relative;}
.contact-card-right .email-box {position: absolute; top: -50px; right: -28px;}
.contact-card-right h3{color: var(--color-white); margin-bottom: 24px;}
.contact-card-right ul {display: flex; flex-direction: column; gap: 12px; color: var(--color-white); font-size: 16px; line-height: 27px; font-weight: 500; margin-bottom: 40px;}
.contact-card-right ul li{display: flex; gap: 12px;}
.contact-card-right ul li::before{content: ''; margin-top: 1px; width: 24px; height: 24px; background: url('data:image/svg+xml,') no-repeat center; background-size: contain;}
.contact-card-right .btn-group{margin-top: auto; display: flex; flex-direction: column; gap: 24px;}
.contact-card-right .btn-group .btn1{display: flex; align-items: center; justify-content: center; gap: 10px; text-align: center;}
.btn1.btn-white { border-color: var(--color-white); background-color: var(--color-white); color: #0C436A !important;}
.btn1.btn-white:after, .btn1.btn-white:before, .btn1.btn-whitehover::after, .btn1.btn-whitehover::before{background-color: var(--color-yellow);}
/* Rating Section */
.rating-section{ padding-bottom: 90px; }
.rating-section .section-inner-head{ max-width: 720px; margin-inline: auto; }
.rating-section .section-inner-head h2{ text-align: center; margin-bottom: 16px; }
.ratings-group { display: flex; align-items: center; justify-content: center; }
.rating-item { padding: 20px; position: relative; }
.rating-item .platform-logo{ display: block; }
.star-rating, .star-rating li { display: inline-flex; align-items: center; }
.ratings-group .clutch-img { display: flex; align-items: center; max-width: 240px; }
.goodfirms-rating{ border-left-width: 1px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: #EAECF5; }
.goodfirms-rating .star-rating{ margin-bottom: 5px; }
.google-rating, .google-rating .rating-info .rating { display: flex; gap: 10px; align-items: center; }
.google-rating .rating-info h3 { font-family: "Bai Jamjuree", sans-serif; font-weight: 600; font-size: 14px; line-height: 100%; color: #6A797D; margin: 0px; }
.google-rating .rating-info .rating{ margin-top: 10px; }
.rating-card-group { /* display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; */ margin-top: 30px; }
.rating-card-group .swiper-wrapper{ padding-block: 30px; }
.rating-card-group .rating-card{ box-shadow: 4px 8px 40px 0px #7272721A; border: 1px solid var(--color-white); padding: 20px; display: flex; flex-direction: column; height: 100%; }
.rating-card-group .rating-card p{ margin: 0px; max-height: 115px; overflow: hidden auto; }
.rating-card-group .rating-card p::-webkit-scrollbar { width: 5px }
.rating-card-group .rating-card p:hover::-webkit-scrollbar-thumb { opacity: 1; visibility: visible }
.rating-card-group .rating-card p::-webkit-scrollbar-thumb { background-color: var(--color-green); border-radius: 10px; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out }
.rating-card-group .rating-dis{ margin-bottom: auto; padding: 25px 0px 20px; }
.rating-card-group .rating-dis .top-icon{ float: right; width: 70px; height: 70px; margin: -41px -18px 0 0; background: #ffffff; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: inset 0px 0px 0px 9px #fbfbfbd1; position: absolute; right: 23px; top: 12px; }
.rating-card-footer{ padding-top: 10px; margin-top: 10px; border-top: 1px solid var(--light-bg-color); position: relative; }
.rating-card-footer .rating-client{ display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.rating-card-footer, .rating-card-footer h3{ transition: all ease-in-out 0.3s; }
.rating-card-footer h3 { font-weight: 500; font-size: 16px; line-height: 24px; color: var(--color-black); margin: 0px; }
.rating-card-footer p { font-size: 14px; line-height: 24px; color: #4B5D77; }
.rating-card-footer:hover { border-color: var(--color-orange); background: #fbfbfb; }
.rating-card-footer:hover h3{ color: var(--color-orange) !important; }
.rating-card-group .video-rating{ background: var(--rating-bg-image) no-repeat; background-size: cover; background-position: center; position: relative; padding: 0px; box-shadow: 4px 8px 40px 0px #7272721A; }
.rating-card-group .video-rating > *{ position: relative; }
.rating-card-group .video-rating::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.2; }
.rating-card-group .video-rating .rating-card-footer{ padding: 12px 20px; border: none; background-color: #FFFFFF59; backdrop-filter: blur(9px); }
.rating-card-group .video-rating .rating-card-footer h3, .rating-card-group .video-rating .rating-card-footer p{ color: var(--color-white); }
.rating-card-group .video-rating .rating-dis .top-icon{ width: 56px; height: 56px; box-shadow: none; margin: -21px -16px 0px 0px; top: 0; right: 0; }
/*FAQ sec*/
.technologies-faq .frequently-asked-questions{max-width: 1120px; margin-inline: auto;}
.technologies-faq .frequently-asked-questions .accordion-item {padding: 0;border-radius: 0px;border: 1px solid transparent;overflow: hidden;background-color: #ffffff00;}
.technologies-faq .frequently-asked-questions .accordion-item:not(:last-child){margin-bottom: 20px;}
.technologies-faq .frequently-asked-questions .accordion-item button{background-color: transparent;}
.technologies-faq .accordion-button { padding: 20px; color: var(--color-black) !important; font-size: 24px; font-weight: 500; line-height: 32px; text-transform: capitalize;}
.technologies-faq .frequently-asked-questions .accordion-item.active{ border-color: var(--light-bg-color); box-shadow: 10px 13px 40px 0px #C5BFA740; margin-bottom: 20px; }
.technologies-faq .accordion-button.collapsed { border-bottom: 1px solid #EAECF5;}
.technologies-faq .accordion-header .accordion-button:not(.collapsed) {background-color: #fff !important;color: #000 !important;box-shadow: none !important; border-radius: 10px 10px 0px 0px; padding-bottom: 16px;}
.technologies-faq .accordion-header .accordion-button:focus {box-shadow: none !important;}
.technologies-faq .accordion-header .accordion-button::after { background: url('data:image/svg+xml,') no-repeat center; }
.technologies-faq .accordion-header .accordion-button:not(.collapsed)::after { transform: rotate(90deg); }
.technologies-faq .frequently-asked-questions .accordion-body {padding: 0px 20px 20px;max-width: 100%;background-color: var(--color-white);border: none;position: relative; border-radius: 0px 0px 10px 10px;}
.technologies-faq .frequently-asked-questions .accordion-body p:not(:last-child){margin-bottom: 25px;}
@media screen and (min-width: 1441.98px) {
.section-inner-head h2{ margin-bottom: 25px; }
.inner-banner-content .listing li::before { width: 24px; height: 24px; background-size: 100%; top: 1px; }
.inner-banner-content .listing li:not(:last-child) {margin-bottom: 12px;}
.inner-banner-content .listing li { font-size: 18px; line-height: 27px; padding-left: 44px; }
.upper-footer h2{ line-height: 61px; }
}
@media only screen and (max-width:1441px){
/* */
.section-inner-head h2 { margin: 0 0 15px;}
.cta-btn { padding: 5px 5px 5px 25px; gap: 15px; font-size: var(--font-16);}
.yellow-btn-icon .cta-btn.non-icon{padding: 5px 25px;}
.section-spacing { padding: 80px 0;}
.yellow-btn-icon .cta-btn, .cta-1 .yellow-btn-icon .cta-btn, .powered-ai .yellow-btn-icon .cta-btn { margin: 30px 0 0;}
.cta-sec-image { padding-bottom: 80px;}
.section-inner-head.mb-60{margin-bottom: 40px;}
/* inner-page-banner */
.inner-subtitle {font-size: 16px;line-height: 28px;margin: 0 0 5px;}
.inner-banner-content h1 {margin: 0 0 20px;line-height: 55px;}
.inner-banner-content .yellow-btn-icon .cta-btn {margin-top: 20px;}
.banner-subtitle {font-size: 16px; line-height: 25px;}
.banner-counts li {padding: 20px 20px;}
.banner-counts li .counts {font-size: 45px; line-height: 55px;}
/* why-section */
.why-section-content{padding: 60px 17px 60px 60px;}
.why-section-content .content-side h3 {font-size: 24px; line-height: 34px;}
.market-cap-item .market-size{ font-size: 32px; line-height: 42px;}
.market-cap-item .market-size span { font-size: var(--font-20); }
.market-cap-item .market-cap-title { font-size: var(--font-16); }
/* Service Section */
.service-grid-item .title {font-size: 20px; line-height: 28px;}
/* cta */
.cta-bg {padding: 30px 50px 0px 50px;}
.cta-bg::before{background-position: bottom right 21px, center;}
.cta-bg .cta-text{padding-bottom: 20px;}
.cta-bg .cta-img {width: 220px;}
/* partner-section */
.cta-btn.rounded-btn, .header-main .button-group .cta-btn { padding: 5px 5px 5px 25px; } h2, .bold-title{line-height: 45px;}
.bold-title{font-size: var(--font-30); margin-bottom: 20px;}
/* Industries Transformed */
.industries-transformed-grid {gap: 20px;margin-top: 40px;}
.industries-transformed-grid .industries-list {padding: 10px 10px 20px;}
.industries-transformed-grid .industries-list .industries-img {height: 160px;}
.industries-transformed-grid .industries-list .industries-text {padding: 15px 0 0;}
.industries-transformed-grid .industries-list .industries-text h3 {font-size: 20px;margin: 0 0 5px;}
/* Top Features Section */
.top-features .inner-fluid{padding: 50px; }
.top-features-outer {gap: 80px;}
.top-features-outer > .row {top: 307px;}
/* .top-features-outer > .row::before {padding-bottom: 40px;margin-top: 40px;} */
.top-features-list h4{min-height: 85px;}
.top-features-list {column-gap: 20px;row-gap: 20px;}
.top-features-disc {margin: 0 0 30px;}
.top-features .section-inner-head {padding-bottom: 40px;}
/* Development Expertise */
.development-expertise-group .right-side{ max-height: 550px;}
/* Features Section */
.features-section .features-title {font-size: 26px; line-height: 36px;}
/* Ongoing Section */
.ongoing-section h2 {font-size: 45px; line-height: 60px;}
.post-lunch-service-image .first, .post-lunch-service-image .second {width: 110px;}
.post-lunch-service-image .network {width: 80px;}
.post-lunch-service-image::before {width: 110px; height: 110px; bottom: -70px;}
/* Development Service */
.development-services .section-inner-head h2 {margin: 0 0 15px;}
.development-services .section-inner-head ol li:not(:last-child) {margin: 0px 0 5px;}
.development-services .section-inner-head .section-inner-discription {margin: 0 0 20px;}
/* Build Seciton */
.build-section .yellow-btn-icon{margin-top: 40px;}
/* Other Service */
.development-group { margin-top: 40px; }
/*FAQ sec*/
.technologies-faq .accordion-button {padding: 20px;font-size: 20px;}
.technologies-faq .frequently-asked-questions .accordion-body::before {width: calc(100% - 40px);}
.technologies-faq .frequently-asked-questions .accordion-body{padding: 20px;}
.frequently-asked-questions {margin: 40px 0 0;}
}
@media only screen and (min-width: 1200px) { h3 { font-size: var(--font-24); line-height: 32px; }}
@media only screen and (max-width:1199px){
h2, .bold-title {line-height: 40px;}
.bold-title{font-size: var(--font-22); margin-bottom: 10px;}
.header-main .navbar-toggler .navbar-toggler-icon { background-color: #ffffff;}
.header-main.sticky-header .navbar-toggler .navbar-toggler-icon { background-color: #000;}
.header-main .navbar-collapse { background: #fff; width: calc(100% + 50px); margin-left: -25px; margin-right: -25px; padding: 0 25px 30px; margin-top: 15px; margin-bottom: -16px;}
.header-main .navbar-collapse .nav-link { color: #000 !important; }
/* inner-page-banner */
.inner-banner-content h1 { line-height: 45px; }
/* why-section */
.why-section-content .content-side h3 {font-size: 22px; line-height: 30px; margin-bottom: 15px;}
.market-cap {column-gap: 20px;}
.market-cap-item .market-size{ font-size: 28px; line-height: 38px;}
.market-cap-item .market-size span { font-size: var(--font-18); }
.market-cap-item .market-cap-title { font-size: 14px; }
/* Service Section */
.service-group-grid .service-tabs {width: 35%;}
.service-group-grid .service-content {width: 65%;}
.service-grid-item {padding: 15px 20px;}
.service-grid-item .title {font-size: 18px; line-height: 26px;}
.service-item-content .listing li {gap: 10px; font-size: 16px;}
.service-item-content .listing li::before{width: 26px; height: 26px;}
/* cta */
.cta-bg h2 {font-size: 22px;line-height: 28px;}
.cta-bg {padding: 30px 30px 0px 30px;}
.cta-bg .cta-text {max-width: 575px;}
/* Development Expertise */
.development-expertise-group{gap: 30px;}
/* Features Section */
.features-section .panel-img .animated-img { max-width: 140px; }
.features-section .features-title {font-size: 22px; line-height: 32px;}
/* Ongoing Section */
.ongoing-section h2 {font-size: 40px; line-height: 55px; margin-bottom: 15px;}
/* Other Service */
.development-platform h3 { font-size: 20px; line-height: 28px; }
.development-platform .link-btn { width: 50px; height: 50px; }
/* Technology Section */
.technology-tabs .nav .nav-link {padding: 20px; font-size: 20px; line-height: 28px;}
.technology-items {padding: 30px 20px; gap: 24px;}
/* Contact Section */
.contact-card-group{padding: 50px; gap: 40px;}
}
@media screen and (max-width: 1100px) and (min-width: 992px) {
/* Ongoing Section */
.post-lunch-service-image .first {top: 15%; left: 21%;}
}
@media screen and (max-width: 1024px) and (min-width: 992px) {
/* Service Section */
.service-item-content .listing {grid-template-columns: 1fr; gap: 15px;}
}
@media screen and (max-width : 1024px) {
/* why-section */
.market-cap {margin: 40px 0px 80px;}
.market-cap-item .market-size{ font-size: 26px; line-height: 36px;}
.market-cap-item .market-size span { font-size: var(--font-16); }
/* Ongoing Section */
.ongoing-section h2 {font-size: 35px; line-height: 45px; }
/* Technology Section */
.technology-items img {max-height: 50px;}
/* Contact Section */
.contact-card-group{padding: 50px; flex-direction: column;}
.contact-card-group>div{width: 100%;}
.contact-card-left {gap: 35px;}
}
@media only screen and (max-width:991px){
/* why-section */
.why-section-content{ flex-direction: column; align-items: center; padding: 40px 30px; border-radius: 30px;}
.why-section-content>div {width: 100% !important;}
.market-cap { gap: 20px 30px; margin: 30px 0px 40px; }
.market-cap-item .market-size { font-size: 30px; line-height: 1; }
.market-cap-item .market-size span { font-size: var(--font-16); line-height: 20px; }
/* Service Section */
.service-grid-item .title {font-size: 16px; line-height: 22px;}
/* Industries Transformed */
.industries-transformed .section-inner-head h2 {margin: 0 0 15px !important;}
.industries-transformed-grid{grid-template-columns: repeat(3, 1fr);}
/* Top Features Section */
.top-features-text {max-width: 100%;margin: 0 0 40px;}
.top-features-outer > .row, .top-features .section-header { position: unset; }
.top-features-outer {gap: 0px;}
.top-features .section-inner-head {padding-bottom: 0px; margin-bottom: 0px; border: none;}
.top-features-outer > .row::before {border-top: solid 1px #CFD2C3;padding-bottom: 40px;margin-top: 40px;display: block;content: "";height: 1px;width: calc(100% - 1.5rem);margin-left: 0.7rem;}
/* Features Section */
.features-section .section-inner-head { margin-bottom: 20px;}
.features-section .panel-img { width: fit-content; margin-inline: auto; margin-bottom: 20px; }
/* Ongoing Section */
.post-lunch-service-image {max-width: 550px;}
/* Development Service */
.development-services .section-inner-head {margin: 20px 0 0px;}
.development-services-img {height: unset;}
/* Build Seciton */
.feature-box-group{grid-template-columns: 1fr;}
/* Other Service */
.development-group { grid-template-columns: repeat(2, 1fr); }
/* Technology Section */
.technology-tabs .nav .nav-link, .technology-items .title {font-size: 18px; line-height: 26px;}
/* Cost Section */
.cost-group {flex-direction: column;}
.cost-group>div{width: 100%;}
.cost-group .left-side {display: flex; justify-content: center;}
.cost-group .right-side { max-height: unset;}
}
@media only screen and (max-width:767px){
/* inner-page-banner */
.inner-banner-content h1 {line-height: 40px;}
.inner-page-banner {padding: 150px 0 80px;min-height: auto;}
.banner-subtitle {font-size: 14px; line-height: 22px;}
.banner-counts {margin-top: 30px; flex-direction: row;}
.banner-counts li {flex: 1 1 0;}
/* why-section */
.market-cap { margin: 20px 0px 30px; }
.market-cap-item { gap: 15px; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
/* Service Section */
.service-group-grid .service-tabs, .service-group-grid .service-content {width: 100%;}
.service-grid-item {padding: 15px 20px;}
.service-grid-item .title {font-size: 18px; line-height: 26px;}
.service-content{display: none;}
.service-group-grid {flex-direction: column;}
.service-grid-item .service-item-content {margin-top: 10px;}
.service-item-content .content-img {border-radius: 15px;}
.service-grid-item.active .service-item-content{display: flex;}
/* cta */
.cta-bg .cta-img{display: none;}
.cta-bg .cta-text {max-width: 100%; padding: 0px;}
.cta-bg::before {background-size: 43%, 100%;}
.cta-bg {padding: 30px;}
.cta-bg .cta-btn{margin: 0px;}
/* Industries Transformed */
.industries-transformed-grid {grid-template-columns: repeat(2, 1fr);}
/* Development Expertise */
.development-expertise-group{flex-direction: column;}
.development-expertise-group>div{width: 100%;}
.development-expertise-group .right-side{max-height: 100%;}
/* Ongoing Section */
.ongoing-section h2 {font-size: 30px; line-height: 40px; }
/* Development Service */
.development-services-img {height: auto;border-radius: 10px;}
.development-services-img .development-icon {right: 15px;top: 15px;width: 100px;height: 100px;}
/* Other Service */
.other-service .section-inner-head{ margin-bottom: 30px; }
/* Technology Section */
.technology-tabs .tabing-group {width: 40%;}
.technology-tabs .tab-content {width: 60%;}
.technology-grid {grid-template-columns: repeat(2,1fr);}
.technology-items img {max-height: 50px;}
/*FAQ sec*/
.technologies-faq .frequently-asked-questions .accordion-item:not(:last-child) {margin-bottom: 15px;}
.technologies-faq .accordion-button {padding: 15px 20px;font-size: 18px;}
}
@media only screen and (max-width:675px){
/* inner-page-banner */
.inner-subtitle {letter-spacing: 2.66px;}
.banner-counts li {padding: 15px;}
.banner-counts li .counts {font-size: 40px; line-height: 50px;}
/* why-section */
.market-cap{ flex-direction: column; }
.market-cap-item:not(:last-child) {padding-bottom: 20px; border-bottom: 1px solid var(--border-color); }
/* Top Features Section */
.top-features-list {column-gap: 15px;row-gap: 15px;grid-template-columns: 1fr;}
/* Contact Section */
.contact-card-group{padding: 30px;}
.contact-card-left {gap: 24px;}
.contact-card-social-group{gap: 20px;}
.contact-ratings-group{flex-direction: column; align-items: start;}
.contact-ratings-group .clutch-img {padding: 0px 0px 20px; width: 100%; border-right: none; border-bottom: 1px solid #FFFFFF33; margin: 0px 0px 20px;}
.contact-card-right .email-box{top: -40px; max-width: 110px;}
}
@media screen and (max-width: 576px) {
/* Service Section */
.service-item-content .listing {grid-template-columns: 1fr; gap: 15px;}
/* Features Section */
.features-section .panel-img .animated-img { max-width: 100px; top: -50px; left: -10px; }
/* Top Features Section */
.top-features .inner-fluid{padding: 40px 30px; }
.top-features-list h4:before{height: 26px;width: 26px;background-size: 100%;}
/* Ongoing Section */
.post-lunch-service-image .animated-img, .post-lunch-service-image::before {display: none;}
/* Build Seciton */
.feature-box-group{grid-template-columns: 1fr;}
.feature-box{border-radius: 0px;}
.feature-box .feature-img{border-radius: 24px; overflow: hidden;}
.feature-box .hoverview{padding: 20px 0px 0px; height: unset; position: unset; color: var(--color-black);}
.feature-box .title{color: var(--color-black);}
.feature-box:not(:hover) .hoverview p {opacity: 1; visibility: visible; height: auto; position: unset; margin: 0px !important; padding: 0px;}
/* Other Service */
.development-group { grid-template-columns: repeat(1, 1fr); gap: 20px; }
.row-gap {row-gap: 20px}
/* Technology Section */
.technology-tabs .tabing-group {display: none;}
.technology-tabs .tab-content {width: 100%;}
.technology-tabs .tab-content>.tab-pane{display: block; opacity: 1; visibility: visible;}
.technology-tabs .tab-content>.tab-pane:not(:last-child) {margin-bottom: 30px;}
/* Contact Section */
.contact-card-left .sub-heading-tag{font-size: 12px; line-height: 18px;}
.contact-card-right{padding: 20px;}
.contact-card-right h3{margin-bottom: 20px;}
.contact-card-right ul{font-size: 14px; line-height: 24px; gap: 8px; margin-bottom: 30px;}
.contact-card-right ul li::before{width: 20px; height: 20px; margin-top: 2px;}
.contact-card-right .btn-group{gap: 10px;}
}
@media only screen and (max-width:480px){
/* inner-page-banner */
.banner-counts {gap: 10px;}
.banner-counts li p {font-size: 14px; line-height: 22px;}
.banner-counts li .counts {font-size: 30px; line-height: 40px;}
/* Development Service */
.development-services-img .development-icon {right: 8px;top: 8px;width: 70px;height: 70px;}
/* Contact Section */
.contact-card-right .email-box{max-width: 80px;}
.industries-transformed-grid,
.development-content-main ul{grid-template-columns: repeat(1, 1fr);}
.cta-bg {padding: 30px 15px}
.cta-bg .cta-text {text-align: center;}
a.cta-btn , a.cta-btn.rounded-btn{padding: 15px 30px;white-space: initial;}
span.green-icon {display: none;}
.featured-platform-card {grid-template-columns: repeat(1, 1fr);}
}
@media only screen and (max-width:375px){
/* Top Features Section */
.top-features-list h4 {font-size: 16px;line-height: 23px;}
/* inner-page-banner */
.banner-counts {gap: 10px; flex-direction: column;}
}
/* Top Features Section */
body{
overflow-x: hidden;
}
@media screen and (min-width: 1441px) {
.top-features .section-header {
padding-top: 70px;
margin-top: 0px !important;
}
}
@media screen and (min-width: 1199px) {
/* Scroll top-features */
.top-features .section-header {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
padding-bottom: 0px;
padding-top: 50px;
position: relative;
z-index: 45;
top: unset;
margin-top: 30px;
}
.top-features .section-header .section-inner-head{
margin-bottom: 40px;
padding-bottom: 40px;
}
.top-features .slides-fluid {
background-image: none;
position: relative;
height: 50vh;
overflow: hidden;
border-radius: 0px 0px 30px 30px;
}
.top-features .slides-fluid .inner-fluid{
background-image: none;
padding-top: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
position: relative;
}
.slides {
width: 100vw;
height: 100vh;
overflow: hidden;
}
.slide {
position: absolute;
width: 100%;
height: 50vh;
left: 0;
padding: 0px 86px;
background-color: var(--light-bg-color);
top: 0;
}
.slide:nth-child(0) {
z-index: 30;
}
.slide:nth-child(1) {
z-index: 29;
}
.slide:nth-child(2) {
z-index: 28;
}
.slide:nth-child(3) {
z-index: 27;
}
.slide:nth-child(4) {
z-index: 26;
}
.slide:nth-child(5) {
z-index: 25;
}
.slide:nth-child(6) {
z-index: 24;
}
/* Opecity Slide top-features CSS */
.slide-item {
position: absolute; top: 0;
left: 0;
width: 100%;
top: 0;
padding: 0px 86px;
height: 100%;
background-color: var(--light-bg-color);
}
.slide-item > div{
opacity: 0;
transition: opacity 0.6s ease;
position: relative;
z-index: 31;
}
.slide-item.active > div{
opacity: 1;
}
}