:root{--default-bg:#fafafa}.w-20{width:20%}.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.pad-r-20{padding-right:20px}.pad-l-20{padding-left:20px}.pad-t-20{padding-top:20px}.pad-b-20{padding-bottom:20px}.pad-x-20{padding-right:20px;padding-left:20px}.pad-y-20{padding-bottom:20px;padding-top:20px}.gap-20{gap:20px}.pad-r-25{padding-right:25px}.pad-l-25{padding-left:25px}.pad-t-25{padding-top:25px}.pad-b-25{padding-bottom:25px}.pad-x-25{padding-right:25px;padding-left:25px}.pad-y-25{padding-bottom:25px;padding-top:25px}.gap-25{gap:25px}.pad-r-50{padding-right:50px}.pad-l-50{padding-left:50px}.pad-t-50{padding-top:50px}.pad-b-50{padding-bottom:50px}.pad-x-50{padding-right:50px;padding-left:50px}.pad-y-50{padding-bottom:50px;padding-top:50px}.gap-50{gap:50px}.pad-r-75{padding-right:75px}.pad-l-75{padding-left:75px}.pad-t-75{padding-top:75px}.pad-b-75{padding-bottom:75px}.pad-x-75{padding-right:75px;padding-left:75px}.pad-y-75{padding-bottom:75px;padding-top:75px}.gap-75{gap:75px}.pad-r-100{padding-right:100px}.pad-l-100{padding-left:100px}.pad-t-100{padding-top:100px}.pad-b-100{padding-bottom:100px}.pad-x-100{padding-right:100px;padding-left:100px}.pad-y-100{padding-bottom:100px;padding-top:100px}.gap-100{gap:100px}.about .brands{padding:64px 0 112px}.about .certificates{gap:100px}@media only screen and (max-width:1024px){.about .certificates{gap:40px}}.about .certificate-list{display:flex;gap:20px;margin-top:24px}.about .certificate-list .item{flex:1 1;transition:all .3s}.about .certificate-list .item img{width:100%}.about .certificate-list .item:hover{transform:scale(1.1)}.about .timeline-container{position:relative;width:100%;height:885px;overflow:hidden}@media only screen and (max-width:1024px){.about .timeline-container{height:750px}}@media only screen and (max-width:576px){.about .timeline-container{height:680px}}.about .timeline-container .overlay{position:absolute;background:linear-gradient(0deg,#fafafa,#0000 20%,#0000 80%,#fafafa);width:100%;height:100%;top:0;left:0;z-index:1}.about .timeline-container:before{content:"";width:12px;height:100%;position:absolute;left:50%;background:repeating-linear-gradient(180deg,#0000,#0000 15px,#a1afff 0,#a1afff 16px);transform:translate(-50%)}@media only screen and (max-width:1024px){.about .timeline-container:before{left:0;transform:translate(0)}}.about .timeline-container .timeline{width:100%;display:flex;flex-direction:column;position:absolute;animation:scrollLoop var(--timeline) linear infinite;gap:15px}@media only screen and (max-width:1024px){.about .timeline-container .timeline{gap:71px}}.about .timeline-container .timeline .item{width:100%;display:flex;align-items:center}@media only screen and (max-width:1024px){.about .timeline-container .timeline .item{flex-direction:row-reverse}}.about .timeline-container .timeline .item .content{border:1px solid #e5e5e5;background:#f5f5f5;border-radius:5px;padding:24px;width:calc(50% - 45px - 17px)}@media only screen and (max-width:1024px){.about .timeline-container .timeline .item .content{width:calc(100% - 45px - 17px);display:flex;gap:16px}}@media only screen and (max-width:576px){.about .timeline-container .timeline .item .content{flex-direction:column}}.about .timeline-container .timeline .item .content .icon{width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}@media only screen and (max-width:576px){.about .timeline-container .timeline .item .content .icon{width:32px;height:32px}}.about .timeline-container .timeline .item .content .icon img{width:25px;height:25px;object-fit:contain;display:block}.about .timeline-container .timeline .item .content .details{margin-top:16px}@media only screen and (max-width:1024px){.about .timeline-container .timeline .item .content .details{margin:0;width:calc(100% - 48px - 16px)}}.about .timeline-container .timeline .item .content .details p{color:#0a0a0a;font-size:20px;line-height:26px;font-weight:500}@media only screen and (max-width:1024px){.about .timeline-container .timeline .item .content .details p{font-size:16px}}.about .timeline-container .timeline .item .date{width:45px;text-align:center;display:flex;align-items:center;font-size:12px;color:#4032d0;gap:7px;justify-content:center;position:relative}.about .timeline-container .timeline .item:after{content:"";width:24px;height:2px;background:#4032d0;display:block}.about .timeline-container .timeline .item:nth-child(2n+2),.about .timeline-container .timeline .item:nth-child(2n+2) .date{flex-direction:row-reverse}@keyframes scrollLoop{0%{transform:translateY(30%)}23%{transform:translateY(0)}to{transform:translateY(-100%)}}