.experience-container{display:flex;flex-wrap:wrap}.experience-container .front,.experience-container .knowlege{flex-grow:1}.experience-container .skill-card{background-color:var(--color-background-variant);margin:0 9px 35px;padding:10px 28px 34px;border-radius:20px;max-width:50%}.experience-container .section-header{font-size:18px;font-weight:800}.experience-container .skill-container{margin:12px 0}.experience-container .skill-container span{font-size:14px}.experience-container .skill-container .skill-ratio{position:relative;background-color:#fff;height:17px;border-radius:2px}.experience-container .skill-container .skill-ratio .the-ratio{animation:skill-bar 1s ease-out forwards;position:absolute;height:100%;background-color:var(--color-primary)}.experience-container .skill-container .skill-ratio .the-ratio:before{position:absolute;content:attr(data-skill);bottom:22px;right:0;border:1px solid #fff;background-color:var(--color-white);font-size:12px;padding:2px;color:var(--color-background-variant);transform:translate(50%)}.experience-container .skill-container .skill-ratio .the-ratio:after{content:"";width:6px;height:6px;background-color:var(--color-white);position:absolute;right:0;bottom:23px;transform:rotate(45deg) translateX(5px)}.experience-container .ad-skills-container{display:grid;grid-row-gap:50px;row-gap:50px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;justify-content:center}.experience-container .ad-skills-container .add-skill{display:flex;gap:12px;font-size:14px}.experience-container .ad-skills-container .add-skill .icon{color:var(--color-primary)}@media screen and (max-width:768px){.ad-skills-container{column-gap:34px}.experience-container .ad-skills-container{justify-content:unset}.experience-container .skill-card{max-width:unset}}