body{color:#5D5D5D; }
 h1, h2, h3,h4, h5, p, ul, button {font-family:Rubik }
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 }
.bnr-back{ color:#fff;background:#192944; background-image:url('https://360digit.b-cdn.net/assets/img/enrollment-back-bnr.png'); position: relative; text-align:center; background-size: cover;background-repeat: no-repeat; }
.bnr-cont{ color:#fff; padding:110px 0 115px 0; }
.bnr-cont h1{font-size:44px; padding:20px 0 0 0; line-height:48px; font-weight:400}
.bnr-cont h5{font-size:24px; padding:25px 0 0 0; line-height:40px; font-weight:300}

.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: 5px;
  font-family: 'Rubik';
}
ul.li-in-top{padding:20px}
.li-in-top li{list-style-type:none; display:inline-block; padding:10px 30px; font-size:24px;}
.li-in-top li.clr{list-style-type:none; display:inline-block; padding:10px 30px; font-size:24px; color:#00B5CC}

.li-in-top li span{ width:30px; border-radius:50%; padding:5px 13px; background:#D1D3D4; color:#fff}
.li-in-top li.clr span{ width:30px; border-radius:50%; padding:5px 13px; background:#00B5CC; color:#fff}

/*.li-in-top li:after {
    content: '';
    position: absolute;
    left: -2px;
    border-bottom: 2px solid #E3E4E5;
}*/

.bg-grey{background:#F7F7F7}

.bg-white{background:#fff; margin:20px 0}
h2{color:#00B5CC; text-align:center}
.form-fill{padding:50px}

.li-in-top li:after {
	bottom: 57px;
  left: 103px;
  border-top-color: #F6F6F6;
  border-width: 12px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}
.form-fill .row{padding:10px}
.f-text{ border:2px solid #E8E9E9; padding:15px; width:100%;}
.form-fill-text{border:2px solid #E8E9E9; padding:15px;}
.button-msg {
    background-color: #00B5CC;
    border: none;
    color: white;
    padding: 14px 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    margin: 24px 4px;
    cursor: pointer;
    border-radius: 5px;
}

.button-msg-3 {
    background-color: #00B5CC;
    border: none;
    color: white;
    padding: 14px 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
}
.btn-full-width{width:100%}
.button-msg-b {
    background-color: transparent;
    border: none;
    color: #808285;
    padding: 12px 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    margin: 24px 4px;
    cursor: pointer;
    border-radius: 5px;
	border:1px solid #00B5CC; 
}
.button-msg-student {
    background-color: #F58220;
    border: none;
    color: white;
    padding: 14px 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    margin: 24px 4px;
    cursor: pointer;
    border-radius: 5px;
}
.btn-center{text-align:center}
.bg-white-student{background:#fff; margin:20px 40px}
.text-hd{font-size:24px}
ul.number{list-style-type:decimal; padding:17px;}
ul.number li{font-size:18px; padding:5px 0}
.scnd{padding:30px 20px}
.scnd-course{padding:20px 50px}
.rgt-prt h3{color:#58595B; font-size:24px; padding:6px 0 8px 0; font-weight:500}
.rgt-prt h5{font-weight:400}
.rgt-prt h5, .rgt-prt p{font-size:18px; color:#808285; padding:6px 0}
.rgt-prt p.sub-txt1{font-size:14px; padding:5px 3px 23px 3px}
.rgt-prt p.sub-txt{font-size:14px; padding:5px 3px 38px 3px}
p.lft-txt{font-size:14px; padding:5px 3px 38px 10px}
.top-f h3{font-size:18px; color:#222222; padding:4px 0}
.student-fill{background-image:url('http://360digitmg.com/assets/img/student-left.png');position: relative; text-align:left; background-repeat: no-repeat; }



.bnr-back-student{color:#fff;background-color: #1A6FB2; 
  background-image: linear-gradient(to right, #3DB9CA , #1A6FB2); position: relative; text-align:left; background-size: cover;background-repeat: no-repeat;}
.bnr-cont-student h4{text-align:left; padding:20px 0 0 33px}


.bnr-cont-student ul{text-align:left; padding-left:50px}

.student-fill form{padding:30px 0; padding-left:49%; color:#808285; }
.bnr-cont-student h1{font-size:40px; text-align:center; padding:30px;}
.bnr-cont-student h5{text-align:center; padding:0px 100px 30px 100px;} 
.bnr-back-event{color:#fff;background-color: #1A6FB2; 
  background-image: url('https://360digit.b-cdn.net/assets/img/back-event.png'); position: relative; text-align:left; background-size: cover;background-repeat: no-repeat;}
  
  .bnr-cont-event{padding:220px 0}
  .bg-event h3{font-size:36px; color:#000; padding:40px 0 15px 0}
  .bg-event p{font-size:18px; color:#000; padding-bottom:30px}
  .bg-event form ul, .bg-event form h4{padding-left:30px;}
  .bg-event form h4{padding-left:10px;}
  .panel-warning>.panel-heading{background:#00B5CC;}
  .panel-title>a, .panel-title>a:active {
    display: block;
    padding: 5px;
    color: #F7F7F7;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0px;
    word-spacing: 0px;
    text-decoration: none;
	 margin:10px;
}
  .panel-heading a{background:#00B5CC; color:#fff; text-transform:capitalize; font-family:Rubik; font-size:24px; padding:10px;  margin:10px;}
  .panel-heading a:before {content:'';}
  .panel-title a{font-family:rubik; text-transform:capitalize;}
  
 .panel-title a .row .col-md-1 span i{background:#F7F7F7; color:#00B5CC; border-radius:50%; padding:5px; font-size:26px }
 .panel-title a .row .col-md-2 span.tab_chng{border:1px solid #F7F7F7; color:#F7F7F7; font-size:18px; padding:5px; text-align:center;}
 .panel-title a .row{font-weight:400}
 .panel-title a.collapsed .row span.tab_col_disply{display:block}
 .panel-title>a .row span.tab_col_disply{display:none}
 .button-msg-cont {
    background-color: #F58220;
    border: none;
    color: #fff;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    margin: 24px 4px;
    cursor: pointer;
    border-radius: 0px;
	border:1px solid #F58220; 
	width:100%;
}

.button-msg-back {
    background-color: transparent;
    border: none;
    color: #808285;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    margin: 24px 4px;
    cursor: pointer;
    border-radius: 0px;
	border:1px solid #F58220; 
	width:100%;
}
.form-fill-1{padding: 10px 50px}
.button-msg-txt {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #808285;
    padding: 14px 50px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    margin: 24px 4px;
    cursor: pointer;
    border-radius: 0px;
}
.select-drop {
  width: 25%;
  margin-left:13px;
}

/*mobile view*/

@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}
.select-drop {
  width: 100%;
  margin-left: 1px;
}
.form-fill-text { width: 100%;} 
}


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

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

.bnr-back h1{font-size:40px; line-height:43px}

.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;}
.book-slot {padding: 0px 13px; }
.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;}
.book-slot h2, .book-slot button.button-msg {text-align:center; align-items: center;}
.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;}
.form-fill {
    padding: 50px 10px;
}
.f-text {
    border: 2px solid #E8E9E9;
    padding: 15px;
    width: 100%;
    margin: 10px 0;
}

}





/*@media only screen and (min-device-width: 641px) and (max-device-width: 768px) {
       .collapsible_course span.mod-cont {
    border-bottom: 1px solid #ccc;
    margin-left: 9px;
    }
@media only screen and (min-device-width: 281px) and (max-device-width: 640px) {
       .collapsible_course span.mod-cont {
    border-bottom: 1px solid #ccc;
    margin-left: -9px;
    }*/

/*
#f1_container {
  position: relative;
  margin: 10px auto;
  width: 450px;
  height: 281px;
  z-index: 1;
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  box-shadow: -5px 5px 5px #aaa;
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #aaa;
}
*/