/* @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: 14px; text-transform: uppercase; line-height: 14px; margin: 0 0 10px; font-weight: var(--fw-600); color: var(--color-green); letter-spacing: 3.6px; font-family: var(--font-sfprodisplay); font-style: italic;}
.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;}
.header-main:not(.sticky-header) .right-header-block>li>a{ background-color: transparent;}
/* header-main */
.header-main .logo-1 { 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.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;}
@keyframes slideDown { from { transform: translateY(-100%);}  to { transform: translateY(0);} }
.header-main .btn-green{ background-color: var(--color-orange) !important; border-color: var(--color-orange) !important;}

/* inner-page-banner */
.inner-page-banner { padding: 147px 0 50px; background-image: url(../images/service-ai-development/banner-right-shap.png); background-size: contain; background-position: top right; background-repeat: no-repeat; position: relative; min-height: 100vh; display: flex; align-items: center;}
.inner-page-banner:before {background-image: url(../images/service-ai-development/banner-left-shap.png); background-size: contain; background-position: top left; background-repeat: no-repeat; content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.inner-page-banner .container { position: relative; z-index: 1;}
.inner-banner-content { color: var(--color-black); padding-right: 10px;}
.inner-banner-content h1 { margin: 0 0 25px; line-height: 65px;}
.inner-banner-content h1 span{color: var(--theme-color);}
.inner-banner-content p { margin: 0; max-width: 728px;}
.inner-banner-content .listing { margin: 20px 0 28px; padding-top: 20px; border-top: 1px solid var(--border-color);}
.inner-banner-content .listing li:not(:last-child) {margin-bottom: 5px;}
.inner-page-banner .ai-video video{aspect-ratio: 1/1; object-fit: cover; position: relative ; z-index: 1;}
.inner-page-banner .ai-video{position: relative; padding: 50px 50px 50px 0px; }
.inner-page-banner .ai-video img{position: absolute;}
.inner-page-banner .ai-video .ai-top-right-shap{top: 0; right: 0; z-index: 2;}
.inner-page-banner .ai-video .ai-bottom-left-shap{bottom: 0; left: 0;}
.inner-page-banner .ai-video .ai-bottom-right-shap{bottom: 0; right: 0; transform: rotate(55deg);}


/* 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; gap: 20px; font-weight: 400; 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;}

/* Listing */
.listing { margin: 0px; padding: 0px;}
.listing li{ position: relative; padding-left: 26px; font-weight: 400; font-size: 16px; line-height: 24px; color: #191919;}
.listing li:not(:last-child){ margin-bottom: 2px;}
.listing li::before{ content: ''; width: 18px; height: 18px; position: absolute; left: 0; background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.86C7.56 16.86 6.24 16.51 5.04 15.81C3.84 15.11 2.89 14.16 2.19 12.96C1.49 11.76 1.14 10.44 1.14 9C1.14 7.56 1.49 6.24 2.19 5.04C2.89 3.84 3.84 2.89 5.04 2.19C6.24 1.49 7.56 1.14 9 1.14C10.44 1.14 11.76 1.49 12.96 2.19C14.16 2.89 15.11 3.84 15.81 5.04C16.51 6.24 16.86 7.56 16.86 9C16.86 10.44 16.51 11.76 15.81 12.96C15.11 14.16 14.16 15.11 12.96 15.81C11.76 16.51 10.44 16.86 9 16.86ZM9 18C10.64 18 12.15 17.6 13.53 16.8C14.91 16 16 14.91 16.8 13.53C17.6 12.15 18 10.64 18 9C18 7.36 17.6 5.85 16.8 4.47C16 3.09 14.91 2 13.53 1.2C12.15 0.4 10.64 0 9 0C7.36 0 5.85 0.4 4.47 1.2C3.09 2 2 3.09 1.2 4.47C0.4 5.85 0 7.36 0 9C0 10.64 0.4 12.15 1.2 13.53C2 14.91 3.09 16 4.47 16.8C5.85 17.6 7.36 18 9 18ZM12.36 5.58L12.3 5.64L8.4 10.62L6.06 8.22C5.9 8.06 5.7 7.99 5.46 8.01C5.22 8.03 5.02 8.12 4.86 8.28C4.7 8.44 4.62 8.63 4.62 8.85C4.62 9.07 4.7 9.26 4.86 9.42L7.86 12.42C8.02 12.58 8.22 12.66 8.46 12.66C8.7 12.66 8.9 12.56 9.06 12.36L13.56 6.78C13.72 6.62 13.8 6.42 13.8 6.18C13.8 5.94 13.71 5.74 13.53 5.58C13.35 5.42 13.15 5.34 12.93 5.34C12.71 5.34 12.52 5.42 12.36 5.58Z" fill="%23191919"/></svg>'); background-repeat: no-repeat; background-position: center; top: 2px;}

/* partner-section */
.partner-section{padding: 80px 0px;}
.partner-slider .swiper-slide{padding: 4px 24px; border: 1px solid var(--border-color); border-radius: 10px; display: flex; align-items: center; justify-content: center; min-height: 60px; }
.partner-slider .swiper-slide img{filter: invert(1);}

/* ai-development-section */
.ai-development-section .section-inner-head {max-width: 700px;}
.ai-development-section .ai-development-img {margin-top: -65px; width: 31.48%;}
.ai-development-section .ai-development-img img{padding-right: 16px;}
.ai-development-service{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px 37px;}
.ai-developement-service-item{border-radius: 20px; overflow: hidden; background-color: var(--light-bg-color);}
.ai-developement-service-item img{width: 100%; height: 100%; object-fit: cover; transition: all ease-in-out 0.3s;}
.ai-developement-service-item:hover img{transform: scale(1.1);}
.ai-developement-service-item .content-body{padding: 40px 30px; border: 1px solid var(--light-bg-color);}
.ai-developement-service-item:nth-child(even){background-color: var(--color-white); box-shadow: 4px 8px 40px 0px #7272721A;}
.ai-developement-service-item .content-body .title{font-size: var(--font-18); line-height: 27px; font-weight: var(--fw-700); margin-bottom: 11px; color: var(--color-black);}

/* why-section */
.why-section-content {padding: 80px 17px 0px 80px; border-radius: 60px; background-color: var(--light-bg-color); display: flex; align-items: end; justify-content: space-between; position: relative; overflow: hidden;}
.why-section-content::before{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.9; filter: brightness(100); background-image: url(../images/service-ai-development/why-should-section-bg.png); background-position: top right; background-repeat: no-repeat; }
.why-section-content>div{position: relative;}
.why-section .section-inner-head {max-width: 675px;}
.market-cap {display: flex ; justify-content: space-between ;gap: 20px 60px;}
.market-cap{gap: 20px 40px;margin: 60px 0px 80px;}
.market-cap-item {display: flex;align-items: center;  gap: 30px; position: relative;}
.market-cap-item .market-size{font-weight: var(--fw-700); font-size: 44px; line-height: 53px;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;}


/* Industries Section */
.industries-section {overflow: hidden; margin-bottom: 40px;}
.industries-section .section-inner-head { max-width: 910px; margin-inline: auto; text-align: center;}
.industries-slider {margin-inline:-10px;}
.industries-slider .swiper-wrapper{padding-right: 200px;}
.industries-slider .swiper-slide{ border-radius: 20px; overflow: hidden; width: 209px; left: -100px; transition: width 0.3s ease; position: relative; display: flex; height: 477px;}
.industries-slider .swiper-slide .industrie-img{ width: 100%; min-height: 100%; object-fit: cover;}
.industries-slider .swiper-slide .industries-content{ transition: all ease-in-out 0.3s; transform: translateY(100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: end; flex-direction: column; padding: 20px; color: var(--color-white); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);}
.industries-slider .swiper-slide.swiper-slide-active {width: 400px !important;}
.industries-slider .swiper-slide.swiper-slide-active .industries-content{transform: translateY(0);}
/* .industries-slider .swiper-slide:hover .industries-content{transform: translateY(0);} */
.industries-slider .swiper-slide .industries-content .ind-info{ display: flex; align-items: center; gap: 10px 16px; margin-bottom: 20px;}
.industries-slider .swiper-slide .industries-content .ind-icon{ display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 10px; background-color: var(--color-white); }
.industries-slider .swiper-slide .industries-content .ind-title{ font-size: var(--font-24); line-height: 32px; margin: 0px; color: var(--color-white);}
.industries-slider .swiper-slide::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.2);  }
.industries-main-outer { position: relative; margin-right: -10px;}
.industries-main-outer .slider-btn-next .swiper-btn:after { display: none }
.industries-main-outer .slider-btn-next .swiper-btn {  border: 1px solid #000; height: 58px; width: 58px; transition: var(--ease-in-out); border-radius: 50%; margin: 0 ; top: 50%; transform: translateY(-50%); box-shadow: -2px 4px 11px 0px #071D4833; background-color: var(--color-white);}
.industries-main-outer .slider-btn-next .swiper-btn.swiper-button-prev{left: -29px;}
.industries-main-outer .slider-btn-next .swiper-btn.swiper-button-next{right: -29px;}
.industries-main-outer .slider-btn-next .swiper-btn:hover { border: solid 1px var(--color-white); background-color: var(--color-green) }
.industries-main-outer .slider-btn-next .swiper-btn:hover svg path { stroke: var(--color-white) }
.industries-main-outer .swiper-pagination { display: flex; align-items: center; justify-content: center; bottom: -40px; gap: 16px;}
.industries-main-outer .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0px; border-radius: 50%; background-color: #CECECD; opacity: 1;}
.industries-main-outer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--color-orange); }

/* 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); }

/* Call to Action Section */
.sec-cta-clip { padding: 120px 0 0px; }
.cta-clip-left {  padding: 59px 92px 67px 52px; width: calc(100% - 432px); text-align: center; height: 100%; background-image: url(../images/service-ai-development/ai-cta-image.webp);  clip-path: path("M845.715 262.489C842.903 271.142 834.84 277 825.742 277H21C9.40204 277 0 267.598 0 256V21C0 9.40202 9.40202 0 21 0H902.096C916.363 0 926.477 13.9208 922.068 27.4892L845.715 262.489Z"); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; }
.cta-clip-left:before { content: ""; position: absolute; width: 100%; height: 100%; background: #071530CC; mix-blend-mode: multiply; top: 0; left: 0; }
.cta-clip-outer { display: flex; gap: 36px; }
.cta-clip-outer .cta-clip-left h2 { font-size: 24px; max-width: 700px; margin: 0 auto 0; line-height: 32px; }
.cta-clip-outer .cta-clip-left .cta-btn { margin: 27px 0 0; }
.cta-clip-outer .cta-clip-right { width: 396px; background: #25395C; border-radius: 21px 21px 21px 0; position: relative; }
.cta-clip-outer .cta-clip-right:before { height: 100%; width: 90%; content: ""; position: absolute; left: -41px; background: #25395C; transform: skew(-18deg); border-radius: 21px; }
.cta-clip-outer .cta-clip-right img { position: relative; z-index: 1; margin: -36px auto 0; display: block; }

/* Ai Development Service */
.ai-service-section .section-inner-head{max-width: 1024px; margin-inline: auto; text-align: center;}
.ai-service-group {display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.ai-service-group .ai-service-item {border-radius: 10px; padding: 30px; background-color: var(--light-bg-color);}
.ai-service-group .ai-service-item .icon {max-width:68px; margin-bottom: 20px;}
.ai-service-group .ai-service-item .icon img {width: 100%; height: 100%; object-fit: contain;}
.ai-service-group .ai-service-item h3 {margin-bottom: 10px;}


/* Story Section */
.story-section {background:  url(../images/new-fitness-app/story-bg.png) no-repeat center center,var(--light-bg-color); background-size: cover; }
.story-section .section-inner-head h2{ display: flex; flex-direction: column; margin: 0px; }
.story-section .follow-title { display: flex; align-items: end; gap: 5px; font-weight: var(--fw-500); font-size: 16px; line-height: 24px; vertical-align: middle; margin-bottom: 10px; }
.follow-partner { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.delivery-app-group { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; box-shadow: 10px 13px 40px 0px #C5BFA740; background-color: var(--color-white); margin-top: 60px; }
.delivery-app-group , .delivery-app-img{ border-radius: 24px; overflow: hidden; }
.delivery-app-img img{ height: 100%; width: 100%; object-fit: cover; object-position: center; }
.delivery-content { padding: 40px 0px 40px 40px; }
.delivery-content h3{ color: var(--color-black); font-size: var(--font-30); line-height: 40px; margin-bottom: 16px; max-width: 550px; }
.story-list{ margin: 40px 0px 20px; padding: 0px; gap: 9px; }
.story-list, .application-lang{ display: flex; flex-wrap: wrap; }
.story-list li { font-weight: var(--fw-400); font-size: var(--font-16); line-height: 100%; padding: 12px; background-color: var(--color-white); border: 1px solid #EAECF5; border-radius: 9px; background: #F5F5F5; }
.application-lang{ gap: 20px 25px; }
.application-lang li{ flex: 0 0 auto; }
.application-lang .app-langs { width: 65px; height: 54px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background-color: var(--color-white); box-shadow: 7px 8px 30px 0px #1716470D; transition: all ease-in-out 0.3s; }
.application-lang .app-langs:hover { box-shadow: 7px 8px 30px 0px #1716472e; transform: translateY(-6px); }
.delivery-content .yellow-btn-icon .cta-btn{ margin-top: 30px; }


/* Process Section */
.process-section .section-inner-head { max-width: 994px; margin-inline: auto; text-align: center; margin-bottom: 40px; }
.process-grid { display: flex; flex-direction: column; gap: 80px; }
.process-item { display: flex; gap: 30px; padding-top: 40px; position: sticky; min-height: 386px; }
.step-1 { top: 120px; }
.step-2 { top: 140px; }
.step-3 { top: 160px; }
.step-4 { top: 180px; }
.step-5 { top: 200px; }
.step-6 { top: 210px; }
.process-item .process-img{ width: calc(40% - 15px); border-radius: 20px; overflow: hidden; }
.process-item .process-img img{ width: 100%; height: 100%; object-fit: cover; }
.process-item .process-dis{ width: calc(60% - 15px); border-radius: 20px; background-color: var(--light-bg-color); padding: 20px; position: relative; display: flex; align-items: center; }
.process-item .process-dis h3{ font-weight: var(--fw-700); font-size: var(--font-24); line-height: 50px; margin-bottom: 20px; color: var(--color-black); max-width: calc(100% - 200px); }
.process-item .process-dis h3, .process-list .process-steps{ text-transform: capitalize; }
.process-list .process-steps{ font-weight: var(--fw-400); font-size: var(--font-18); line-height: 28px; position: relative; display: flex; align-items: center; gap: 20px; position: relative; }
.process-list .process-steps:not(:last-child){ padding-bottom: 24px; }
.process-list .process-steps span{ display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; position: relative; flex: 0 0 auto; }
.process-list .process-steps span::before, .process-list .process-steps span::after,.process-list .process-steps::after{ content: ''; position: absolute; }
.process-list .process-steps:not(:last-child):after{ height: 100%; width: 1px; border-right: 1px dashed #CECED6; left: 8.5px; top: 40%; }
.process-list .process-steps span::before, .process-list .process-steps span::after{ top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%, -50%); }
.process-list .process-steps span::before{ width: 12px; height: 12px; background-color: var(--theme-color); z-index: 2; }
.process-list .process-steps.active span::after{ width: 100%; height: 100%; background-color: var(--color-white); border: 1px solid var(--theme-color); }
.process-item .counting{ width: 120px; height: 120px; display: inline-flex; align-items: center; justify-content: center; background: url(../images/new-fitness-app/bg-blue-circle.svg) no-repeat center; background-size: 100%; position: absolute; top: -40px; right: 50px; }
.process-item .counting span{ font-weight: 800; font-style: italic; font-size: 40px; line-height: 50px; text-align: center; text-shadow: 2px 2px 0px rgba(25, 25, 25, 0.1); color: var(--color-black); }

/* Vision Section */
.vision-section { background-color: var(--light-bg-color); }
.vision-section .section-inner-head .cta-btn{ margin-top: 15px; }
.client-satisafctions { display: flex; justify-content: space-between; flex-direction: column; align-items: center; max-width: 590px; gap: 30px; }
.client-satisafctions .satisafctions-outer { width: 210px; height: 210px; border-radius: 50%; box-shadow: 0 0 0 10px #F8F8F8, inset 0 0 0 24px #F8F8F8; position: relative; display: flex; background-color: #fff; align-items: center; justify-content: center; }
.client-satisafctions .satisafctions-outer .animated-text { position: absolute; width: 100%; height: 100%; color: #000; font-size: 17px; text-transform: uppercase !important; animation: 15s linear infinite textRotation; }
.satisafctions-text { text-align: center; margin: auto; max-width: 150px; width: 100%; }
.satisafctions-text .f-40 { font-weight: 700; margin: 0 0 14px; line-height: 28px; font-size: 29px; }
.satisafctions-text p { font-size: 13px; line-height: 20px; }
@keyframes textRotation { to { transform: rotate(360deg) } }
.animated-text span { position: absolute; left: 50%; line-height: normal; font-size: 12px; text-transform: uppercase !important; transform-origin: 0 103px; }
.awards-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.awards-grid .awards-box { background-color: var(--color-white); box-shadow: 10px 13px 40px 0px #C5BFA740; border-radius: 20px; padding: 30px 10px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; }
.awards-grid .awards-box img { max-height: 120px; }

/* 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,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.69854 17.3024L17.3051 6.69577M17.3051 6.69577L9.08502 6.4306M17.3051 6.69577L17.5703 14.9159" stroke="%23191919" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') 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;}

/* 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); }

/*contact-sec*/
.contact-sec { padding: 120px 0 0; background: var(--color-white);}
.contact-sec .section-inner-head h2 { margin: 0 0 7px; font-style: normal; font-weight: var(--fw-500);}
.contact-sec .section-inner-head .inner-subtitle { margin: 0; font-weight: var(--fw-500); font-style: normal;}
.contact-sec .section-inner-head { margin: 48px 0 60px;}
.contact-sec-inner { padding: 60px 0 120px; background: url(../images/home/contact-bg.svg), linear-gradient(180deg, #112c63 0%, #142547 100%); background-repeat: no-repeat; background-position: center; background-size: cover;}
.contact-grid { display: flex;}
.contact-grid .contact-left { width: calc(100% - 660px); padding-right: 30px; position: relative;}
.contact-seprator { position: absolute; right: 54px; height: 100%; display: flex; align-items: center; color: #294a8c; font-size: 14px; text-transform: uppercase; font-weight: 500;}
.contact-seprator:after,
.contact-seprator:before { height: calc(50% - 20px); top: 0; position: absolute; width: 1px; content: ""; background: #294a8c; left: 8px;}
.contact-seprator:before { top: auto; bottom: 0;}
.contact-details { max-width: 577px;}
.contact-details .teamblockftr { padding: 20px 27px; background: rgb(255 255 255 / 6%); border-radius: 10px; display: flex; align-items: center; backdrop-filter: blur(80px);}
.contact-details .teamblockftr .contact-data-inner { padding-left: 17px; font-size: var(--font-20); word-break: break-word; font-weight: var(--fw-500); color: var(--color-white);}
.contact-data-inner p { text-transform: uppercase; margin-bottom: 3px; color: #fdcd56; letter-spacing: 3px; font-size: 14px; font-weight: var(--fw-400); line-height: 20px;}
.contact-details .teamblockftr:not(:last-child) { margin: 0 0 20px;}
.contact-get-outer { max-width: 577px; display: flex; gap: 28px; margin: 40px 0 0; width: 100%; color: var(--color-white);}
.contact-get-outer h3 { font-size: 25px; line-height: 1; margin: 0 0 18px; color: var(--color-white);}
.contact-get-left ul li { position: relative; padding-left: 31px; line-height: 30px; font-size: 18px; font-weight: 400;}
.contact-get-left ul li:not(:last-child) { margin: 0 0 10px;}
.contact-get-left ul li:before { content: ""; position: absolute; left: 0; background: url('data:image/svg+xml,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3334 1L5.00002 8.33333L1.66669 5" stroke="%23FDCD56" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); width: 16px; height: 16px; background-size: contain; background-position: center; background-repeat: no-repeat; top: 8px;}
.contact-get-right { width: calc(50% - 20px);}
.contact-get-right .contact-get-col { display: flex; padding: 12px 40px; background: linear-gradient(90deg,hsl(0deg 0% 100% / 8%), hsl(0deg 0% 100% / 1%) ); align-items: center; gap: 13px; backdrop-filter: blur(80px); border-radius: 50px;}
.contact-get-right .contact-get-col:not(:last-child) { margin: 0 0 13px;}
.contact-get-right .contact-get-col .contact-get-text { font-size: 20px; font-weight: 700;}
.contact-get-right .contact-get-col .contact-get-text span { display: block; font-size: 16px; line-height: normal; font-weight: 400;}
.contact-form-home { padding: 40px 30px; background: var(--color-white); border-radius: 10px; width: 660px; margin-top: -255px; box-shadow: 21px 15px 41px hsl(208.89deg 49.69% 31.96% / 17%);}
.contact-form-head { margin: 0 0 30px;}
.contact-form-home form .form-group { margin-bottom: 24px;}
.form-group .common_error_message{position: unset; line-height: 16px; padding: 2px 0px 0px;; display: block;}
.form-group select.form-control { padding: 15px; cursor: pointer; background-image: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5.5 5L10 1" stroke="black" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-repeat: no-repeat; background-position: center right 20px;}
.form-group { position: relative;}
.form-icon { position: absolute; top: 0; left: 0; height: 19px; width: 19px;}
.form-control { box-shadow: none !important; outline: none !important; padding: 20px 15px; border: 0; background-color: #f2f5f7; font-size: 16px; color: #000; font-weight: 400; height: 55px; font-family: var(--font-sfprodisplay); border-radius: 5px;}
.form-control:focus { color: #000; background-color: #f2f5f7; outline: 0; box-shadow: none;}
input.form-control::placeholder { color: #000 !important; opacity: 1 !important;}
textarea.form-control::-ms-input-placeholder,
textarea.form-control::-ms-input-placeholder { color: #000 !important;}
textarea::-webkit-input-placeholder { color: #000 !important;}
textarea:-moz-placeholder { color: #000 !important;}
textarea:-ms-input-placeholder { color: #000 !important;}
.contact-form-home .button-group button { max-width: 193px; width: 100%;}
.contact-form-home form .form-group textarea.form-control { min-height: 133px; resize: none; padding-top: 5px;}
.enter-value { display: flex;}
.enter-value span { font-size: 16px; margin-right: 20px; white-space: nowrap; line-height: 16px; display: block; color: #000000; padding-top: 22px;}
.filelabel { max-width: 281px; border: 1px dashed #fdcd56; border-radius: 5px; display: block; padding: 18px 23px; transition: border 300ms ease; cursor: pointer; text-align: left; margin: 0; line-height: normal; color: #000000 !important; font-size: 14px; display: flex; align-items: center; gap: 8px; background: rgb(253 205 86 / 8%);}
.filelabel svg path { stroke: #000;}
.filelabel .title { color: #000000; transition: 200ms color;}
.filelabel:hover { border: 1px dashed var(--color-green);}
.filelabel:hover .title { color: #000;}
#FileInput { display: none;}
.radio-list p { font-size: 14px; line-height: normal; margin: 0 0 13px;}
.button-group .btn { display: flex; align-items: center; gap: 20px;}
.contact-form-home .button-group .btn { background: var(--color-white); border-color: var(--color-white);}
.radio-list ul li:not(:last-child) { margin-bottom: 10px;}
.radio-list ul li { line-height: 19px; display: flex;}
.radio-list ul li input[type="radio"]:checked,
.radio-list ul li input[type="radio"]:not(:checked) { position: absolute; left: -9999px;}
.radio-list ul li input[type="radio"]:checked + label,
.radio-list ul li input[type="radio"]:not(:checked) + label { position: relative; padding-left: 19px; cursor: pointer; display: inline-block; color: #000; line-height: normal; font-size: 14px;}
.radio-list ul li input[type="radio"]:checked + label:before,
.radio-list ul li input[type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 3px; width: 12px; height: 12px; border: 1px solid #000; border-radius: 100%; background: #000;}
.radio-list ul li input[type="radio"]:checked + label:after,
.radio-list ul li input[type="radio"]:not(:checked) + label:after { content: ""; width: 10px; height: 10px; background: #02a738; position: absolute; top: 4px; left: 1px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.radio-list ul li input[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.radio-list ul li input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

/* cuide-development-main-sec */
.cuide-development-main-sec .section-inner-head { margin: 0 auto 60px; max-width: 1233px; text-align: center;}
.cuide-development-main-sec .list-group { position: sticky; top: 120px;}
.cuide-development-main-sec .list-group .cuide-development-link { padding: 20px; border-left: solid 2px transparent;  text-overflow: ellipsis; overflow: hidden;}
.cuide-development-main-sec .list-group .cuide-development-link.active,
.cuide-development-main-sec .list-group .cuide-development-link:hover { border-color: #0C436A; font-weight: var(--fw-500); background-color: var(--light-bg-color); color: var(--color-black) !important;}
.development-link-text h3 { color: var(--color-black); margin: 0 0 30px;}
.development-link-text h3, .development-link-text h4 { font-weight: var(--fw-500);}
.development-link-text table th{ white-space: nowrap; padding: 9px 15px; font-size: 16px; background-color: #f2f3f0;}
.development-link-text table tbody td{ padding: 9px 15px; font-size: 16px;}
.development-link-text ol { padding-left: 20px;}
.development-link-text ol > li:not(:last-child) { margin: 0 0 30px;}
.development-link-text ol > li ul { padding-top: 15px;}
.development-link-text ol > li >p { margin: 15px 0 0;}
.development-link-text img { margin: 0 0 30px; border-radius: 20px;}
.development-link-text:not(:last-child) { border-bottom: solid 1px #DEE6EE; padding: 0 0 40px; margin: 0 0 40px;}
.development-link-text ul { padding-left: 20px;}
.development-link-text ul li { list-style: disc;}
.development-link-text ul li:not(:last-child) { margin: 0 0 15px;}
.development-link-text ul li a { color: var(--color-orange); text-decoration: underline;}

/* Blog Section */
.blog-sec .section-inner-head { text-align: center; margin: 0 0 60px;}
.blog-card h3 { color: #000; font-size: 24px; font-weight: 500; margin-top: 20px; line-height: 36px; max-width: 600px;}


/*Responsive CSS*/
@media screen and (max-width: 1700px) {
/* Industries Section */ 
.industries-main-outer {margin-right: 0;}
}

@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; } 

/* Demand Section */ 
.demand-content .listing li{ font-size: 18px; line-height: 27px; } 

/* Process Section */ 
.process-section .section-inner-head h2{ margin-bottom: 24px; } 

/* Vision Section */ 
.vision-section .section-inner-head h2, .cuide-development-main-sec .section-inner-head h2 { margin-bottom: 24px; } 
.client-satisafctions{ gap: 55px; } 

/* contact-sec */ 
.contact-sec .section-inner-head .inner-subtitle { font-size: 20px; line-height: 29px; letter-spacing: 3.6px; }
} 

@media only screen and (max-width: 1441px) { 
/* partner-section */ 
.partner-section{padding: 60px 0px;} 
.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;} 

/* Banner */ 
.inner-page-banner{ padding: 100px 0px 50px; } 

/* */ 
.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;} 
.inner-banner-content h1 { margin: 0 0 20px; line-height: 55px;} 
.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;}

/* ai-development-section */
.ai-development-section .ai-development-img {margin-top: -55px;}

/* Industries Section */ 
.industries-slider {margin-inline: 0px;}
.industries-slider .swiper-slide {width: 200px;}
.industries-main-outer .slider-btn-next .swiper-btn { height: 44px; width: 44px } 
.industries-main-outer .slider-btn-next .swiper-btn svg { max-width: 20px } 
.industries-main-outer .slider-btn-next .swiper-btn.swiper-button-next { right: -22px; }
.industries-main-outer .slider-btn-next .swiper-btn.swiper-button-prev { left: -22px; }

/* Development Expertise  */
.development-expertise-group .right-side{ max-height: 550px;}

/* Call to Action Section */
.sec-cta-clip { padding: 80 0 0px;}
.cta-clip-left { padding: 52px 92px 52px 52px; clip-path: path("M648.945 261.078C646.614 270.434 638.21 277 628.568 277H21C9.40206 277 4.58956e-06 267.598 4.58956e-06 256V21C4.58956e-06 9.40202 9.40203 0 21 0H687.125C700.78 0 710.804 12.8274 707.502 26.0775L648.945 261.078Z"); }
.cta-clip-outer .cta-clip-right:before { transform: skew(-14deg); }


/* Story Section */ 
.delivery-app-group{ margin-top: 40px; } 
.delivery-content h3{font-size: var(--font-26); line-height: 38px;}


/* Process Section */ 
.process-grid { gap: 40px; } 
.process-list .process-steps:not(:last-child) { padding-bottom: 15px; } 
.process-item .counting{ width: 100px; height: 100px; } 
.process-item .counting span{ font-size: 36px; } 
.process-item .process-dis h3{ line-height: 35px; } 

/* Other Service */ 
.development-group { margin-top: 40px; }

/* Vision Section */ 
.awards-grid .awards-box {padding: 20px; gap: 15px;} 
.awards-grid .awards-box img {max-height: 110px;} 

/* contact-sec */ 
.contact-sec-inner { padding: 40px 0 80px;} 
.contact-sec .section-inner-head { margin: 28px 0 30px;} 
.contact-get-outer { gap: 20px; margin: 30px 0 0; max-width: 447px;} 
.contact-details { max-width: 447px;} 
.contact-seprator { right: 5px;} 
.contact-grid .contact-left { width: calc(100% - 560px);} 
.contact-form-home { padding: 30px 20px; width: 560px; margin-top: -205px;} 
.contact-get-left ul li { padding-left: 26px; line-height: 26px; font-size: 16px;} 
.contact-get-left ul li:before { top: 5px;} 
.contact-get-right .contact-get-col { padding: 10px 30px;} 
.contact-get-outer h3 { font-size: 18px; margin: 0 0 10px;} 
.contact-get-right .contact-get-col:not(:last-child) { margin: 0 0 10px;} 
.contact-form-home form .form-group { margin-bottom: 20px;} 
.form-control { padding: 16px 15px; font-size: 14px; height: 50px;} 
.contact-details .teamblockftr:not(:last-child) { margin: 0 0 15px;} 
.contact-details .teamblockftr { padding: 15px 20px;} 
.radio-list ul li:not(:last-child) { margin-bottom: 5px;} 
.contact-form-head { margin: 0 0 20px;} 
.contact-form-head p { line-height: 24px;} 
.contact-data-inner p { margin-bottom: 2px; letter-spacing: 2px; font-size: 12px; line-height: 18px;} 
.contact-get-right .contact-get-col .contact-get-text { font-size: 18px;} 
.contact-get-right .contact-get-col .contact-get-text span { font-size: 14px;} 
.radio-list ul li { line-height: 15px;} 
.contact-form-head h2 { line-height: normal;} 
.contact-form-home form .form-group textarea.form-control { min-height: 93px;} 
.filelabel { padding: 15px 20px;} 
.enter-value span { font-size: 14px; margin-right: 10px; line-height: 16px; padding-top: 16px;} 
.contact-seprator { right: 62px;} 
.blog-sec .section-inner-head { margin: 0 0 30px;} 
.blog-card h3 { font-size: 20px; max-width: 540px;} }

@media screen and (max-width: 1441px) and (min-width: 1200px) { .process-item { min-height: 350px; }  }

@media screen and (max-width: 1199.98px) and (min-width: 992px) { .process-item { min-height: 470px; }  }

@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.sticky-header .navbar-toggler .navbar-toggler-icon { background-color: #000;} 
.header-main .navbar-collapse { background: var(--color-white); 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-banner-content h1 { line-height: 45px;} 
.contact-seprator { display: none;} 
.development-link-text:not(:last-child) { padding: 0 0 25px; margin: 0 0 25px;} 
.development-link-text .table{ margin-bottom: 30px;} 
.development-link-text h3, .development-link-text img { margin: 0 0 20px;} 
.cuide-development-main-sec .list-group .cuide-development-link { padding: 15px 20px;} 
.cuide-development-main-sec .section-inner-head { margin: 0 0 40px;} 

/* ai-development-section */
.ai-development-service{gap: 30px;}
.ai-development-section .ai-development-img {margin-top: -55px;}

/* why-section */ 
.why-section-content{padding: 60px 17px 0px 60px;}
.market-cap-item .market-size{ font-size: 38px; line-height: 50px;} 
.market-cap-item .market-size span { font-size: var(--font-20); } 
.market-cap-item .market-cap-title { font-size: var(--font-16); } 


/* Other Service */ 
.development-platform h3 { font-size: 20px; line-height: 28px; }
.development-platform .link-btn { width: 50px; height: 50px; }

/* Development Expertise  */
.development-expertise-group{gap: 30px;}

/* Call to Action Section */
.cta-clip-left { clip-path: initial; border-radius: 20px; overflow: hidden; width: 100%; padding: 57px 92px 57px 52px; }
.cta-clip-outer .cta-clip-right { display: none; }


}
@media screen and (max-width: 1024px) { 
/* why-section */ 
.market-cap {margin: 40px 0px 80px;}

/* Ai Service Section */
.ai-service-group .ai-service-item h3{ font-size: 20px; line-height: 30px;}

/* Story Section */ 
.delivery-app-group{ display: flex; flex-direction: column-reverse; } 
.delivery-content { padding: 20px 40px 40px 40px; } 
.delivery-content h3{font-size: var(--font-22); line-height: 32px;}

}

@media only screen and (max-width: 991px) {
/* ai-development-section */
.ai-development-section{padding-top: 0px;}
.ai-development-service{grid-template-columns: 1fr 1fr;}
.ai-development-section .ai-development-img {margin-top: 30px; width: 100%; max-width: 400px; margin-inline: auto; text-align: center;}
.ai-development-section .ai-development-img img{padding-inline: 15px;}
.ai-developement-service-item .content-body{padding: 30px 20px;}

/* why-section */
.why-section-content{ flex-direction: column; align-items: center; padding: 40px 30px 0px; border-radius: 30px;}
.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; }

/* Call to Action Section */
.cta-clip-outer .cta-clip-left h2 { font-size: 22px; line-height: 34px; }
.cta-clip-left { padding: 50px 20px; }


/* Service accordion */ 
.our-services-m { margin-bottom: 30px; } 
.services-desktop{ display: none; } 
.services-mobile { display: block; } 
.services-mobile .accordion-item { border: none; } 
.services-mobile .accordion-header , .services-mobile .accordion-header, .services-mobile .icn img, .services-mobile .service-title{ transition: var(--ease-in-out); } 
.services-mobile .accordion-item .accordion-header .icn { width: 32px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; } 
.services-mobile .accordion-item .accordion-header { padding: 15px 75px 15px 15px; border-radius: 0; position: relative; display: flex; align-items: center; cursor: pointer; width: 100%; background-color: #F5F5F5; transition: var(--ease-in-out); border: 1px solid var(--color-white); color: #000; font-size: 18px; line-height: 20px; font-weight: var(--fw-500); }

.services-mobile .accordion-item .accordion-header .service-title { padding-left: 10px; }
.services-mobile .accordion-item .accordion-header:not(.collapsed) { background-color: var(--theme-color); border-color: var(--theme-color); } 
.services-mobile .accordion-item .accordion-header:not(.collapsed) .service-title { color: var(--color-white); } 
.services-mobile .accordion-item .accordion-header:not(.collapsed) .icn img { filter: invert(1); }
.services-mobile .accordion-item .accordion-header:not(.collapsed)::after { border-width: 1px 0 0 1px; top: 48%; border-color: var(--color-white); }
.services-content-inner p ,.services-mobile>div { margin: 0 0 20px; }
.services-mobile .accordion-item .accordion-header::after { content: ""; position: absolute; border: solid #000; border-width: 0 1px 1px 0; height: 12px; width: 12px; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%); right: 12px; top: 40%; transform-origin: center; transform-origin: 0 0; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s; }
.services-mobile .accordion-item .accordion-collapse { color: var(--color-white); } 
.services-mobile .accordion-item .accordion-collapse .accordion-body { padding: 30px; background: linear-gradient(259.38deg, rgba(7, 21, 48, 0) 10.88%, rgba(0, 30, 51, 0.9) 50.41%), var(--service-bg-image); background-size: cover; background-position: center; }

/* Story Section */ 
.delivery-content { padding: 10px 30px 30px 30px; } 
.story-list { margin: 24px 0px 20px; } 


/* Process Section */ 
.process-grid { padding-top: 40px; } 
.process-section .section-inner-head{ margin-bottom: 0px; } 
.process-item{ flex-direction: column; padding-top: 0px; background-color: var(--color-white); border-radius: 20px; position: unset; } 
.process-item .process-img, .process-item .process-dis{ width: 100%; } 

/* Other Service */ 
.development-group { grid-template-columns: repeat(2, 1fr); }

/*  contact-sec  */
.contact-sec { padding: 80px 0 0;}
.contact-sec .section-inner-head { margin: 0 0 30px;}
.contact-grid { flex-wrap: wrap;}
.contact-details { max-width: 100%;}
.contact-get-outer { max-width: 100%; justify-content: space-between;}
.contact-grid .contact-left { width: 100%; padding-right: 0px; padding-bottom: 40px;}
.contact-form-home { padding: 30px; width: 100%; margin-top: 40px;}
.contact-seprator { display: flex; right: auto; bottom: 0; width: 100%; height: 1px; justify-content: center;}
.contact-seprator:after,
.contact-seprator:before { width: calc(50% - 20px); top: 50%; height: 1px; left: 0;}
.contact-seprator:before { right: 0; left: auto;}
.blog-card h3 { font-size: 18px; line-height: 28px; margin-top: 10px;}
.row-gap {row-gap: 25px}
}
@media only screen and (max-width: 767px) { 
/* banner */ 
.inner-page-banner{padding-bottom: 0px;} 
.inner-banner-content{ padding-right: 0px; } 
.inner-page-banner .ai-video{ padding: 30px 0px 0px; } 
.inner-page-banner .ai-video img{ display: none; } 

/* 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; } 

/* Industries Section */
.industries-main-outer .swiper-pagination{gap: 10px;}

/* Development Expertise  */
.development-expertise-group{flex-direction: column;}
.development-expertise-group>div{width: 100%;}
.development-expertise-group .right-side{max-height: 100%;}

/* Ai Service Section */
.ai-service-group{ grid-template-columns: 1fr;}

/* CTA Section */ 
.cta-group{ grid-template-columns: 1fr; } 


/* Process Section */ 
.process-item .process-dis h3 { line-height: 30px; font-size: var(--font-20); max-width: calc(100% - 80px); } 
.process-list .process-steps{ font-size: var(--font-16); line-height: 26px; } 
.process-list .process-steps:not(:last-child) { padding-bottom: 10px; } 
.process-item .counting { width: 80px; height: 80px; right: 10px; top: -30px; } 
.process-item .counting span { font-size: 30px; } 

/* Vision Section */ 
.client-satisafctions{ flex-direction: row; margin: 10px auto; max-width: 450px; }

/* faq */
.technologies-faq .frequently-asked-questions .accordion-item:not(:last-child) {margin-bottom: 15px;}
.technologies-faq .accordion-button {padding: 15px 20px;font-size: 18px;}

/* Other Service */ 
.other-service .section-inner-head{ margin-bottom: 30px; }

/* contact-sec   */
.contact-sec .section-inner-head { margin: 0 0 30px;}
.contact-form-home .button-group button { margin: 25px 0 0;}
.cuide-development-main-sec .list-group { display: none;}

.blog-sec .row-gap { row-gap: 20px;}
}
@media only screen and (max-width: 675px) {
.inner-subtitle { letter-spacing: 2.66px;}



/* Rating Section */
.rating-section .section-inner-head h2 { margin-bottom: 0px; }
.ratings-group{ flex-direction: column; }
.goodfirms-rating{ border-left-width: 0px; border-right-width: 0px; border-top-width: 1px; border-bottom-width: 1px; }
.rating-item, .ratings-group .clutch-img{ width: 100%; max-width: 100%; }
.rating-card-group { grid-template-columns: repeat(1, 1fr); margin-top: 20px;
}

/*  contact  */
.contact-get-outer { flex-wrap: wrap;}
.contact-get-right { width: 100%; display: flex; gap: 20px; flex-wrap: wrap;}
.contact-get-right .contact-get-col:not(:last-child) { margin: 0 0 0;}
.contact-get-right .contact-get-col { width: calc(50% - 10px);}
.contact-form-home { padding: 25px 15px;}
}
@media screen and (max-width: 576px) { 
/* ai-development-section */
.ai-development-service{grid-template-columns: 1fr;}

/* why-section */ 
.market-cap{ flex-direction: column; } 
.market-cap-item:not(:last-child) {padding-bottom: 20px; border-bottom: 1px solid var(--border-color); }

/* Industries Section */
.industries-slider .swiper-slide { height: 400px; width: 150px; left: -75px;}
.industries-slider .swiper-slide.swiper-slide-active {width: 300px !important;}

/* Vision Section */ 
.client-satisafctions{ flex-direction: column; } 
.awards-grid{ grid-template-columns: 1fr; } 

/* Other Service */ 
.development-group { grid-template-columns: repeat(1, 1fr); gap: 20px; } 
.row-gap {row-gap: 20px}
}
@media only screen and (max-width: 480px) { 
.cta-btn.rounded-btn,.header-main .button-group .cta-btn{ padding-inline: 20px 5px; font-size: 14px; }
/*  contact  */
.contact-data-inner p { display: none;}
.contact-details .teamblockftr .contact-icon img { max-width: 24px;}
.contact-details .teamblockftr .contact-data-inner { padding-left: 10px; font-size: 16px;}
.contact-get-right { flex-direction: column;}
.contact-get-right .contact-get-col { width: 100%;}

}
@media only screen and (max-width: 375px) { 
/* Industries Section */
.industries-slider .swiper-slide {width: 120px; left: -60px;}
.industries-slider .swiper-slide.swiper-slide-active {width: 240px !important;}

/*  contact  */
.contact-details .teamblockftr { padding: 15px; gap: 10px; flex-direction: column;}
.contact-details .teamblockftr .contact-data-inner { padding-left: 0;}
}