.content-client{flex-direction:column;flex:100%;justify-content:center;align-items:center;gap:10px;width:100%;padding:20px;display:flex;position:relative}.content-client .title{color:var(--white-silver);text-transform:uppercase;text-align:center;font-size:16px;display:block;position:relative}.content-client label{color:var(--white);text-transform:uppercase;text-align:center;font-size:20px;display:block;position:relative}.content-client select,.content-client textarea{border:2px solid var(--green);background-color:var(--black);color:var(--white);resize:none;border-radius:7px;outline:none;width:100%;max-width:470px;padding:10px;display:block;position:relative}.content-client textarea{height:200px}.content-client button{border:2px solid var(--green);background-color:var(--black);color:var(--white);resize:none;cursor:pointer;text-transform:uppercase;border-radius:7px;outline:none;width:100%;max-width:470px;padding:10px;display:block;position:relative}.content-client button:active{background-color:var(--green)}
.container-page{width:100%;padding:100px 30px;display:block;position:relative;overflow:auto}.container-page .content{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;height:100%;margin:0 auto;display:flex;position:relative}.container-page .title-page{color:var(--green);z-index:2;border-bottom:1px solid var(--green);width:100%;margin-bottom:10px;font-size:22px;animation:3s 1s infinite aniTitle;display:block;position:relative}@keyframes aniTitle{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}to{opacity:0}}.video-bg{object-fit:cover;opacity:.2;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}
.counter-section{flex-direction:column;align-items:center;gap:30px;width:100%;padding:40px 20px;display:flex;position:relative}.counter-section .section-title{color:var(--green);border-bottom:1px solid var(--green);text-align:left;width:100%;font-size:22px}.counter-grid{flex-wrap:wrap;justify-content:center;gap:30px;width:100%;display:flex}.counter-item{background-color:var(--black-grey);border:1px solid var(--green);border-radius:7px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:180px;max-width:220px;padding:25px 20px;display:flex}.counter-number{color:var(--green);font-size:36px;font-weight:700}.counter-label{color:#a0a0a0;text-transform:uppercase;text-align:center;margin-top:5px;font-size:14px}@media (max-width:600px){.counter-grid{flex-direction:column;align-items:center}.counter-item{width:100%;max-width:100%}}
.tech-section{flex-direction:column;align-items:center;gap:30px;width:100%;padding:40px 20px;display:flex;position:relative}.tech-section .section-title{color:var(--green);border-bottom:1px solid var(--green);text-align:left;width:100%;font-size:22px}.tech-grid{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;display:flex}.tech-card{background-color:var(--black-grey);border:1px solid var(--green);border-radius:7px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-width:150px;max-width:180px;padding:20px 15px;transition:all .3s ease-in-out;display:flex}.tech-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #1f611a4d}.tech-icon{color:var(--green);font-size:36px}.tech-name{color:var(--white);text-align:center;font-size:16px;font-weight:700}.tech-desc{color:#a0a0a0;text-align:center;font-size:12px}@media (max-width:600px){.tech-grid{flex-direction:column;align-items:center}.tech-card{width:100%;max-width:100%}}
.portfolio-section{flex-direction:column;gap:30px;width:100%;padding:40px 20px;display:flex;position:relative}.portfolio-section .section-title{color:var(--green);border-bottom:1px solid var(--green);text-align:left;width:100%;font-size:22px}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;display:grid}.portfolio-card{background-color:var(--black-grey);border:1px solid var(--green);border-radius:7px;flex-direction:column;gap:10px;padding:20px;transition:all .3s ease-in-out;display:flex}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #1f611a4d}.portfolio-category{color:var(--green);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.portfolio-title{color:var(--white);font-size:18px}.portfolio-desc{color:#a0a0a0;font-size:13px;line-height:1.5}@media (max-width:600px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-techs{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.portfolio-tech-tag{color:var(--white);border:1px solid var(--green);background-color:#1f611a4d;border-radius:4px;padding:3px 8px;font-size:11px}
.testimonials-section{flex-direction:column;gap:30px;width:100%;padding:40px 20px;display:flex;position:relative}.testimonials-section .section-title{color:var(--green);border-bottom:1px solid var(--green);text-align:left;width:100%;font-size:22px}.testimonials-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;width:100%;display:grid}.testimonial-card{background-color:var(--black-grey);border:1px solid var(--green);border-radius:7px;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease-in-out;display:flex}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #1f611a4d}.testimonial-stars{color:#f5c518;gap:3px;font-size:14px;display:flex}.testimonial-text{color:#b0b0b0;font-size:14px;font-style:italic;line-height:1.6}@media (max-width:600px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-author{flex-direction:column;margin-top:auto;display:flex}.testimonial-name{color:var(--white);font-size:14px;font-weight:700}.testimonial-role{color:var(--green);font-size:12px}
.cases-section{flex-direction:column;gap:30px;width:100%;padding:40px 20px;display:flex;position:relative}.cases-section .section-title{color:var(--green);border-bottom:1px solid var(--green);text-align:left;width:100%;font-size:22px}.cases-grid{flex-direction:column;gap:20px;width:100%;display:flex}.case-card{background-color:var(--black-grey);border:1px solid var(--green);border-radius:7px;flex-direction:column;gap:15px;padding:25px;transition:all .3s ease-in-out;display:flex}.case-card:hover{box-shadow:0 4px 15px #1f611a4d}.case-title{color:var(--white);border-bottom:1px solid #1f611a4d;padding-bottom:10px;font-size:18px}.case-step{flex-direction:column;gap:4px;display:flex}.case-label{text-transform:uppercase;color:var(--green);letter-spacing:1px;font-size:12px;font-weight:700}.case-text{color:#a0a0a0;font-size:14px;line-height:1.5}.case-result .case-text{color:var(--white);font-weight:700}
.faq-section{flex-direction:column;gap:30px;width:100%;padding:40px 20px;display:flex;position:relative}.faq-section .section-title{color:var(--green);border-bottom:1px solid var(--green);text-align:left;width:100%;font-size:22px}.faq-list{flex-direction:column;gap:10px;width:100%;display:flex}.faq-item{background-color:var(--black-grey);border:1px solid var(--green);border-radius:7px;transition:all .3s ease-in-out;overflow:hidden}.faq-item.faq-open{box-shadow:0 2px 10px #1f611a33}.faq-question{width:100%;color:var(--white);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:15px 20px;font-family:inherit;font-size:15px;display:flex}.faq-question:hover{background-color:#1f611a1a}.faq-question svg{color:var(--green);flex-shrink:0}.faq-answer{padding:0 20px 15px}.faq-answer p{color:#b0b0b0;font-size:14px;line-height:1.6}
.videos-section{flex-direction:column;gap:30px;width:100%;padding:40px 20px;display:flex;position:relative}.videos-section .section-title{color:var(--green);border-bottom:1px solid var(--green);text-align:left;width:100%;font-size:22px}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%;display:grid}.video-card{background-color:var(--black-grey);border:1px solid var(--green);cursor:pointer;border-radius:7px;flex-direction:column;text-decoration:none;transition:all .3s ease-in-out;display:flex;overflow:hidden}.video-card:hover{transform:translateY(-3px);box-shadow:0 4px 15px #1f611a4d}.video-wrapper{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.video-wrapper img{object-fit:cover;width:100%;height:100%}.video-play-icon{color:red;opacity:.85;filter:drop-shadow(0 2px 6px #0009);font-size:50px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card:hover .video-play-icon{opacity:1;transform:translate(-50%,-50%)scale(1.15)}.video-title{color:var(--white);padding:12px 15px;font-size:14px}@media (max-width:600px){.videos-grid{grid-template-columns:1fr}}
.budget-section{flex-direction:column;gap:30px;width:100%;padding:40px 20px;display:flex;position:relative}.budget-section .section-title{color:var(--green);border-bottom:1px solid var(--green);text-align:left;width:100%;font-size:22px}.budget-container{flex-direction:column;gap:25px;width:100%;display:flex}.budget-options{flex-direction:column;gap:15px;display:flex}.budget-label{color:var(--white);text-transform:uppercase;font-size:16px}.budget-types,.budget-extras{flex-wrap:wrap;gap:10px;display:flex}.budget-type-btn,.budget-extra-btn{background-color:var(--black-grey);border:1px solid var(--green);color:var(--white);cursor:pointer;border-radius:7px;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s ease-in-out;display:flex}.budget-type-btn:hover,.budget-extra-btn:hover{background-color:#1f611a33}.budget-type-btn.active,.budget-extra-btn.active{background-color:var(--green);color:var(--white)}.budget-type-price,.budget-extra-price{color:#a0a0a0;font-size:11px}.budget-type-btn.active .budget-type-price,.budget-extra-btn.active .budget-extra-price{color:#fffc}.budget-result{background-color:var(--black-grey);border:1px solid var(--green);border-radius:7px;flex-direction:column;align-items:center;gap:15px;padding:25px;display:flex}.budget-total{flex-direction:column;align-items:center;gap:5px;display:flex}.budget-total-label{color:#a0a0a0;text-transform:uppercase;font-size:14px}.budget-total-value{color:var(--green);font-size:36px;font-weight:700}.budget-total-note{color:#a0a0a0;text-align:center;font-size:11px}@media (max-width:600px){.budget-types,.budget-extras{flex-direction:column}.budget-type-btn,.budget-extra-btn{width:100%}}.budget-cta{background-color:var(--green);border:1px solid var(--green);color:var(--white);cursor:pointer;text-transform:uppercase;border-radius:7px;padding:12px 30px;font-family:inherit;font-size:16px;font-weight:700;transition:all .3s ease-in-out}.budget-cta:hover{background-color:#0000}