.about-layout{justify-content:space-between;gap:0;margin-top:30px;display:flex}.about-layout h2{color:var(--primary);text-align:right}.about-layout .right-part{flex-direction:column;gap:15px;width:53%;display:flex}.about-layout .right-part p{text-align:justify}.about-layout .left-part{justify-content:flex-end;width:43%;display:flex}.about-layout .left-part img{width:100%;max-width:500px}@media (width<=992px){.about-layout{flex-direction:column-reverse;gap:20px}.about-layout .left-part,.about-layout .right-part{width:100%}.about-layout h2{text-align:center}.about-layout .left-part img{width:100%;max-width:500px;margin:auto}}.about-detail-layout{flex-wrap:wrap;justify-content:space-between;row-gap:0;margin:80px 0;display:flex}.about-detail-layout .detail-item{width:23%;display:flex}.about-detail-layout .detail-item .detail-right{background-color:var(--primary);border-start-start-radius:6px;border-end-start-radius:6px;width:12px;height:60px;margin-top:20px}.about-detail-layout .detail-item .detail-left{border:1px solid var(--grey220);background-color:var(--secondary);border-radius:6px;flex-direction:column;gap:10px;width:calc(100% - 12px);padding:20px;display:flex}.about-detail-layout .detail-item .detail-left p:first-child{color:var(--primary);font-weight:700}.about-detail-layout .detail-item .detail-left p{text-align:justify;font-size:14px}@media (width<=992px){.about-detail-layout{row-gap:30px;margin:50px 0}.about-detail-layout .detail-item{width:48%;display:flex}}@media (width<=768px){.about-detail-layout .detail-item{width:100%}}.history-layout{justify-content:space-between;align-items:center;row-gap:0;margin:30px 0 50px;display:flex}.history-layout .history-right{text-align:center;width:20%}.history-layout .history-right img{border-radius:8px;width:100%;max-width:500px}.history-layout .history-left{text-align:justify;flex-direction:column;gap:20px;width:78%;display:flex}.history-layout .history-left h3{color:var(--primary);text-align:right}@media (width<=992px){.history-layout .history-right{width:30%}.history-layout .history-left{width:68%}}@media (width<=768px){.history-layout{flex-direction:column;row-gap:20px}.history-layout .history-right,.history-layout .history-left{width:100%}.history-layout .history-left h3{color:var(--primary);text-align:center}}