section.timeline-hero-area{background:var(--t1-color);position:relative;display:flex;padding:6px 0 104px 0}section.timeline-hero-area .txtContent{margin-top:36px}.txtContent h6{color:var(--s-color);font-family:var(--ff-cp-medium);font-size:18px;margin:18px 0}.txtContent h1{color:var(--p-color);max-width:530px;padding-top:10px}.txtContent h1 span{color:var(--s-color)}.txtContent p{color:var(--p-color)}.txtContent{float:left;width:49.4%}.imgContent{float:right;width:40.3%}.timeline-hero__bg__span{transform-origin:bottom left;background:var(--w-color);height:100%;display:block;width:100%;position:absolute;z-index:0;transform:skewY(-11deg);top:0}section.timeline-hero-area .container{z-index:2;overflow:visible}section.timeline-blank-section{height:200px;position:relative;background:var(--t1-color);overflow:hidden}.timeline-blank-section__bg__span{transform-origin:top left;background:var(--p-color);height:123%;display:block;width:100%;position:absolute;z-index:0;transform:skewY(6deg)}section.about-us-decade{position:relative;display:flex;padding-bottom:200px}.timeline-hero__bg__span2{transform:matrix(1,-.25,0,1,0,0);transform-origin:bottom left;background:var(--p-color);height:95%;display:block;width:100%;position:absolute;z-index:-1;transform:skewY(-10.9deg)}section.about-us-decade .container{z-index:2;overflow:visible}section.about-us-decade .txtContent p{color:var(--t1-color);margin:25px 0}section.about-us-decade .txtContent h2{font-family:var(--ff-cp-medium);font-size:40px;color:var(--s-color);margin-bottom:24px;margin-top:32px}section.about-us-decade .txtContent{width:47.5%}section.about-us-decade .imgContent{width:47.5%}section.about-us-decade .txtContent h6{color:var(--w-color);font-size:25px;line-height:20px;font-family:var(--ff-cp-medium);margin-top:38px;margin-bottom:-7px}.top-section{text-align:center;padding:4rem 0;max-width:600px;margin:0 auto}.timeline{position:relative;min-height:150px;padding:8px 0}.line{position:absolute;z-index:1;left:calc(50% - 1px);top:0;width:1px;background:var(--s-color);display:none;border-radius:100px}.line::after{display:block;content:'';left:50%}.section:nth-child(2n) .content{position:relative;text-align:right!important;align-items:flex-end!important}.line:after{bottom:0}.section{display:flex;opacity:0;transform:translateX(-10%);transition:.6s ease;position:relative;z-index:1;padding:36px 0;align-items:center;min-height:274px}.section:nth-child(odd){flex-direction:row-reverse;transform:translateX(10%)}.bead{position:absolute;display:block;height:30px;width:30px;border-radius:50%;background-color:var(--s-color);left:50%;top:55px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}.bead:before{content:url(https://outsourced.ph/wp-content/uploads/2023/02/timeline-angle.svg);margin-top:3px}.section:nth-child(2n) .bead:before{content:url(https://outsourced.ph/wp-content/uploads/2023/02/timeline-angle.svg);transform:rotate(180deg);padding-top:6px;padding-left:2px}.timeline-section .content{width:calc(50% - 2rem);text-align:right;flex-direction:column;align-items:flex-end}.section:nth-child(odd) .content{align-items:start;text-align:left}.timeline-section .content h2{font-size:32px;color:var(--p-color);font-family:var(--ff-cp-medium);margin:0;line-height:40px;letter-spacing:-.01em}.timeline-txtContent p{color:var(--p2-color);margin-top:17px}p.timeline-date{color:var(--s-color)!important;font-family:var(--ff-cp-medium);margin:11px 0}.show-me:nth-child(n){transform:none;opacity:1}.content h2{font-weight:400;letter-spacing:1px}section.timeline-section:before{z-index:3;content:'';background:linear-gradient(0deg,#ffffff00 0,#fffffff2 100%);position:absolute;top:0;height:70px;width:100%}section.timeline-section:after{z-index:3;content:'';background:linear-gradient(180deg,#ffffff00 0,#fffffff2 100%);position:absolute;height:70px;width:100%}section.timeline-section{position:relative;margin-bottom:130px}.timeline-icon{background:var(--t1-color);width:66px;height:66px;display:flex;align-items:center;justify-content:center;border-radius:50%}.timeline-icon img{min-width:40px;max-width:40px;height:40px}.timeline-txtContent{max-width:358px}.timeline-content{padding:80px 0 64px 0}.page-template-about-us-timeline .container::after,.page-template-about-us-timeline .container::before{display:none}@media(max-width:1024px){section.timeline-hero-area .content{flex-direction:column}section.about-us-decade .txtContent h6{margin-top:0}section.timeline-hero-area .txtContent{padding-top:0;margin-top:16px}.txtContent h6{margin-bottom:0}.txtContent{float:left;width:100%;text-align:center}.txtContent h1{max-width:unset}.imgContent{float:right;width:100%;text-align:center}section.about-us-decade .content{flex-direction:column}section.about-us-decade .txtContent{width:100%;text-align:left}section.about-us-decade .imgContent{width:100%;padding-top:40px}section.timeline-blank-section{height:140px}section.timeline-hero-area{padding:6px 0 26px 0}.timeline-hero__bg__span2{width:200%;left:-100%}}@media(max-width:767px){.line{left:calc(10% - 1px)}.timeline-section .content{width:calc(90% - 2rem)}.bead{left:6.5%}.section:nth-child(2n) .content{align-items:flex-start!important;text-align:left!important}.section{flex-direction:row-reverse;transform:translateX(10%)}.section:nth-child(2n) .bead:before{transform:rotate(0);padding-left:0;padding-top:3px}.bead:before{margin:0;padding-top:3px}.timeline-txtContent{max-width:100%}}@media(max-width:640px){.txtContent{text-align:left}.txtContent h1{font-size:40px;line-height:50px}section.timeline-blank-section{height:100px}.bead{left:calc(9% - 10px)}section.about-us-decade{padding-bottom:120px}.timeline-hero__bg__span2{width:400%;left:-300%}}