.my-details{padding-top:8rem;margin-left:7rem;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:40px}.top-row{display:flex;.col-text{max-width:60%}.col-img{max-width:40%;align-content:center}}.my-details .tagline{padding:8px 10px;background:linear-gradient(90.21deg,rgba(170,54,124,.5) -5.91%,rgba(74,47,189,.5) 111.58%);border:1px solid hsla(0,0%,100%,.5);font-size:20px;margin-bottom:16px;display:inline-block}.my-details .tagline,.my-details h1{color:#fff;font-weight:700;letter-spacing:.8px}.my-details h1{font-family:ProximaNova;font-size:65px;line-height:1;margin-bottom:20px;display:block}.my-details p{color:#fff;font-size:18px;letter-spacing:.8px;line-height:1.5em;margin-top:20px}.my-details button{color:#fff;font-weight:700;font-size:20px;margin-top:60px;letter-spacing:.8px;display:flex;align-items:center}.my-details button svg{font-size:25px;margin-left:10px;transition:.3s ease-in-out;line-height:1}.my-details button:hover svg{margin-left:25px}.my-details img{animation:updown 3s linear infinite;max-width:100%;height:auto;margin-top:-100px}@keyframes updown{0%{transform:translateY(-20px)}50%{transform:translateY(20px)}to{transform:translateY(-20px)}}.txt-rotate>.wrap{border-right:.08em solid #666}.logoImage{width:100%;display:flex;justify-content:center;margin-bottom:20px}@media (min-width:768px){.my-details{flex-direction:row;text-align:left}.my-details .logoImage{order:2}.my-details .tagline,.my-details h1,.my-details p{text-align:left}}@media (max-width:768px){.my-details{margin-left:0;padding-top:4rem;flex-direction:column;text-align:center;gap:0}.my-details h1{font-size:40px}.my-details .tagline,.my-details p{font-size:16px}}@media (max-width:580px){.top-row{display:block;.col-img,.col-text{max-width:100%}.col-img{padding-top:85px}}}@media (max-width:480px){.top-row{display:block;.col-img,.col-text{max-width:100%}.col-img{padding-top:85px}}.my-details h1{font-size:30px}.my-details p{font-size:14px}.logoImage{margin-bottom:30px}}.container-tech{padding-top:15rem}.tech{margin:2rem 0;padding:0 0 1em;position:relative}.tech-bx{background-color:rgba(0,0,0,.6);box-shadow:0 0 30px rgba(255,0,155,.2);border-radius:64px;text-align:center;padding:60px 50px;margin-top:-60px;animation:appear 5s linear;animation-timeline:view();animation-range:entry 0 cover 40%}.tech h2{font-size:45px;font-weight:700}.tech p{color:#b8b8b8;font-size:18px;letter-spacing:.8px;line-height:1.5em;margin:14px 0 75px}.technologies{padding:0 0 50px;position:relative;margin-top:3rem;margin-bottom:3rem}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;justify-items:center;align-items:center}.tech-item{display:flex;flex-direction:column;align-items:center;animation-range:entry 0 cover 60%}.tech-item:hover{transform:scale(1.1);box-shadow:0 8px 16px rgba(0,0,0,.2)}.tech-logo{width:80px;height:80px;margin-bottom:10px;transition:transform .3s}.tech-item:hover .tech-logo{transform:rotate(10deg)}p{font-weight:700;text-align:center}@media (max-width:768px){.tech-bx{padding:40px 30px;margin-top:-40px}.tech h2{font-size:36px}.tech p{font-size:16px;margin:14px 0 40px}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;padding:10px}.tech-item{flex-direction:column;align-items:center;margin-bottom:30px}.tech-logo{width:60px;height:60px}.tech-item:hover{transform:scale(1.05)}p{font-size:14px}}@media (max-width:480px){.tech-bx{padding:30px 20px}.tech h2{font-size:28px}.tech p{font-size:14px;margin:10px 0 30px}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.tech-logo{width:50px;height:50px}.tech-item:hover{transform:scale(1.05)}p{font-size:12px}}.container-exp{padding-top:15rem}.exp{margin:2rem 0;padding:0 0 1em;position:relative}.exp-bx{background-color:rgba(0,0,0,.6);box-shadow:0 0 30px rgba(255,0,155,.2);border-radius:64px;text-align:center;padding:60px 50px;margin-top:-60px;animation:appear 5s linear;animation-timeline:view();animation-range:entry 0 cover 20%}@keyframes appear{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}.exp h2{font-size:45px;font-weight:700}.exp h3{font-size:30px;font-weight:600}.exp h4{font-size:20px;font-weight:500}.exp p,.exp-desc{margin:14px 0 75px}.exp p,.exp-container,.exp-desc{color:#b8b8b8;font-size:18px;letter-spacing:.8px;line-height:1.5em}.exp-company-details{display:flex;gap:20px;padding-top:10px;align-items:center}.exp-duration{margin-left:auto;margin-top:4px}.exp-location{text-align:left;padding-bottom:6px}.exp-designation{padding-top:10px;font-size:25px;text-align:left;font-weight:600}.exp-project-section{padding:20px;text-align:left}.proj-item .proj-details{font-weight:500;font-size:20px;display:flex;justify-content:space-between}.proj-details .proj-name{margin-left:7px}.proj-detail-title{display:flex}.proj-technologies{margin-top:5px;display:flex;gap:10px}@keyframes fadeUp{to{transform:translateY(0);opacity:1}}.tech-item .tech-item-logo{height:40px;width:40px}.tech-item{opacity:0;animation:fadeUp 5s ease-out forwards;animation-timeline:view();animation-range:entry 0 cover 40%}.project-points{padding:20px}.point-item{opacity:0;transform:translateY(20px);animation:fadeSlideUp 4.5s ease forwards;animation-timeline:view();animation-range:entry 0 cover 60%}@keyframes fadeSlideUp{to{opacity:1;transform:translateY(0)}}.project-points .point-item{padding-bottom:0}ul{list-style-type:square;padding-left:20px}@media (max-width:768px){.exp-bx{padding:40px 30px;margin-top:-40px}.exp h2{font-size:36px}.exp p{margin:10px 0 50px}.exp p,.exp-container{font-size:16px}.exp-company-details{flex-direction:column;gap:15px;align-items:flex-start}.exp-duration{margin-left:0;margin-top:0}.exp-designation{font-size:22px}.exp-project-section{padding:15px}.proj-item .proj-details{font-size:18px}.proj-technologies{flex-direction:row;gap:8px}.tech-item .tech-item-logo{width:35px;height:35px}.project-points{padding:15px;flex-direction:column;gap:12px}.project-points .point-item{font-size:16px}.exp-comp-image{align-self:center}}@media (max-width:480px){.exp-bx{padding:30px 20px}.exp h2{font-size:28px}.exp p{margin:8px 0 30px}.exp p,.exp-container{font-size:14px}.exp-company-details{flex-direction:column;gap:10px}.exp-designation{font-size:20px}.exp-project-section{padding:10px}.proj-item .proj-details{font-size:16px}.proj-technologies{flex-direction:row;gap:5px}.tech-item .tech-item-logo{width:10px;height:10px}.project-points{padding:10px}.project-points .point-item{font-size:14px}.exp-comp-image{align-self:center}}