body{color:#5D5D5D; }
 h1, h2, h3,h4, h5, p, ul, button {font-family:Rubik }
h2{font-size:36px;}
.scroll-top-btn {
  width:40px;
  height:40px;
  position: fixed;
  bottom: 52px;
  right: 80px;
  z-index: 99;
  display: none;
  text-align: center;
  animation-name: scrollTopAnim;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  background:#FA7D01;
  border:none;
}
.scroll-top-btn span:before {
  font-size: 27px;
}
.scroll-top-top:after {
 
  opacity: 1;
  
}
html {
  scroll-behavior: smooth;
}
p{font-size:18px; color:#5D5D5D; font-weight:300 }
.menu-main li.menu-main__item > a.menu-main__link {text-transform: capitalize; font-size:20px; color:#5D5D5D;font-weight:300; float:right}
.sec-menu {
    text-align: right;
float: right;}
.tophdr-fixed {
    position: initial;
border-bottom: 3px solid #eee;}

.bnr-back{ color:#fff;background:#000; background-image:url('../png/back-bnr.png'); position: relative; text-align:center; background-size: cover;background-repeat: no-repeat; }
.bnr-cont{ color:#fff; padding:150px 20px 200px 30px; }
.bnr-cont h1{font-size:60px; padding:120px 0 0 0; line-height:68px; font-weight:400; color:#fff}
.bnr-cont h5{font-size:24px; padding:30px 0 0 0; line-height:30px; font-weight:400}
.bnr-cont h5 span, .bnr-cont h1 span{color:#FA7D01}
.bnr-cont h5.top-h{padding-top:42px;}
.bnr-back h2{font-size:40px; font-weight:300}
.bnr-back p{font-size:16px; font-weight:100; padding:25px 0; line-height:25px; color: #000;transform: scale(1,1.02);}
.top-up{top:-165px; left:0px; z-index:99999;  position: relative; }
.list-data{padding:45px 115px 45px 125px; text-align:left; background-color: #fff;-moz-box-shadow: 0 0 3px 3px #eee;
-webkit-box-shadow: 0 0 3px 3px #eee; box-shadow: 0 0 3px 3px #eee;    margin: 0 70px;}
.list-data p{font-size:18px; color:#5D5D5D; font-weight:300; }
.dt-part{margin-top:-75px;}
.dt-part p{text-align:center; font-size:30px; color:#1E3559;  margin-top:-76px; line-height:50px}
.dt-part span.f_dttext{text-align:center; font-size:30px; color:#FA7D01; font-weight:400}
.frame{display: flex;
    align-items: center;
  }
  section{padding:60px 0}
  .bg-grey{background:#f7f7f7}
  .book-slot h2{color:#fff; line-height:30px; padding: 24px 30px 13px 30px; text-align:center; font-size:24px}
.book-slot p{color:#fff; padding: 0px 3px;}
.sub-p{font-size:14px;}
.book-slot{padding:10px 18px;}
.msg-color{ background-color: #0099E1;  }
.book-slot input[type=text],input[type=email], select, textarea {
    width: 100%;
    padding:10px 12px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-top: 12px;
    margin-bottom: 0px;
    resize: vertical;
}
.book-slot form{padding-top:15px}
.button-msg {
  background-color: #FA7D01;
  border: none;
  color: white;
  padding: 14px 35px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 17px 155px;
  cursor: pointer;
  border-radius: 5px;
  align-items: center;
}
.book-slot .b-sub button.button-msg{align-items: center;}
.msg-st p{text-align:center; font-size:30px; color:#1E3559; line-height:40px; padding:0 40px 0 0; font-weight:400}
.bg-blue{background:#537CBB; color:#fff}
.bg-blue h2{text-align:center; padding-bottom:30px}
.bx-btm{padding-bottom:115px}
.div-box{background: #fff;
    padding: 7px 11px;
    margin: 15px 2px;
    flex: 1;
    height: 145px;
	border-bottom: 9px solid #1E3559;
	color:#1E3559; text-align:center}
	.div-box:hover{	border-bottom: 9px solid #4AAED4;color:#4AAED4}
	.div-box h5{font-size:18px;}
	.top-up-2{top:-125px; left:0px; z-index:99999;  position: relative; }
.list-data-2{padding:45px 105px 45px 115px; text-align:left; background-color: #fff;-moz-box-shadow: 0 0 3px 3px #eee;
-webkit-box-shadow: 0 0 3px 3px #eee; box-shadow: 0 0 3px 3px #eee;    margin: 0 30px;}
.list-data-2 p{font-size:18px; color:#5D5D5D; font-weight:300; }
.dt-part-2{margin-top:-75px;}
.dt-part-2 h4{font-weight:300}
.dt-part-2 p, .dt-part-2 h4{text-align:center; font-size:26px; color:#5d5d5d; }
.dt-part-2 p span, .dt-part-2 h4 span{color:#FA7D01; padding-bottom:100px;}
.slider-logo-blue{text-align:center}
.slider-logo-blue h2{padding:30px 0;  text-align: center;
    font-size: 26px;
    color: #5D5D5D; font-weight:300 }
.div-box .img-change{display:none;}
 .div-box .img-desk{display:inline-block;}
 .active.div-box .img-change{display:inline-block;}
 .active.div-box .img-desk{display:none;}
 .div-box:hover .img-change{display:inline-block;}
 .div-box:hover .img-desk{display:none;}
 .footer__bottom{margin-bottom:44px;}
 .cont-img h2{font-size:30px; color:#1E3559; line-height:45px }
 .cont-img h2 span{font-size:20px; }
 .cont-img p{font-size:16px; color:#5D5D5D; padding-top:10px}
 .cont-img p span{color:#537CBB; }
 .cont-img .row{padding:20px 0 50px 0}
 .why img{padding:0 10px;}
 .why p span{color:#FA7D01}
 .why p{font-size:16px; color:#5D5D5D; padding:10px 0; line-height:28px}
 .benefits{text-align:center; color:#1E3559}
 .benefits img{ display: block;
  margin-left: auto;
  margin-right: auto; padding-top:40px;}
 .benefits h3{padding:20px 0; font-size:24px; text-align:center; font-weight:400;}
 .benefits p{padding:0; font-size:16px; text-align:left}
 /*.brand-built{padding:50px 0 20px 0}*/
 .courses__content {  padding: 7px;}
 .benefits .brand-built{padding-top:50px; text-align:left;}
 .benefits .brand-built h2{font-size:30px}
 .benefits .brand-built p{text-align:left; padding-top:10px}
 header{
 -webkit-box-shadow:0px 1px 1px #de1dde;
 -moz-box-shadow:0px 1px 1px #de1dde;
 box-shadow:0px 1px 1px #de1dde;}
 .rev2{padding-right:10px}
 
 .read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

p.read-more-wrap{text-align:justify}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: '...Show More'; float:right; margin-right:4px; margin-top:-23px; color:#537cbb;
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show Less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline;
  color: #5D5D5D;
  font-weight: 300;
}

/*.class2{color:red}*/

/* Other style */ 

 
 
 @media only screen and (max-width: 768px) {
	 .bnr-cont{padding: 0px 20px 141px 30px;}
	 h2{font-size:20px}
	 .frame{display: block;
text-align: center;
  }
  .bnr-cont h1 {
  font-size: 40px; line-height:45px; padding-top: 28px;}
  .list-data {
  padding: 15px ; margin:10px}
  .list-data-2 {
  padding: 15px ; margin:10px}
  
  .dt-part {
  margin-top: -65px; font-size:16px}
  .dt-part p, .dt-part span.f_dttext{font-size:20px; line-height:30px}
  .button-msg {
  margin:0;
  margin-top: 10px ;  
}
.msg-st p {
    text-align: center;
font-size: 20px; line-height:30px; padding: 0;
    padding-bottom: 32px;}
.bnr-back{ background-image:none;  }
.cont-img .container .row { display: flex; flex-flow: column; }
div.rev1   {order: 1; }
div.rev2  {order: 2; }
.cont-img h2 {line-height:40px}
.footer__bottom {
    position: relative;
    z-index: 4;
    padding: 18px 0;
    border-top: 0px solid rgba(232, 232, 232, 0.3);
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    background: #1e3559;
}
.benefits .brand-built h2 {padding-top: 38px;
    line-height: 38px;}
	.why p {
    padding: 10px 9px;
}
.cont-img p {
    padding: 10px;
text-align: left;}
.cont-img h2 {
    padding: 10px 10px 0 10px;
text-align: left;}
.benefits p {
padding: 0 10px;}
.benefits h3 {
padding: 5px 0 8px 0;}
.bnr-cont h5 {
font-size: 19px;}
.sct-spc{padding-bottom:1px}
.cont-img .row {
    padding: 20px 0;
}
.benefits img {
padding-top: 13px;}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}
p.read-more-wrap{text-align:left}

/*.read-more-state ~ .read-more-trigger:before {
  content: '...Show More'; }

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show Less';
}*/
 }
label.error{
	color:#fff;
}
@media(max-width:767px){
	.footer__bottom {
    margin-bottom: 0;
}
}