.experience-main{width:100%}.basic-experience{margin-left:5%;margin-right:5%}.experience-heading-div{display:flex}.experience-heading-div>*{flex:1}.experience-heading-img-div{justify-content:center;align-items:center}.experience-heading-text-div{text-align:center}.experience-heading-img-div>*{max-width:100%;height:auto}.experience-heading-text{font-size:56px;font-weight:400;font-family:var(--font-google-sans), sans-serif;text-align:center;margin-top:80px;font-weight:500;line-height:1.1}.experience-heading-sub-text{font-size:30px;font-family:var(--font-google-sans), sans-serif;text-align:center;margin-bottom:10px}.experience-header-detail-text{font-size:20px;line-height:30px;font-family:var(--font-google-sans), sans-serif;margin-top:0;margin-left:20px;margin-right:20px;font-weight:500}.experience-timeline-section{padding:3rem 0}.experience-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.experience-tab{font-family:var(--font-google-sans), sans-serif;cursor:pointer;background:0 0;border:2px solid;border-radius:30px;padding:.8rem 2rem;font-size:1rem;font-weight:500;transition:all .3s}.experience-tab:hover{transform:translateY(-2px)}.experience-tab.active{color:#fff}.experience-timeline{max-width:1000px;margin:0 auto;padding:2rem 0;position:relative}.experience-timeline:before{content:"";opacity:.3;border-radius:2px;width:3px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.timeline-item{justify-content:center;align-items:flex-start;margin-bottom:3rem;display:flex;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-dot{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.timeline-dot:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px}.timeline-card{border-radius:16px;width:calc(50% - 50px);padding:1.5rem;transition:all .3s;position:relative}.timeline-card:hover{transform:translateY(-5px)}.timeline-card-header{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.company-logo{object-fit:contain;border-radius:12px;flex-shrink:0;width:60px;height:60px;padding:5px}.timeline-card-info{flex:1}.timeline-card-title{font-size:1.3rem;font-family:var(--font-google-sans), sans-serif;margin:0 0 .3rem;font-weight:500}.timeline-card-company{font-size:1rem;font-family:var(--font-google-sans), sans-serif;margin:0}.timeline-card-company a{text-decoration:none;transition:all .2s}.timeline-card-company a:hover{text-decoration:underline}.timeline-card-meta{flex-wrap:wrap;gap:.8rem;margin-bottom:1rem;display:flex}.meta-badge{font-size:.85rem;font-family:var(--font-google-sans), sans-serif;border-radius:20px;align-items:center;gap:.3rem;padding:.4rem .8rem;display:inline-flex}.timeline-card-description{font-size:.95rem;line-height:1.7;font-family:var(--font-google-sans), sans-serif}.timeline-card-description p{margin:.5rem 0}@media (max-width:1380px){.experience-heading-text{margin-top:80px;font-size:50px}.experience-heading-sub-text{font-size:25px}.section-title{font-size:35px}}@media (max-width:1024px){.experience-timeline:before,.timeline-dot{left:30px}.timeline-item,.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){flex-direction:row;justify-content:flex-start;padding-left:70px}.timeline-card{width:100%}}@media (max-width:768px){.experience-heading-text{margin-top:20px;font-size:30px}.experience-heading-sub-text{font-size:20px}.experience-heading-div{flex-direction:column}.experience-header-detail-text{text-align:center;margin-right:0;font-size:16px;line-height:normal}.section-title{font-size:30px}.timeline-card-header{flex-direction:column;align-items:flex-start}.company-logo{width:50px;height:50px}.timeline-card-title{font-size:1.1rem}.timeline-card-meta{flex-direction:column;gap:.5rem}.experience-tabs{gap:.5rem}.experience-tab{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width:480px){.timeline-item,.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){padding-left:50px}.experience-timeline:before{left:15px}.timeline-dot{width:16px;height:16px;left:15px}.timeline-dot:after{width:8px;height:8px}}