/*
  Merged CSS for AI Infrastructure page
  Original order preserved: newcustom.css -> newiospage.css -> aipagecss.css -> aienterpricepage.css -> section-ai-design-other-pages.css
*/


/* ========================= newcustom.css ========================= */

**,body{padding:0}**,.featured-work .section-header p,body{margin:0}.custom-gradient-btn,.services-card,section.blog-section .swiper-container{position:relative}.custom-contact-wrapper .contact-section .left-panel,.right-content,.services-card{overflow:hidden}.btn-get-started::before,.custom-gradient-btn::before,.services-card::before{inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);content:""}.btn-get-started .btn-text,.custom-gradient-btn .btn-text,.gradient-text,.highlight-text{-webkit-text-fill-color:transparent}**,.blog-slider{box-sizing:border-box}**{line-height:150%!important}body{font-family:"Plus Jakarta Sans",sans-serif}section#topbarMenu{padding:0!important}html{margin:0!important}.container{max-width:1280px;margin:0 auto;padding:0}section:not(.main-banner){padding:50px 20px}section:not(.main-banner) h2{font-size:2.5rem;margin:0 0 10px;font-weight:700}section h2+p{font-size:16px;max-width:900px;margin:0 auto 40px}.text-center{text-align:center!important}.clients-impact-section,.cta-content,.header-content,.office-card,.path-card,.stats-section{text-align:center}.small-size-gr-btn{font-size:98%!important;padding:.75rem 2rem!important}.gradient-text{background:linear-gradient(90deg,#6e00ff 20%,#0d00ff 81%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:25px 0}.logo img{height:48px;width:auto;display:block}.nav-menu{display:flex;align-items:center;gap:28px}.nav-menu .menu-items{border:none;color:#333;font-size:16px;font-weight:500;line-height:24px;background:0 0}.cta-button .arrow{font-size:18px;color:#fff}.our-services{background:url(/wp-content/uploads/2026/02/our-services-1.webp) 0 0/cover no-repeat;color:#fff}.Services-content{align-content:center;justify-items:center}.services-top{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.services-card{background:linear-gradient(135deg,#1a237c 0,#24095b 100%);padding:20px;border-radius:16px;z-index:1}.services-card::before{position:absolute;border-radius:16px;padding:2.5px;background:linear-gradient(90deg,#6f00ff 20%,#0d01ff 81%);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.card-heading-new{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.services-middle{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.nav-columns,.office-grid{grid-template-columns:repeat(5,1fr)}.services-grid{display:flex;flex-direction:column;gap:20px}ul.list-gridd{gap:15px;display:grid;grid-template-columns:repeat(2,3fr);padding:0}.list-gridd li{padding:8px 12px;border-radius:20px;border:1px solid #fff;list-style:none;display:flex;align-items:center;gap:10px;font-size:12px!important}.list-gridd li span{line-height:1rem!important}.clients-impact-section .stat-card p,.services-card .card-heading-new h3{font-size:1.125rem}.services-card p{margin-bottom:20px;margin-top:10px}.app-footer .logo-area,.logo-area{width:100%;max-width:15%}img.footer-logo{height:44px;width:180px}.office-grid{display:grid;gap:15px;width:100%;max-width:85%}.office-card{border:1px solid #333;border-radius:12px;padding:20px;background:rgba(255,255,255,.02)}.office-card h3{font-size:14px;margin:15px 0 10px}.office-card p{font-size:11px;color:#aaa;line-height:1.5;margin-bottom:20px;height:45px}.call-btn{display:block;background-color:#2a75ff;color:#fff;text-decoration:none;padding:10px;border-radius:6px;font-size:12px;font-weight:700}.nav-columns{display:grid;gap:20px;padding-top:40px}.nav-col h4{font-size:16px;margin-bottom:25px}.app-footer .nav-col ul,.nav-col ul,.platforms-section .platforms-item-body ul{list-style:none;padding:0}.nav-col ul li{margin-bottom:12px}.nav-col ul li a{color:#999;text-decoration:none;font-size:14px;transition:color .3s}.app-footer .nav-col ul li a:hover,.nav-col ul li a:hover{color:#fff}.contact-item span{display:block;font-size:13px;color:#999;margin-bottom:5px}.app-footer .contact-item a,.contact-item a{color:#fff;text-decoration:none;font-size:14px;display:block;margin-bottom:20px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:50px;padding-top:20px;border-top:1px solid #111;font-size:12px;color:#666}.office-card img{height:40px}.app-footer .nav-col ul li,.logo-area img{margin-bottom:20px}.contact-us{background:url(/wp-content/uploads/2026/02/Mask-group-scaled.png) center/130% no-repeat,linear-gradient(215deg,#0c0318 75%,#05005c 100%) center/130% no-repeat,linear-gradient(23deg,#0c0318 100%,#05005c 30%,transparent) center/130% no-repeat;padding:80px 0;color:#fff}.details-contact-us{display:flex;flex-direction:column;align-items:center;gap:40px}.details-contact-us button{padding:16px 24px;background:0 0;color:#fff;font-size:16px;font-weight:600;display:flex;gap:16px;align-items:center;border:2px solid #fff;border-radius:30px;text-decoration-line:underline}.custom-gradient-btn{display:inline-flex;align-items:center;gap:15px;padding:.9rem 2.5rem;text-decoration:none;font-size:1rem;font-weight:700;background:0 0;cursor:pointer;transition:transform .3s}.custom-gradient-btn::before{position:absolute;border-radius:50px;padding:2px;background:linear-gradient(90deg,#6f00ff 20%,#0d00ff 81%);-webkit-mask-composite:xor;mask-composite:exclude}.custom-gradient-btn .btn-text{background:linear-gradient(90deg,#6f00ff 20%,#0d00ff 81%);-webkit-background-clip:text;background-clip:text;color:transparent}.custom-gradient-btn .btn-arrow{color:#0d00ff;font-size:1.125rem;transition:transform .3s}.custom-gradient-btn:hover{transform:translateY(-2px)}.custom-gradient-btn:hover .btn-arrow{transform:translate(3px,-3px)}.btn-get-started,.custom-contact-wrapper .schedule-btn:hover,.featured-work .case-study-btn,a.cta-button.btn:hover{background:linear-gradient(90deg,#6f00ff 20%,#0d00ff 81%)!important}.custom-contact-wrapper .schedule-btn,a.cta-button.btn{transition:.3s}.btn-get-started span{color:#fff!important;position:relative;z-index:1;-webkit-text-fill-color:unset!important}.btn-get-started .btn-text svg{filter:invert(1) brightness(3.5) grayscale(1)}.industry-expertise-section,section.platforms-section{background-attachment:fixed}.btn:hover svg.arrow{animation:.4s ease-in-out arrowLoop}.banner-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.main-banner-content{padding:40px 0;position:relative}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:40px}.left-content{position:relative;z-index:10}.main-heading{font-size:3.5rem;line-height:1.1;font-weight:700;color:#0b0b2e;margin-bottom:25px;transition:opacity .7s}.highlight-text{background:linear-gradient(90deg,#6e00ff 20%,#0d00ff 81%);-webkit-background-clip:text;background-clip:text}.description{font-size:1.15rem;color:#666;line-height:1.6;margin-bottom:40px;max-width:90%;transition:opacity .7s}.right-content{width:100%;height:360px;position:relative;border-radius:20px}.slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease-in-out;object-fit:cover}.path-card .card-body:hover,.slide.active{opacity:1}.progress-wrapper{width:100%;margin-top:50px;position:relative}.progress-svg{width:100%;height:auto;display:block;overflow:visible}.svg-dot{transition:.4s;cursor:pointer;pointer-events:auto;fill:#BAC8D3!important}#activePath{transition:stroke-dashoffset .8s ease-in-out}#progressDot,#progressGlow,#progressIndicator{transition:.8s ease-in-out}.clients-impact-section{background:url(/wp-content/uploads/2026/02/background-img.webp) 0 0/cover;color:#fff;padding:80px 0;overflow:hidden}.clients-impact-section .impact-stats-grid{display:flex;justify-content:center;gap:50px;margin-bottom:40px;flex-wrap:wrap}.clients-impact-section .stat-card{text-align:left;min-width:20%;position:relative}.clients-impact-section .stat-card:not(:last-child):after{content:"";height:100%;width:1px;position:absolute;right:10%;top:0;background-image:linear-gradient(0deg,transparent,#fff,transparent)}.clients-impact-section .stat-card h3{font-size:3rem;margin:0}.clients-impact-section .client-logos-marquee-wrapper{display:flex;flex-direction:column;gap:20px;padding:35px 0 0;overflow:hidden}.clients-impact-section .marquee-row,.custom-contact-wrapper .marquee{display:flex;width:100%;overflow:hidden;user-select:none;gap:20px}.clients-impact-section .logo-track{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;min-width:100%;animation:50s linear infinite scroll-left}.clients-impact-section .marquee-scroll-right .logo-track{animation:50s linear infinite scroll-right}.clients-impact-section .logo-track img{width:160px;height:70px}:root{--primary-blue:#007bff;--text-dark:#1a1a2e;--text-gray:#666;--border-light:#d1d5db;--purple-border:#6366f1}.featured-work{padding:60px 20px}.featured-work .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.featured-work .section-header h2{color:var(--text-dark)}.featured-work .featured-project-card{display:flex;gap:30px;padding:30px;border:2px solid var(--purple-border);border-radius:20px}.featured-work .project-info,.ts-card-img,.why-app-section .why-app-flex-1{flex:1}.featured-work .project-info h3{font-size:2rem;margin:0 0 20px}.featured-work .project-tags{display:flex;gap:10px;margin-bottom:30px}.featured-work .project-category{font-size:22px;font-weight:500;margin-bottom:10px}.featured-work .project-description{color:var(--text-gray);margin-bottom:35px}.featured-work .impact-stats-grid{display:flex;gap:30px;margin-bottom:30px}.featured-work .stat-card{flex:1;min-width:120px}.featured-work .stat-num{display:block;font-size:2rem;color:var(--text-dark);font-weight:600}.featured-work .stat-label{font-size:1.125rem;color:var(--text-gray);display:block;font-weight:500}.featured-work .case-study-btn{display:inline-flex;align-items:center;background:var(--primary-blue);color:#fff;padding:.9rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:700;transition:transform .2s;font-size:1.125rem;gap:10px}.custom-contact-wrapper .form-footer a:hover,.read-more:hover{text-decoration:underline}.featured-work .case-study-btn:hover{transform:translateY(-2px);background:linear-gradient(90deg,#6f00ff 20%,#0d00ff 81%)}.featured-work .project-image{flex:1.75}.featured-work .project-image img{width:100%;border-radius:22px;object-fit:cover}.featured-work .featured-project-card{position:sticky;top:50px;background:#fff;margin-bottom:40px;z-index:1}.featured-work .featured-project-card:last-child{margin-bottom:0}.list-gridd li:before{content:"";width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7.74 13.14 6.345-6.345-1.26-1.26L7.74 10.62 5.175 8.055l-1.26 1.26zM9 18a8.8 8.8 0 0 1-3.51-.709 9.1 9.1 0 0 1-2.858-1.924A9.1 9.1 0 0 1 .71 12.51 8.8 8.8 0 0 1 0 9q0-1.867.709-3.51a9.1 9.1 0 0 1 1.923-2.858A9.1 9.1 0 0 1 5.49.71 8.8 8.8 0 0 1 9 0q1.867 0 3.51.709a9.1 9.1 0 0 1 2.858 1.923A9.1 9.1 0 0 1 17.29 5.49 8.8 8.8 0 0 1 18 9a8.8 8.8 0 0 1-.709 3.51 9.1 9.1 0 0 1-1.924 2.858 9.1 9.1 0 0 1-2.857 1.923A8.8 8.8 0 0 1 9 18' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E")}section.main-banner{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:44px}@media(max-width:1200px){.services-middle,.services-top{grid-template-columns:1fr}ul.list-gridd{grid-template-columns:repeat(2,3fr)}}.grid-container,.stat-grid{grid-template-columns:repeat(3,1fr)}.strategic-path{padding:80px 0}.grid-container{display:grid;gap:30px;margin:0 auto}.path-card{background:#fff;border:1px solid #e5e7eb;border-radius:50px 50px 25px 25px;overflow:hidden;display:flex;flex-direction:column;border-bottom:none;min-height:450px}.path-card .card-body{padding:50px 30px 40px;flex-grow:1;background-image:url(/wp-content/uploads/2026/02/Strategic.webp);background-size:cover;aspect-ratio:1;opacity:.8}.step-number{width:100%;font-size:3rem;font-weight:bolder;color:#3b36db}.btn-get-started,.cta-button{font-weight:600;text-decoration:none}.path-card h3{margin:40px;font-size:1.5rem;color:#333;font-weight:700}.path-card .card-body p{font-size:1.125rem;max-width:300px;margin:auto;font-weight:500;color:#333}.btn-get-started{position:relative;display:inline-flex;align-items:center;gap:15px;padding:.9rem 2.5rem;font-size:1.125rem;background:0 0;cursor:pointer;transition:transform .3s;justify-content:center}.btn-get-started::before{position:absolute;border-radius:0 0 25px 25px;padding:2px;background:linear-gradient(90deg,#6f00ff 0,#0d00ff 100%);-webkit-mask-composite:xor;mask-composite:exclude}.btn-get-started .btn-text{background:linear-gradient(90deg,#6f00ff 20%,#0d00ff 81%);-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;align-items:center;gap:10px}@media (max-width:854px){.grid-container{display:block;padding:0 15px}.path-card{margin:0 10px;height:100%!important;display:flex!important;flex-direction:column!important;min-height:450px}.swiper-pagination{position:relative;margin-top:35px;bottom:0!important}.swiper-pagination-bullet{width:10px;height:10px;background:#d1d5db;opacity:.6;margin:0 6px!important;transition:.3s}.swiper-pagination-bullet-active{background:#3b36db;opacity:1;width:12px;height:12px}}section.cta-section-connect{background:url(/wp-content/uploads/2026/02/cta-background-1.webp) 0 0/cover no-repeat;padding:50px 0;color:#fff}section.cta-section .cta-content h2,section.cta-section-connect .cta-content h2{margin-bottom:50px;font-size:32px}.why-app-section{padding:80px 0;background:url(/wp-content/uploads/2026/02/background-Appventurez.webp) center/cover no-repeat}.why-app-section .why-app-header p{margin-left:0;max-width:100%}.why-app-section .why-app-flex-container{display:flex;gap:16px}.why-app-section .why-app-col{display:flex;flex-direction:column;gap:18px}.why-app-section .why-app-col-25{width:28%}.why-app-section .why-app-col-75{width:72%}.why-app-section .why-app-row{display:flex;gap:16px;height:100%}.why-app-section .why-app-card{padding:30px;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-start;transition:transform .3s,box-shadow .3s}.why-app-section .why-app-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.05)}.why-app-section .why-app-card h3{font-size:60px;font-weight:bolder;color:#000;line-height:1!important;margin-bottom:30px}.why-app-section .why-app-bg-blue p,.why-app-section .why-app-bg-lightblue p{font-size:16px}.why-app-section .why-app-bg-green p.why-app-bold-text,.why-app-section .why-app-bg-white p.why-app-bold-text,.why-app-section .why-app-card-body p,.why-app-section .why-app-card-gradient p.why-app-bold-text{font-size:20px;font-weight:700}.why-app-section .why-app-row>div{min-height:300px;justify-content:start}.why-app-section .why-app-flex-grow{flex:2}.why-app-section .why-app-card-img{padding:0;overflow:hidden;background:#fff;height:100%;position:relative;justify-content:flex-end}.why-app-section .why-app-img-box{position:absolute;top:0;left:0;width:100%;height:100%}.thumb-swiper .swiper-slide img,.why-app-section .why-app-img-box img{width:100%;height:100%;object-fit:cover}.why-app-section .why-app-card-body{position:relative;z-index:2;padding:30px;background:linear-gradient(0deg,#fff 5%,transparent 60%);height:100%;display:flex;align-items:end}.why-app-section .why-app-bg-blue{background:linear-gradient(180deg,#aecae5 0,#ddebff 100%)}.why-app-section .why-app-bg-green{background-color:#eaf4e4}.why-app-section .why-app-bg-white{background-color:#fff}.why-app-section .why-app-card-gradient{background:url(/wp-content/uploads/2026/02/group.webp) 0 0/cover no-repeat;justify-content:center}.why-app-section .why-app-bg-lightblue{background-color:#e4f2f7}.industry-expertise-section{background-image:url(/wp-content/uploads/2026/02/background-Industry-Expertise.webp);background-size:cover}.industry-expertise-section .expertise-flex-container{display:flex;gap:40px;align-items:flex-start}.industry-expertise-section .expertise-image-box,.platforms-section .platforms-featured-box{flex:1;position:sticky;top:10px}.industry-expertise-section .expertise-image-box img{width:100%;border-radius:30px;object-fit:cover;display:block}.industry-expertise-section .expertise-accordion{flex:1;background:#fff;border-radius:20px;padding:10px 25px;box-shadow:0 10px 30px rgba(0,0,0,.05)}main section ::-webkit-scrollbar{display:none;width:0!important;height:0!important}.industry-expertise-section details{border-bottom:1px solid #eee;padding:15px 0}.industry-expertise-section details:last-child,.platforms-section .platforms-item:last-child,.swiper-slide:nth-last-child(-n+3) .partner-card{border-bottom:none}.industry-expertise-section summary{list-style:none;cursor:pointer;font-weight:700;color:#0b0c2a;display:flex;justify-content:space-between;align-items:center;font-size:1.25rem}.industry-expertise-section summary::-webkit-details-marker{display:none}.industry-expertise-section .icon{font-size:1.4rem;font-weight:300;transition:transform .3s;height:20px;width:20px;display:flex;align-items:center;justify-content:center}.industry-expertise-section details[open] .icon{transform:rotate(45deg)}.industry-expertise-section .content{padding-top:10px;color:#5c5c5c}.industry-expertise-section .content ul{padding-left:20px;margin-top:10px}.industry-expertise-section .content li{margin-bottom:7px;color:#5c5c5c}.industry-expertise-section .content li::marker{content:"• "}section.cta-section{background:url(/wp-content/uploads/2026/02/cta-background.webp) 0 0/cover no-repeat;padding:50px 0;color:#fff}.cta-button{padding:1.125rem 2rem;background:0 0;color:#fff;display:inline-flex;gap:20px;align-items:center;border:2px solid #fff;border-radius:50px;font-size:1.125rem}section.tech-tabs-section{padding:50px 0!important;text-align:center;margin-bottom:80px}.tech-tabs-section input[type=radio]{display:none}.tech-tabs-section .tech-tabs-list{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:40px}.tech-tabs-section .tab-btn{padding:10px 24px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;font-weight:500;transition:.3s;color:#444}#tab10:checked~.tech-tabs-list label[for=tab10],#tab11:checked~.tech-tabs-list label[for=tab11],#tab12:checked~.tech-tabs-list label[for=tab12],#tab1:checked~.tech-tabs-list label[for=tab1],#tab2:checked~.tech-tabs-list label[for=tab2],#tab3:checked~.tech-tabs-list label[for=tab3],#tab4:checked~.tech-tabs-list label[for=tab4],#tab5:checked~.tech-tabs-list label[for=tab5],#tab6:checked~.tech-tabs-list label[for=tab6],#tab7:checked~.tech-tabs-list label[for=tab7],#tab8:checked~.tech-tabs-list label[for=tab8],#tab9:checked~.tech-tabs-list label[for=tab9]{background:linear-gradient(90deg,#6f00ff 20%,#0d00ff 81%);color:#fff;border-color:transparent}.tech-tabs-section .tab-panel{display:none;animation:.5s fadeIn}#tab10:checked~.tech-content-wrapper .panel-10,#tab11:checked~.tech-content-wrapper .panel-11,#tab12:checked~.tech-content-wrapper .panel-12,#tab1:checked~.tech-content-wrapper .panel-1,#tab2:checked~.tech-content-wrapper .panel-2,#tab3:checked~.tech-content-wrapper .panel-3,#tab4:checked~.tech-content-wrapper .panel-4,#tab5:checked~.tech-content-wrapper .panel-5,#tab6:checked~.tech-content-wrapper .panel-6,#tab7:checked~.tech-content-wrapper .panel-7,#tab8:checked~.tech-content-wrapper .panel-8,#tab9:checked~.tech-content-wrapper .panel-9{display:block}.tech-tabs-section .tech-bg-image{position:relative;width:100%;border-radius:20px;overflow:visible}.tech-tabs-section .tech-bg-image img{width:100%;min-height:450px;object-fit:cover;display:block}.tech-tabs-section .tech-info-card{position:absolute;bottom:0;left:calc((100% - 1280px)/ 2);transform:translateY(30%);width:100%;max-width:400px;background:linear-gradient(90deg,#6f00ff 20%,#0d00ff 81%);padding:30px;border-radius:30px;text-align:left;box-shadow:0 15px 35px rgba(99,102,241,.3);z-index:10;border:3px solid #fff}.tech-tabs-section .tech-info-card h3{color:#fff;font-size:24px;margin-bottom:30px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (min-width:768px) and (max-width:1300px){.tech-info-card{left:auto!important;margin-left:20px}}.stats-section{background:url(/wp-content/uploads/2026/02/Frame-2147224338.webp) center/cover no-repeat;color:#fff;padding:80px 0;display:flex;flex-direction:column;align-items:center}.stats-section h2{margin-bottom:40px;font-weight:700}.stat-grid{display:grid;row-gap:40px;max-width:1100px;width:100%;position:relative;column-gap:100px;margin-top:20px}.stat-item{display:flex;flex-direction:column;align-items:center;position:relative}.stat-item:not(:nth-child(3n))::after{content:"";position:absolute;top:0;right:0;height:100%;width:1px;background-image:linear-gradient(415deg,transparent,#fff,transparent)}.stat-number{font-size:36px;font-weight:700;display:flex;align-items:center}.counter{display:inline-block}.stat-description{font-size:18px;color:#fff;text-align:left;margin:10px 0 0}@media (max-width:768px){.why-app-section .why-app-row{flex-direction:column}.why-app-section .why-app-card h3{font-size:2.5rem}.tech-tabs-section .tech-info-card{position:relative;width:calc(80%);left:0;transform:translateY(0);padding:30px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:25px}.stat-item:last-child::after,.stat-item:not(:nth-child(3n))::after{display:none}}@media(max-width:575px){ul.list-gridd{grid-template-columns:1fr}.list-gridd li:before{background-repeat:no-repeat;background-size:cover}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-item{align-items:center;gap:6px}.stat-number{font-size:24px}.stat-description{text-align:center;font-size:15px}}section.platforms-section{padding:80px 20px;background-image:url(/wp-content/uploads/2026/02/background-Industry-Expertise.webp);background-size:cover;background-position:left top}.platforms-section .platforms-flex-container{display:flex;gap:30px;align-items:flex-start}.platforms-section .platforms-blue-card{background:linear-gradient(135deg,#007bff 0,#0056b3 100%);padding:60px 40px;border-radius:25px;color:#fff;position:relative;min-height:350px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 40px rgba(0,123,255,.2);align-items:start;background-image:url(/wp-content/uploads/2026/02/Frame-1984077813.webp);background-size:cover}.platforms-section .platforms-blue-card h3{font-size:30px;line-height:1.3;margin-bottom:40px;font-weight:700}.platforms-section .platforms-list{flex:1.1;display:flex;flex-direction:column;padding:0 25px;background:#fff;border-radius:20px;box-shadow:0 0 5px 0 #0001}.platforms-section .platforms-item{border-bottom:1px dashed #ddd;padding:30px 0}.platforms-section .platforms-item-header{display:flex;align-items:center;gap:15px;margin-bottom:15px;position:relative}.platforms-section .platforms-icon-box{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:10px;background-color:#f0f0ff}.platforms-section .platforms-item-header h4{font-size:24px;color:#1a1a2e;margin:0;flex-grow:1}.platforms-section .platforms-arrow{font-size:2.5rem;color:#000;font-weight:300;line-height:1!important}.platforms-section .platforms-item-body p{color:#444;margin-bottom:10px;font-size:18px}.platforms-section .platforms-item-body li{color:#2c2727;margin-bottom:5px;padding-left:20px;position:relative;font-size:1.125rem}.platforms-section .platforms-item-body li::before{content:"✓";color:#0d00ff;position:absolute;left:0;font-weight:600}.testimonial-slider-section{padding:80px 20px;color:#fff;overflow:hidden;background:#05091f}.ts-header{text-align:center;margin-bottom:60px}.ts-header p{color:#a5accf}.testimonial-swiper .swiper-slide{transform:scale(.85);opacity:.5;transition:.4s;pointer-events:none}.testimonial-swiper .swiper-slide-active{transform:scale(1);opacity:1;pointer-events:auto;z-index:2}.ts-card{display:flex;background:#fff;border-radius:20px;overflow:hidden;color:#111;box-shadow:0 30px 80px rgba(0,0,0,.35)}.ts-card-img img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;clip-path:polygon(0 0,100% 0,88% 100%,0% 100%);max-height:550px;display:block;object-position:50% 25%}.ts-card>div{width:100%;max-width:50%}.ts-card-content{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:center}.brand-logo{width:100px;margin-bottom:25px}.testimonial-text{font-size:1rem;line-height:1.7;color:#444;margin-bottom:30px}.user-info{display:flex;align-items:center;gap:12px}.user-info img{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-info h4{margin:0;font-size:1rem}.user-info span{font-size:.85rem;color:#777}.thumb-swiper{margin-top:30px;display:flex;justify-content:center;text-align:center}.thumb-swiper .swiper-slide{width:64px!important;height:64px;border-radius:50%;overflow:hidden;opacity:.5;transition:.3s;cursor:pointer}.thumb-swiper .swiper-slide-thumb-active{border:1px solid #6366f1;box-shadow:0 0 0 10px rgb(99 102 241 / 25%);opacity:1}.awards-section-container .swiper-wrapper,.testimonial-swiper .swiper-wrapper{height:auto}.thumb-swiper>div{height:auto!important;padding:10px 0}section.awards-section-container{padding:80px 0;background:url(/wp-content/uploads/2026/02/Awards.webp) 0 0/cover no-repeat;text-align:center}.awards-section-container .awards-header h2{font-size:2.2rem;color:#1a1a4b;margin-bottom:10px}.awards-section-container .awards-header p{color:#666;max-width:600px}.awards-section-container .award-card{height:200px;border:2px solid #a855f7;border-radius:20px;padding:40px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;transition:transform .3s}.awards-section-container .award-logo{height:80px;display:flex;align-items:center;justify-content:center}.awards-section-container .award-logo img{max-height:100%;max-width:100%}.awards-section-container .award-card p{font-weight:600;color:#333;font-size:.95rem;line-height:1.4}.awards-section-container .awards-nav-wrapper{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.awards-section-container .awards-next,.awards-section-container .awards-prev{width:40px;height:40px;background-color:#e0e0e0;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:2rem;color:#555;transition:.3s;line-height:normal!important;padding-bottom:10px}.awards-section-container .awards-next:hover,.awards-section-container .awards-prev:hover{background-color:#a855f7;color:#fff}section.newsroom-section-slider{background:url(/wp-content/uploads/2026/02/background-Newsroom.webp) 0 0/cover no-repeat;padding:80px 10px 80px 20px;color:#fff;overflow:hidden}section.newsroom-section-slider .newsroom-container-slider{display:flex;gap:50px;max-width:100%;margin-left:calc((100% - 1280px)/ 2)}section.newsroom-section-slider .newsroom-info-slider{flex:0 0 350px;padding-top:20px}section.newsroom-section-slider .newsroom-info-slider .underline{width:100px;height:3px;background:#fff;margin-bottom:20px}section.newsroom-section-slider .newsroom-info-slider p{color:#fff;line-height:1.5;font-size:16px;font-weight:500}section.newsroom-section-slider .newsroom-swiper{flex:1;padding-bottom:60px!important;max-width:100%}section.newsroom-section-slider .news-card{background:#fff;border-radius:20px;padding:25px 20px;color:#1a1a2e;min-height:300px;display:flex;flex-direction:column;position:relative}section.newsroom-section-slider .news-logo{height:50px;display:flex;align-items:center;margin-bottom:10px}section.newsroom-section-slider .news-logo img{max-height:100%;max-width:150px}section.newsroom-section-slider .news-divider{width:100%;height:1px;background:#eee;margin-bottom:15px}section.newsroom-section-slider .news-content{flex:1;display:flex;flex-direction:column}section.newsroom-section-slider .publisher-info{display:flex;justify-content:space-between;margin-bottom:15px;font-size:14px;color:#666}section.newsroom-section-slider .publisher-name{font-weight:600;color:#1a1a2e}.card-meta,section.newsroom-section-slider .publisher-date{color:#888}section.newsroom-section-slider .news-card p{font-size:15px;font-weight:500;line-height:1.6;color:#1b1b1b;flex:1}section.newsroom-section-slider .news-arrow{font-size:1.5rem;text-decoration:none;color:#1a1a2e;transition:.3s;align-self:flex-end;margin-top:10px}section.newsroom-section-slider .news-arrow:hover{transform:translateX(5px)}section.newsroom-section-slider .newsroom-swiper .swiper-pagination{text-align:right;bottom:0!important;right:calc(10% + 20px)!important;left:unset}section.newsroom-section-slider .newsroom-swiper .swiper-pagination-bullet{background:0 0;opacity:1;width:13px;height:13px;border:1px solid #fff}section.newsroom-section-slider .newsroom-swiper .swiper-pagination-bullet-active{background:#0a2be4;width:13px;height:13px}@media (max-width:1100px){section.newsroom-section-slider .newsroom-container-slider{margin:0;flex-direction:column}section.newsroom-section-slider .newsroom-info-slider{flex:1}}@media (max-width:767px){section.newsroom-section-slider .news-card{min-height:350px}}.partners-section{background-color:#fff;padding:80px 20px;text-align:center}.partners-header{margin-bottom:50px;max-width:800px;margin-left:auto;margin-right:auto}.partners-header h2{color:#000;margin-bottom:10px;font-weight:700}.partners-grid{width:100%;background:url(https://www.appventurez.com/wp-content/uploads/2026/02/Ellipse-4-1.webp) 0 0/contain no-repeat;background-position-x:center}.partner-card{height:50px;display:flex;align-items:center;justify-content:center;padding:50px 20px;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;transition:background-color .3s}.swiper-slide:nth-child(3n) .partner-card{border-right:none}.partner-card img{max-width:180px;max-height:60px;width:auto;height:auto;filter:grayscale(100%) contrast(.8) brightness(0);opacity:.8;transition:.3s}.partner-card:hover img{filter:grayscale(0%) contrast(1);opacity:1;transform:scale(1.05)}.blog-slider{width:100%;max-width:90vw;overflow:hidden}.blog-section{background:url(/wp-content/uploads/2026/02/background-blog.webp) 0 0/cover no-repeat;padding:80px 0;display:flex;flex-direction:column;align-items:center}.blog-header{text-align:center;margin-bottom:40px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%}.blog-card{height:450px;background-color:#fff;border-radius:10px 10px 20px 20px;overflow:hidden;display:flex;flex-direction:column;transition:.3s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.card-image{width:100%;height:220px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.blog-card:hover .card-image img{transform:scale(1.05)}.card-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:15px}.meta-time{display:flex;align-items:center;gap:5px}.icon-clock{width:14px;height:14px;fill:#888}.blog-section .card-title{font-size:1.25rem;color:#474650;margin:0 0 10px}.blog-section .card-title a{color:#474650;text-decoration:unset}.read-more{margin-top:auto;font-size:.95rem;font-weight:600;color:#2b4d92;text-decoration:none;transition:color .2s}.read-more:hover{color:#1a3266}@media (max-width:992px){.featured-work .section-header{flex-direction:column;align-items:flex-start}.featured-work .featured-project-card{flex-direction:column-reverse;padding:20px;top:20px;gap:10px}.featured-work .project-tags{margin-bottom:20px}.featured-work .project-description{margin-bottom:20px;font-size:15px}.industry-expertise-section .expertise-flex-container,.platforms-section .platforms-flex-container{flex-direction:column}.industry-expertise-section .expertise-accordion{width:-webkit-fill-available}.platforms-section .platforms-featured-box{width:100%;position:unset!important}.platforms-section .platforms-list{width:100%;padding:0 10px}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-header h2{font-size:2rem}}.custom-contact-wrapper .checkbox-section input#nda{height:20px;width:20px}section.custom-contact-wrapper{padding:0}.custom-contact-wrapper .contact-section{display:flex;width:100%;color:#fff}.custom-contact-wrapper .left-panel{display:flex;flex-direction:column;justify-content:space-between;padding:40px 0;width:100%;max-width:50%;background:url(/wp-content/uploads/2026/02/background-get-in-touch-scaled.webp) 0 0/cover no-repeat}.custom-contact-wrapper .left-panel-detail{padding:0 calc(10% + 20px)}.custom-contact-wrapper .experts-avatars{display:flex;gap:25px;margin-bottom:70px}.custom-contact-wrapper .avatar{width:120px;height:120px;border-radius:50%;border:2px solid #fff;object-fit:cover}.custom-contact-wrapper .left-content p{margin:15px 0 30px;line-height:1.6;max-width:90%}.custom-contact-wrapper .schedule-btn{display:inline-flex;align-items:center;gap:15px;padding:1rem 2.5rem;background:0 0;border:1px solid #fff;color:#fff;border-radius:30px;cursor:pointer;text-decoration:none;font-weight:600;transition:.3s;width:fit-content;font-size:1.125rem}.custom-contact-wrapper .schedule-btn:hover{background:rgba(255,255,255,.1);border-color:#fff}.custom-contact-wrapper .brand-logos{display:flex;gap:20px;margin-top:auto;flex-wrap:wrap;align-items:center}.custom-contact-wrapper .brand-logos span{font-size:1.2rem;font-weight:600}.custom-contact-wrapper .right-panel{width:100%;max-width:50%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:50px calc(5% + 20px)}.custom-contact-wrapper .right-panel h2{color:#04214d;font-size:32px!important;margin-bottom:30px}.custom-contact-wrapper .contact-form{display:flex;flex-direction:column;gap:15px}.custom-contact-wrapper .form-group input,.custom-contact-wrapper .form-group select,.custom-contact-wrapper .form-group textarea{width:100%;padding:14px 10px;border:1px solid #c9baba;border-radius:10px;font-size:16px;font-weight:600;color:#000;font-family:inherit}.custom-contact-wrapper .form-group ::placeholder{color:#333}.custom-contact-wrapper .form-group textarea{resize:vertical;min-height:100px}.custom-contact-wrapper .form-group input:focus,.custom-contact-wrapper .form-group select:focus,.custom-contact-wrapper .form-group textarea:focus{border-color:#007bff}.custom-contact-wrapper select:invalid{color:gray}.custom-contact-wrapper option{color:#000}.custom-contact-wrapper .checkbox-group{display:flex;align-items:center;gap:10px;font-size:14px;color:#04214d;justify-content:space-between}.custom-contact-wrapper .action-row{display:flex;align-items:center;gap:20px;margin-top:10px;justify-content:center}.custom-contact-wrapper .captcha-box{padding:8px 16px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;border:1px solid #d7d7d7;border-radius:12px}.custom-contact-wrapper .captcha-box input{width:60px;padding:10px;text-align:center;border:1px solid #ddd;border-radius:6px}.custom-contact-wrapper .submit-btn{background-color:#007bff;color:#fff;border:none;padding:16px 66px;font-size:18px;font-weight:700;border-radius:10px;cursor:pointer;transition:background .3s;display:inline-flex;align-items:center;gap:8px}.custom-contact-wrapper .submit-btn:hover{background-color:#0056b3}.custom-contact-wrapper .form-footer{margin-top:20px;color:#04214d;text-align:center}.custom-contact-wrapper .form-footer a{color:#007bff;text-decoration:none}.custom-contact-wrapper .marquee-group{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:20px;min-width:100%;}.custom-contact-wrapper .checkbox-section{display:flex;gap:10px}.custom-contact-wrapper .scroll-right .marquee-group{animation:70s linear infinite scroll-right}@keyframes scroll-right{from{transform:translateX(calc(-100% - 20px))}to{transform:translateX(0)}}@keyframes scroll-left{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 20px))}}.custom-contact-wrapper .marquee-group img{width:90px;object-fit:contain}@media (max-width:900px){.content-grid{grid-template-columns:1fr;gap:40px;text-align:center}.main-heading{font-size:2.5rem}.right-content{height:360px}.progress-wrapper{margin-top:60px}.custom-contact-wrapper .contact-section,.ts-card{flex-direction:column}.ts-card-img img{clip-path:none;height:280px}.ts-card-img>div{clip-path:none!important;padding-bottom:0!important;height:280px}.testimonial-swiper{padding:0}.custom-contact-wrapper .left-panel,.custom-contact-wrapper .right-panel{padding:40px 20px;max-width:100%}.custom-contact-wrapper .left-panel{min-height:auto;width:auto}.custom-contact-wrapper .right-panel{width:auto}.custom-contact-wrapper .brand-logos{margin-top:40px}}.custom-faq-wrapper .faq-header{text-align:center;margin-bottom:50px}.custom-faq-wrapper .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:start}.custom-faq-wrapper details{margin-bottom:15px;width:100%}.custom-faq-wrapper summary{background-color:#f3f6f9;padding:10px 20px;border-radius:10px;cursor:pointer;font-weight:500;font-size:18px;color:#04214d;list-style:none;position:relative;display:flex;justify-content:space-between;align-items:center;min-height:70px;border:1px solid #f1f1f1}.custom-faq-wrapper summary:hover{background-color:#e2e6ea}.custom-faq-wrapper details[open] summary{border-radius:10px 10px 0 0}.custom-faq-wrapper summary::-webkit-details-marker{display:none}.custom-faq-wrapper .faq-content{padding:20px;background-color:#f3f6f950;color:#000;font-size:16px;line-height:1.6em;border:1px solid #deefff;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media (max-width:550px){.path-card .card-body{padding:40px 20px 30px}.path-card,section.newsroom-section-slider .news-card{min-height:300px}.step-number{font-size:2.5rem}.path-card h3{font-size:1.3rem}.custom-faq-wrapper summary{font-size:18px}}.app-footer{background:url(/wp-content/uploads/2026/02/Frame-2147224581-scaled.png) top/cover;color:#f3f4f6;padding:80px 0}.app-footer .brand-header{display:flex;width:100%;gap:30px}.app-footer img.footer-logo{height:44px;width:100%;max-width:180px;margin-bottom:20px}.app-footer p.hq-address{font-size:16px;line-height:1.5em}.app-footer .office-card .flag{width:100%;max-width:60px}.app-footer .office-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;width:100%;max-width:100%}.app-footer .office-card{position:relative;display:flex;border-radius:12px;padding:22px 10px;text-align:center;flex-direction:column;justify-content:space-between;align-items:center}.app-footer .office-card h2{font-size:16px;margin:12px 0;font-weight:700}.app-footer .office-card p{font-size:14px;line-height:1.5;margin-bottom:20px}.app-footer .call-btn{width:100%;display:block;background-color:#317cf7;color:#fff;text-decoration:none;padding:8px 6px;border-radius:8px;font-size:15px;font-weight:500}.app-footer .nav-columns{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding-top:40px}.app-footer .nav-col h3{font-size:20px;line-height:1.5em;font-weight:700;margin-bottom:30px}.app-footer .contact-item span,.app-footer .copyright,.app-footer .nav-col ul li a{font-size:16px;font-weight:500;line-height:1.5em}.app-footer .nav-col ul li a{color:#f3f4f6;text-decoration:none}.app-footer .contact-item span{display:block;color:#f3f4f6;margin-bottom:20px}.app-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.app-footer .copyright .dmca-logo{width:100%;max-width:100px}.app-footer .copyright{align-items:center;display:flex;gap:6px}.app-footer .bottom-right img{width:100%;height:40px}.app-footer .bottom-right{display:flex;gap:20px}.app-footer .certs,.app-footer .social-icons{display:flex;align-items:center;gap:15px}@media (max-width:1024px){.why-app-section .why-app-flex-container{flex-direction:column}.why-app-section .why-app-col-25,.why-app-section .why-app-col-75{width:100%}.why-app-section .why-app-card-img{min-height:400px}.app-footer .nav-columns,.app-footer .office-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.partners-grid{display:block;padding:0 10px}.partner-card{padding:20px;margin:0 10px;border:1px solid #e0e0e0!important}.swiper-pagination{margin-top:30px;position:relative!important;bottom:0!important}.swiper-pagination-bullet{width:10px;height:10px;background:#ccc;opacity:.5;margin:0 6px!important}.swiper-pagination-bullet-active{background:#000;opacity:1}.custom-faq-wrapper .faq-grid{grid-template-columns:1fr;gap:15px}.custom-faq-wrapper summary{height:auto}.app-footer .nav-columns,.app-footer .office-grid{grid-template-columns:repeat(2,1fr)}.app-footer .brand-header{flex-direction:column;align-items:center;text-align:center}.app-footer .logo-area{max-width:100%;margin-bottom:30px}.app-footer .office-grid{max-width:100%}.app-footer .nav-col ul li a{font-size:14px}.app-footer .footer-bottom{flex-direction:column;gap:30px;text-align:center}.app-footer .bottom-right{flex-direction:column;align-items:center}}@media (max-width:480px){.app-footer .copyright{flex-direction:column;gap:10px}}

    
    /* .btn {
      transition: 0.3s all ease;
    }

    .btn:hover>* {
      transform: translateY(-3px);
    }

    .btn:hover {
      transform: translate(3px, -3px);
    } */
     
    .btn svg.arrow {
      display: inline-block;
    }

    .btn:hover svg.arrow {
      animation: arrowLoop .9s ease-in-out;
    }

    @keyframes arrowLoop {
      0% {
        /* Starting position */
        transform: translate(0, 0);
        opacity: 1;
      }

      45% {
        /* Move out to the top-right */
        transform: translate(70%, -70%);
        opacity: 0;
      }

      50% {
        /* Instant teleport to the bottom-left */
        transform: translate(-70%, 70%);
        opacity: 0;
      }

      100% {
        /* Return to center */
        transform: translate(0, 0);
        opacity: 1;
      }
    }


    .custom-contact-wrapper .right-panel {
    padding-bottom: 25px !important;
}


    @media(max-width:991px) {
      .industry-expertise-section .expertise-image-box {
        position: unset !important;
      }

    }

    @media(max-width:767px) {
      section:not(.main-banner) {
        padding: 50px 20px;
      }

      .main-banner-content {
        padding: 50px 20px 20px;
      }

      .services-grid>div {
        grid-template-columns: repeat(1, 1fr);
      }



      .custom-contact-wrapper .experts-avatars {
        justify-content: center;
        margin-bottom: 30px;
      }

      .left-content {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      nav.nav-menu {
        display: none;
      }

      .custom-gradient-btn {
        padding: .7rem 1.5rem;
        text-decoration: none;
        font-size: 1rem !important;
      }

      section:not(.main-banner) h2 {
        font-size: 2rem;
      }

      .content-grid {
        margin-bottom: 0;
      }

      .header-inner {

        padding: 15px 10px;
      }

      .featured-work .project-info h3 {
        font-size: 1.5rem;
      }

      .featured-work .project-category {
        font-size: 1rem;
        margin-bottom: 10px;
      }

      .featured-work .stat-num {
        display: block;
        font-size: 1.5rem;
      }

      .featured-work .stat-label {
        font-size: .9rem;

      }

      .featured-work .impact-stats-grid {
        flex-wrap: wrap;
        gap: 20px;
      }

      section h2+p {
        font-size: 16px;
        margin-bottom: 25px !important;
      }

      section.custom-contact-wrapper {
        padding: 0 !important;
      }

      .tech-tabs-section .tech-tabs-list {
        margin-bottom: 30px;
      }

      .newsroom-container-slider.container {
        flex-direction: column;
        gap: 30px;
      }

      .newsroom-swiper .swiper-pagination {
        right: 0 !important;
      }

      .partners-header {
        margin-bottom: 0px;
      }

      .ts-card>div {
        max-width: 100%;
      }

      .why-app-section .why-app-card-body {

        background: linear-gradient(0deg, white 5%, transparent 100%);

      }

      .why-app-section .why-app-row>div {
        min-height: auto;
      }

      section.tech-tabs-section {
        margin: 0 0 20px;
        padding: 0 !important;
      }


      section.tech-tabs-section>div:nth-child(1) {
        padding: 40px 20px 0;
      }

      section.tech-tabs-section>div:nth-child(1)~.container {
        padding: 0px 20px 0px;
      }

      .industry-expertise-section .expertise-flex-container {
        gap: 20px;

      }

      .clients-impact-section .stat-card:not(:last-child):after {
        right: -10%;
      }

      .app-footer .contact-item span {
        text-align: left;
      }

      .app-footer .contact-item a {
        text-align: left;
      }
    }





    @media(max-width:575px) {
      .clients-impact-section .stat-card:not(:last-child):after {
        display: none;
      }

      .awards-section-container .awards-nav-wrapper {
        justify-content: center;
      }

      .clients-impact-section .stat-card h3 {
        font-size: 2rem;
      }


    /* Global: hide decorative AI images on mobile for all AI pages */
    @media (max-width: 768px) {
        main.aipage_main img.newaiimgofplatform,
        main.aipage_main img.iosheroimgg,
        main.aipage_main .expertise-image-box img,
        main.aipage_main .platforms-featured-box img,
        main.aipage_main .graphic-container img,
        main.aipage_main .graphic-container,
        img[src*="Group-1686551816"],
        img[src*="Frame-1984077813"],
        img[src*="Frame-1984077814"],
        img[src*="Frame-1984077813-4"],
        img[src*="Frame-1984077814-1"],
        img[src*="Frame-1984077814-2"] {
            display: none !important;
            visibility: hidden !important;
            height: 0 !important;
            width: 0 !important;
            max-height: 0 !important;
            overflow: hidden !important;
        }
    }

    /* Chatbot-page specific: hide graphic on small screens only for chatbot template */
    @media (max-width: 768px) {
        main.ai-chatbot-page .graphic-container img,
        main.ai-chatbot-page img[src*="Group-1686551816"] {
            display: none !important;
            visibility: hidden !important;
            height: 0 !important;
            width: 0 !important;
            max-height: 0 !important;
            overflow: hidden !important;
        }
    }
      .clients-impact-section .stat-card p {
        font-size: .85rem;
      }

      .clients-impact-section .stat-card {
        text-align: left;
        min-width: 50%;
        position: relative;
        justify-items: center;
      }

      .clients-impact-section .impact-stats-grid {
        gap: 0px;
        margin-bottom: 10px;
        row-gap: 20px;
      }

      .progress-svg {
        height: auto;
      }

      * {
        line-height: 125% !important;
      }

      .partner-card:not(:last-child) {
        border-right: none !important;
        border-bottom: 1px solid #e0e0e0 !important;
      }

      .custom-contact-wrapper .left-panel-detail {
        padding: 0;
      }

      .left-content {
        text-align: center;
      }

      .custom-contact-wrapper .checkbox-group {
        flex-wrap: wrap;
        gap: 20px;
      }

      header .custom-gradient-btn .btn-arrow {
        display: none;
      }

      .app-footer {
        padding: 50px 20px;
      }

      .app-footer .brand-header {
        gap: 0;
      }

      .app-footer .office-grid {
        gap: 10px;
      }

      .app-footer .nav-col h3 {
        text-align: center;
        text-align: left;
      }

      .app-footer .nav-col ul li {
        text-align: left;
        margin: 10px 0 10px;
      }

      .app-footer .contact-item>* {
        text-align: center;
        margin: 10px 0;
      }

      section.cta-section {
        background-position: center;
      }

      .ts-card-content {
        padding: 30px;
      }

      .app-footer .nav-col h3 {
        margin-bottom: 10px;
        text-align: left;
      }
    }

    html section.newsroom-section-slider .newsroom-swiper {
      padding-bottom: 50px !important
    }

    html section.newsroom-section-slider .newsroom-swiper .swiper-pagination {
      right: unset !important;
      left: 20%;
      width: 100% !important;
    }
  

  

    .custom-contact-wrapper .contact-section .left-panel {
    overflow: hidden;
}

.btn:hover svg.arrow {
    animation: arrowLoop .4s ease-in-out;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Plus Jakarta Sans", sans-serif;
}

section:not(.main-banner) h2 {
    font-size: 2.4rem;
}

section.clients-impact-section .impact-header h2 {
    margin-bottom: 24px;
}

section.clients-impact-section .impact-header h2 + p {
    max-width: 814px;
    line-height: 150%;
}

.clients-impact-section .stat-card {
    min-width: fit-content !important;
}

.clients-impact-section .impact-stats-grid {
    gap: 11%;
}

.clients-impact-section .stat-card:not(:last-child):after {
    right: -45%;
}

.featured-work .featured-project-card {
    top: 100px;
}


section.featured-work .featured-project-card:nth-child(3) {
    top: 120px;
}

section.featured-work .featured-project-card:nth-child(4) {
    top: 140px;
}
section.featured-work .featured-project-card:nth-child(5) {
    top: 160px;
}




section.main-banner {
    padding-top: 116px;
}
section.main-banner h1#main-heading {
    font-size: 2.9rem;
}

.main-banner-content .content-grid {
    align-items: flex-start;
}
section.clients-impact-section {padding-bottom: 94px;}
section.clients-impact-section {padding-bottom: 94px;}

section.featured-work .section-header p {
    max-width: 621px;
    line-height: 150%;
}

section.featured-work .section-header h2 {
    max-width: 400px;
}

section.our-services .Services-content.text-center p {
    font-size: 23px;
    max-width: 850px;
    margin-bottom: 56px;
}

section h2+p {
    line-height: 150%;
}

.services-card {
    padding-top: 26px;
}

.services-card .card-heading-new {
    margin-bottom: 16px;
}

.services-card .card-heading-new h3 {
    font-size: 1.23rem;
}

.services-card p {
    line-height: 150%;
}

.services-card .list-gridd li {
    font-size: 16px !important;
   
}

.services-card .list-gridd li  span{
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height:100%
}

section.strategic-path .header-content p {
    font-size: 24px;
    margin-bottom: 50px;
}

section.strategic-path .card-body {
    padding-top: 60px;
}

section.strategic-path .card-body h3 {
    margin-top: 12px;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    margin-bottom: 30px;
}

section.strategic-path .card-body  p {
    font-size: 1.2rem;
    line-height: 150%;
    font-weight: 400;
    max-width: 275px;
}
section.cta-section-connect {
    padding: 50px 0px;
    text-transform: capitalize;
}


.why-app-section .why-app-header p {
    font-size: 24px;
    margin-top: 20px;
}

.platforms-section .platforms-featured-box ,
.industry-expertise-section .expertise-image-box{
    top: 120px;
}
section.testimonial-slider-section .swiper.thumb-swiper.swiper-initialized.swiper-horizontal.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs .swiper-wrapper {
    transform: unset !important;
    justify-content: center;
}
.awards-section-container .award-card {
    height:auto !important;
    aspect-ratio:290/269
}
section.blog-section .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}


section.testimonial-slider-section .ts-card-img,
section.testimonial-slider-section .ts-card-img img,
section.testimonial-slider-section .ts-card-img > div,
section.testimonial-slider-section .ts-card-img > div > iframe {
    height: 100% !important;
    object-fit: cover;
    max-height:unset !important;
}

.custom-contact-wrapper .submit-btn{
    background: linear-gradient(90deg, #6e00ff 20%, #0d00ff 81%);
}

.custom-contact-wrapper .contact-section .marquee {
    margin: 0 !important;
    position: relative !important;
    white-space: unset;
    animation: unset !important;
}

.custom-contact-wrapper .contact-section .left-panel {
    padding-bottom: 0;
}
.custom-contact-wrapper .contact-section .marquee {
    margin: 0 !important;
    position: relative !important;
    white-space: unset;
    animation: unset !important;
    gap: 54px !important;
}

.custom-contact-wrapper .contact-section .left-panel {
    padding-bottom: 10px;
}

.custom-contact-wrapper .marquee-group {
    gap: 49px;
}


.services-card .card-heading-new svg {
    position: relative;
    top: -12px;
}


.industry-expertise-section .expertise-accordion .content ul li {
 display: block;
 position: relative;
}

.industry-expertise-section .expertise-accordion .content ul li:before {
    content: '';
    position: absolute;
    left: -13px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #6f01ff;
    top: 9px;
}
nav.c-header .o-container.navbar {
    margin-top: 44px;
}
section#topbarMenu {
    display: block;
}
.progress-wrapper {
    margin-top: 20px;
}

.main-banner-content {
    padding-top: 20px;
}



a#cta-btn {
    border-radius: 55px;
}

a#cta-btn:hover{
    background:linear-gradient(90deg,#6f00ff 20%,#0d00ff 81%)!important;
    color:white !important;
}


a#cta-btn:hover:before{
    opacity:0;
}

.services-card .card-heading-new:hover svg {
    animation: arrowLoop .4s ease-in-out;
    cursor: pointer;
}

.industry-expertise-section details[open] .icon {
    transform: unset;
    color: transparent;
    justify-content: center;
    font-size: 0;
}

.industry-expertise-section details[open] .icon:before {
    content: '-';
    color: black;
    font-size: 1.4rem;
    position: relative;
}

section.tech-tabs-section .tech-tabs-header.container h2 + p {
    max-width: 100%;
}

.tech-tabs-section .tech-tabs-list {
    margin-bottom: 20px;
}
.platforms-section .platforms-blue-card {
    background-position: bottom;
}

.testimonial-slider-section .ts-card-img{
  position: relative;
}

.testimonial-slider-section .ts-card-img .playvideotestimonialicon{
position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 62px;
    width: 100%;
    filter: invert(1) brightness(100%);
    height: auto !important;
    object-fit: contain;
    cursor: pointer;
}

.testimonialpopupmain {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000073;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.testimonialpopupmain  iframe.modalvideotesti {
    display: none;
    width: 100%;
    height: 60vh;
    pointer-events: none;
}

.testimonialpopupmain  iframe.modalvideotesti.activeiframe{
  pointer-events: auto;
}

.testimonialpopupmain  .testimodalinner {
    width: 100%;
    max-width: 800px;
    background: white;
    padding: 8px;
    border-radius: 6px;
    position: relative;
}

.testimonialpopupmain  button.closetestimodal {
    position: absolute;
    right: 16px;
    top: 18px;
    aspect-ratio: 1;
    border: unset;
    width: 30px;
    border-radius: 50%;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: black;
    color: white;
    border: 1px solid white;
    cursor: pointer;
    z-index: 9999;
}
.testimonialpopupmain.activemodal{
  display: flex;
}
.swiper.partners-grid {
    background: unset !important;
}
section.partners-section{
    position:relative;
}
section.partners-section:before {
    content: '';
    display:block !Important;
    position: absolute;
    left: 50%;
    width: 100%;
    max-width: 355px;
    aspect-ratio: 1;
    border-radius: 50%;
    pointer-events: none;
    background: #F6F3FF;
    border: 0;
    bottom: 0;
    transform: translateX(-50%);
    z-index:0;
    filter:blur(50px)
}

section.partners-section * {
    position:relative;
    z-index:1;
}

.faq-section.container .faq-column details summary:after {
    content: '+';
    position: relative;
    display: block;
    font-size: 23px;
}

.faq-section.container .faq-column details[open] summary:after {
    content: '-';
}

.contact-section input,.contact-section textarea {
    font-weight: 400 !important;
}

.contact-section select {
    font-weight: 400 !important;
    color:#363636 !important;
}

.custom-contact-wrapper .marquee-group {
    gap: 30px !important;
}

.formBlock.flexWrap.newhomepageformasec .leftBlock {
    width: 100% !important;
    flex: unset !important;
    margin-left: 0;
    margin-right: 0;
}

.formBlock.flexWrap.newhomepageformasec span.wpcf7-form-control.wpcf7-checkbox.nonodisclosecheckobx span.wpcf7-list-item.first.last label {
    display: flex;
    align-items: center;
}

.formBlock.flexWrap.newhomepageformasec span.wpcf7-form-control.wpcf7-checkbox.nonodisclosecheckobx span.wpcf7-list-item.first.last label span.wpcf7-list-item-label {
    padding: 0;
    font-size: 14px;
}

.formBlock.flexWrap.newhomepageformasec .nondisclosesection {
    margin-right: auto;
    margin-top: 30px;
}

.formBlock.flexWrap.newhomepageformasec .captcha.mt-30 {
    margin-bottom: 15px;
}

.contact-section .leftBlock.camp {
    margin: 0 auto !important;
}

.contact-section .leftBlock.camp  button.animateOtherBtn.backtransParent.wpcf7-submit.has-spinner {
    background: linear-gradient(90deg,#6f00ff 0,#0d00ff 100%) !important;
}

.contact-section div#submitc-button p {
    justify-content: center;
    margin-top: 15px;
}

.contact-section .formBlock.flexWrap.newhomepageformasec input,
.contact-section  .formBlock.flexWrap.newhomepageformasec textarea,
.contact-section  .formBlock.flexWrap.newhomepageformasec select{
   border: 1px solid #8b8b8b;
   padding-left: 15px !important;
   border-radius:10px;
   height: 45px;
   font-size: 15px;
}

.contact-section .formBlock.flexWrap.newhomepageformasec textarea{
    padding-top:10px !important;
    height: 80px;
}

.contact-section .formBlock.flexWrap.newhomepageformasec .wpcf7-phonetext {
    padding: 15px !important;
    margin-right:0 !important;
}

 .contact-section  .custom-contact-wrapper .right-panel {
    padding-bottom: 20px;
}

.contact-section .formBlock.flexWrap.newhomepageformasec  p.cf7ascaptcha  input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border: unset;
    width: 84px !important;
    height: 35px;
    margin: 0 !important;
}

.contact-section .formBlock.flexWrap.newhomepageformasec  p.cf7ascaptcha input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder {
    color: transparent;
}

.contact-section .formBlock.flexWrap.newhomepageformasec  p.cf7ascaptcha {
    border: 1px solid grey;
    align-items: center;
    padding: 1px 9px;
    border-radius: 10px;
}

.contact-section .formBlock.flexWrap.newhomepageformasec  span.wpcf7-form-control-wrap.cf7as-captchcode {
    margin-top: 0;
    border-left: 1px solid grey;
}

.contact-section  .leftBlock.camp button.animateOtherBtn.backtransParent.wpcf7-submit.has-spinner:before {
    display: none;
}

a#cta-btn {
    background: linear-gradient(90deg,#6f00ff 20%,#0d00ff 81%) !important;
    color: white;
}
a.cta-button.btn {
    background: linear-gradient(90deg,#6f00ff 20%,#0d00ff 81%)!important;
     color: white;
}

.horizontalnewanimation .scroller {
  max-width: 100%;
}

.horizontalnewanimation .scroller__inner {
  padding-block: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.horizontalnewanimation .scroller[data-animated="true"] {
  overflow: hidden;
}

.horizontalnewanimation .scroller[data-animated="true"] .scroller__inner {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  flex-wrap: nowrap;
  -webkit-animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
          animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
}

.horizontalnewanimation .scroller[data-direction="right"] {
  --_animation-direction: reverse;
}

.horizontalnewanimation .scroller[data-direction="left"] {
  --_animation-direction: forwards;
}

.horizontalnewanimation .scroller[data-speed="fast"] {
  --_animation-duration: 20s;
}

.horizontalnewanimation .scroller[data-speed="medium"] {
  --_animation-duration: 60s;
}

.horizontalnewanimation .scroller[data-speed="slow"] {
  --_animation-duration: 60s;
}

@-webkit-keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}
.main-banner-content .left-content {
    align-items: flex-start;
}
section.featured-work  .custom-gradient-btn {
    cursor: auto;
}
.contactusmainpopup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000085;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.contactusmainpopup .innersecofcontactpopup {
    max-width: 1312px;
    margin: 0 auto;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 5px #08080847;
}

button.contactpopupclose {
    position: absolute;
    right: 7px;
    top: 7px;
    width: 30px;
    aspect-ratio: 1;
    border-radius: 50%;
    color: white;
    background: black;
    border: 1px solid white;
    cursor: pointer;
}

.contactusmainpopup.popupactive {
    display: flex;
}
.services-grid .list-gridd a{
    display: block;
    width:100%;
}

.opencontactpopupform{
    cursor: pointer;
}


section.featured-work .featured-project-card:nth-child(n+6) {
    top: 160px;
}

section.testimonial-slider-section {
    background-image: url('https://www.appventurez.com/wp-content/uploads/2026/02/Frame-2147225186-1.png');
    background-size: cover;
    background-position: right;
}

section.testimonial-slider-section .testimonial-swiper .swiper-slide-next,
section.testimonial-slider-section .testimonial-swiper .swiper-slide-prev{
    opacity: 1;
    filter:brightness(.5)
}

.bluefaqdot{
    color:#0d00ff;
}

.contactusmainpopup .innersecofcontactpopup {
    max-width: 1212px;
}

.contactusmainpopup .innersecofcontactpopup .leftBlock.camp {
    width: 100%;
    flex: auto;
}

.contactusmainpopup  .custom-contact-wrapper .right-panel h2 {
    font-size: 24px !IMPORTANT;
}

.contactusmainpopup  .formBlock.flexWrap.newhomepageformasec .nondisclosesection {
    margin-top: 0;
}

.contactusmainpopup  .formBlock.flexWrap.newhomepageformasec .captcha.mt-30 {
    margin-top: 15px;
}

.contactusmainpopup  .formBlock.flexWrap.newhomepageformasec .leftBlock {
    margin-bottom: 15px;
}

/* contact page css */

section.contactpagetopsec {
    padding-top: 154px;
    padding-bottom: 80px;
    text-align: center;
    background: linear-gradient(90deg, #eceffe, #ffffff00);
}

h2.contactpg_headingfistmn {margin-bottom: 35px !important;}

.contact_pg_subheadmnn {
    font-size: 20px;
    color: #686b6d;
}
.contactpagesecondsectionmain .left-panel {
    background: transparent;
}

section.custom-contact-wrapper.contactpagesecondsectionmain {
    background: url(https://www.appventurez.com/wp-content/uploads/2026/02/contact-form-6.png);
    background-size: cover;
    background-position: center right;
}

section.custom-contact-wrapper.contactpagesecondsectionmain .right-panel {
    background: transparent;
}

.contactpagesecondsectionmain .contpageformpanell {
    background: white;
    padding: 32px 24px;
    border-radius: 15px;
}

.contactpagesecondsectionmain h4.contact_page_form_title {
    color: black;
    margin-bottom: 25px;
    color: #353333;
    font-size: 20px;
    line-height: 123%;
}

.contactpagesecondsectionmain .leftBlock.camp {
    width: 100% !important;
    flex: auto;
}

.contactpagesecondsectionmain  .leftBlock.camp button.animateOtherBtn.backtransParent.wpcf7-submit.has-spinner {
    width: 100%;
    text-align: center;
    justify-content: center;
     font-size:0;
     border-radius:10px;
}

.contactpagesecondsectionmain  .leftBlock.camp button.animateOtherBtn.backtransParent.wpcf7-submit.has-spinner:before{
     content:'Submit';
     font-size:18px;
     display:flex !important;
     background:transparent !important;
     align-items:center;
     justify-content:center;
     color:white;
     border-radius:unset !Important;
     transform:unset !Important;
     left:0 !important;
     position: relative !important;
     z-index: 0 !important;
 }

.contactpagesecondsectionmain  .leftBlock.camp button.animateOtherBtn.backtransParent.wpcf7-submit.has-spinner span {
    display: none;
}

section.custom-contact-wrapper.contactpagesecondsectionmain {
    padding: 30px 0;
}

.contactpagesecondsectionmain .left-panel {justify-content: center !important;}

.contactpagesecondsectionmain .left-content h4 {
    font-size: 26px;
}

.contactpagesecondsectionmain .left-content > p {
    font-size: 18px;
}

.contactpagesecondsectionmain .left-panel-detail {
    padding-right: 15px !important;
}

.contactpagesecondsectionmain .contapageitem {
    background: #00000080;
    backdrop-filter: blur(25px);
    padding: 21px 22px 30px;
    border-radius: 15px;
    box-shadow: 0px 0px 24.96px 0px #262587;
    border: 0.96px solid #484848;
}

.contactpagesecondsectionmain .slick-track {
    padding: 15px 0;
}

.contactpagesecondsectionmain .contpagetestireview {
    font-size: 19px;
    line-height: 161%;
    margin-bottom: 30px;
}

.contactpagesecondsectionmain .contacttestibtmsc {
    display: flex;
    align-items: center;
}

.contactpagesecondsectionmain img.contpageuserimg {
    width: 100%;
    aspect-ratio: 1;
    max-width: 82px;
    border-radius:50%;
    margin-right:15px;
}
 

.contactpagesecondsectionmain .contpageusername {
    font-size: 19px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 11px;
}

.contactpagesecondsectionmain .slick-slide > div {
    padding: 0 12px;
}
img.contpagecommaatesti {
    max-width: 68px;
}
.contpagenewslidertesti  .slick-arrow {
    display: block !important;
    transform: unset !important;
    top: unset;
    bottom: 25%;
    right: 50px;
    left: unset;
    width: 35px;
    height: auto !important;
    color: transparent !important;
    aspect-ratio: 1;
}

.contpageuserdestination {
    max-width: 215px;
    line-height: 140%;
    font-size: 15px;
}

.contpagenewslidertesti  button.slick-next.slick-arrow {
    right: 50px;
    background: url(https://www.appventurez.com/wp-content/uploads/2026/02/expand_circle_right-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center;
}

.contpagenewslidertesti  button.slick-prev.slick-arrow {
    right: 86px;
    z-index: 1;
    background: url(https://www.appventurez.com/wp-content/uploads/2026/02/expand_circle_right.png);
    background-size: contain;
    background-repeat: no-repeat;
     background-position:center;
}

.contpagenewslidertesti  .slick-arrow:before {
    color: transparent;
    
}

.main-banner-content .left-content {
    text-align: left;
}
    .featured-work .project-info > h3 {
        display: none;
    }
.featured-work .project-info img {
    margin-bottom: 10px;
}
.app-footer .office-card p {
    height: auto;
}
.why-app-section .why-app-card-body {
    background: linear-gradient(0deg, #6f01ff 17%, transparent 60%);
    color: white;
}
section.testimonial-slider-section  .thumb-swiper .swiper-slide {
    opacity: 1;
}
.platforms-section .platforms-blue-card  a.cta-button.btn {
    background: transparent !important;
}

p#description {
    min-height: 88px;
}
.contact-section .wpcf7-response-output {
    color: black;
}
.awards-section-container .awards-next,
.awards-section-container .awards-prev {
    background: #141c2c !important;
    color:white !important
}
@media(max-height:765px){
.progress-svg {
    height: 186px;
}
.main-banner-content .content-grid {
    margin-bottom: 20px;
}
    .progress-wrapper {
    margin-top: 0px;
}
}



@media(min-width:1100px){
    .main-banner-content .content-grid {
    align-items: center;
}
.contact-section .leftBlock.camp button.animateOtherBtn.backtransParent.wpcf7-submit.has-spinner {
    padding: 13px 30px;
}
section.main-banner h1#main-heading {
    font-size: 2.8rem;
    max-width: 650px;
}

.main-banner-content .left-content {
    margin-top: 18px;
}
  section.awards-section-container {
    padding: 50px 25px;
}

.awards-section-container .awards-nav-wrapper {
    justify-content: center;
}
    section.cta-section {
    padding: 50px 0px;
}
    section.testimonial-slider-section .ts-card {
    aspect-ratio: 807/403;
}
.main-banner-content  a#cta-btn {
    padding: 1.2rem 2.5rem;
}

.main-banner-content .content-grid {
    margin-bottom: 10px;
}

.main-banner-content {
    padding-top: 5px;
}
section.strategic-path {
    padding: 85px 20px;
}
.app-footer img.footer-logo {
    height: 51px;
    max-width: 100%;
    width: auto;
    margin-bottom: 45px;
}

.app-footer {
    padding-top: 40px;
}
}

@media(max-width:650px){

    section.main-banner .main-banner-content {
    padding-left: 10px;
    padding-right: 10px;
}

section.main-banner p#description {
    max-width: 100%;
    padding-bottom: 4px;
    margin-top: 0;
}

section.main-banner {
    min-height: calc(100vh - 26px);
}
    img.obpos_top_mob {
    object-position: top;
}
.obpos_cnt_mob{
    object-position: center;
}
    .industry-expertise-section .expertise-image-box img {
    display: none;
}

.industry-expertise-section .expertise-flex-container {
    gap: 0;
}
    .clients-impact-section .impact-stats-grid {
    row-gap: 29px;
    column-gap: 11%;
    text-align: center;
}
    section:not(.main-banner) h2 {
    font-size: 1.7rem;
}

section.our-services .Services-content.text-center p {
    font-size: 16px;
}

section.strategic-path .header-content p {
    font-size: 16px;
}

section.strategic-path .card-body p {
    font-size: 1rem;
}

section.cta-section-connect .cta-content h2 {
    font-size: 1.6rem;
    padding: 0 0px;
    text-align: left !important;
}

.why-app-section .why-app-header p {
    font-size: 16px;
}

section.cta-section .cta-content h2 {
    font-size: 1.7rem;
}

.tech-tabs-list.container {
    flex-wrap: nowrap;
    padding-bottom: 18px !important;
    justify-content: flex-start;
}

.tech-tabs-list.container  label.tab-btn {
    width: fit-content;
    min-width: fit-content;
    padding: 10px 12px;
    font-size: 13px !important;
}


.tech-content-wrapper .tech-bg-image {
    display: flex;
    flex-direction: column-reverse;
}

.tech-tabs-section .tech-info-card {
    transform: translateY(0);
    margin-bottom: 15px;
    margin: 0 auto 15px;
    width: 90%;
}
section.main-banner h1#main-heading {
    font-size: 2.2rem !important;
}

section.main-banner h1#main-heading {
    font-size: 1.7rem !important;
    margin-bottom: 0;
}

    .c-header .o-container.navbar {
        margin-top: 35px !important;
    }

section#topbarMenu {
    min-height: 32px;
    display: flex;
    align-items: center;
}


p#description {
    margin-top: 8px;
    margin-bottom: 18px;
    border: unset;
}

.main-banner-content .content-grid {
    gap: 30px;
}

.featured-work .project-image img {
    aspect-ratio: 346/178;
    object-fit: cover;
}

section.featured-work .custom-gradient-btn {
    padding: 7px 20px !important;
    font-size: 13px !important;
}

a.case-study-btn.btn {
    font-size: 15px;
    padding: 8px 20px !important;
}

.featured-work .section-header {margin-bottom: 12px;}

.c-header.scrolled .o-container.navbar {
    margin-top: 0 !important;
}
section.strategic-path .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
    width: 31px;
    border-radius: 6px;
    background:#0d00ff;
}

section.strategic-path .swiper-pagination span.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    transform: unset !important;
}
section.tech-tabs-section .tech-tabs-list.container{
    overflow: hidden !important;
    padding: 17px 0px 28px !important;
}
.tech-tabs-list.container {
    overflow: hidden !important;
    padding-bottom: 26px !important;
    padding-top: 15px !important;
}
section.tech-tabs-section .tech-tabs-list.container  .swiper-scrollbar-drag {
    background: #0d00ff;
}

section.tech-tabs-section .tech-tabs-list.container {
    margin-left: 13px;
    margin-right: 8px;
}
.tech-tabs-section .tech-info-card {
    margin-bottom: -155px;
}

section.testimonial-slider-section .ts-card-img > img:nth-child(1) {
    height: 250px !important;
}


section.testimonial-slider-section .swiper.thumb-swiper.swiper-initialized.swiper-horizontal.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs .swiper-wrapper {
    overflow-x: auto;
    justify-content: flex-start;
}

.testimonial-slider-section .ts-card-img .playvideotestimonialicon {
    max-width: 50px;
}
section.testimonial-slider-section .brand-logo {
    max-height: 70px;
    object-fit: contain;
}

.awards-section-container .award-card {
   aspect-ratio: 185/241; 
}


.awards-section-container .award-logo {
    height: 92px !important;
    margin-bottom: 10px;
}

.partner-card {
    border: unset !important;
    padding: 0;
    margin: 0;
}

.partners-grid   .swiper-wrapper {
    transform: unset !important;
    display: grid !important;
    grid-template-columns: repeat(2,1fr);
    gap: 33px;
}

.partners-grid .swiper-wrapper > * {
    width: auto !important;
    margin: 0 !important;
}

.partner-card img {
    max-width: 100%;
}

.swiper-pagination.swiper-pagination-clickable {
    display: none;
}

article.blog-card .card-image img {
    object-fit: contain;
    aspect-ratio: 387/210 !important;
    height: auto !important;
}

.contactusmainpopup  .left-panel {
    display: none;
}

.contactusmainpopup  .custom-contact-wrapper .right-panel h2 {
    font-size: 24px !important;
}

.custom-contact-wrapper input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    height: 40px !important;
}


 .nondisclosesection span.wpcf7-list-item.first.last {
    width: 100%;
}

.captcha.mt-30 {
    margin-top: 8px;
}

.contactusmainpopup .custom-contact-wrapper .right-panel {
    padding-top: 22px;
}

.contactusmainpopup .custom-contact-wrapper .right-panel h2 {
    margin-bottom: 18px;
}

.contactusmainpopup button.contactpopupclose {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 100%;
}

.contactusmainpopup .formBlock.flexWrap.newhomepageformasec .nondisclosesection {
    margin-top: 5px !important;
}

section.partners-section .partner-card {
    height: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 26px 20px;
    border-right: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    transition: background-color .3s;
    min-height: 95px;
}
section.partners-section .partner-card img{
    display:block;
}
section.partners-section .swiper-slide:nth-child(2n) .partner-card {
    border-right: none !important;
}
section.partners-section .swiper-slide:nth-last-child(-n+2) .partner-card {
    border-bottom: none !important;
}
section.partners-section .partners-grid .swiper-wrapper {
    gap: 0;
}

.contactpagesecondsectionmain .contpagenewslidertesti {
    max-width: 100%;
    width: 100%;
}

.contactpagesecondsectionmain .left-panel-detail {
    padding-right: 0 !important;
}

.contactpagesecondsectionmain .contpagetestireview {
    font-size: 16px;
}

.contactpagesecondsectionmain .contpageusername {
    font-size: 17px;
}

.contactpagesecondsectionmain .contapageitem {
    padding: 21px 15px 21px;
}

.contactpagesecondsectionmain h4.contact_page_form_title {
    font-size: 18px;
}

.contactpagesecondsectionmain .formBlock.flexWrap.newhomepageformasec span.wpcf7-form-control.wpcf7-checkbox.nonodisclosecheckobx span.wpcf7-list-item.first.last label span.wpcf7-list-item-label {
    text-align: left;
    margin-right: 0;
}

.contactpagesecondsectionmain .nondisclosesection {
    margin-top: 10px !important;
}

.contactpagesecondsectionmain .leftBlock.camp button.animateOtherBtn.backtransParent.wpcf7-submit.has-spinner {
    padding: 22px 5px;
}

.contactpagesecondsectionmain .contpagenewslidertesti .slick-arrow {
    left: 50% !important;
    right: 0 !important;
    transform: translateX(-50%);
    bottom: 0;
}

.contactpagesecondsectionmain .slick-track {
    padding-bottom: 45px;
}

.contactpagesecondsectionmain .contpagenewslidertesti button.slick-prev.slick-arrow {
    left: calc(50% - 50px) !important;
}

.contactpagesecondsectionmain .contpagenewslidertesti button.slick-next.slick-arrow {
    left: calc(48% + 7px) !important;
}

section.contactpagetopsec {
    padding-top: 119px;
    padding-bottom: 31px;
}

.contact_pg_subheadmnn {
    font-size: 16px;
}

h2.contactpg_headingfistmn {
    margin-bottom: 15px !important;
}

.featured-work .project-info > h3 {
    display: none;
}
.app-footer .office-card p {
    height: auto;
}
}

@media (min-width: 668px) {
  section.cta-section-connect .cta-content h2 {
    font-size: 1.6rem;
    padding: 0;
    text-align: center !important;
  }
}

/* ========================= newiospage.css ========================= */

.d-f{
    display: flex !important;
}

.d-g{
    display: grid !important;
}

.grid-two{
    grid-template-columns: repeat(2,1fr) !important;
}

.d-if{
    display: inline-flex !important;
}

.text-center{
    text-align: center !important;
}

.a-c{
    align-items: center !important;
}
.j-c{
    justify-content: center !important;
}

.j-s{
    justify-content: flex-start !important;
}

.j-e{
    justify-content: flex-end !important;
}

.a-s{
    align-items: flex-start !important;
}
.a-e{
    align-items: flex-end !important;
}

.flexone{
    flex:1;
}

.iosherogrid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
    gap: 59px;
}

.iosheroright {
    position: relative;
}

img {
    max-width: 100%;
    width: 100%;
    /* max-width: 100%;
    height: auto; */
    display: block;
}

img.iosherobackimgani {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    animation-name:mymove;
    animation-duration:20s;
    animation-iteration-count:infinite;
    animation-timeline:linear;
    pointer-events:None;
}

img.iosheroimgg {
    position: relative;
    z-index: 2;
}

section.iospageheromain {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 110px;
    overflow:hidden;
    background: linear-gradient(280.76deg, #E7FFFF 0.31%, #DCF0FF 26.59%, #E1FFFE 52.39%, #DCF2FA 75.32%, #E3F8FF 99.69%);
    position: relative;
}

@keyframes mymove {
  from { transform: translate(-50%,-50%) rotate(0deg);}
  to {transform: translate(-50%,-50%) rotate(360deg);}
}

h1.iosheroheaidng {
    font-weight: 600;
    background: -webkit-linear-gradient(90.3deg, #6F00FF 20.19%, #0D00FF 80.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 54px;
}

p.iosherocontent {
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0%;
    margin: 15px 0 30px;
}

section.iospageheromain:before,
section.iospageheromain:after{
    content: '';
    position: absolute;
    left: -80px;
    top: -80px;
    width: 256px;
    aspect-ratio: 1;
    background: #FEFFC3;
    border-radius: 50%;
    filter: blur(109px);
    pointer-events:None;
}

section.iospageheromain:after{
    left:unset;
    right:-40px;
    top:unset;
    bottom:-40px;
      pointer-events:None;
}

section.iospageheromain .container {
    position: relative;
    z-index: 1;
}

h2.iosdevserviceheading {
    font-family: Plus Jakarta Sans;
    font-weight: 800;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -2%;
    text-align: center;
    margin-bottom: 23px !important;
}

p.iosdevservicesubheadg {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0%;
    text-align: center;
    max-width: 1200px;
    color: #535a60;
}

section.iosdevelopermentservicemain {
    padding-top: 85px;
}

.iosdevbatchsec {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 14px;
}

.iosdevservicegrid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 80px;
}

.iosdevservbatch {
    background: linear-gradient(89.93deg, #6F00FF 20.04%, #0D00FF 80.96%);
    color: white;
    padding: 2px 33px;
    border-radius: 55px;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: -2%;
    display: flex;
    align-items: center;
    gap: 10px;
}

img.ios_phoneimg {
    max-width: 418px;
    margin: 0 auto;
    display: block;
}

.ios_phone_wrapper {
    padding-top: 220px;
}

section.iosdevelopermentservicemain {
    background-attachment: fixed;
}
section.iosdevelopermentservicemain .ico1 {
    transform: rotate(-44deg) translateY(-363px) rotate(60deg);

}

section.iosdevelopermentservicemain .ico2 {
    transform: rotate(-15deg) translateY(-448px) rotate(21deg);
  
    
}

section.iosdevelopermentservicemain .ico3 {
    transform: rotate(6deg) translateY(-484px) rotate(30deg);

    
}

section.iosdevelopermentservicemain .ico4 {
    transform: rotate(17deg) translateY(-485px) rotate(80deg);

    
}

.ios_phone_wrapper {
    position: relative !important;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    box-sizing: border-box;
    
}

.float-icon {
    position: absolute;
    right: 56%;
    transform-origin: center 200px;
    z-index: 3;
    bottom: 60px;
}

.iosdevserv_left {position: sticky;top: 105px;height: fit-content;}

.float-icon img {
    max-width: 86px;
}

.iosdevservicegrid {
    margin-top: 65px;
}

.iosservdevvright .service_crd {
    padding: 22px 22px 30px;
    border: 3px solid #FFFFFF;
    background: #f9f9ff;
    margin-bottom: 30px;
    border-radius: 16px;
}

section.iosdevelopermentservicemain {
    background: linear-gradient(132.81deg, #FFFFFF 0.58%, #EDECFF 99.42%);
}

img.srv_crd_ico {
    width: 68px;
}

h3.servcrd_heading {
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -2%;
    text-align: center;
    margin: 18px 0;
    text-align: left;
}

.serv_desc {
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0%;
    margin-bottom: 35px;
}
/* .iosdevservbatch {
    opacity: 0;
}

section.iosdevelopermentservicemain img.ios_phoneimg {transform: translateY(300px);
                 opacity: 0;} */

   @keyframes iosbatchzoom {
  0% {
   scale:1;
  }

  50% {
     scale:1.01;
  }

  100% {
    scale:1;
  }
}

.ios_phone_wrapper .float-icon {
    animation: iosbatchzoom 2s ease-in-out infinite;
}              

.iosbenefitgrid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 80px;
}

h2.iosbeneheading {
    font-family: Plus Jakarta Sans;
    font-weight: 800;
    font-style: ExtraBold;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 60px;
    letter-spacing: -2%;
}

.iosbenefitdesc {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0%;
    margin-bottom: 46px;
    margin-top: 29px;
}

.iosbenefitaccordcard.accordian_togglemain {
    border: 1px solid #E1E1E1;
    padding: 22px;
    border-radius: 16px;
    margin-bottom: 24px;
}

.iosbenefitaccordcard.accordian_togglemain .accordian_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.iosbenefitaccordcard.accordian_togglemain h3.accordian_header_heading {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-style: Bold;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;
    text-align: center;
}

.iosbenefitaccordcard.accordian_togglemain .accordian_content_inner {
    padding-top: 16px;
}

.iosbenefitaccordcard.accordian_togglemain p.accordian_content {
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 25px;
    letter-spacing: 0%;
}

section.benefitssection {
    padding-top: 120px;
    padding-bottom: 120px;
}

section.iosframewordsectionmn {
    background: linear-gradient(180deg, #477bdb 0%, #3573e7 50%, #2671FB 100%);
    color: white;
}

section.iosframewordsectionmn .iosframewordgrid {
    display: grid;
    grid-template-columns: 33% 62%;
    gap: 5%;
}

section.iosframewordsectionmn h2.iosframeheading {
    font-family: Plus Jakarta Sans;
    font-weight: 800;
    font-style: ExtraBold;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 60px;
    letter-spacing: -2%;
}

section.iosframewordsectionmn .iosframedescription {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 36px;
    letter-spacing: 0%;
}

section.iosframewordsectionmn .accordian_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
}

section.iosframewordsectionmn h3.accordian_header_heading {
    display: flex;
    gap: 28px;
    align-items: center;
}

section.iosframewordsectionmn .accordian_header img{
    filter:invert(1)
}

section.iosframewordsectionmn img.iosbeneacoodlogo {
    height: 74px;
    width: auto;
}

section.iosframewordsectionmn .iosbeneaccordlogogrid {
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
}

section.iosframewordsectionmn .accordian_content_inner {
    padding-top: 15px;
}

.accordian_header {
    cursor: pointer;
}
section.iosframewordsectionmn .iosframewordgrid {
    align-items: center;
}

section.iosframewordsectionmn h3.accordian_header_heading {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0%;
}

section.iosframewordsectionmn h3.accordian_header_heading  span.iosaccordcount {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
}

 

section.iosframewordsectionmn .iosframeaccordcard.accordian_togglemain {
    border-top: 1px solid #7BA5F3;
}

section.iosframewordsectionmn {
    padding-top: 95px;
    padding-bottom: 89px;
}

section.iosframewordsectionmn .accordian_content_inner {
    padding-bottom: 19px;
}



a.compliance_lg_crdy {
    border: 1px solid #0D00FF;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: -2%;
    padding: 6px 25px;
    border-radius: 55px;
    color: black;
}

.compliance_logo_gridsc {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}

.compliancegridsec {
    gap: 45px;
}

section.platforms-section.compliancesecmain  .platforms-icon-box {
    height: auto;
    width: 85px;
}


section.platforms-section.whychoosenewsectionios {
    padding: 117px 0;
    background: white;
}

section.platforms-section.whychoosenewsectionios  .container {
    max-width: 100%;
}

section.platforms-section.whychoosenewsectionios .container  .platforms-featured-box {
    padding-left: 90px;
}

section.platforms-section.whychoosenewsectionios .container .platforms-featured-box  img.whychooseleftimg {
    margin-top: 45px;
}

section.platforms-section.whychoosenewsectionios .platforms-list {
    background: linear-gradient(180deg, #0A065C 0%, #060433 100%) !important;
    color: white;
    border-radius:0;
    padding: 0;
}

section.platforms-section.whychoosenewsectionios .platforms-list *{
     color: white;
}

section.platforms-section.whychoosenewsectionios .platforms-list  .platforms-item {
    padding-right: 75px;
    padding-left: 40px;
    border-bottom: 1px solid #8a84f9;
}

section.platforms-section.whychoosenewsectionios  .platforms-flex-container {
    gap: 80px;
}

section.platforms-section.whychoosenewsectionios .platforms-icon-box {
    background: transparent !important;
}

section.platforms-section.whychoosenewsectionios .platforms-list  h4 {
    margin-bottom: 15px;
}

section.platforms-section.whychoosenewsectionios .platforms-icon-box {
    width: 88px;
    height: auto;
}

section.platforms-section.whychoosenewsectionios .platforms-list  .platforms-item-header {
    gap: 40px;
}

.engagementgridleft {
    padding: 60px 40px 40px;
    background: #0760FF;
    color: white;
    border-radius: 24px 0 0 24px;
}

h3.engagementheading {
    font-family: Plus Jakarta Sans;
    font-weight: 800;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -2%;
    text-align: left;
    margin-bottom: 17px;
}

.engagementcontent {
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -2%;
    margin-bottom: 64px;
}

.engagementrightbtmsec {
    padding: 28px 32px;
}

.engagementgridright {
    background: #0032B6;
    color: white;
    border-radius: 0 24px 24px 0;
}

.engagementrightbtmgcrd {
    background: #0F3DBA33;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 12px 9px;
    border: 1px solid #476ccf;
    border-radius: 12px;
    border-left-color: #5281ff;
    background: linear-gradient(39deg, #0a1a4421, #8cabff33);
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -2%;
}

.engagementrightbtmgrid {
    gap: 20px;
}

img.engagementcrdico {
    width: 28px;
}

section.engagementseciosmain a.cta-button.btn {
    background: transparent !important;
}

.processanimationsect {
    display: flex;
    padding: 77px 0 25px;
    gap: 0;
    overflow: hidden;
}

.processleftglobe {
    width: 40%;
}

a.processiosbtachcrd {
    background: linear-gradient(89.93deg, #6F00FF 20.04%, #0D00FF 80.96%);
    color: white;
    padding: 6px 15px;
    border-radius: 55px;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -2%;
    display: flex;
    align-items: center;
    gap: 10px;
    word-spacing: 2px;
}

a.processiosbtachcrd img.processiosico {
    width: 20px;
}

.processiosbatchgrid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 54px;
    max-width: 740px;
}

.processsubheadingsc {
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-size: 19px;
    line-height: 34px;
    letter-spacing: -2%;
    display: block;
}

.processsubheadingsc span {
    max-width: 800px;
    display: block;
}

.processrightglobe {
    flex: 1;
}
h2.processiosheading.text-center {
    justify-content: center;
}
h2.processiosheading {
    font-family: Plus Jakarta Sans;
    line-height: 131%;
    letter-spacing: -2%;
    margin-bottom: 23px !important;
    font-size: 52px !important;
}

.processbackground_sc {
    aspect-ratio: 1;
    border-radius: 50%;
    position: relative;
    padding: 66px;
    background: radial-gradient(50% 50% at 50% 50%, #FCFCFF 50.96%, #B1B6F7 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    margin-left: -30%;
    left: -20%;
}

.processicosc {
    position: absolute;
    max-width: 127px;
}
.processicosc.one {
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
}

.processicosc img {
    max-width: 100%;
}

img.processglobeimage {
    aspect-ratio: 1;
    object-fit: contain;
}

.iosprocessslide {
    position: absolute;
    top: 0;
    height: 100%;
    left: 00;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 85px;
    opacity: 0;
}

.iosprocessslide.one{
    opacity: 1;
}

.rightiosprocesslider {
    height: 100%;
    position: relative;
}

section.iosdevprocessmain {
    padding: 60px 0px  !important;
}

.processiossubheading {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0%;
    max-width: 1050px;
    margin: 0 auto;
}

.processicosc{
    opacity:.5;
    scale:.7
}



.processicosc.two {
       right: 138px;
    top: -3%;
}



.processicosc.three {
    left: 70px;
    top: 0;
        transform: rotateZ(43deg) rotatex(180deg) rotateY(180deg);
}

.processicosc.four {
     left: -70px;
    top: 48%;
        transform: translateY(-50%) rotateZ(-3deg) rotatex(180deg) rotateY(180deg);
}

.processicosc.five {
        bottom: -2px;
    left: 99px;
    transform: rotateZ(306deg) rotatex(180deg) rotateY(180deg);
}

.processicosc.six {
       bottom: -20px;
    right: 123px;
    transform: rotateZ(58deg);
}

.processicosc.one {
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
    opacity:1;
    scale:1
}
.processsubheadingsc {
    background: #E4E6FF;
    position: relative;
    padding: 8px 10px 8px 0;
}

.processsubheadingsc:before {
    content: '';
    position: absolute;
    width: 150px;
    right: 100%;
    height: 100%;
    background: #E4E6FF;
    z-index: 0;
    top: 0;
}

.processicosc {
    z-index: 5;
}

.processleftglobe {
    position: relative;
    z-index: 2;
}
.iosprocessslide {
    transform: translateX(100px);
}
.iosprocessslide.one {
    transform: translateX(0px);
}
.processsubheadingsc {
    min-height: 118px;
    display: flex;
    align-items: center;
}
h2.processiosheading {
    min-height: 100px;
    display: flex;
    align-items: center;
}

.processsubheadingsc:before {
    background: linear-gradient(to left, #E4E6FF 70%, #ffffff00);
}

section.cta-section-connect.ioscta_section_connect h2 {
    margin-bottom: 20px;
}

.wearable_process_main .processsubheadingsc {
    font-size: 16px;
        line-height: 24px;
}

.wearable_process_main .iosprocessslide.two  h2.processiosheading,
.wearable_process_main .iosprocessslide.one h2.processiosheading{
    min-height: 130px;
}

.wearable_process_main .processicosc.two {
    rotate: -63deg;
}

.wearabletabsection  .tech-info-card h3 {
    font-size: 20px;
    font-weight: 400;
}
section.iosdevprocessmain.wearable_process_main .iosprocessslide.six {
    padding-top: 49px;
}

section.iosdevprocessmain.wearable_process_main .processicosc.three {
    left: 70px;
    top: 0;
    transform: rotate(235deg);
}

.fluterservlist {
    padding-left: 20px;
    margin-top: 10px;
    list-style: none;
}

.fluterservlist li {
        margin-bottom: 7px;
    color: #5c5c5c;
        display: block;
    position: relative;
     list-style: none;
}

.fluterservlist li:before {
    content: '';
    position: absolute;
    left: -13px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #6f01ff;
    top: 9px;
}

.enterprise-section.flutterinegrate-section {
  padding: 100px 0;
  background-color: #f4f6f9;
}

/* Container */
.enterprise-section.flutterinegrate-section .container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Header */
.enterprise-section.flutterinegrate-section .section-header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 60px;
}

.enterprise-section.flutterinegrate-section .section-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  color: #1e2235;
  margin-bottom: 20px;
}

.enterprise-section.flutterinegrate-section .section-description {
  font-size: 16px;
  line-height: 1.7;
  color: #6b7280;
}

/* Grid */
.enterprise-section.flutterinegrate-section .enterprise-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

/* Card */
.enterprise-section.flutterinegrate-section .enterprise-card {
  background-color: #e9edf3;
  padding: 28px;
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.enterprise-section.flutterinegrate-section .enterprise-card h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1e2235;
}

.enterprise-section.flutterinegrate-section .enterprise-card p {
  font-size: 14px;
  line-height: 1.7;
  color: #4b5563;
}

.enterprise-section.flutterinegrate-section .enterprise-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.healthcareprocess h2.processiosheading{
      font-size: 45px !important;
}
.healthcarecompliance a.compliance_lg_crdy {
    font-size: 16px;
    border: unset;
    border-bottom: 1px solid #2116f2;
    border-radius: 0;
    width: 100%;
}
section.platforms-section.whychoosenewsectionios.whychooseusaipagesection .platforms-featured-box {
    padding: 0;
}

section.platforms-section.whychoosenewsectionios.whychooseusaipagesection .container {
    max-width: 1310px;
    padding-left:15px;
    padding-right:15px;
}

section.platforms-section.whychoosenewsectionios.whychooseusaipagesection  .platforms-icon-box {
    max-width: 62px;
}

section.platforms-section.whychoosenewsectionios.whychooseusaipagesection  .platforms-item-header.a-s {
    gap: 20px;
}

section.platforms-section.whychoosenewsectionios.whychooseusaipagesection  .platforms-item {
    padding-right: 30px;
    padding-left: 30px;
}

section.platforms-section.whychoosenewsectionios.whychooseusaipagesection .platforms-list {
    background: #0760FF !important;
}
a#cta-btn2 {
    background: linear-gradient(90deg,#6f00ff 20%,#0d00ff 81%);
    border-radius: 55px;
    color: white;
}
section.iosframewordsectionmn img.iosbeneacoodlogo {
    border-radius: 13px;
}
section.cta-section-connect h2 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    line-height: 133%;
}
a.cta-button.btn {
    text-transform: math-auto;
}
section.tech-tabs-section.apppagetabsection  .tech-info-card {
    transform: translateY(7%);
}

section.tech-tabs-section.apppagetabsection .tech-info-card  h3 {
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 20%;
}
.iosbenefitgrid .iosbenefitdesc {
    font-size: 20px;
}
section.platforms-section.whychoosenewsectionios.appioswhychoosenewsection  .platforms-featured-box {
    top: 95px;
}
section.platforms-section.whychoosenewsectionios.appioswhychoosenewsection  img.whychooseleftimg {
    height: 265px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}
section.iosdevprocessmain img.processglobeimage.inner {
  animation-name:rotateglobe;
  animation-duration:40s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
  
}
/* 
.iosdevprocessmain  img.processglobeimage.inner.scrollup {
    animation-direction: reverse;
} */
@keyframes rotateglobe {
  from {transform:rotate(0deg)}
  to {transform:rotate(360deg)}
}

.iot-section-platform{
padding:100px 20px !important;
background: linear-gradient(113.33deg, #04214D 0.5%, #073781 99.5%);
font-family:system-ui;
color:#fff;
}

.iot-section-platform .iot-container{
max-width:1200px;
margin:auto;
text-align:center;
}

.iot-section-platform .iot-title{
font-size:40px;
font-weight:600;
margin-bottom:20px;
}

.iot-section-platform .iot-desc{
max-width:900px;
margin:auto;
opacity:.85;
line-height:1.7;
margin-bottom:70px;
}

.iot-section-platform .iot-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.iot-section-platform .iot-card{
padding:40px 30px;
text-align:left;
border-radius:14px;
background: linear-gradient(139.93deg, #04214D 1.02%, #06285B 98.98%);
border: 1px solid #6F00FF;
box-shadow: 0px 0px 26px 0px #174FA4;
transition:.3s;
}

.iot-section-platform .iot-card:hover{
transform:translateY(-5px);
box-shadow:0 15px 40px rgba(0,0,0,.45);
}

.iot-section-platform .icon-box{
width:60px;
height:60px;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,#6a00ff,#003dff);
margin-bottom:20px;
}

.iot-section-platform .icon-box img{
width:32px;
}

.iot-section-platform .iot-card h3{
font-size:22px;
margin-bottom:20px;
}

.iot-section-platform .tags{
display:flex;
flex-wrap:wrap;
gap:12px;
}

.iot-section-platform .tags span{
padding:8px 16px;
border-radius:30px;
border:1px solid #5a63ff;
font-size:14px;
background:rgba(90,99,255,.08);
}

section.iosdevprocessmain.iotprocessmain .processicosc.two {
   transform: rotate(-60.0001deg);
}

.wearabletabsection .tech-info-card h3 span:first-child {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}

.wearabletabsection .tech-info-card h3 span.read-more-btn {
    text-decoration:underline;
}

.wearabletabsection .tech-info-card h3.expanded span:first-child {
    display: inline;
}
.iosdevprocessmain  h2.processiosheading {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.tech-tabs-section  > .container > h2 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
section.tech-tabs-section.apppagetabsection.newiostabsectoonn .tech-info-card {
    row-gap: 35px !important;
}
section.tech-tabs-section.apppagetabsection.newiostabsectoonn.wearabletabsection .tech-info-card h3 span:first-child {
    -webkit-line-clamp: 6;
}

.milliprojectheading{
  display: block !important;
    font-family: initial;
    color: #007bff;
    font-weight: 800;
    letter-spacing: 5px;
    font-size: 50px;
}

.displayNone{
  display:none !important;
}
.compliancesecmain a.compliance_lg_crdy {
    cursor: auto;
    pointer-events: none;
}

section.iospageheromain.iot_hero_section_main {
    min-height: 87vh !important;
}


section.iospageheromain.iot_hero_section_main .iosheroright:before {
    content: '';
    position: absolute;
    height: 77vh;
    width: 100%;
    background: url(https://www.appventurez.com/wp-content/uploads/2026/03/Vector-31-1.png) !important;
    top: calc(50% + 25px);
    transform: translateY(-50%);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: 78% !important;
}


.capabilities-grid {
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: 24px;
}

.capabilities-grid,
.capabilities-grid .row-top,
.capabilities-grid  .row-bottom {
    align-items: stretch;
}
.capabilities-grid  .tall {
    grid-row: span 2;
    height: 100%;
}

.capabilities-grid .row-top {
    display: grid;
    grid-template-columns:36% 61%;
    gap: 24px;
}

.capabilities-grid  .card-gradient {
    background: linear-gradient(180deg, #5012E5 0%, #FFFFFF 80%);
    color: #fff;
}

.capabilities-grid  .tall h3 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 800;
    padding-top: 25px;
}
.capabilities-grid  .card-gradient img {
    margin-top: auto;
}
.capabilities-grid  .cap-card {
    background: #fff;
    border-radius: 24px;
    padding: 4px 32px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .08);
    position: relative;
}
.capabilities-grid .cap-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.capabilities-grid .cstm-data-text h3 {
    font-weight: 800;
    font-size: 44px;
    line-height: 100%;
    text-align: center;
    color: #111827;
    margin: 30px 0px 0px 0px;
}
.capabilities-grid .cstm-data-text p,
.capabilities-grid .cstm-api-integration p,
.capabilities-grid .cap-card.glow p,
.capabilities-grid .highlight {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #374151;
}
.capabilities-grid .light {
    background: #eef4ff;
    display: flex;
    gap: 24px;
}
.capabilities-grid .light {
    flex-direction: row;
    align-items: center;
}
.capabilities-grid .secure-card {
    width: 159px;
    height: 170px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    transition: 0.3s ease;
    background: #F3F4F633;
    border: 2px solid rgba(255, 255, 255, 1);
    margin: 10px 0px;
}
.capabilities-grid .secure-card h3 {
    font-size: 24px;
    color: #111827;
    font-weight: 700;
    margin: 0;
}
.capabilities-grid .cap-card.light .icon-box img {
    padding-top: 20px;
}
.capabilities-grid .glow img {
    margin-top: 20px;
}

.capabilities-grid .cap-card.glow p {
    text-align: left !important;
}
.capabilities-grid .cap-card.glow p {
    font-size: 18px;
    line-height: 28px;
}
.capabilities-grid .glow {
    background: linear-gradient(180deg, #fff 0%, #F5EDFF 100%);
    padding: 4px 32px;
    border-radius: 24px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .08);
}
.capabilities-grid .cap-card.glow h3 {
    font-weight: 800;
    font-size: 26px;
    line-height: 100%;
    margin: 45px 0 0;
}
.cap-card.cstm-api-integration .icon-box {
    margin: 0 auto;
}
.cstm-api-integration .icon-box img {
    width: auto;
    height: 216px;
    max-width: 200px;
}
.capabilities-grid  .row-bottom {
    display: grid;
    grid-template-columns: 57.5% 39%;
    gap: 24px;
}
.capabilities-grid  .cstm-api-integration {
    flex-direction: column;
    justify-content: center;
    background: rgba(231, 240, 255, 1);
}

.capabilities-grid   .card-gradient.cap-card {
    background: linear-gradient(180deg, #5012E5 0%, #FFFFFF 80%);
    color: #fff;
}
section.core-capabilities.cstm-container.mr-top-66  .cap-card.card-gradient.tall p {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-style: Medium;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 33px;
    letter-spacing: 0%;
    margin-top:20px;
}
.capabilities-grid .cap-card.cstm-data-text {
    padding-bottom: 35px;
}

.capabilities-grid .cstm-data-text p,
.capabilities-grid .cstm-api-integration p,
.capabilities-grid .cap-card.glow p{
    margin-top: 15px;
}

section.core-capabilities.cstm-container.mr-top-66 {
    padding-top: 55px;
}

section.core-capabilities.cstm-container.mr-top-66  p.cstm-mobile-app-dev-para.text-center {
    margin-top: 20px;
}
.benefits-section.mobile_app_benefit{
    padding-top: 80px;
    position: relative;
    
}
.benefits-section.mobile_app_benefit .cstm-benefits-section {
    /* background: radial-gradient(circle at top, #EDECFF, #F8F7FF); */
    padding: 80px 20px;

    background-color: #EDECFF;

}
.benefits-section.mobile_app_benefit .cstm-benefits-container{
  max-width: 1327px !important;
}

.benefits-section.mobile_app_benefit .benefits-container {
  max-width: 1200px;
  margin: auto;
}

.benefits-section.mobile_app_benefit .benefits-wrapper {
    border-radius: 24px;
    clip-path: inset(0 round 24px);
}
.benefits-section.mobile_app_benefit .cstm-core-container{
        max-width: 1332px;
    width: 100%;
    margin: auto;
}
.benefits-section.mobile_app_benefit .benefits-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px;
  align-items: center;
  margin-bottom: -5px;
}

.benefits-section.mobile_app_benefit .benefits-text h2 ,
.benefits-section.mobile_app_benefit .advanced-tech h2 ,
.benefits-section.mobile_app_benefit .compliance-title,
.benefits-section.mobile_app_benefit .cstm-iot-pg-why-header h2{
  font-size: 40px;
  font-weight: 800;
  color: #000000CC;
  margin-bottom: 16px;
  line-height: 60px;

}
.benefits-section.mobile_app_benefit .cstm-page-advanced-tech{
      padding: 100px 0 !important;
      text-align: center;
}
.benefits-section.mobile_app_benefit .cstm-iot-page-advanced-tech{
        padding: 150px 0 !important;

}
.benefits-section.mobile_app_benefit .benefits-text p{
    font-size: 26px !important;
    color: rgba(0, 0, 0, 0.6);
    line-height: 43px;
    font-weight: 600;
    text-align: left;
  

}
.benefits-section.mobile_app_benefit .cstm-sub-text-trusted-by{
  font-weight: 400 !important;


}
.benefits-section.mobile_app_benefit .cstm-iot-pg-custom-faq-wrapper{
  padding-bottom: 100px;
}
.benefits-section.mobile_app_benefit .cstm-iot-page-shedule-call-section{
  margin-top: 100px;
}

/* Grid */
.benefits-section.mobile_app_benefit .benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  box-shadow:
    0 20px 40px rgba(102, 159, 246, 0.18),
    0 4px 12px rgba(0, 0, 0, 0.06);
    display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
}
.benefits-section.mobile_app_benefit .benefit-card:nth-child(1),
.benefits-section.mobile_app_benefit .benefit-card:nth-child(2), 
.benefits-section.mobile_app_benefit .benefit-card:nth-child(3),
.benefits-section.mobile_app_benefit .benefit-card:nth-child(4) {
  position: sticky;
  top: 84px;   /* where it should stick */
  z-index: 5;
}
.benefits-section.mobile_app_benefit .benefits-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #669FF6;
  border-radius: 24px;
  pointer-events: none;
  z-index: 50; /* above cards */
}

.benefits-section.mobile_app_benefit .benefit-card:nth-child(5),
.benefits-section.mobile_app_benefit .benefit-card:nth-child(6) {
  position: relative;
  z-index: 10;  /* higher than row 2 */
}

/* Card */
.benefits-section.mobile_app_benefit .benefit-card {
  padding: 20px;
  border: unset;
  border-bottom: 2px solid #669FF6;
  border-right: 2px solid #669FF6;
    /* box shadow */
  background-color: #FFFFFF;
  box-shadow: 0px 0px 24px 0px rgba(206, 204, 255, 0.6);
}

.benefits-section.mobile_app_benefit .benefit-card:nth-child(2n) {
  border-right: none;
}

.benefits-section.mobile_app_benefit .benefit-card:nth-last-child(-n+2) {
  border-bottom: none;
    background-color: #FFFFFF;

}

.benefits-section.mobile_app_benefit .icon {
    width: 70px;
    height: 70px;
    color: #000;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    font-size: 22px;
    padding-top: 16px;

}

.benefits-section.mobile_app_benefit .benefit-card h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #111827;
  line-height: 35px;
}

.benefits-section.mobile_app_benefit .benefit-card ul {
  list-style: none;
  padding: 0;
}

.benefits-section.mobile_app_benefit .benefit-card ul li {
  position: relative;
  font-size: 20px;
  color: #5F6368;
  line-height: 32px;

  font-weight: 500;
  display: flex;

}
.benefits-section.mobile_app_benefit .cstm-check-icon svg{
 
    padding-right: 6px;
    width: 25px;
    height: 25px;

}
.benefits-section.mobile_app_benefit .advanced-tech {
  padding: 80px 0 !important;
  text-align: center;
}

.benefits-section.mobile_app_benefit .cstm-cross-pg-hero-content h1,
.benefits-section.mobile_app_benefit .cstm-andr-pg-hero-content h1{
  font-size: 53px;

}

.benefits-section.mobile_app_benefit .cstm-andr-pg-techstack-left-panel{
      max-width: 530px !important;
}

.benefits-section.mobile_app_benefit .benefits-text * {
    text-align: left !important;
}

.benefits-section.mobile_app_benefit .benefit-card ul{
  margin-top:16px;
  margin-bottom:16px;
}
.benefits-section.mobile_app_benefit .benefit-card {
    background: linear-gradient(1deg, #edecff, #f5f4ff, #edecff);
}


/* Grid Layout */
section.apppartnermainsectio .partner-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 80px;
}

section.apppartnermainsectio .partner-icon-box img{
     width: 88px;
    height: 88px;
}
section.apppartnermainsectio .partner-section,
section.apppartnermainsectio .cstm-mobile-app-dev-process{
  padding: 0px !important;
}
/* Feature Grid */
section.apppartnermainsectio  .partner-feature-grid {
   display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px;
  position: relative;

  width: 926px;
}

/* All cards */
section.apppartnermainsectio .partner-feature-card {
  padding: 40px;
  border-bottom: 1px solid #C3D3FF;
}

/* Add vertical divider on left column only */
section.apppartnermainsectio .partner-feature-card:nth-child(odd) {
  border-right: 1px solid #C3D3FF;
}

/* Remove bottom border from last row */
section.apppartnermainsectio .partner-feature-card:nth-last-child(-n+2) {
  border-bottom: none;
}

/* .partner-feature-card {
  position: relative;
  z-index: 2;
  padding: 40px;
} */
section.apppartnermainsectio .partner-feature-card:nth-child(1) { z-index: 1; }
section.apppartnermainsectio .partner-feature-card:nth-child(2) { z-index: 2; }
section.apppartnermainsectio .partner-feature-card:nth-child(3) { z-index: 3; }
section.apppartnermainsectio .partner-feature-card:nth-child(4) { z-index: 4; }
section.apppartnermainsectio .partner-feature-card:nth-child(5) { z-index: 5; }
section.apppartnermainsectio .partner-feature-card:nth-child(6) { z-index: 6; }

section.apppartnermainsectio  .partner-feature-card:nth-child(odd) {
  border-right: 1px solid #C3D3FF;
}
section.apppartnermainsectio .partner-feature-card:nth-last-child(-n+2) {
  border-bottom: none;
}

section.apppartnermainsectio .partner-grid {
  align-items: start;
}

section.apppartnermainsectio  .partner-feature-card {
  position: sticky;
  top: 140px;             
  background: #fff;
  padding: 40px;
  border-bottom: 1px solid #C3D3FF;
}

section.apppartnermainsectio .partner-glow-circle {
  position: relative;
  z-index: 2;
}

/* Feature Card */
section.apppartnermainsectio .partner-feature-card {
  background-color: #fff;
  
}

section.apppartnermainsectio  .partner-feature-card h4 {
    font-size: 24px;
    margin: 4px 0 10px;
    line-height: 36px;
    font-weight: 700;
    color: #333333;
}
section.apppartnermainsectio .cstm-partner-feature-header{
  display: flex;
  align-items: center;
  gap: 15px;
}
section.apppartnermainsectio .partner-feature-card p {
  font-size: 18px;
  color: #333333;
  line-height: 28px;
  font-weight: 500;
}
section.apppartnermainsectio .parent-container {
  position: relative;
}
section.apppartnermainsectio .partner-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: start;
  margin-top: 80px;
}


section.apppartnermainsectio .partner-image-wrap {
  position: sticky;
  top: 130px;
  display: flex;
  justify-content: flex-end;
}

/* GLOW */
section.apppartnermainsectio .partner-glow-circle {

  border-radius: 50%;

  background: radial-gradient(
    circle,
    #e8f1ff 0%,
    #e8f1ff 12%,
    #cfe0ff 35%,
    rgba(207, 224, 255, 0.4) 55%,
    rgba(207, 224, 255, 0.15) 65%,
    transparent 80%
  );

  display: flex;
  align-items: center;
  justify-content: center;

  pointer-events: none;

  position: relative;
  z-index: 2;
}


section.apppartnermainsectio h2.cstm-mobile-app-dev-title.cstm-prm-patner-ttl {
    text-align: center;
}

section.apppartnermainsectio p.cstm-mobile-app-dev-para {
    text-align: center;
}
@media (max-width:1024px){

.iot-section-platform .iot-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:600px){

.iot-section-platform .iot-grid{
grid-template-columns:1fr;
}

.iot-section-platform .iot-title{
font-size:28px;
}

.iot-section-platform .iot-section{
padding:70px 20px !important;
}

}


@media(max-height:850px) and (min-width:1100px){
    img.ios_phoneimg {
    scale: .96 !important;
            position: relative;
        top: -51px;
}

.ios_phone_wrapper {
    padding-top: 200px;
}
}

@media(min-width:1024px){
   section.iosdevprocessmain.androidprocessmain  .processicosc.two  img.processicoimg {
    rotate: -57deg;
}
    section.iospageheromain.fluttermainhersc .iosheroright {
            position: absolute;
            right: 0;
            height: auto;
            bottom: 0px;
            max-width: 45%;
            display: flex;
}

section.iospageheromain.fluttermainhersc .container{
            position: unset;
}

section.iospageheromain.fluttermainhersc {
    min-height: 90vh;
    position: relative;
}

section.iospageheromain.fluttermainhersc .iosheroright:before {
    content: '';
    position: absolute;
    height: 78.5vh;
    width: 100%;
    background: url(https://www.appventurez.com/wp-content/uploads/2026/03/Vector-31-1.png) !important;
    bottom: 0;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
}
    section.iospageheromain.wearableherosection {
    min-height: 90vh;
    position: relative;
}

section.iospageheromain.wearableherosection .container {
    position: unset;
}

section.iospageheromain.wearableherosection  .iosheroright {
    position: absolute;
    right: 5%;
    height: auto;
    bottom: 0px;
    max-width: 47%;
    display: flex;
}

 section.iospageheromain.wearableherosection.enterpriseherosection .iosheroright {
        position: absolute;
        right: 3vw;
        height: 100%;
        top: 53%;
        max-width: 47%;
        display: flex;
        transform: translateY(-50%);
    }
    h2.iosdevserviceheading {
    max-width: 1024px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}
    section.strategic-path.nativewhychoosesectionmn .swiper-wrapper {
    justify-content: center;
}
 
section.strategic-path.nativewhychoosesectionmn .swiper-wrapper  .path-card {
    min-height: 629px;
}

section.strategic-path.nativewhychoosesectionmn .header-content p {
    max-width: 1300px;
    margin-top: 20px;
}
    .processanimationsect .processleftglobe {
    scale: .9;
}
section.strategic-path.iotpagewhychooseusmain  .path-card {
    min-height: 599px;
}
section.tech-tabs-section.apppagetabsection.newiostabsectoonn .tech-info-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items:flex-start;
}

section.tech-tabs-section.apppagetabsection.newiostabsectoonn .tech-info-card h3 {
    margin: 0 !important;
}
section.iosdevelopermentservicemain  .iosdevservbatch  span.batchtext {
    min-width: 178px;
}
}

@media(min-width:1200px){

    
    .clients-impact-section.iosimpactsection .impact-stats-grid {
    gap: 3%;
    justify-content: space-between;
}

.clients-impact-section.iosimpactsection .stat-card:not(:last-child):after {
    right: -13%;
}
    section.clients-impact-section.iosimpactsection.enterpriseclientimpact .stat-card:not(:last-child):after {
        right: -63%;
    }
.clients-impact-section.iosimpactsection .stat-card p {
    max-width: 232px;
    margin-top: 13px;
}

}

@media(min-width:1560px){
    .processicosc.three {
    left: 85px !important;
    top: 0 !important;
    transform: rotateZ(59deg) rotatex(180deg) rotateY(180deg) !important;
}
.processicosc.four {
    left: -67px !important;
    top: 48% !important; 
    transform: translateY(-50%) rotateZ(-1deg) rotatex(180deg) rotateY(180deg) !important;
}
.processicosc.five {
    bottom: 2px !important;
    left: 111px !important;
    transform: rotateZ(306deg) rotatex(180deg) rotateY(180deg) !important;
}
.processicosc.six {
    bottom: -11px !important;
    right: 140px !important;
    transform: rotateZ(58deg) !important;
}
}

@media(min-width:1700px){
    .processicosc.two {
    right: 172px !important;
    top: -2% !important;
}
    .processicosc.three {
        left: 116px !important;
        top: 29px !important;
        transform: rotateZ(59deg) rotatex(180deg) rotateY(180deg) !important;
    }
    .processicosc.four {
        left: -63px !important;
        top: 48% !important;
        transform: translateY(-50%) rotateZ(-1deg) rotatex(180deg) rotateY(180deg) !important;
    }
        .processicosc.five {
        bottom: 12px !important;
        left: 130px !important;
        transform: rotateZ(306deg) rotatex(180deg) rotateY(180deg) !important;
    }

    .processicosc.six {
        bottom: -16px !important;
        right: 153px !important;
        transform: rotateZ(58deg) !important;
    }

    section.iosdevprocessmain.wearable_process_main .iosprocessslide.four {
    padding-top: 40px;
}

section.iosdevprocessmain.wearable_process_main .iosprocessslide.three {
    padding-bottom: 18px;
}

section.iosdevprocessmain.wearable_process_main .iosprocessslide.two {
    padding-top: 0px;
}

section.iosdevprocessmain.wearable_process_main .iosprocessslide.six {
    padding-top: 23px;
}
}

@media(min-width:1800px){
    .processicosc.two {
    right: 209px !important;
    top: -2% !important;
}
    .processicosc.three {
        left: 123px !important;
        top: 18px !important;
        transform: rotateZ(59deg) rotatex(180deg) rotateY(180deg) !important;
    }
        .processicosc.five {
        bottom: 22px !important;
        left: 147px !important;
        transform: rotateZ(306deg) rotatex(180deg) rotateY(180deg) !important;
    }
        .processicosc.six {
        bottom: 4px !important;
        right: 153px !important;
        transform: rotateZ(58deg) !important;
    }
}

@media(min-width:1900px){
    .processicosc.two {
    right: 219px !important;
    top: -2% !important;
}
    .processicosc.three {
        left: 138px;
        top: 31px;
        transform: rotateZ(59deg) rotatex(180deg) rotateY(180deg) !important;
    }
        .processicosc.six {
        bottom: 4px !important;
        right: 166px !important;
        transform: rotateZ(58deg) !important;
    }
    section.iosdevprocessmain.wearable_process_main .iosprocessslide.six {
    padding-top: 0px;
}
section.iosdevprocessmain.wearable_process_main .iosprocessslide.two {
    padding-bottom: 32px;
}
}


@media(min-width:1950px){
    .processicosc.two {
    right: 204px !important;
    top: -1% !important;
}

}

@media(min-width:800px) and (max-width:1202px){
    .processicosc {
    max-width: 96px;
}
}

@media(min-width:1250px) and (max-width:1401px){
    section.iosdevprocessmain.wearable_process_main .iosprocessslide.four {
    padding-top: 0px;
}
}

@media(max-width:1350px){
    .iosprocessslide h2.processiosheading {
    font-size: 3.3vw !important;
}

.processsubheadingsc {
    font-size: 16px;
}

.iosprocessslide.one  h2.processiosheading {
    min-height: 140px;
}


.iosprocessslide.six h2.processiosheading {
    margin-top: 58px;
}
}

@media(max-width:1100px){

    .processicosc {
    max-width: 100px;
}

.processsubheadingsc {
    line-height: 132%;
    min-height: 100px ;
}


.iosprocessslide.two  h2.processiosheading {
    margin-top: 37px;
}

.processicosc.two {
    right: 108px !important;
    top: -2% !important;
}

.iosprocessslide.three h2.processiosheading {
    margin-top: 31px !important;
}

.iosprocessslide.four {
    padding-top: 34px;
}

.iosprocessslide.five {
    padding-top: 46px ;
}

.processicosc.five {
    bottom: 10px !important;
    left: 63px !important;
}

.processicosc.six {
    bottom: -9px !important;
    right: 103px !important;
}

.processicosc.four {
    left: -49px !important;
    top: 48% !important;
}

.processicosc.one {
    right: -49px !important;
}
}

@media(max-width:767px){
   .enterprise-section.flutterinegrate-section {
    padding: 70px 0;
  }

  .enterprise-section.flutterinegrate-section .section-title {
    font-size: 28px;
  }

  .enterprise-section.flutterinegrate-section .enterprise-grid {
    grid-template-columns: 1fr;
  }
    section.iospageheromain {min-height: 86vh;}

.iosherogrid {
    display: flex;
    flex-direction: column;
    gap: 33px;
}

h1.iosheroheaidng {
    font-size: 26px;
    line-height: 147% !important;
}

p.iosherocontent {
    font-size: 16px;
}

.iosdevservicegrid {
    display: block !important;
    margin: 0;
}

p {
    font-size: 16px !important;
}

.iosbenefitgrid {
    grid-template-columns: repeat(1, 1fr);
}

.iosbenefitdesc {
    font-size: 16px;
}

.iosbenefitaccordcard.accordian_togglemain h3.accordian_header_heading {
    font-size: 18px;
    text-align: left;
}

.iosbenefitaccordcard.accordian_togglemain {
    padding: 17px;
}

.iosdevserv_left {
    position: relative;
    margin-bottom: 53px;
}

.iosdevservbatch {
    min-height: 45px;
    padding: 2px 15px;
}

img.ios_phoneimg {
    max-width: 80%;
}

section.iosdevelopermentservicemain .ico1 {
    transform: rotate(-38deg) translateY(-275px) rotate(60deg);
}

.float-icon img {
    max-width: 72px;
}

section.iosdevelopermentservicemain .ico2 {
    transform: rotate(-12deg) translateY(-355px) rotate(21deg);
}

section.iosdevelopermentservicemain .ico3 {
    transform: rotate(6deg) translateY(-401px) rotate(30deg);
}

section.iosdevelopermentservicemain .ico4 {
    transform: rotate(10deg) translateY(-390px) rotate(80deg);
}

section.iosdevelopermentservicemain {
    overflow: hidden;
    padding-top: 67px;
}

.iosdevserv_left {
    top: 0;
    margin-top: 48px;
    position: relative;
    margin-bottom: 53px;
}

section.benefitssection {
    padding-top: 60px;
    padding-bottom: 60px;
}

section.iosframewordsectionmn .iosframewordgrid {
    grid-template-columns: repeat(1,1fr);
}

section.iosframewordsectionmn h2.iosframeheading {
    font-size: 28px;
    margin-bottom: 25px;
}

section.iosframewordsectionmn .iosframedescription {
    font-size: 16px;
}

section.iosframewordsectionmn h3.accordian_header_heading {
    font-size: 20px;
}

section.iosframewordsectionmn {
    padding-top: 65px;
    padding-bottom: 65px;
}

.tech-tabs-section .tech-info-card h3 {
    font-size: 18px;
}

.platforms-section .platforms-blue-card h3 {
    font-size: 24px;
}

.platforms-section .platforms-blue-card {
    padding: 48px 19px;
}

.platforms-section .platforms-blue-card a.cta-button.btn {
    padding: 1.125rem 1.4rem;
}

section.platforms-section.whychoosenewsectionios {
    padding: 60px 0;
}

.engagementgrid {
    grid-template-columns: repeat(1, 1fr) !important;
}

h3.engagementheading {
    font-size: 25px;
}

.engagementcontent {
    font-size: 16px;
}

.engagementgridleft {
    border-radius: 24px 24px 0 0;
    padding: 38px 25px 30px;
}

.engagementgridright {
    border-radius: 0 0 24px 24px;
}

img.engagementcrdico {
    display: none;
}

.engagementrightbtmsec {
    padding: 18px 16px;
}

.engagementrightbtmgrid {
    gap: 13px;
}

.engagementrightbtmgrid .engagementrightbtmgcrd {
    font-size: 14px;
}

section.engagementseciosmain a.cta-button.btn {
    font-size: 16px;
}

section.platforms-section.whychoosenewsectionios .platforms-icon-box {
    width: 44px;
}

section.platforms-section.whychoosenewsectionios .platforms-list .platforms-item-header {
    gap: 21px;
}

section.platforms-section.whychoosenewsectionios .platforms-list .platforms-item {
    padding-right: 25px;
    padding-left: 25px;
}

section.platforms-section.whychoosenewsectionios .container .platforms-featured-box {
    padding-left: 15px;
    padding-right: 15px;
}

a.compliance_lg_crdy {
    font-size: 16px;
    padding: 12px 25px;
}

.platforms-section .platforms-item-header h4 {
    font-size: 18px;
}

section.platforms-section.compliancesecmain .platforms-icon-box {
    width: 44px;
}

.processanimationsect {
    flex-direction: column-reverse;
    padding-top: 0;
}

.rightiosprocesslider {
    min-height: 500px;
}

h2.processiosheading {
    font-size: 28px !important;
    margin-bottom: 0 !important;
    text-align: center;
}

.processsubheadingsc {
    font-size: 16px;
    background: transparent;
    text-align: center;
}

.iosprocessslide {
    transform: translateX(10px);
    /* padding-right: 15px;
    padding-left: 15px; */
}

.processsubheadingsc:before {
    display: none;
}

.processiosbatchgrid {
    margin-top: 18px;
    gap: 9px;
}

a.processiosbtachcrd {
    padding: 6px 15px;
    font-size: 12px;
}

.processiossubheading {
    font-size: 18px;
    padding: 0 10px;
}

.processleftglobe {
    width: 100%;
    max-width: 414px;
    margin: 0 auto -55%;
}

.processbackground_sc {
    margin-left: .0;
    left: 0;
    padding: 25px;
}

.processicosc.two {
    right: -8px !important;
    top: 14% !important;
}

.processicosc {
    max-width: 74px;
}

.processicosc.one {
    right: unset;
    left: 50% !important;
    transform: translateX(-50%) !important; 
    top: -57px !important;
    scale:.7;
}

.processicosc.three {
    left: -8px !important;
    top: 14% !important;
}

.processicosc.four {
    bottom: 14% !important;
    left: -8px !important;
    top: unset !important;
}

.processicosc.five {
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: -39px !important;
}

.processicosc.six {
    bottom: 14% !important;
    right: -8px !important;
}
.processicosc{
    opacity: 1;
}
.iosprocessslide {
    justify-content: flex-start;
    padding-top: 29px;
}
.iosprocessslide h2.processiosheading {
    font-size: 28px !important;
}

.processicosc.one {
    scale: .7 !important;
    top: -35px !important;
    left: 47% !important;
}
.processicosc.four {
    bottom: 11% !important;
    left: -8px !important;
        transform: translate(0px, -27.3px) rotate(-120deg) scale(0.7, 0.7) !important;
}
.processicosc.two {
    right: -8px !important;
    top: 16% !important;
    transform: rotate(51deg) scale(.7) !important;
}

.processicosc.six {
    bottom: 15% !important;
    right: -8px !important;
    transform: rotate(120.0001deg) scale(0.7, 0.7) !important;
}


.processicosc.five {
    left: 49% !important;
    transform: translateX(-50%) rotate(181deg) scale(.7) !important;
}
.processicosc.three {
    transform: rotate(
300deg) scale(0.7, 0.7) !important;
}

h2.processiosheading {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
section.iosdevprocessmain.wearable_process_main .processicosc.three {
    left: -8px !important;
    top: 14% !important;
}
.clients-impact-section .stat-card {
    width: 50% !important;
}

.clients-impact-section .impact-stats-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    text-align: center;
    gap: 28px 20px;
}

.clients-impact-section .stat-card {
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    padding: 0 5px;
}
section.iosdevelopermentservicemain  .iosdevservbatch {
    font-size: 2.3vw;
}
section.iosdevelopermentservicemain * {
    text-align: left;
}

section.testimonial-slider-section * {
    text-align: left;
}

.tech-tabs-header.container {
    text-align: left;
}

section.iosdevprocessmain * {
    text-align: left !important;
}

.iosprocessslide h2.processiosheading {
    width: 100%;
}

h2.processiosheading.text-center {
    padding: 0 10px;
}

a.processiosbtachcrd {
    font-size: 2.2vw;
}

.compliance_logo_gridsc {
    gap: 12px;
}

.compliance_logo_gridsc  a.compliance_lg_crdy {
    font-size: 14px;
    padding: 9px 15px;
}
.serv_desc {
    font-size: 16px;
}

.fluterservlist {
    margin-top: 20px;
}

.fluterservlist li {
    margin-bottom: 18px;
}

.iosbenefitgrid .iosbenefitdesc {
    font-size: 16px;
}

section.tech-tabs-section.apppagetabsection .tech-info-card h3 {
    font-size: 16px;
}

.processiossubheading.text-center {
    font-size: 15px;
}

section.cta-section-connect.ioscta_section_connect {
    padding: 50px 15px;
}
.iosdevservicegrid  .ios_phone_wrapper {
    display: none;
}
section.iospageheromain:before, section.iospageheromain:after {
    background: #feffc363;
}
section.iosdevprocessmain {
    padding: 60px 20px 0 !important;
}
.iosdevprocessmain h2.processiosheading {
    margin-left: 0 !important;
    min-height: auto !important;
    margin-bottom: 15px !important;
}
section.iosdevprocessmain > .container > h2.processiosheading.text-center {
    font-size: 26px !important;
}


.processanimationsect  h2.processiosheading {
    font-size: 24px !important;
}
   section.iospageheromain.iot_hero_section_main .iosheroright:before {
        display:None;
    }
     section.iospageheromain.iot_hero_section_main img.iosheroimgg.iotheroimage {
    position: relative;
    left: -30px;
}

 section.iospageheromain.iot_hero_section_main .iosheroright {
    overflow: hidden;
}
section.iospageheromain.wearableherosection {
    padding-bottom: 0;
    align-items: flex-end;
}
f
section.iospageheromain.wearableherosection  .iosherogrid {
    gap: 70px;
}

section.iospageheromain.wearableherosection  .iosheroright {
    display: flex;
}
section.iospageheromain.fluttermainhersc {
    padding-bottom: 0 ;
    padding-right: 0 ;
}

section.iospageheromain.fluttermainhersc  .iosheroleft {
    padding-right: 20px;
}

section.iospageheromain.fluttermainhersc  .iosheroright {
    display: flex;
}
}

/* Keep the industry accordion compact on every AI page. */
main.aipage_main .industry-expertise-section .expertise-accordion {
    padding: 10px 10px 10px 15px !important;
}


/* ========================= aipagecss.css ========================= */

.services-middle.aipageservicemiddle {
    grid-template-columns: repeat(1, 1fr);
}

section.industry-expertise-section a {
    color: #0000ee;
}

.tech-tabs-list.container.aipage_techtablist {
    max-width: 100%;
}

section.aipagenew_hersection .ai_newslideitem {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

section.aipagenew_hersection {
    padding-top: 120px;
}

section.aipagenew_hersection img.ai_herislideimg.globballimg {
    max-width: 500px;
    margin: 0 auto;
}

section.aipagenew_hersection .ai_newslidelefty {
    max-width: 542px;
}

section.aipagenew_hersection .ai_herosliderdesc {
    margin-bottom: 40px;
    margin-top: 25px;
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: normal;
}

section.aipagenew_hersection h2.ai_heroslideheading {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -.5px;
}

section.aipagenew_hersection h2.ai_heroslideheading span {
    font-weight: 800;
    background: -webkit-linear-gradient(
        90.3deg,
        #6F00FF 20.19%,
        #0D00FF 80.77%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.ai_technoligiessectin h2.ai_techno_heading {
    text-align: center;
}

section.ai_technoligiessectin p.ai_techno_subheading {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0%;
    text-align: center;
    max-width: 1056px;
}

section.ai_technoligiessectin h2.ai_techno_heading {
    font-family: Plus Jakarta Sans;
    font-weight: 800 !important;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: -.4px;
    text-align: center;
    background:
        -webkit-linear-gradient(0deg, #6348E9, #6348E9),
        linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.8),
            rgba(0, 0, 0, 0.8)
        );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 750px;
    margin: 0 auto 20px !important;
}

section.ai_technoligiessectin {
    background: linear-gradient(
        132.81deg,
        #EDECFF 0.58%,
        #FFFFFF 99.42%
    );
}

section.ai_technoligiessectin .technologolist {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-content: center;
}

section.ai_technoligiessectin .techno_logogridsec {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 68px;
}

section.ai_technoligiessectin .techno_logogridsec img {
    max-width: 100%;
}

section.ai_technoligiessectin h3.aitechocolumnheading {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
}

section.aipagenew_hersection img.ai_herislideimg {
    max-width: 708px;
}

.aiwhychoosegrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

img {
    max-width: 100%;
}

section.aipagenew_hersection {
    background: url(https://www.appventurez.com/wp-content/uploads/2026/02/Frame-2147224580-1.png);
    background-size: cover;
    background-position: center;
    padding-bottom: 90px;
}

/* section.strategic-path .card-body p {
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-size: 17px;
    line-height: 28px;
    max-width: 100%;
    text-align: center;
    margin-bottom: 21px;
    margin-top: 80px;
} */

section.strategic-path .card-body {
    display: flex;
    flex-direction: column;
}

section.strategic-path .card-body p {
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-size: 17px;
    line-height: 28px;
    max-width: 100%;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}

ul.strageicaisectionlist {
    text-align: left;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
}

ul.strageicaisectionlist > li:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #6a33ff;
    left: -21px;
    top: 10px;
}

ul.strageicaisectionlist > li {
    position: relative;
}

/* section.strategic-path .header-content h2 {
    margin-bottom: 40px;
} */

section.strategic-path.ai_strategic_path {
    padding-right: 0;
}

section.strategic-path.ai_strategic_path .container {
    padding: 0;
    padding-right: 15px;
}

section.strategic-path.ai_strategic_path .grid-container {
    padding-right: 0px;
}

section.strategic-path.ai_strategic_path.ai_page_newstrategicsec .path-card {
    height: 100%;
}

section.strategic-path.ai_strategic_path .card-body h3 {
    font-weight: 800;
    background: -webkit-linear-gradient(
        90.3deg,
        #6F00FF 20.19%,
        #0D00FF 80.77%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.platforms-section.whychoosenewsectionios.whychooseusaipagesection
.platforms-featured-box {
    padding: 0;
}

section.platforms-section.whychoosenewsectionios.whychooseusaipagesection
.container {
    max-width: 1310px;
    padding-left: 15px;
    padding-right: 15px;
}

section.platforms-section.whychoosenewsectionios.whychooseusaipagesection
.platforms-icon-box {
    max-width: 62px;
}

section.platforms-section.whychoosenewsectionios.whychooseusaipagesection
.platforms-item-header.a-s {
    gap: 20px;
}

section.platforms-section.whychoosenewsectionios.whychooseusaipagesection
.platforms-item {
    padding-right: 30px;
    padding-left: 30px;
}

section.platforms-section.whychoosenewsectionios.whychooseusaipagesection
.platforms-list {
    background: #0760FF !important;
}


/* =========================================================
   AI HERO STATS
   ========================================================= */

.ai-stats-sec__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 18px;
    max-width: 600px;
    margin-bottom: 25px;
}

.ai-stats-sec__item {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ai-stats-sec__icon {
    width: 26px;
    height: 26px;
    min-width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-stats-sec__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ai-stats-sec__item p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #111;
    font-weight: 500;
}

h1.iosheroheaidng {
        font-weight: 600px !important;
    color: #222222;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1024px) {

    section.iosframewordsectionmn .iosframeleft {
        position: sticky;
        top: 76px;
        height: auto;
    }

    section.iosframewordsectionmn h3.accordian_header_heading {
        font-size: 26px;
    }

    section.iosframewordsectionmn .iosframewordgrid {
        align-items: flex-start;
        grid-template-columns: 38% 59%;
        gap: 3%;
    }

    section.iosframewordsectionmn .iosframedescription {
        font-size: 18px;
    }

}


/* =========================================================
   MOBILE EXISTING RULES
   ========================================================= */

@media (max-width: 767px) {

    .ai-stats-sec__wrapper {
        gap: 14px;
    }

    .ai-stats-sec__item p {
        font-size: 16px;
    }

    .ai-stats-sec__icon {
        width: 22px;
        height: 22px;
        min-width: 22px;
    }

}


@media (max-width: 767px) {

    section.strategic-path.ai_strategic_path.ai_page_newstrategicsec {
        padding-left: 0;
    }

    section.strategic-path.ai_strategic_path.ai_page_newstrategicsec
    .container {
        padding-left: 15px;
    }

    section.strategic-path.ai_strategic_path.ai_page_newstrategicsec
    .grid-container {
        padding-right: 49px;
    }

    section.strategic-path.ai_strategic_path.ai_page_newstrategicsec
    ul.strageicaisectionlist {
        font-size: 16px;
    }

}


/* =========================================================
   AI PAGES - COMMON TYPOGRAPHY
   ========================================================= */

main.aipage_main p,
main.aipage_main li {
    font-size: 16px;
    line-height: 24px;
}

main.aipage_main .platforms-section
.platforms-item-body li {
    font-size: 16px !important;
    line-height: 24px !important;
}

main.aipage_main section.benefits-section.ainewbenosecto
.benefit-card p {
    font-size: 16px !important;
    line-height: 24px !important;
}

main.aipage_main .processiossubheading {
    font-size: 16px !important;
    line-height: 24px !important;
}

main.aipage_main section.strategic-path .header-content p {
    font-size: 16px !important;
    line-height: 24px !important;
}


/* =========================================================
   AI PAGES - HERO H1 BLACK
   ========================================================= */

main.aipage_main h1.iosheroheaidng {
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
}


/* =========================================================
   AI PAGES - CTA BUTTON
   White Background + Royal Blue Text + Arrow
   ========================================================= */

main.aipage_main a.cta-button.btn {
    background: #ffffff !important;
    background-image: none !important;
    color: #0000ee !important;
    border: none !important;
}

main.aipage_main a.cta-button.btn span {
    color: #0000ee !important;
}

main.aipage_main a.cta-button.btn svg.arrow {
    color: #0000ee !important;
    stroke: #0000ee !important;
    fill: none !important;
}

main.aipage_main a.cta-button.btn svg.arrow path {
    stroke: #0000ee !important;
    fill: none !important;
}

main.aipage_main a.cta-button.btn svg.arrow line,
main.aipage_main a.cta-button.btn svg.arrow polyline {
    stroke: #0000ee !important;
}

main.aipage_main a.cta-button.btn:hover {
    background: #ffffff !important;
    background-image: none !important;
    color: #0000ee !important;
    border: none !important;
}

main.aipage_main a.cta-button.btn:hover svg.arrow,
main.aipage_main a.cta-button.btn:hover svg.arrow line,
main.aipage_main a.cta-button.btn:hover svg.arrow polyline {
    color: #0000ee !important;
    stroke: #0000ee !important;
}


/* =========================================================
   AI PAGES - HERO CHECK ICON
   ========================================================= */

main.aipage_main
.iospageheromain
.ai-stats-sec__icon img {
    width: 70%;
    height: 70%;
    object-fit: contain;
}

main.aipage_main
.iospageheromain
.ai-stats-sec__item p {
    font-weight: 500 !important;
}



/* =========================================================
   AI PAGES - COMMON CONTENT ALIGNMENT
   Same left/right spacing for all main sections
   ========================================================= */

main.aipage_main > section > .container {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 40px !important;
    padding-right: 40px !important;

    box-sizing: border-box !important;
}


@media (min-width: 769px) and (max-width: 1500px) {
    main.aipage_main > section > .container {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 10px !important;
        padding-right: 10px !important;

        box-sizing: border-box !important;
    }
}

/* =========================================================
   TABLET
   ========================================================= */

/* @media (max-width: 1024px) {

    main.aipage_main > section > .container {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

} */


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    main.aipage_main > section > .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}


/* ========================= aienterpricepage.css ========================= */

.ainewherorightcol:before{
    display: none;
  }
  section.iospageheromain:before {
    content: '';
    position: absolute;
    left: -80px;
    top: 128px;
    width: 256px;
    aspect-ratio: 1;
    background: #C493FF;
    border-radius: 50%;
    filter: blur(109px);
    pointer-events: None;
}
section.iospageheromain:after {
   background: #C493FF;
}
.platforms-section .platforms-item-body li::before {
    content: '' !important;
}
/* SECTION */
.ai-solutions-section {
  padding: 80px 20px;
  background: url(https://www.appventurez.com/wp-content/uploads/2026/05/Frame-2147225369.png);
  background-size:cover;
  background-position: center;
  color: #fff;
}

.ai-solutions-container {
  max-width: 1280px;
  margin: 0 auto;
}

/* HEADER */
.ai-solutions-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 60px;
}
.ai-solutions-grid {
    max-height: 844px;
    overflow-y: auto;
}

.ai-solutions-grid::-webkit-scrollbar {
  width: 6px;
}

.ai-solutions-grid::-webkit-scrollbar-track {
  background: #f0f0f024; 
}

.ai-solutions-grid::-webkit-scrollbar-thumb {
  background: #4900fd; 
}

.ai-solutions-grid::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.ai-solutions-title {
  font-size: 40px;
  line-height: 1.3;
  font-weight: 700;
}

.ai-solutions-description {
  font-size: 20px;
  line-height: 1.7;
  opacity: 0.9;
}

.ai-solutions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.ai-solutions-card-body  h3.ai-solutions-card-title {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ai-solutions-card-body h3.ai-solutions-card-title:after {
    content: '';
    display: block;
    width: 25px;
    aspect-ratio: 1;
    background: url(https://www.appventurez.com/wp-content/uploads/2026/04/Container-3.png);
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: center;
}
.ai-solutions-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  color: #111;
  transition: all 0.3s ease;
}

.ai-solutions-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.ai-solutions-card-img img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.ai-solutions-card-body {
  padding: 20px;
}

.ai-solutions-card-title {
  font-size: 18px;
  margin-bottom: 10px;
}

.ai-solutions-card-text {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}
section.cta-section-connect.ioscta_section_connect.aimidbreaksecnew {
    background-image:url(https://www.appventurez.com/wp-content/uploads/2026/05/section-10.png);
}
section.cta-section-connect.ioscta_section_connect.aimidbreaksecnew h2 {
    text-align: left;
    max-width: 100%;
}

section.cta-section-connect.ioscta_section_connect.aimidbreaksecnew   p {
    text-align: left;
    margin-left: 0;
    max-width: 700px;
}
section.platforms-section.whychoosenewsectionios .platforms-list {
    background: #0760FF !important;
}

section.platforms-section.whychoosenewsectionios .container .platforms-featured-box {
    padding-left: 0;
}


section.platforms-section.whychoosenewsectionios  .platforms-flex-container {
    max-width: 1310px;
    padding: 0 0px;
    margin: 0 auto;
}
section.cta-section-connect.ioscta_section_connect.aimidbreaksecnew a.cta-button.btn.opencontactpopupform {
    margin-right: auto;
    display: block;
    width: fit-content;
}
section.platforms-section.whychoosenewsectionios .platforms-list .platforms-item {
    padding-right: 20px;
    padding-left: 19px;
}

section.platforms-section.whychoosenewsectionios .platforms-list .platforms-item-header {
    gap: 19px;
    margin-bottom: 0;
}

.whychoosecrdcontsc.flexone p {
    font-weight: 300;
}
.iosdevprocessmain .iosprocessslide  h2.processiosheading {
    margin-left: 0;
}
section.platforms-section.whychoosenewsectionios .platforms-icon-box {
    width: 68px;
}

/* ROOT */
.ai-tech-sec {
  padding: 80px 20px;
  background: #f5f6fa;
  font-family: system-ui, sans-serif;
}

/* CONTAINER */
.ai-tech-sec__container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  gap: 60px;
}

/* LEFT */
.ai-tech-sec__left {
  flex: 1;
  position: sticky;
  top: 100px;
  height: fit-content;
}

.ai-tech-sec__left img {
  width: 100%;
  max-width: 420px;
}

/* RIGHT */
.ai-tech-sec__right {
  flex: 1.2;
  display: flex;
  flex-direction: column;
}

/* HEADER */
.ai-tech-sec__title {
  font-size: 32px;
  margin-bottom: 15px;
}

.ai-tech-sec__desc {
  color: #666;
  margin-bottom: 30px;
}

/* SCROLL AREA */
.ai-tech-sec__scroll {
  overflow-y: auto;
  padding-right: 10px;
}

/* CARD */
.ai-tech-sec__card {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

.ai-tech-sec__card h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.ai-tech-sec__card ul {
  padding-left: 18px;
}

.ai-tech-sec__card li {
  margin-bottom: 6px;
  font-size: 14px;
}

/* SCROLLBAR */
.ai-tech-sec__scroll::-webkit-scrollbar {
  width: 6px;
}

.ai-tech-sec__scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
.ai-tech-sec__card {
  background: #fff;
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

/* FLEX ROW */
.ai-tech-sec__card-inner {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

/* ICON BOX */
.ai-tech-sec__icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #6a5cff, #4f46e5);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ICON IMAGE */
.ai-tech-sec__icon img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

/* CONTENT */
.ai-tech-sec__content h3 {
  font-size: 18px;
  margin-bottom: 8px;
}

.ai-tech-sec__content ul {
  padding-left: 18px;
}

.ai-tech-sec__content li {
  font-size: 14px;
  margin-bottom: 6px;
}

/* Grid */
section.benefits-section.ainewbenosecto .benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  box-shadow: unset;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
}
section.benefits-section.ainewbenosecto .benefit-card:nth-child(1),
section.benefits-section.ainewbenosecto .benefit-card:nth-child(2), 
section.benefits-section.ainewbenosecto .benefit-card:nth-child(3),
section.benefits-section.ainewbenosecto .benefit-card:nth-child(4) {
  position: sticky;
  top: 75px;   /* where it should stick */
  z-index: 5;
}
section.benefits-section.ainewbenosecto .benefits-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #669FF6;
  border-radius: 24px;
  pointer-events: none;
  z-index: 50; /* above cards */
}

section.benefits-section.ainewbenosecto .benefit-card:nth-child(5),
section.benefits-section.ainewbenosecto .benefit-card:nth-child(6) {
  position: relative;
  z-index: 10;  /* higher than row 2 */
}

/* Card */
section.benefits-section.ainewbenosecto .benefit-card {
  padding: 20px;
  border-color: transparent;
  border-bottom: 2px solid #669FF6;
  border-right: 2px solid #669FF6;
    /* box shadow */
  background-color: #ffffff !important;
  box-shadow: unset;
  padding-bottom: 30px;
}

@media (max-width: 767px) {
    section.benefits-section.ainewbenosecto .benefit-card {
        padding: 20px;
        border-color: transparent;
        border-bottom: 2px solid #669FF6;
        border-right: none;
        background-color: #ffffff !important;
        box-shadow: unset;
        padding-bottom: 30px;
    }
}

section.benefits-section.ainewbenosecto .benefit-card .icon {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

section.benefits-section.ainewbenosecto .benefit-card .icon img {
  width: 52px;
  max-width: 100%;
  height: auto;
  display: block;
}

/* Laptop / Desktop */
@media (min-width: 768px) {
    section.benefits-section.ainewbenosecto .benefit-card:nth-child(2n) {
        border-right: none !important;
    }

    section.benefits-section.ainewbenosecto .benefit-card:nth-last-child(-n+2) {
        border-bottom: none !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    section.benefits-section.ainewbenosecto .benefit-card:last-child {
        border-bottom: none !important;
        background-color: #FFFFFF;
    }
}


/* section.benefits-section.ainewbenosecto .benefit-card:nth-last-child(-n+2) {
  border-bottom: none;
    background-color: #FFFFFF;

} */

section.benefits-section.ainewbenosecto .benefit-card:nth-last-child(-n+1) {
 
    background-color: #FFFFFF;

}

section.benefits-section.ainewbenosecto .benefit-card h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #111827;
    line-height: 35px;
  margin-top:30px;
}

section.benefits-section.ainewbenosecto .benefit-card p{
  font-size:18px;
  line-height:140%;
}

section.benefits-section.ainewbenosecto .benefits-header.sibenefitynewsecto p {
    margin-bottom: 0;
}

section.benefits-section.ainewbenosecto .benefits-header.sibenefitynewsecto {
    background: url(https://www.appventurez.com/wp-content/uploads/2026/05/Group-1686551799-e1777799819461.png);
    color: white;
    padding: 45px 00 55px;
    margin-bottom: -17px;
    border-radius: 28px 28px 0 0 ;
    background-size: cover !important;
}
 
section.benefits-section.ainewbenosecto .benefits-header.sibenefitynewsecto  .benefits-text {
    width: fit-content;
    background: linear-gradient(180deg, #963AFF 0%, #0D00FF 100%);
    padding: 45px;
    margin-left: 9%;
    max-width: 562px;
    border-radius: 13px;
}

section.benefits-section.ainewbenosecto .benefits-header.sibenefitynewsecto .benefits-text h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -2%;
    text-align: left;
    margin-bottom: 19px;
}

section.benefits-section.ainewbenosecto .benefits-header.sibenefitynewsecto .benefits-text p {
    font-family: Plus Jakarta Sans;
    font-weight:400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
}

section.benefits-section.ainewbenosecto .benefit-card:nth-child(1) {
    border-radius: 26px 0 0 0;
}

section.benefits-section.ainewbenosecto .benefit-card:nth-child(2) {
    border-radius: 0 26px 0 0;
}

.ai-tech-sec__content ul {
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0%;
    color: #374151;
    margin-top: 17px;
    list-style: disc;
}

.ai-tech-sec__content li {
    margin: 00;
}

h2.ai-tech-sec__title {
    text-align: center;
}

p.ai-tech-sec__desc {
    text-align: center;
}

.ai-tech-sec__icon {
    background: transparent;
}

.ai-tech-sec__icon img {
    width: 100%;
    height: auto;
}
section.cta-section-connect.ioscta_section_connect.aimidbreaksecnew h2 {
    max-width: 80%;
    margin-left: 0;
}

.engeneeringherosection{
  display: block;
}

.engeneeringherosection h1.iosheroheaidng {
    font-size: 56px;
    color:black !important;
    background-clip: unset;
    background: transparent;
    -webkit-text-fill-color: unset;
    font-weight: 500;
}

.iosherogrid.engeneeringherosection {
    text-align:center;
}

.engeneeringherosection h1.iosheroheaidng span {
    background: -webkit-linear-gradient(90.3deg, #6F00FF 20.19%, #0D00FF 80.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}
.iosherogrid.engeneeringherosection p.iosherocontent {
    margin-top: 32px;
    max-width: 1032px;
    margin-left: auto;
    margin-right: auto;
}

.engeneeringbenefitsection .benefits-grid:before{
  display: none;
}
section.benefits-section.ainewbenosecto.engeneeringbenefitsection .benefits-header.text-center p {
    font-size: 22px;
}
.engeneeringbenefitsection .benefit-card .icon img {
    width: 56px;
}

.engeneeringbenefitsection .benefit-card {
    display:flex;
    gap: 24px;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    padding-left: 30px !important;
}


.engeneeringbenefitsection .benefit-card .benefitcontentsec {
    flex: 1;
}

.engeneeringbenefitsection .benefit-card .benefitcontentsec  h4 {
    margin-top: 0 !important;
}

.engeneeringbenefitsection ul.engebeneulmn {
    margin-top: 20px;
}

.engeneeringbenefitsection ul.engebeneulmn li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 12px;
    line-height: 24px;
}
section.benefits-section.ainewbenosecto.engeneeringbenefitsection .benefit-card {
    border-bottom-color: #DAB2FF;
    border-right-color: #DAB2FF;
    border-bottom-width: 1px;
    border-right-width: 1px;
}

.engeneeringcta-section {
  position: relative;
  overflow: hidden;
  border-bottom: 2px solid #00d4ff;
  background: linear-gradient(90deg, #2d5cff 0%, #3b35ff 100%);
      padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.engeneeringcta-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 60px;
  display: flex;
  justify-content: space-between;
  gap: 50px;
  position: relative;
}

.engeneeringcta-left {
  flex: 1;
  padding-right: 40px;
  position: relative;
  display: flex;
  align-items: center;
}

.engeneeringcta-left::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
}

.engeneeringcta-title {
  color: #fff;
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.1;
  font-weight: 700;
  max-width: 420px;
}

.engeneeringcta-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 500px;
}

.engeneeringcta-text {
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  line-height: 1.5;
  max-width: 480px;
}

.engeneeringcta-btn {
  width: fit-content;
  text-decoration: none;
  background: #fff;
  color: #2d4fff;
   /* background: linear-gradient(90deg, #6f00ff 20%, #0d00ff 81%) !important;
    color: white;
    border: 1px solid white; */
  padding: 18px 34px;
  border-radius: 999px;
  font-size: 18px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  transition: 0.3s ease;
}

.engeneeringcta-btn:hover {
  transform: translateY(-2px);
}

.engeneeringcta-btn span {
  font-size: 18px;
}



 

.engeneeringcta-section::before {
  width: 1px;
  height: 100%;
  left: 32%;
  top: 0;
}

.engeneeringcta-section::after {
  width: 100%;
  height: 1px;
  left: 0;
  top: 58%;
}

/* =========================
   STRATEGY CHALLENGE SECTION
========================= */

.strategychallenge-section {
  position: relative;
  overflow: hidden;
  background: #f7f7fb;
  padding: 100px 0;
}

/* GRID BACKGROUND */

.strategychallenge-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:url(https://www.appventurez.com/wp-content/uploads/2026/05/Frame-2147225768-scaled.webp);
  background-size: cover !important;
  background-attachment: fixed;
  background-position: center;
  background-size: 120px 120px;
  pointer-events: none;
}

.strategychallenge-container {
  position: relative;
  z-index: 2;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;

  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 50px;
  align-items: start;
}

/* =========================
   LEFT SIDE
========================= */

.strategychallenge-title {
  font-size: clamp(34px, 4vw, 64px);
  line-height: 1.08;
  font-weight: 700;
  color: #121826;
  max-width: 640px;
  margin-bottom: 28px;
}

.strategychallenge-description {
  font-size: 20px;
  line-height: 1.8;
  color: #5d6472;
  max-width: 620px;
  margin-bottom: 40px;
}

.strategychallenge-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 18px 30px;
  border-radius: 999px;

  border: 2px solid #5b35ff;

  color: #5b35ff;
  text-decoration: none;
  font-weight: 600;
  font-size: 17px;

  transition: 0.3s ease;
}

.strategychallenge-btn:hover {
  background: #5b35ff;
  color: #fff;
}

.strategychallenge-imagewrap {
  margin-top: 45px;
  border-radius: 28px;
  overflow: hidden;
}

.strategychallenge-image {
  width: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 1.25 / 1;
}

/* =========================
   RIGHT SIDE
========================= */

.strategychallenge-right {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.strategychallenge-item {
  background: #fff;
  border: 1px solid #e4e5ec;
  border-radius: 18px;
  overflow: hidden;
  transition: 0.3s ease;
}

.strategychallenge-item.active {
  box-shadow: 0 12px 30px rgba(91, 53, 255, 0.08);
}

.strategychallenge-header {
  width: 100%;
  border: none;
  background: transparent;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding: 24px 26px;

  cursor: pointer;
  text-align: left;
}

.strategychallenge-headerleft {
  display: flex;
  align-items: center;
  gap: 16px;
}

.strategychallenge-icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 50%;
  background: #5b35ff;
  position: relative;
}
.strategychallenge-item img.stragengeitemico {
    width: 24px;
    transition: all .2s;
}


.strategychallenge-item.active  img.stragengeitemico {
    transform: rotateX(180deg);
}

.strategychallenge-section .strategychallenge-content {
    display: none;
}
/* DUMMY ICON */



.strategychallenge-header h3 {
  font-size: 18px;
  line-height: 1.4;
  color: #121826;
  font-weight: 600;
}

.strategychallenge-arrow {
  font-size: 20px;
  color: #5d6472;
  flex-shrink: 0;
}

.strategychallenge-content {
  padding: 0 26px 26px 60px;
}

.strategychallenge-content p {
  font-size: 16px;
  line-height: 1.8;
  color: #666d7a;
  margin-bottom: 14px;
}

.strategychallenge-content p:last-child {
  margin-bottom: 0;
}


/* =========================
   PRODUCT STRATEGY SECTION
========================= */

.productstrategy-section {
  background: #f7f7fb;
  padding: 120px 0;
}
.productstrategy-description {
    margin-left: 0;
}
.productstrategy-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;

  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 80px;
  align-items: start;
}

/* =========================
   LEFT SIDE
========================= */

.productstrategy-left {
  position: sticky;
  top: 100px;
}

.productstrategy-title {
  font-size: clamp(34px, 4vw, 64px);
  line-height: 1.05;
  font-weight: 700;
  color: #161b2d;
  margin-bottom: 28px;
  max-width: 480px;
}

.productstrategy-description {
  font-size: 20px;
  line-height: 1.8;
  color: #5d6472;
  max-width: 430px;
}

/* =========================
   RIGHT SIDE
========================= */

.productstrategy-right {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 70px;
}

.productstrategy-line {
  position: absolute;
  top: 0;
  left: 32px;
  width: 2px;
  height: 100%;
  background: rgba(91, 53, 255, 0.18);
}

.productstrategy-item {
  position: relative;
  display: flex;
  gap: 35px;
}

.productstrategy-number {
  position: relative;
  z-index: 2;

  width: 64px;
  height: 64px;
  min-width: 64px;

  border-radius: 50%;
  border: 2px solid #5b35ff;
  background: #fff;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #5b35ff;
  font-size: 16px;
  font-weight: 700;
}

.productstrategy-content h3 {
  font-size: 26px;
  line-height: 1.3;
  color: #161b2d;
  margin-bottom: 16px;
}

.productstrategy-text {
  font-size: 17px;
  line-height: 1.8;
  color: #5f6674;
  margin-bottom: 20px;
}

.productstrategy-list {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
}

.productstrategy-list li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 14px;

  font-size: 16px;
  line-height: 1.7;
  color: #4e5565;
}

/* CUSTOM BULLET */

.productstrategy-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;

  width: 10px;
  height: 10px;

  border-radius: 50%;
  background: #5b35ff;

  box-shadow: 0 0 0 3px rgba(91, 53, 255, 0.14);
}

.productstrategy-bottomtext {
  font-size: 16px;
  line-height: 1.8;
  color: #6a7280;
}

/* =========================
   PST STACK SECTION
========================= */

.pststack-section {
  position: relative;
  overflow: hidden;

  padding: 100px 0;

  background: linear-gradient(
    135deg,
    #3450ff 0%,
    #4a46ff 100%
  );
}

.pststack-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}

/* =========================
   TITLE
========================= */

.pststack-title {
  text-align: center;

  color: #fff;

  font-size: clamp(34px, 4vw, 60px);
  line-height: 1.1;
  font-weight: 700;

  margin-bottom: 55px;
}

/* =========================
   ROW
========================= */

.pststack-row {
  background: rgba(255, 255, 255, 0.08);

  border: 1px solid rgba(255, 255, 255, 0.1);

  border-radius: 22px;

  padding: 28px;

  backdrop-filter: blur(10px);

  margin-bottom: 24px;

  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.pststack-row:last-child {
  margin-bottom: 0;
}

.pststack-category {
  color: #fff;

  font-size: 28px;
  font-weight: 600;

  margin-bottom: 24px;
}

/* =========================
   GRID
========================= */

.pststack-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

/* =========================
   CARD
========================= */

.pststack-card {

  display: flex;
  align-items: center;
  gap: 14px;

  transition: 0.3s ease;

  cursor: pointer;
}

.pststack-card:hover {
  transform: translateY(-4px);
}

.pststack-card img {
 
  max-width: 158px;
}

.pststack-card span {
  font-size: 17px;
  font-weight: 600;
  color: #1a1f2f;
}
section.pststack-section h2.pststack-title {
    margin-bottom: 45px !important;
}


/* =========================
   BUSINESS VALUE SECTION
========================= */

.bizvalue-section {
  background: #f7f7fb;
  padding: 120px 0;
  overflow: hidden;
}

.bizvalue-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 0px;
}

/* =========================
   TOP CONTENT
========================= */

.bizvalue-top {
  text-align: center;
  max-width: 920px;
  margin: 0 auto 70px;
}

.bizvalue-title {
  font-size: clamp(34px, 4vw, 60px);
  line-height: 1.08;
  font-weight: 700;
  color: #161b2d;

  margin-bottom: 24px;
}

.bizvalue-description {
  font-size: 20px;
  line-height: 1.8;
  color: #5f6674;
}

/* =========================
   MAIN GRID
========================= */

.bizvalue-main {
  display: grid;
  grid-template-columns: 1.22fr 0.58fr;
  gap: 60px;
  align-items: start;
}

/* =========================
   LEFT GRID
========================= */

.bizvalue-left {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 34px;
}

/* =========================
   ITEM
========================= */

.bizvalue-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

.bizvalue-icon {

  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow: 0 10px 24px rgba(91, 53, 255, 0.2);
}

.bizvalue-icon img {
  width: 60px;
  object-fit: contain;
}

.bizvalue-content h3 {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  color: #161b2d;

  margin-bottom: 14px;
}
.bizvalue-content {
    flex: 1;
}
.bizvalue-content p {
  font-size: 16px;
  line-height: 1.5;
  color: #4A5054;
}

/* =========================
   RIGHT IMAGE
========================= */

.bizvalue-right {
  position: sticky;
  top: 100px;
}

.bizvalue-imagewrap {
  border-radius: 28px;
  overflow: hidden;

  height: 100%;
}

.bizvalue-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* =========================
   AI PRODUCT HERO SECTION
========================= */

.aiproducthero-section {
  position: relative;
  overflow: hidden;

  min-height: 100vh;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 120px 20px;

  background: #0a0225;
}

/* =========================
   BACKGROUND IMAGE
========================= */

.aiproducthero-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.aiproducthero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
 
}

/* =========================
   OVERLAY
========================= */

.aiproducthero-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;

  background:
    linear-gradient(
      135deg,
      rgba(20, 0, 90, 0.92) 0%,
      rgba(7, 8, 50, 0.88) 45%,
      rgba(93, 0, 130, 0.7) 100%
    );
}

/* =========================
   CONTAINER
========================= */

.aiproducthero-container {
  position: relative;
  z-index: 5;

  width: 100%;
  max-width: 1280px;

  margin: 0 auto;
}

.aiproducthero-content {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

/* =========================
   TITLE
========================= */

.aiproducthero-title {
  font-size: clamp(42px, 3.87vw, 86px);
  line-height: 1.08;
  font-weight: 700;

  color: #ffffff;

  margin-bottom: 30px;
}

.aiproducthero-title span {
  display: block;

  background: linear-gradient(
    90deg,
    #7f8cff 0%,
    #c784ff 100%
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* =========================
   DESCRIPTION
========================= */

.aiproducthero-description {
  font-size: 28px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.82);

  margin-bottom: 40px;
}

/* =========================
   TAGS
========================= */

.aiproducthero-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  gap: 18px;

  max-width: 900px;
  margin: 0 auto 70px;
}

.aiproducthero-tag {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  padding: 16px 26px;

  border-radius: 999px;

  border: 1px solid rgba(255, 255, 255, 0.16);

  background: rgba(255, 255, 255, 0.05);

  backdrop-filter: blur(12px);

  color: #fff;

  font-size: 17px;
  font-weight: 500;

  transition: 0.3s ease;
}

.aiproducthero-tag:hover {
  transform: translateY(-3px);

  background: rgba(255, 255, 255, 0.08);
}

.aiproducthero-tagdot {
  width: 10px;
  height: 10px;

  border-radius: 50%;

  background: #7f8cff;

  box-shadow: 0 0 0 4px rgba(127, 140, 255, 0.18);
}

/* =========================
   BUTTON
========================= */

.aiproducthero-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  padding: 22px 42px;

  border-radius: 999px;

  text-decoration: none;

  background: linear-gradient(
    135deg,
    #2f5cff 0%,
    #4a46ff 100%
  );

  color: #fff;

  font-size: 18px;
  font-weight: 600;

  box-shadow:
    0 20px 40px rgba(47, 92, 255, 0.25);

  transition: 0.3s ease;
}

.aiproducthero-btn:hover {
  transform: translateY(-4px);
}

/* =========================
   DECORATIVE DOTS
========================= */

.aiproducthero-blurdot {
  position: absolute;
  z-index: 3;

  border-radius: 50%;

  filter: blur(10px);
}

.aiproducthero-blurdot.dotone {
  width: 14px;
  height: 14px;

  background: #ff4df0;

  left: 14%;
  bottom: 14%;
}

.aiproducthero-blurdot.dottwo {
  width: 10px;
  height: 10px;

  background: #6c7dff;

  top: 20%;
  right: 20%;
}

.aiproducthero-blurdot.dotthree {
  width: 8px;
  height: 8px;

  background: #b16dff;

  bottom: 24%;
  right: 32%;
}



/* =========================
   PS ENGAGEMENT SECTION
========================= */

.psengagement-section {
  background: #f7f7fb;
  padding: 120px 0;
  overflow: hidden;
}

.psengagement-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* =========================
   TOP TITLE
========================= */

.psengagement-top {
  text-align: center;
  margin-bottom: 70px;
}

.psengagement-title {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  color: #181d2d;
}

.psengagement-title span {
  color: #6f2cff;
}

/* =========================
   CARD GRID
========================= */

.psengagement-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;

  margin-bottom: 70px;
}

/* =========================
   CARD
========================= */

.psengagement-card {
  position: relative;

  background: linear-gradient(
    180deg,
    rgba(114, 121, 255, 0.22) 0%,
    #ffffff 75%
  );

  border-radius: 28px;

  padding: 34px 30px 30px;

  overflow: hidden;

  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.08);

  min-height: 470px;

  display: flex;
  flex-direction: column;
}

.psengagement-cardnumber {
  position: absolute;
  top: 10px;
  right: 24px;

  font-size: 140px;
  line-height: 1;
  font-weight: 700;

  color: rgba(60, 70, 120, 0.05);

  pointer-events: none;
}

/* =========================
   ICON
========================= */

.psengagement-iconwrap {
  width: 72px;
  height: 72px;

  border-radius: 18px;

  background: #ffffff;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 28px;

  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.12);
}

.psengagement-iconwrap img {
      border-radius: 19px;
  object-fit: contain;
}

/* =========================
   CONTENT
========================= */

.psengagement-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.psengagement-content h3 {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  color: #181d2d;

  margin-bottom: 18px;

  max-width: 290px;
}

.psengagement-content p {
  font-size: 16px;
  line-height: 1.8;
  color: #5f6674;

  margin-bottom: 40px;
}

/* =========================
   BUTTON
========================= */

.psengagement-btn {
  margin-top: auto;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 58px;

  border-radius: 16px;

  background: linear-gradient(
    90deg,
    #1f49ff 0%,
    #9723ff 100%
  );

  color: #fff;
  text-decoration: none;

  font-size: 16px;
  font-weight: 600;

  transition: 0.3s ease;
}

.psengagement-btn:hover {
  transform: translateY(-3px);
}

/* =========================
   BOTTOM CTA
========================= */

.psengagement-cta {
  position: relative;

  overflow: hidden;

  border-radius: 28px;

  padding: 52px 40px;

  background: linear-gradient(
    90deg,
    #b114ff 0%,
    #245fff 100%
  );

  box-shadow:
    0 30px 60px rgba(46, 61, 150, 0.22);

  display: flex;
     align-items: center;
    justify-content: center;
  gap: 40px;
}

.psengagement-ctacontent p{
  max-width: 820px;
}
.psengagement-ctacontent {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.psengagement-ctacontent h3 {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;

  margin-bottom: 20px;
}

.psengagement-ctacontent p {
  font-size: 20px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.9);

  margin-bottom: 36px;
}

/* CTA BUTTON */

.psengagement-ctabtn {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  min-height: 62px;

  padding: 0 34px;

  border-radius: 999px;

  background: #fff;

  color: #1f49ff;
  text-decoration: none;

  font-size: 18px;
  font-weight: 600;

  transition: 0.3s ease;
}

.psengagement-ctabtn:hover {
  transform: translateY(-3px);
}

/* =========================
   CTA LOGO
========================= */

.psengagement-ctalogo {
  flex-shrink: 0;
}

.psengagement-ctalogo img {
  width: 170px;
  opacity: 0.18;
  object-fit: contain;
}

/* =========================
   WHY PRODUCT STRATEGY SECTION
========================= */

.whyps-section {
  position: relative;
  overflow: hidden;

  padding: 120px 0;

  background: linear-gradient(
    135deg,
    #3450ff 0%,
    #4b43ff 100%
  );
}

/* BACKGROUND GRID */

.whyps-section::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image:
    linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);

  background-size: 120px 120px;

  pointer-events: none;
}

.whyps-container {
  position: relative;
  z-index: 2;

  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* =========================
   TOP CONTENT
========================= */

.whyps-top {
  text-align: center;
  max-width: 1100px;
  margin: 0 auto 70px;
}

.whyps-title {
  font-size: clamp(36px, 4vw, 64px);
  line-height: 1.15;
  font-weight: 700;
  color: #fff;

  margin-bottom: 26px;
}

.whyps-description {
  font-size: 22px;
  line-height: 1.8;
  color: rgba(255,255,255,0.88);
}

/* =========================
   GRID
========================= */

.whyps-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

/* =========================
   CARD
========================= */

.whyps-card {
  display: flex;
  align-items: flex-start;
  gap: 24px;

  background: rgba(255,255,255,0.96);

  border-radius: 22px;

  padding: 34px 30px;

  box-shadow:
    0 18px 40px rgba(0,0,0,0.12);

  transition: 0.3s ease;
}

.whyps-card:hover {
  transform: translateY(-6px);
}

/* =========================
   ICON
========================= */

.whyps-iconwrap {
  width: 72px;
  height: 72px;
  min-width: 72px;

  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow:
    0 12px 24px rgba(77, 55, 255, 0.24);
}

/* YOU WILL REPLACE IMAGE */

.whyps-iconwrap img {
  width: 100%;  
}

/* =========================
   CONTENT
========================= */

.whyps-content {
  flex: 1;
}

.whyps-content h3 {
  font-size: 24px;
  line-height: 1.35;
  font-weight: 700;
  color: #262936;

  margin-bottom: 18px;
}

.whyps-content p {
  font-size: 16px;
  line-height: 1.8;
  color: #5e6472;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) {

  .whyps-grid {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 768px) {

  .whyps-section {
    padding: 80px 0;
  }

  .whyps-top {
    margin-bottom: 50px;
  }

  .whyps-title {
    font-size: 32px;
  }

  .whyps-description {
    font-size: 17px;
    line-height: 1.7;
  }

  .whyps-grid {
    gap: 22px;
  }

  .whyps-card {
    flex-direction: column;

    padding: 24px 22px;

    gap: 20px;

    border-radius: 18px;
  }

  .whyps-iconwrap {
    width: 62px;
    height: 62px;
    min-width: 62px; 

    border-radius: 16px;
  }

  

  .whyps-content h3 {
    font-size: 22px;
    margin-bottom: 14px;
  }

  .whyps-content p {
    font-size: 15px;
    line-height: 1.7;
  }

}

@media (max-width: 1100px) {

  .psengagement-grid {
    grid-template-columns: 1fr;
  }

  .psengagement-card {
    min-height: auto;
  }

  .psengagement-cta {
    flex-direction: column;
    text-align: center;
  }

}

@media (max-width: 768px) {

  .psengagement-section {
    padding: 80px 0;
  }

  .psengagement-top {
    margin-bottom: 50px;
  }

  .psengagement-title {
    font-size: 32px;
  }

  .psengagement-grid {
    gap: 22px;
    margin-bottom: 50px;
  }

  .psengagement-card {
    padding: 28px 22px 22px;
    border-radius: 22px;
  }

  .psengagement-cardnumber {
    font-size: 100px;
    top: 14px;
    right: 18px;
  }

  .psengagement-iconwrap {
    width: 62px;
    height: 62px;
    border-radius: 16px;

    margin-bottom: 22px;
  }



  .psengagement-content h3 {
    font-size: 24px;
    margin-bottom: 14px;
  }

  .psengagement-content p {
    font-size: 15px;
    line-height: 1.7;

    margin-bottom: 28px;
  }

  .psengagement-btn {
    min-height: 54px;
    font-size: 15px;
  }

  .psengagement-cta {
    padding: 50px 24px;
    border-radius: 22px;
  }

  .psengagement-ctacontent h3 {
    font-size: 36px;
  }

  .psengagement-ctacontent p {
    font-size: 16px;
    line-height: 1.7;
  }

  .psengagement-ctabtn {
    width: 100%;
    justify-content: center;

    min-height: 56px;

    font-size: 16px;
  }

  .psengagement-ctalogo img {
    width: 120px;
  }

}

@media (max-width: 991px) {

  .aiproducthero-section {
    min-height: auto;
    padding: 100px 20px;
  }

  .aiproducthero-description {
    font-size: 22px;
  }

  .aiproducthero-tags {
    margin-bottom: 55px;
  }

}

@media (max-width: 768px) {

  .aiproducthero-section {
    padding: 80px 20px;
  }

  .aiproducthero-title {
    line-height: 1.15;
    margin-bottom: 22px;
  }

  .aiproducthero-description {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .aiproducthero-tags {
    gap: 14px;
    margin-bottom: 45px;
  }

  .aiproducthero-tag {
    width: 100%;
    justify-content: center;

    padding: 14px 18px;

    font-size: 15px;
  }

  .aiproducthero-btn {
    width: 100%;
    justify-content: center;

    padding: 18px 24px;

    font-size: 16px;
  }

}
/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1200px) {

  .bizvalue-main {
    grid-template-columns: 1fr;
  }

  .bizvalue-right {
    position: relative;
    top: 0;
  }

  .bizvalue-imagewrap {
    max-width: 650px;
    margin: 0 auto;
  }

}

@media (max-width: 768px) {

  .bizvalue-section {
    padding: 80px 0;
  }

  .bizvalue-container {
    padding: 0 20px;
  }

  .bizvalue-top {
    margin-bottom: 50px;
  }

  .bizvalue-description {
    font-size: 17px;
    line-height: 1.7;
  }

  .bizvalue-left {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .bizvalue-item {
    gap: 16px;
  }

  .bizvalue-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;

    border-radius: 14px;
  }

  .bizvalue-content h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .bizvalue-content p {
    font-size: 15px;
    line-height: 1.7;
  }

  .bizvalue-imagewrap {
    border-radius: 22px;
  }

}
/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) {

  .pststack-card {
    min-width: calc(50% - 10px);
  }

}

@media (max-width: 768px) {

  .pststack-section {
    padding: 80px 0;
  }

  .pststack-container {
    padding: 0 20px;
  }

  .pststack-title {
    margin-bottom: 40px;
  }

  .pststack-row {
    padding: 22px;
    border-radius: 18px;
  }

  .pststack-category {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .pststack-grid {
    gap: 14px;
  }

  .pststack-card {
    min-width: 100%;
    padding: 14px 16px;
  }

  .pststack-card span {
    font-size: 15px;
  }

}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1100px) {

  .productstrategy-container {
    grid-template-columns: 1fr;
    gap: 70px;
  }

  .productstrategy-left {
    position: relative;
    top: 0;
  }

  .productstrategy-description {
    max-width: 100%;
  }

}

@media (max-width: 768px) {

  .productstrategy-section {
    padding: 80px 0;
  }

  .productstrategy-container {
    padding: 0 20px;
    gap: 50px;
  }

  .productstrategy-right {
    gap: 50px;
  }

  .productstrategy-item {
    gap: 20px;
  }

  .productstrategy-line {
    left: 15px;
  }

  .productstrategy-number {
    width: 32px;
    height: 32px;
    min-width: 32px;
    font-size: 14px;
  }

  .productstrategy-content h3 {
    font-size: 22px;
    margin-bottom: 14px;
  }

  .productstrategy-text,
  .productstrategy-bottomtext {
    font-size: 15px;
    line-height: 1.7;
  }

  .productstrategy-list li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 12px;
  }

  .productstrategy-list li::before {
    top: 8px;
  }

}





/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1100px) {

  .strategychallenge-container {
    grid-template-columns: 1fr;
    gap: 60px;
  }

}

@media (max-width: 768px) {

  .strategychallenge-section {
    padding: 70px 0;
  }

  .strategychallenge-container {
    padding: 0 20px;
  }

  .strategychallenge-title {
    margin-bottom: 22px;
  }

  .strategychallenge-description {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 32px;
  }

  .strategychallenge-btn {
    padding: 16px 24px;
    font-size: 15px;
  }

  .strategychallenge-header {
    padding: 20px;
    align-items: flex-start;
  }

  .strategychallenge-headerleft {
    align-items: flex-start;
  }

  .strategychallenge-header h3 {
    font-size: 16px;
  }

  .strategychallenge-content {
    padding: 0 20px 20px 20px;
  }

  .strategychallenge-content p {
    font-size: 15px;
  }

  .strategychallenge-section::before {
    background-size: 70px 70px;
  }

}

@media (max-width: 768px) {
  .engeneeringcta-container {
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 24px;
    gap: 30px;
  }

  .engeneeringcta-left {
    padding-right: 0;
    width: 100%;
  }

  .engeneeringcta-left::after {
    display: none;
  }

  .engeneeringcta-title {
    max-width: 100%;
  }

  .engeneeringcta-right {
    max-width: 100%;
  }

  .engeneeringcta-text {
    font-size: 16px;
  }

  .engeneeringcta-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    padding: 16px 24px;
  }

  .engeneeringcta-section::before,
  .engeneeringcta-section::after {
    display: none;
  }
}
/* RESPONSIVE */
@media (max-width: 900px) {

  .ai-tech-sec__container {
    flex-direction: column;
  }

  section.ai-tech-sec .ai-tech-sec__header,
  section.ai-tech-sec h2.ai-tech-sec__title,
  section.ai-tech-sec p.ai-tech-sec__desc {
    text-align: left;
  }

  .ai-tech-sec__left {
    position: relative;
    top: 0;
    text-align: center;
    display: none;
  }

  .ai-tech-sec__scroll {
    max-height: none;
    overflow: visible;
  }

  .custom-contact-wrapper,
  .custom-contact-wrapper .contact-section,
  .custom-contact-wrapper .left-panel,
  .custom-contact-wrapper .left-panel-detail,
  .custom-contact-wrapper .right-panel,
  .custom-contact-wrapper .right-panel h2,
  .custom-contact-wrapper .contact-form,
  .custom-contact-wrapper .action-row,
  .custom-contact-wrapper .form-footer,
  .cta-1-container,
  .cta-2-container,
  .content-wrapper,
  .hero-container,
  .avx-ai-tech-stack-container,
  .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}

@media (min-width: 1024px) {
    section.iospageheromain.fluttermainhersc .iosheroright {
      max-width: 45%;
        display: flex;
        bottom: 2%;
        width: 100%;
    }
    img.iosheroimgg {
    position: relative;
    z-index: 2;
    width: 100%;
}
.iosherogrid {
    gap: 2px;
    padding-top: 15px
}
h1.iosheroheaidng {
    font-size: 48px;
}
}
@media (max-width: 992px) {
  .ai-solutions-header {
    grid-template-columns: 1fr;
  }

  .ai-solutions-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width:767px){
  section.benefits-section.ainewbenosecto .benefits-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  box-shadow: unset;
  display: grid;
  position: relative;
}

  section.benefits-section.ainewbenosecto .benefit-card,
  section.benefits-section.ainewbenosecto .benefit-card:nth-child(1),
  section.benefits-section.ainewbenosecto .benefit-card:nth-child(2),
  section.benefits-section.ainewbenosecto .benefit-card:nth-child(3),
  section.benefits-section.ainewbenosecto .benefit-card:nth-child(4),
  section.benefits-section.ainewbenosecto .benefit-card:nth-child(5),
  section.benefits-section.ainewbenosecto .benefit-card:nth-child(6) {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
  }

  section.benefits-section.ainewbenosecto .benefit-card .icon {
    width: 44px;
    height: 44px;
  }

  section.benefits-section.ainewbenosecto .benefit-card .icon img {
    width: 44px;
  }
}
@media (max-width: 600px) {
  .ai-solutions-grid {
    grid-template-columns: 1fr;
    max-height: unset;
  }

  .ai-solutions-title {
    font-size: 28px;
  }
  section.iosframewordsectionmn img.iosbeneacoodlogo {
    height: 66px;
}
a#cta-btn2 {
    font-size: 14px;
}
section.strategic-path.ai_strategic_path.ai_page_newstrategicsec .grid-container {
    padding-right: 0px;
    padding-left: 0px;
}

section.strategic-path.ai_strategic_path.ai_page_newstrategicsec .container {
    padding-left: 0;
}
a.cta-button.btn.opencontactpopupform {
    padding: 12px 20px;
    font-size: 14px;
}

section.benefits-section.ainewbenosecto .benefits-header.sibenefitynewsecto {
    background-size: cover;
}

section.benefits-section.ainewbenosecto .benefit-card:nth-child(1) {
    border-radius: 26px 26px 0 0;
}

section.benefits-section.ainewbenosecto .benefit-card:nth-child(5) {
    position: sticky;
    top: 75px;
}

section.cta-section-connect.ioscta_section_connect {position: relative;}

section.cta-section-connect.ioscta_section_connect.aimidbreaksecnew .cta-container.container {
    position: relative;
    z-index: 1;
}

section.cta-section-connect.ioscta_section_connect.aimidbreaksecnew:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.3;
}

section.benefits-section.ainewbenosecto .benefits-header.sibenefitynewsecto .benefits-text {
    margin-left: 0%;
}

.benefits-header.sibenefitynewsecto {
    padding: 30px 15px 45px !important;
}

section.benefits-section.ainewbenosecto .benefits-header.sibenefitynewsecto .benefits-text h2 {
    font-size: 24px;
}

section.benefits-section.ainewbenosecto .benefits-header.sibenefitynewsecto .benefits-text p {
    margin: 0 !important;
    font-size: 16px !important;
}
section.benefits-section.ainewbenosecto .benefits-header.sibenefitynewsecto .benefits-text {
    padding: 35px 25px;
}

section.benefits-section.ainewbenosecto.engeneeringbenefitsection .benefit-card {
    border: unset;
    border-bottom: 1px solid #DAB2FF;
    gap: 13px;
}
.engeneeringbenefitsection .benefit-card .icon img {
    width: 40px;
}

.pststack-card {
    min-width: unset !important;
    width: fit-content;
    padding: 0 !important;
}

.pststack-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
section.aiproducthero-section .aiproducthero-title {
    font-size: clamp(28px, 3.87vw, 86px);
}
    .psengagement-ctacontent h3 {
        font-size: 28px;
    }
    .pststack-card img {
    max-width: 100%;
}

    .psengagement-content h3 {
        font-size: 20px;
        margin-bottom: 14px;
    }
 
}

/* ========================= section-ai-design-other-pages.css ========================= */

/* hero section */
/* Main Section Block */
section.hero-wrapper {
width: 100%;
background: #ffffff;
padding: 20px;
margin-top: 85px;
}

.hero-container {
display: flex;
align-items: center;
gap: 50px;
}

/* Left Side UI Block */
.hero-left {
flex: 1.1;
/* border: 2.5 solid #00a2ff; */
/* border-color: #00a2ff; */
/* border-style: solid; */
/* border-width: 2.5px; */
padding: 35px;
background: #ffffff;
}

.hero-title {
font-size: 48px;
font-weight: 700;
color: #222222;
margin-bottom: 20px;
letter-spacing: -0.5px;
}

/* Global AI pages: hero H1 size in rem so one change affects all AI pages */
section.iospageheromain.fluttermainhersc h1.iosheroheaidng {
	font-size: 2.5rem; /* 32px assuming 16px root */
	line-height: 1.15;
}

@media (max-width: 768px) {
	section.iospageheromain.fluttermainhersc h1.iosheroheaidng {
		font-size: 1.875rem; /* 30px */
		margin-bottom: 30px;
	}
}

.hero-description {
font-size: 1rem;
color: #555555;
line-height: 1.65;
margin-bottom: 25px;
}

.feature-list {
list-style: none;
margin-bottom: 35px;
}

.feature-item {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
font-size: 14px;
font-weight: 400;
color: #222222 !important;
}

/* Replace inline SVG check with tick image used elsewhere */
.feature-item .check-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
display: inline-block;
background-image: url('https://www.appventurez.com/wp-content/uploads/2026/05/check.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

/* If templates still include the inline SVG, hide it so image shows */
.feature-item .check-icon svg {
display: none !important;
}

/* Support if an <img> is used directly inside check-icon */
.feature-item .check-icon img {
width: 20px;
height: 20px;
display: block;
object-fit: contain;
}

.check-badge {
width: 20px;
height: 20px;
background-color: #0052ff;
color: #ffffff;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: bold;
flex-shrink: 0;
}

.cta-button {
display: inline-flex;
align-items: center;
gap: 10px;
background: linear-gradient(90deg, #0000ff 0%, #8a2be2 100%);
color: #ffffff;
padding: 16px 32px;
border-radius: 35px;
text-decoration: none;
font-size: 16px;
font-weight: 600;
box-shadow: 0 4px 15px rgba(0, 82, 255, 0.25);
transition: transform 0.2s ease, opacity 0.2s ease;
}

.cta-button:hover {
opacity: 0.95;
transform: translateY(-1px);
}

.cta-arrow {
font-size: 18px;
}

/* Right Side Graphic & Marquee */
.hero-right {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}

.main-graphic {
width: 100%;
height: auto;
margin-bottom: 30px;
display: block;
}

/* Infinite Marquee Engine */
.marquee-container {
width: 100%;
overflow: hidden;
position: relative;
padding: 10px 0;
}

.marquee-track {
display: flex;
gap: 16px;
width: max-content;
animation: marqueeScroll 12s linear infinite;
}

/* Pause Animation on Hover */
.marquee-container:hover .marquee-track {
animation-play-state: paused;
}

/* Rating / Award Cards */
.award-card {
background: #ffffff;
border-radius: 8px;
padding: 10px 15px;
/* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); */
border: 1px solid #f0f0f0;
min-width: 185px;
text-align: center;
flex-shrink: 0;
}

.award-card img{
width: 135px;
display: block;
margin: 0 auto;
height: 35px;
}
/* .award-card p {
margin: 8px auto 0;
font-size: 12px;
line-height: 18px;
font-weight: 500;
color: #000;
max-width: 150px;
white-space: normal;
word-wrap: break-word;
text-align: left;
} */

.award-card p {
margin: 8px auto 0;
font-size: 12px;
line-height: 18px;
font-weight: 500;
color: #000;
max-width: 150px;
width: 100%;
white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word;
text-align: left;
}

/* Tablet */
@media (max-width: 991px) {
.hero-left {
padding: 5px;
}
.award-card p {
font-size: 12px !important;
line-height: 16px;
max-width: 120px;
margin-top: 6px;
}
}

/* Mobile */
@media (max-width: 767px) {
.hero-left {
padding: 5px;
}
.award-card p {
font-size: 12px !important;
line-height: 15px;
max-width: 150px;
margin-top: 5px;
}
}

/* Small Mobile */
@media (max-width: 480px) {
.hero-left {
padding: 5px;
}
.award-card p {
font-size: 12px !important;
line-height: 14px;
max-width: 150px;
}
}

/* Process options: 2x2 layout across AI pages */
.iosdevprocessmain .processiosbatchgrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	width: 100%;
}

.iosdevprocessmain .processiosbatchgrid .processiosbtachcrd {
	display: flex;
align-items: center;
gap: 12px;
width: -webkit-fill-available;
width: max-content;
line-height: 2rem;
}

@media (max-width: 600px) {
	.iosdevprocessmain .processiosbatchgrid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 360px) {
	.iosdevprocessmain .processiosbatchgrid {
		grid-template-columns: 1fr;
	}
}

.card-brand {
font-size: 20px;
font-weight: 800;
color: #0f172a;
margin-bottom: 6px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}

.card-brand.goodfirms {
color: #1e293b;
}

.star-icon {
color: #f59e0b;
font-size: 16px;
}

.card-text {
font-size: 11px;
color: #64748b;
line-height: 1.35;
font-weight: 500;
}

@keyframes marqueeScroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}

/* Mobile Responsive Breakpoint */
@media (max-width: 900px) {
.hero-container {
flex-direction: column;
}
.hero-left, .hero-right {
width: 100%;
}
.hero-title {
font-size: 28px;
}
}

/* Technology section */
.heading{
text-align: left;
margin-bottom: 40px;
}

section.tech-stack .heading {
text-align: center;
margin-bottom: 40px;
}

section.tech-stack .heading h2,
section.tech-stack .heading span {
text-align: center;
}

.heading span {
max-width: 900px;
margin: 25px auto 0;
color:#fff;
line-height: 1.8;
}
/* Desktop */
.stack-content {
display: block;
}

.accordion-icon {
display: none;
}

.stack-box {
grid-template-columns: 400px 1fr !important;
border-radius: 5px;
display: flex;
background: #fff;
margin-bottom: 10px;
}

.stack-items {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}

.stack-item-name {
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
}

.stack-separator {
color: #d3d3d3;
}

.tech-stack {
background: #1F1F1F !important;
}

.stack-title {
background: #0011FF;
color: #fff;
margin: 5px;
font-size: 16px;
padding: 5px 10px;
justify-content: space-between !important;
}

.stack-items {
padding: 5px !important;
}

.stack-item-name {
color: #1F1F1F !important;
font-size: 14px !important;
cursor: unset !important;
}

.stack-items span {
min-width: 1rem !important;
height: 35px !important;
cursor: unset !important;
padding-top: 5px;
}

/* Desktop */
.stack-content {
display: block;
}

/* Mobile */
@media (max-width: 767px) {
section.tech-stack .heading {
text-align: left;
margin-bottom: 30px;
}

section.tech-stack .heading h2,
section.tech-stack .heading span {
text-align: left;
}

.stack-box {
grid-template-columns: unset !important;
display:grid;
}

.stack-items span {
justify-content: left !important;
}

.accordion-icon {
display: block;
float: right;
font-size: 20px;
font-weight: bold;
justify-content: right;
}

/* Hide all accordion content */
.stack-content {
display: none;
}

/* Show only active accordion */
.stack-box.active .stack-content {
display: block;
}


.stack-items {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0;
background: #fff;
margin: 0px;
}

.stack-item-name {
display: flex;
align-items: center;
justify-content: flex-start;
text-align: left;
min-height: 50px;
padding: 12px;
color: #1F1F1F !important;
font-size: 14px !important;
font-weight: 500;
width: 100%;
}

.stack-separator {
display: none !important;
}
}

/* Compliance Standard Built Into Every AI Solution */

.compliance-container {
width: 100%;
text-align: center;
position: relative;
}

.compliance-title {
font-size: 32px;
font-weight: 700;
color: #0b0f19;
margin-bottom: 16px;
}

.compliance-description {
font-size: 15px;
color: #4a5568;
max-width: 800px;
margin: 0 auto 50px auto;
line-height: 1.6;
}

.content-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
padding:0px 40px;
}

/* Grid Layout for Logos */
.cards-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
width: 60%;
z-index: 1;
}

.card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 24px 16px 16px 16px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 170px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.card-img-container {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}

.card-img-container img {
max-width: 85%;
max-height: 90px;
object-fit: contain;
}

.card-label {
font-size: 14px;
font-weight: 700;
color: #1a202c;
margin-top: 10px;
}

/* Right Side 3D Hand Graphic */
.graphic-container {
width: 35%;
position: absolute;
right: -20px !important;
/* top: 35%;
transform: translateY(-50%); */
pointer-events: none;
z-index: 2;
}

.graphic-container img {
width: 120%;
height: auto;
display: block;
}

/* ================= RESPONSIVE MEDIA QUERIES ================= */

/* 1. TABLET (Laptops / Large Tablets - 769px to 1024px) */
@media (max-width: 1024px) {
.cards-grid {
width: 65%;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}

.graphic-container {
width: 38%;
right: -30px;
}

.compliance-title {
font-size: 28px;
}
}

/* 2. SMALL TABLETS & MOBILE LANDSCAPE (481px to 768px) */
@media (max-width: 768px) {
.content-wrapper {
flex-direction: column;
align-items: center;
padding: 0 20px;
}

.cards-grid {
width: 100%;
grid-template-columns: repeat(2, 1fr);
}

.graphic-container {
position: relative;
width: 280px;
right: auto;
top: auto;
transform: none;
margin-top: 30px;
}

.compliance-title {
font-size: 24px;
}

.compliance-description {
font-size: 14px;
margin-bottom: 30px;
}
}

/* 3. MOBILE PORTRAIT (Up to 480px) */
@media (max-width: 480px) {
.content-wrapper {
padding: 0 20px;
}

.cards-grid {
grid-template-columns: repeat(2, 1fr); /* 2 columns layout on mobile */
gap: 10px;
}

.card {
height: 135px;
padding: 12px 8px;
border-radius: 12px;
}

.card-label {
font-size: 12px;
}

.graphic-container {
width: 220px;
margin-top: 20px;
}

.compliance-title {
font-size: 20px;
}

.compliance-description {
font-size: 13px;
}
}

/* Security, Privacy, and Governance */
/* Embedded into Every AI Solution We Build */

.spg-container {
width: 100%;
text-align: center;
}

/* Section Header */
.spg-header {
margin-bottom: 60px;
}

.spg-subtitle {
color: rgba(13, 0, 255, 1);
font-size: 40px;
font-weight: 600;
margin-bottom: 8px;
letter-spacing: -0.5px;
}

.spg-title {
color: #0f172a;
font-size: 40px !important;
font-weight: 700 !important;
letter-spacing: -0.5px !important;
}

/* Grid & Columns */
.spg-grid {
display: flex;
justify-content: space-between;
position: relative;
}

.spg-column {
flex: 1;
text-align: left;
padding: 0 40px;
position: relative;
}

/* Vertical Border Lines Between Columns */
.spg-column:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 10%;
height: 80%;
width: 1px;
background-color: #e2e8f0;
}

/* Gradient Icon Box */
.icon-box {
width: 56px;
height: 56px;
border-radius: 14px;
background: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
box-shadow: 0 8px 16px rgba(124, 58, 237, 0.15);
}

.icon-box svg {
width: 28px;
height: 28px;
stroke: #ffffff;
}

/* Column Headings */
.column-title {
font-size: 20px;
font-weight: 700;
color: #0f172a;
margin-bottom: 15px;
line-height: 1.3;
min-height: 52px; /* Standardize alignment across cards */
}

/* List Items */
.feature-list {
list-style: none;
}

.feature-item {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 16px;
color: #64748b;
font-size: 12px;
line-height: 1.2;
}

.check-icon {
width: 18px;
height: 18px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 1px;
}

.check-icon svg {
width: 10px;
height: 10px;
stroke: #6366f1;
stroke-width: 3;
}

/* ================= RESPONSIVE DESIGN ================= */

/* Tablet (1024px and down) */
@media (max-width: 1024px) {
.spg-column {
padding: 0 20px;
}
.spg-subtitle {
font-size: 24px;
}
.spg-title {
font-size: 30px;
}
.column-title {
font-size: 18px;
min-height: auto;
}
}

/* Mobile & Small Tablets (768px and down) */
@media (max-width: 768px) {
.spg-header {
margin-bottom: 40px;
}

.spg-subtitle {
font-size: 20px;
}

.spg-title {
font-size: 24px !important;
}

.spg-grid {
flex-direction: column;
gap: 40px;
}

.spg-column {
padding: 0;
}

/* Hide vertical dividers on mobile and add bottom border instead */
.spg-column:not(:last-child)::after {
display: none;
}

.spg-column:not(:last-child) {
border-bottom: 1px solid #e2e8f0;
padding-bottom: 5px;
padding-left: 3px
}

.column-title {
margin-bottom: 16px;
}
}



/* Cta One */
/* CTA 1 Wrapper */
.cta-1-section {
width: 100%;
min-height: 380px;
position: relative;
overflow: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 0 0 0 !important; /* Bottom padding 0 taaki image bottom se chipak sake */
}

/* Inner Container */
.cta-1-container {
max-width: 1200px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 2;
padding: 0 40px;
}

/* Text Content Area */
.cta-1-content {
max-width: 580px;
z-index: 2;
padding-bottom: 40px; /* Space from section bottom */
}

.cta-1-heading {
color: #ffffff;
font-size: 38px;
font-weight: 600;
line-height: 1.25;
margin-bottom: 16px;
letter-spacing: -0.5px;
}

.cta-1-description {
color: #cbd5e1;
font-size: 16px;
line-height: 1.5;
margin-bottom: 32px;
font-weight: 400;
}

/* Button Styling */
.cta-1-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background-color: #ffffff !important;
color: #0011ff !important;
font-size: 16px;
font-weight: 700;
padding: 14px 28px;
border-radius: 50px;
text-decoration: none;
transition: all 0.3s ease-in-out;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
border: none;
}

.cta-1-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(255, 255, 255, 0.25);
background-color: #f8fafc !important;
}

.cta-1-btn .arrow {
transition: transform 0.3s ease;
}

.cta-1-btn:hover .arrow {
transform: translate(2px, -2px);
}

/* 3D Image Container (Bottom Sticking) */
.cta-1-media {
position: absolute;
right: 0px;
bottom: -150px; /* Bottom se chipka diya gaya hai */
width: 45%;
max-width: 500px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
z-index: 1;
pointer-events: none;
}

.cta-1-media img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
object-position: bottom right; /* Image alignment bottom right */
}

/* ================= RESPONSIVE BREAKPOINTS ================= */

/* Laptop / Small Desktop */
@media (max-width: 1200px) {
.cta-1-heading {
font-size: 32px;
}
.cta-1-content {
max-width: 500px;
}
.cta-1-media {
width: 42%;
right: 10px;
}
}

/* Tablet Screen */
@media (max-width: 1024px) {
.cta-1-section {
min-height: 340px;
}
.cta-1-heading {
font-size: 28px;
}
.cta-1-description {
font-size: 15px;
margin-bottom: 24px;
}
.cta-1-media {
width: 40%;
}
}

/* Mobile & Small Tablet (Center Layout + Clean Bottom Image) */
@media (max-width: 768px) {
.cta-1-section {
padding: 40px 0 0 0 !important;
text-align: center;
}

.cta-1-container {
flex-direction: column;
align-items: center;
padding: 0 20px;
}

.cta-1-content {
max-width: 100%;
padding-bottom: 20px;
}

.cta-1-heading {
font-size: 26px;
}

.cta-1-description {
font-size: 14px;
margin-bottom: 24px;
}

.cta-1-btn {
justify-content: center;
}

.cta-1-media {
position: relative;
right: auto;
bottom: auto;
width: 100%;
max-width: 320px;
justify-content: center;
margin-top: 10px;
}
}

/* Extra Small Mobile */
@media (max-width: 480px) {
.cta-1-heading {
font-size: 22px;
}

.cta-1-btn {
width: 100%;
padding: 12px 20px;
font-size: 15px;
}

.cta-1-media {
max-width: 280px;
}
}

.cta-two-design{
height: 397px;
}
/* CTA 2 Start Hear */

/* CTA 2 Section Wrapper */
.cta-2-section {
width: 100%;
min-height: 420px;
position: relative;
overflow: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 0 0 0 !important;
background-color: #050608;
}

/* Container */
.cta-2-container {
/* max-width: 1200px; */
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 2;
padding: 0 40px;
}

/* Content Area */
.cta-2-content {
max-width: 920px;
z-index: 2;
padding-bottom: 40px;
}

.cta-2-heading {
color: #ffffff;
font-size: 34px;
font-weight: 600;
line-height: 1.3;
margin-bottom: 14px;
letter-spacing: -0.5px;
}

.cta-2-description {
color: #94a3b8;
font-size: 15px;
line-height: 1.6;
margin-bottom: 32px;
font-weight: 400;
}

/* White Pill Button */
.cta-2-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background-color: #ffffff !important;
color: #0011ff !important;
font-size: 15px;
font-weight: 700;
padding: 14px 30px;
border-radius: 50px;
text-decoration: none;
transition: all 0.3s ease-in-out;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
border: none;
}

.cta-2-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
background-color: #f8fafc !important;
}

.cta-2-icon {
transition: transform 0.3s ease;
}

.cta-2-btn:hover .cta-2-icon {
transform: translate(2px, -2px);
}

/* AI Image (Bottom Sticking) */
.cta-2-media {
position: absolute;
right: 20px;
bottom: 0;
width: 46%;
max-width: 520px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
z-index: 1;
pointer-events: none;
}

.cta-2-media img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
object-position: bottom right;
}

/* ================= RESPONSIVE DESIGN ================= */

@media (max-width: 1200px) {
.cta-2-heading {
font-size: 28px;
}
.cta-2-content {
max-width: 520px;
}
.cta-2-media {
width: 42%;
}
}

@media (max-width: 1024px) {
.cta-2-section {
min-height: 360px;
}
.cta-2-heading {
font-size: 24px;
}
.cta-2-description {
font-size: 14px;
margin-bottom: 24px;
}
.cta-2-media {
width: 40%;
}
}

@media (max-width: 768px) {
.cta-2-section {
background-image: none !important;
padding: 40px 0 0 0 !important;
text-align: center;
}

.cta-2-container {
flex-direction: column;
align-items: center;
padding: 0 20px;
}

.cta-2-content {
max-width: 100%;
padding-bottom: 20px;
}

.cta-2-heading {
font-size: 22px;
}

.cta-2-description {
font-size: 13.5px;
margin-bottom: 20px;
}

.cta-2-btn {
justify-content: center;
width: auto;
}

.cta-2-media {
position: relative;
right: auto;
bottom: auto;
width: 100%;
max-width: 320px;
justify-content: center;
margin-top: 15px;
}
}

@media (max-width: 480px) {
.cta-2-heading {
font-size: 20px;
}

.cta-2-btn {
width: 100%;
padding: 12px 20px;
font-size: 14px;
}

.cta-2-media {
max-width: 280px;
}
}

/* slidernew data */

.cs-slider-section * {
box-sizing: border-box;
margin: 0;
padding: 0;
}

.cs-slider-section {

color: #ffffff;
padding: 60px 0;
width: 100%;
}

.cs-slider-container {
max-width: 1250px;
margin: 0 auto;
padding: 0 20px;
}

.cs-header-content {
text-align: center;
margin-bottom: 50px;
}

.cs-header-content h2 {
font-size: 2.2rem;
margin-bottom: 15px;
font-weight: 700;
}

.cs-header-content p {
max-width: 850px;
margin: 0 auto;
font-size: 0.95rem;
line-height: 1.6;
opacity: 0.9;
}

.cs-header-content a {
color: #ffffff;
text-decoration: underline;
}

/* Slider Wrapper & Buttons */
.cs-slider-wrapper {
position: relative;
display: flex;
align-items: center;
}

.cs-nav-btn {
background: #ffffff;
color: #1a1a1a;
border: none;
width: 44px;
height: 44px;
border-radius: 50%;
font-size: 1.2rem;
cursor: pointer;
z-index: 10;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
transition: background 0.3s, transform 0.2s;
flex-shrink: 0;
}

.cs-nav-btn:hover {
background: #e2e2e2;
transform: scale(1.05);
}

.cs-prev-btn {
margin-right: 15px;
}

.cs-next-btn {
margin-left: 15px;
}

/* Viewport and Track */
.cs-slider-viewport {
overflow: hidden;
padding-top: 20px;
width: 100%;
}

.cs-slider-track {
display: flex;
transition: transform 0.5s ease-in-out;
}

/* Unique Card Styling */
.cs-card {
background: #ffffff;
color: #111111;
border-radius: 24px;
padding: 45px 30px 30px;
position: relative;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
/* Desktop: Exactly 3 cards visible */
flex: 0 0 calc(33.333% - 16px);
margin-right: 24px;
}

.cs-card:last-child {
margin-right: 0;
}

/* Top Pill Badge */
.cs-card-badge {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: black;
color: #ffffff;
padding: 15px 22px;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
font-size: 18px;
font-weight: 600;
white-space: nowrap;
}

.cs-card h3 {
font-size: 1.25rem;
margin-bottom: 10px;
font-weight: 700;
margin-top: 30px;
}

.cs-card p {
font-size: 0.88rem;
color: #444444;
line-height: 1.5;
}

.cs-card hr {
border: none;
border-top: 1px solid #e0e0e0;
margin: 20px 0;
}

/* Responsive Scaling */
@media (max-width: 992px) {
.cs-card {
flex: 0 0 calc(50% - 12px);
}
}

@media (max-width: 600px) {
.cs-card {
flex: 0 0 100%;
margin-right: 0;
}
.cs-nav-btn {
width: 36px;
height: 36px;
font-size: 1rem;
}
.cs-prev-btn { margin-right: 5px; }
.cs-next-btn { margin-left: 5px; }
}

/* =========================================
AI PAGE - TECHNOLOGY STACK
Fixed width for blue category labels
========================================= */

.tech-stack .stack-box {
display: flex;
width: 100%;
box-sizing: border-box;
}

.tech-stack .stack-title {
flex: 0 0 300px;
width: 300px;
min-width: 300px;
box-sizing: border-box;

margin: 5px;
display: flex;
align-items: center;
}

.tech-stack .stack-content {
flex: 1;
min-width: 0;
box-sizing: border-box;
}

.tech-stack .stack-items {
width: 100%;
box-sizing: border-box;
}

/* Mobile */
@media (max-width: 767px) {

.tech-stack .stack-box {
display: grid;
width: 100%;
}

.tech-stack .stack-title {
width: auto;
min-width: 0;
flex: none;
}

.tech-stack .stack-content {
width: 100%;
}
}

/* =========================================
AI CONSULTING SLIDER - FINAL FIX
EXACTLY 3 CARDS VISIBLE
========================================= */

.cs-slider-section .cs-slider-container {
max-width: 1400px;
width: 100%;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}

/* Hide arrows */
.cs-slider-section .cs-nav-btn {
display: none !important;
}

/* Slider wrapper */
.cs-slider-section .cs-slider-wrapper {
display: block;
width: 100%;
}

/* IMPORTANT:
viewport controls exactly what is visible */
.cs-slider-section .cs-slider-viewport {
width: 100%;
max-width: 1360px;
margin: 0 auto;
overflow: hidden;
box-sizing: border-box;
}

/* Track */
.cs-slider-section .cs-slider-track {
display: flex;
gap: 24px;
transition: transform 0.6s ease-in-out;
will-change: transform;
}

/* EXACTLY 3 CARDS */
.cs-slider-section .cs-card {
flex: 0 0 calc((100% - 48px) / 3);
width: calc((100% - 48px) / 3);
min-width: calc((100% - 48px) / 3);
margin-right: 0 !important;
box-sizing: border-box;
}

/* =========================================
TABLET - 2 CARDS
========================================= */

@media (max-width: 992px) {

.cs-slider-section .cs-slider-viewport {
max-width: 100%;
}

.cs-slider-section .cs-card {
flex: 0 0 calc((100% - 24px) / 2);
width: calc((100% - 24px) / 2);
min-width: calc((100% - 24px) / 2);
}

}

/* =========================================
MOBILE - 1 CARD
========================================= */

@media (max-width: 600px) {

.cs-slider-section .cs-slider-track {
gap: 0;
}

.cs-slider-section .cs-card {
flex: 0 0 100%;
width: 100%;
min-width: 100%;
}

}

/* =========================================
AI AWARDS - CHATBOT / AI HERO
========================================= */

main.aipage_main .edge-ai-awards {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
z-index: 3;
width: 100%;
max-width: 1040px;
margin: 0 auto;
overflow: hidden;

-webkit-mask-image: linear-gradient(
90deg,
transparent 0%,
#000 6%,
#000 94%,
transparent 100%
);

mask-image: linear-gradient(
90deg,
transparent 0%,
#000 6%,
#000 94%,
transparent 100%
);
}

main.aipage_main .edge-ai-awards__track {
display: flex;
align-items: stretch;
gap: 15px;
width: max-content;
animation: edgeAiMarqueeLeft 25s linear infinite;
will-change: transform;
margin-bottom: 25px !important;
}

main.aipage_main .edge-ai-awards__track:hover {
animation-play-state: paused;
}

main.aipage_main .edge-ai-award-card {
width: 180px;
min-width: 180px;
max-width: 180px;
height: 90px;
min-height: 90px;
max-height: 90px;
flex: 0 0 180px;

display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center;

box-sizing: border-box;
padding: 0;

background: #ffffff;
border: 1px solid #eeeeee;
border-radius: 9px;
overflow: hidden;
box-shadow: 0 5px 4px 3px rgba(0, 0, 0, 0.20);

}

@media (min-width: 768px) and (max-width: 1439px) {

    main.aipage_main .edge-ai-awards__track {
        gap: 20px;
    }

    main.aipage_main .edge-ai-award-card {
        width: 180px;
        min-width: 180px;
        max-width: 180px;

        height: 90px;
        min-height: 90px;
        max-height: 90px;

        flex: 0 0 180px;

        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;

        box-sizing: border-box;
        padding: 0;

        background: #ffffff;
        border: 1px solid #eeeeee;
        border-radius: 9px;
        overflow: hidden;

        /* Only bottom shadow */
        box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.20);
    }

}

main.aipage_main .edge-ai-award-card img {
width: 180px;
height: 30px;
max-width: 180px;
max-height: 30px;
display: block;
object-fit: contain;
margin-top: 5px;
padding: 0;
box-sizing: border-box;
flex: 0 0 auto;
}

main.aipage_main .edge-ai-award-card p {
display: block !important;
max-width: 182px;
width: 100%;
height: 56px;
margin: 0;
padding: 7px 11px 9px;
box-sizing: border-box;
color: #111111;
font-size: 11px;
line-height: 18px;
font-weight: 500;
text-align: center;
white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word;
}

/* =========================================
MARQUEE
========================================= */

@keyframes edgeAiMarqueeLeft {
from {
transform: translateX(0);
}

to {
transform: translateX(calc(-50% - 6px));
}
}

/* =========================================
MOBILE
========================================= */

@media (max-width: 767px) {

.edge-ai-awards {
bottom: 20px;
max-width: 100%;
}

.edge-ai-awards__track {
gap: 8px;
animation-duration: 22s;
}

.edge-ai-award-card {
width: 200px;
min-width: 200px;
flex-basis: 200px;
height: 110px;
}

.edge-ai-award-card img {
height: 54px;
flex-basis: 54px;
max-height: 54px;
padding: 7px 10px 3px;
}

.edge-ai-award-card p {
height: 56px;
padding: 4px 10px 7px;
font-size: 12px !important;
line-height: 14px;
}
}

/* ==============================
Additional Responsive Rules
Apply consistent responsive behavior across AI pages
============================== */

/* Large laptops / small desktops */
@media (max-width: 1440px) {
.hero-title { font-size: 42px; }
.hero-description { font-size: 1rem; }
.cards-grid { width: 70%; grid-template-columns: repeat(3, 1fr); }
.graphic-container { right: -10px; bottom: -48px; }
}

/* Standard laptop / tablet landscape */
@media (max-width: 1200px) {
.hero-title { font-size: 38px; }
.hero-container { gap: 30px; }
.cards-grid { width: 75%; grid-template-columns: repeat(3, 1fr); }
.card { height: auto; padding: 18px; }
}

/* Tablet and small laptops */
@media (max-width: 1024px) {
.hero-container { flex-direction: column; gap: 24px; }
.hero-left, .hero-right { width: 100%; }
.hero-title { font-size: 34px; text-align: left; }
.hero-description { font-size: 15px; }
.cards-grid { width: 90%; grid-template-columns: repeat(2, 1fr); }
.graphic-container { position: relative; width: 40%; right: 0; transform: none; margin-top: 18px; }
main.aipage_main .edge-ai-awards { bottom: 18px; }
}

/* Mobile (phones) */
@media (max-width: 768px) {
section.hero-wrapper {
padding: 20px 20px 18px;
margin-top: 90px;
}

.hero-title { font-size: 28px; text-align: center; margin-top: 12px; }
.hero-description { font-size: 15px; text-align: center; }
.hero-left { padding: 18px 20px 14px; }
.hero-container { padding: 0 20px; }
.cards-grid { width: 100%; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.card { height: auto; padding: 12px; border-radius: 12px; }
.graphic-container { width: 280px; margin: 20px auto 0; }
.custom-gradient-btn { padding: 10px 16px !important; font-size: 14px !important; max-width: none !important; }
main.aipage_main .edge-ai-awards__track { animation-duration: 20s; gap: 8px; }

.cta-1-container,
.cta-2-container,
.cs-slider-container,
.content-wrapper,
.hero-container,
.avx-ai-tech-stack-container {
padding-left: 0px !important;
padding-right: 0px !important;
text-align: left;
}
}

/* Small mobile (narrow phones) */
@media (max-width: 480px) {
section.hero-wrapper {
padding: 18px 20px 16px;
margin-top: 90px;
}

.hero-left { padding: 16px 20px 12px; }
.hero-title { font-size: 22px; margin-top: 8px; }
.hero-description { font-size: 14px; }
.cards-grid { grid-template-columns: repeat(2, 1fr); width: 100%; }
.card-img-container img { max-height: 60px; }
.card { padding: 10px; height: auto; }
.custom-gradient-btn { width: 100% !important; justify-content: center !important; }
main.aipage_main .edge-ai-awards { bottom: 10px; }
}

section.platforms-section .platforms-featured-box {
width: 100%;
max-width: 100%;
}

section.platforms-section .newaiimgofplatform {
display: block;
width: 100%;
max-width: 100%;
height: auto;
object-fit: cover;
border-radius: 24px;
}

/* Last-resort CTA arrow override for section.cta-section-connect
	 Ensures arrow inside CTA buttons in these sections aligns with text */
section.cta-section-connect a.cta-button.btn svg.arrow,
section.cta-section-connect a.cta-button.btn svg.arrow *,
section.ioscta_section_connect a.cta-button.btn svg.arrow,
section.ioscta_section_connect a.cta-button.btn svg.arrow *,
main.aipage_main a.cta-button.btn svg.arrow,
main.aipage_main a.cta-button.btn svg.arrow * {
	display: inline-block !important;
	vertical-align: middle !important;
	transform: translateY(-1px) !important;
	transform-box: fill-box !important;
	transform-origin: center !important;
}


@media (max-width: 768px) {
  section.iospageheromain.fluttermainhersc {
    min-height: auto;
    height: auto;
    padding-top: 95px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  section.iospageheromain.fluttermainhersc .iosherogrid {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 22px;
  }

  section.iospageheromain.fluttermainhersc .iosheroleft,
  section.iospageheromain.fluttermainhersc .iosheroright {
    padding-top: 0px;
    padding-right: 0px;
  }

  section.iospageheromain.fluttermainhersc h1.iosheroheaidng {
    font-size: 30px;
    margin-bottom: 30px;
  }

  section.iospageheromain.fluttermainhersc p.iosherocontent {
    font-size: 16px;
    line-height: 24px !important;
  }

  section.iospageheromain.fluttermainhersc .custom-gradient-btn {
    width: fit-content;
    min-height: 56px;
    padding: 16px 22px;
    font-size: 16px;
  }

  section.iospageheromain.fluttermainhersc img.iosheroimgg {
    display: none !important;
  }

  section.iospageheromain.fluttermainhersc .iosheroright {
    margin-top: 8px;
    display: block;
  }

  section.iospageheromain.fluttermainhersc .edge-ai-awards {
    position: relative !important;
    bottom: auto !important;
    margin-top: 16px;
  }
}

/* Mobile: make all sections inside AI pages have 20px horizontal padding
   Keep existing top/bottom paddings unchanged. */
@media (max-width: 768px) {
  main.aipage_main section {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
  }

  /* Prevent double-padding when sections include a .container element */
  main.aipage_main section > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }
}

/* Force left alignment for this AI page only */

main.aipage_main .header-content{
  text-align: left !important;
}

@media (max-width: 768px) {
  .cs-slider-section .cs-header-content {
    text-align: left !important;
    box-sizing: border-box;
  }

  .cs-slider-section .cs-header-content h2,
  .cs-slider-section .cs-header-content p {
    text-align: left !important;
  }

  /* Left-align Security/Privacy header */
  .spg-container .spg-header {
    text-align: left !important;
    box-sizing: border-box;
  }

  .spg-container .spg-header .spg-subtitle,
  .spg-container .spg-header .spg-title {
    text-align: left !important;
  }

  /* Left-align compliance section */
  .compliance-container {
    box-sizing: border-box;
    text-align: left !important;
  }

  .compliance-container .compliance-title,
  .compliance-container .compliance-description {
    text-align: left !important;
  }
}

  /* Left-align CTA content on mobile */
  .cta-section-connect .cta-content {
    text-align: center !important;
    box-sizing: border-box;
  }

  .cta-section-connect .cta-content h2,
  .cta-section-connect .cta-content p {
    text-align: left !important;
  }

  @media (min-width: 1440px) {
   .graphic-container {
    bottom: -3rem !important;
}
}

@media (max-width: 667px) {
    section.strategic-path.ai_strategic_path.ai_page_newstrategicsec .header-content h2,
    section.strategic-path.ai_strategic_path.ai_page_newstrategicsec .header-content p {
        text-align: left !important;
        max-width: 100%;
        padding-right: 0;
    }
}

@media (max-width: 767px) {

    section.iosdevprocessmain .processiosbatchgrid {
        margin-bottom: 20px !important;
        position: relative;
        z-index: 5;
    }

    section.iosdevprocessmain .processleftglobe {
        margin: 20px auto -55% !important;
    }

}

section.iosdevprocessmain .processiosbatchgrid {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: 25px !important;
    row-gap: 14px !important;
    width: 100% !important;
    margin-top: 54px !important;
}

section.iosdevprocessmain .processiosbatchgrid .processiosbtachcrd {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: max-content !important;
    flex: 0 0 auto !important;
    line-height: 2rem !important;
    white-space: nowrap !important;
}


/* =========================
   TABLET
========================= */

@media (min-width: 768px) and (max-width: 1199px) {

    section.iosdevprocessmain .processiosbatchgrid {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        column-gap: 25px !important;
        row-gap: 14px !important;
        width: 100% !important;
        margin-top: 18px !important;
    }

    section.iosdevprocessmain .processiosbatchgrid .processiosbtachcrd {
        width: max-content !important;
        flex: 0 0 auto !important;
        padding: 6px 15px !important;
        font-size: 12px !important;
        line-height: 20px !important;
        white-space: nowrap !important;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    section.iosdevprocessmain .processiosbatchgrid {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        row-gap: 10px !important;
        column-gap: 0 !important;
        width: 100% !important;
        margin-top: 18px !important;
        margin-bottom: 20px !important;
        position: relative !important;
        z-index: 5 !important;
    }

    section.iosdevprocessmain .processiosbatchgrid .processiosbtachcrd {
        width: max-content !important;
        flex: 0 0 auto !important;
        font-size: 12px !important;
        line-height: 20px !important;
        padding: 6px 15px !important;
        white-space: nowrap !important;
    }

    section.iosdevprocessmain .processleftglobe {
        margin: 20px auto -55% !important;
    }
}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

    section.iosdevprocessmain .processiosbatchgrid {
        row-gap: 10px !important;
    }

    section.iosdevprocessmain .processiosbatchgrid .processiosbtachcrd {
        width: max-content !important;
        font-size: 11px !important;
        padding: 6px 12px !important;
    }

    section.iosdevprocessmain
    .processiosbatchgrid
    .processiosbtachcrd
    .processiosico {
        width: 18px !important;
    }
}