@font-face{font-family:__Roboto_5dad18;font-style:normal;font-weight:100;font-display:swap;src:url(/Web-Portfolio/_next/static/media/3d8af05b1dbb5df8-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Roboto_5dad18;font-style:normal;font-weight:100;font-display:swap;src:url(/Web-Portfolio/_next/static/media/a50efca067c45ff7-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Roboto_5dad18;font-style:normal;font-weight:100;font-display:swap;src:url(/Web-Portfolio/_next/static/media/af961b7eb9a15f7e-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Roboto_5dad18;font-style:normal;font-weight:100;font-display:swap;src:url(/Web-Portfolio/_next/static/media/c0058a8df935bb33-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Roboto_5dad18;font-style:normal;font-weight:100;font-display:swap;src:url(/Web-Portfolio/_next/static/media/dbe242b5c3b9d8cb-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Roboto_5dad18;font-style:normal;font-weight:100;font-display:swap;src:url(/Web-Portfolio/_next/static/media/3511fdf6750b518d-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Roboto_5dad18;font-style:normal;font-weight:100;font-display:swap;src:url(/Web-Portfolio/_next/static/media/02205c9944024f15-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Roboto_Fallback_5dad18;src:local("Arial");ascent-override:92.67%;descent-override:24.39%;line-gap-override:0.00%;size-adjust:100.11%}.__className_5dad18{font-family:__Roboto_5dad18,__Roboto_Fallback_5dad18;font-weight:100;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{--base-text-clr:#030303;--base-text--oppo-clr:#fff;--background-Header:#fff;--background:#fff;--hamburgerIcon-BG-Clr:#000;--multiples-text-type:#639;--first-front-page-button-bg:#fff;--first-front-page-button-border:#181c28;--first-front-page-button-color:#181c28;--second-front-page-button-bg:#181c28;--second-front-page-button-border:#fff;--second-front-page-button-color:#fff;--cruves-backgroung-color:#f6f7f8;--expandable-card-bg-front-color:#b9b9b9;--expandable-card-bg-back-color:#fff;--expandable-card-bg-front-hover-color:#639;--blur-effect:blur(5px);--tab-background-color:#e0e0e0;--secondry-color:#9c76c5;--box-shadow-background:5px 5px 2px 1px rgba(27,27,27,.5);--showdow-box:0 2px 24px 0 rgba(0,0,0,.15);--darker-showdow-box:0 2px 24px 0 rgba(0,0,0,.15)}.darkmode{--base-text-clr:#fff;--base-text--oppo-clr:#030303;--background-Header:#232a3a;--background:#181c28;--hamburgerIcon-BG-Clr:#fff;--multiples-text-type:#1676f3;--first-front-page-button-bg:#181c28;--first-front-page-button-border:#fff;--first-front-page-button-color:#fff;--second-front-page-button-bg:#fff;--second-front-page-button-border:#181928;--second-front-page-button-color:#181c28;--cruves-backgroung-color:#0c111a;--expandable-card-bg-front-color:#0c111a;--expandable-card-bg-back-color:#181c28;--expandable-card-bg-front-hover-color:#1676f3;--blur-effect:blur(5px);--tab-background-color:#0c111a;--secondry-color:#7eb2f7;--box-shadow-background:5px 5px 2px 1px hsla(0,0%,72%,.5);--showdow-box:0 2px 24px 0 rgba(0,0,0,.15);--darker-showdow-box:0 2px 24px 0 rgba(44,44,44,.15)}body{overflow-x:hidden;scrollbar-color:#6254f3;scrollbar-width:thin}body::-webkit-scrollbar{width:1rem;color:var(--base-text-clr)}body::-webkit-scrollbar-track{background-color:var(--background)}body::-webkit-scrollbar-thumb{background:var(--base-text-clr);border:5px solid transparent;border-radius:9px;background-clip:content-box}@keyframes fade-up{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:rotateY(0) scale(1)}}.hidden{transform:translateY(50px)}.hidden,.hidden2{opacity:0;transition:all 1s}.hidden2{transform:translateX(-50%)}.hidden3{opacity:0;transform:translateX(-100%);transition:all 1s}.show{opacity:1;filter:blur(0);transform:translateY(0)}.rightSlider,.showleftSlider{opacity:1;filter:blur(0);transform:translateX(0)}.Header{color:var(--base-text-clr);display:flex;justify-content:space-between;z-index:0;background-color:var(--background);width:100%;height:2em;align-items:center}.HamBurgerIcon,.Sub-SideNav,.menuItems{display:none}.icon{margin-left:2.5em}.SideNAV{display:flex;align-items:center;margin:2em;gap:20px;cursor:pointer;transition:all .1s ease-in 0s;z-index:60}.SideNAV li h4{padding:2.5px 8px;color:var(--base-text-clr)}.SideNAV li a{text-decoration:none;-webkit-text-decoration-line:none;text-decoration-line:none}li{list-style:none}.SideNAV li h4:hover{background-color:var(--second-front-page-button-bg);color:var(--second-front-page-button-color);border-radius:20px;transition:all .1s ease-in 0s;transform:translatey(-.1em);border-bottom:2px solid var(--second-front-page-button-border)}.isSticky{position:fixed;top:0;left:0;width:100%;z-index:60;box-shadow:var(--showdow-box);background-color:var(--background-Header)!important;animation:2s ease-in-out 0s 1 normal none}.ThemeIcons{margin-left:1em;cursor:pointer}.gg-sun{position:relative;transform:scale(var(--ggs,1));height:24px;background:linear-gradient(180deg,currentColor 4px,transparent 0) no-repeat 5px -6px/2px 6px,linear-gradient(180deg,currentColor 4px,transparent 0) no-repeat 5px 14px/2px 6px,linear-gradient(180deg,currentColor 4px,transparent 0) no-repeat -8px 5px/6px 2px,linear-gradient(180deg,currentColor 4px,transparent 0) no-repeat 14px 5px/6px 2px;border-radius:100px;box-shadow:inset 0 0 0 2px;border:6px solid transparent}.gg-sun,.gg-sun:after,.gg-sun:before{box-sizing:border-box;display:block;width:24px}.gg-sun:after,.gg-sun:before{content:"";position:absolute;height:2px;border-right:4px solid;border-left:4px solid;left:-6px;top:5px}.gg-sun:before{transform:rotate(-45deg)}.gg-sun:after{transform:rotate(45deg)}.ThemeIcons :hover{transition:all 1s ease-in-out 0s;transform:rotate(230deg)}.gg-moon,.gg-moon:after{display:block;box-sizing:border-box;border-radius:50%}.gg-moon{overflow:hidden;position:relative;transform:rotate(-135deg) scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-bottom:2px solid transparent}.gg-moon:after{content:"";position:absolute;width:12px;height:18px;border:2px solid transparent;box-shadow:0 0 0 2px;top:8px;left:2px}.HamBurgerIcon{z-index:60}.HamBurgerIcon label{display:flex;flex-direction:column;width:30px;cursor:pointer;margin:1.5em;justify-items:center}.HamBurgerIcon label span{background:var(--hamburgerIcon-BG-Clr);border-radius:50px;height:3px;margin:7% 0;transition:.4s cubic-bezier(.68,-.6,.32,1.6)}span:first-of-type{width:50%}span:nth-of-type(2){width:100%}span:nth-of-type(3){width:75%}input[type=checkbox]{display:none}input[type=checkbox]:checked~span:first-of-type{transform-origin:bottom;transform:rotate(45deg) translate(4px)}input[type=checkbox]:checked~span:nth-of-type(2){transform-origin:top;transform:rotate(-45deg)}input[type=checkbox]:checked~span:nth-of-type(3){transform-origin:bottom;width:50%;transform:translate(14px,-2px) rotate(45deg)}.homePage{width:100%;background-color:var(--background);transition-property:background-color;transition-duration:.5s}.frontPage,.mainPage{width:100%;height:100vh}.frontPage{display:flex;justify-content:center;align-items:center;gap:0;animation:fade-up 2s}.rizvi{border-radius:50%;background:linear-gradient(135deg,hsla(0,0%,56%,.1),hsla(0,0%,55%,0));backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);border:.5px solid hsla(0,0%,51%,.18);box-shadow:var(--showdow-box);width:80%;height:80%}.myPhoto{z-index:30}#MyName{display:flex;flex-wrap:nowrap;gap:5px}#MyName h2{font-size:3.4rem;color:var(--base-text-clr)}#Introduction{display:flex;flex-wrap:nowrap;gap:10px}#Introduction p{font-size:1rem;color:var(--base-text-clr);margin-top:1em}#Multiples-skills-text h4{font-size:1.2rem;color:var(--base-text-clr);display:flex;flex-wrap:nowrap;gap:7px;padding-top:5px}.MultiText{color:var(--multiples-text-type)}#downloadAndContactBTN{display:flex;justify-content:center}#downloadAndContactBTN button{margin:2em;padding:9px 18px;cursor:pointer;height:36px}#downloadAndContactBTN button:first-child{background-color:var(--first-front-page-button-bg);border:1px solid var(--first-front-page-button-border);color:var(--first-front-page-button-color);border-radius:20px;transition:all .1s ease-in 0s}#downloadAndContactBTN button:last-child{background-color:var(--second-front-page-button-bg);color:var(--second-front-page-button-color);border:1px solid var(--second-front-page-button-border);transition:all .1s ease-in 0s;border-radius:20px}#downloadAndContactBTN button:first-child:hover{transition:all .1s ease-in 0s;transform:translatey(-.2em);border-bottom:2px solid var(--first-front-page-button-border)}#downloadAndContactBTN button:last-child:hover{transition:all .1s ease-in 0s;transform:translatey(-.2em);border-bottom:2px solid var(--second-front-page-button-border)}.Descriptions{z-index:30}.socialMediaLinks{display:flex;justify-content:center;align-items:center}.AboutME{content:"";position:relative;z-index:30;width:100%;background-color:var(--background);height:300vh;margin-top:10rem}.AboutME_Contents:after{content:"";border-top-left-radius:60% 70%;border-top-right-radius:60% 70%;position:absolute;z-index:-1;width:100%;background-color:var(--cruves-backgroung-color);height:80vh}.AboutME_Contents{display:flex;justify-content:center;align-items:center;text-align:center}#Greeting h1{font-size:3rem;z-index:30;margin-top:10rem}#Greeting h1,#Greeting h2{color:var(--base-text-clr)}#Greeting h2{padding-top:2.2em}#Greeting p{font-size:1rem;color:var(--base-text-clr);padding:5rem 7rem;letter-spacing:2px}.UserNameContent{display:flex;width:100%;height:100vh;align-items:center;flex-direction:column;margin-top:2rem}.UserNameHeading h1{color:var(--base-text-clr);margin-top:6rem}.UserNameMain{display:flex;width:100%;height:100vh;justify-content:space-around;align-content:center;align-items:center;margin-top:1rem}.GetUserInputWarpper{content:"";width:30%;display:flex;align-content:center;background-color:var(--expandable-card-bg-front-hover-color);padding:4rem 2rem;border-radius:0;box-shadow:14px 15px 1px 1px rgba(143,99,163,.2);border:2px solid #000}.GetUserInputWarpper:hover{padding:4.5rem 2rem;cursor:pointer}svg{width:256px;height:256px}#smoke-1{animation:smoke 6s ease infinite}#smoke-1,#smoke-2{stroke-dasharray:0,10}#smoke-2{animation:smoke 6s ease .5s infinite}@keyframes smoke{0%{stroke-dasharray:0,10}50%{stroke-dasharray:10,0}to{stroke-dasharray:10,0;opacity:0}}#line-1{opacity:0;animation:writing 5s linear infinite forwards}#line-2{opacity:0;animation:writing 10s linear infinite forwards}#line-3{opacity:0;animation:writing 15s linear infinite forwards}#line-4{opacity:0;animation:writing 20s ease infinite forwards}@keyframes writing{0%{width:0;opacity:1}to{width:14px;opacity:1}}.group{position:relative;margin-top:1rem}.group input{font-size:18px;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-bottom:1px solid #fff;background-color:var(--expandable-card-bg-front-hover-color);color:var(--base-text-clr)}.group input:focus{outline:none}.group label{color:#fff;font-size:18px;font-weight:400;position:absolute;pointer-events:none;margin-left:.2rem;top:1rem;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}.group input:focus~label,input:valid~label{top:-1rem;font-size:14px;color:#fff}.bar{position:relative;display:block;width:80%}.bar:after,.bar:before{content:"";height:2px;width:0;bottom:1px;position:absolute;background:#fff;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}.bar:after{right:0}.group input:focus~.bar:before,input:focus~.bar:after{width:50%}.highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.group input:focus~.highlight{animation:inputHighlighter .3s ease}@keyframes inputHighlighter{0%{background:#fff}to{width:0;background:transparent}}.DeveloperName h2{margin-top:-2rem;color:#fff}.UserNameInputPara{margin-top:1rem;color:#fff}.InformationPara{margin:1rem 0;color:#fff}.UserNamebtn{display:flex;justify-content:center;align-content:center;margin-top:2.5rem}.UserNamebtn button{padding:.6rem 1.5rem;background-color:var(--cruves-backgroung-color);border-radius:2px;color:var(--base-text-clr);transition:all .1s ease-in 0s;transform:translatey(-.2em);border:none;cursor:pointer}.contentMyself{width:100%;height:100vh;background-color:var(--background);margin-top:3rem}.Pyramid{width:100%;margin-top:8rem;--c1:#d6d6d6;--c2:#8f8f8f;--c3:#353535;--c4:var(--background);height:100vh;background:corners bot}.MySelfBlock{height:100vh;justify-content:center}.MySelfBlock,.MySelfH1{display:flex;width:100%;align-items:center}.MySelfH1{flex-direction:column;align-content:center}.MySelfH1 h1{color:var(--base-text-clr)}.MySelfH1{margin-top:1rem}.MySelfIntroductionBlock{display:flex;justify-content:space-around;border-radius:20px;background:linear-gradient(135deg,hsla(0,0%,56%,.1),hsla(0,0%,55%,0));backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:blur(1.5px);border:.5px solid hsla(0,0%,51%,.18);box-shadow:var(--showdow-box);width:80%;height:81vh;margin-top:1.5rem}.MySelfCard{width:100%;height:80vh}.containerExpandableCard{width:100%;height:80vh;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;align-content:center}.expandable1{z-index:3}.expandable2{z-index:1}.expandablef1{z-index:2}.face1{border-top-right-radius:10px}.face2{border-bottom-left-radius:10px}.containerExpandableCard .card{cursor:pointer;width:40%;height:30vh}.containerExpandableCard .card .face{height:20vh;transition:.5s}.containerExpandableCard .card .face.face1{position:relative;background:var(--expandable-card-bg-front-color);display:flex;justify-content:center;align-items:center;transform:translateY(20px)}.containerExpandableCard .card:hover .face.face1{background:var(--expandable-card-bg-front-hover-color);transform:translateY(0)}.containerExpandableCard .card .face.face2{position:relative;background:var(--expandable-card-bg-back-color);display:flex;justify-content:center;align-items:center;box-sizing:border-box;box-shadow:var(--darker-showdow-box);transform:translateY(-100px)}.containerExpandableCard .card:hover .face.face2{transform:translateY(0)}.containerExpandableCard .card .face.face2 .content p{margin:0;padding:0}.containerExpandableCard .card .face.face1 .content{opacity:.8;transition:.5s}.containerExpandableCard .card:hover .face.face1 .content{opacity:1}.containerExpandableCard .card .face.face1 .content img{max-width:100px}.containerExpandableCard .card .face.face1 .content h3{padding:0;color:#fff;text-align:center;font-size:1.2em}.containerExpandableCard .card .face.face2 .content a{display:inline-block;text-decoration:none;font-weight:900;color:#333;padding:5px;border:1px solid #333}.containerExpandableCard .card .face.face2 .content a:hover{background:#333;color:#fff}.MySelfIntroductionPara{width:100%;height:50vh;display:flex;align-items:center;align-content:center;flex-direction:column;text-align:center;color:var(--base-text-clr)}.MySelfHeading1,.MySelfPara p{margin:2rem 1rem 0}.MySelfPara p{font:1.2rem}.MySelfBtn a{margin-top:2rem;display:inline-block;text-decoration:none;font-weight:900;color:var(--base-text-clr);padding:5px;border:1px solid #333}.MySelfBtn a:hover{background:var(--expandable-card-bg-front-hover-color);color:var(--base-text--oppo-clr)}.MySkillsCotents{content:"";background-color:var(--background);width:100%;height:150vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.MYSkillTabs{display:flex;width:90%;margin-top:-9rem}.tabs-container{position:relative;background-color:var(--multiples-text-type);width:120px;height:88vh;z-index:20;display:flex;flex-direction:column;border-top-left-radius:20px;border-Bottom-left-radius:20px}.tabs-container label{padding:.8rem .2rem;width:100%;color:#fff;cursor:pointer;border-bottom:1px solid #fff;position:relative}.tab-content{position:relative;background-color:var(--tab-background-color);width:calc(100% - 120px);min-height:40vh;padding:15px;box-sizing:border-box;z-index:19;display:flex;border-top-right-radius:20px;border-Bottom-right-radius:20px;box-shadow:var(--darker-showdow-box);color:var(--base-text-clr)}.tab-content:after{content:"";clear:both}input[name=tab]{display:none}input[name=tab]:checked+.tab-content{display:flex;animation:slide .5s forwards}@keyframes slide{0%{left:-10%;opacity:0}to{left:0;opacity:1}}.ProgrammingLan{width:100%;display:flex;flex-direction:column}.LanguageGrid{display:grid;grid-column-gap:10px;column-gap:10px;grid-row-gap:15px;row-gap:15px;grid-template-columns:20% 20% 20% 20%;grid-template-rows:25vh 25vh;justify-items:center;align-content:center;padding:2rem .5rem}.LanguageGrid,.lanBox{width:100%;justify-content:center;align-items:center}.lanBox{padding:1rem;display:flex;flex-direction:column;background-color:var(--expandable-card-bg-back-color);height:100%;color:var(--base-text-clr);cursor:pointer;transition:.3s;border-radius:10px}.lanBox:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-background);transition:.3s}.ProLanHeading h3{color:var(--base-text-clr);text-align:center;font-size:1.2em}@keyframes progress{0%{--percentage:0}to{--percentage:var(--value)}}@property --percentage{syntax:"<number>";inherits:true;initial-value:0}[role=progressbar]{--percentage:var(--value);--primary:var(--expandable-card-bg-front-hover-color);--secondary:var(--secondry-color);--size:80px;animation:progress 2s .5s forwards;width:var(--size);aspect-ratio:1;border-radius:50%;position:relative;overflow:hidden;display:grid;place-items:center}[role=progressbar]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:conic-gradient(var(--primary) calc(var(--percentage) * 1%),var(--secondary) 0);-webkit-mask:radial-gradient(#fff 55%,transparent 0);mask:radial-gradient(#fff 55%,transparent 0);mask-mode:alpha;-webkit-mask:radial-gradient(#0000 55%,#000 0);-webkit-mask-mode:alpha}[role=progressbar]:after{counter-reset:percentage var(--value);content:counter(percentage) "%";font-family:Helvetica,Arial,sans-serif;font-size:calc(var(--size) / 5);color:var(--primary)}.progresBar{margin-top:1rem;--value:95}.progresBar1{--value:95}.progresBar2{--value:90}.progresBar3{--value:70}.progresBar4{--value:80}.progresBar5{--value:75}.progresBar6{--value:45}.progresBar7{--value:43}.progresBar8{--value:80}.progresBar10,.progresBar9{--value:50}.progresBar11{--value:80}.progresBar12{--value:70}.progresBar13{--value:90}.progresBar14{--value:50}.progresBar15{--value:20}.progresBar16{--value:80}.progresBar17{--value:75}.progresBar18{--value:80}.progresBar19{--value:90}.progresBar20{--value:50}.progresBar21{--value:80}.progresBar22{--value:60}.progresBar23{--value:50}.progresBar24{--value:70}.progresBar25,.progresBar26,.progresBar27,.progresBar28,.progresBar29,.progresBar30{--value:90}.progresBar31{--value:60}.progresBar32{--value:90}.progresBar33,.progresBar34{--value:80}.progresBar35{--value:70}.progresBar36{--value:30}.MyTimeLine{content:"";width:100%;height:250vh;background-color:var(--background)}#ExperienceHeader{font-size:1.8rem;width:100%;height:15vh;color:var(--base-text-clr)}#ExperienceHeader,.design-section{display:flex;justify-content:center}.design-section{flex-direction:column;align-items:center;background-color:var(--background);min-height:100vh;padding:100px 0;font-family:Jost}.design{display:flex;align-items:center;justify-content:center}.timeline{width:100%;height:120vh;margin:0 auto;display:flex;flex-direction:column}.timeline-content{background:var(--expandable-card-bg-front-hover-color);border-radius:5px;color:#fff;padding:2rem;transition:.4s ease;overflow-wrap:break-word!important;margin:1rem 1rem 20px;border-radius:6px;transition:.3s}.timeline-content:hover{transform:translateY(5px);transition:.3s}.timeline-content h3{font-size:1.2rem;height:2.5rem;margin-top:-1rem;color:#fff}.timeline-content p{margin-top:.5rem}.timeline-component{margin:0 20px 20px}.SkillUsed{margin-top:2rem;width:100%;display:grid;grid-column-gap:5px;column-gap:5px;grid-row-gap:5px;row-gap:5px;grid-template-columns:25% 25% 25% 25%;grid-template-rows:5vh 5vh;justify-items:center;justify-content:left;align-content:center;font-size:.8rem;transition:.3s;cursor:pointer}.SkillUsed :hover{transform:translateY(-2px);box-shadow:var(--box-shadow-background);transition:.3s;background:var(--background);border-radius:5px;padding:.6rem .8rem;color:var(--base-text-clr)}.AboutBTN{margin-top:1rem}.AboutBTN button{padding:.5rem 1rem;border:none;border-radius:5px;color:var(--base-text-clr);cursor:pointer}.AboutBTN button,.MyEducation{background-color:var(--background)}.MyEducation{content:"";width:100%;height:200vh}.MyEducations{display:flex;width:100%;justify-content:center;align-items:center}.MyEducationContent{display:flex;justify-content:space-around;border-radius:20px;background:linear-gradient(135deg,hsla(0,0%,56%,.1),hsla(0,0%,55%,0));backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:blur(1.5px);border:.5px solid hsla(0,0%,51%,.18);box-shadow:var(--showdow-box);width:90%;height:85vh;margin-top:1.5rem}.SliderContainer{width:100%;height:inherit}.SliderContainer li{list-style:none}input[type=radio]{display:none}.js-slider{height:100vh;margin:0 auto}.js-slider_item{position:absolute;display:flex;justify-content:center;left:0;top:0;width:100%;height:100%;padding:1rem 3rem;opacity:0;visibility:hidden;transform-origin:right center;transform:translateZ(0) rotateY(30deg) scaleX(.95);transition:all 1s ease,transform 1s cubic-bezier(.43,.28,.51,1)}#s-1:checked~.js-slider .js-slider_item.img-1,#s-2:checked~.js-slider .js-slider_item.img-2,#s-3:checked~.js-slider .js-slider_item.img-3{opacity:1;visibility:visible;transform-origin:left center;transform:translateZ(0) rotateY(0deg) scaleX(1)}.js-slider_img{width:100%;height:100%}.CollegeName,.js-slider_img{display:flex;flex-direction:column}.CollegeName{width:150%;gap:2rem}.CollegeName,.CollegeName h2,.Js-slider-Education h1{color:var(--base-text-clr)}.CollegeName h2{font-size:2rem}.js-slider-Ed-details{height:100%;display:flex;justify-content:center;gap:3rem;width:100%;margin-top:2rem;margin-left:1rem}.Js-slider-Education{width:100%;display:flex;justify-content:left}.c-img-w-full{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:auto;transform:translate3d(-40%,-40%,0)}.c-img-h-full{position:absolute;top:50%;left:50%;width:auto;height:100%;transform:translate3d(-50%,-50%,0)}figcaption{display:block}.wo-h3{margin-top:4rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(  --expandable-card-bg-front-hover-color)}.c-label{display:inline-block;color:#eee;background-color:var(--expandable-card-bg-front-hover-color);line-height:1;padding:.2em .9em;margin-right:.5em;font-size:1.4rem;font-weight:700}.view-sm{display:none}.js-slider_nav{position:absolute;left:0;top:50%;width:100%;transform:translate3d(0,-50%,0)}.js-slider_nav_item.prev{left:0}.js-slider_nav_item.next{right:0;transform:rotateY(180deg)}.js-slider_nav_item{display:none;width:4rem;height:4rem;border:1px solid var(  --expandable-card-bg-front-hover-color);border-radius:50%;cursor:pointer}.js-slider_nav_item,.js-slider_nav_item:before{position:absolute;transition:all 1s cubic-bezier(.075,.82,.165,1)}.js-slider_nav_item:before{content:"";display:block;left:1rem;top:55%;width:1rem;height:1px;background-color:var(  --expandable-card-bg-front-hover-color);transform-origin:left bottom;transform:translate3d(0,-50%,0) rotate(-45deg)}.js-slider_nav_item:hover{transform:translate3d(-30%,0,0)}.js-slider_nav_item.next:hover{transform:rotateY(180deg) translate3d(-30%,0,0)}.js-slider_nav_item:hover:before{transform:translate3d(0,-50%,0) rotate(-30deg)}.js-slider_nav_item:after{content:"";position:absolute;top:55%;left:50%;width:2rem;height:1px;background-color:var(--expandable-card-bg-front-hover-color);transform:translate3d(-50%,-50%,0)}#s-1:checked~.js-slider .js-slider_nav .s-nav-1,#s-2:checked~.js-slider .js-slider_nav .s-nav-2,#s-3:checked~.js-slider .js-slider_nav .s-nav-3{display:block}.js-slider_indicator{position:absolute;left:0;top:63%;width:100%;text-align:center}.js-slider-indi{position:relative;display:inline-block;padding:2rem;cursor:pointer}.js-slider-indi:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;border-radius:1rem;background:var(--expandable-card-bg-front-hover-color);transform:translate3d(-50%,-50%,0)}.js-slider-indi:hover:after{transform:translate3d(-50%,-50%,0) scale(1.5);transition:all 1s cubic-bezier(.075,.82,.165,1)}#s-1:checked~.js-slider .js-slider_indicator .indi-1:after,#s-2:checked~.js-slider .js-slider_indicator .indi-2:after,#s-3:checked~.js-slider .js-slider_indicator .indi-3:after{transform:translate3d(-50%,-50%,0) scale(2.5)}.JS-imgslider{display:flex;justify-content:center;align-items:center;width:100%;height:50vh}.SliderIMG1{border-radius:30px}.SliderIMG1,.SliderIMG2,.SliderIMG3{width:100%;height:100%}.slider_container{width:90%;height:40vh;justify-content:center;overflow:hidden;cursor:pointer;transition-duration:.5s}.slider,.slider_container{border-radius:30px;display:flex;align-items:center}.slider{width:100%;height:100%;flex-direction:row;justify-content:space-between;animation:sliding 15s cubic-bezier(1,.95,.565,1) infinite}.slide{border-radius:30px;position:relative;min-width:100%;height:100%}.slide .caption{position:absolute;left:0;bottom:5%;font-size:5rem;font-weight:600;color:#fff;text-transform:capitalize;background:rgba(0,0,0,.348);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 5rem;border-radius:0 2rem 2rem 0}@keyframes sliding{0%{transform:translateX(0)}20%{transform:translateX(0)}25%{transform:translateX(-100%)}45%{transform:translateX(-100%)}50%{transform:translateX(-200%)}70%{transform:translateX(-200%)}75%{transform:translateX(-300%)}95%{transform:translateX(-300%)}to{transform:translateX(-400%)}}@media screen and (max-width:1186px){.MyTimeLine{height:250vh}.js-slider-Ed-details{flex-direction:column}.CollegeName{width:100%}.MyEducation{min-height:100vh}.MyEducationContent{min-height:90vh}.JS-imgslider{width:100%}.slider_container{width:96%}}@media screen and (min-width:768px){.timeline{display:grid;grid-template-columns:1fr 3px 1fr}.timeline-middle{position:relative;background-image:linear-gradient(45deg,#f27121,#e94057,#8a2387);width:3px;height:100%}.main-middle{opacity:0}.timeline-circle{position:absolute;top:0;left:50%;width:15px;height:15px;border-radius:50%;background-image:linear-gradient(45deg,#f27121,#e94057,#8a2387);transform:translateX(-50%)}}@media screen and (max-width:768px){.SideNAV{display:none}.HamBurgerIcon{display:flex;z-index:60}.Sub-SideNav{left:100%;transition-property:all;transition-timing-function:ease-in-out;transition-duration:.5s}.Sub-SideNav,.Sub-SideNav-on-click{z-index:40;bottom:.1em;position:fixed;display:flex;width:50%;height:100%;background:var(--background);box-shadow:var(--showdow-box)}.Sub-SideNav-on-click{left:50%;transition:all .5s ease-in}.menuItems{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;color:var(--base-text-clr)}.frontPage,.menuItems{flex-direction:column}.rizvi{margin-left:1.5em}#Greeting h1{font-size:1.8rem;padding:0 2rem}#Greeting h2{padding-top:2.2em;font-size:1rem}#Greeting p{font-size:.7rem;padding:5rem 2rem;letter-spacing:2px}.UserNameMain{display:flex;flex-direction:column;margin-top:10rem;justify-content:space-around;gap:6rem}.GetUserInputWarpper{width:60%}.UserNameHeading h1{font-size:1.5em}.contentMyself{height:200vh}.Pyramid{margin-top:30rem}.MySelfIntroductionBlock{width:90%;height:180vh;flex-direction:column;margin-top:30rem}.LanguageGrid{grid-template-columns:50% 50%;grid-template-rows:25vh 25vh 25vh;width:100%}.tabs-container{height:150vh}.timeline-content h3{font-size:1rem}.Js-slider-Education h1{font-size:2rem}.CollegeName h2{font-size:1.2rem}.CollegeName h3{font-size:.9rem}}@media screen and (max-width:481px){.SideNAV{display:none}.HamBurgerIcon{display:flex;z-index:60}.Sub-SideNav{left:100%;transition-property:all;transition-timing-function:ease-in-out;transition-duration:.5s}.Sub-SideNav,.Sub-SideNav-on-click{z-index:40;bottom:.1em;position:fixed;display:flex;width:50%;height:100%;background:var(--background);box-shadow:var(--showdow-box)}.Sub-SideNav-on-click{left:50%;transition:all .5s ease-in}.menuItems{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;gap:10px;color:var(--base-text-clr)}#Greeting h1{font-size:1.8rem;padding:0 2rem}#Greeting h2{padding-top:2.2em;font-size:1rem}#Greeting p{font-size:.7rem;padding:5rem 2rem;letter-spacing:2px}.UserNameMain{display:flex;justify-content:space-around}.GetUserInputWarpper{width:80%}.contentMyself{height:200vh}.Pyramid{margin-top:30rem}.MySelfIntroductionBlock{width:90%;height:180vh;flex-direction:column;margin-top:30rem}.MySelfFirstHeading h1{font-size:1.5rem}.MySelfHeading1 h3,.MySelfPara p{font-size:1rem}.MySelfQualities{margin-top:15rem}.LanguageGrid{grid-template-columns:50% 50%;grid-template-rows:25vh 25vh 25vh;width:100%}.tabs-container{height:150vh}.ProLanHeading h3{font-size:.9em}.SkillFirstHeading h1{font-size:1.2rem}.Js-slider-Education h1{font-size:1.5rem}.CollegeName h2{font-size:.9rem}.CollegeName h3{font-size:.7rem}}@media screen and (max-width:390px){.MyTimeLine{height:300vh}}