.company_history.vertical_alternating{width:100%;}
.company_history.vertical_alternating .history_wrapper{position:relative;padding:2em 0;margin-top:2em;margin-bottom:2em;}
@media only screen and (min-width: 1170px) {
.company_history.vertical_alternating .history_wrapper{margin-top:3em;margin-bottom:3em;}
}
.company_history.vertical_alternating .history_wrapper::before{content:"";position:absolute;top:0;left:50%;height:100%;width:1px;margin-left:2px;background:#d9d9d9;}
@media only screen and (min-width: 1170px) {
.company_history.vertical_alternating .history_wrapper::before{left:50%;margin-left:-2px;}
}
.company_history.vertical_alternating .history-item{position:relative;margin:50px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
@media(max-width:767px){
.company_history.vertical_alternating .history-item{margin:70px 0;justify-content:center;padding:0 20px;}
}
@media(min-width:768px) and (max-width:1023px){
.company_history.vertical_alternating .history-item{flex-direction:column;justify-content:center;margin:100px 0;}
}
.company_history.vertical_alternating .history-item:nth-child(even){flex-direction:row-reverse;}
.company_history.vertical_alternating .history-item:nth-child(even) .image-wrapper{text-align:right;}
.company_history.vertical_alternating .history-item:first-child{margin-top:0;}
.company_history.vertical_alternating .history-item:last-child{margin-bottom:0;}
.company_history.vertical_alternating .point-no-icon{position:absolute;top:50%;width:9px;height:9px;left:50%;margin-left:-6px;background-color:var(--con_third_color);}
@media(max-width:767px){
.company_history.vertical_alternating .point-no-icon{top:-30px;margin-left:-2px;}
}
@media(min-width:768px) and (max-width:1023px){
.company_history.vertical_alternating .point-no-icon{top:-40px;margin-left:-4px;}
}
@media(min-width:1024px) and (max-width:1170px){
.company_history.vertical_alternating .point-no-icon{margin-left:-3.5px;}
}
.company_history.vertical_alternating .point{position:absolute;top:calc(50% - 48px / 2);left:calc(49.8% - 48px / 2);font-size:20px;width:48px;height:48px;border-radius:100%;background-color:#f1f1f1;display:flex;align-items:center;justify-content:center;}
.company_history.vertical_alternating .point .point_icon{width:100%;text-align:center;color:var(--con_third_color);}
.company_history.vertical_alternating .year-wrapper .year{font-size:24px;line-height:28px;color:var(--con_third_color);font-weight:500;font-family:var(--con_secondary_font_family);}
.company_history.vertical_alternating .item-title-wrapper .item-title{padding-top:0;margin-bottom:10px;margin-top:10px;font-family:var(--con_primary_font_family);font-size:18px;line-height:28px;font-weight:600;color:var(--con_base_color);}
.company_history.vertical_alternating .item-title-wrapper .item-title:before, .company_history.vertical_alternating .item-title-wrapper .item-title:after{display:none;}
.company_history.vertical_alternating .item-description-wrapper .item-description{font-size:14px;line-height:24px;font-family:var(--con_secondary_font_family);color:#9a9a9a;font-weight:400;}
.company_history.vertical_alternating .item-info{position:relative;margin-left:60px;background:#ffffff;padding:30px;box-shadow:0px 4px 40px 0px #0000000F;}
@media only screen and (min-width: 1170px) {
.company_history.vertical_alternating .item-info{margin-left:0;width:40%;}
}
@media(max-width:767px){
.company_history.vertical_alternating .item-info{margin-left:0;margin-bottom:30px;}
}
@media(min-width:768px) and (max-width:1023px){
.company_history.vertical_alternating .item-info{margin-left:0;margin-bottom:30px;width:80%;}
}
@media(min-width:1024px) and (max-width:1170px){
.company_history.vertical_alternating .item-info{margin-left:0;}
}
@media only screen and (min-width: 1170px) {
.company_history.vertical_alternating .item-info:before{top:24px;left:100%;border-color:transparent;border-left-color:#ffffff;}
}
.company_history.vertical_alternating .image-wrapper{width:40%;}
.company_history.vertical_alternating .image-wrapper img{width:100%;-o-object-fit:cover;object-fit:cover;}
@media(max-width:767px){
.company_history.vertical_alternating .image-wrapper{width:100%;}
}
@media(min-width:768px) and (max-width:1023px){
.company_history.vertical_alternating .image-wrapper{width:80%;}
}
@media(min-width:1024px) and (max-width:1170px){
.company_history.vertical_alternating .image-wrapper {
width: 43%; } }