.about-page{width:min(1200px,92%);margin:auto;padding:60px 0}@media screen and (max-width:768px){.about-page{padding:40px 0}}.about-page__header{text-align:center;margin-bottom:50px}.about-page__header span{display:inline-block;padding:8px 18px;border-radius:30px;background:rgba(15,76,92,.08);color:#0f4c5c;font-size:13px;font-weight:700;letter-spacing:2px}.about-page__header h1{margin-top:18px;font-size:38px;color:#1d1d1d;font-weight:800}@media screen and (max-width:768px){.about-page__header h1{font-size:38px}}@media screen and (max-width:400px){.about-page__header h1{font-size:30px}}.about-page__header p{max-width:700px;margin:0 auto;color:#777;line-height:1.7;font-size:16px}@media screen and (max-width:400px){.about-page__header p{font-size:14px;line-height:1.4}}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:40px;top:0;bottom:0;width:2px;background:#d9e4e7}@media screen and (max-width:768px){.timeline:before{display:none}}.timeline__item{position:relative;margin-bottom:100px}.timeline__line{position:absolute;left:0;top:20px;width:80px;display:flex;justify-content:center}@media screen and (max-width:768px){.timeline__line{display:none}}.timeline__line span{width:40px;height:40px;border-radius:50%;background:#0f4c5c;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;z-index:2}.timeline__content{margin-left:120px;display:flex;align-items:center;gap:60px}@media screen and (max-width:768px){.timeline__content{margin-left:0;flex-direction:column;gap:30px}}.timeline__text{flex:1}.timeline__text h2{font-size:34px;color:#0f4c5c;margin-bottom:18px;position:relative}@media screen and (max-width:768px){.timeline__text h2{font-size:26px}}.timeline__text h2:after{content:"";width:70px;height:3px;background:#0f4c5c;display:block;margin-top:10px;border-radius:30px}.timeline__text p{color:#666;line-height:1.4;font-size:15px;text-align:justify}.timeline__image{flex:0 0 420px;height:320px;position:relative;border-radius:24px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.08)}@media screen and (max-width:768px){.timeline__image{width:100%;flex:none;height:280px}}.timeline__image img{-o-object-fit:cover;object-fit:cover;transition:.5s}.timeline__image:hover img{transform:scale(1.08)}@media screen and (max-width:1024px){.timeline .reverse .timeline__content{flex-direction:row-reverse}}@media screen and (max-width:768px){.timeline .reverse .timeline__content{flex-direction:column}}