:root{--blue:#002147!important;--white:#fff;--skyblue:#21a7d0;--black:#000;--border:5px;--primary-font:"Rubik",sans-serif;--secondary-font:"Nunito",sans-serif}.courese_path{margin-top:13rem}.content-div{display:none}.content-div.active{display:block}.svg-container{top:120px;width:80%;height:auto;max-width:1000px}.timeline-svg{width:100%;height:auto}.svg-container{position:relative;flex-direction:column}.card25,.svg-container{display:flex;justify-content:center;align-items:center}.card25{position:absolute!important;width:auto;height:auto;background-color:var(--white);border:1px solid #ddd;box-shadow:0 3px 3px rgba(0,0,0,.336);font-size:14px;color:#333}.card-8{top:33%;left:78%}.card-1{top:-25px;left:-50px}.card-2{top:33%;left:44%}.card-3{top:87%;left:77%}.card-9{top:100%;left:-46px}.card-4{top:-4%;left:30%}.card-5{top:-5%;left:65%}.card-6{top:45%;left:85%}.card-7{top:61%;left:65%}.card-10{top:61%;left:23%}.card-11{top:58%;left:-15%}.card-12{top:74%;left:-15%}#line-1,#line-2,#line-3,#line-4,#line-5{display:none}@media (max-width:768px){.responsive-text{font-size:11px}.svg-container{top:0;width:100%}.course-path{padding:15px}.card-10{top:80%;left:38%;width:14rem!important}#line-1,#line-2,#line-3,#line-4,#line-5,.card-10{display:block}.card-8{top:43%;left:-18px}.card-1{top:22px;left:-18px}.card-2{top:22%;left:-18px}.card-3{top:63%;left:-18px}.card-9{top:83%;left:-18px}.card-4{top:0}.card-4,.card-5{left:38%;width:14rem!important}.card-5{top:20%}.card-6{top:40%}.card-6,.card-7{left:38%;width:14rem!important}.card-7{top:60%}.timeline-svg{width:100%;height:auto}}#mobile-timeline-path{stroke-dasharray:2000}#actvtive2 button{background:var(--blue);border:2px solid var(--blue);margin:2px;padding:7px 0;display:inline-block;font-size:12px;font-weight:600;width:140px;text-transform:uppercase;cursor:pointer;transform:skew(-21deg);color:var(--white)}#actvtive2 span{display:inline-block;transform:skew(21deg)}#actvtive2 button:before{content:"";position:absolute;top:0;bottom:0;right:100%;left:0;background:var(--skyblue);opacity:0;z-index:-1;transition:all .5s}#actvtive2 button:hover{color:var(--white)}#actvtive2 button:hover:before{left:0;right:0;opacity:1}#actvtive2 .btn-active{background:var(--skyblue);color:var(--white)}.card-body{padding:15px!important}