.ms-flex { display: flex; }
.ms-f-center { display:flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.btn-cta { background-color: #f7523c; }
.btn-cta:hover { background-color: #C54130; }

.motorsport-header { padding-top: 50px; padding-bottom: 50px; }
.motorsport-ul-bullets { padding: 0; display: flex; flex-wrap: wrap; gap: 5px; max-width: 250px; margin: 40px auto; }
.motorsport-ul-bullets li.ms-bullet{ background: url('/img/arrow-rightslider.svg') no-repeat; background-size: 13px; background-position: left center; padding-left: 30px; line-height: 25px; width: 100%; }
.motorsport-ul-bullets li.ms-bullet a { text-decoration: none; color: initial; }

.motorsport-racing-team div.right-sideX, .motorsport-racing-experiences div.left-sideX { padding: 0 100px; }

.motorsport-coaching {background: url('/img/motorsport/racing-coaching.jpg') no-repeat; background-size: cover; background-position: center; min-height: 300px; position: relative;}
.motorsport-coaching > div.ms-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(115deg, #12202E96 55%, #F8523C75 0%); z-index: 0; }
.motorsport-coaching > div.container.ms-f-center { z-index:10; }
.motorsport-coaching .ms-coaching-wrapper { color: #fff; margin: 100px 0; max-width: 900px; }
.motorsport-coaching .ms-coaching-wrapper h2.cta-title { font-size: 40px; margin-bottom: 20px; }
.motorsport-coaching .ms-coaching-wrapper p.cta-desc { font-weight: 500; font-size: 18px; margin-bottom: 20px; padding: 0 5px; }

.racing-sponzors { flex-wrap: wrap;}
.racing-sponzors div.logo-item { width:20%; text-align: center; }
.racing-sponzors div.logo-item img { padding: 15px; }

.ms-sponzoring {background: url('/img/motorsport/racing-sponzoring.jpg') no-repeat; background-size: cover; background-position: center; min-height: 300px; position: relative;}
.ms-sponzoring > div.ms-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; opacity:0.8; z-index: 0; }
.ms-sponzoring > div.container.ms-f-center.ms-sponzoring-wrapper { z-index:10; padding: 50px 0 100px; max-width: 900px; }
.ms-sponzoring div.ms-sponzoring-wrapper .left-sideX, .ms-sponzoring div.ms-sponzoring-wrapper .right-sideX { padding: 0 40px; }
.ms-sponzoring div.ms-sponzoring-wrapper p.sub-title { color: #f7523c; margin: 0; font-weight: 900; }
.ms-sponzoring div.ms-sponzoring-wrapper p.desc { margin: 0; font-weight: 500; line-height: 20px; }
.ms-sponzoring h4 { font-size: 45px; margin-bottom: 20px; }

.ms-sponzoring div.ms-sponzoring-wrapper .sponzoring-row { background: url('/img/cup.png') no-repeat; background-size: 30px; background-position: left 5px; margin-top: 40px; padding-left: 40px;}
.ms-sponzoring div.ms-sponzoring-wrapper .sponzoring-title { font-size: 30px; }
.ms-sponzoring div.ms-sponzoring-wrapper .sponzoring-desc { font-size: 16px; font-weight: 500; line-height: 22px; margin-bottom: 10px; }

.ms-ads { background-color: #12202E; padding-top: 100px; padding-bottom: 50px;  }
.ms-ads .right-sideX { padding: 50px; }
.ms-ads p.sub-title { color: #f7523c; margin: 0; font-weight: 900; }
.ms-ads p.desc { margin: 0; font-weight: 500; line-height: 25px; color: #7f93b0; }
.ms-ads h4 { font-size: 45px; margin-bottom: 20px; color: #fff; }

.ms-our-team { padding-top: 50px; padding-bottom: 50px; }
.ms-our-team > div.container { flex-wrap: wrap; }
.ms-our-team .ms-team-wrapper { width: 100%; flex-wrap: wrap; gap: 40px 20px; justify-content: center; align-items: flex-start; padding-top: 40px; padding-bottom: 40px; }
.ms-our-team .ms-team-wrapper .ms-team-item { width: 30%; text-align: center; }
.ms-our-team .ms-team-wrapper .ms-team-item img { max-width: 150px; margin: 0 auto;}
.ms-our-team .ms-team-wrapper .ms-team-item h6 { font-size: 25px; margin: 10px 0 5px; }
.ms-our-team .ms-team-wrapper .ms-team-item p { font-size: 18px; }

.ms-timeline { background-color: #12202E; padding-top: 100px; padding-bottom: 50px; }
.ms-timeline > div.container {
    flex-wrap: wrap;
    align-items: flex-start;
}
.ms-timeline h5.title{ font-size: 40px; font-weight: 700; color: #ffffff; width: 100%; text-align: center;}
.ms-timeline .timeline-title { font-size: 35px; color: #ffffff; font-weight: 700; margin: 20px 0; padding-right: 30px; text-align: center; }
.ms-timeline .timeline-wrapper { padding: 0 30px 0 0; position: relative; }
.ms-timeline .timeline-wrapper .line-wrapper {
    position: absolute;
    width: 5px;
    top: 1px;
    left: 18px;
    overflow: hidden;
}

#line1 { height:1460px; }
#line1 > .timeline-timeline { height:1460px; }
#line2 { height:950px; }
#line2 > .timeline-timeline { height:950px; }

.ms-timeline .timeline-wrapper .timeline-timeline {
    position: absolute;
    height: 100%;
    width: 5px;
    background-color: #fff;
    top: 0;
    left: 0;
}
.ms-timeline .timeline-wrapper .timeline-timeline-full {
    position: absolute;
    height: 0;
    width: 5px;
    background-color: #f7523c;
    top: 0;
    left: 0;
}
.ms-timeline .timeline-wrapper .timeline-item {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 30px;
}
.timeline-item .tl-icon { max-width: 40px; margin-right: 40px; position: relative; }
.timeline-item .tl-content-bg {
    position: relative;
    background-color: #ffffff;
    border: none;
    border-radius: 7px;
    padding: 15px;
    z-index: 2;
    width: 100%;
}
.timeline-item .tl-icon::before {
    content: "";
    position: absolute;
    background-color: #ffffff;
    top: 10px;
    right: -66px;
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
    z-index: 1;

}
.timeline-item .tl-title {font-size: 18px; font-weight: 500; color: #f7523c; margin: 0 0 5px; line-height: 20px; }
.timeline-item .tl-desc { font-size: 16px; font-weight: 500; margin: 0; line-height: 20px; }


@media screen and (max-width:1023px ) {
    #line1 { height:100%; }
    #line1 > .timeline-timeline { height:100%; background-color: #f7523c }
    #line1 > .timeline-timeline-full { display: none; height: 0; visibility: hidden; }
    #line2 { height:100%; }
    #line2 > .timeline-timeline { height:100%; background-color: #f7523c }
    #line2 > .timeline-timeline-full { display: none; height: 0; visibility: hidden; }    
}

@media screen and (max-width: 992px){
    .motorsport-header {
        padding-bottom: 10px;
    }
    .motorsport-ul-bullets { max-width: initial; }
    .motorsport-racing-experiences > .left-sideX { order: 2; }
    .motorsport-racing-experiences > .right-sideX { order: 1; }
    .ms-our-team .ms-team-wrapper .ms-team-item {
        width: 45%;
    }
} 

@media screen and (max-width: 768px) {
    .ms-our-team .ms-team-wrapper .ms-team-item {
        width: 100%;
    }

}
