.products-web-con{background:var(--bg-alt);border-top:1px solid var(--border-subtle);flex-direction:column;justify-content:center;align-items:center;display:flex}.products-web-inner{width:100%;max-width:1440px;padding:30px 20px 5%}.products-project-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.products-project-header>h1{text-transform:capitalize;color:var(--color-primary-dark);font-size:2rem;font-weight:600}.products-project-header>p{text-transform:capitalize;color:var(--text-secondary);font-size:.9rem;font-weight:400}.products-each-project{max-width:1100px;margin:5% auto}.products-each-project-head{flex-direction:column;gap:10px;display:flex}.products-each-project-head>p{color:var(--text-muted);text-transform:capitalize;margin-top:5px;font-size:.9rem}.products-each-project-head>div{flex-flow:row;justify-content:space-between;align-items:center;gap:50px;display:flex}.products-each-project-head>div h1{text-transform:capitalize;color:var(--slate-900);font-size:1.5rem;font-weight:500}.products-each-project-head>div div{color:var(--color-primary);text-transform:capitalize;background-color:var(--azure-100);border-radius:var(--r-xl);white-space:nowrap;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:3px 10px;font-size:.8rem;font-weight:500;display:flex}.products-project-image-con{border-radius:var(--r-md);border:1px solid var(--border-subtle);width:100%;min-width:250px;max-width:1100px;min-height:140px;max-height:600px;margin-top:20px;overflow:hidden}.products-project-image{object-fit:contain;width:100%;height:100%}.products-div-ai-and-ml{flex-direction:row;justify-content:center;gap:40px;margin-top:40px;display:flex}.products-aiandml-imgcon{border:1px solid var(--azure-200);border-radius:var(--r-md);width:100%;max-width:500px;height:250px;min-height:150px;max-height:250px;overflow:hidden}.products-aiandml-imgcon-img{object-fit:fill;width:100%;height:100%}.products-aiandml-para>p{color:var(--text-secondary);text-align:justify;max-width:450px;font-size:.9rem}@media screen and (max-width:600px){.products-project-header>h1{font-size:1.5rem;font-weight:500}.products-project-header>p{font-size:.85rem}.products-each-project{margin-top:50px;margin-bottom:50px}.products-each-project-head>div{flex-wrap:wrap;gap:10px}.products-each-project-head>p{text-align:justify}.products-each-project-head>div h1{font-size:1.2rem;font-weight:400}.products-div-ai-and-ml{flex-direction:column}}