/*ttile*/
*{color: #d7e6ff;}
p{text-align: justify;}
.banner-content h1 {
    text-shadow: 2px 2px 0 #df01ae;
    line-height: 1.286;
    margin-bottom: 18px;
}
.tc-meetspeakers {
    display: flex;
    flex-direction: column;
    padding: 40px;
    border-radius: 10px;
    margin: 30px 0 0 0;
}
.tc-meetspeakers h2 {
    margin-bottom: 11px 0px;
    color: #333e63;
}
.tc-morebtns a {
    line-height: 44px;
    height: 44px;
}
.tc-bgbtn {
    min-width: 140px;
    padding: 0 10px;
    background-color: #333e63;
    color: #fff;
    text-align: center;
    position: relative;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    margin: 0 10px 0 0;
}
.tc-meettalkative {
    background: #333e63;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}
.tc-meettalkative .tc-talkativedetail h2 {
    color: #f4c20a;
}
.exper .numb-ex>span {
    font-size: 120px;
    line-height: 1.2;
    float: left;
    font-weight: 700;
    margin-right: 20px;
    color: #fff;
}
.exper h4 {
    font-size: 18px;
    /*margin-top: 40px;*/
}
.tc-talkativedetail .tc-morebtns .tc-btn:not(.tc-plainbtn) {
    background: #f4c20a;
    color: #333e63 !important;
}
.tc-btn {
    outline: none !important;
    min-width: 160px;
    padding: 0 10px;
    color: #333e63;
    text-align: center;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    border: 2px solid transparent;
    background-color: #f4c20a;
}
.hover-button-yellow{
  color: #fff;
    font-size: medium;
    background: rgb(255 255 255);
    padding: 12px 25px;
    cursor: pointer;
    border: 2px solid #ffba00;
    border-radius: 50px;
    background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
    transition: opacity 200ms ease;
}
.hover-button-yellow:hover{opacity: 1;color: #fff; background: linear-gradient(-45deg, #ff6c00 1%, #ffc600 100%);}
.v-light .mask-bg, .bg-criteria {
    background-color: #333e63;
    color: #d7e6ff;
}
.
.mask-bg {
    position: absolute;
    left: 0;
    width: calc(70% + 20px);
    height: 100%;
    background-color: #cfdff7;
    z-index: 0;
}
[data-dsn-grid=move-up], [data-dsn-grid=moveUp] {
    position: relative;
    margin: 0 auto;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 1/1/3/3;
    overflow: hidden;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 99;
}
.box-gallery-vertical .box-info {
    padding-left: 50px;
}
.box-gallery-vertical .vertical-title {
    position: relative;
}

[data-dsn-animate=up] {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: opacity,transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.box-gallery-vertical {
    position: relative;
}
.shedule-block:hover:before {
    height: 100%;
    top: 0;
}
.shedule-block:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 100%;
    content: "";
    background: #f14b59;
    background: -moz-linear-gradient(left,rgba(241,75,89,1) 0%,rgba(69,74,180,1) 50%,rgba(255,162,0,1) 100%);
    background: -webkit-linear-gradient(left,rgba(241,75,89,1) 0%,rgba(69,74,180,1) 50%,rgba(255,162,0,1) 100%);
    background: linear-gradient(to right,rgba(241,75,89,1) 0%,rgba(69,74,180,1) 50%,rgba(255,162,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f14b59',endColorstr='#ffa200',GradientType=1);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.shedule-block {
    position: relative;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #f2f4f7;
}
.atf-counter-area{background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;}
.eligi-list{padding: 10px;line-height: 1.8;position: relative;list-style-type: none;}
.vertical-title h2{color: #283a5a;}
.eligi-list li{color: #d7e6ff;}
.eligi-list li:before {
  content: "\eb79"; /* FontAwesome Unicode */
      font-family: 'remixicon' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
  display: inline-block;
  color: #ef6603!important;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
#importantdate .info {
    border-top: 3px solid #47b2e4;
    border-bottom: 3px solid #47b2e4;
    padding: 30px;
    background: #283a5a;
    width: 100%;
    box-shadow: 0 0 24px 0 rgb(0 0 0 / 10%);
}
.imporatnt-link, .imporatnt-link li ul{padding: 10px;position: relative;line-height: 1.8;list-style-type: none;color: #d7e6ff;}
.imporatnt-link li, .imporatnt-link li ul li{color: #d7e6ff;}
.imporatnt-link strong, .imporatnt-link em {color: #ffc107;}
.text-blue li{color: #283a5a;}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: radial-gradient(ellipse at bottom, #344861 0%, #070708 100%);
  margin-bottom: -80px;
}
#hero .container {
  padding-top: 65px;
}
#hero h1 {
  margin: 0 0 25px 0;
  font-size: 70px;
  font-weight: 700;
  line-height: 56px;
  color: #96f8ff;
  text-shadow: 0 4px 17px rgb(106 207 254 / 89%);
}
#hero h2 {
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 50px;
  font-size: 24px;
}
#hero h3 {
  margin-bottom: 0;
  /* display: contents; */
}
#hero .hero-video {
  display: inline-flex;
  align-items: center;
  padding-top: 10px;
}
#hero .hero-video h3 {
  font-size: 20px;
  color:#c8ffe8; 
  margin-left: 30px; 
  margin-right:20px
}
#hero .btn-get-started {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px 11px 28px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #47b2e4;
}
#hero .btn-get-started:hover {
  background: #209dd8;
}
#hero .btn-watch-video {
  font-size: 16px;
  display: flex;
  align-items: center;
  transition: 0.5s;
  margin: 0 0 0 0px;
  color: #fff;
  line-height: 1;
}
#hero .btn-watch-video i {
  line-height: 0;
  color: rgb(203 255 142);
  transition: 0.3s;
  margin-right: 8px;
}
#hero .btn-watch-video:hover i {
  color: #47b2e4;
}
#hero .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
#hero .countdown {
  padding-top: 30px;
}
.mble-break{
    display: none;
}
@media (min-width: 991px) {
  #hero .homesuboptions {
    padding-left: 60px;
  }
  #hero .countdown {
    padding-left: 50px;
    padding-top: 30px;
  }
  #hero .samaaroButton {
    padding-left: 50px;
    display: flex;
    justify-content: left;
    text-align: left;
    padding-top: 30px;
  }
}
@media (max-width: 991px) {
  #hero .samaaroButton {
    text-align: center;
    padding-top: 40px;
    display: flex;
    justify-content: center;
  }
  #hero {
    height: auto;
    text-align: center;
  }
  #hero .animated {
    -webkit-animation: none;
    animation: none;
  }
  #hero .hero-img {
    /*display: none;*/
  }
  .h_blog_item .h_blog_img{display: none;}
  .h_blog_item .h_blog_text .h_blog_text_inner.right{margin-left: 0px!important;}
}
@media (max-width: 768px) {
  #hero .container {
    padding-top: 20px;
  }
  #hero h1 {
    font-size: 40px;
    line-height: 36px;
  }
  #hero h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  #hero .hero-video {
    margin-top: 5px;
  }
}
@media (max-width: 575px) {
  #hero .hero-img img {
    max-width: 100%;
  }
  #hero h3 {
    font-size: 16px;
  }
  #hero .hero-video h3 {
    font-size: 14px;
  }

}
@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

/**
   * Change animation duration
   */
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.brand {
  margin: 10px 10px;
}

.brand h3 {
  margin-top: 10px;
  color: #fff;
}

.brand div h3 {
  display: inline-block;
  margin-top: 0px;
}

@media only screen and (max-width: 530px) {
  .index-page .brand h1 {
    font-size: 12vw;
  }
}
#main {
  position: relative;
}
/*--------------------------------------------------------------
  # Countdown
  --------------------------------------------------------------*/
#countdown {
  margin-bottom: 80px;
  justify-content: left;
}
#countdown div {
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  margin: 10px 10px;
  width: 100px;
  padding: 15px 0;
}
#countdown div h3 {
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 15px;
  color: #fff;
}
#countdown div h4 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
@media (max-width: 1000px) {
  #countdown {
    justify-content: center;
  }
}
@media (max-width: 575px) {
  #countdown {
    justify-content: center;
  }
  #countdown div {
    width: 70px;
    padding: 10px 0;
    margin: 10px 8px;
  }
  #countdown div h3 {
    font-size: 28px;
    margin-bottom: 10px;
  }
  #countdown div h4 {
    font-size: 14px;
    font-weight: 500;
  }
}

/*--------------------------------------------------------------
  # Number of Events Section
  --------------------------------------------------------------*/
.numberofevents {
  position: relative;
  padding-bottom: 20px;
  background: radial-gradient(ellipse at top, #344861 0%, #070708 100%);
  z-index: -1;
  /* background: url('assets/img/Digital-disruption.jpg'); */
}
.numberofevents .container {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  margin-top: 5px;
}

.numberofevents .count-box {
  align-items: center;
  display: inline-flex;
  width: 100%;
}
.numberofevents .count-box i {
  display: block;
  font-size: 48px;
  color: #00c0ff;
  float: left;
  line-height: 0;
}
.numberofevents .count-box span {
  font-size: 28px;
  line-height: 24px;
  display: block;
  font-weight: 700;
  color: #aaf6ff;
  margin-left: 60px;
}

.numberofevents .count-box p {
  padding: 5px 0 0 0;
  margin: 0 0 0 15px;
  font-weight: 600;
  font-size: 16px;
  color: #cdff6f;
}
@media (max-width: 380px) {
  .numberofevents .count-box p {
    font-size: 14px;
  }
}
.numberofevents .count-box a {
  font-weight: 600;
  display: block;
  margin-top: 3px;
  color: #646c55;
  font-size: 15px;
  transition: ease-in-out 0.3s;
}
.numberofevents .count-box a:hover {
  color: #8b9578;
}

.homeWrapper {
  background: rgb(40 58 90);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
/*counter*/
.counter{
    color: #ffffff;
    text-align: center;
    width: 100%;
    padding: 0 0 45px;
    /*padding: 0 0 0px;*/
    margin: 0 auto;
    position: relative;
    z-index: 1;
    height: 100%;
}
.counter h2 {
  position: absolute;
  font-size: 40px;
  left: 42%;
  top: 32%;
  color: #c7e6ff;
}
.counter h3 font{color: #ffc107;}
.counter:before,
.counter:after{
    content: '';
    background-color: #304468;
    height: calc(100% - 120px);
    width: 100%;
    border-radius: 0 0 20px 20px;
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: -1;
    /*box-shadow: 0px 0px 20px 0px rgb(255 255 255 / 10%);*/
}
.counter:after{
    width: 30px;
    height: 30px;
    border-radius: 0;
    transform: translateX(-50%) rotate(45deg);
    bottom: 6px;
    left: 50%;
}
.doublecounter .counter-value{font-size: 30px!important;}
.counter .counter-value{
    color: #ffc107;
    background: linear-gradient(#304468 50%,#304468 50%);
    font-size: 45px;
    font-weight: 600;
    line-height: 130px;
    width: 200px;
    height: 200px;
    margin: 0 auto 20px;
    border-radius: 50%;
        box-shadow: 0 -5px 0 rgb(40 58 90), 0 5px 5px rgb(0 0 0 / 30%);
    display: block;
  -webkit-text-stroke-color: #ffc107;
  -webkit-text-stroke-width: 1px;
}
.counter h3{
    font-size: 17px;
    font-weight: 500;
    margin: 0 10px;
}
@media screen and (max-width:991px){
    .counter{ margin-bottom: 40px; }
}
#syllabus .accordion-button{
  color: #d7e6ff;
      background-color: #333e63;
}
/**/
/*--------------------------------------------------------------
  # About Us
  --------------------------------------------------------------*/
.about {
  position: relative;
}
.about h2, #importantdate h2, #syllabus h2, #criteria h2, #courses h2 {
  color: #d7e6ff;
}
.about .content h3 {
  font-weight: 600;
  font-size: 26px;
}
#aboutus .description {
  font-size: 18px;
}
.about .content p:last-child {
  margin-bottom: 0;
}
.about .btn-learn-more {
  width: fit-content;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 4px;
  transition: 0.3s;
  line-height: 1;
  color: #47b2e4;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  margin-top: 6px;
  border: 2px solid #47b2e4;
}
.about .btn-learn-more:hover {
  background: #47b2e4;
  color: #fff;
  text-decoration: none;
}


#themetimeline{
  /* background-image:url("{% static 'img/themetimeline.png' %}"); */
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
#themehead{
  color: white;
}
.process-wrapper {
  margin:auto;
  max-width:1080px;
  position: relative;
}

#progress-bar-container {
  position:relative;
  width:90%;
  margin:auto;
  height:100px;
  margin-top:65px;
  left:23%;
}

#progress-bar-container ul {
  padding:0;
  margin:0;
  padding-top:15px;
  z-index:9999;
  position:absolute;
  width:100%;
  margin-top:-40px
}

#progress-bar-container li:before {
  content:" ";
  display:block;
  margin:auto;
  width:30px;
  height:30px;
  border-radius:50%;
  border:solid 1px #47b2e4;
  transition:all ease 0.3s;
     
}

#progress-bar-container li.active:before, #progress-bar-container li:hover:before {
  border: solid 2px #47b2e4;
    background-color: #47b2e4;
  /* background: linear-gradient(to right, #9c27b0, transparent);  */
}

#progress-bar-container li {
  list-style:none;
  float:left;
  width:20%;
  text-align:center;
  color:rgb(43, 42, 42);
  text-transform:uppercase;
  font-size:11px;
  cursor:pointer;
  font-weight:700;
  transition:all ease 0.2s;
  vertical-align:bottom;
  height:60px;
  position:relative;
}

#progress-bar-container li .step-inner {
  position:absolute;
  width:100%;
  bottom:0;
    font-size: 14px;
}

#progress-bar-container li.active, #progress-bar-container li:hover {
  color:#47b2e4;
}

#progress-bar-container li:after {
  content:" ";
  display:block;
  width:6px;
  height:6px;
  background:rgb(95, 190, 228);
  margin:auto;
  border:solid 7px #47b2e4;
  border-radius:50%;
  margin-top:40px;
  box-shadow:0 2px 13px -1px rgba(0,0,0,0.3);
  transition:all ease 0.2s;
     
}

#progress-bar-container li:hover:after {
  background:#47b2e4;
}

#progress-bar-container li.active:after {
  background:#47b2e4;
}

#progress-bar-container #line {
  width:40%;
  margin:auto;
  background: rgb(235, 235, 235);
  height:6px;
  position:absolute;
  left:10%;
  top:50px;
  z-index:1;
  border-radius:50px;
  transition:all ease 0.9s;
}
.card{
  border: none;
  padding: 10px;
  word-wrap: normal;
}

.card-text{
  color: #fff;
  padding: 0px;
}
#progress-bar-container #line-progress {
  content:" ";
  width:3%;
  height:100%;
  background: #47b2e4;	 
  background: linear-gradient(to right,#47b2e4 0%,#47b2e4 100%); 
  position:absolute;
  z-index:2;
  border-radius:50px;
  transition:all ease 0.9s;
}

#progress-content-section {
  width:90%;
  margin: auto;
  background: none;
 

  /* border: 1px solid white; */
  border-radius: 4px;
}

@media(max-width:960px){
  .container {
    left: 15% !important; 
    
  }
 #progress-bar-container{
   position: relative;
   left: 16%;
 }
  #progress-content-section{
    position: relative;
    left:-10%;
  }
}

@media (min-width:553px) and (max-width:576px) {
  #cardcontentcontainer{
    padding: 0 30px !important;
  }
}

@media (max-width: 420px) and (min-width: 380px){
  #cardcontentcontainer{
    width: min-content;
    position: relative;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

}
@media (max-width: 316px) {
  #cardcontentcontainer{
    width: min-content;
    position: relative;
    align-content: center;
    padding: 0 40px;
  }

}
@media(max-width:380px){
  .container {
    left: 15% !important; 
    
  }
 #progress-bar-container{
   position: relative;
   left: 16%;
 }
  #progress-content-section{
    position: relative;
    left:0%;
  }

  #cardcontentcontainer{
    width: 80px;
    position: relative;
    left: -3rem;
  }
}

#progress-content-section .section-content {
  padding:0px 40px;
  text-align:center;
}

#progress-content-section .section-content h2 {
  font-size:17px;
  text-transform:uppercase;
  color:white;
  letter-spacing:1px;
}

#progress-content-section .section-content p {
  font-size:16px;
  line-height:1.5em;
  color:black;
}

#progress-content-section .section-content {
  display:none;
  animation: FadeInUp 700ms ease 1;
  animation-fill-mode:forwards;
  transform:translateY(15px);
  opacity:0;
}

#progress-content-section .section-content.active {
  display:block;
}

@keyframes FadeInUp {
  0% {
    transform:translateY(15px);
    opacity:0;
  }
  
  100% {
    transform:translateY(0px);
    opacity:1;
  }
}
/*course*/
.course-offered-list li{padding: 5px;}
.h_blog_item .h_blog_text .h_blog_text_inner.right {
    margin-left: -104px;
    position: relative;
    z-index: 1;
    border: 10px solid #f9f9ff;
}
.h_blog_item .h_blog_img {
    position: relative;
    z-index: 10;
}
.h_blog_item .col-lg-6 {
    vertical-align: middle;
    align-self: center;
}
.h_blog_item .h_blog_text .h_blog_text_inner {
    padding: 75px 90px;
    border-radius: 10px;
}
.model-qus {
  position: absolute;
    right: 25%;
}
.model-qus a{
  background: #ffba00!important;
  color: #6e6d6d!important;
}
.model-qus a:hover{
  color: #fff!important;
}
.title-caption{
  color: #c8ffe8;
  font-size: 20px;
}
.m-center{
  margin-left: 40px;
  margin-top: 10px;
}
/*--------------------------------------------------------------
# CA Popup
--------------------------------------------------------------*/

@media(max-width:1100px){
  .model-qus {
     position: unset;
    right: unset;
}

}
@media(max-width:990px){
  .m-center{
  margin-left: 0px;
}
.text-cntr{text-align: center!important;}
}
@media(min-width:1200px){
  /*menu*/
.navmenu ul li {
  display:inline-block;
  margin:0 22px 0 24px;
}
.navmenu ul li a {
  font-size:14px;
  color:#fff;
  position: relative;
    text-decoration: none;
  text-transform:uppercase;
  padding: 6px 0 7px;
  font-weight: normal;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.navmenu ul li a::before,
.navmenu ul li a::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.navmenu ul li a::before {
  top: 0;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);
}
.navmenu ul li a::after {
  bottom: 0;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
}

.navmenu ul li a:hover{color: #fff;
}
.navmenu ul li a:hover::before,
.navmenu ul li a:hover::after,
.navmenu ul li.active a::before,
.navmenu ul li.active a::after {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}
.navmenu ul li:last-child {margin-right:0;
}
}
/*Schedule*/
.schedule-section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

.schedule-section .icon-circle-2 {
    left: -120px;
    top: 100px;
}

.schedule-section .pattern-4 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    -webkit-animation: bounce-y 10s infinite;
    animation: bounce-y 10s infinite;
}

.schedule-tabs {
    position: relative;
}

.schedule-tabs .btns-box {
    position: relative;
    display: block;
    margin-bottom: 70px;
}

.schedule-tabs .tab-buttons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.schedule-tabs .tab-buttons li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 125px;
    width: 190px;
    background-color: #ffffff;
    border: 1px solid #ff7c00;
    margin: 0 -1px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.schedule-tabs .tab-buttons li .day {
    position: absolute;
    left: 18px;
    top: -1px;
    min-width: 120px;
    padding: 10px 20px;
    color: #081245;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #ff7c00;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

.schedule-tabs .tab-buttons li.active,.schedule-tabs .nav-pills .nav-link.active {
        background: unset;
}

.schedule-tabs .tab-buttons li.active .day, .schedule-tabs .nav-pills .nav-link.active  .day {
    background-color: #081245;
    border: 1px solid #081245;
    color: #ffffff;
}

.schedule-tabs .tab-buttons li .date-box {
    position: relative;
    padding-left: 65px;
    min-height: 40px;
    margin-bottom: 15px;
}

.schedule-tabs .tab-buttons li .date {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 48px;
    line-height: 40px;
    font-weight: 700;
    color: #ffba00;
    font-family: 'Exo', sans-serif;
}

.schedule-tabs .tab-buttons li .month {
    display: block;
    font-weight: 700;
    font-size: 18px;
    color: #081245;
    line-height: 1em;
    text-transform: uppercase;
    font-family: 'Exo', sans-serif;
}

.schedule-tabs .tab-buttons li .month .colored {
    display: block;
    font-size: 24px;
    line-height: 1em;
    color: #3549ae;
}

.schedule-timeline {
    position: relative;
}
.text-oranges{color: #ef6603;}

/*=== Schedule Block ===*/

.schedule-block {
    position: relative;
    overflow: hidden;
}

.schedule-block:after {
    display: table;
    clear: both;
    content: "";
}

.schedule-block .inner-box {
    position: relative;
    float: right;
    width: 60%;
    text-align: left;
}

.schedule-block .inner-box .inner {
    position: relative;
    padding: 30px 30px 24px;
    background-color: #ffffff;
    min-height: 210px;
    background: #f5f5f5;
    border: 1px solid transparent;
    background: -o-linear-gradient(45deg, #283a5a 1%, #333e63 100%);
        background: linear-gradient(45deg, #283a5a 1%, #333e63 100%);
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.10);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.10);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #081245;
}
.schedule-block .inner-box .inner p, .schedule-block .inner-box .inner p strong, .schedule-block .inner-box .inner ul li{
  /*color: #081245;*/
}
.schedule-block .inner-box .inner ul li{padding: 5px;display: flex;}
.schedule-block .inner-box .inner ul li:before{
      content: "\f2ef";
        display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ef6603;
    margin: 3px;padding-right: 3px;
}
.top-20{top: 20%!important;}
.min-h-10{min-height: 10px!important;}
.mble-br{margin-top: 20px;}
.schedule-block .inner-box:hover .inner {
    border: 1px solid #283a5a;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.schedule-block .date {
    position: absolute;
    left: -225px;
    top: 0px;
    height: 210px;
    width: 210px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.schedule-block .date span {
    position: relative;
    height: 100px;
    width: 100px;
    border: 5px dashed #ffffff;
    font-size: 14px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #9207e1;
    text-align: center;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(#9207e1), to(#300079));
    background: -o-linear-gradient(top, #9207e1 0%, #300079 100%);
    background: linear-gradient(to bottom, #9207e1 0%, #300079 100%);
}

.schedule-block .date span:before {
    position: absolute;
    left: 100%;
    top: 50%;
    width: 75px;
    height: 5px;
    margin-top: 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(#9207e1), to(#300079));
    background: -o-linear-gradient(top, #9207e1 0%, #300079 100%);
    background: linear-gradient(to bottom, #9207e1 0%, #300079 100%);
    content: "";
}

.schedule-block .date:before {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border: 5px solid #6503b2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 50%;
    content: "";
}

.schedule-block .date:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 55%;
    height: 100%;
    background-color: #283a5a;
    content: "";
}

.schedule-block .speaker-info {
    position: relative;
    min-height: 80px;
}

.schedule-block .speaker-info .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.schedule-block .speaker-info .icon {
    font-size: 27px;
    color: #ffba00;
    line-height: 1em;
    margin-bottom: 10px;
}

.schedule-block .speaker-info .name {
    font-size: 20px;
    color: #ffc107;
    font-weight: 700;
    line-height: 1em;
}

.schedule-block .speaker-info .designation {
    font-size: 16px;
    color: #555555;
}

.schedule-block h4 {
    position: relative;
    font-size: 24px;
    line-height: 1.2em;
    color: #081245;
    font-weight: 700;
    padding-top: 15px;
}

.schedule-block h4 a {
    color: #081245;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.schedule-block h4 a:hover {
    color: #fd00c5;
}

.schedule-block.even .inner-box {
    float: left;
    text-align: right;
}

.schedule-block.even .inner-box .inner {
    margin-left: 0;
}

.schedule-block.even .inner:before {
    left: 0;
    right: auto;
    background-position: right bottom;
}

.schedule-block.even .date {
    left: auto;
    right: -225px;
}

.schedule-block.even .date:after {
    right: auto;
    left: 0;
}

.schedule-block.even .date span:before {
    left: auto;
    right: 100%;
}

.schedule-block.even .speaker-info {
    padding-left: 0;
    padding-right: 95px;
}

.schedule-block.even .speaker-info .thumb {
    left: auto;
    right: 0;
}

.schedule-block:nth-child(4n+2) .date span:before,
.schedule-block:nth-child(4n+2) .date span {
    background: #f84900;
    background: -o-linear-gradient(45deg, #f84900 1%, #ff9c00 100%);
    background: linear-gradient(45deg, #f84900 1%, #ff9c00 100%);
}

.schedule-block:nth-child(4n+2) .date:before {
    border-color: #f96426;
}

.schedule-block:nth-child(4n+3) .date span:before,
.schedule-block:nth-child(4n+3) .date span {
    background: #08cdd2;
    background: -o-linear-gradient(45deg, #08cdd2 0%, #0b8aeb 100%);
    background: linear-gradient(45deg, #08cdd2 0%, #0b8aeb 100%);
}

.schedule-block:nth-child(4n+3) .date:before {
    border-color: #08cdd2;
}

.schedule-block:nth-child(4n+4) .date span:before,
.schedule-block:nth-child(4n+4) .date span {
    background: #cdd00e;
    background: -o-linear-gradient(45deg, #cdd00e 0%, #6eba3a 100%);
    background: linear-gradient(45deg, #cdd00e 0%, #6eba3a 100%);
}

.schedule-block:nth-child(4n+4) .date:before {
    border-color: #cdd00e;
}
@media(max-width:450px){ .mble-br{margin-top: 20px;}}
@media(max-width:760px){
  .schedule-block .inner-box {
   width: 100%!important;
}
.schedule-block .date {
    position: unset!important;
}
.schedule-block .date span:before {
    bottom: 100%;
    top: 130%;
    left: unset;
    width: 60px;
    height: 5px;
    transform: rotate(90deg);
    right: unset!important;
}
.schedule-block .date:after, .schedule-block .date:before{display: none;}
.h_blog_item .h_blog_text .h_blog_text_inner.right {
     margin-left: auto; 
    position: relative;
    z-index: 1;
    border: 10px solid #f9f9ff;
}
.h_blog_item .h_blog_text .h_blog_text_inner {
    padding: 15px;
}
}
#regimodal .tab{display: none; width: 100%; height: 50%;margin: 0px auto;}
#regimodal .tab label{color: #d7e6ff;padding: 4px;}
#regimodal .current{display: block;}
#regimodal .previous {background-color: #bbbbbb; }
#regimodal .modal-title{color: #ffc107;}
#regimodal .modal-content{background-color: #304468;}
/* Make circles that indicate the steps of the form: */
#regimodal .step {height: 30px; width: 30px; cursor: pointer; margin: 0 2px; color: #fff; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.8; padding: 5px}
#regimodal select option { color: #141d2d;
}
#regimodal .step.active {opacity: 1; background-color: #69c769;}

#regimodal .step.finish {background-color: #4CAF50; }
#regimodal button.previous,
#regimodal button.next,
#regimodal button.submit {
    font-size: 17px;
    font-weight: bold;
    position: relative;
    width: 100px;
    height: 40px;
    background: #DC3545;
    margin: 0 auto;
    margin-top: 20px;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    transition: color .3s;
    text-align: center;
    color: #fff;
    border: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
 
#regimodal button.previous:after,
#regimodal button.next:after,
#regimodal button.submit:after {
    position: absolute;
    top: 90%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #cc0616;
    content: "";
    z-index: -2;
    transition: transform .3s;
}
 
#regimodal button.previous:hover::after,
#regimodal button.next:hover::after,
#regimodal button.submit:hover::after {
    transform: translateY(-80%);
    transition: transform .3s;
}
.error {color: #f00!important; }
@media (max-width: 480px) {
  #hero .hero-video h3 {
    font-size: 14px;
  }
  #hero .samaaroButton {
    flex-direction: column;
  }
  .exper .numb-ex>span{
    float: unset!important;
  }
  .exper h4 {
    margin-top: -28px;
}
.mbi-center{text-align: center;}
.mble-br{float: unset!important;}
.mble-break{
    display: block;
}
.firt-rec .counter h2{
  top: 29%!important;
}
.counter h2 {
    left: 37%!important;
    top: 32%!important;
}
.schedule-block.even .inner-box .inner .p-4{padding: unset!important;}
.schedule-tabs .btns-box{
  margin-bottom: -18px!important;
}
.schedule-tabs .tab-buttons li .month .colored {
    font-size: 12px;
}
.schedule-tabs .tab-buttons li .month {
    font-size: 18px;
}
.schedule-tabs .tab-buttons li .date {
    left: 10px;
    top: 25px;
    font-size: 30px;
}
.schedule-tabs .tab-buttons li .date-box {
     position: unset!important; 
    padding-left: 0px;
    min-height: 40px;
    margin-bottom: -9px;
}
.schedule-tabs .tab-buttons li .day {
    left: 0px;
    top: -1px;
    min-width: 100%;
    padding: 5px;
    font-size: 10px;
}
.schedule-tabs .tab-buttons li{
  height: 105px;
    width: 20%;
}
#syllabus .tab .tab-content{padding: 10px;}
}
.wrapper{max-width:100%}.embyoutube{background-color:#000;margin-bottom:30px;position:relative;padding-top:56.25%;overflow:hidden;cursor:pointer}.embyoutube img{width:100%;top:-16.82%;left:0;opacity:.7}.embyoutube .play-button{width:70px;height:70px;background-color:#333;box-shadow:0 0 30px rgba(0,0,0,.6);z-index:1;opacity:.8;border-radius:50%}.embyoutube .play-button:before{content:"";border-style:solid;border-width:15px 0 15px 26px;border-color:transparent transparent transparent #fff}.embyoutube .play-button,.embyoutube img{cursor:pointer}.embyoutube .play-button,.embyoutube .play-button:before,.embyoutube iframe,.embyoutube img{position:absolute}.embyoutube .play-button,.embyoutube .play-button:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.embyoutube iframe{height:100%;width:100%;top:0;left:0}
.embyoutube .play-button::after {
    position: absolute;
    content: '';
    bottom: -7px;
    top: -7px;
    left: -7px;
    right: -7px;
    background-color: transparent;
    border-radius: 50%;
    border: 4px solid #fff;
    margin: 0px;
    opacity: 1;
    transform-origin: center;
    animation: anim 800ms linear infinite;
}
@keyframes anim {
            from {
                margin: 0px;
                opacity: 1;
            }

            to {
                margin: -15px;
                opacity: 0;
            }
        }
.new-iocn code{
  font-family: 'Open Sans', sans-serif,Arial;
  text-transform: capitalize;
  animation: Color 4s linear infinite;
  -webkit-animation: Color 4s ease-in-out infinite;
  font-size: 14px;
}

@keyframes Color{
  0%{
    color:#A0D468;
  }
  
  20%{
    color:#4FC1E9;
  }
  
  40%{
    color:#FFCE54;
  }
  
  60%{
    color:#FC6E51;
  }
  
  80%{
    color:#ED5565;
  }
  
  100%{
    color:#AC92EC;
  }
}

@-moz-keyframes Color{
  0%{
    color:#A0D468;
  }
  
  20%{
    color:#4FC1E9;
  }
  
  40%{
    color:#FFCE54;
  }
  
  60%{
    color:#FC6E51;
  }
  
  80%{
    color:#ED5565;
  }
  
  100%{
    color:#AC92EC;
  }
}

@-webkit-keyframes Color{
  0%{
    color:#A0D468;
  }
  
  20%{
    color:#4FC1E9;
  }
  
  40%{
    color:#FFCE54;
  }
  
  60%{
    color:#FC6E51;
  }
  
  80%{
    color:#ED5565;
  }
  
  100%{
    color:#AC92EC;
  }
}