/*****************************Restaurent App Development*******************************/
/*Banner CSS*/
.restaurentAppSection { background-image: url('../images/restaurentbg.png'); position: relative; background-repeat: no-repeat; background-size: 100% 100%; }
.trustedSubBannerTxt { font-weight: 600; font-size: 19px; color: #1F61E8; padding: 38px 9px; border-radius: 5px; background: #FFFFFF; }
.trustedSubBannerArea { display: flex; align-items: center; gap: 13px; }
.trustedSubBanner { padding: 10px; border-radius: 10px; box-shadow: 0px 4px 20px 0px #00000033; position: absolute; bottom: -11%; left: 6%; min-width: 90%; }
.trustedSubBannerImg:not(:last-child) { border-right: 1px solid #FFFFFF40; padding-right: 8px; }
.trustedSubBannerImg:not(:first-child) { padding-left: 8px; }
.subBannerImgs { display: flex; align-items: center; justify-content: space-between; width: 88%; }
.aiPoweredSection { background-image: url('../images/aipoered_img.png'); background-repeat: no-repeat; background-size: 100% 100%; }
/* Bespoke Restaurant App Development Solutions */
.bespokeRestaurents { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.restaurentProjectSection { background-color: #1F61E8; padding: 30px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; margin-top: 45px; }
/* Refining Culinary Experiences with Al & Machine Learning in Restaurant App Development */
.culinarySection { background: #EFF7FF; }
.refiningCulinary { box-shadow: 0px 8px 30px 0px #00000026; border-radius: 15px; padding: 0px 7px 27px 17px; display: flex; align-items: flex-start; gap: 21px; background-color: #FFFFFF; }
.refiningCulinaryContent { padding-top: 16px; }
.refiningCulinaryImg { margin-top: -22px; width: 90px; height: 123px; }
.refiningCulinaryContainer { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; }
.restaurent { border-radius: 15px; box-shadow: 0px 5px 30px 0px #00000026; padding: 24px 11px 29px 12px; background-color: #FFFFFF; position: relative; }
.exploreRestaurentImg { padding: 7px 10px 6px 20px; border-radius: 0px 5px 5px 0px; }
.resContainer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.exploreRestaurentImg { padding: 0; border-radius: 0px 5px 5px 0px; position: absolute; top: 8%; left: 0; width: 62px; height: 45px; }
.ps-55 { padding-left: 55px; }
/*Business apps, products & solutions we've built */
.businessAppSection { background: #F0F8FF; }
.businessAppArea { background-color: #FFFFFF; border-radius: 20px; box-shadow: 0px 8px 30px 0px #00000033; display: grid; grid-template-columns: 1fr 2fr; align-items: center; padding-right: 35px; }
.businessAppImg { margin: -59px 0px -55px 0px; }
.mb-100 { margin-bottom: 100px; }
.businessAppArea2 { grid-template-columns: 2fr 1fr; padding-left: 35px; padding-right: 0px; }
/* Benefits Of Developing Restaurant App */
.developingResSection { background: linear-gradient(347.96deg, #1F61E8 -71.89%, #FFFFFF 82.2%); }
.developingRes { border-radius: 20px; background-color: #FFFFFF; box-shadow: 0px 10px 40px 0px #1F61E829; padding: 24px; }
.developingRestaurentArea { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.featureImgContainer { padding: 0; border-radius: 50%; box-shadow: 2px 4px 20px 0px #FCC525; margin-left: -20px; width: 100%; height: 70px; display: flex; align-items: center; justify-content: center; max-width: 70px; min-width: 70px; }
.mainFeature { display: flex; align-items: center; gap: 16px; background-color: #FFF5D8; border-radius: 20px; padding: 30px 25px 30px 0px; }
.ResFeatureImg { height: 40px; width: 40px; object-fit: contain; }
.mainFeaturesContainer { display: grid; grid-template-columns: repeat(2, 1fr); gap: 57px; }
.boxShadow_green { box-shadow: 2px 4px 20px 0px #19B04C; }
.boxShadow_blue { box-shadow: 2px 4px 20px 0px #1F61E8; }
.boxShadow_red { box-shadow: 2px 4px 20px 0px #E21A27; }
.mainFeature_greenbg { background-color: #F2FEF6; }
.mainFeature_bluebg { background-color: #DCE7FE; }
.mainFeature_redbg { background-color: #FFE7E8; }
/* Our Restaurant App Business Model */
.resAppSection { position: relative; }
.resBusinessBg { position: absolute; right: 0; bottom: 2%; z-index: -1; width: 44%; }
.resApp { max-width: 285px; border-radius: 30px; background-color: #FFFFFF; box-shadow: 0px 10px 40px 0px #1F61E829; padding: 30px 20px; }
.restaurentAppArea { display: grid; grid-template-columns: repeat(2, 1fr); }
.resAppMainContainer { display: flex; gap: 15px; justify-content: end; }
.resAppContainer:nth-child(1) { margin-top: 60px; }
.pleasureContainer { border-radius: 10px; box-shadow: 0px 4px 20px 0px #00000033; padding: 20px 15px; display: flex; justify-content: space-between; align-items: center; }
.developingRes img { width: 48px; height: 48px; }
.restaurentProjectSection .heading15 { width: 74%; }
.resApp img { width: 31px; height: 37px; }
.restaurantBanner .cta-vrt { padding: 50px 40px; }
/*****************************Block Chain CSS********************************/

/*Main Banner*/
.blockChainSection { background-image: url('../../blockchainImgs/blockchainbg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
/* Our SaaS Development Capabilities */
.saas { box-shadow: 0px 10px 40px 0px #1F61E829; background-color: #FFFFFF; border-radius: 20px; padding: 30px; text-align: center; }
.saasImg { width: 113px; height: 109px; }
.saasContainer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
/* Project-based Development Section */
.projectBasedSection { background-image: url('../../blockchainImgs/projectBasedBg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.projectBase { background: #FFFFFF; border-radius: 20px; box-shadow: 0px 10px 40px 0px #1F61E829; }
.projectTop { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: end; min-height: 250px; }
.projectBasedIcon { height: 40px; width: 40px; }
.projectBasedImgContainer { height: 80px; width: 80px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.2); border-radius: 50%; }
.projectBaseBg { position: absolute; left: -4%; top: -2%; z-index: 1; width: 108%; height: 117%; }
.z_index2 { z-index: 2 !important; }
.text-left { text-align: left !important; }
.cardContentContainer { display: flex; align-items: center; gap: 7px; }
.projectBasedContainer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; }
.cardContent { padding: 17px 0px 17px 33px; border-top: 1px solid #1F61E926; }
.card_BottomBorder { border-bottom: 1px solid #1F61E926; }
.card_btn { padding: 14px 18px; border: 2px solid #1F61E8; border-radius: 100px; font-weight: 500; font-size: 16px; color: #1F61E8; background-color: unset !important; }
.card_btnContainer { display: flex; align-items: center; justify-content: center; padding: 30px 0px; }
.recommendText { font-weight: 500; font-size: 12px; color: #FFFFFF; padding: 7px 15px; background: #19B04C; border-radius: 100px; box-shadow: 0px 7px 14px 0px #19B04C80; position: absolute; bottom: -15%; z-index: 1; left: 36%; }
/* Not Finding a Model That Suits Your SaaS Needs? */
.heading70 { font-size: 70px; }
.modelContainer { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 21px; }
/* End-to-End SaaS Application Development */
.endPointImg { height: 30px; width: 30px; }
.endPointImgContainer { height: 72px; min-width: 72px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 8px 22px 0px #1F61E826; border-radius: 50%; position: relative; width: 100%; max-width: 72px; }
.endPointImgContainer::before { content: "--------"; height: 1px; width: 72px; color: rgba(31, 97, 232, 0.4); position: absolute; left: -94%; top: 38%; }
.endToEndPoint { display: flex; align-items: center; gap: 23px; }
.endSectionContainer { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 65px; }
.endSectionImg { display: flex; justify-content: end; align-items: center; }
.endSectionImgMain { position: relative; z-index: 2; }
/* SaaS Consulting and Strategy */
.consultingSection { background: #F0F8FF; }
.consultingArea { background-color: #FFFFFF; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); padding: 20px 25px; min-width: 320px; min-height: 241px; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 320px; width: 100%; }
.consultingArea .subHeadingText14 { line-height: 23px; }
.consultingContainer { display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; justify-content: center; }
.px-20 { padding: 0px 20px 0px 20px; }
.consulting { display: flex; flex-direction: column; align-items: center; gap: 21px; position: relative; }
.consulting:not(:last-child) { margin-right: -53px; }
.polygon .consulting:not(:last-child) { margin-right: -53px; }
.consultingImgContainer { align-items: end; }
.downArrowImg1 { position: absolute; top: -41%; left: 50%; transform: translateX(-50%); width: 68px; height: 54; }
.downArrowImg2 { position: absolute; bottom: -44%; left: 50%; transform: translateX(-50%); width: 68px; height: 54; }
/* Our SaaS UX/UI Design Services */
.uiServiceSection { background-image: url('../../blockchainImgs/projectBasedBg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.uiService { background-color: #FFFFFF; border-radius: 15px; box-shadow: 0px 2px 44px 0px #1F61E826; padding: 20px 14px; }
.uiserviceImg { max-height: 45px; width: 35px; }
.uiserviceImgContainer { height: 65px; width: 65px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.uiService_bluebg { background: rgba(31, 97, 232, 0.15); }
.uiService_yellowbg { background: rgba(234, 166, 11, 0.15); }
.uiService_greenbg { background: rgba(25, 176, 76, 0.15); }
.uiService_redbg { background: rgba(226, 26, 39, 0.15); }
.uiServiceHeader { display: flex; align-items: center; gap: 15px; }
.uiServiceContainer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
/* Looking for Custom Website */
.customWebsiteSection { background-image: url('../../blockchainImgs/customSectionBg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.customWebsiteArea { background-image: url('../../blockchainImgs/customWebsiteBg.png'); background-repeat: no-repeat; background-size: 100%; display: grid; grid-template-columns: 1fr 1fr; }
.custom_form { max-width: 508px; margin-left: auto; margin-top: 70px; }
.saasPlatformArea { background-image: url('../../blockchainImgs/saasPlatformBg.png'); background-repeat: no-repeat; background-size: 100% 100%; padding: 62px 0px 62px 31px; min-height: 605px; position: relative; border-radius: 47px; }
.saasPlatformImg { position: absolute; right: 2%; bottom: 0; height: unset !important; width: 100% !important; max-width: 447px; }
.max_width35 { max-width: 35%; }
.saasSliderOne { max-width: unset; margin: 0px; }
.chefBookingSlide, .chefSlide { width: 100% !important; }
.tickImg { height: 9px !important; width: 12px !important; }
.saasPlatform_dots { bottom: -8%; }
/* SaaS Applications We Develop */
.black-txt { color: #171717 !important; }
.saasAppContainer { display: grid; grid-template-columns: 1fr 2fr; gap: 30px; }
.font18 { font-weight: 500; font-size: 18px; color: #171717; }
.saasApp { padding: 25px 19px; border-radius: 20px; box-shadow: 0px 6px 20px 0px #00000026; }
.saasAppArea { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.des17 { font-size: 17px; font-weight: 400; color: #53498A; }
.saasAppImg { height: 34px; width: 34px; }
.saasAppImgContainer { height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.saasApp_yellowBg { background: rgba(234, 166, 11, 0.1); }
/* Various Industries We Serve */
.industriesServeSection { background-image: url('../../blockchainImgs/industriesServeBg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.industriesServeImg { height: 34px; width: 34px; }
.industriesServeImgContainer { height: 68px; width: 68px; display: flex; align-items: center; justify-content: center; border-radius: 16px; }
.industriesServe { padding: 35px 50px; border-radius: 9px; background-color: #FFFFFF; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.industriesServeContainer { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.serve_redbg { background: #FFDFDF; }
.serve_violetbg { background: #F4F4FF; }
.serve_skybluebg { background: #E9F6FF; }
.serve_greybg { background: #EBEBED; }
.serve_pinkbg { background-color: #FFE5F7; }
.serve_greenbg { background-color: #E2FFED; }
.serve_orangebg { background-color: #FFEEDF; }
.serve_yellowbg { background-color: #FFF7E0; }
.industriesServe:hover .industriesServeImgContainer { background: #FFFFFF; }
.industriesServe:hover { background-color: #2B69E9; }
.industriesServe:hover .industriesServeTxt { color: #FFFFFF !important; }
/* Unleash the Power of SaaS for Your Business */
.heading44 { font-size: 44px; font-weight: 600; }
.unleashArea { background-color: #1F61E8; background-image: url('../../blockchainImgs/unleashBg.png'); background-repeat: no-repeat; border-radius: 50px; background-size: 100% 100%; padding: 61px 61px 61px 71px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 72px; align-items: center; }
.unleasInnerImg { margin-top: -22%; width: 100%; margin-bottom: -4%; }
.unleashImgContainer { position: relative; }
.unleashImgContainer::before { content: ""; height: 8px; width: 311px; background: #EAA60B; border-radius: 213px; position: absolute; left: -43%; bottom: 10%; }
/*Tab CSS*/
.customTabContainer { display: grid; grid-template-columns: 1fr 2fr; align-items: flex-start; }
.saas_tab { margin-top: 0px; display: block; }
.saasTabLink { font-size: 20px !important; font-weight: 500 !important; color: #a19e9e !important; padding: 10px 22px !important; border-radius: 50px; border: none !important; display: inline-block; width: 90%; text-align: left; position: relative; }
.saasTabLink.active { color: #1F61E8 !important; background: rgba(31, 97, 232, 0.05); }
.saasTabLink.active::before { content: ""; height: 14px; width: 9px; position: absolute; background-image: url('../../blockchainImgs/tabArrowImg.svg'); background-repeat: no-repeat; right: -6%; top: 50%; transform: translateY(-50%); }
.saasTabLink:not(:last-child) { margin-bottom: 10px; }
.saasTabSubHeading { font-weight: 400; font-size: 12px; color: #53498A; }
.saasTabContainer { padding: 19px 10px !important; max-width: 150px; max-height: 162px !important; display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; }
.saasTabImg { height: 65px; width: 65px !important; }
.saas_stackList { justify-content: flex-start !important; }
.endSectionImg img { width: 100% !important; z-index: 2 !important; }
.consultingImg { width: 100%; }
.tablinks.saasTabLink.active { color: #1F61E8 !important; background: rgba(31, 97, 232, 0.05) !important; }
.custom_tab.saas_tab { margin: 0; display: block; }
.getStartedBtn.sky-blue-bg.mt-20.d-inline-block { display: block; max-width: 463px; }
.consultingArea>.fontSize20 { max-width: 62%; }
.content { max-width: 58%; }
.content >.white-txt.mt-0.mb-20 { padding-top: 42px; }
.slidernewOne.saasSliderOne { max-width: unset !important; }
.cta-vrt > p{ color: #53498A !important; }
.dots.saasPlatform_dots { display: none; }
.app-provide-inr.mt-30 { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 20px !important; }
.saasPlatformContent ul { list-style-type: none; padding-left: 29px; }
.saasPlatformContent  li{ position: relative; }
.saasPlatformContent  li::before { content: "✓"; height: 9px; width: 12px; position: absolute; left: -7%; top: 9%; color: green; }
.saasPlatformContent p{ font-size: 15px; }
a.card_btn { text-decoration: none; }
.page-id-2455 .overlay_img { top: 15px; }
.page-template-mean-stack-development-company section.mainBannerSection { overflow: hidden; }
.page-id-5703 .mainBannerSection:after { content: ""; background: #cadafa; width: 514px; height: 100%; position: absolute; top: 0; right: -13%; border-radius: 100%; aspect-ratio: 1 / 1; }
.page-id-5703 .mainBannerSection:after { overflow: hidden; }
.page-id-5703 .fullstackBanner .mainBannerContainer .bnr-img img { margin-top: 0; }
.mainBannerHeadingContainer { display: flex; flex-direction: column; justify-content: center; }
.mainBannerHeadingContainer .getStartedBtn { max-width: fit-content; }
.page-id-5450 .endtoendSection { padding-bottom: 60px; }
.page-id-6143 .fullstackBanner .mainBannerContainer .bnr-img img { margin-top: 0; }
.page-id-6143 .mainBannerSection p { color: #53498a !important; margin-bottom: 19px; }
.page-id-6143 .mainBannerSection::before { background: #F5F9FF!important; }
.page-id-6143  ul { padding: 0; list-style: inside; }
.appStudioContent1 h4 { max-width: 91%; }
.page-id-5703 .industriesServeSection { margin-top: 40px !important; }
.hireMobileDevContent .subDescription { margin-bottom: 10px !important; }
.page-id-6389 .overlap-form-inr { background-size: 100% 100% !important; }
.page-id-6569 .overlap-form-inr { background-size: 100% 100% !important; }
.page-id-6698 .estate_img1 { width: 80px; height: 80px; padding: 17px; }
.robust-solutions .sec-head { margin-bottom: 20px; }
/**===================================== Ai Agent Development================================ **/
a{ text-decoration: none!important; }
/*Main Banner*/
.aiAgentSection{ background-image: url('../../aiAgentImgs/aiagent_bannerbg.png'); }
.aiAgentCounters{ gap: 15px; grid-template-columns: repeat(4,1fr); }
.aiAgentCounters .green-container { height: 6px; width: 170px; }
.diverseCounter.aidiverseCounter { display: flex; flex-direction: column; align-items: center; }
/*Services We Offer As AI Agent Development Company*/
.px-10{ padding-right: 10px; padding-left: 10px; }
.aiAgentAccordionContainer { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; min-height: 470px; }
/* .aiAgentAccordionContainer .accordion{ display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; min-height: 470px; } */
.aiAgentAccordionContainer .accordionTitleContainer { padding: 10px 29px 10px 10px !important; }
.aiAgentAccordionContainer  .accordionTitle { padding: 24px 5px !important; font-size: 16px; }
.accordionTitleContainer { padding: 10px 44px 10px 20px !important; }
.aiAt_item { border: 2px solid #1F61E833 !important; border-radius: 0px !important; background-color: #f1f1f1 !important; }
.ai_accordionTitle{ padding: 0px !important; }
.accordionBtnContainer { display: flex; align-items: center; gap: 8px; }
.at-title.active .ai_accordionTitle{ padding-bottom: 0px !important; }
.at-title.accordionTitleContainer.active { border-bottom: 2px solid rgba(0,0,0,.02); }
.at-title.accordionTitleContainer.active:after{ top: 56% !important; content: "+"; }
.p-15{ padding: 15px; }
.accordionTitleContainer::after{ content: "+"!important; background-image: unset !important; color: #1D1068; font-weight: 500; height: 36px; width: 18px; }
/* How Our AI Agent Development Company Builds Platforms */
.aiDev { display: flex; align-items: flex-start; gap: 15px; box-shadow: 0px 4px 20px 0px rgba(30.99999999999999, 97.00000000000001, 232, 0.23); padding: 60px 25px 25px 25px; border-radius: 10px; position: relative; }
.aiDevCount { font-size: 26px !important; font-weight: 600 !important; color: #FFFFFF !important; background-color: #19B04C !important; border-radius: 50% !important; margin: 0px; padding: 10px 20px !important; top: -9%; left: 13%; }
.page-id-7011 .aiDevCount { position: absolute !important; }
.ai_greenshadow { box-shadow: 0px 0px 1px 12px rgba(25.000000000000007, 176, 76.00000000000003, 0.37) !important; }
.ai_blueshadow{ box-shadow:0px 0px 1px 12px rgba(30.999999999999964, 96.9999999999999, 232, 0.21568627450980393)!important; }
.ai_yellowshadow{ box-shadow:0px 0px 1px 12px rgba(232, 174.99999999999994, 9.000000000000037, 0.21568627450980393)!important; }
.ai_redshadow{ box-shadow:0px 0px 1px 12px rgba(235.99999999999997, 29.99999999999997, 79.0000000000001, 0.21568627450980393)!important; }
.aiDevContainer { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; }
.aiDevIcon{ width: 100%; max-width: 54px; }
/* We’d Love To Hear Your Queries */
.queriesArea { background-image: url('../../aiAgentImgs/queriesBg.webp'); background-repeat: no-repeat; background-size: 100% 100%; border-radius: 50px; padding: 60px; display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.aiFormArea { margin-top: -18%; margin-bottom: -18%; }
/* Latest Technology Used by Our AI Agent Development Company */
.aiCustomTab{ background-color: #EAF1FF; }
.aiTabLinks{ color: #1D1068 !important; font-weight: 600; font-size: 14px; border: unset !important; }
.tablinks.aiTabLinks.active { background-color: #1029D8 !important; color: #FFFFFF !important; }
.aitabIcon{ height: 64px !important; width: 64px !important; }
.aiStackList { max-width: unset !important; justify-content: flex-start; }
.stack_item.aiStackItem { width: unset; min-width: 246px; min-height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: min-content; }
.aiStackItem img , .aiStackItem svg{ height: 64px !important; width: 64px !important; margin-bottom:15px !important; }
/* Our Verified Clutch Reviews */
.aiBrand_card{ box-shadow:unset; background-color: #fff; border-radius: 10px; padding: 2px 17px; margin: 13px 71px; }
.aibrandImg { width: 100px !important; height: 36px !important; object-fit: contain; }
.ratingStars { line-height: 0px; }
/* Let’s Build Smart Solutions for Your Business!  */
.smartSolSection{ background-color: #1D1068; }
.smartSolContainer { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; align-items: center; }
.smartSolImgContainer{ display: flex; justify-content: center; align-items: center; }
.aiSets{ padding: 20px; border-radius: 10px; border:3px solid; }
.aiSet_redBorder{ border-color: #F285AB; }
.aiSet_blueBorder{ border-color: #91B5F5; }
.aiSet_yellowBorder{ border-color: #E8AF097D; }
.aiSet_greenBorder{ border-color:#8FD8A9; }
.aiSetsContainer { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.aiSetsContainerSecond{ display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.enagagementModel{ box-shadow: 0px 0px 20px 0px rgba(30.99999999999999, 97.00000000000001, 232, 0.2); padding: 20px; border-radius: 10px; }
.contactBtn{ font-size: 15px; font-weight: 600; color: #1D1068; border-radius: 60px; padding: 15px 30px 15px 30px; background-color: #FFFFFF; }
.engagementContainer { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.enagagementModel{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
/* Looking for a reliable AI Agent Development Company? */
.reliableCompany { padding: 15px 20px; border-radius: 60px; display: flex; align-items: center; gap: 20px; border: 1px solid; }
.reliableCompany_borderred{ border-color: #EC1E4F; }
.reliableCompany_borderylw{ border-color: #E8AF0A; }
.reliableCompany_bordergreen{ border-color: #3BB04C; }
.reliableCompany_container { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.journeyBrand_img{ max-height: 100px; max-width: 100px; }
.journeyBrand_track{ align-items: center; }
/* Reasons Why Our Clients Trust Us As AI Agent Development Company */
.trustSection{ background-color: #F5F5F5; }
.trustContainer{ padding: 30px; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(30.99999999999999, 97.00000000000001, 232, 0.2); border: 2px solid #1F61E833; }
.trustUsContainer { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; }
.excellenceImgs{ max-width: 130px; max-height: 130px; margin:0 auto; }
.excellenceContainer { display: grid; grid-template-columns: repeat(5,1fr); align-items: center; justify-content: center; gap: 43px; }
/***Rating Section**/
.totalViews{ font-weight: 400; font-size: 10px; color: #e62415; }
.ratingStar { height: 16px !important; width: 16px !important; filter: invert(21%) sepia(98%) saturate(7497%) hue-rotate(357deg) brightness(88%) contrast(110%); }
.ratingSubHeading{ font-weight: 400; font-size: 24px; color: #17313b; }
.des20{ font-size: 20px !important; }
.slidingAreaHeading { display: flex; align-items: center; gap: 25px; }
.overallRating { display: flex; align-items: center; gap: 12px; }
.color_lightBlack{ color: #17313b;; }
.clutchRatingImg{ height: 15px; width: 35px; }
.poweredSection { display: flex; align-items: flex-end; gap: 3px; }
.sliderHeadingArea { display: flex; align-items: center; justify-content: space-between; }
.sliderContentPara{ font-size: 14px; font-weight: 400; color: #17313b; }
.color_lightGrey{ color: #6a7a7e !important; }
.slidingContainer { box-shadow: 0 3px 8px rgba(0,0,0,.08); padding: 15px; max-width: 260px; height: 100% !important; min-height: 200px; }
.reviewSlider { max-width: unset !important; min-height: 233px; position: relative; padding-top: 15px; }
.reviewSlides{ width: 100%; }
.reviewSlideOne{ display: grid; grid-template-columns: repeat(4,1fr); align-items: center; gap: 20px; }
.reviewSlide{ width: 100%; display: flex; align-items: center; justify-content: center; background-color: unset; }
.verifiedCluthSection{ background-color: #FAFAFA; }
.reviewDots { display: flex; justify-content: center; gap: 30px; left: 50%; position: absolute; bottom: -10%; transform: translateX(-50%); }
.reviewDot { height: 10px; width: 10px; border: 1px solid #ddd; background-color: transparent; }
.dot.active.reviewDot { background-color: #ddd !important; }
.arrowLeftImg, .arrowRightImg{ filter: invert(21%) sepia(98%) saturate(7497%) hue-rotate(357deg) brightness(88%) contrast(110%); height: 29px; width: 16px; }
.arrowRightImg{ rotate: 180deg; }
.leftArrow , .rightArrow{ border: none !important; background-color: transparent !important; cursor: pointer; }
.leftArrow{ position: absolute; left: 2%; top: 35%; }
.rightArrow{ position: absolute; right: 2%; top: 35%; }
.accordionBtnContainer img { width: 60px; height: 60px; }
.servicesOfferSection .accordionPara { padding: 12px 0 15px 15px !important; }
.aiSets img { width: 80px; height: 80px; }
.aiAgentAccordionContainer .accordionTitleContainer.at-title.active .ai_accordionTitle { padding: 24px 5px !important; }
.page-id-1309 .hireMobileDev { padding: 0; }
.page-id-5450 .overlap-form-inr { padding: 122px 70px 70px; border-radius: 50px; background-size: 100% 100% !important; }
/*Banner CSS*/
.generativeAiSection{ background-image: url('../../images/aiServiceBg.png'); }
/*Experience the Power of Generative AI to Drive Fast-Paced Transformation*/
.experienceaiSection{ position: relative; }
.experienceAiContainer { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.linearBg1 { background: linear-gradient(92.36deg,rgb(31, 81, 232,0.22) 1.7%, rgba(31, 97, 232, 0) 97.78%); position: absolute; left: 0; bottom: 0; height: 100%; width: 235px; z-index: -1; }
.linearBg2 { background: linear-gradient(92.36deg, rgb(31, 81, 232,0.22) 1.7%, rgba(31, 97, 232, 0) 97.78%); position: absolute; right: 0; bottom: 0; height: 100%; width: 60px; z-index: -1; transform: rotate(180deg); }
/* How We Can Help */
.helpArea{ box-shadow: 0px 10px 40px 0px rgba(31, 97, 232, 0.16); border-radius: 20px; padding: 28px; position: relative; }
.aiHelpImg{ height: 40px; width: 40px; }
.helpImgIconContainer{ height: 60px; width: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.aiAbsImg1 { position: absolute; right: 2%; top: 6%; width: 156px; height: 156px; }
.aiAbsImgFilter{ filter: brightness(0) saturate(100%) invert(11%) sepia(100%) saturate(6483%) hue-rotate(330deg) brightness(101%) contrast(104%); }
.helpContainer { display: grid; grid-template-columns: repeat(2,1fr); gap: 26px; }
.helpArea:nth-child(1):hover{ background-color: #e21a27 !important; }
.helpArea:hover .fontSize20, .helpArea:hover .heading14 { color: #FFFFFF !important; }
.helpArea:hover .helpImgIconContainer{ background: #FFFFFF !important; }
.helpArea:hover .aiAbsImg1{ filter: brightness(4.5); }
.helpArea:nth-child(1):hover .aiHelpImg{ filter: brightness(0) saturate(100%) invert(11%) sepia(100%) saturate(6483%) hue-rotate(330deg) brightness(101%) contrast(104%); }
.helpArea:nth-child(2):hover .aiHelpImg{ filter: brightness(0) saturate(100%) invert(66%) sepia(49%) saturate(712%) hue-rotate(66deg) brightness(93%) contrast(86%); }
.helpArea:nth-child(3):hover .aiHelpImg { filter: brightness(0) saturate(100%) invert(79%) sepia(82%) saturate(310%) hue-rotate(10deg) brightness(105%) contrast(95%); }
.helpArea:nth-child(4):hover .aiHelpImg { filter: brightness(0) saturate(100%) invert(51%) sepia(84%) saturate(5037%) hue-rotate(185deg) brightness(97%) contrast(101%); }
.helpArea:nth-child(2):hover{ background-color: #19b04c !important; }
.helpArea:nth-child(3):hover{ background-color: #e8af09 !important; }
.helpArea:nth-child(4):hover{ background-color: #1f61e8 !important; }
.aiHelpImg1 { filter: invert(1) brightness(11.5); }
/* Our Generative AI Services */
.fw500{ font-size: 500 !important; }
.generativeAiArea { display: grid; grid-template-columns: repeat(2,1fr); gap: 80px; align-items: center; }
.generativeAiArea1 { background-image: url('../../images/generativeAiBg1.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.generativeAiArea2{ background-image: url('../../images/generativeAiBg2.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.ps-60{ padding-left: 60px; }
.pe-60{ padding-right: 60px; }
.pe-135{ padding-right: 135px; }
.ps-135{ padding-left: 135px; }
/* Sub Form Section */
.subFormSection{ background-image: url("../../images/subFormBg.png"); background-repeat: no-repeat; background-size: 100% 100%; }
/* Our Generative AI Principles */
.aiPrincipleSection{ background-color: #F5F8FF; background-image: url('../../images/aiPrincipleBg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.aiPrincipleImg{ height: 40px; width: 40px; }
.aiPrincipleImgContainer{ height: 80px; width: 80px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.aiPrinciple { border-radius: 30px; padding: 28px; max-width: 410px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.aiPrincipleContainer { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 30px; }
.aiPrinciple:hover { background-color: #FFFFFF !important; cursor: pointer; }
/*Get Started on Your AI Journey*/
.journeyRow-wrapper { display: flex; justify-content: center; gap: 124px; }
.journeyArea { padding: 20px; height: 253px; width: 253px; transform: rotate(45deg); display: flex; align-items: center; justify-content: center; border-radius: 20px; }
.journeyAreaContent { transform: rotate(-45deg); }
.margin_negative45{ margin-bottom: -45px; }
.mb-100{ margin-bottom: 100px; }
.smartSolImgContainer img { width: 100%; }
.page-id-7335 .smartSolSection { background: transparent; }
.page-id-7527 .smartSolSection { background: transparent; }
.page-id-7335 .smartSolContainer { gap: 67px!important; }
.pb-30 { padding-bottom: 30px !important; }
/*Main Banner Section*/
.fitnessAppSection { background-image: url('../../images/fitnessAppBg.png'); position: relative; }
.subBannerArea { display: flex; align-items: flex-start; justify-content: space-between; background-color: #FFFFFF; padding: 24px 40px; box-shadow: 0px 4px 20px 0px #00000033; border-radius: 10px; position: absolute; min-width: 70%; left: 15%; bottom: -8%; }
/*A Leading Fitness App Development Company in the USA*/
.mb-200 { margin-bottom: 200px !important; }
.leadingContainer { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 90px; }
.leadingFitnessSection { background-color: #EFF4FD; }
.heading30 { font-size: 30px; font-weight: 700; color: #372C7A; }
/* Best Fitness App Development Services in India & USA */
.bestAppSection { background-image: url('../../images/bestFitBg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.fitnessAppIcon { height: 28px; width: 28px; }
.fitnessAppIconContainer { height: 47px; width: 47px; background-color: #1F61E8; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.fitnessApp { box-shadow: 0px 4px 4px 0px #00000040; border-radius: 20px; padding: 30px 16px; max-width: 380px; background-color: #FFFFFF; margin-bottom: 0 !important; }
.bestfitnessAppArea { display: flex; gap: 29px; flex-wrap: wrap; justify-content: center; }
.mb-40 { margin-bottom: 40px; }
/* iTechnolabs Fitness Apps and Solutions */
.iTechFitnessApp_container_wrapper { background-position: bottom !important; background-size: 100% 60% !important; }
.iTechFitnessApp_container { display: grid; grid-template-columns: repeat(2,1fr); gap: 100px; align-items: center; }
.max_width65{ max-width: 65%; }
.fitnessImgContainerArea{ display: flex; align-items: center; justify-content: center; }
.bgimg_unset { background-image: unset !important; }
/* Technology Stack We Use for Fitness App Development */
.techStackSection { background-image: url('../../images/techFitSectionBg.png'); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.techForFitness { box-shadow: 0px 4px 4px 0px #00000040; border-radius: 20px; background-color: #FFFFFF; border: 8px solid; border-bottom: 0px !important; padding: 15px 18px; max-width: 757px; display: flex; align-items: flex-start; gap: 26px; position: relative; }
.border_green { border-color: #19B04C !important; }
.border_blue { border-color: #1F61E8 !important; }
.border_red { border-color: #FE424E !important; }
.border_yellow { border-color: #FFBF00 !important; }
.ms-auto { margin-left: auto; }
.techFitImg { height: auto; width: 40px; }
.techFitImgContainer { height: 70px; width: 100%; max-width: 70px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.bg_skyBlue { background-color: #B5E9FF; }
.bg_parrotGreen { background-color: #DAF8B7; }
.bg_dullYellow { background-color: #FFE8A4; }
/* Emerging Technologies We Leverage For Fitness App Development */
.emergingTechSection { background-color: #F5F8FE; }
.emergingTechImg { height: 35px; width: 35px; object-fit: contain; }
.emergingTechIconContainer { height: 66px; width: 66px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-top: -30px; }
.emergingTech { border-radius: 20px; padding: 0px 23px 23px 23px; display: flex; flex-direction: column; align-items: center; background-color: #FFFFFF; text-align: center; }
.emergingTech:hover { box-shadow: 0px 4px 4px 0px #00000040; }
.emergingTechContainer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
/* Hire The Best Fitness App Developers */
.fitAppDevSection { background-image: url('../../images/hirebestfitDevBg.png'); background-repeat: no-repeat; background-size: 100% 100%; border-radius: 20px; }
.fitnessApp_container { display: grid; grid-template-columns: 2fr 1fr; gap: 50px; align-items: center; }
/* Fitness App Developers: Hiring Models */
.hiringModelSection{ position: relative; }
.hiringDev_container { position: relative; padding: 24px; border-radius: 20px; box-shadow: 0px 4px 4px 0px #00000040; background-color: #FFFFFF; }
.hiringModelContainer { display: grid; grid-template-columns: repeat(2,1fr); align-items: center; gap: 80px; }
.hiringDev_container::before { content: ""; height: 110%; width: 96%; background-color: #1F61E8; border-radius: 20px; position: absolute; z-index: -1; top: -5%; right: -2%; }
.hiringDevCount { font-weight: 700; font-size: 40px; color: #1F61E8; position: absolute; margin: 0px; top: -16%; left: -2%; }
.hiringModelAbs { background: #F5F8FE; border-radius: 0px 20px 20px 0px; height: 284px; width: 43%; position: absolute; top: 43%; left: 0; z-index: -1; }
/* Why Choose iTechnolabs as a Fitness Mobile App Development Company? */
.iTechMobileSection{ background-color: #F5F8FE; }
.iTechMobileContainer { display: grid; grid-template-columns: repeat(2,1fr); gap: 47px; }
.fitnessAccItem{ background-color: transparent !important; }
.fitnessAccTitle { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.ps-50{ padding-left: 50px; }
.fitnessAppAccordion { border-right: 2px dashed; padding-right: 20px; }
.fitnessAccTitleContainer::after{ content: unset !important; }
.fitnessAwards { padding: 8px 28px; background: #FFFFFF; border-radius: 20px; box-shadow: 0px 4px 4px 0px #00000040; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.fitnessAwardsSection { display: grid; grid-template-columns: repeat(2,1fr); gap: 28px; }
/* Top-Notch Features of Fitness Mobile Apps */
.topFeaturesSection{ background-image: url('../../images/topNotchFeatureBg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.topFeatureIcon{ height: 35px; width: 35px; }
.topFeatureIconContainer{ height: 55px; width: 55px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.topFeaturesContainer { display: flex; gap: 30px; flex-wrap: wrap; justify-content: center; }
.topFitFeatures { padding: 37px 60px; border-radius: 70px; position: relative; max-width: 253px; box-shadow: 0px 4px 20px 0px #00000033; display: flex; flex-direction: column; align-items: center; background: linear-gradient(90deg, #FFFFFF 0%, #F5F5F5 100%); }
.featureAbsNo { font-weight: 700; font-size: 40px; color: #FFFFFF; position: absolute; top: -19%; z-index: 3; left: 32%; }
.featuresAbsImg { position: absolute; z-index: 1; left: 0; top: -20%; }
.max_width80{ max-width: 80% !important; }
.fitProcessLine1 { position: absolute; right: -34%; bottom: -84%; z-index: -1; }
.fitProcessLine2 { position: absolute; left: -38%; height: 374px; transform: rotate(12deg); }
/* Hire Custom Fitness Mobile App Developers */
.customFitnessSection{ background-image: url('../../images/customFitBg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.fitnessList { padding: 17px 25px; box-shadow: 0px 4px 4px 0px #00000040; border-radius: 20px; list-style-type: none; position: relative; background-color: #FFFFFF; margin-bottom: 22px; }
/* .fitnessList::before { font-size: 14px; font-weight: 600; color: #FFFFFF; background-color: #1F61E8; padding: 5px 8px; border-radius: 50%; position: absolute; top: -28%; left: -1%; } */
.fitnessList span { font-size: 14px; font-weight: 600; color: #FFFFFF; background-color: #1F61E8; padding: 5px 8px; border-radius: 50%; position: absolute; top: -10%; left: -1%; width: 30px; height: 30px; text-align: center; display: flex; justify-content: center; align-items: center; }
.fitnessList:nth-child(1)::before{ content: "01"; }
.fitnessList:nth-child(2)::before{ content: "02"; }
.fitnessList:nth-child(3)::before{ content: "03"; }
.fitnessList:nth-child(4)::before{ content: "04"; }
.fitnessList:nth-child(5)::before{ content: "05"; }
.fitnessList:nth-child(6)::before{ content: "06"; }
.fitnessList:nth-child(7)::before{ content: "07"; }
.fitnessList:nth-child(8)::before{ content: "08"; }
.fitnessList:nth-child(9)::before{ content: "09"; }
.fitnessList:nth-child(10)::before{ content: "10"; }
.fitnessList:nth-child(11)::before{ content: "11"; }
.fitnessList:nth-child(12)::before{ content: "12"; }
.fitnessList:nth-child(13)::before{ content: "13"; }
.fitnessList:nth-child(14)::before{ content: "14"; }
.customFitnessListContainer { display: flex; gap: 24px; flex-wrap: wrap; padding-left: 0; margin: 0; list-style: inside; max-width: 100%; }
.customFitOuter { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.page-id-1631 .choose-iner { gap: 65px; }
.page-id-1631 .choose-img img { width: 75%; }
.page-id-1631 .hireMobileDev { padding-top: 0px; padding-bottom: 60px; }
.page-id-6698 .aiDevCount { color: #1f61e8 !important; background: #ffffff !important; }
.page-id-7527 .journeyArea { height: 275px; width: 275px; padding: 23px; }
.page-id-7764 .bespokeAngularSection { padding: 23px 0px 120px 0px !important; }
.page-id-7764 .bespokeAngularSection::before { height: 548px; width: 29%; top: 8px; }
.page-id-7764 .app-provide-icon img { width: 112px; height: 108px; object-fit: contain; }
.page-id-7764 .diverseRangeCounters { grid-template-columns: repeat(4, 1fr); }
.offshoreInner .headingOther h2 { margin-bottom: 10px; }
.page-id-450 .app-process .sec-head p{ padding: 0!important; }
.page-id-3522 .card_slider_section .cardNew { min-height: 288px !important; }
.bestreactdevCompany_ h2 { margin-bottom: 15px; }
.page-id-3724 .IntegrationSection, .page-id-3522 .IntegrationSection { padding: 0px 10px; }
.page-id-8481 .tech_stack .tab-content .tab-pane ul { grid-template-columns: repeat(4, 1fr); }
.page-id-8558 .aiProcessAbsLine { bottom: 43%; }
.page-id-8558 .app-provide-icon img, .why-choose-app-icon img { width: 112px; height: 108px; }
.page-id-6698 .diverseRangeSection .heading40 { margin-bottom: 0 !important; }
.page-id-6698 .diverseRangeSection .aiParaTxt p { font-size: 16px !important; padding: 0; }
.page-id-7011 .servicesOfferSection .sec-head { margin-bottom: 20px; }
.page-id-7011 .servicesOfferSection .sec-head h2{ margin-bottom: 0!important; }
.bgtransparent { background: transparent !important; }
.page-id-9006 .smartSolImgContainer img { width: 68%; }
.page-id-9006 .moreInfoSection { padding: 0 !important; margin: 80px 0 !important; }
.page-id-9006  .floristApp { flex-direction: row; }
.page-id-8941 .app-provide-icon img { width: 112px !important; height: 108px !important; }
.page-id-8941 .diverseRangeContainer .angularDevRange { min-height: 385px; }
.page-id-9181 .moreInfoSection { padding: 0 !important; margin: 40px 0 80px !important; }
.page-id-9181 .smartSolImgContainer img { width: 63%; }
.page-id-9181 .angularDevRange { min-height: 386px; }
/*************************Best MVP Development Company Css********************************/
 
/*Main Banner CSS*/
.mvpBannerSection { background: #1F61E80F; border-radius: 25px; margin: 20px !important; }
.lineHeight1 { line-height: 1; }
.mvpMainContainer { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: center; }
/* Our Complete MVP Development Services */
.mvpServiceImg { height: 90px; width: 90px; }
.mvpServiceImgContainer { background-color: rgba(255, 255, 255, 0.2); border-radius: 20px; width: 163px; height: 146px; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.mvpDevServiceOuter { padding: 15px; border-radius: 15px; box-shadow: 0px 10px 30px 0px #00000026; background-color: #FFFFFF; }
.mvpDevService { border-radius: 15px; padding-top: 25px; }
.mvpServiceHeadingContainer { padding: 10px 10px 0px 10px; background-color: #E9EFFD; border-radius: 10px 0px 0px 0px; margin-left: 10%; margin-bottom: -1px; }
.mvpDev_bgYellow{ background-color: #FFF7E1 !important; }
.mvpDev_bgGreen{ background-color: #DFFFEA !important; }
.mvpDev_bgRed{ background-color: #FFE2E9 !important; }
.mvpServiceContent { margin-top: 10px; position: relative; }
.mvpServicePara { padding: 8px 18px 35px 17px; background-color: #E9EFFD; border-radius: 10px 0px 12px 12px; position: relative; z-index: 2; }
.devServiceArrowImg { position: absolute; top: 18px; left: 3%; z-index: 1; }
.devServiceContainer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
/* Want To Create Your Own MVP Software?  */
.ownMvpContent { padding-bottom: 20px; }
.ownMvpSection { background-image: url('../../images/ownMvpBg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.ownMvpArea { display: grid; grid-template-columns: repeat(2, 1fr); gap: 140px; }
.ownMvpImgContainer { position: absolute; right: 10%; bottom: -8px; max-width: 535px; height: 535px; width: 100%; }
.ownMvpImgContainer img { width: 100%!important; }
.ownMvpSection { position: relative; }
/* Check Our MVP Development Process */
.mvpProcessImg { height: 70px; width: 70px; transform: rotate(-45deg); }
.mvpProcessOuter { border: 10px solid #FFFFFF; transform: rotate(45deg); height: 137px; width: 137px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-top: -68px; }
.mvpDevProcess { box-shadow: 0px 15px 25px 0px #0000001F; border: 1px solid #E8AF093D; border-radius: 15px; display: flex; flex-direction: column; align-items: center; padding: 0px 10px 10px 10px; background: #FFFFFF; }
.mvpDevProcess:nth-child(2) { border-color: #1F61E83D; }
.mvpDevProcess:nth-child(3) { border-color: #19B04C3D; }
.mvpDevProcess:nth-child(5) { border-color: #EC1E4F3D; }
.mvpDevProcessContainer { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
/* Technologies We Serve */
.mvpTabLink { font-size: 18px !important; font-weight: 600 !important; color: #FFFFFF !important; border-right: 0 !important; border-bottom: 0 !important; background: #FFFFFF1C !important; border-radius: 20px !important; }
.mvpCustom_tab { background: #1F61E8 !important; border-radius: 20px !important; padding: 10px; gap: 10px; position: absolute; top: -17%; left: 50%; transform: translateX(-50%); width: 100%; max-width: 70% !important; }
.mvpTabLink.active { background: #FFFFFF !IMPORTANT; color: #53498A !important; }
.mvpTabSection { border-radius: 15px; box-shadow: 0px 15px 25px 0px #0000001F; background-color: #FFFFFF; position: relative; }
.mvp_tabContent { display: none; padding: 40px 12px 40px 12px; }
.mvpTabImg { height: 60px; width: 60px; margin-bottom: 0px !important; }
.mvpStackItem { height: 100px; width: 100px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 10px 30px 0px #00000026; border-radius: 50%; border: 1px solid #C3C3C3; }
.mvpServiceSection { position: relative; }
.mvpBgColor { width: 100%; height: 500px; background: #1F61E80F; z-index: -1; position: absolute; top: -24%; }
/* What Makes Us Different? */
.mvpDifferentIcon { height: 48px; width: 48px; }
.mvpDifferentIconContainer { height: 86px; width: 86px; box-shadow: 0px 10px 25px 0px #00000026; border: 1px solid #1F61E840; border-radius: 15px; display: flex; align-items: center; justify-content: center; margin-top: -55px; background-color: #FFFFFF; }
.mvpDifferent { box-shadow: 0px 6px 25px 0px #0000001F; border: 1px solid #1F61E81A; padding: 15px; border: 1px solid #1F61E81A; border-radius: 15px; }
.mvpDifferentContainer { display: grid; grid-template-columns: repeat(3,1fr); gap: 26px; }
.mvpDifferent_borderYellow{ border-color: #E8AF0940 !important; }
.mvpDifferent_borderGreen{ border-color: #19B04C40 !important; }
.mvpDifferent_borderRed{ border-color: #E21A2740 !important; }
.mvpDifferent_mainborderYellow{ border-color: #E8AF091A; }
.mvpDifferent_mainborderGreen{ border-color: #19B04C1A !important; }
.mvpDifferent_mainborderRed{ border-color: #E21A271A !important; }
.mvpDifferent_mainborderDarkBlue{ border-color: #1D10681A !important; }
/* Why Hire iTechnolabs for MVP Development Services? */
.mvpHireSection{ background: #1F61E80F; }
.mvpHiring { box-shadow: 0px 6px 25px 0px #0000001F; border-radius: 15px; padding: 15px; background-color: #FFFFFF; }
.mvpHireIcon{ height: 45px; width: 45px; }
.mvpHiringImgContainer { height: 70px; max-width: 70px; display: flex; align-items: center; justify-content: center; border: 1px solid #1F61E840; border-radius: 15px; width: 100%; }
.mvpHiringOuter{ display: flex; align-items: center; gap: 20px; }
.mvpHiringContainer { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; }
.mvpHiring_darkBlueBorder{ border-color: #1D106840 !important; }
.innovativeOuterContainer { display: grid; grid-template-columns: repeat(2,1fr); gap: 40px; align-items: center; }
.innovativeIngContainer{ position: relative; }
.transformLineImg1{ position: absolute; top: 27px; width: 106%; right: -6%; }
.transformLineImg2{ position: absolute; top: -7%; left: 36%; max-width: 80%; width: 100%; z-index: -1; }
.page-id-9342 .mvpServicePara { min-height: 187px; }
.page-id-9342  .mvpServiceHeadingContainer h2{ font-size: 16px; }
.page-id-9788 .mvpServicePara { min-height: 233px; }
.page-id-9788 .choose-iner { margin-top: 0; }
.page-id-9788 .bespokeAngularSection::before { top: -7%; }
.page-id-9594 .choose-img img { width: 77%; }
.page-id-9594 .choose-iner > div { align-items: end; }
.page-id-9594 .absyellowCircle { left: -5%; }
.page-id-9594 .absBlueCircle { right: -4%; }
.page-id-9594 .absRedCircle { bottom: 4%; }
.page-id-9594 .emvSoftwareImg { width: 94%; }
/* Financial Services Software Development Cost Estimation */
.financialServiceContainer { display: grid; grid-template-columns: repeat(2,1fr); gap: 160px; align-items: center; }
.finCount { font-size: 20px; font-weight: 600; color: #1F61E8; border-radius: 50%; box-shadow: 0px -1.13px 4.5px 0px #00000026, 0px 4.5px 4.5px 0px #00000040; height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; min-width: 36px; }
.financialPointCount { display: flex; align-items: center; gap: 16px; }
.page-id-1309 .startupOptionsData .icon { margin-bottom: 15px; }
/*Sunmi Pos Page CSS*/
 
/*Main Banner*/
.sunmiBannerSection{ background-image: url('../../images/sunmitBannerBg.webp'); position: relative; }
.overlay { background: rgba(0,0,0,0.75); height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.sunmiMainBanner{ position: relative; z-index: 1; }
/* SUNMI POS Software Development */
.sunmi_tablinks{ font-size: 20px !important; font-weight: 600 !important; color: #1d1068 !important; border-bottom: unset !important; border-right: unset !important; position: relative; }
.sunmi_tablinks::before { content: ""; height: 2px; width: 97%; background-color: #1d1068; position: absolute; border-radius: 14px; bottom: 0; left: 0; }
.sunmi_tablinks.active::before { background-color: #e8af09; }
.summiStack_item img{ height: 216px; width: 216px; }
.summiStack_item { width: 100%; max-width: 312px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); border-radius: 13px; padding: 27px 20px; border-bottom: 4px solid transparent; }
.summiStack_item:hover{ border-bottom: 4px solid #e8af09; }
.sunmistack_list { max-width: unset !important; justify-content: flex-start; }
.mx-auto{ margin-left: auto; margin-right: auto; }
/* Retailer/Restaurent Section */
.reatilerSection{ background-image: url('../../images/retaileBg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.reatilerAreaNew{ background-image: url('../../images/reatilerBgImg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.reatilerAreaContainer { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.reatilerArea { padding: 22px 10px 22px 120px; border-radius: 20px; }
.salesContainer { display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; }
.saleIconImg{ height: 62px; width: 62px; }
.boxshadow_dullblack{ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }
/* Management of operations is no longer complicated with iTechnolabs’ SUNMI POS software development  */
.mgtSection{ background-image: url('../../images/mgtBlueBgNew.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.mgtMainImgContainer{ display: flex; align-items: center; justify-content: center; }
/* iTechnolabs’ SUNMI POS Software = Seamless Sales */
.hardwareSection{ background-color: #F0F8FF; }
.seamlessArea { display: grid; grid-template-columns: repeat(2, 1fr); gap: 37px; }
.seamlessSaleInnerContainer { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.saleInnerContainer { box-shadow: 0px 0px 10px 0px rgb(214 200 200 / 50%); padding: 20px 20px 20px 20px; border-radius: 10px; display: flex ; flex-direction: column; align-items: center; justify-content: center; }
.hardwareList{ list-style-type: none; padding-left: 0px; }
.hardwareIntigerationArea { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; align-items: flex-start; }
/* Premier Payment Integrations */
.paymentIntegrationSection{ background-image: url('../../images/premierPaymentBg.webp'); background-repeat: no-repeat; background-size: 100% 100%; }
.py-150{ padding-top: 150px; padding-bottom: 150px; }
.groundDashboardContent { padding: 28px; box-shadow: 0px 0px 10px 0px rgb(185 185 185 / 50%); border-radius: 8px; margin: 144px 25px 0px -110px; background-color: #FFFFFF; }
.groundDashboardArea { display: grid; grid-template-columns: repeat(2,1fr); }
.durableContentContainer { display: grid; grid-template-columns: repeat(2,1fr); gap: 80px; align-items: center; }
.durableImg{ width: 100%; }
.mgtDescription p, .mgtSection p { text-align: center; color: #fff; margin-bottom: 40px; }
.page-id-9974 .tab-content .tab-pane ul { grid-template-columns: repeat(4, 1fr); }
.page-id-9974 .mgtMainImgContainer img { width: 75% !important; }
.seamlessSaleImgContainer img { width: 77% !important; }
.page-id-914 .counter-item .icon img { width: 24px !important; height: 24px !important; }
.page-id-914 .counter-item .icon { text-align: center; line-height: 31px; }
.page-id-38 .counter-item .icon img { width: 24px !important; height: 24px !important; }
.page-id-38 .counter-item .icon { text-align: center; line-height: 31px; }
.innovate-section .sec-head p { padding: 0 !important; }
.devProcessBGLine { position: absolute; top: 34%; left: 0; width: 84%; z-index: -1; right: 0; margin: 0 auto; }
.pt-30 { padding-top: 30px !important; }
.financialContent p { margin-bottom: 15px; }
.page-id-10215 .image-over  { margin-top: -14%; }
.seamlessSaleImgContainer { display: flex; align-items: center; justify-content: center; }
.seamlessSaleImgContainer img { width: 100% !important; }
.page-id-10215 .image-over img { width: 100%; }
.page-id-10215 .saasPlatformImg { width: 57% !important; max-width: 100%; position: relative !important; }
.page-id-10215 .saasPlatformArea { display: flex; align-items: center; gap: 25px; }
.page-id-10549 .bespokeAngularSection::before { top: 0; height: 531px; }
.tab-content .tab-pane ul li:hover img { transform: scale(1.1); transition: 0.5s ease-out; }
.modelContentArea ol { padding-left: 0; list-style: inside; }
.page-id-10760   .AIprocessContainer { align-items: flex-start; }
.page-id-10760 .aiProcessAbsLine { bottom: 37%; }
.page-id-10760 .aiProcessPoint .heading16 { min-width: 140px; max-width: 140px; }
.page-id-10833 .smartSolImgContainer img { width: 78%; }
.page-id-11074 .smartSolImgContainer img { width: 53%; }
.page-id-11074 .generativeAiImg { text-align: center; }
.page-id-11074 .generativeAiImg img { width: 80% !important; }
.page-id-11161 .bespokeAngularSection::before { height: 482px; top: -8%; }
.page-id-11161 .devProcessList li { list-style: none; }
.page-id-11161 .devProcessStep { text-align: center; }
.page-id-11161 .devProcessList li { list-style: none; line-height: 21px !important; }
.page-id-11161 .choose-img { justify-content: end; align-items: end; }
.page-id-11161 .choose-img img { width: 82%; }
.page-id-11161 .devProcessBGLine { top: 37%; width: 84%; }
.page-id-11161 .devProcessStep:nth-child(2), .devProcessStep:nth-child(4), .devProcessStep:nth-child(6) { margin-top: 306px; }
.page-id-11161 .role { font-size: 15px; }
.page-id-11283   .mvpServicePara { min-height: 163px; }
.primary-navigation .primary-menu-container { margin-right: 0!important; margin-left: 0!important; }
.load-btn button:hover { background: #e8af09!important; border: 3px solid #e8af09; }
@keyframes show { to { opacity: 1; pointer-events: auto;  /* make clickable */ } }

/**************************************IOT**************************************/
.iotSection { background-image: url('../../images/iotBannerBg.png'); }
.iotSubBanner { bottom: 11%; min-width: 42% !important; left: 28%; }
.iotSubBanner .subBannerCounter:not(:first-child) { border-left: 1px solid #DADADA; padding-left: 20px; }
.iotSubBannerImg{ width: 86px; height: 68px; }
/* Upgrade Your Business With Calibre Of IoT App Development Services */
.grey_para { color: #5C5C5C; }
.upgradeIotArea { display: grid; grid-template-columns: repeat(2, 1fr); gap: 80px; align-items: center; }
/* Our Happy Clients  */
.iotClientImgContainer { padding: 0px 35px; border: 1px solid #1F61E8; border-radius: 10px; box-shadow: 0px 8px 20px 0px #00000026; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; }
.iotClientsArea { display: grid; grid-template-columns: 1fr 2fr; align-items: center; }
.iotClientRow1 { display: flex; align-items: center; justify-content: end; gap: 9px; }
.flex-start { align-items: flex-start; }
.iotClientRow2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.iotClientSpan { grid-row: span 2; }
.iotClientImg { height: 97px; width: 116px; margin: 0 auto; display: block; }
.iotClientImg2{ height: 255px; width: 229px; }
.ourClientBg1 { position: absolute; bottom: -75%; left: 0; z-index: -1; }
.happyClientBg2 { position: absolute; right: 0; bottom: -54%; z-index: -1; }
/* Revolutionizing Businesses With IoT Development Services Provided By Suffescom  */
.pb-10 { padding-bottom: 10px; }
.iotDev { background-color: #FFFFFF; border-radius: 15px; box-shadow: 0px 2px 25px 0px #1F61E826; padding: 20px; position: relative; z-index: 2; }
.iotDevImg { height: 40px; width: 40px; }
.iotDevImgContainer { height: 55px; width: 55px; display: flex; align-items: center; justify-content: center; border-radius: 10px; margin-top: -11%; }
.iotDevPara { border-bottom: 1px solid #E1E1E1; }
.iotDevList { padding-left: 20px; }
.iotDevList li::marker { color: #1F61E8 !important; }
.iotDevOuterContainer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.iotDev:nth-child(1), .iotDev:nth-child(2), .iotDev:nth-child(3), .iotDev:nth-child(4), .iotDev:nth-child(5), .iotDev:nth-child(6) { margin-bottom: 30px; }
/* Internet of Things Application Development For Various Industries */
.iotAppSection { position: relative; }
.fw300 { font-weight: 300; }
.fw700 { font-weight: 700 !important; }
.iotAppContainer { padding: 30px; border-radius: 20px; z-index: 2; position: relative; }
.iotAppDev { border-radius: 20px; position: relative; z-index: 2; background: #FFFFFF; }
.iotAppDevHeadings { padding: 15px; }
.iotAppDevOuter { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.iotDevBg { position: absolute; width: 100%; top: -29%; z-index: 0; height: 129%; }
/* Leverage IoT Technology To Drive Your Business To The Next Level Through Our Streamlined Services  */
.leverageIotContainer { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; align-items: center; padding: 15px 40px; border-radius: 50px; }
.leverageIotImgContainer { display: flex; align-items: center; justify-content: center; }
.leverageIotImg { max-width: 80%; }
/* Impeccable IoT Consulting Assuring Quality Over Quantity  */
.impeccableSection { background-color: #F0F8FF }
.impeccableArea { padding: 20px; border-radius: 10px; box-shadow: 0px 4px 30px 0px #00000033; background: #FFFFFF; }
.impeccableArea:hover { background-color: #E8AF09; }
.impeccableArea:hover .leadingHeading, .impeccableArea:hover .paracommon { color: #FFFFFF !important; }
.impeccableContainer { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: -22px; max-width: 91%; justify-content: center; margin: 0 auto -24px auto; }
.impeccableIotMain { background-image: url('../../images/impeccableBg.png'); background-repeat: no-repeat; background-size: 100% 100%; padding: 26px 40px; }
.impeccableMainContent { width: 50%; }
/* Our Main Approaches To IoT App Development */
.mainApproacherSection { background-image: url('../../images/approacherBgNew.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.mainApproacherContainer { display: grid; grid-template-columns: 2fr 1fr; align-items: center; }
.approacherInnerContainer { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: flex-start; }
.approacherImg{ height: 50px; width: 50px; }
/* Our Top-Level Value Propositions In IoT App Development  */
.topLevelSection { background-image: url('../../images/topLevelBg.png'); background-repeat: no-repeat; background-size: 100% 85%; }
.topLvlImg { height: 45px; width: 45px; }
.topLvlImgContainer { height: 70px; width: 70px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-top: -12px; }
.topLvlContainer { display: grid; grid-template-columns: repeat(4, 1fr); gap: 60px; padding: 0px 27px 19px 27px; box-shadow: 0px 8px 20px 0px #00000026; border-radius: 15px; background: #FFFFFF; }
.topLvlArea { display: flex; flex-direction: column; align-items: center; }
/* We Put Businesses On The Bleeding Edge Of Technology With Our IoT App Development Services  */
.iotBusinessSection { background-image: url('../../images/iotBusinessBg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.iotBusinessContent { max-width: 49%; }
.iotDevimg { height: calc(100% - 130px); }
.iotDevimg img { height: 100%; }
.iotDevContent { padding: 24px 35px; border-radius: 15px; box-shadow: 0px 8px 20px 0px #00000026; max-width: 90%; margin-top: -13%; z-index: 2; position: relative; left: 4%; top: auto; bottom: 0; height: 100%; max-height: 190px; }
/* Projects Brought To Success By Our IoT Developers In Dubai */
.successSection { background-color: #F0F8FF; }
.iotDevContainer { position: relative; }
.iotDevImage { z-index: 2; position: relative; }
.iotDevContainer:nth-child(1), .iotDevContainer:nth-child(2) { margin-bottom: 30px; }
.iotDevContainer:nth-child(1)::before, .iotDevContainer:nth-child(3)::before { content: ""; height: 388px; width: 400px; border-radius: 10px; background: rgba(31, 97, 233, 0.1); position: absolute; left: -2%; top: -5%; }
.iotDevContainer:nth-child(2)::before { background: rgba(236, 30, 79, 0.1) !important; }
.iotDevContainer:nth-child(3)::before { background: rgba(25, 176, 76, 0.1) !important; }
.iotDevContainer:nth-child(4)::before { background: rgba(232, 175, 9, 0.1) !important; }
.iotDevContainer:nth-child(2)::before, .iotDevContainer:nth-child(4)::before { content: ""; height: 388px; width: 400px; border-radius: 10px; background: rgba(31, 97, 233, 0.1); position: absolute; right: -3%; top: -5%; left: unset; }
.iotDevOuter { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
/* Unique Features Provided By Our High-End IoT Developers In UAE */
.uniqueFeatureSection { background-color: #F0F8FF; }
.highEndImg { height: 32px; width: 32px; }
.highEndImgContainer { height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; border-radius: 10px; }
.highEndContent { padding: 15px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.25); border-radius: 15px; border: 1px solid; background-color: #FFFFFF; }
.highEndContent:nth-child(2), .highEndContent:nth-child(7) { border-color: rgba(25, 176, 76, 0.6) !important; }
.highEndContent:nth-child(3), .highEndContent:nth-child(4), .highEndContent:nth-child(8) { border-color: rgba(236, 30, 79, 0.6) !important; }
.highEndContent:nth-child(5), .highEndContent:nth-child(9) { border-color: rgba(232, 175, 9, 0.6) !important; }
.highEndContent:nth-child(1), .highEndContent:nth-child(6) { border-color: rgba(31, 97, 232, 0.6); }
.iotHeadingContainer { display: flex; align-items: center; gap: 20px; }
.iotHighEndContainer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px; }
.dullWhite-txt { color: rgba(255, 255, 255, 0.3); }
.tenstackImgContainer { padding: 17px; border-radius: 50%; background-color: #FFFFFF; height: 83px; width: 83px; display: flex; align-items: center; justify-content: center; }
.tenstackImg { height: 50px; width: 50px; }
.iotTenStack { display: flex; align-items: center; gap: 20px; max-width: 60%; }
.text-end { text-align: end; }
.iotTenStack:nth-child(even) { margin-left: auto; max-width: 52%; }
.tenstackContainer { position: relative; }
.curveLine { position: absolute; top: -1%; height: 103%; left: 39%; right: 0; margin: 0; }
/* Utilize The Top-Tier Internet Of Things Application Development Solutions To Create Your Market Leading Product */
.utilizeTierSection { background-image: url('../../images/utilizeTierBg.png'); }
/* Global Clients of Suffescom */
.globalCLientImg { width: 130px; height: 115px; margin: 0 auto; }
.gloabalClientContainer { display: grid; grid-template-columns: repeat(5, 1fr); gap: 54px; align-items: center; }
.iotHelpArea { display: grid; grid-template-columns: 1fr 2fr; gap: 0; align-items: center; }
.iotFormRow { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 20px; margin-bottom: 50px; }
.iotInput::placeholder, .phoneInput::placeholder { font-size: 16px !important; color: #FFFFFF !important; }
.iotInput { background: none; border-bottom: 1px solid white !important; border-top: 0 !important; border-right: 0 !important; border-left: 0 !important; border-radius: 0 !important; margin-bottom: 0px !important; font-size: 16px !important; color: #FFFFFF !important; }
.phoneInput { background: none; border-top: 0 !important; border-right: 0 !important; border-left: 0 !important; border-radius: 0 !important; font-size: 16px !important; color: #FFFFFF !important; }
.iotFormBtn { background-color: #FFFFFF !important; color: #1F61E8 !important; width: auto !important; border-radius: 7px !important; }
.iotFormBox { border-radius: 0px !important; padding-right: 140px; }
.iotDev .paracommon ul { padding-left: 18px; margin-top: 15px; border-top: 1px solid #dfdfdf; padding-top: 15px; }
@media(max-width:991px) {
    .gloabalClientContainer { grid-template-columns: repeat(4, 1fr); gap: 28px; }
    .iotSubBanner { left: 4%; }
}


/***************************************Wearable App Development************************/
.wearableBannerSection { margin: 0px !important; border-radius: 0px; position: relative; }
.wearableBannerAbsImg { position: absolute; bottom: 0; left: 0; }
.mvpBannerContent { z-index: 2; }
/* Top Wearable App Development Company UAE */
.topWearableSection{ background: #F0F8FF; }
.wearableAppText{
    position: relative;
    z-index: 1;
}
.wearableAppText::before {
    content: "";
    height: 91px;
    width: 384px;
    background-image: url('../assets/images/wearableTextBg.png');
    background-repeat: no-repeat;
    object-fit: contain;
    position: absolute;
    z-index: -1;
    top: -31%;
    left: -1%;
    background-size: 95% 100%;
}
/* Hire Dedicated Wearable App Developers */
.wearableDevContainer {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 65px;
    align-items: center;
}
/* Remarkable Wearable App Development Services */
.remarkableDevImg{
    height: 40px;
    width: 40px;
}
.remarkableDevImgContainer{
    height: 61px;
    width: 61px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.remarkableDevHeadingArea {
    display: flex;
    align-items: center;
    gap: 25px;
}
.remarkableDevContainer {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
}
.remarkableaAppSection{
    background-image: url('../../images/wearableAppBg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/* Our Recent Work Of Art  */
.wearableRecent{
box-shadow: 0px 2px 25px 0px #1F61E826;
border-radius: 15px;
background-color: #FFFFFF;
padding: 12px;
}
.wearableRecentContainer {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
}
/* Wearable App Development Cost  */
.devCostSection{
    background-image: url('../../images/devCostBg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: contain;
}
.devCostContent {
    max-width: 50%;
}
.wearableTabLink{
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #6A3894 !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
    padding: 12px 14px;
}
.wearableTabOuter{
    padding: 20px 0px;
    border-top:1px solid #CFCFCF;
    border-bottom:1px solid #CFCFCF;
}
.wearableCustom_tab {
    margin-top: 0px;
    max-width: 60%;
    margin: 0 auto;
}
.tablinks.active.wearableTabLink {
background: #1F61E8;
border-radius: 40px;
color: #FFFFFF !important;
}
.wearable_stackList {
    padding-top: 20px !important;
    max-width: 50% !important;
    width: unset !important;
    gap: 0;
}
.wearableTabImg{
    height: 50px !important;
    width: 50px !important;
}
.wearableTabImgContainer{
    height: 80px;
    width: 80px;
    box-shadow: 0px 2px 10px 0px #00000026;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000000;
}
.wearableBlackColor{
    color: #231F20;
}
.wearableStack_itm {
    box-shadow: unset !important;
    padding: 0px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.wearable_skyBlueBorder{
    border-color: #61DAFB !important;
}
.wearable_redBorder{
    border-color: #F04E27 !important;
}
 /* Integrated Features Of Wearable App Development */
.integratedWearable_section{
background: #F0F8FF;
}
.wearableFatureIcon{
    height: 35px;
    width: 35px;
}
.wearableFeatureImgContainer{
    width: 100%;
    height: 50px;
    max-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #EAA60B;
}
.wearableFeature{
    display: flex;
    align-items: center;
    gap: 10px;
}
.integratedWearableContainer {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 18px;
}
/* Transparent App Development Process */
.transparentContainerOuter{
    padding: 15px;
}
.wearableTransparentImg{
    height: 45px;
    width: 45px;
}
.wearableTransparentImgContainer{
    height: 70px;
    width: 70px;
    border-radius: 10px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wearableTransparentContainer {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 0;
}
.transparentAppCount {
    margin-left: auto;
    display: block;
}
.transparentContainerOuter:first-child {
    border-radius: 100px 0px 0px 0px;
}
.transparentContainerOuter:last-child{
    border-radius: 0px 0px 100px 0px;
}
.transparentContent {
    margin-top: -18px;
}
.transparentAppCount {
    font-size: 112px;
    line-height: 0.9;
    font-weight: bold;
    text-align: end;
    color: #fff;
    opacity: 0.2;
    z-index: 0;
    position: relative;
}
/* Why Dev Technosys ? (Wearable) */
.wearableTechImg{
    height: 35px;
    width: 35px;
}
.technosysImgContainer{
    width: 100%;
    height: 60px;
    max-width: 60px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wearableTechnosysHeadingArea{
    display: flex;
    align-items: center;
    gap: 26px;
}
.wearableTechnosysContainer {
    display: flex;
    align-items: center;
    gap: 50px;
}
.whyTechnosysArea {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
}
.wearableHeading {
    padding: 122px 30px;
    box-shadow: -15px 20px 30px 0px #0000004D;
    border-radius: 100px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wearableTechnosysContent{
    padding: 43px 30px;
    box-shadow: 0px 12px 40px 0px #00000033;
}
.ps-80{
    padding-left: 80px;
}
.werableInfoContainer{
    background-image: url('../../images/technosysInfoBg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/* INDUSTRIES WE SERVE */
.wearableIndustriesSection{
    background: #F0F8FF;
}
.wearableSlider{
    border-radius: 0px !important;
}
/* CLIENT TESTIMONIALS */
.wearableSliderImg{
height: 50px !important;
width: 50px !important;
}
.wearableSliderHeadings{
    display: flex;
    align-items: center;
    gap: 12px;
}
.wearableSlider_card{
    box-shadow: 0px 4px 10px 0px #00000026 !important;
    border-radius: 10px;
}
.wearableSlider_card {
    min-width: 32% !important;
    min-height: unset !important;
}
/* MARKING FOOTPRINTS GLOBALL  */
.footprintImg{
    height: 46px;
    width: 240px;
}
.footprintImgContainer{
    height: 100px;
    width: 100%;
    box-shadow: 0px 11px 15px 0px #00000026;
    background: #FFFFFF4D;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footprintsContainer{
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.wearableContentArea{
    background: #F0F8FF;
    padding: 113px 80px 113px 135px;
}
.wearableFootprintImgs{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;  
}
.wearableFootprintOuter{
 padding: 70px 135px 0px 29px;
}
.footprintImgContainer:nth-child(1),
.footprintImgContainer:nth-child(2){
    margin-bottom: 10px;
}
.appDevBtns{
    cursor: pointer;
}
.whel_lt ul .whl_inr:nth-child(4):before {
    content: "8";
}
.whel_lt ul .whl_inr:nth-child(5):after {
    background-image: url('../../images/designLine4.webp');
    background-size: 110px;
}


/**************************Estimate your application development costs******************************/

/*Lorem ipsum vitae sodales ultricies imperdiet pretium*/
.estimationImg{
    height: 100%;
    width: 100%;
    max-width: 44px;
    max-height: 38px;
}
.estimationHeadingTxt{
font-weight: 700;
font-size: 21px;
color: #161C2D;
}
.estimationPara{
    font-size: 17px;
    font-weight: 400;
    color: #161C2D;
}
.estimationOuterContainer{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
}
.estimations{
    padding: 37px 70px;
    border-radius: 39px;
    background-color: #F1F5FF;
}
/* Manage your projects fast  */
.manageProjectSection{
    border-bottom: 1px solid #E7E9ED;
}
.colorBlue_New{
    color: #473BF0 !important;
}
.manageProjectCountOuter {
    height: 50px;
    width: 100%;
    max-width: 50px;
    background: rgba(71, 59, 240, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.manageProjectHeading{
    display: flex;
    align-items: flex-start;
    gap: 27px;
}
.manageProjectContainer {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 50px;
    align-items: center;
}
.colorBlack_New{
    color: #161C2D !important;
}
.manageProjectCounter {
    display: flex;
    align-items: center;
    gap: 30px;
}
.manageProjectCounterContainer {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 90px;
}
/* Detailed App Development Cost Analysis  */
.deatiledHeading{
  font-weight: 600;
  font-size: 45px;
}