.flutter-header{background:url(/images/granuals.png),linear-gradient(130deg,#e2f3e0,#e2efe1 24.83%,#e2ebe5 52.96%,#cbdde7 76.92%,#baddef)}.colorclassname{color:var(--text-color)}.flutter-container{display:flex;flex-direction:column;gap:140px}@media(max-width:992px){.flutter-container{gap:80px}}@media(max-width:560px){.flutter-container{gap:40px}}.serviceofpages-wrapper{max-width:1266px;margin:auto}.serviceofpages-wrapper .serviceofpages-text-wrapper{max-width:620px;margin-top:80px}@media(max-width:992px){.serviceofpages-wrapper .serviceofpages-text-wrapper{margin-top:60px}}@media(max-width:560px){.serviceofpages-wrapper .serviceofpages-text-wrapper{margin-top:40px}}.serviceofpages-wrapper .serviceofpages-text-wrapper h3{color:var(--color-txt-light);font-weight:400}.serviceofpages-wrapper .serviceofpages-text-wrapper .pages-name{display:flex;gap:50px}@media(max-width:560px){.serviceofpages-wrapper .serviceofpages-text-wrapper .pages-name{gap:21px}}.serviceofpages-wrapper .serviceofpages-text-wrapper .pages-name h4{color:var(--text-colo);max-width:149px}@media screen and (max-width:1280px){.serviceofpages-wrapper{padding:0 24px}}@media screen and (max-width:560px){.serviceofpages-wrapper{padding:0 16px!important}.serviceofpages-wrapper .serviceofpages-text-wrapper{width:auto}.serviceofpages-wrapper .serviceofpages-text-wrapper .pages-name{margin-top:10px}.serviceofpages-wrapper .serviceofpages-text-wrapper .pages-name h4{max-width:106px}}.experinence-flutter-wrapper{max-width:1266px;margin:auto}.experinence-flutter-wrapper .experience-flutter-text-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.experinence-flutter-wrapper .experience-flutter-text-wrapper h2{max-width:496px}.experinence-flutter-wrapper .experience-flutter-text-wrapper p{max-width:386px}.experinence-flutter-wrapper .experience-card-container{display:flex;flex-direction:column;gap:40px}.experinence-flutter-wrapper .experience-card-container .line{width:100%;height:8px;background:#f8f8fb}@media(max-width:992px){.experinence-flutter-wrapper{padding:0 24px;margin:0}.experinence-flutter-wrapper .experience-flutter-text-wrapper{flex-direction:column;align-items:flex-start;gap:20px}}@media(max-width:560px){.experinence-flutter-wrapper{padding:0 16px}.experinence-flutter-wrapper .experience-flutter-text-wrapper{margin-bottom:20px;gap:10px}}.experience-container{border-radius:40px;border:1px solid #d9d6d6;transition:all .2s ease-in-out}.experience-container .experiencecard-wrapper{display:grid;grid-template-columns:1fr 1fr}.experience-container .experiencecard-wrapper .experiencecard-leftside{max-width:504px;padding-left:30px;display:flex;flex-direction:column;gap:13px;align-self:center}.experience-container .experiencecard-wrapper .experiencecard-leftside .techpart-wrapper{display:flex;gap:50px}.experience-container .experiencecard-wrapper .experiencecard-leftside .github{display:flex;gap:10px;align-items:baseline}.experience-container .experiencecard-wrapper .experiencecard-leftside .button-wrapper{display:flex;gap:24px}.experience-container .experiencecard-wrapper .experiencecard-img-side{display:flex}.experience-container .experiencecard-wrapper .experiencecard-img-side img{width:100%;border-radius:40px;transition:all .2s ease-in-out}.experience-container:hover{border-radius:30px;background:#ebedfe}.experience-container:hover .experiencecard-wrapper h2{color:var(--color-purple-primary)}.experience-container:hover .experiencecard-wrapper .experiencecard-img-side img{border-radius:30px}@media(max-width:992px){.experience-container .experiencecard-wrapper{grid-template-columns:unset;gap:20px;display:flex;flex-direction:column-reverse}.experience-container .experiencecard-wrapper .experiencecard-img-side{width:100%}.experience-container .experiencecard-wrapper .experiencecard-leftside{max-width:unset;display:flex;padding:0 0 10px 10px;flex-direction:column;gap:13px;align-self:flex-start}}@media(max-width:560px){.experience-container{border-radius:20px}.experience-container .experiencecard-wrapper,.experience-container .experiencecard-wrapper .experiencecard-leftside{gap:10px}.experience-container .experiencecard-wrapper .experiencecard-leftside .github,.experience-container .experiencecard-wrapper .experiencecard-leftside p{display:none}.experience-container .experiencecard-wrapper .experiencecard-img-side img{border-radius:20px}.experience-container:hover,.experience-container:hover .experiencecard-wrapper .experiencecard-img-side img{border-radius:10px}}