body{color:#5D5D5D; }
 h1, h2, h3,h4, h5, p, ul, button , ul, li, table{font-family:Rubik !important }
h2{font-size:38px;}


.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;
}

.col-container1 {
    display: table;
    width: 100%;
}
p{font-size:18px; color:#5D5D5D; font-weight:300; }

.seco p{padding-bottom:35px; }
.seco span{color:#0695D1;}
.logo-col div{ padding-bottom:40px;}
.logo-col div img{display: block;
  margin-left: auto;
  margin-right: auto;}

.button {
  background-color: #FA7D01;
  border: none;
  color: white;
  padding: 9px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 24px 17px;
  cursor: pointer;
  border-radius: 0px;
  font-family: 'Rubik';
}

form .button{padding: 9px 40px;}


.bg-ft{color:#072248}
.button-vdo {
  background: transparent;
  border:1px solid #fff;
  color: white;
  padding:4px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 22px;
  margin: 24px 2px;
  cursor: pointer;
  border-radius: 5px;
  font-weight:100;
}
.button-vdo .fa{font-size:25px; padding-top: 3px; }
/*.button-vdo .fa{font-size:25px; padding-top: 3px; border-radius:50%; border:1px solid #fff; width:30px; height:30px}
.button-vdo i.fa-play {font-size:20px;}*/
.top-up{top:-140px; left:0px; z-index:99999;  position: relative; }
.list-data{padding:25px 100px 40px 100px; text-align:center;  
background-color: #186FB0;
background-image: linear-gradient(180deg, #186FB0 , #22B1CC  ); width:100% }
.list-data p.hd-text{font-size:44px; color:#fff; font-weight:400; }
.list-data p.hd-text span{font-size:18px;}
.list-data p.sub-text{font-size:18px; color:#fff; margin-top:-10px}
.bg-white{background:#fff}
.dt-part{padding:0px 50px 40px 50px; text-align:left; margin-top:-100px}
.dt-part img{float:right}
.logo-lst h2{color:#537CBB; font-size:36px; text-align:center; padding:50px 0}
.dt-part span{color:#519FD7; font-size:20px; font-weight:400}
.logo-lst{padding-bottom:20px}

.box-shadow-img{-moz-box-shadow: 0 0 3px 3px #eee;
-webkit-box-shadow: 0 0 3px 3px #eee;
box-shadow: 0 0 3px 3px #eee;
padding:10px;
 }

 
 /* Style the tab */
.tab {
  float: left;
  border: 0px solid #ccc;
  background-color: transparent;
  width: 99%;
  height: 400px;
   /*overflow: scroll;*/
   overflow-x: hidden;
   color:#5D5D5D;
}

.tab button::before {
  content: " > ";
}

.tabcontent h4{padding:10px 10px 7px 10px; font-weight:500}
#a3 p{padding:10px;}
#a4 p{padding:10px;}
#a4 h6{padding:10px 10px 7px 10px; font-weight:600; text-decoration:underline}

/* Style the buttons inside the tab */

.tab button.b1 {border-top:1px solid #ccc;}

.tab button {
  display: block;
  background-color: inherit;
  color: #5D5D5D;
  padding: 17px 12px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 18px;
  border-bottom:1px solid #ccc;
  font-family:Rubik;
  
}

/* Change background color of buttons on hover */
.tab button:hover {
 /* background-color: #ddd;*/
 
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #f1f1f1;
  color:#537CBB;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 0px solid #ccc;
  width: 99%;
  border-left: none;
  height: auto;
  color:#5D5D5D;
}

/* width */
.tab::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.tab::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.tab::-webkit-scrollbar-thumb {
  background: #537CBB; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.tabcontent h2{
	font-size:36px;
	color:#537CBB;
}


.ul-disc{list-style-type:disc; padding:10px 30px;}




@media only screen and (max-width: 768px) {
.frame{display: block;}

.frame{text-align: center;
  }

table{font-size:12px;}
.font-tb{font-size:12px;}
.modal-body{padding:10px !important}
sub{font-size:8px;}
p.cont-content {font-size:10px}

}


.mob-v{display:none}
.mob-d{display:block}
.fsds-pro li{list-style-type:disc; padding-top:4px; color:#5D5D5D; font-weight:300}
.fsds-pro{font-size:14px; padding:0px 17px;}
.modal-text-fee {font-size:18px; vertical-align:center; font-weight:300;}
.modal-text-fee  span{font-size:14px; vertical-align:center}
.modal-text-fee  span.bld{font-size:18px; vertical-align:center; font-weight:400; color:#fff}
.modal-text-fee  span.bldwt{font-size:18px; vertical-align:center; font-weight:400; }
.modal-dialog{width:68%;}
table th.modal-text-fee , table .l1 {color:#00B5CC; vertical-align:center; font-size:18px ; background:transparent}
table .l1{background:transparent}
/*table th , td {vertical-align:center; text-align:center}
 .feeblk>tbody>tr>td, .feeblk>tbody>tr>th, .feeblk>tfoot>tr>td, .feeblk>tfoot>tr>th, .feeblk>thead>tr>td, .feeblk>thead>tr>th, .feeblk>tbody>tr>td, .feeblk>tbody>tr>th, .feeblk>tfoot>tr>td, .feeblk>tfoot>tr>th, .feeblk>thead>tr>td, .feeblk>thead>tr>th, .feeblk>thead>tr>th,  .feeblk>thead>tr>td{
vertical-align: center ! important;}
.feeblk tr{height:150px; vertical-align: center}*/
.table>thead>tr>th, tr, td{ vertical-align: center}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #EDEDEE;
	font-size:18px;
}

.table > tbody > tr > td, .table > thead > tr > th {
     vertical-align: middle; line-height:20px; padding:10px; font-family:rubik; font-weight:400;
}
/*.program-fee-h table span::before{
    content: "\a";
    white-space: pre;}*/

.tr-align{text-align:left; }





/*mobile view*/


@media only screen and (max-width: 768px) {
/*.bnr-back{ background-image:none;  }*/

div.rev1   {order: 1;}
div.rev2  {order: 2;}


.bnr-cont {
    color: #fff;
padding: 17px 0;}

.top-up{top:0px; left:0px; z-index:99999;  position: relative; }

.list-data{padding:25px 10px 40px 10px; text-align:center;  
background-color: #186FB0;
background-image: linear-gradient(180deg, #186FB0 , #22B1CC  ); width:100% }
.list-data p.hd-text{font-size:60px; color:#fff; font-weight:400; }
.list-data p.sub-text{font-size:20px; color:#fff; margin-top:-16px; padding-bottom:20px}
.dt-part {
    padding: 20px 50px 40px 50px;
    text-align: left;
    margin-top: 0px;
}
.dt-part .dt-se{padding:20px 10px}
h2{line-height:37px;}


.logo-lst div div{
padding:20px; 

}
.logo-lst img{display: block;
  margin-left: auto;
  margin-right: auto;}
  
.logo-lst{padding-bottom:0}
 
section.key-high{padding:0 0 0 18px}
.cont-li .list-det {
padding-top: 0px; font-family:rubik}
.key-high h2{padding-bottom:25px}

.key-right {
    padding-left: 0px;
}

.button-wrapper {
 margin: 0;
  position: absolute;
  top: 106%;
  right:0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.full-stack-part{padding-bottom:100px}
.border-lft:after {
  content: '';
  position: absolute;
  left: -2px;
  top: 2.4%;
  height: 98%;
  border-left: 2px solid #E3E4E5;
}

.cont-logo p{padding:0; text-align:left}
  
  .blk-part img, .career-t-sec img, .ad-sub img, .cont-logo img{display: block;
  margin-left: auto;
  margin-right: auto;}

.tab button{width:100%;}
.ad-sub{display: block;  }
.industry-trends{padding-top:20px; text-align:center}
.tab-cert button{width:100%}
.blk-part{}
.color-box {
    padding: 15px;
    height: 164px;
margin:15px;}
.box-stact{ margin-top: 100px;}
.img-round img {
    
    margin-top: -70px;
    margin-left: 78px;
}
ul.tl li .timestamp {left: -65%;}

.history-tl-container ul.tl{margin-left:20px;}
.ad-box{margin-bottom:10px;}
.con-al{padding:0}
.al-cont-desc-div { padding: 0 10px; }
.con-al h3 {padding: 0 6px 29px 6px;}

.course-tl-container ul.tl li.diff-img1::before {
    left: -16px;
	top: 4px;
    height: 30px;
    width: 30px;
    background-size: 30px 30px;   
}
.course-tl-container ul.tl li.diff-img2::before {
    left: -16px;
	top: 4px;
    height: 30px;
    width: 30px;
    background-size: 30px 30px;   
}
.rght-flt {
    position: inherit;
    margin-top: 0px;
    margin-left: 0%;
}
.rght-flt img{display: block;
  margin-left: auto;
  margin-right: auto;}

.certificate h2 {
line-height: 40px;}
.faq-sect {
    padding:0px 0px;
}
  
 .tab-timeline .collapsible_course .frame {
    text-align: left;
    font-size: 15px;
	display:flex;
	padding-top:10px;
 }
 
 .box-shadow span{
    margin-left: 290px;
	}
	
	.button-vdo{margin: 24px 17px;}
	.b-i{padding:10px 20px}
	.key-right {
    margin:0 0 20px 0;}
	/*.collapsible_course span.mod{padding: 10px 160px 0px 0; white-space:pre-line}*/
	.collapsible_course span.mod::after{
    content: "\a";
    white-space: pre;}
	.collapsible_course span.mod-cont{border-bottom:1px solid #ccc}
	.ad-sub .row div.col-md-8{padding-top:9px }
	.img-round img{ margin-left:60px;}
	.box-stact{height:340px}
	#testimonials  .div-b{ border:1px solid #eee ;
 -moz-box-shadow:1px 1px 0px 1px #eee;
-webkit-box-shadow: 1px 1px 0px 1px #eee;
box-shadow: 1px 1px 0px 1px #eee;
	 padding:10px;
	 margin:5px;
	 height:auto;
	 }
  .slider-logo-blue .header-section-sldr h2, .ft-l-p p{font-size:28px;}
  .flip-card-back p{padding:10px 15px;}
  .tab-cert {
	margin-left: 0px; 
}
.tab-cert p {padding: 10px 0;}
.box-stact h3 {
    font-size: 23px;
    padding: 10px 0 4px 0;
}
.history-tl-container {
    width: 78%;
    margin-left: 58px;
}
.ad-box {
    padding: 30px 33px;
    margin: 5px 0 15px 0px;
}
.mob-v{display:block}
.mob-d{display:none}
.flip-card {width: 336px;}
.slick-dots li button:before{font-size:20px;}
.bg-culti .slick-dots li button, .slider-logo-blue .slick-dots li button{display:none}
.slider-logo-1, .bg-culti{padding-bottom:0}
.ft-l-p{padding-bottom:140px}
.modal-dialog{width:auto;margin: 6px}
.program-fee-h{overflow-x:auto;}
.slider-m {height:810px;width:330px;}
.wht-box p{text-align:center}
.img-bk{display:flex}
.seco{text-align:left}

.full-stack-part p {
padding: 10px 20px;}

.img-post img{position: relative;}

.tabcontent{height:auto}

.bg-grey1{margin:auto}
.f-text {
    border: 2px solid #E8E9E9;
    padding: 15px;
    width: 100%;
    margin: 10px 0;
}
label {
	display: block;
  white-space: pre-wrap;
}
}