.aboutContainer{border-radius:1.2rem;grid-template-columns:1.3fr 1fr;display:grid}@media (max-width:576px){.aboutContainer{grid-template-columns:1fr}}.aboutContainer .leftPane{margin-bottom:1.5rem;margin-right:1.5rem}@media (max-width:576px){.aboutContainer .leftPane{margin-right:0}}.aboutContainer .leftPane .profileCard{background-color:var(--wrapper-bg);border:.1rem solid var(--border-color);border-radius:1.2rem;flex-direction:column;gap:2rem;margin-top:1.5rem;padding:2rem;display:flex}@media (max-width:576px){.aboutContainer .leftPane .profileCard{border-radius:1.2rem;padding:1rem}}.aboutContainer .leftPane .profileCard{gap:0;width:100%;height:33rem;margin-top:0;padding:0;position:relative;overflow:hidden}@media (max-width:576px){.aboutContainer .leftPane .profileCard{height:20rem}}.aboutContainer .leftPane .profileCard .coverPhoto{width:100%;height:20rem}@media (max-width:576px){.aboutContainer .leftPane .profileCard .coverPhoto{height:11rem}}.aboutContainer .leftPane .profileCard .coverPhoto img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.aboutContainer .leftPane .profileCard .profileImage{border:4px solid var(--wrapper-bg);border-radius:50%;width:12rem;height:12rem;position:absolute;top:42%;left:3rem}@media (max-width:576px){.aboutContainer .leftPane .profileCard .profileImage{top:30%}}.aboutContainer .leftPane .profileCard .profileImage img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.aboutContainer .leftPane .profileCard .cardInfo{color:#1c1e21;padding:1.5rem 1.5rem 1.5rem 16rem;font-weight:700}@media (max-width:576px){.aboutContainer .leftPane .profileCard .cardInfo{padding:0 1.5rem 1.5rem 16rem}}.aboutContainer .leftPane .profileCard .cardInfo .name{color:var(--title-color);font-size:max(2.1rem,min(1.2vw,4rem))}.aboutContainer .leftPane .profileCard .cardInfo .title{color:var(--sub-title);margin-top:0;font-size:max(1.5rem,min(1.2vw,1.8rem));font-weight:400}.aboutContainer .leftPane .profileCard .cardInfo .messageButton{color:var(--text-color);cursor:pointer;text-align:center;background-color:transparent;border:.1rem solid rgba(68,68,68,.31);border-radius:1rem;padding:.6rem 1.5rem;font-size:max(1.4rem,min(1.5vw,1.6rem));text-decoration:none}@media (max-width:576px){.aboutContainer .leftPane .profileCard .cardInfo .messageButton{border-radius:.6rem;padding:.5rem 1rem}}.aboutContainer .leftPane .profileCard .cardInfo .messageButton{margin-top:.5rem}.aboutContainer .leftPane .profileCard .cardInfo .messageButton span{margin-left:.8rem}.aboutContainer .leftPane .profileCard .cardInfo .contactFormContainer{width:40rem;color:var(--text-color)}.aboutContainer .leftPane .profileCard .cardInfo .contactFormContainer h2{color:var(--text-color);font-size:max(2.1rem,min(1.2vw,4rem))}.aboutContainer .leftPane .profileCard .cardInfo .contactFormContainer p{color:var(--text-color);margin:1rem 0;font-size:max(1.5rem,min(1.5vw,1.4rem));font-weight:400}.aboutContainer .leftPane .profileCard .cardInfo .contactFormContainer .contactWrapper .box{background:var(--surface-bg);color:var(--text-color);text-transform:none;box-sizing:border-box;border:none;border-radius:1rem;width:100%;max-width:100%;margin:1rem 0;padding:1.5rem;font-size:1.7rem}.aboutContainer .leftPane .profileCard .cardInfo .contactFormContainer .contactWrapper .box:focus{border:none;outline:none}.aboutContainer .leftPane .profileCard .cardInfo .contactFormContainer .contactWrapper .box::-webkit-input-placeholder{text-transform:capitalize}.aboutContainer .leftPane .profileCard .cardInfo .contactFormContainer .contactWrapper .box::placeholder{text-transform:capitalize}.aboutContainer .leftPane .profileCard .cardInfo .contactFormContainer .contactWrapper .box:-ms-placeholder-shown{text-transform:capitalize}.aboutContainer .leftPane .profileCard .cardInfo .contactFormContainer .contactWrapper .box::placeholder{text-transform:capitalize}.aboutContainer .leftPane .profileCard .cardInfo .contactFormContainer .contactWrapper .box::placeholder{text-transform:capitalize}.aboutContainer .leftPane .profileCard .cardInfo .contactFormContainer .contactWrapper .message{box-sizing:border-box;width:100%;min-width:100%;max-width:100%;height:15rem}.aboutContainer .leftPane .profileCard .cardInfo .contactFormContainer .contactWrapper .button{color:var(--text-color);cursor:pointer;text-align:center;background-color:transparent;border:.1rem solid rgba(68,68,68,.31);border-radius:1rem;padding:.6rem 1.5rem;font-size:max(1.4rem,min(1.5vw,1.6rem));text-decoration:none}@media (max-width:576px){.aboutContainer .leftPane .profileCard .cardInfo .contactFormContainer .contactWrapper .button{border-radius:.6rem;padding:.5rem 1rem}}.aboutContainer .leftPane .aboutMeContainer{background-color:var(--wrapper-bg);border:.1rem solid var(--border-color);border-radius:1.2rem;flex-direction:column;gap:2rem;margin-top:1.5rem;padding:2rem;display:flex}@media (max-width:576px){.aboutContainer .leftPane .aboutMeContainer{border-radius:1.2rem;padding:1rem}}.aboutContainer .leftPane .aboutMeContainer{gap:1rem}.aboutContainer .leftPane .aboutMeContainer .sectionTitle{color:var(--title-color);font-size:max(2.1rem,min(1.2vw,4rem));font-weight:600}.aboutContainer .leftPane .aboutMeContainer .sectionTitle i{margin-right:1rem}.aboutContainer .leftPane .aboutMeContainer .about{height:4rem;font-size:max(1.5rem,min(1.5vw,1.4rem));font-weight:400;transition:all .5s;overflow:hidden}@media (max-width:576px){.aboutContainer .leftPane .aboutMeContainer .about{height:9rem}}@media (min-width:576px) and (max-width:1400px){.aboutContainer .leftPane .aboutMeContainer .about{height:5.5rem}}.aboutContainer .leftPane .aboutMeContainer .about p{margin-bottom:.5rem}.aboutContainer .leftPane .aboutMeContainer .about p span:not(:first-child){margin-top:1rem;display:inline-block}.aboutContainer .leftPane .aboutMeContainer .about .showLessBtn{cursor:pointer;color:var(--sub-text-color);-webkit-user-select:none;user-select:none;font-size:1.3rem}.aboutContainer .leftPane .aboutMeContainer .skillsCard{background-color:var(--wrapper-bg);border:.1rem solid var(--border-color);border-radius:1.2rem;flex-direction:column;gap:2rem;margin-top:1.5rem;padding:2rem;display:flex}@media (max-width:576px){.aboutContainer .leftPane .aboutMeContainer .skillsCard{border-radius:1.2rem;padding:1rem}}.aboutContainer .leftPane .aboutMeContainer .skillsCard{flex-direction:row;gap:.5rem;margin:0;padding:1.5rem 1rem;display:flex}.aboutContainer .leftPane .aboutMeContainer .skillsCard .cardIcon{text-align:center;color:var(--text-color-color);flex:5%;font-size:2.5rem}.aboutContainer .leftPane .aboutMeContainer .skillsCard .cardContent{color:var(--text-color-color);flex:90%;margin-top:.8rem}.aboutContainer .leftPane .aboutMeContainer .skillsCard .cardContent .cardTitle{margin-bottom:.5rem;font-size:max(1.5rem,min(1.2vw,1.6rem))}.aboutContainer .leftPane .aboutMeContainer .skillsCard .cardContent .skillsList{gap:1rem;font-size:max(1.5rem,min(1.5vw,1.4rem));display:flex}.aboutContainer .leftPane .aboutMeContainer .skillsCard .cardAction{cursor:pointer;color:var(--text-color);flex:5%;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.aboutContainer .leftPane .skillsContainer{background-color:var(--wrapper-bg);border:.1rem solid var(--border-color);border-radius:1.2rem;flex-direction:column;gap:2rem;margin-top:1.5rem;padding:2rem;display:flex}@media (max-width:576px){.aboutContainer .leftPane .skillsContainer{border-radius:1.2rem;padding:1rem}}.aboutContainer .leftPane .skillsContainer .sectionTitle{color:var(--title-color);font-size:max(2.1rem,min(1.2vw,4rem));font-weight:600}.aboutContainer .leftPane .skillsContainer .sectionTitle i{margin-right:1rem}.aboutContainer .leftPane .skillsContainer .skillsCardsWrapper{flex-wrap:wrap;justify-content:center;display:flex}.aboutContainer .leftPane .skillsContainer .skillsCardsWrapper .skillBox{background:var(--surface-bg);text-align:center;margin:1rem;cursor:pointer;border-radius:1rem;width:14rem;margin-top:2rem;padding:1rem;transition:-webkit-transform .5s,-ms-transform .5s,transform .5s;position:relative}.aboutContainer .leftPane .skillsContainer .skillsCardsWrapper .skillBox h1{color:var(--text-color);margin-top:1rem;font-size:1.3rem;font-weight:500}.aboutContainer .leftPane .skillsContainer .skillsCardsWrapper .skillBox img{text-align:center;width:3.5rem;height:3.5rem;margin:auto;transition:-webkit-transform .5s,-ms-transform .5s,transform .5s}.aboutContainer .leftPane .skillsContainer .skillsCardsWrapper .skillBox:hover img{-webkit-transform:scale(1.3)rotateY(360deg);-ms-transform:scale(1.3)rotateY(360deg);transform:scale(1.3)rotateY(360deg)}.aboutContainer .leftPane .skillsContainer .skillsCardsWrapper .skillBox:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.aboutContainer .leftPane .skillsContainer .skillsCardsWrapper .skillBox .hint-content{z-index:5;opacity:0;width:11rem;color:var(--text-color);visibility:hidden;pointer-events:none;padding:2.5rem 0;font-size:1.1rem;transition:opacity .7s,visibility .7s;position:absolute;top:-5rem;left:1.5rem}.aboutContainer .leftPane .skillsContainer .skillsCardsWrapper .skillBox .hint-content:before{content:"";background-color:var(--text-color);width:0;height:1px;transition:width .4s;position:absolute;bottom:20px;left:0}.aboutContainer .leftPane .skillsContainer .skillsCardsWrapper .skillBox .hint-content:after{-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0;content:"";background-color:var(--text-color);opacity:1;width:1rem;height:1px;transition:opacity .5s;position:absolute;bottom:20px;left:0;-webkit-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg)}.aboutContainer .leftPane .skillsContainer .skillsCardsWrapper .skillBox:hover .hint-content{z-index:5;opacity:1;color:var(--text-color);visibility:visible;pointer-events:none;padding:2.5rem 0;transition:opacity .7s,visibility .7s;position:absolute}.aboutContainer .leftPane .skillsContainer .skillsCardsWrapper .skillBox:hover .hint-content:before{width:100%;transition:width .4s}.aboutContainer .leftPane .skillsContainer .skillsCardsWrapper .skillBox:hover .hint-content:after{opacity:1;visibility:visible}.aboutContainer .rightPane .educationContainer{background-color:var(--wrapper-bg);border:.1rem solid var(--border-color);border-radius:1.2rem;flex-direction:column;gap:2rem;margin-top:1.5rem;padding:2rem;display:flex}@media (max-width:576px){.aboutContainer .rightPane .educationContainer{border-radius:1.2rem;padding:1rem}}.aboutContainer .rightPane .educationContainer{margin-top:0}@media (max-width:576px){.aboutContainer .rightPane .educationContainer{margin-top:1.5rem}}.aboutContainer .rightPane .educationContainer .sectionTitle{color:var(--title-color);font-size:max(2.1rem,min(1.2vw,4rem));font-weight:600}.aboutContainer .rightPane .educationContainer .sectionTitle i{margin-right:1rem}.aboutContainer .rightPane .educationContainer .educationDetailsWrapper{align-items:start;gap:1rem;display:flex}.aboutContainer .rightPane .educationContainer .educationDetailsWrapper .logo{aspect-ratio:1;cursor:default;border:none;border-radius:.5rem;flex-shrink:0;width:5rem;overflow:hidden}.aboutContainer .rightPane .educationContainer .educationDetailsWrapper .logo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.aboutContainer .rightPane .educationContainer .educationDetailsWrapper .detailsWrapper .details{flex-direction:column;display:flex}.aboutContainer .rightPane .educationContainer .educationDetailsWrapper .detailsWrapper .details .title{color:var(--title-color);font-size:max(1.5rem,min(1.2vw,1.6rem))}.aboutContainer .rightPane .educationContainer .educationDetailsWrapper .detailsWrapper .details .institute{color:var(--text-color);margin-top:.2rem;font-size:max(1.5rem,min(1.5vw,1.4rem))}.aboutContainer .rightPane .educationContainer .educationDetailsWrapper .detailsWrapper .details .grade{color:var(--text-color);gap:.5rem;margin-top:.2rem;font-size:max(1.5rem,min(1.5vw,1.4rem));display:flex}.aboutContainer .rightPane .educationContainer .educationDetailsWrapper .detailsWrapper .details .duration{color:var(--sub-text-color);align-items:center;gap:.5rem;margin-top:.2rem;font-size:max(1.5rem,min(1.5vw,1.4rem));display:flex}.aboutContainer .rightPane .educationContainer .educationDetailsWrapper .detailsWrapper .description{color:var(--text-color);margin-top:.2rem;font-size:max(1.5rem,min(1.5vw,1.4rem))}.aboutContainer .rightPane .experienceContainer{background-color:var(--wrapper-bg);border:.1rem solid var(--border-color);border-radius:1.2rem;flex-direction:column;gap:2rem;margin-top:1.5rem;padding:2rem;display:flex}@media (max-width:576px){.aboutContainer .rightPane .experienceContainer{border-radius:1.2rem;padding:1rem}}.aboutContainer .rightPane .experienceContainer .sectionTitle{color:var(--title-color);font-size:max(2.1rem,min(1.2vw,4rem));font-weight:600}.aboutContainer .rightPane .experienceContainer .sectionTitle i{margin-right:1rem}.aboutContainer .rightPane .experienceContainer .experienceDetailsWrapper{align-items:start;gap:1rem;display:flex}.aboutContainer .rightPane .experienceContainer .experienceDetailsWrapper .logo{aspect-ratio:1;cursor:default;border:none;border-radius:.5rem;flex-shrink:0;width:5rem;overflow:hidden}.aboutContainer .rightPane .experienceContainer .experienceDetailsWrapper .logo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.aboutContainer .rightPane .experienceContainer .experienceDetailsWrapper .detailsWrapper .details{flex-direction:column;display:flex}.aboutContainer .rightPane .experienceContainer .experienceDetailsWrapper .detailsWrapper .details .title{color:var(--title-color);font-size:max(1.5rem,min(1.2vw,1.6rem))}.aboutContainer .rightPane .experienceContainer .experienceDetailsWrapper .detailsWrapper .details .employmentDetails{gap:.5rem;font-size:max(1.5rem,min(1.5vw,1.4rem));display:flex}.aboutContainer .rightPane .experienceContainer .experienceDetailsWrapper .detailsWrapper .details .workplaceDetails,.aboutContainer .rightPane .experienceContainer .experienceDetailsWrapper .detailsWrapper .details .duration{color:var(--sub-text-color);gap:.5rem;margin-top:.2rem;font-size:max(1.5rem,min(1.5vw,1.4rem));display:flex}.aboutContainer .rightPane .experienceContainer .experienceDetailsWrapper .detailsWrapper .description{color:var(--text-color);margin-top:.2rem;font-size:max(1.5rem,min(1.5vw,1.4rem))}