body { font-family: 'Rubik', sans-serif; outline:none; position:relative; font-size:16px;   text-rendering: optimizelegibility;    word-wrap: break-word; font-smooth: always; letter-spacing: normal; font-weight: regular; webkit-font-smoothing: antialiased; color:#000; }

header, section, footer, aside, div, ul, ul li, li, input, label { box-sizing:border-box; }
h1, h2, h3{ font-family: 'Rubik', sans-serif; padding: 0; margin: 0; font-weight:700;}
h1, h2{ width:100%; font-size:38px; padding:0; margin:0; color:#000; font-weight:600; color:#282938;}
h1 span, h2 span{color:#19B3FF;}
ul, ul li, li { list-style-type:none; }
ul, ol{ padding:0; margin:0;}
a, a:hover, a:focus, a:focus, a:active{ text-decoration:none; outline:none; transition: ease-in .3s; }
input:focus, select:focus{ outline:none;}
.container{ max-width: 1330px; }
header { width:100%; float:left;  color:#000;  padding:15px 0; background:#fff; transition:ease-in .3s; }
header.dark_head{ background:#00283C; }
header.sticky{position:fixed; z-index:500; box-shadow:0 0px 9px 0 #dcdcdc; padding:15px 0;}
header .logo_area{   padding: 0px 0px 0; }
header .logo_area img{ max-width:100%; width:auto;}
.displ_nn{ display:none;}
.align_center{ align-items:center; }
nav{ width: 100%;  height:auto; font-size:16px; text-transform:none; font-weight:400; letter-spacing:.5px; padding: 0px 0px; position: relative;  max-width:100%; }
nav ul{ width: auto; padding:0px; margin:0px 0 0;  float:right; text-align:center; letter-spacing: .5px;     display: flex;   align-items: center; }
nav ul li { width:auto; display:inline; position:relative; margin:0 22px; }
nav ul li a {  width:auto; padding:16px 0px;  display:inline-block; color:#000;}
nav ul li a:hover, nav ul li a.active{ color:#000;  }
 nav ul li a.active{ font-weight:700; }
nav ul li.demo_request{ margin: 0 0 0 30px; }
p{ font-size:16px; line-height:24px; color:rgba(40, 41, 56, .7) }
header.dark_head nav ul li a{ color:#fff; }
.admin_top{ width:auto; display:flex; flex-flow:row;color:#fff; text-align:left;align-items:center; }
.admin_top figure{ margin:0 8px 0 0; }
.admin_top .dtls{ margin-right:60px; }
.admin_top .dtls span{ display:block; font-size:12px; color:rgba(255, 255, 255, .7) }
.admin_top .dtls label{ margin:0; }

nav ul li.demo_request a{ width:auto;  color:#fff; font-weight:700; font-size:16px; border-radius:30px; padding:15px 30px;  }

.button-2 { color: #fff;  border: 3px solid #19B3FF;  background-image: -webkit-linear-gradient(30deg, #19B3FF 50%, transparent 50%);  background-image: linear-gradient(30deg, #19B3FF 50%, transparent 50%);  background-size: 500px;  background-repeat: no-repeat;  background-position: 0%;  -webkit-transition: background 300ms ease-in-out;  transition: background 300ms ease-in-out;
}
.button-2:hover {  background-position: 100%;  color: #19B3FF;}

.button-3 { color: #fff;  border: 3px solid #19B3FF;  background-image: -webkit-linear-gradient(30deg, #19B3FF 50%, transparent 50%);  background-image: linear-gradient(30deg, #19B3FF 50%, transparent 50%);  background-size: 1000px;  background-repeat: no-repeat;  background-position: 0%;  -webkit-transition: background 300ms ease-in-out;  transition: background 300ms ease-in-out;
}
.button-3:hover {  background-position: 100%;  color: #19B3FF;}

.mobile_nav{ width:100%; float:right;  height:45px; line-height:45px; color:#fff; font-size:16px; text-transform:uppercase;  padding:0 5px; cursor:pointer; display:none;  top:0px; }

.nav_right{ right:-15px; z-index:500; background: #fff;  -webkit-animation:menu .1s;  animation:menu .1s; top:70px; min-width: 305px;}
.hide_nav{ display: none; }
@keyframes menu{
0%{opacity:1; }
100%{opacity:1;}
}
@-webkit-keyframes menu{
0%{opacity:1; }
100%{opacity:1;}
}
svg path{ transition:ease-in .3s; }

.top_banner{ width:100%; float:left; position:relative; padding:100px 0; overflow:hidden; background: linear-gradient(180deg, #00283C 0%, #050517 100%); }
.top_banner figure{ width:100%; float:left; margin:0; text-align:right; }
.top_banner figure img{ max-width:100%; }
.top_banner .banner_txt{ width: 100%; float: left; text-align: left;  color: #fff; }
.top_banner .banner_txt h1{ font-size:42px;  margin: 0 0 15px; color:#fff;}
.top_banner .banner_txt p{ font-size: 16px; font-weight: 400; margin: 0 0 30px; line-height:24px; color:#fff; }
.top_banner .banner_txt a.read_more, a.read_more{width:auto;  font-weight:400; font-size:16px; border-radius:5px; padding:14px 30px;  display: inline-block; margin: 10px 0 0;  margin-right:40px; }
.top_banner .banner_txt a.learn_more { color:#fff; }
.top_banner .banner_txt a.learn_more svg{ margin-left:5px; }
.top_banner .banner_txt a.learn_more:hover{color:#19B3FF;}
.top_banner .banner_txt a.learn_more:hover svg  path{stroke:#19B3FF;}
.top_banner .banner_txt p span{ display: block; }

.stats_area{ width:100%; float:left; padding:75px 0; background:#EEF2F5; }
.stats_area ul{ width:100%; float:left; display:flex; flex-flow:row wrap; justify-content:space-between; margin:0; align-items:center; }
.stats_area ul.stats{ width:100%; max-width:390px; }
.stats_area ul.stats li h3{ font-size:32px; color:#282938; font-weight:600;  }
.stats_area ul.stats li p{ font-size:16px; font-weight:400;color:#282938; margin:0; }
.stats_area ul.logo_icon{ width:100%; float:right; max-width:760px; padding:0; margin:0; }

.topics_area{ width:100%; float:left; padding:80px 0;}
.topics_area h2{ text-align:center; margin:0 0 15px; }
.topics_area ul.topic_list{width:100%; flex-flow:row wrap;  float:left; display:flex; align-items:center; justify-content:space-between; margin:15px 0;}
.topics_area ul.topic_list li{ flex:0 0 32%; min-width:405px; max-width:405px; background:#EEF2F5; padding:45px; margin:20px 0;}
.topics_area ul.topic_list li figure{ width:40px; height:40px; background:#19B3FF; color:#fff; border-radius:5px; float:left; position:relative; font-weight:700; font-size:20px; text-align:center; line-height:40px; overflow:hidden}
.topics_area ul.topic_list li figure::after{ content:''; position:absolute; width:40px; height:40px; border-radius:5px; background:#FFDE00; left:-31px; bottom:-14px;}
.topics_area ul.topic_list li h3{ width:100%; float:left; color:#282938; font-size:24px; font-weight:500; margin:0 0 15px; }
.topics_area ul.topic_list li p{ width:100%; float:left; margin:0;  font-size:16px; line-height:28px; color:#282938; font-weight:300;}

.category_area{ width:100%; float:left; background:#EEF2F5; padding:80px 0;  	}
.category_area span{ font-size:18px; font-weight:300; color:#00283C; width:100%; float:left; margin:0 0 15px;  }
.category_area h2{ font-size:38px; line-height:54px; letter-spacing:.8px; margin:0 0 15px; }
.category_area  p{ color:rgba(40, 41, 56, .6); font-size:16px; line-height:24px; margin:0; }
.category_area figure{ width:100%; float:left; margin:0; text-align:right; }
.category_area figure img{ max-width:100%; }
.courses_area{ width:100%; float:left; padding:80px 0;}
.courses_area ul.course_list{width:100%; flex-flow:row wrap;  float:left; display:flex; align-items:center; justify-content:space-between; margin:15px 0;}
.courses_area ul.course_list li{ flex:0 0 32%; min-width:390px; max-width:390px;  margin:20px 0;}
.courses_area ul.course_list li figure{ width:100%; height:auto; float:left; position:relative; margin: 0 0 25px; overflow: hidden;}
.courses_area ul.course_list li figure img{ max-width:100%; width:100%; height:auto; transition:ease-in .3s; }
.courses_area ul.course_list li:hover img{ transform:scale(1.1); }

.category_area ul{ width:100%; float:left; margin:25px 0; padding:0 0 0 20px; }
.category_area ul li{ width:100%; float:left; margin:8px 0; font-weight: 400; font-size:18px; line-height:24px; color:rgba(0, 0,0,1); list-style:disc; }

.courses_area ul.course_list li figure .rating{ width:auto; position:absolute; width:63px; height:25px; background:#00283C; font-size:12px;  color:#fff; border-radius:12px; right:10px; bottom:-12px; text-align:center; display:flex; align-items:center; justify-content:center; cursor:pointer;  }
.courses_area ul.course_list li figure .rating svg{ margin-right:5px; }
.courses_area ul.course_list li h3{ width:100%; float:left; color:#00283C; font-size:24px; font-weight:600; margin:0 0 8px; padding:0 16px;  }
.courses_area ul.course_list li p{ color:rgba(40, 41, 56, .6); font-size:16px; line-height:24px; margin:0 0 20px;  padding:0 16px;}
.courses_area ul.course_list li .act_area{ width:100%; float:left;   padding:0 16px;}
.courses_area ul.course_list li .act_area span{ margin-right:15px;  color:rgba(40, 41, 56, .9);}
.courses_area ul.course_list li .act_area span img{ margin-right:5px; display:inline; }



.top_srch_area{ width:100%; float:left;  display: flex; flex-flow: row; align-items: center; justify-content: space-between;}
.top_srch_area .filter_area{ width:auto; }
.top_srch_area .filter_area button{ width:185px; height:54px; border-radius:5px; text-align:center; cursor:pointer; font-size:16px; font-weight:500; background-color:transparent; }
.top_srch_area .filter_area select{ width:150px; height:54px; border:none; background:url(../images/down_arrow.svg) no-repeat right; appearance:none; font-size:18px; font-weight:500; margin-right:50px; cursor:pointer; }

.top_srch_area h2{ width:auto; }
.top_srch_area .filter_area  a{ color:#282938; }
.top_srch_area .filter_area  a svg{ margin-left:5px; }
.top_srch_area .filter_area  a:hover{ color:#19B3FF; }
.top_srch_area .filter_area  a:hover svg path{ stroke:#19B3FF; }

.testimonial_area{ width:100%; float:left; background:#EEF2F5; padding:80px 0;  }
.title_area{ padding-right:50px;  }
.title_area h2{ font-size:28px; line-height:42px; color:#282938; margin:0 0 15px; }
.testi_dtls h3{ font-size:26px; line-height:36px; color:#282938; font-weight:600; margin:0 0 35px; }
.client_dtls{ width:100%; float:left; display:flex; flex-flow:row; align-items:center; }
.client_dtls figure{ margin:0 15px 0 0; }
.client_dtls .dtls h4{ font-size:18px; line-height:27px; font-weight:500; margin:0 0 0px; }
.client_dtls .dtls  p{ margin:0; font-size:12px; color:#282938; font-weight:500; }
.testimonial_area .carousel-indicators{ margin:0; justify-content:end; }
.testimonial_area .carousel-indicators li{ background:#19B3FF; opacity: .6; width:16px; height:16px; border-radius:50%; cursor:pointer; margin:0 6px; }
.testimonial_area .carousel-indicators li.active{ background:#19B3FF; opacity:1; }


.faq_area{ width:100%; float:left;  padding:80px 0; }
.faq_area .card{ display:flex; flex-flow:row; border-bottom:solid 1px #ECECF1; border-radius:0; border-width:0 0 1px 0; padding:30px 0; }
.faq_area .card .left_no{ color:#19B3FF; font-size:24px; font-weight:500; text-align:left; }
.faq_area .card .right_cont{ width:100%; padding-left:50px; }
.faq_area .card .right_cont h3.collapsed{ font-size:24px; font-weight:500; color:#282938; margin:0 0 0px; cursor:pointer; background:url(../images/plus_icon.svg) no-repeat right; }
.faq_area .card .right_cont h3{ font-size:24px; font-weight:500; color:#282938; margin:0 0 0px; background:url(../images/cross_icon.svg) no-repeat right;}
.faq_area .card .right_cont .card-body{ padding:20px 0; font-size:18px; line-height:32px; font-weight:400; color:#282938; opacity:.7; }

.sign_up_area{ width: 100%; float: left; padding: 80px 0; }
.sign_up_area .full_box{ width:100%; float:left; display: flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between; background:#00283C; }
.sign_up_area .full_box .box_1{ flex:0 0 51%; position:relative; background:url(../images/sign_up_bg.png) no-repeat; background-size:cover; }
.sign_up_area .full_box .box_2{ flex:0 0 49%;  padding:75px 100px; color:#fff; text-align:left; }
.sign_up_area .full_box .box_2 h2{ text-align: left; font-size: 28px; margin: 0 0 20px; color:#fff; font-weight:600; }
.sign_up_area .full_box .box_2 p{ font-size: 16px; line-height: 24px; margin: 0 0 40px; text-align:left; font-weight:400; color:#fff;  }
.sign_up_area .full_box .box_2 p.sign{ text-align:center; margin:15px 0 0; width:100%; float:left; }
.sign_up_area .full_box .box_2 ul.form_area li .form-control{  height: 65px; color:#fff ;border: 1.5px solid rgba(255, 255, 255, 0.1);
border-radius: 8px; background: none;}
.sign_up_area .full_box .box_2 ul.form_area li .form-control::placeholder{ color:#F4F6FC ; font-size: 16px; opacity:.5; }
.sign_up_area .full_box .box_2 ul li button{width:100%;  background-color: transparent; font-weight:700; font-size:18px; border-radius:5px; display: inline-block; margin: 20px 0px 0 0; height: 64px;}

.sign_up_area .full_box .box_2 ul.form_area{width:100%; float:left; display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
.sign_up_area .full_box .box_2 ul.form_area li{ flex:0 0 100%; margin: 10px 0;}
.sign_txt{ width:100%; height:100%; background:rgba(28, 30, 83, .6); padding:75px 100px; color:#fff; }
.sign_txt h2{ font-size:42px; color:#fff; line-height:67px; margin:0 0 15px; }
.sign_txt p{ font-size: 16px; line-height: 28px; margin: 0 0 0px; text-align:left; font-weight:400; color:#fff;  }

.blog_area{ width:100%; float:left; padding:80px 0;}
.blog_area ul.blog_list{width:100%; flex-flow:row wrap;  float:left; display:flex; align-items:center; justify-content:space-between; margin:40px 0 20px;}
.blog_area ul.blog_list li{ flex:0 0 32%; min-width:405px; max-width:405px;  margin:20px 0;}

.blog_area ul.blog_list li figure{ width:100%; height:auto; float:left; position:relative; margin: 0 0 25px; overflow: hidden;}

.blog_area ul.blog_list li figure img{ max-width:100%; width:100%; height:auto; transition:ease-in .3s; }

.blog_area ul.blog_list li:hover img{ transform:scale(1.1); }


.blog_area ul.blog_list li label{ color:rgba(40, 41, 56, .7); font-weight:500; font-size:16px; margin:15px 0;  width: 100%; float: left;}
.blog_area ul.blog_list li h3{ width:100%; float:left; color:#282938; font-size:20px; font-weight:600; margin:0 0 20px;  }
.blog_area ul.blog_list li p{ color:rgba(40, 41, 56, .6); font-size:16px; line-height:24px; margin:0 0 30px; }
.blog_area ul.blog_list li a.cta{ font-weight:500; color:#282938;  }
.blog_area ul.blog_list li a.cta:hover{ color:#19B3FF; }
.blog_area ul.blog_list li a.cta:hover svg path{ stroke:#19B3FF; }
.blog_area ul.blog_list li a svg{ margin-left:25px; }



footer{width:100%;float:left;}
.top_foot{width:100%;float:left;background:#00283C;padding:75px 0 30px;color:#fff;}
.top_foot a{ color:#fff; padding:0 10px; margin:6px 0; display:inline-block;	 }
.bot_foot{width:100%;float:left;background:#fff;padding:25px 0 ;color:#000;}
.bot_foot p{ font-size:18px; color:#282938; margin:0;  }
footer h3{width:100%;float:left;font-size:24px;text-transform:uppercase;font-weight:600;letter-spacing:.5px; margin:0 0 15px 0; color:#fff;text-align:left}
footer .address_detials{ width:100%; float:left; color:#fff; padding:4px 0; text-align:left; }
footer .address_detials ul{ width:100%; float:left; margin:0 0 0px; padding:0; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; }

.main_link_area{ width:100%; max-width:575px; float:right; display:flex; align-items:stretch; flex-flow:row wrap; justify-content:space-between; }
.main_link_area .foot_box{ flex:0 0 30%; }
.main_link_area .foot_box h3{ font-size:14px; font-weight:500; }
footer .address_detials {  padding:0px 0; margin:0;  margin:0 0 10px; }
footer .address_detials  p{ margin:0; font-size:16px; line-height: 24px; color: #fff; width: 100%; float: left; opacity: .9;}
footer .address_detials ul li a{ font-size:14px; color:#000;}
footer .address_detials ul li i{ font-size:18px; display:inline-block; width:25px; float:left;}
footer .address_detials ul li span{ width:calc(100% - 25px); float:left;}
.footer address_detials ul li:before{ display:none;}
footer .resource{width:100%;float:left;height:auto;padding:0 0 20px 0px;}
footer .resource li{ width:100%; float:left; padding:0 0px 0 0; letter-spacing:.5px; font-size:16px;}
footer .resource li a{color:rgba(255, 255, 255, 0.8);width:100%;display:inline-block; padding:5px 0 5px 0px;transition:ease-in .3s; font-weight:300; font-size:15px; }
footer .resource li a:hover{color:#19B3FF;}
footer figure{ width:100%; float:left; text-align:left;}

.contact_box{ width:auto; padding:15px 35px; background: #19B3FF;border-radius: 5px 5px 0px 0px; position:absolute; left:0; bottom:-30px; }
.contact_box ul li{ margin-right:40px; }
.contact_box ul li h4{ font-size:18px; font-weight:500; color:#00283C; margin:0 0 5px; }
.contact_box ul li p{ font-size:16px; font-weight:400; margin:0;color:#00283C; opacity:.8;  }
.contact_box ul li:last-child{ margin:0; }






.scrollup {
	display: none;
	position: fixed;
	bottom: 6em; border-radius:50%;
	right: 30px;
	width: 52px;
	height: 52px;
	background: #19B3FF;
	color: #fff;
	line-height: 52px;
	font-family: fontawesome;
	transition: ease-in .3s all;
	z-index: 999;
	text-align: center;
	font-size: 20px
}
.scrollup:hover {
	background: #00283C;
	color: #fff
}

/*Inner Pages CSS */


.bread_crumb{ width:100%; float:left; background:#EEF2F5; padding:30px 0; }
.bread_crumb ul{ width:100%; float:left; padding:0; margin:0; }
.bread_crumb ul li{ width:auto; float:left; margin-right:10px; font-weight:500; color:rgba(0, 40, 60, .7); }
.bread_crumb ul li a{ color:rgba(0, 40, 60, .7); }

.blog_pagination{ width:100%; float:left; text-align:center; margin:80px 0 50px ;}
.blog_pagination ul{ width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:center;}
.blog_pagination ul li{ flex:auto; max-width:50px; height: 50px; background: #F5F5F5; border-radius: 5px; line-height: 50px; padding:0; margin:25px 0; font-size:20px; font-weight:500; margin:0 10px; transition:ease-in .3s;  }
.blog_pagination ul li a{ color:#656565; display:block; }
.blog_pagination ul li.active, .blog_pagination ul li:hover{ background:#19B3FF; color:#fff; }
.blog_pagination ul li:hover a, .blog_pagination ul li.active a{ color:#fff; }

.course_details_area{ width:100%; float:left; padding:80px 0; }
.course_details_area .container{ max-width:1110px; }
.course_details_area figure img{ width:100%; transition:ease-in .3s; }
.course_details_area figure .play_icon{ width:100%; height:100%; position:absolute; display:flex; align-items:center; justify-content:center; left:0; top:0; background:rgba(0, 0, 0, .6); transition:ease-in .3s; }
.course_details_area figure .play_icon span{ cursor: pointer; transition: ease-in .3s;}
.course_details_area figure .play_icon span:hover{ padding-left:25px; }
.course_details_area figure .play_icon span svg{ display:inline-block;  }
.course_details_area label{ color:rgba(0, 40, 60, .8); font-size:24px; font-weight:300; }
.course_details_area h1{ font-size:42px;color:rgba(0, 40, 60, 1);  }
.course_details_area .content_dtls{ width:100%; float:left; padding:30px 0; }
.course_details_area .content_dtls figure{ width:100%; float:left; margin:0 0 40px; text-align:center; }
.course_details_area .content_dtls figure img{ max-width:100%; width:auto; height:auto; }
.course_details_area .content_dtls h2{ width:100%; float:left; font-size:32px; font-weight:500; margin:0 0 10px; color:#0c3c54; }
.course_details_area .content_dtls h3{ width:100%; float:left; font-size:24px; font-weight:500; margin:0 0 10px; color:#249bdb; }

.course_details_area .content_dtls p{ width:100%; float:left; margin:0 0 40px; color:rgba(0, 40, 60, .7);  }
.course_details_area .content_dtls ul{ width:100%; float:left; margin:0 0 40px; padding:0 0 0 20px; }
.course_details_area .content_dtls ul li{ width:100%; float:left; margin:3px 0; font-size:16px; line-height:24px; color:rgba(0, 40, 60, .7); list-style:disc; }
.course_top p{ margin:15px 0 50px; }
.course_details_area .content_dtls ol{ width:100%; float:left; margin:0 0 40px; padding:0 0 0 20px; }
.course_details_area .content_dtls ol li{ width:100%; float:left; margin:3px 0; font-size:16px; line-height:24px; color:rgba(0, 40, 60, .7); list-style:auto; }
.course_top p{ margin:15px 0 50px;color:rgba(0, 40, 60, .7); }
.course_top figure{ margin:0 0 50px; position:relative; overflow:hidden; }
.bordr_btm{ border-bottom:2px solid #ECECF1; padding-bottom:45px; margin-bottom:30px; }

p.no_margin{ margin:0 !important; }

.sign_up_area{ width:100%; float:left; text-align:center; margin:50px 0 0; }
.sign_up_area h2{ margin:0 0 25px; }
.sign_up_area p{ font-weight:600; margin:0 0 25px; }
.sign_up_area a{ width:292px; text-align:center; line-height:60px; display:inline-block; border-radius:5px; font-weight:600; }

.left_anm {  transition:ease-in .3s all;  -webkit-animation:left_anm 1s .5s;animation:left_anm 1s .5s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }

@keyframes left_anm {
    0%   {  opacity:0;     transform: translate3d(-50px, 0px, 0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes left_anm {
    0%   { transform:scale(.7); opacity:0;     transform: translate3d(-50px, 0px, 0);  }
    100% { transform:scale(1);  opacity:1;   transform: none; }
}


.rgt_anm {  transition:ease-in .3s all;  -webkit-animation:rgt_anm 1s 1s;animation:rgt_anm 1s 1s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }

@keyframes rgt_anm {
    0%   {  opacity:0;     transform: translate3d(50px, 0, 0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes rgt_anm {
    0%   { transform:scale(.7); opacity:0;     transform: translate3d(50px, 00px, 0);  }
    100% { transform:scale(1);  opacity:1;   transform: none; }
}

.rgt_anm_2 {  transition:ease-in .3s all;  -webkit-animation:rgt_anm_2 .3s 1.5s;animation:rgt_anm .3s 1.5s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }

@keyframes rgt_anm {
    0%   {  opacity:0;     transform: translate3d(50px, 0, 0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes rgt_anm {
    0%   { transform:scale(.7); opacity:0;     transform: translate3d(50px, 00px, 0);  }
    100% { transform:scale(1);  opacity:1;   transform: none; }
}




.mid_anm{ transition:ease-in .3s all;  -webkit-animation:bulb 1s 1s;animation:bulb 1s 1s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0;  cursor:pointer;}

@keyframes bulb {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes bulb {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}



.srvc_1{ transition:ease-in .3s all;  -webkit-animation:srvc_1 .3s .4s;animation:srvc_1 .3s .4s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0;  cursor:pointer;}

@keyframes srvc_1 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_1 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}



.srvc_2{ transition:ease-in .3s all;  -webkit-animation:srvc_2 .3s .6s;animation:srvc_2 .3s .6s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_2 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_2 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}


.srvc_3{ transition:ease-in .3s all;  -webkit-animation:srvc_3 .3s .8s;animation:srvc_3 .3s .8s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_3 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_3 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}

.srvc_4{ transition:ease-in .3s all;  -webkit-animation:srvc_4 .3s 1s;animation:srvc_4 .3s 1s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_4 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_4 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}


.srvc_5{ transition:ease-in .3s all;  -webkit-animation:srvc_5 .3s 1.2s;animation:srvc_5 .5s 1.2s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_5 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_5 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}

.srvc_6{ transition:ease-in .3s all;  -webkit-animation:srvc_6 .3s 1.4s;animation:srvc_6 .3s 1.4s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_6 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_6 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}



    .timeline-container {
      max-width: 900px; /* Keep centered like your screenshot */
      margin: auto;
    }
    .timeline-year {
      font-weight: bold;
      font-size: 1.5rem; height: 100%;
      color: #005eb8; /* NHS blue */
      margin-bottom: 1rem; text-align: center; position: relative;
    }
    .timeline-year::after{ width:3px; height:100%; background:#005eb8; position:absolute; content:"";top: 40px; left: 50%; }
    .timeline-row {
      border-left: ;
      padding-left: 20px;
      margin-bottom: 3rem; ;
    }
    .timeline-heading {
      font-weight: bold;
      margin-bottom: 0.5rem;
    }