.collaboration{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.collaboration__list{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;width:100%;list-style-type:none;display:flex}.collaboration__tail{text-align:center;text-align:left;background-color:#fbfbfb;border-radius:4px;justify-content:center;align-self:stretch;align-items:flex-start;width:100%;padding-top:2rem;display:flex;position:relative}@media not (max-width:350px){.collaboration__tail{width:16.6667%;min-width:250px;max-width:290px}}.collaboration__tail h3{margin-bottom:24px;font-size:28px;font-weight:400;line-height:24px}.collaboration__tail>section{padding:40px}.collaboration__step{color:#22b32433;font-size:130px;position:absolute;top:-10px;left:0}
section.collaboration{background-color:#f5f5f5;width:100%;min-height:50vh}section.collaboration .container{flex-direction:column;align-items:flex-start;width:100%}
.info__banner{justify-content:space-between;align-items:flex-start;width:100%;padding-top:64px;display:flex}@media (max-width:992px){.info__banner{flex-direction:column;align-items:flex-start}}.info__paragraph{max-width:850px;margin-left:100px}@media (max-width:992px){.info__paragraph{margin-left:0}}
.tails__banner{flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:64px;display:flex}.tails__banner ul{gap:32px;list-style-type:none;display:flex}@media (max-width:992px){.tails__banner ul{flex-direction:column}}.tails__banner ul li{border:1px solid #1313131a;border-radius:4px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:24px;width:calc(33.3333% - 21.3333px);padding:40px;display:flex}@media (max-width:992px){.tails__banner ul li{width:100%}}.tails__banner ul li h4{font-size:28px;line-height:35px}.tails__banner ul li p{line-height:24px}
.tech-stack__banner{background-color:#22b325;flex-wrap:wrap;width:100%;height:auto;padding:24px 0;display:flex}.tech-stack__banner>.container{flex-direction:column;align-items:flex-start;gap:40px}@media not (max-width:520px){.tech-stack__banner>.container{flex-direction:row;justify-content:flex-start;align-items:center;gap:128px}}.tech-stack__header{color:#fff;font-size:40px;line-height:50px}.tech-stack__icons-list{flex-wrap:wrap;justify-content:space-evenly;gap:24px;list-style-type:none;display:flex}@media not (max-width:520px){.tech-stack__icons-list{width:100%;margin-top:0}}
section.portfolio .container{flex-direction:column;justify-content:flex-start;align-items:flex-start}section.portfolio .container>.portfolio__button{justify-content:center;align-items:center;width:100%;margin-top:64px;display:flex}section.portfolio .container>.portfolio__button button{width:100%}@media not (max-width:992px){section.portfolio .container>.portfolio__button button{width:auto}}
button.button{color:#22b325;cursor:pointer;background-color:#fbfbfb;border:1px solid #22b325;border-radius:4px;font-weight:400;line-height:24px}button.button:focus{outline:none;position:relative}button.button:focus:before{content:"wdferf";z-index:-2;box-sizing:border-box;border:3px solid #22b32500;border-radius:4px;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;top:-6px;left:-6px}button.button.green{color:#fafafa;background-color:#22b325;transition:all ease-in}button.button.green:hover{background-color:#22b42500}button.button.green :active{background-color:#1d9c1f}button.button.light{color:#22b325;background-color:#fbfbfb}button.button.light:hover{color:#22b32500}button.button.light :active{background-color:#1d9c1f}button.button.disabled{cursor:not-allowed;background-color:#cfcfcf}button.button.disabled:hover{background-color:#cfcfcf}button.button.small{padding:10px 16px 6px}button.button.regular{padding:12px 24px 8px}button.button.large{padding:16px 32px 12px}button.button.nonBordered{border:none}button.button.wide{width:100%}
.green-corner__wrapper{width:1100px;height:530px;padding:1px;position:absolute;top:0;right:0;overflow:hidden}.green-corner{background-color:#22b325;width:100%;height:100%;position:relative;top:0;right:0;overflow:hidden}@media (max-width:992px){.green-corner{top:-40px;right:-200px}}@media (max-width:800px){.green-corner{top:-150px;right:-200px}}@media (max-width:500px){.green-corner{top:-150px;right:-300px}}@media (max-width:400px){.green-corner{top:-150px;right:-400px}}.green-corner img{position:relative;top:340px;right:0;transform:scale(2.5)rotate(-1deg)}@media (max-width:500px){.green-corner img{transform:scale(2.5)rotate(-10deg)}}@media (max-width:400px){.green-corner img{transform:scale(2.5)rotate(-15deg)}}
.header__gallery{z-index:10;border:16px solid #f3f3f3;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:100%;min-width:580px;max-width:55%;height:calc(300px + 10vh);min-height:500px;max-height:calc(300px + 10vh);margin-left:50px;display:flex}.header__gallery .img{background-size:cover;border-radius:10px;width:100%;height:100%;box-shadow:0 0 0 10px #f3f3f3}@media (max-width:600px){.header__gallery .img{background-position:-16px 0}}.header__gallery .homde-header-img{background-image:url(/portfolio/the-slice.jpg)}.header__gallery .custom-software-img{background-image:url(/services/custom-software.webp)}.header__gallery .e-commerce-img{background-image:url(/services/e-commerce.webp)}.header__gallery .mobile-apps-img{background-image:url(/services/mobile-apps.webp)}.header__gallery .saas-img{background-image:url(/services/saas.webp)}.header__gallery .web-apps-img{background-image:url(/services/web-apps.webp)}.header__gallery .web-pages-img{background-image:url(/services/web-pages.webp)}@media (max-width:992px){.header__gallery{border:8px solid #f3f3f3;border-radius:16px;width:100%;min-width:auto;max-width:100%;margin-top:50px;margin-left:0}}@media (max-width:600px) and (min-height:340px){.header__gallery{min-height:100px;max-height:220px}}
.service{background-color:#fbfbfb}.service .header__buttons{width:100%}.service .header__buttons button.green{margin-bottom:1rem;margin-right:1rem}@media (max-width:671px){.service .header__buttons button{width:100%}.service .header__buttons button.green{margin-bottom:1rem}}