.app__skills{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.app__skills-container{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:4rem;width:min(100%,1120px);margin-top:3rem;display:grid}@media screen and (max-width:900px){.app__skills-container{grid-template-columns:1fr;gap:2rem;width:100%}}.app__skills-list{flex-wrap:wrap;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;align-items:flex-start;gap:1.5rem;width:100%;margin-right:0;display:grid}@media screen and (max-width:900px){.app__skills-list{grid-template-columns:repeat(3,minmax(80px,1fr));justify-content:center;align-items:center}}.app__skills-item{text-align:center;flex-direction:column;margin:0;transition:all .4s ease-in-out}.app__skills-item div{background-color:#fff;border-radius:50%;width:90px;height:90px}.app__skills-item div img{width:50%;height:50%}.app__skills-item div:hover{box-shadow:0 0 25px #fef4f5}@media screen and (min-width:2000px){.app__skills-item div{width:150px;height:150px}}.app__skills-item p{margin-top:.5rem;font-weight:500}@media screen and (min-width:2000px){.app__skills-item{margin:1rem 2rem}.app__skills-item p{margin-top:1rem}}.app__skills-exp{flex-direction:column;flex:auto;justify-content:flex-start;align-items:flex-start;display:flex}@media screen and (max-width:900px){.app__skills-exp{margin:2rem}}.app__skills-exp-item{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;margin:1rem 0;display:flex}.app__skills-exp-works{flex:1}.app__skills-exp-works .app__skills-exp-work{cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem;display:flex}.app__skills-exp-works .app__skills-exp-work h4{font-weight:500}.app__skills-exp-works .app__skills-exp-work p{color:var(--gray-color);margin-top:5px;font-weight:400}.app__skills-exp-year{margin-right:3rem}.app__skills-exp-year p{color:var(--secondary-color);font-weight:800}@media screen and (max-width:450px){.app__skills-exp-year{margin-right:1rem}}.skills-tooltip{max-width:360px!important}
.app__testimonial{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.app__testimonial-item{box-sizing:border-box;background-color:#fff;border-radius:15px;flex-direction:column;width:60%;height:320px;padding:2rem;transition:all .5s;display:flex;box-shadow:0 0 20px #0003}.app__testimonial-item p{color:#000;font-size:1.1rem;line-height:2rem;font-family:var(--font-base);flex:1;margin-top:1rem;overflow-y:auto}.app__testimonial-item p::-webkit-scrollbar{width:10px}.app__testimonial-item p::-webkit-scrollbar-track{background-color:#e6e6e6}.app__testimonial-item p::-webkit-scrollbar-thumb{background-color:#9b9b9b}@media screen and (max-width:1000px){.app__testimonial-item{width:100%;padding:1.5rem}}.app__testimonial-content{text-align:left;align-items:center;height:50px;margin-bottom:10px;display:flex}.app__testimonial-content>div:first-child{border:2px solid #f5329d;border-radius:50%;align-items:center;margin-right:10px;padding:3px;display:flex}.app__testimonial-content img{object-fit:cover;border-radius:50%;width:50px;height:50px}.app__testimonial-content span h4{color:var(--secondary-color);font-weight:600}.app__testimonial-content span h5{color:var(--gray-color);margin-top:5px;font-weight:400}.app__testimonial-content span .app__testimonial-rating{color:#f5b301;gap:.12rem;width:fit-content;margin-top:.35rem;font-size:.8rem;line-height:1;display:flex}.app__testimonial-btns{flex-direction:row;margin-top:1rem}.app__testimonial-btns div{background-color:#fff;border-radius:50%;width:50px;height:50px;margin:1rem;transition:all .3s ease-in-out}.app__testimonial-btns div svg{width:30px;height:30px;color:var(--secondary-color)}.app__testimonial-btns div:hover{background-color:var(--secondary-color)}.app__testimonial-btns div:hover svg{color:#fff}.app__testimonial-brands{flex-wrap:wrap;width:80%;margin-top:2rem}.app__testimonial-brands div{justify-content:center;align-items:center;width:170px;height:90px;margin:.75rem;display:flex}.app__testimonial-brands div img{object-fit:contain;filter:grayscale();width:auto;max-width:100%;height:60px}.app__testimonial-brands div:hover img{filter:grayscale(0)}@media screen and (min-width:2000px){.app__testimonial-brands div{width:220px;height:120px;margin:1rem}}@media screen and (max-width:450px){.app__testimonial-brands div{width:130px;height:75px;margin:.5rem}.app__testimonial-brands div img{height:50px}.app__testimonial-brands{width:100%}}
.app__footer{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.app__footer-cards{flex-wrap:wrap;justify-content:space-evenly;align-items:center;width:60%;margin:4rem 2rem 2rem;display:flex}.app__footer-cards .app__footer-card{cursor:pointer;background-color:#fef4f5;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;min-width:290px;margin:1rem 0;padding:1rem;transition:all .3s ease-in-out;display:flex}.app__footer-cards .app__footer-card img{width:40px;height:40px;margin:0 .7rem}.app__footer-cards .app__footer-card p{font-weight:600}.app__footer-cards .app__footer-card a{font-weight:500;text-decoration:none}.app__footer-cards .app__footer-card:hover{box-shadow:0 0 10px #00000026}@media screen and (max-width:450px){.app__footer-cards .app__footer-card{width:100%}}@media screen and (max-width:768px){.app__footer-cards{width:100%}}.app__footer-cards .app__footer-card:last-child{background-color:#f2f7fb}.app__footer-form{flex-direction:column;width:60%;margin:1rem 2rem}.app__footer-form div{cursor:pointer;background-color:var(--primary-color);border-radius:10px;width:100%;margin:.75rem 0;transition:all .3s ease-in-out}.app__footer-form div input,.app__footer-form div textarea{background-color:var(--primary-color);width:100%;font-family:var(--font-base);color:var(--secondary-color);border:none;border-radius:7px;outline:none;padding:.95rem}.app__footer-form div input:focus,.app__footer-form div textarea:focus{outline-style:auto;outline-color:var(--secondary-color);outline-width:2px}.app__footer-form div textarea{height:170px}.app__footer-form button{background-color:var(--secondary-color);color:#fff;font-weight:500;font-family:var(--font-base);cursor:pointer;border:none;border-radius:10px;outline:none;margin:2rem 0 0;padding:1rem 2rem}@media screen and (max-width:768px){.app__footer-form{width:100%;margin:1rem 0}}
