/*html{scroll-behavior: smooth;} for smooth scrolling but not working in safar*/


/*mob-online-c 3-11-2022*/
.call-nav li a.mob-online-c{padding: 4px 10px 4px 10px !important;
    font-size: 13px;
    display: flex;
    color: white !important;
    align-items: center;
    background-color: rgba(0,0,0,.3);
    border-radius: 4px;}

.call-nav li a.mob-online-c .icon-monitor {
    font-size: 17px;
    position: relative;
    top: 3px;}
    
.mob-online-c:hover i {
    animation-name: jello;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}



/*why div (29-07-2022)*/
.why-col{margin-bottom: 30px}
.why-col h3{padding-top:0px; margin-top:0px;}
.why-div{padding: 40px 30px; border-radius: 12px; box-shadow: 0 5px 60px -30px rgb(91 65 141 / 48%); text-align: center;
height: 100%}
.why-div .img-fig{ margin: 0 auto; margin-bottom: 30px;}
.why-div .gen-para{line-height: 26px; margin-bottom: 0px}
.why-row{justify-content: center;display: flex;
    flex-wrap: wrap;}
.online-side-tab li.d-block{display:block;}

.img-fig{padding: 14px; width: 70px;
    border-radius: 100%;}
.img-fig.one{background: #def7f2;}
.img-fig.two{background: #ffe4e4;}
.img-fig.three{background: #ffddce}
.img-fig.four{background: #d7d3f8}
.img-fig.five{background: #d6f1c8}
.mb-2{margin-bottom:10px;}


/*style given in oet page as internal*/
#rcorners1 {
  height: 57px;
  width: 57px;
  background-color: yellow;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: -13px;
  z-index: 1;
  top: 39px;
  border: 2px solid #f9d210;
}
.circle-txt {
  /* (E1) CENTER TEXT IN CIRCLE */
  position: absolute;
  bottom: 18%;
  width: 100%;
  text-align: center;
 
  /* (E2) THE FONT - NOT REALLY IMPORTANT */
  font-family: arial, sans-serif;
  font-weight: bold;
  color: red;
  font-size: 21px;
}
.off {
  /* (E1) CENTER TEXT IN CIRCLE */
  position: absolute;
  bottom: -5%;
  width: 100%;
  text-align: center;
 
  /* (E2) THE FONT - NOT REALLY IMPORTANT */
  font-family: arial, sans-serif;
  font-weight: bold;
  color: red;
  font-size: 13px;
}


/*NEW CSS*/

p.shell {
    background: #f2f6fd;
    display: table;
    margin: 0 auto;
    padding: 3px 16px;
    color: #121212;
    font-size: 15px;
    border-radius: 3px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 10px !important;
}




/*owl nav arrow (28-07-2022)*/
#owl-online-inn .owl-nav button {
font-size: 28px;
    margin-right: 5px;
    margin-left: 5px;
    line-height: 33px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #c5c2c2;
    text-align: center;
}

#owl-online-inn .owl-nav button span {
    height: 30px;
    line-height: 27px;
    display: inline-block;
}

#owl-online-inn .on-col {
    width: 100% !important;
}

#owl-online-inn .online-box{margin-bottom:10px !important;}

.pos-rel{position:relative;}

#owl-online-inn{padding-top:50px;}

#owl-online-inn .owl-nav
{top: 0px;
    position: absolute;
    right: 0px;}





/*centers (26-07-2022)*/
.center-img{width:100%; height: 170px;
    object-fit: cover;
    margin-bottom: 15px;
    border-radius: 4px 4px 0px 0px;}

.center-img-cont{position: relative;}

.center-loc{position: absolute;
    right: 10px;
    bottom: 10px;
    color: white;
    font-size: 20px;
    width: 33px;
    height: 33px;
    border-radius: 100%;
    text-align: center;
    line-height: 33px;
    background: rgb(179 20 18 / 88%);
    display: inline-block;}

.center-cont {height: 100%;}
.gen-para.text-left{text-align: left !important;}
#accordion .panel-body .gen-para.text-left{text-align: left !important;}
.pb-0{padding-bottom:0px !important;}
.pt-0{padding-top:0px !important;}



/*course form in course page and centers*/
.courseform {
    padding: 30px;
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
    border-radius: 10px;
    margin-bottom: 30px;
    border: 2px solid #f1f1f1;
}

.course-form-head{font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px;
    padding-bottom: 0px;
    letter-spacing: -.5px;}


/*c-btn-list*/
.c-btn-list{display: flex;
    margin: 0 auto;
    width: 428px;}
.c-btn-list li{    width: calc(100% / 3 - 6px);
    margin-left: 3px;
    margin-right: 3px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;}
.c-what-btn, .c-call-btn, .c-join{display: inline-flex;
    padding: 12px 22px;
    min-width: 130px;
    text-align: center;
    color: white !important;
    border-radius: 4px;
    font-size: 15px;
    height: 100%;
    align-items: center;
    justify-content: center;}
.c-what-btn{background: #08bf62;}
.c-call-btn{background: #00bcd4;}
.c-join{background: #274abb}
.c-join:hover{background: #2196F3}
.c-call-btn i, .c-what-btn i {
    margin-right: 5px;
    font-size: 20px;
}




/*header redesign on 21-07-2022*/
.pd-link img{ width: 24px !important;
    height: 24px !important;
    padding-right: 0px !important;}

.border-right-none{border-right: none !important}
.call-nav li a{padding: 0px 10px 0px 10px !important}
.call-nav li a.apps-link img{ width: 47px !important;
    height: auto !important; padding-right: 0px;margin-top: -6px;}

.call-nav li a.apps-link{line-height: 26px;    padding: 5px 8px !important;
    background-color: rgba(0,0,0,.3);
    border-radius: 4px;
    margin-top: -5px;}

.apps-list{ margin-left: 5px; margin-right: 5px;}
.rel-cont.rel-flex{display: flex; align-items: center;justify-content: space-between;flex-direction: row-reverse}
.lms{background-color: rgba(0,0,0,.3); border-radius: 4px}
.call-nav-login li a.online-btn{padding: 3px 10px 3px 10px !important; font-size: 14px;
  display: flex;color: white !important; align-items: center;
    background-color: rgba(0,0,0,.3); border-radius: 4px;}
.lms-list{cursor: pointer; margin-left: 5px}
.call-nav-login li a.online-btn i{padding-right: 10px}
.online-btn:hover i{
    animation-name: jello;
    animation-duration: 1s;
    animation-iteration-count: infinite;}
.call-nav-login li a.lms{    padding: 3px 10px 4px 10px !important;}
.call-nav li a img.learning{ width: 23px !important; height: auto !important;  padding-right: 0px;margin-top: -3px;}
.lms-list a{line-height: 30px !important}
.cd-dropdown-trigger {width: 42px;}
.logo-col{margin-left: 0px !important}
.logo {
    display: block;
    width: 288px  !important;}
.p-icon-cont
{position:relative}

.p-icon {
    display: block;
    z-index: 7;
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    padding: 6px;
    font-size: 12px;
    background-color: rgb(92 92 92);
    border-radius: 100%;
    color: #ffd400;
    text-align: center;
    margin-bottom: 0px;
}
.p-icon .fa-play:before{margin-left: 2px;}

.round-pd {
   position: absolute;
    display: block;
    z-index: -1;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    padding: 4px;
    font-size: 12px;
    background-color: rgb(255 212 0);
    border-radius: 100%;
    color: white;
    left: 50%;
    top: 50%;
    text-align: center;
    margin-bottom: 0px;
    -webkit-animation: pulse-border 2200ms ease-out infinite;
    animation: pulse-border 2200ms ease-out infinite;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



/*mobile menu new design*/
.menu-cont{margin-bottom:12px;}
.cd-dropdown-trigger {
    width: 36px !important;
    height: 36px !important;
    line-height: 35px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.cd-dropdown-wrapper{margin-top: 6px !important}
.cd-dropdown-trigger{margin-top: 3px !important;}
.call-nav{margin-bottom: 6px !important;}
.center-image{height: 52px}
.menu-acc {
    display: flex;
    justify-content: space-around;
    padding: 0 4px;
    margin-top: 5px;
}

.menu-acc a {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 15px;
    line-height: normal;
    height: 72px;
    margin: 10px 5px;
    border-radius: 0.3rem;
    width: 100%;
    border: none;
    color: rgba(255, 255, 255, 0.67);
    background: rgb(255 255 255 / 15%)
  }


.menu-acc a .mo-div{display: flex;
    align-items: center;
    flex-direction: column;justify-content: center;}


.menu-acc a img{width: 29px; margin-bottom: 8px !important;}

.border-top-none{border-top: none !important}



/*login btn new design*/
.loginBtn{
    background-color: transparent;
    color: #2196f3;
    border: 1px solid #2196f3;
    padding: 12px 20px;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loginBtn:hover{
    background-color:#2196f3;
    color:#fff;
}



/*sticky*/
.sticky{background: #274abb !important; }
.sticky .call-nav-cont{display: none;}
.sticky .cd-dropdown-wrapper {margin-top: 0px !important; margin-bottom: 0px !important}
.sticky .logo-col{ padding-top: 13px !important;}
.scroll-logo{display: none !important;}
.sticky .logo{display: none !important;}
.sticky .scroll-logo{display: block !important;height:48px;} 
.sticky .menu-cont {margin-bottom: 0px !important;}



@media (max-width: 1199px){
.dis-none-1199, .lms-ul{display: none !important;}
.menu-cont{margin-bottom:5px !important;}
.cd-dropdown-wrapper{margin-bottom:0px !important;}
}


@media (min-width: 767px) and (max-width: 991px) {
.logo{width: 260px !important}
}

@media (max-width: 767px){
    
  .rel-cont.rel-flex{  display: block; }
  .call-nav.call-nav-call{width: 100%}
  .call-nav li a.apps-link{margin-top: 0px;padding: 3px 8px 2px !important;}
  .call-nav span.icon-phone, .call-nav span.icon-mail{    padding: 4px !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 27px !important;font-size: 17px !important;}
  .call-nav li a.apps-link img {width: 40px !important;}
  .call-nav li.apps-list{float: right !important;}
  .call-nav{margin-bottom: 6px !important;}
  .logo-col{ padding-top: 6px !important; padding-bottom:6px !important;}
  footer ul li.loginBtn{margin: 0 auto;}
  .mid-footer-col { padding-top: 0px !important; border-top: none !important;}
  .sticky .logo-col {padding-top: 6px !important;}
  .sticky .cd-dropdown-trigger { margin-top: 12px !important;}
}

@media (min-width: 601px) and (max-width: 767px) {
.cd-dropdown-wrapper {margin-top: 23px !important;}
}

@media (max-width: 600px){
.cd-dropdown-wrapper {margin-top: 17px !important;}
.menu-acc a{font-size: 13px}
.logo {
    width: 213px !important;}
}

@media (max-width: 575px){
  .menu-acc{display: block;
    margin-bottom: 15px;
    float: left;
    width: 100%;}
  .menu-acc a{display: block;width:calc(50% - 10px); float: left; margin-left: 5px; margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;}
  .menu-acc a img{margin: 0 auto}
  .mo-div{height: 100%}
  .c-btn-list {width: 286px;}
  .c-btn-list li{ margin-left: 3px; margin-right: 3px;}
  .c-what-btn, .c-call-btn, .c-join{padding: 12px 4px; min-width: 90px; font-size: 13px;}
  
  .c-call-btn i, .c-what-btn i{font-size: 16px; margin-top: -3px;}
  .courseform {padding: 30px 15px;}

}






/*****************************************************************************************************************/
/*Fixed Call and whatsapp*/
.fixed-whatsapp1 {
    background: #08bf62;
    border-radius: 40px;
    height: 50px;
    line-height: 41px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0 15px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 50!important;
    color: white !important;
    font-size: 25px;
        transition:0.3s;
}

.fixed-call1 {
    background: #00bcd4;
    border-radius: 40px;
    height: 50px;
    line-height: 41px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0;
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 50!important;
    color: white !important;
    padding: 0 15px;
    font-size: 25px;
    transition:0.3s;
}

.fixed-call1:hover
{ background: #228d9b;}
.fixed-whatsapp1:hover{
   background: #137443;
}
.fixed-call1 i,
.fixed-whatsapp1 i{

    font-size:25px;
}

.fixed-call1 i,
.fixed-whatsapp1 i{display:inline-block; animation-name: jello;
    animation-duration: 2s;
    animation-iteration-count: infinite;}
.pulse {
  animation: pulse-new 2s infinite;
}
.pulse:hover {
  animation: none;
}
.text-font{
    font-size:16px;
}
@-webkit-keyframes pulse-new {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse-new {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}


/*****************************************************************************************************************/

/*their app design*/
.applink{
  display: flex;
  flex-flow: wrap;
  margin-bottom: 15px;
}
.applink li{
  margin-right: 10px;
}
.applink li a{
  display: block;
  border-radius: .3rem;
  border: 1px solid #bfbfbf;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.applink li a:hover{
  box-shadow: 3px 3px 20px rgba(0,0,0,.1);
  border-color: #0da4e5;
}
.applink li a img{
  width: 150px;
}
.appcol{
  background-color: #e3f2fd;
  padding: 3rem 0;
}
.appcont{
  display: flex;
  flex-flow: wrap;
  align-items: center;
}
.appcont p{
    color: #818181;
    line-height: 1.6;
}
.appimg{
  max-width: 200px;
  margin-bottom: 1rem;
}
.appimg img{
  max-width: 100%;
}
.getapp{
    position: absolute;
    z-index: 3;
    top: 120px;
    right: 85px;
    width: 200px;
    background-color: rgba(0,0,0,.3);
    border-radius: 5px;
}
.getapp a{
    display: flex;
    justify-content: center;
}
.getapp a img{
    height: 36px;
    margin-top: 4px;
}
.getapp h5{
    margin: 0;
    color: #fff;
    line-height: 46px;
    font-weight: normal;
}
.has-dropdown .list-link img{
  display: block;
  height: 36px;
  margin: auto;
}
@media(max-width: 1200px){
.getapp, .getapp-podcast{
  right: 55px;
}
}
@media(max-width: 991px){
.getapp{
  right: 40px;
  /*top: 152px;*/
}
.getapp-podcast{right: 40px;}
}
@media(max-width: 767px){
.getapp, .getapp-podcast{
  right: 25px;
}
}
@media(max-width: 600px){
.getapp{
  display: none;
}
.in-body .inhide{
  display: none !important;
}

.getapp-podcast {
    z-index:9;
    right: auto;
    left: 15px;
    top: 128px;}
}





/*homepage video style copied on 21-07-2022*/
/*style for googleapis video*/
.video-header {
  position: relative;
  background-color: black;
 /* height: 600px;*/
  height:100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.video-header video {
  object-fit: cover;
  width: 100%;
  height:100%;
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-header .container {
  position: relative;
  z-index: 2;
  color: white;
 /* padding-top: 20%;*/
}


.display-3{color: white}

.video-header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #00030b;
  opacity: 0.4;
  z-index: 1;
}



/*****************/
.video-box {
    width: 100%;
    height: calc(100vh - 158px);
    margin-top: 158px;
    padding-left: 15px;
    padding-right: 15px;
}

.video-box .sub-box {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.video-box p.caption{font-size: 70px;line-height: 68px;font-family: 'Rubikmedium', sans-serif;
    color: white; text-transform: uppercase; text-align: left; width: calc(100% - 50px);}
.video-box p.caption span.small{font-size: 66px;
    font-family: 'rubikregular';
    text-transform: capitalize;
    letter-spacing: -3px;}



/*promo news (02-06-2022)*/
.promo-row{    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
.flex-div{display: flex;flex-direction: row;}
.news-right figure{width: 50%}
.news-right figure img{object-fit: cover;}
.promo-main{padding-top: 70px; padding-bottom: 70px}
.promo-body{padding: 20px; height: 100%}
.promo-title{ font-family: 'rubikmedium';
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #373866;}
.promo-row{ border: 1px solid rgb(192 192 192 / 34%); margin-bottom: 25px; color: #3c3c3c !important; cursor: pointer;
display: block;}
.promo-row:hover{box-shadow: 0px 0px 18px -5px silver;}
.promo-right-row{display: flex;
    flex-direction: row;
    flex-wrap: wrap;}

.promo-col-6{ display: flex;
    flex-basis: 50%;
    max-width: 50%;}

.promo-col-12{ display: flex;
    flex-basis: 100%;
    max-width: 100%;}

.promo-body.pb-0{padding-bottom: 0px}
.promo-main-row{ display: flex;
    flex-direction: row;
    flex-wrap: wrap;}

.di-flex{display: flex;}
.promo-img{object-fit: cover; width: 100%}


@media (max-width: 991px){
.promo-row.di-flex.pr-video{display: block !important;}
}


@media (max-width: 767px){
.promo-row.di-flex{display: block !important;}
.promo-col-6 {flex-basis: 100%; max-width: 100%;}
}



/*achievement badge*/
.pos-rel{position: relative;}
.ach-score{position: absolute;
    right: 1px;
    top: -10px;
    text-align: center;
    background: url(../img/badge1.png);
    background-size: contain;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center; color: #fbeb9d}

.ach-score .pos-rel{ width: 100%; height: 100%;}

.ach-score i{ font-size: 41px; color: #ffd400; text-shadow: 5px 5px 13px rgb(0 0 0 / 42%)}
.ach-score span{position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); font-size: 20px;}



/*feeddback (19-04-2022)*/
.table.no-color>tbody>tr:nth-child(even) {
    background-color: rgb(231, 235, 247);
}
.silver-c{color: #e0e0e0}
.feedback-form label{font-size: 16px}



/*star rating*/
.fa-star {
  color: rgb(213 213 213 / 86%);
  font-size: 35px;
  padding-right: 15px;
}

.fa-star:hover {
  color: #ffd07b;
}

.fa-star.selected {
  color: #ffa500;
}

.star-row{margin-top: 20px}

.star-row p{margin-bottom: 8px}

.rating{margin-bottom: 20px; float: left;
    margin-right: 8px;}

.res{font-size: 13px; padding-top: 6px;
    font-family: 'robotomedium';}





/*success feedback*/
.success-body footer{display: none;}
.success-body {
    height: 100vh;
}
.card-main, .card-cont {
    height: 100%;
}
.card-row {
    height: 100%;
    align-items: center; text-align: center;
}
.success-card {
    background: white;
    padding: 50px;
    border-radius: 4px;
    border: none;
    display: inline-block;
    margin: 0 auto;
    width: 400px;
    text-align: center;
}

.success-h1 {
    margin-top: 20px;
}
.success-card p {
    font-size: 16px; margin-bottom: 22px
}

.success-card h1{margin-bottom: 10px; margin-top: 30px}


achie


/*podcast*/
  .podcategory.float-right{float:right;}
  
  .poditem .nav li.active a:after
   {content: '';
    position: absolute;
    bottom: -9px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #274abb;}
    
.poditem .nav{padding-bottom: 15px !important;}


/*blog*/
.blog-date{ font-style: italic;
    font-size: 13px;
    color: #939393;
    margin-top: 15px;
    margin-bottom: 0px;}

.blog-thumb .news-image img{width: 100%}
.sub-blogs .news-title{margin-bottom: 5px !important; font-family: 'rubikregular';}
.sub-blogs .news li a.news-left-link{margin-bottom: 0px !important}
.news-cont.no-padding {padding: 0px !important;}
.blog-detail .news-cont:hover { box-shadow:none; transform: none;}
.blog-detail .news-content{padding:5px 0px 20px !important}
.blog-detail .news-image img{width: 100%}
.d-blog-p-cont p{line-height: 24px; margin-bottom: 18px;}
.news-content .blog-h2{margin-top: 10px !important; margin-bottom: 10px !important}
.high-para{font-size: 17px; color: #10356a; font-family: 'rubikmedium';}
.blog-podcast{border-top: 1px dashed #c0c0c0a8; padding-top: 30px;}
.float-left{float: left}
.blog-podcast{ margin-top: 30px;}
.news-item.pb-0{padding-bottom: 0px !important}


    
/*podcast responsive tabs*/
/*responsive tabs*/
.responsiveTabs{
  max-width:800px;
  margin:auto;
}

.podcast-tabs li a{padding: 0px 0px; margin-right: 0px; border:none !important; position: relative;}
.podcast-tabs li.active a{border:none !important;}
.podcast-tabs li{width: calc(100% / 3 - 10px);
    margin-left: 5px;
    margin-right: 5px;}

.podcast-tabs{border-bottom: none; margin-bottom: 20px}
.podcast-tabs li.active a:after{content: '';
    position: absolute;
    bottom: -9px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}

.podcast-tabs li:first-child.active a:after
{ border-top: 12px solid #148be3;}

.podcast-tabs li:nth-child(2).active a:after
{ border-top: 12px solid #12c5dc;}

.podcast-tabs li:nth-child(3).active a:after
{ border-top: 12px solid #e34913;}


.podcast-panel-group .panel-title a.collapsed{padding: 0px !important; background: transparent !important;}
.podcast-panel-group .panel-title a{padding: 0px !important; background: transparent !important;}
.podcast-panel-group .panel-title a.collapsed{box-shadow: none !important;}
.podcast-panel-group .panel-title a.collapsed:after{color: white !important;}
.podcast-panel-group .panel-title a:after{ background-color: rgb(255 255 255 / 39%) !important;}
.podcast-panel-group .panel-title{padding-top: 0px !important; margin-bottom: 0px !important}
.podcast-panel-group .panel{box-shadow: none !important;}


#myTab-accordion .panel-default .panel-heading{padding:0px 0px !important;}
#myTab-accordion .panel-default>.panel-heading>.panel-title{margin-bottom:0px !important;}
#myTab-accordion .panel-default{border:none;}
#myTab-accordion .panel-body{border:none;}
#myTab-accordion .panel{
-webkit-box-shadow:none;  box-shadow:none;}


/*podcast*/
.pod-cont{background: #f7f7f7}
.getapp-podcast{  

    position: absolute;
    z-index: 3;
    top: 176px;
    right: 84px;
    width: 140px;
    background-color: rgba(0,0,0,.3);
    border-radius: 5px;
    
        /*position: absolute;*/
    /*z-index: 3;*/
    /*top: 120px;*/
    /*right: 294px;*/
    /*width: 140px;*/
    /*background-color: rgba(0,0,0,.3);*/
    /*border-radius: 5px;*/
}

.getapp-podcast a img {
    height: 24px;
    margin-top: 10px;
    margin-left: 6px;
}

.getapp-podcast h5 {
    margin: 0;
    color: #fff;
    line-height: 46px;
    font-weight: normal !important; margin-bottom: 0px !important
}

.getapp-podcast a {
    display: flex;
    justify-content: center;
}

.bg-grey{background: #f7f7f7}
.pod-col{background: white; box-shadow: rgb(0 0 0 / 10%) 0px 2px 6px 0px;     padding:30px 20px !important;
    border-radius: 6px;}

.mt-40{margin-top: 40px}
.mb-20{margin-bottom: 20px !important}
.podcast-ul li a, .podcast-btn{
    border-radius: 25px 2px !important;
    box-shadow: -3px 5px 4px rgb(0 0 0 / 28%);
    display: block;
    margin-bottom: 10px;
    /* box-shadow: 0 0 0 1px rgb(0 0 0 / 10%); */
    border-radius: 4px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    /* color: #333; */
    padding: 17px 32px 15px;
    font-size: 17px;
    text-transform: uppercase;
    /* background: #f7f7f7; */
    /* background: #f5f5dc; */
    border: 2px solid #ffffff6b;
    cursor:pointer;
    /* text-align: center;*/
}

.podcast-ul li a:hover{color: white}

.getapp-podcast:hover {
    background-color: rgb(40 39 39 / 75%);
}

.podcast-ul li a img, .podcast-btn img{ margin-top: -2px; margin-left: 3px; float: right;}
.oet-p-btn,
.podcast-panel-group .panel:first-child .panel-title a span
{
    /*background: #fe78aa;*/ 
    color: white;     background-color: #00BCD4;
    background-image: linear-gradient(225deg, #2086d8 0%, #03A9F4 50%, #1687e0 100%);}

.ielts-p-btn,
.podcast-panel-group .panel:nth-child(2) .panel-title a span
{/*background: #00cecb;*/ color: white;
background-color: #00BCD4;
    background-image: linear-gradient(225deg, #00BCD4 0%, #49e1f5 50%, #00BCD4 100%);}

.pte-p-btn,
.podcast-panel-group .panel:nth-child(3) .panel-title a span
{/*background: #ff7575;*/ color: white; background-color: #ff3e01;
    background-image: linear-gradient(225deg, #f92828 0%, #f45c03 50%, #e04516 100%);}


.oet-p-btn:hover,
.podcast-panel-group .panel:first-child .panel-title a span:hover
{background-color: #138be2;
    background-image: linear-gradient(225deg, #0db2ff 0%, #138be2 50%, #04acfb 100%)}

.ielts-p-btn:hover,
.podcast-panel-group .panel:nth-child(2) .panel-title a span:hover
{background-color: #00BCD4;
    background-image: linear-gradient(225deg, #3cdef3 0%, #0ec3da 50%, #3cdbef 100%);}

.pte-p-btn:hover,
.podcast-panel-group .panel:nth-child(3) .panel-title a span:hover
{/*background: #ff7575;*/ color: white; background-color: #ff3e01;
    background-image: linear-gradient(225deg, #ff6610 0%, #e24714 50%, #ff640e 100%);}





/*2nd design*/

.podcast-ul li{width: calc(100% / 3 - 10px); margin-left: 5px; margin-right: 5px; float: left; }
.sub-box.wi {width: 62px ;}
.sub-box.wb{width: calc(100% - 62px); padding-left: 15px}
.recent-ul a {color: #333; width: 100%; cursor:pointer;}
.recent-ul{padding-left: 5px; padding-right: 5px}
.recent-ul .blog-para{  font-family: 'rubikmedium'; font-size: 15px; line-height: 21px;}
.pod-date{    color: #9b9b9f;}
.pod-date i{margin-right: 5px}
.rounded{border-radius: 4px}
.recent-ul li{margin-bottom: 15px !important}
.pod-h2{padding-bottom: 7px; margin-top: 20px;
    border-bottom: 1px dashed silver;}
.pod-dtl .sub-box.wi {
    width: 80px !important;
}
.sub-box.wi .d-block{position: relative;}
.pd-play{position: absolute;left:37%; top:50%; transform: translateX(-50%); transform: translateY(-50%)
}

.pod-dtl .recent-ul .blog-para{font-size: 18px;}

.sub-box.wb {
    width: calc(100% - 82px) !important;
    padding-left: 15px;
}




/*body*/
body
{background-color:white !important;color:#3c3c3c !important; font-family: 'rubikregular'; font-size: 15px; }

.in-body h2.ch-h2{margin-bottom:10px;}

/*center event register*/
.c-event-col{border-radius: 6px;
    box-shadow: 14px 12px 20px -10px #ccc, -13px -12px 20px -10px #fff;
    padding: 20px;
    border: 1px dashed rgb(192 192 192 / 39%);}
.c-ev-name{font-size: 15px;
    font-weight: bold;
    color: #212123; margin-bottom: 0px}
.c-eve-box i{font-size: 30px; margin-right: 15px; color: #db4c84}
.ev-head{font-size: 14px;
    margin-bottom: 3px;
    color: #9a9a9a;}
.ev-register{background: #db4c84;
    color: white;
    border-radius: 20px;
    padding: 11px 20px 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
    float: right;
    font-size: 12px;}
.c-eve-box .sub-box{vertical-align: top;}

.ev-register:hover{background: #274abb; color: white}


/*header*/
/*call nav*/
.call-nav{float: right !important;}
.call-nav.pull-right{float: right !important;}
.call-nav li{float: left !important;}
.call-nav li a{font-size: 13px; text-transform: none; width: 100%; padding-top: 0px; padding-bottom: 0px}
.call-nav li a img{padding-right: 5px; width: 40px; height: 35px; display: inline-block;}
.call-nav li:last-child a{ padding: 0px 10px 0px 10px;}
.call-nav li:first-child a{padding: 0px 10px 0px 10px; border-right:1px solid rgba(255,255,255,.2) }
.call-nav{margin-top:12px; margin-bottom: 12px;}
.call-nav-cont{    border-bottom: 1px solid rgba(255,255,255,.2);margin-top: 12px; float: right;}
.cal-para{margin-bottom: 0px;line-height:15px; font-size: 14px}
.cal-sub-box{padding-right: 10px}
.call-nav span{font-size: 20px;line-height: 26px; color: white}
.call-nav span.icon-phone, .call-nav span.icon-mail{ transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
.call-nav span.login-icon{font-size: 20px;line-height: 22px; }
.call-nav-login  {
    margin-top: 8px;
    margin-bottom: 6px;
}
.call-nav-login li a{    padding: 5px 10px 5px 10px !important}
.call-nav-login li a:hover .cal-sub-box{animation-name: jello; animation-duration: 1s; animation-iteration-count: infinite;
}
.call-nav-login li a:hover span{color: #ffd400 !important}


header{  z-index: 5;}
.logo-col{float: left;padding-top: 13px; padding-bottom: 13px;}
.logo{  display: block; width: auto; }
.header-top { padding-top: 0px; }
.hd-main{transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.hd-main{position: absolute;width: 100%; top:0px; left:0px;z-index: 10}

ul.header-social{margin-top: 7px;}

.hd-main .cal-para,
.hd-main .navbar-nav>li>a,
.hd-main ul.header-social li a .fa
{color: white !important; opacity: 1 !important}



/*social media*/
ul.social{
display: inline-block;
  margin-bottom: 0;
}
ul.social li{
  float: left;display: block;
}
ul.social li a{
  display: block;
  width: 40px;
  height: 35px;
  color: rgba(255,255,255,.8);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  font-size: 15px
}
ul.social li a .fa{
     line-height: 30px;
display: block;
    text-align: center;
    color: rgba(255,255,255,1);
}
ul.social li a:hover .fa{
  color: #fff !important;
  animation-name: zoomIn;
  animation-duration: .5s;
  animation-iteration-count: 1;
}
ul.social li a:hover .fa-facebook{
  background-color: #3a5797;
}

ul.social li a:hover .fa-twitter{
  background-color: #1d9dec;
}
ul.social li a:hover .fa-instagram{
  background-color: #c4007e;
}
ul.social li a:hover .fa-linkedin{
  background-color: #0271ae;
}
ul.social li a:hover .fa-pinterest{
  background-color: #ce252c;
}
ul.social li a:hover .fa-youtube-play{
  background-color: #f4000f;
}
ul.social li a:hover .fa-whatsapp
{background-color: #31be32}


header .social{margin-right: 30px}
header .social li a{border-left: 1px solid rgba(255,255,255,.2)}
header .social li:first-child a{border-left: none;}

.social-inn-home{position: absolute; right: 10px; bottom: 20%; z-index:9;}


.social-inn-cont{display:none; position: fixed;
    top: 136px;
    right: -45px;
    z-index: 9;
    bottom: 115px;
    padding-left: 60px;
    padding-right: 60px;}

ul.social.vertical li{float: none !important;}

.social-inn-cont ul.social li a {
    display: block;
    background-color: rgba(0, 0, 0, 0.27);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-bottom: 3px;
    color: rgba(255,255,255,.8);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    font-size: 15px;}

.social-inn-cont ul.social li.wha a
{background-color: #31be32}

.social-inn-cont ul.social li a:hover .fa{border-radius: 100%}

/*menu btn*/
.menu-btn{-webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    width: 36px; 
    padding: 6px; line-height: 30px; height: 30px;
}
.bg-dark{background-color: white}
.menu-btn span {
    height: 2px;
    width: 100%;
    display: block;
}
.menu-btn>span:nth-child(2) {
    margin: 4px 0 4px auto;
    width: 75%;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}
.menu-btn>span:nth-child(3) {
    margin-left: auto;
    width: 45%;
    -webkit-transition: 0.6s all;
    -moz-transition: 0.6s all;
    -o-transition: 0.6s all;
    transition: 0.6s all;
}

.menu-btn:hover>span:nth-child(2), .menu-btn:hover>span:nth-child(3) {
    width: 100%;
}


/*menu*/

.menu-nav {padding-left: 0px; padding-right: 0px; }
.angle-down{margin-left: 5px}
.has-dropdown .angle-down{padding-left: 0px}
.nav>li>a:focus, .nav>li>a:hover{background-color: transparent;}
.menu-nav li a{position: relative; /*font-weight: 600*/}
.menu-nav li a:before{content: ''; position: absolute;z-index:1001; right: calc(50% - 5px); bottom: -5px; width: 0%; height: 0px; 
background-color: #09eaac; opacity: 0;
transition: all .5s ease; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.menu-nav>li>a:hover:before{ width: 10px; height:10px; opacity: 1; border-radius: 20px; }




/*new menu*/
.menu-wrapper {
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    max-width:1300px;

}

.menu-wrapper-cont {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(255, 255, 255, .99);
    min-height: 240px;


}

 .has-dropdown .list-link .angle-down {
    width: 8px;
    fill: pink;
    margin: 0 0 0 4px;
    margin-top: -5px;
    line-height: inherit;
    vertical-align: middle;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.main-menu-ul{float: right;}

ul.main-menu-ul>li {
    list-style: none;
    display: inline-block;
    float: left;
    line-height: 1;
}


.main-menu-ul .list-link {
    cursor: pointer;
    position: relative;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #666;
}


.has-dropdown .list-link {
    position: relative;
    padding-right: 2px;
    padding: 4px 7px 0px;
    line-height: 30px;
    display: block;
    color: white;
    margin-top: 7px;
    margin-bottom: 7px;
    border-radius: 6px;
}

.list-link
{color: #333}

.flex-ul {
    flex: 1;
}

.btn_ripple {
    position: relative;
    display: inline-block;
     overflow: hidden; 
}

.gra{ padding-right: 2px;}

.menu-cont{float: right; position: relative;}

/*@media screen (min-width: 1200px) and (max-width: 1289px){*/
/*    .menu-cont{ margin-top:-33px;}*/
/*}*/


@media screen and (min-width: 1101px){
.menu-wrapper-cont {
    background-color: white;
    justify-content: center;
    position: absolute;
    right: 65px;
    width: 735px;
    z-index: 201;
    /*visibility: hidden;*/
    display: none;
    /*display: block;*/
}

.main-menu-ul li.has-dropdown{ z-index: 200;}

.main-menu-ul li.has-dropdown:hover .menu-wrapper-cont {
   /* visibility: visible;*/
   display: block;
    opacity: 1;
    box-shadow: 0px 12px 20px 3px rgba(0, 0, 0, 0.1);
    animation-name: zoomIn;
    animation-duration: .4s;
}

.main-menu-ul li.has-dropdown:hover .angle-down , .top-bar ul li.has-dropdown:hover .angle-down{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.hex__home_menu_solutions_wrapper li.drop-list {
    padding: 0 20px 0 0;
    margin-bottom: 5px;
    position: relative;
}

.main-menu-ul li.has-dropdown:hover .menu-wrapper-cont .drop-list {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

a.drop-list-link:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12),inset 0 -1px 0 0 #dadce0;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12),inset 0 -1px 0 0 #dadce0;
}

a.drop-list-link {
    cursor: pointer;
    line-height: 1;
    padding: 15px 15px 20px;
    display: block;
    position: relative;
    height: 100%;
}

.menu-title {
    font-size: 17px;
    line-height: 24px;
    color: #333;
    display: block;
    margin: 0 0 3px 0;
    -webkit-transition: none;
    transition: none;
}

.flex-ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    flex-wrap: wrap;
}

.drop-list-link::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 78%;
    top: 11%;
    left: 0;
    z-index: 1;
    background-color: #8a1a4a;
    opacity: .15;
    -webkit-transition: none;
    transition: none;
}


.drop-list-link:hover::before {
    width: 3px;
    height: 100%;
    top: 0;
    opacity: .8;
 
}

li.drop-list:nth-child(3n+1) a.drop-list-link::before {
    opacity: 0;}

li.drop-list li.drop-list:nth-child(n):hover a.drop-list-link::before
{opacity: .8;}

}



.vrt-mid .sub-box{vertical-align: middle !important;}
.vrt-top .sub-box{vertical-align: top;}

.fstshw{background-color: white !important}
.sub1{position: relative; padding-left: calc(735px - 280px); padding-top: 15px; padding-bottom: 15px}
.sub1 > li {
    margin-bottom: 5px;
    padding-right: 20px !important;
    padding: 0px 5px;
    display: block;
    width: 280px;
    border-left: 3px solid rgba(255,255,255,.2);
   

}
.sub1 > li:last-child{border-bottom: none;}
.sub1 > li > a {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    display: block;
    color: #333 !important;
    padding-left: 35px !important;
    position: relative;
    /*line-height: 42px;*/
    line-height: 54px;
    text-decoration: none !important;
    font-size: 14px;
     transition: all .2s ease-in; -webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;
    

}
.sub1 li a >i {
    position: absolute;
    right: 10px;
    top: 15px;
    display: none;
}
.sub1 li:hover {
    background-color: white;
    border-left: 3px solid #274abb;
}
.sub1>li:hover>a{padding-left: 25px !important; background-color: #274abb;
    color: white !important;
   }
.sub1> li:hover img.side-img{filter: brightness(1) invert(1);}
.sub1>li img{width: 20px;
    float: left;
    margin-right: 12px;
   /* margin-top: 9px;*/
   margin-top: 16px;
    filter: brightness(1) invert(0.5);
    -webkit-filter: brightness(1) invert(0.5);
    -moz-filter: brightness(1) invert(0.5);
    }
/*.sub1>li:hover img{filter: brightness(0) invert(1); 
    -webkit-filter: brightness(0) invert(1);}*/
.sub1>li:hover .menu-icon-ul li a{padding-left: auto;}
.sub1 li:hover i {
    display: none !important;
}
.sub1 li:hover .sub2 {
    display: block !important;
}
.sub2 li:hover{border-left:none;}
.fstshw .sub2 { display: block !important;}
.sub2 {
    position: absolute;
    border-right: 1px solid #ebebeb;
    background-color: white !important;
    left: 0px;
    top: 0;
    width: calc(735px - 280px);
    bottom: 0;
    display: none;
    overflow: auto;
    padding: 18px 15px 18px 15px;
    text-align: left;
    min-height: 240px
}
.sub2 ul > li > a {
    text-decoration: none;
    line-height:35px;
    text-transform: capitalize !important;;
    display: block;
}









.menu-wrapper-cont.menu-btn-menu, .menu-wrapper-cont.menu-btn-menu .sub2{min-height: 342px !important}
.menu-dest-ul li:last-child{margin-bottom: 0px !important}


.menu-icon-ul li {    float: left;
    margin-bottom: 10px; display:table;
    padding: 0 5px;
    width: calc(100% / 2) !important;
    height: 55px;}

.menu-icon-ul li a{    font-size: 13px !important;
    color: #444444 !important; line-height: 16px; text-align: center; display: table-cell !important;
vertical-align: middle; width: 100%; height: 100%;border:1px solid #ebebeb; border-radius: 4px;
/* */ }

.menu-icon-ul li:hover a{/*box-shadow: 0 0 0 2px #b5b3ab; border:1px solid white;*/
border: 1px solid #f9ecbd;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,.3);}

/*.menu-icon-ul li:hover a img.menu-logo{-webkit-transform: scale3d(1.05,1.05,1.05);
    -moz-transform: scale3d(1.06,1.06,1.06);
    -ms-transform: scale3d(1.06,1.06,1.06);
    transform: scale3d(1.06,1.06,1.06);}*/


.trnn{-webkit-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    -moz-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    transition: transform 650ms ease-in-out,filter 650ms ease-in-out;}
figure{overflow: hidden;}

.mnu{text-transform: uppercase;
    font-family: 'rubikmedium';}

.menu-logo-div{padding: 8px}
.sub2 li a img.menu-logo{     width: auto; filter:none !important;
     float:none;  margin: 0 auto !important;
}
.sis-name{line-height: 16px; height: 32px !important; overflow: hidden;
    margin-bottom: 0px;
    margin-top: 8px;}
.desk-menu .sis-name.smll{display: none;}
.dest-name{line-height: 16px; 
    margin-bottom: 0px;
    margin-top: 8px;}
.course-name, .dest-name{   
    /* background-color: #b4b4ca; */
 line-height: 16px;
 font-size: 12px;
 border-radius: 3px;
 padding: 2px 5px 2px;
display: table;
/*background-color: #a6a6ce;*/
color:#333;

margin: 0 auto !important;
margin-top: 3px !important;
}

.menu-course-ul li{width: calc(100% / 5) !important;}
.menu-course-ul .menu-logo-div {
    padding: 5px;
}

.sub2 .menu-course-ul li a .menu-logo{width: 138px !important; }

.sub2 .menu-course-ul li a .menu-logo,
.course-name,.dest-name,
.tes-img,
.call-nav-login li a,
.country-img,
.country,
.online-box

{-webkit-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    -moz-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    transition: transform 650ms ease-in-out,filter 650ms ease-in-out;}

.menu-course-ul li:hover a img.menu-logo,
.menu-dest-ul li:hover a img.menu-logo
{animation-name: pulse;
    animation-duration: 1s;
    animation-iteration-count: infinite;}

.menu-course-ul li:hover a .course-name,
.menu-dest-ul li:hover a .dest-name
{background: linear-gradient(90deg,#ea7109 0,#ffb308 100%);
    -webkit-background: linear-gradient(90deg,#ea7109 0,#ffb308 100%);
    -moz-background: linear-gradient(90deg,#ea7109 0,#ffb308 100%);
    background-image: linear-gradient(90deg,#ea7109 0,#ffb308 100%);
    -webkit-background-image: linear-gradient(90deg,#ea7109 0,#ffb308 100%);
    -moz-background-image: linear-gradient(90deg,#ea7109 0,#ffb308 100%);
    color: white;
}

.menu-dest-ul li{width: calc(100% / 3) !important;}
.menu-dest-ul .menu-logo-div{padding: 5px}


.course-sub2{width: 735px !important; min-height: 325px !important; padding: 18px 15px 8px 15px !important;}


/*mob menu*/
.mob-course-ul li a img{height: 37px;
    float: left;
    margin-right: 15px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-top: 9px;
    border: 2px solid #babfd0;
 }
.mob-course-ul li .menu-logo-div figure{/*display: none;*/ float: left;}
.mob-course-ul li .menu-logo-div{padding: 0px}
.mob-course-ul li .menu-logo-div .course-name,
.mob-course-ul li .menu-logo-div .dest-name
{color: rgba(255, 255, 255, 0.67) !important;
    line-height: 55px;
    font-size: 14px;
    border-radius: 3px;
    padding: 0px;
    display: block;
    color: #333;
    margin-top: 0px !important;
    margin-bottom: 0px;}


.mob-course-ul li .sis-name {
    line-height: 50px;
    height: 50px !important;
    overflow: hidden;
    margin-bottom: 0px;
    margin-top: 0px;
}


/*sticky*/
.sticky {
  position: fixed; z-index: 5;
  top: 0; left:0px;
  width: 100%;
  background-color: white;
  -moz-animation: dropStickyNav 0.5s ease-in 1;
  -webkit-animation: dropStickyNav 0.5s ease-in 1;
  animation: dropStickyNav 0.5s ease-in 1;
  z-index: 70;
  box-shadow: 0px 6px 19px -11px rgba(0, 0, 0, 0.47);
  background-color: #274abb;
}


@-moz-keyframes dropStickyNav {
  0% {
    -moz-transform: translateY(-40px); }
  100% {
    -moz-transform: translateY(0); } }
@-webkit-keyframes dropStickyNav {
  0% {
    -webkit-transform: translateY(-40px); }
  100% {
    -webkit-transform: translateY(0); } }
@keyframes dropStickyNav {
  0% {
    transform: translateY(-40px); }
  100% {
    transform: translateY(0); } }









/*slider*/
 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      
      width: 100%;
      height:auto;
      margin: auto;
  }


 .item img
{margin:0 auto !important;}


.slide-overlay{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgba(0,0,0,.3);*/}



.home-slide-overlay{position: absolute;left: 0px; top:0px; width: 100%; height: 100%; background-color: rgba(3, 4, 6, 0.5)}



/*.down-cont{ width: 100%; height:46px;
    text-align:center; display: block;
position: absolute; z-index: 55; bottom: 50px; left:0px;
animation-iteration-count: infinite;
webkit-animation: ani_sttb 6.5s infinite ease-in-out;
    animation: ani_sttb 6.5s infinite ease-in-out;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

@-webkit-keyframes ani_sttb{0%{-webkit-transform:translate(0,-30px)}50%{-webkit-transform:translate(0,30px)}100%{-webkit-transform:translate(0,-30px)}}@keyframes ani_sttb{0%{transform:translate(0,-30px)}50%{transform:translate(0,30px)}100%{transform:translate(0,-30px)}}

.down-cont a{display: block;color: white;width: 46px; height:46px; margin: 0 auto;
    background-image: url(../img/icons/down.svg);
    background-position: center;
    background-size: contain;}
.down{width: 46px; height: 46px; margin: 0 auto}
*/



/*button ul*/
.button-ul {
    top: 50px;
    right: 10px;
    z-index: 6;
}

.button-ul li {
    margin-bottom: 6px; /*width: 111px; */float: left;margin-right: 8px;
}

.adm {
    display: block;
    line-height: 13px;
    z-index: 20;
    cursor: pointer;
    color: #fff;
    /*width: 111px;*/
    font-size: 15px;
    margin: auto;
    background-color: rgba(0,0,0,.5);
    border-radius: 4px;
    padding: 16px 22px;
    /*box-shadow: 0 0 0 1px #e61c1c;*/
    text-align: center;
}

.adm.enquiry-btn{background-color: #e90404}

.button-ul li a img {
    filter: brightness(0.5) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0.5) invert(1);
    width: 29px;
    margin: 0 auto;
    margin-bottom: 0px;
}

.adm:hover, .adm.enquiry-btn:hover {
    color: white; background-color: rgba(39, 74, 187,1);box-shadow: 0 0 0 1px rgb(26, 55, 151);
}

.adm:hover img {
    animation-name: jello;
    animation-duration: .8s;
}

.adm .sub-box1{width: 30px !important; padding-right: 8px !important}
.adm .sub-box2{width: calc(100% - 30px) !important; padding-left: 0px !important}


.whatsapp-btn{margin-left: 10px; background-color: #31be32}



/*mob-oet-online*/

.mob-oet-online{display:none !important;float:right !important; }
.mob-oet-online li{display:block !important; }

@media (max-width: 1199px){
.mob-oet-online{float:right !important;display:block !important;margin-top: -35px;}
}






/*gen*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus {
    outline: none ;
    outline-offset: 0px;
}

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

.pd-2-35{padding-left: 45px; padding-right: 45px}

a, a:hover
{text-decoration: none !important;}

ul
{padding-left: 0px; list-style-type: none;margin: 0}

.box
{display: table;}

.sub-box
{display: table-cell;}

.sub-box1
{padding-right: 15px}

.sub-box2
{padding-left: 15px}

.box.vrt-middle .sub-box{vertical-align: middle !important;}
.box.vrt-top .sub-box{vertical-align: top !important;}


.clear-fix
{float: none; clear: both;}

span.clear-fix 
{ display: block;}


.img-auto
{margin: 0 auto; float: none; margin-bottom: 30px; }

.img-gen{margin-bottom: 15px}


.gen-para{line-height: 26px;  text-align: justify; margin-bottom: 18px}
.gen-para.text-left{text-align: left;}
.gen-para.text-center{text-align: center !important;}

.trn{transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.form-control{box-shadow: none; border-radius:0px;}
.btn{border-radius:0px;}


h1{  font-size: 48px;letter-spacing: -2px; line-height:49px; text-transform: capitalize;padding-bottom: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #252424; margin-top: 0px; margin-bottom: 26px;}
h2{ font-size: 39px;
    /*font-family: 'rubikmedium';*/
    letter-spacing: -1.5px;
    /*text-transform: capitalize;*/
    padding-bottom: 5px;
    border-radius: 5px;
    margin-bottom: 25px;
    color: #252424;
    margin-top: 0px;
    margin-bottom: 15px;}
h3{ font-size: 16px; margin-bottom: 12px;
    color: #272727;}
h4{ font-size: 15px;  color: black}

.rub-med{ font-family: 'rubikmedium';}
.b{font-weight: bold; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}



.p-h2{margin-top: 40px}
.p-h3{margin-top: 30px; }

.big{font-size: 20px; font-family: 'rubikmedium'; color: #252424;}




.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}


.flex-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}


.align-items-end{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.text-none{text-transform: none !important;}

.green{color: #274abb}

.bg{background-size: cover; background-position: center; background-repeat: no-repeat;}




/*side head*/
.side-head{padding-left: 35px;position: relative; margin-bottom: 22px; z-index: 8}
.side-head:before {
    top: 0;
    left: 0;
    bottom: 0;
    width: 15px;
    content: '';
    border-radius: 3px;
    position: absolute;
    background-color: #274abb;
}
.side-head span{display: block;
    font-size: 27px;
    margin-bottom: 10px;
    line-height: 27px;}
.side-head h2{margin-bottom: 0px; padding-bottom: 0px; line-height: 27px;}
.side-head h1{margin-bottom: 0px; padding-bottom: 0px; line-height: 42px;}
.side-head.text-center{padding-bottom: 35px;padding-left: 0px; display: table; margin: 0 auto; margin-bottom: 22px}
.side-head.text-center:before { top: auto;  bottom: 0;left: calc(50% - 34px);  width: 68px;height: 15px;}
.side-head.white h2{color: white}



/*divider*/
.divider-center {
    height: 4px;
    width: 79px;
    background-image: -webkit-gradient(linear, left top, right top, from(#274abb), color-stop(51%, #69d8f1), to(#274abb));
    display: block;
    border-radius: 12px;
    margin: 10px auto;
}


/*owl dots*/
.owl-dots{padding-left: 15px; padding-right: 15px}
.owl-dot{width: 10px; height: 10px; border-radius: 20px; margin-left: 5px;
    margin-right: 5px; background-color: #274abb !important}
.owl-dot.active{background-color: #fdbe00 !important}





/*about*/
.about-div{padding-top: 0px; padding-bottom: 0px}
.about-main{background-color:#274abb; color: white }
.about-main h1{color: white}
.about-main .side-head:before{background-color: #ffd400}
.sub-about{text-transform: uppercase; font-size: 18px; font-family: 'rubikmedium'; margin-top: 15px; margin-bottom: 20px;
display: table;
    padding: 5px 11px 1px;
    background-color: #3068b2;
    border-radius: 4px;}
.wel-col{padding-top: 0px; padding-bottom: 70px}
.wel-img{margin-top: -50px; position: absolute;
    bottom: 0px;
    z-index: 7;}
.abt-col{padding-top: 70px}
.read-small .fa {
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 17px;
    border-radius: 50%;
    margin-left: 3px;
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
}
.read-small {
    display: inline-block;
    text-decoration: none; cursor: pointer;
}
.read-small-span{display: inline-block;}

.read-small:hover .fa{ animation-name: zoomIn;animation-duration: .5s}

.about-div .read-small .fa {border: 2px solid #6d8ef8; color: #ffffff;}
.about-div .read-small:hover .fa{ border: 2px solid #ffd400; color: #ffd400;box-shadow: 0 0 23px rgba(0, 0, 0, 0.55);}



/*counter*/
.count-col img{width: 56px; height: 56px; margin-right: 5px; filter:brightness(0) invert(1);}
.count-col p{margin-bottom: 0px}
.counter1{font-size: 31px; line-height: 36px;  }
.counter1, .plus{float: left; color: #ffd400; display: inline-block; height: 33px ; font-family: 'rubikmedium';}
.plus{font-size: 30px; line-height: 34px; padding-left: 5px}
.batch{font-family: 'rubikmedium'; font-size: 14px; color:white; text-transform: uppercase; }
.whole{overflow: hidden; margin-bottom: 0px }
.counter-div{margin-top: 20px}



/*testimonials*/
.test-div{padding-top: 70px; padding-bottom: 70px}


.light{font-family: 'rubiklight'}
.tes-img {height: 108px;
    width: 108px;
    overflow: hidden;
    position: relative; 
    border-radius: 100px 0px 100px 100px;
    border: 4px solid white;
    box-shadow: 3px 5px 21px 1px rgba(0,0,0,.2);}
.tes-img  img{ margin: 0 auto;  height: 100px; width:  100px; }
.tes-img-cont{position: absolute; bottom: -130px;}



.tes-title{font-family: 'rubikmedium'; margin-bottom: 0px !important; margin-top: 10px !important;
    line-height: 23px;
    font-size: 16px;}

.owl-tes a{color: #3c3c3c; display: block;box-shadow: 0 0 15px rgba(0,0,0,.1); padding: 20px; border-radius: 6px;
    position: relative; 
    padding-top: 50px;
    padding-bottom: 65px;}


.owl-tes a:hover .tes-img {transform: rotate(360deg);}
.owl-tes .item{padding: 15px; padding-bottom: 138px;
    padding-top: 50px;}
.tes-dtl-cont .com
{    max-height: 98px;-webkit-line-clamp: 4;  line-height: 25px;}
.std{color: #a9a7a7;
    font-family: 'rubiklight';
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.quoted {
    -webkit-background-size: 100% 100%;
    background-size: 200% 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#274abb), color-stop(51%, #23ced5), to(#5192e1));
    background-image: -webkit-linear-gradient(left, #274abb 0%, #67b0e4 51%, #5192e1 100%);
    background-image: -moz-linear-gradient(left, #274abb 0%, #67b0e4 51%, #5192e1 100%);
    background-image: -o-linear-gradient(left, #274abb 0%, #67b0e4 51%, #5192e1 100%);
    background-image: linear-gradient(to right, #274abb 0%, #67b0e4 51%, #5192e1 100%);
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    height: 50px;
    width: 50px;
    position: absolute;top:-25px;
    z-index: 1;
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%; text-align: center;}

.com {
    max-height: 70px;
    line-height: 23px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0px;
}

.owl-tes .owl-nav{display: none !important;}
/*.owl-tes .owl-dots{text-align: center;}*/




/*home destinations*/
.home-dest-div{padding-top: 70px; padding-bottom: 70px}
.country{margin-bottom: 30px; display: block;
    position: relative;}
.country .thumb{
    border-radius: 10px;
    overflow: hidden;
    position: relative;height: 250px;}

/*.img-fluid {
    max-width: 100%;
    height: auto;
}
.w100 {
    width: 100% !important;
}*/

.country-img{width: 100%;
    height: 100%;
    object-fit: cover;}

.country .overlay {
    background: -moz-linear-gradient(270deg, rgba(255,255,255,0.01) 0%, rgba(29,41,62,.73) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.01)), color-stop(100%, rgba(29,41,62,.73)));
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.01) 0%, rgba(29,41,62,.73) 100%);
    background: -o-linear-gradient(270deg, rgba(255,255,255,0.01) 0%, rgba(29,41,62,.73) 100%);
    background: -ms-linear-gradient(270deg, rgba(255,255,255,0.01) 0%, rgba(29,41,62,.73) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,0.01) 0%, rgba(29,41,62,.73) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1d293e',GradientType=0 );
    border-radius: 0px 0px 10px 10px;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;}

.country-dtl {
    bottom: 30px;
    left: 0;
    position: absolute;
    right: 0;}

h3.country-name{ color: #ffffff; font-family: 'rubikmedium';
    font-size: 18px;}

.country-dtl span{
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 8px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 40px;
    padding: 4px 12px;
    cursor: pointer

}

.country:hover .country-img {
    -webkit-transform: scale(1.1) rotate(-1deg);
    -moz-transform: scale(1.1) rotate(-1deg);
    -o-transform: scale(1.1) rotate(-1deg);
    -ms-transform: scale(1.1) rotate(-1deg);
    transform: scale(1.1) rotate(-1deg);
}

.country:hover .country-dtl span
{background-color: #274abb;     animation-name: zoomIn;
    animation-duration: 1s;}


.country-desc {
    color: #ffffff;
    max-height: 0;
    line-height: 18px;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.6s ease-out, max-height 0.6s ease-out, margin 0.6s;
    padding: 0px 30px;
    font-size: 14px;
    line-height: 22px;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}


.country:hover .country-desc {opacity: 1;
    max-height: 100px;
    margin-top: 8px;
    transition: opacity 0.6s ease-out, max-height 0.9s ease-out;}


/*jarallax*/
.jarallax-para{font-size: 22px; text-align: left !important;}
.jr-head{ font-family: 'rubikmedium';
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 12px;}
.jr-div{background-color:#274abb; padding: 30px 15px; color: white;  border-radius: 6px 0px 0px 6px}
.jr-box img{width: 22px; height: 22px;}
.jr-box {text-align: left;}
.jr-para{margin-bottom: 0px}
.jr-cont{margin-top: -80px; }

/*jarallax original*/
.jarallax {position: relative;z-index: 0;}.jarallax > .jarallax-img {position: absolute;object-fit: cover;font-family: 'object-fit: cover;';top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}.demo-table {display: table;width: 100%;height: 400px;background-color: rgba(12, 28, 78, 0.31);color: #fff;}.demo-table-inn {display: table;width: 100%;height: 400px;background-color: rgba(0, 28, 117, 0.74);color: #fff;}.demo-table-cell {display: table-cell;vertical-align: middle;}.jarallax {min-height: 400px;}

/*chairman*/
.chair-div{padding-top: 70px; padding-bottom: 0px}
.chair-name{font-family: 'rubikmedium'; font-size: 20px; color: #274abb; margin-bottom: 5px}
.chair-row{margin-top: 20px}
.chair-pos{color: #868582;
    font-size: 17px;
    margin-bottom: 25px;}
.chair-col img{border-radius: 6px; }
.chair-text-col{    padding-left: 30px;     border-left: 3px solid #0c71da;
   }
.in-body .chair-text-col{padding-left: 0px; padding-top: 30px; 
    border-top: 2px dashed #c4c5c7;
    margin-top: 30px;}
.h-line{width: 66%;
    margin: 0 auto;
    border-top: 1px dashed #b9b7b7;}
.chairmans-message h2{margin-top: 0px}
.chair-main-cont{margin-top: 10px}
.quote-span .quote{width: 30px;
    height: 30px;
    margin-top: -10px;
    margin-right: 10px;}
.quote-span{float: left;}
.ch-des{width: 100%}



.read-more .read-small .fa {border: 2px solid #274abb; color: white; background-color: #274abb; width: 16px; height: 16px; line-height: 13px;
}
.read-more .read-small{position: absolute;right:0px; opacity: 0}
.read-more:hover .read-small{ opacity:1; right:16px; left:auto;}
.read-more:hover{padding-right: 40px; color: #274abb; /*background-color: #e3e8f5*/}
.read-more .read-small .fa:before{ padding-left: 1px;}
.read-more{ display: inline-block;
    background: #f0f0f0;
    padding: 1px 20px 2px;
    border-radius: 30px;
    line-height: 39px;
    color: #727272;
    margin-bottom: 0px;
    font-size: 14px;
    font-family: 'robotomedium';
    position: relative;}

.read-more, .read-small{    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}



/*news*/
.news-div{padding-top: 70px; padding-bottom: 70px}
.border-shadow{box-shadow: 0 0 15px rgba(0,0,0,.1);border-radius: 6px;}
.news-item{height: 100%; background-color: white; padding-bottom: 25px;}
.news-cont{padding: 4px; position: relative; display: block; color: #3c3c3c; height: 100%}
.news-image img{border-radius: 6px}
.news-date  {
    text-align: center;
    color: #333;
    width: 76px;
    background-color:rgba(255, 255, 255, 0.8);
    box-shadow: 9px 9px 7px -6px rgba(15, 66, 71, 0.1);
    border-radius: 4px;
    padding: 8px 4px;
    font-size: 12px;
    position: absolute; 
    top:6px;
    right: 6px
}

.entry-month {
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 4px;
}
.entry-day {
    font-family: 'rubikbold';
    font-size: 32px;
    line-height: 30px;
    color: #274abb;
    margin-top: 1px;
}

.entry-year {
    font-size: 11px;
}
.entry-month, .entry-year, .entry-day {
    display: block;
}

.news-content h3 
{font-size: 15px;font-weight: bold;color: #212123; }

.news-content
{ padding: 5px 20px 20px;}

.news-cont, .entry-day, .quick-links li a, .quick-links li a:before, .subscribe_button, .adm
{-webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out}

.news-cont:hover
{box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); color: #3c3c3c; transform: scale(1.03);-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);}

.news-cont:hover .news-date, .news-cont:hover .entry-day{color: white}
.news-cont:hover .news-date{background-color: rgba(39, 74, 187, 0.78); animation-name: zoomIn; animation-duration: 1s}

.owl-car-news .item{padding-left: 15px; padding-right: 15px; height: 100%}
.owl-car-news .owl-nav, .owl-car-news .owl-dots{display: none;}
.news-div .read-more{margin-top: 15px}

#owl-car-news .owl-stage
{display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;}


.owl-car-news{margin-top: 15px}




/*homepage course*/
.h-courses-div{padding-top: 70px; padding-bottom: 30px; padding-left: 130px; padding-right: 130px;}
.h-courses-col{width: calc(100% / 5 - 0px); padding-left: 6px; padding-right: 6px; margin-bottom: 18px}
.h-courses-div .side-head.text-center:before {background-color: #dfddd4;bottom: 10px; height: 7px}
.h-courses figure img{ 
    margin: 0 auto !important;
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
     }

.h-courses:hover figure img{       -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%); opacity: 1;}
.h-courses figure{margin-bottom: 2px; padding: 0px 15px;  }
.h-courses-name{text-transform: uppercase;font-size: 13px; color: #81878f; margin-bottom: 0px; padding-left: 3px; padding-right: 3px}
.h-courses{text-align: center; padding: 0px;   /* -webkit-box-shadow: 0 0 7.68px 0.32px rgba(155, 147, 147, .2);
    box-shadow: 0 0 7.68px 0.32px rgba(155, 147, 147, .2);*/border-radius: 6px; float: left;display: block;
    padding: 5px; 
    }
.courses-cont{padding-left: 9px; padding-right: 9px}

.box-lily {
    position: relative;
    display: block;
    text-align: center;
    padding: 5px 0;
    backface-visibility: hidden;
}

.box-lily::before, .box-lily::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
    height: 33px; 
    border: 1px solid #dfddd4;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transform: translate3d(0, 0, 0);
}
.box-lily::before{border-radius: 6px 6px 0px 0px;}
.box-lily::after {border-radius: 0px 0px 6px 6px;}
.box-lily::before {
    top: 0;
    border-bottom: 0;
}
.box-lily::after {
    bottom: 0;
    border-top: 0;
}

.h-courses-extra:hover .box-lily::before {
    transform: translate3d(0, -10px, 0); 
}

.h-courses-extra:hover .box-lily::after {
    transform: translate3d(0, 10px, 0); 
}

.h-courses-extra:hover .box-lily img{animation-name: slideInUp; animation-duration: .8s}

.h-courses-extra{position: relative;}
.h-courses-col .h-course-div a {
    color: #81878f;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    display: inline-block;
    border-radius: 40px;
    padding: 0px 12px;
    cursor: pointer;
    float: left;
    border: 1px solid #dfddd4;
    opacity: 0; max-height: 0px
}

.h-courses-extra .h-course-div{display: table; float: none; margin: 0 auto; opacity: 0; max-height: 0px;
    position: absolute;top:0px; left: calc(50% - 125px / 2); 
}
.h-courses-extra .h-course-div a.join{background: white; margin-right: 1.5px}
.h-courses-extra .h-course-div a.details{background: white; margin-left: 1.5px}
.h-courses-extra .h-course-div a.join:hover{background: #274abb; border:1px solid #274abb; color: white}
.h-courses-extra .h-course-div a.details:hover{background-color: #e90404; border:1px solid #e90404; color: white }
.h-courses-extra .h-course-div a.join,
.h-courses-extra .h-course-div a.details,
.h-courses-extra .h-course-div,
.h-courses-extra
{    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
.h-courses-extra:hover .h-course-div,
.h-courses-extra:hover .h-course-div a
{opacity: 1; max-height: 28px}
.h-courses-extra:hover .h-course-div
{top:-23px;}




/*courses second - with white bg*/
.wel-img-col-inn figure{position: relative; border-radius: 8px}
.img-overlay {    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    background: linear-gradient(294.56deg, #1644be 4.31%, #153497 41.03%, #17369a 98.68%);
    opacity: .4;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.bor-shadow{border:2px solid white; box-shadow: 1px 8px 11px 1px rgba(15, 17, 15, 0.2)}
.sub-box1-icon{width: 80px}
.sub-box-text{width: calc(100% - 80px)}
.course-icon{width: 58px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
}


/*courses inn feature*/
.in-body h3.crs-h3{margin-top: 0px; padding-top: 0px; margin-bottom:15px; color: white; font-family: 'rubikmedium';}
.crs-ft-cont{padding-left: 150px; padding-right: 150px}
.courses-feature{padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 12px;
    height: 100%;}
.courses-feature-cont{margin-bottom: 20px;}

.courses-feature p{margin-bottom: 0px}
.crs-whatsapp{float: right;}
.crs-whatsapp i{font-size: 13px; padding-right: 2px}


/*courses inn parallax*/
.crs-inn-parallax{padding-top: 60px; padding-bottom: 60px}
.crs-inn-parallax .side-head.text-center:before {
    background-color: #dfddd4;
    bottom: 10px;
    height: 7px;}


/*courses inn video*/  

/*image over popup video with light gallery*/
.crs-inn-video-div{padding-top: 70px; padding-bottom: 70px}
.video-inn{border: 1px solid #dfe1e5; border-radius: 12px; padding: 20px}
.video-inn-icon{position: absolute;
    display: block;
    z-index: 7;
    cursor: pointer;
    width: 90px;
    height: 90px;
    border-radius: 7px;
    padding: 6px;
    font-size: 12px;
    background-color: rgba(233, 4, 4, 0.9);
    border-radius: 100%;
    color: white;
    left: calc(50% - 90px/2);
    top: calc(50% - 90px/2);
    text-align: center;
    margin-bottom: 0px;}

.video-inn-icon i{font-size: 60px;
    margin-top: 9px;
    margin-left: 12px;}

.video-inn-overlay
{    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: rgba(69, 70, 70, 0.22);
    border-radius: 6px;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;}

.round {
    position: absolute;
    display: block;
    z-index: 6;
    width: 90px;
    height: 90px;
    border-radius: 7px;
    padding: 6px;
    font-size: 12px;
    background-color: rgba(37, 38, 40, 0.48);
    border-radius: 100%;
    color: white;
    left: 50%;
    top: 50%;
    text-align: center;
    margin-bottom: 0px;
    -webkit-animation: pulse-border 2200ms ease-out infinite;
    animation: pulse-border 2200ms ease-out infinite;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}


.crs-inn-video-div .gal-cont:hover .video-inn-overlay{background-color: rgba(69, 70, 70, 0);}




/*image over normal video without light gallery*/
.wrapper-col{border-radius: 8px; border:2px solid white; box-shadow: 0px 9px 20px 0 rgba(15, 17, 15, 0.44)}
.wrapper {
    max-width: 100%;
    margin: 0px auto;
}

.youtube {
    background-color: #000;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
    border-radius: 8px
}
.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 8px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    margin-left: 5px;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}








/*online course*/
.crs-online-main{background-color: #ecedf5}
.crs-online-div{padding-top: 70px; padding-bottom: 70px}
.crs-online-item {
    margin-bottom: 15px;
    margin-top: 15px;
    background-color: white;
    border-radius: 6px;
}

.online-para{padding-left: 5%; padding-right: 5%; margin-bottom: 25px}

.crs-online-div .counter-div {
    margin-top: 20px;
    width: 700px;
    margin: 0 auto;
    float: none;
    margin-bottom: 30px;}



.crs-online-div .count-col img {filter: brightness(1) invert(0);}
.crs-online-div .count-col .box{margin: 0 auto; width: 222px;
    border: 1px solid #aab7e1;
    border-radius: 6px;
    padding: 14px 18px;
}
.crs-online-div .batch { color: #313233;}
.crs-online-div .counter1, .crs-online-div .plus{color: #274abb}

.crs-online-item .border-shadow{
    box-shadow: 0 0 15px rgba(32, 11, 119, 0.33)
}

.crs-online-cont {
    position: relative;
    display: block;
    color: #3c3c3c;
}

.crs-online-cont:hover .img-overlay{opacity: 0}
.crs-online-cont:hover .crs-online-image img{transform: scale(1.1, 1.1);}

.crs-online-cont .img-overlay,
.crs-online-cont .crs-online-image img
{    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;}

.crs-online-content {
    padding: 10px 20px 20px;
}

.in-body .crs-online-content h3 {
    font-size: 15px;
    font-weight: bold;
    color: #212123;
    margin-top: 20px;
    margin-bottom: 12px;
    padding-top: 0px;
    letter-spacing: 0px;
}

.crs-online-image
{position: relative; overflow: hidden; border-radius: 6px 6px 0px 0px;}

.crs-online-image img {
    border-radius: 6px 6px 0px 0px;
    width: 100%;
}


.post-info-panel {
    position: absolute;
    bottom: 5px;
    right: 20px;
    padding: 8px 15px 6px;
    background: rgba(0, 0, 0, 0.45);
    box-shadow: -8px 6px 10px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
}

.post-info-panel .list-inline > * {
    padding-left: 15px;
    padding-right: 15px;
}

.post-info-panel li {
    font-size: 13px;
    line-height: 1.2;
    font-family: 'rubikmedium';
    text-transform: uppercase;
    display: inline-block;
}

.post-info-panel li + li {
    position: relative;
    border-left: 1px solid #c4c4c4;
}

.post-time {
    color: #ffffff;
}

.post-tag, .post-tag:focus, .post-tag:active {
    color: #ffd400;
}


.btn-template {
    display: inline-block;
    padding: 0 20px;
    height: 40px;
    line-height: 41px;
    color: white;
    font-weight: 400;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 12px;
    background: #274abb;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: none;
    font-family: 'rubikmedium';
}

.btn-template-outlined
{display: inline-block;
    padding: 0 20px;
    height: 41px;
    line-height: 38px;
    color: #25252b;
    font-weight: 400;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 12px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 2px solid #cfcfcf;
    font-family: 'rubikmedium';}


.btn-template:hover, .btn-template-outlined:hover, .btn-template:focus, .btn-template-outlined:focus {
    color: white;
}

.btn-template:hover::before, .btn-template-outlined:hover::before, .btn-template:focus::before, .btn-template-outlined:focus::before {
    left: 0;
}

.btn-template::before, .btn-template-outlined::before {
    content: '';
    display: block;
    width: 101%;
    height: 100%;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: calc(-100% - 10px);
    transition: all 0.5s;
    z-index: -1;
    background: #e90404;
    border: 2px solid #e90404;
}

.btn-template-outlined:hover{ border: 2px solid #e90404;}
/*.register{background-color: #274abb}*/



/*course-inn-logo*/
.course-inn-logo{padding: 5px;}





/*vision-inn*/
.vision-icon{width: 85px; 
margin-right: 15px;
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
-moz-filter: brightness(0) invert(1);
}
.mission-icon{width: 85px; margin-bottom: 15px !important; margin: 0 auto; display: block;}
.white{color: white !important}
.vision-feature
{padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 12px;
    margin-bottom: 20px;}
.mis-div{    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 25px; min-height: 315px}
.mrg-btm-0{margin-bottom: 0px !important}



/*achievements*/

.ach-div{padding-top: 70px; padding-bottom: 70px}
.ach-main{background-image: url(../img/images/ach-bg.jpg);background-image: url(../img/images/ach-bg.webp);}
.ach-main .side-head:before {background-color: #ffd400;}
.ach-overlay{background-color: rgba(39, 74, 187, 0.84)}
.ach-cont{ border-radius: 6px;  border: 1px solid #5d7de6; padding: 4px;margin-bottom: 15px; position:relative;/* background-color: #375bcf*/}
.ach-cont:hover .per{animation-name: jello; animation-duration: 1.5s; background-color: #e10101;
border:1px solid #e10101;}
.ach-cont:hover {transform: translateY(15px);    box-shadow:0px -14px 18px -7px rgba(12, 26, 70, 0.82); padding: 0px; margin-bottom: 10px}
.ach-cont img{border-top-right-radius: 6px; border-top-left-radius: 6px}
.owl-ach .item{padding: 7px;}
#owl-ach .owl-dots{display:none;}
.owl-exe-cont{padding-left: 8px; padding-right: 8px}
.ach-dtl{ padding: 9px 5px; text-align: center; background-color: rgba(30, 57, 143, 0.8);  border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px; 
    /*min-height:85px;*/}
.exe-h2{box-shadow: 0px 13px 10px -6px rgba(12, 1, 72, 0.1); padding-bottom: 5px}
.per{margin-bottom: -2px;
    color: white;
    font-size: 14px;
    position: absolute;
    top: -7px;
    border: 1px solid #5d7de6;
    background-color: #10ac0d;
    padding: 3px 9px 1px;
    border-radius: 4px; }
.std-name{
    /*font-family: 'rubikmedium';color: #ffd400; font-size: 14px;*/
    /*margin-bottom: 0px;*/
    /*text-transform: uppercase;*/
    
    font-family: 'rubikmedium';
    color: #ffd400;
    font-size: 14px;
    margin-bottom: 0px;
    text-transform: uppercase;
    margin-top: -29px !important;
    display: table;
    background-color: #233d96;
    position: relative;
    padding: 2px 6px;
    border-radius: 6px 6px 0px 0px;
    margin: 0 auto;
    
}

.score-date{margin:0 auto; display: table; margin-top: 2px;padding-top: 5px; border-top: 1px dotted #5d7de6;}
.score{margin-bottom: 0px; color: white; /* width: 40px;*/ }
.ach-date{/*width: calc(100% - 40px);*/ color: white;  text-transform: capitalize;}
.score, .ach-date{float: left;font-size: 13px;} 
.score span{padding: 2px 7px 1px;  border-right: 1px solid #5d7de6; }
.ach-date span{padding: 2px 7px 1px;}

.per,.ach-cont {   transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
.owl-carousel.owl-ach .owl-nav.disabled, .owl-carousel.owl-ach .owl-nav
 { display: block;    text-align: center; text-align: right;
    position: absolute;
    top: -59px;
    right: 0px;}
.owl-ach .owl-dot { background-color: white !important;}
.owl-ach .owl-dot.active {
    background-color: #fdbe00 !important;
}
.owl-ach .owl-dots{margin-bottom: 10px}
.ach-div .read-more{ border-radius: 6px; border: 2px solid #5d7de6; background-color: transparent; color: white; line-height: 37px;}
.ach-div .read-more:hover{background-color: #ffd400; border:2px solid #ffd400; color: #3a3a3a;padding-right: 30px;
    padding-left: 30px;}
.owl-ach .owl-nav
{display: none !important;}

#owl-online-inn .on-col {
    width: 100% !important;
}

#owl-online-inn .online-box{margin-bottom:10px !important;}
 

.table.score-table>tbody>tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0) !important;
}
.table.score-table>tbody>tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0) !important;
}
.table.score-table>tbody>tr>th {
     font-weight:normal !important; text-align:center;
     color:#ffd400 !important;
}
.table.score-table>tbody>tr>td, .table.score-table>tfoot>tr>td, .table.score-table>thead>tr>td, .table.score-table>tbody>tr>th
{   font-size: 11px !important;
    border-top: 1px #5d7de6 solid !important;
    border-right: 1px #5d7de6 solid !important;
    padding: 2px 4px !important;
    line-height:1.42857143 !important;
}

.table.score-table>tbody>tr>td, .table.score-table>tfoot>tr>td, .table.score-table>thead>tr>td
{color:white !important;}

.table-responsive.score-tb-res{border: 1px solid #5d7de6; border-radius:4px !important; margin-bottom:0px !important; margin-top:5px !important;}





/*news detail*/
.news-detail-img{border-radius: 4px}
.news li{border-bottom: 1px dashed #ced1da; padding-bottom: 10px !important;  margin-bottom: 10px;}

.news li:last-child{border-bottom: none;}
.news li,.news li a {
    padding: 0px 0px;
    /*background-color:#f6f5f7;*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.news li a.news-left-link
{margin-bottom: 10px; float: left;}

.news li a {
    display: block;
    color: #444343;
    cursor: pointer;
}

.eve-img-cont {
    width: 100px;
}

.eve-dtl-cont {
    width: calc(100% - 100px);
    padding-left: 20px;
}

.eve-img-cont, .eve-dtl-cont {
    float: left;
}

.news-title {
    font-family: 'rubikmedium';
    margin-bottom: 10px !important;
    line-height: 21px;
    color: #252424;
    font-size: 16px;
}

.news-desc {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 0px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    max-height: 45px;
}

.eve-img img {
    margin: 0 auto;
    width: 100%;
}

.in-news-left{
    /*background-color: #f6f5f7;*/
    padding-bottom: 15px;
    padding: 15px 10px 5px 10px;
    box-shadow: 0px 0px 18px -5px silver;
}


.in-news-head{    font-size: 16px;
    margin-bottom: 0px;
    padding: 10px 15px;
    background-color: #274abb;
    color: white;
    text-transform: uppercase;}

.in-news-head .second{color: yellow}

.in-news-head i{font-size: 13px; padding-right: 3px;  color: yellow;}
.news-more{font-size: 12px}
.news-more i {color: #f37306; position: relative;top:2px;}
.news-more:hover {  animation-name: headShake;
    animation-duration: 3.5s;
    animation-iteration-count: infinite;}

.news-det-col-8{padding-left: 15px; padding-right: 0px}







/*footer*/
footer{background-color: #0c1523; color: rgba(255, 255, 255, 0.5)}
footer .quick-links li a, .srv{color: rgba(255, 255, 255, 0.5)}
.srv:hover{color: white}
.foot-head{  padding-bottom: 10px;/* border-bottom: 1px solid #303e4d;*/ color: white; position: relative;    text-transform: capitalize;
    font-weight: bold;
    font-family: 'rubiklight';
    font-size: 18px; margin-bottom: 15px}
.foot-head:before{
    content: '';
    position: absolute;
    bottom: -2.5px;
    left: 0;
    height: 5px;
    width: 45px;
    border-radius: 3px;
    background: #274abb;
}

.top-footer{padding-top: 60px; padding-bottom: 25px}
.quick-links li {margin-bottom: 5px}
.quick-links li a {position: relative; display: block; padding-left: 0px}
.quick-links li a:before{content: "\e069"; font-family:"dripicons"; position: absolute;left: -15px;
top:3px; opacity: 0; font-size: 10px !important}
.quick-links li a:hover{color: white; padding-left: 20px}
.quick-links li a:hover:before{opacity: 1;left: 5px; color: #ffd400}

.block_tags li {
    height: 23px;
    margin-left: 4px;
    margin-bottom: 5px;
    padding: 0px 7px;
    display: block;
    float: left;
    background-color: #707070;
    border: 1px solid #000000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
}

.block_tags li:hover{background-color: #394262}

.block_tags li a {
    height: 23px;
    line-height: 23px;
    padding-top: 0px;
    padding-right: 12px;
    display: block;
    background: url(../img/icons/bg_tag_2.jpg) no-repeat right 9px;
    font-size: 10px;
    color: #ededed;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.05);
    text-transform: uppercase;
}

footer .address{line-height: 24px}


/*mid-footer*/
.mid-footer-col{ border-top: 1px solid rgba(255, 255, 255, 0.18);
    padding-top: 30px; }
.mid-footer{ padding-bottom: 20px}
.enter-email {
    width: calc(100% - 60px) !important;
    padding: 15px 15px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 1px solid #d3d3d3;
    background-color: rgba(255, 255, 255, 0.1);
    color: white !important;
    margin-bottom: 0px !important
}
input[type=text].enter-email:focus{box-shadow: 1px 0px 10px 2px rgba(0,0,0,.6); border: none !important; border-bottom:  none !important;}
.subscribe_button {
    background-color: #274abb;
    color: white;
    border: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 60px;
    height: 60px;
    line-height: 64px;
    border-radius: 100%;
    margin-left: -17px;
    position: relative;
    top:5px;

}
.subscribe_button i{font-size: 25px}
.subscribe_button:hover{background-color: #394262; }
.news-letter{padding-left: 60px}
.letter-para{font-size: 13px; }
.news-letter form{margin-bottom: 15px}

.cnt-no{    font-size: 36px;
    color: white;
    font-family: 'rubikmedium';
    letter-spacing: -.5px;}
ul.footer-social li a{ height: 35px; width: 35px; border-radius: 100%; border:1px solid #303e4d;}
ul.footer-social li a i{border-radius: 100%; line-height: 34px !important}
ul.footer-social li a:hover{border: 1px solid transparent}
ul.footer-social li{margin-right: 3px; margin-bottom: 3px}

.quick-links.center-no li {border-bottom: 1px solid rgba(192, 192, 192, 0.19);
    padding-bottom: 5px;}
.quick-links.center-no li a:hover{padding-left:0px !important;}
.quick-links.center-no li a:hover:before{content:none !important;}
.quick-links.center-no li:last-child{border-bottom: none;}












/*bottom footer*/
.bottom-footer{font-size: 13px; padding-top: 10px}
.bottom-footer-cont{ background-color: #252d39;}
.pr-list li{display: inline-block;}
.pr-list {text-align: center;}
.pr-list li a{color: rgba(255, 255, 255, 0.5); padding-right: 10px; border-right: 1px solid rgba(192, 192, 192, 0.19);
padding-left: 10px; transition: all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease;}
.pr-list li a:hover{color: white}
.pr-list li:last-child a {border-right: none;}
.pr-col{  padding-top: 20px; margin-top: 20px;  border-top: 1px solid rgba(255, 255, 255, 0.18);}




/*mia*/
.mia{display: block;border-radius: 100%;animation-name: headShake; animation-duration: 3.5s; animation-iteration-count: infinite; }
.mia-link{position: fixed;bottom:25px; right: 12px;  z-index: 8; text-align: center; }
.mia-link span{background-color: rgba(169, 158, 158, 0.039);
    color: #ffd400;
    border: 1px solid #ddd;
    padding: 1px 10px;
    border-radius: 20px;
    font-family: 'robotobold';
    text-transform: uppercase;
    font-size: 18px;
    display: inline-block;
    margin-top: 8px; }
.mia-link:hover .mia{animation: none;}

/*whatsapp*/
.whatsapp-link{position: fixed;bottom:10px; left: 10px;  z-index: 8;}
.whatsapp-link img{width: 40px; animation-name: swing; animation-iteration-count: infinite; animation-duration: 1s }
.whatsapp-link:hover img{animation: none;}





/************************************************************************************/
/************************************ innerpage ************************************/
/************************************************************************************/
/*general for innerpage*/
.in-body{font-size: 14px}
.loadimg{display: block;}
.in-body .in-slide-head{ padding-left: 0px; padding-right: 0px;  color: white; margin-bottom: 0px;
    font-size: 46px;line-height: 66px;
    font-family: 'rubikregular';
    text-transform: capitalize;
    letter-spacing: -3px;
}
.slide-in{display: table;
    position: relative;
    padding-right: 180px;}
.whatsapp-carry.float{position: absolute;right: 0px; bottom: 0px}
.in-body h1{font-size: 37px; line-height: 38px !important;}
.in-body h2{ font-size: 22px; line-height:35px;  margin-bottom: 0px; padding-bottom:0px; letter-spacing: -.5px}
.in-body h3{ font-size: 20px; line-height: 26px;margin-bottom: 20px;padding-top: 15px; letter-spacing: -.2px}
.in-body h4{ font-size: 18px; line-height: 24px;;margin-bottom: 20px; padding-top: 15px;}
.in-body h5{ font-size: 15px; font-weight: bold; margin-bottom: 20px}
.in-body h2.big-h2{font-size: 36px; line-height: 38px !important;}
.border-img{border-radius: 5px; border: 3px solid white;}
.pos{font-family: 'rubiklight'; font-size: 18px; color: #00b7ce}
.p-line{font-family: 'rubikbold'; color: #192f59; padding-right: 5px}
.mng-col{margin-bottom: 30px}
.shd-box{box-shadow: 0 0 20px rgba(0,0,0,.1);
    border-radius: 6px;
    padding: 20px;}
.br-image{border:1px solid yellow; border-radius: 4px}
.img-right{float: right; margin-bottom: 18px; margin-left: 18px}
.img-left{float: left; margin-bottom: 18px; margin-right: 18px}
@media (max-width: 991px){
.img-right{float: none; margin: 0 auto; margin-bottom: 18px}
.img-left{float: none; margin: 0 auto; margin-bottom: 18px}
}

/*underline for heading in innerpage */
.inn-side-head{
    padding-bottom: 15px;
    padding-top: 20px;
    padding-left: 0px;
    margin: 0 auto;
    margin-bottom: 22px;
    position: relative;
}
.inn-side-head:before {
    background-color: #dfddd4;
    content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0px;
    width: 68px;
    height: 8px;
    border-radius: 19px;
    border-radius: 50px
}


.inn-side-head.text-center h3{text-align: center;}

.inn-side-head.text-center:before {
    left: calc(50% - 34px);}

.inn-side-head h3{margin-bottom: 5px;
    padding-top: 0px;
    margin-top: 0px;}




/*blue underline*/
.inn-side-head-blue{
    padding-bottom: 15px;
    padding-top: 20px;
    padding-left: 0px;
    margin: 0 auto;
    margin-bottom: 22px;
    position: relative;
}
.inn-side-head-blue:before {
    background-color: #274abb;
    content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0px;
    width: 68px;
    height: 8px;
    border-radius: 19px;
    border-radius: 50px
}


.inn-side-head-blue.text-center h3{text-align: center;}

.inn-side-head-blue.text-center:before {
    left: calc(50% - 34px);}

.inn-side-head-blue h3{margin-bottom: 5px;
    padding-top: 0px;
    margin-top: 0px;}




/*underline2*/
 .line-h .line2 {
    width: 40px;
    height: 6px;
    border-radius: 20px;
    background: #dfddd4;
    margin-bottom: 15px !important;
    margin-top: 5px !important;
}

.line-h.text-center .line2 {
    margin: 0 auto;
    margin-bottom: 25px;
}

.line-h h3{margin-bottom: 15px}


/*underline3*/
.side-head .big-h2 span {
    margin-bottom: 5px; font-size: 25px; line-height: 25px}



/*inn-box-div*/
.inn-box-div{padding: 15px; border: 1px solid #ddd; border-radius: 6px; margin-top: 25px;}
.hr{margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;}


.inn-box-div-dark{padding: 15px; border: 1px solid #beb8c8; border-radius: 6px; margin-top: 25px;}
.hr-dark{margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #beb8c8;}


/*innerpage slider*/
.inner-page-slide {
    position: relative;
    background-size: cover;
    background-position: top center;
    height: 350px;
}

.in-bg1{background-image: url(../img/images/in-bg1-new.jpg);height:350px !important;}


.in-bg1.no-bg{
    background-image:none;
    /*background: #2573b3;*/
    background:#274abb;
    height: 128px !important;
}

.in-bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 3, 10, 0.4);
}

.inner-slide-cont {
    height: 100%; position: relative;
}

.inner-slide-cont .box.in-slide-box
{padding-left: 15px; padding-right: 15px}

.inner-slide-cont .box.in-slide-box, .inner-slide-cont .box.in-slide-box .sub-box {
    height: 100%;
}

.inner-slide-cont .box.in-slide-box
{width: 100%;}

.inner-slide-cont .box.in-slide-box .sub-box {
    vertical-align: bottom;
}

.in-slide-box .button-ul li{margin-bottom: 35px; margin-right: 0px}

.in-slide-box .button-ul{display: table;float: right;}


/**/
.in-main-col{padding-top: 70px; padding-bottom: 70px}
.bor-col-right{border-right:1px solid #eee; padding-right: 14px}
.blue-b{color: #2f59e1}
.mrg-top-0{margin-top: 0px !important}
.pd-top-0{padding-top: 0px !important}
.inn-box-div-h{padding-top: 5px !important}
.pattern-head{font-size: 16px;  font-family: 'robotomedium'; margin-bottom: 15px}
.yellow{color: #ffd400}


/*side ul*/
.in-side-menu{box-shadow: 0 6px 20px 0 rgba(51, 66, 51, 0.1); background-color: white;
    border-radius: 6px;
    padding-bottom: 15px;
    padding: 15px 10px 5px 10px;}

.side-ul li figure,
.side-ul li .menu-logo,
.side-ul li .sis-name.smll
{display: none;}
.side-ul li .sis-name.bg
{display: block !important;}
.side-ul li .sis-name {
     line-height: auto; 
     height: auto !important; 
     margin-top: 0px; 
}
.side-ul li a{display: block;margin-bottom: 10px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    border-radius: 4px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    color: #333;
    padding: 8px;
    font-size: 13px;
}

.side-ul li a .menu-logo-div {padding: 0px;}
.side-ul li a p{margin: 0px !important; padding: 0px !important; font-size: 13px}
.side-ul li a .course-name{margin-top: 0px !important; padding-left: 0px; padding-right: 0px; display: block; font-size: 13px}
.side-ul li.active a {
    background-color: #274abb;  box-shadow: 0 0 0 1px rgb(39, 74, 187);
}
.side-ul li.active a .course-name, .side-ul li.active a,  .side-ul li.active a p{color: #fff !important;}

.side-ul li:hover a{background-color: rgba(0, 0, 0, 0.08); box-shadow: 0 0 0 1px rgba(0,0,0,.08)}
.side-ul li.active:hover a{background-color:#274abb; box-shadow: 0 0 0 1px rgb(39, 74, 187) }



/*side logo*/
.side-logo{border-radius: 6px;
   /* box-shadow: 0 0 0 1px rgba(0,0,0,.1);*/
    margin-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.04);
}


.side-logo img{margin: 0 auto}
.side-flag{border-radius: 6px}


/*breadcrumb*/
.breadcrumb {    background-color: rgba(0,0,0,.5);
    display: table;
    border-radius: 20px;
    font-family: 'rubikregular';
    text-transform: capitalize;
    margin-top: 5px;
    padding: 8px 15px;
    margin-bottom: 35px;}
.breadcrumb li a {color: rgba(255, 255, 255, 1); font-size: 14px;}
.breadcrumb>li+li:before {  
    color: rgba(255, 255, 255, 1);}
.breadcrumb li.active a{color: #ffd400 !important; }
.breadcrumb>li+li:before{     content: "\f28d";
    font-family: 'FontAwesome';
    font-size: 12px;
    position: relative;
    bottom: 0px; padding-left: 7px; padding-right: 7px}
.breadcrumb li.active:before{color: #ffd400 !important;}


/*breadcrumb new*/
.breadcrumb.new{background:white !important;}
.breadcrumb.new li a{color:#607D8B;}
.breadcrumb.new>li+li:before{color:#999;}
.breadcrumb.new li.active a, .breadcrumb.new li.active:before{color: #274abb !important;}


/*gen list*/
.gen-list li{padding-left: 35px; margin-bottom: 12px; line-height: 25px; position: relative;}
.gen-list li:before{     content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../img/icons/infinity.svg);
    position: absolute;
    left: 0px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;

}

.gen-sub-list{margin-top: 15px}
.gen-sub-list li:before{color: #192f59;}
.gen-list-just li{text-align: justify;}








/*form*/
input[type=text], input[type=number], input[type=tel], input[type=email], input[type=password], input[type=date], textarea, select {
    margin-bottom: 13px;
    border:none;
    min-height: 44px;
    line-height: 30px;
    border-radius: 0px;
    padding: 8px 15px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #333;
}
textarea {
    height: 155px;
}

input[type=text]:focus, textarea:focus{border-bottom:1px solid #5EB007 !important;}




input[type="text"]::-webkit-input-placeholder {
 font-size: 13px;
}

input[type="text"]::-moz-placeholder {
 font-size: 13px;
}

input[type="text"]:-ms-input-placeholder {
  font-size: 13px;
}

input[type="text"]:-moz-placeholder {
  font-size: 13px;
}




input[type="number"]::-webkit-input-placeholder {
 font-size: 13px;
}

input[type="number"]::-moz-placeholder {
 font-size: 13px;
}

input[type="number"]:-ms-input-placeholder {
  font-size: 13px;
}

input[type="number"]:-moz-placeholder {
  font-size: 13px;
}


textarea::-webkit-input-placeholder {
 font-size: 13px;
}

textarea::-moz-placeholder {
 font-size: 13px;
}

textarea:-ms-input-placeholder {
  font-size: 13px;
}

textarea:-moz-placeholder {
  font-size: 13px;
}

.send{    background-color: #e90404;
    color: white !important;
    margin-bottom: 18px;
    border-radius: 6px;
    line-height: 32px;
    padding: 6px 18px;
    border: 2px solid #e90404;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
}

.send i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}

.send:hover{background-color:#274abb; border: 2px solid #274abb; color:white;padding: 6px 25px;}


.login-button{background-color: #274abb; margin-top:30px;
    color: white !important;
    border-radius: 6px;
    line-height: 32px;
    padding: 6px 18px !important;
    border: 2px solid #274abb;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

input[type="submit"].login-button{padding-left:18px !important;}

.login-button:hover{background-color: #444c45;   border: 2px solid #444c45;}

input[type="submit"].login-button{border: 2px solid #274abb;}
input[type="submit"].login-button:hover{border: 2px solid #444c45;}
.message{margin-bottom: 25px;}


/*if form message*/
.message input[type=text], .message input[type=number],
.message input[type=tel],.message input[type=email],.message input[type=password],.message input[type=date],
.message textarea, .message select {
    margin-bottom: 0px;
    border: 1px solid rgba(0,0,0,.1) !important;
    border:none;
    border-radius: 4px;
    padding: 6px 12px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #707070;
    background: white !important;
}

.message select {font-size: 13px}

.message input[type=text]:focus, .message input[type=number]:focus,
.message textarea:focus, .message input[type=date]:focus, .message select:focus {
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.15);
    border: 1px solid rgba(0,0,0,.3);}



/*if icon form*/
.icon-form input, .icon-form textarea{padding-left: 42px !important;}
.icon-form input{ border-radius: 4px !important; border:1px solid #ddd;}
.icon-form textarea, .icon-form .send-btn{ border-radius: 4px !important}
.icon-form .send-btn{width: 100%}
.icon-form .form-group{position: relative;}
.frm-icon{ position: absolute;
    left: 15px;
    top: 11px;
    width: 15px;
    height: 15px;
    z-index: 8;}
.icon-form input:focus{outline:none !important; border:none !important;}



/*table responsive*/
/*table*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{border-top: 1px solid white;}
.color-table th{font-weight: normal;   font-size: 17px; color: #1E7D47;}
tr.first-row>td, tr.first-row>th{border-top:none !important;}
.table-responsive{padding:15px 15px 0px; border-radius:12px; border: 1px solid #DDECCC; border-top:none;
border-right:none;}


.table-responsive {
    /*border:none;*/
    color: black;
    border-radius: 6px; border:1px solid #c6d1f3;
    margin-bottom: 18px;
    padding: 0px;
}

.table-responsive .table{margin-bottom: 0px; }
.table>tbody>tr>th{padding: 12px 18px !important;}
.first-row {
    background-color: #274abb !important;
}

.first-row th{color: white !important}

.table>tbody>tr>th {
    /*color: #057b4c !important;*/
    font-weight: 700;
    font-size: 15px; 
}

.table>tbody>tr>td{line-height: 29px;  }

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td, .table>tbody>tr>th {
    border-top:1px #c6d1f3 solid !important;
    border-right:1px #c6d1f3 solid !important;
    padding: 8px 18px;
    color: #383636;
}

.table>tbody>tr:first-child>td, .table>tbody>tr:first-child>th
{border-top: none !important;}

.table>tbody>tr>td:last-child, .table>tbody>tr>th:last-child{border-right: none !important;}

.table>tbody>tr:nth-child(even) {
    background-color:rgb(255, 255, 255);}


.table>tbody>tr:nth-child(odd) {
    background-color:rgb(231, 235, 247);}



/*rewriting default settings*/
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 15px;
    height: 3px;
    border-radius: 0px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 2px;
}
.navbar-toggle{ background-color: #414241; border-radius: 0px; cursor: pointer !important}





/*accordion*/
#accordion .panel{
    border: none;
    border-radius: 0;
    margin-bottom: 15px; 
    border-radius: 5px;     
}


#accordion .panel-heading{
    padding: 0;
    border-radius: 0;
    border: none;
}

#accordion .panel-title button
{outline: none;
    border: none;
    width: 100%;
    text-align: left;}

#accordion .panel-title a, #accordion .panel-title button{
    display: block;
    padding: 10px 30px 10px 15px;
    font-size: 17px;
    /*font-family: 'rubikmedium';*/
    position: relative;
    transition: all 0.5s ease 0s; 
    border-radius: 5px;
    box-shadow: none;
    color: white;
    background-color: #274abb;
    border-bottom-right-radius:0px !important;
    border-bottom-left-radius:0px !important;
}

#accordion .panel-title a.collapsed, #accordion .panel-title button.collapsed{
    border-left: none;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    color: #3c3c3c;
    background: white;
    box-shadow: 0 0 0 1px #ddd;

}

#accordion .panel-title a.collapsed:hover, #accordion .panel-title button.collapsed:hover
{ background: #e7ebf7; box-shadow: 0 0 0 1px #e7ebf7;}

#accordion .panel-title a.collapsed i, #accordion .panel-title button.collapsed i
{color: #3A93C6}

#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after,
#accordion .panel-title button:after,
#accordion .panel-title button.collapsed:after
{
    content: "\f106";
    font-family: FontAwesome;
    width: 20px;
    height: 20px;
    border-radius: 40px;
    background-color: #274abb;
    text-align: center;
    position: absolute;
    top: 28%;
    right: 10px;
    line-height: 17px;
    padding-left: 1px;
    color: #ffffff;
    border: none;
}
#accordion .panel-title a.collapsed:after,
#accordion .panel-title button.collapsed:after
{
content: "\f107";
    line-height: 20px;
    color: white;
    border: none;
    padding-left: .6px;
}

.panel-title
{padding-left: 0px; padding-right: 0px; padding-bottom: 0px; display: block !important; line-height: 26px;}

/*#accordion .panel-title a.collapsed:hover{
    background: #FDF6C5;
}*/
#accordion .panel-body{
    overflow-wrap: break-word;
    color: #484747;
    line-height: 25px;
    background: white;
    padding: 20px;
    border: none;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    transition: all 0.5s ease 0s;
    border-radius: 5px;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow:0 0px 30px rgba(0, 0, 0, 0.18);
    -moz-box-shadow:0 0px 30px rgba(0, 0, 0, 0.18);

}

.panel-default>.panel-heading{background-color: transparent;}

.aco-head{ padding-top: 4px; padding-bottom: 4px; display: inline-block; line-height: 21px; width: calc(100% - 105px); padding-right: 10px }

.aco-head-date{width: calc(100% - 105px); display: block; float: left;}

.panel-group{ padding: 10px 0px 0px 0px;}

#accordion .panel-body .gen-para{text-align: justify;}

.panel .date .month, .panel .date .day{display: inline-block;}

.panel .date{width: 98px; float: right; padding:0px 3px -1px; margin-top: 4px; display: block;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    border-left: 2px solid #B7E0E8;
    line-height: 19px;}

#accordion .panel-title a .date{ border-left: 2px solid #FAD61C; color: white}
#accordion .panel-title a.collapsed .date{border-left: 2px solid #FAD61C; color: #3c3c3c}

.panel .date .day{margin-right: 5px; position: relative; }

.pnl-figure {overflow: hidden;}

.img-width {width: 135px; height: 100px;}

.aco-link{margin-bottom: 10px; display: inline-block;  color: #5d5d5d;padding: 5px; float: left;
border:1px solid #E0E2C2; margin-right: 5px; margin-left: 5px}

.r-shadow{box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.6)!important;
    -webkit-box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.6)!important;
    -moz-box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.6)!important;}

.panel .grid-link img
{border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin: 0 auto}

.panel .grid-link
{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.5)!important;
    -webkit-box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.5)!important;
    -moz-box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.5)!important;}

.panel .gen-list, .panel .table-responsive{margin-top: 0px}

.panel .gen-list{text-align: justify;}

.panel h3{
    font-family: 'be_vietnamsemibold';
    color: #141F27;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 17px;
    box-shadow: 3px 8px 14px -4px #e6f5ec;
    border-left: 3px solid #BCE8F1;
    background-color: #F3FAF6;
    border-bottom: 1px solid #BCE8F1;
    padding: 7px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
}
.panel h4{font-size:16px;}
.timeline-accordion#accordion .panel-body{line-height: inherit;}
.timeline-accordion#accordion .panel-body .gen-para{text-align: left;}


.home-acco-para{margin-bottom: 0px;  max-height: 104px;
    overflow: hidden;  
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;}






/*innerpage accordion*/
.panel-new-title{display: block !important;/* border:1px dashed #00b7ce;*/ margin-bottom: 0px; line-height: 33px;}
.panel-new-title .aco-head{width: 100%}

#accordion .panel-new-title a.collapsed {
    color: #274abb;
    background: #f5f5f5;}

#accordion .panel-new-title a {
    color: white;
    /*background-color: rgba(238, 71, 117, 0.21);*/
    background-color: #274abb;
    font-size: 15px
}

#accordion .panel-new-title a.collapsed:after {
    color: #ffffff;
    border: 1px solid transparent;
}


.panel .gal-col img{box-shadow: 17px 22px 14px -14px rgba(2, 2, 2, 0.44); border:3px solid #274abb;}


#accordion .panel-title.close-acco a.collapsed:after{content: "\f105" !important; line-height: 18px; padding-left: 2px;}




/*gallery*/
.demo-gallery > ul {
              margin-bottom: 0;
            }
            .demo-gallery > ul > li {
                float: left;
            }
            .demo-gallery > ul > li a {
              /*border: 3px solid #FFF;*/
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
            }
            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }



.demo-gallery li img{
        -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    border-radius: 6px 6px 0px 0px;
     }
.demo-gallery li{padding-left: 5px; padding-right: 5px; margin-bottom: 10px}
.gallery-col{padding-left: 10px; padding-right: 10px}
.demo-gallery li a:hover img{ }
.photos-col .demo-gallery li img,
.video-col .demo-gallery li img  {
    border-radius: 6px 6px 6px 6px;}




/*hover effects*/
.gal-img{position: relative;}
.gal-img:hover .overlayg {
    height: 100%;
    width: 100%;
    border-radius: 6px 6px 0px 0px;
    bottom: 0;
    border: none;
}

.overlayg {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 50px;
    height: 50px;
    border: 5px solid rgba(255,255,255, 0.2);
    background-color: rgba(39, 74, 187, 0.86);
    border-radius: 50%;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

.overlayg span {
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 44px;

}


.gal-img:hover .overlayg span{ 
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    border: 5px solid rgba(255,255,255, 0.2);
    border-radius: 50%;}


/**/
.gallery-col .gal-cont {
    padding: 2px;
    border-radius: 6px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
    border:1px solid rgba(0, 0, 0, .1);
}

.gallery-col .gal-name   {color: #555;
    margin-bottom: 5px;
    font-size: 13px;
    margin-top: 8px;
    text-align: center;}


.gal-name::before, .image-text:before {
    pointer-events: none;
    position: absolute;
    z-index: 2;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top;
    transition-property: top;
    left: 40px;
    margin-top: -16px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
}



/*video*/
.video-col {
    padding-left: 0px;
    padding-right: 0px;
}

.video-col .demo-gallery > ul > li a {
    padding: 2px;
    border-radius: 6px;
    display: block;
    width: 100%;
}

.video-col .gal-cont {
    padding: 2px;
    border-radius: 6px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
}

.overlayg span.play {
    font-size: 27px;
    line-height: 48px;
    padding-left: 4px;
}


/*courses innerpage*/
.about-div-inn{padding-top: 0px; padding-bottom: 0px}
.about-sub-inn{ padding-top: 70px; padding-bottom: 70px}
.about-div2-inn{background-color: #ecedf5;}
.about-main-inn{background-color:#274abb; color: white }
.about-main-inn h1{color: white}
.about-main-inn .side-head:before{background-color: #ffd400}
.sub-about-inn{text-transform: uppercase; font-size: 18px; font-family: 'rubikmedium'; margin-top: 15px; margin-bottom: 20px;
display: table;
    padding: 5px 11px 1px;
    background-color: #7a00ff;
    border-radius: 4px;}
.wel-col-inn{padding-top: 0px; }
.about-div-inn{padding-top: 70px; padding-bottom: 70px}
.wel-img-inn{border-radius: 8px; box-shadow: 0px 9px 20px 0 rgba(15, 17, 15, 0.44)}




/*innerpage testimonials*/
.testi-cont-inn{padding: 15px 0px;
    padding-bottom: 138px;
    padding-top: 50px;}

.testi-inn
{color: #3c3c3c;
    display: block;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    padding: 20px;
    border-radius: 6px;
    position: relative;
    padding-top: 50px;
    padding-bottom: 65px;}

.tes-dtl-cont .gen-para{margin-bottom: 0px}

.testi-inn:hover .tes-img {
    transform: rotate(360deg);
}

.test-inn-video-col{margin-top: 53px;}


#owl-testi-inn .item{padding-bottom:0px !important;}
#owl-testi-inn .item a{margin-bottom:107px !important;}


/*video testimonials*/
.vid-vid {margin-bottom: 30px; border-radius: 8px; border: 2px solid white; box-shadow: 0px 5px 9px 0 rgba(15, 17, 15, 0.36)}
.inn-video-div{border-radius: 6px}
.vid-vid:hover .play-button{animation-name: zoomIn; animation-duration: .5s}



/*careers*/
.career-group .gal-col{margin-bottom: 18px}
.dwnload-btn{
    background-color: #e90404;
    color: white !important;
    margin-bottom: 18px;
    border-radius: 6px;
    line-height: 32px;
    padding: 6px 18px;
    border: 2px solid #e90404;
}

.dwnload-btn:hover{background-color: #274abb;
    border: 2px solid #274abb;
    color: white !important;}


.dwnload-btn i{padding-right: 5px}



/*centers*/
.center-col{padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;}

.center-main{padding-left: 10px;
    padding-right: 10px;}

.center-cont{ padding: 2px;
    border-radius: 6px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .1);
    min-height: 407px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}

.center-cont:hover{transform: translateY(-10px);}

.contact-box .center-view {
    box-shadow: 0 0 0 1px rgba(0,0,0,.08);
    background-color: transparent;
    color: #274abb;
    background-image: none;
    height: 28px;
    width: 28px;
    line-height: 33px;
    display: block;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.08);
}

.contact-box{margin-bottom: 8px; font-size: 13px}

.center-view i{font-size: 17px}

.center-dtl{padding: 0px 10px 5px}

.center-dtl .pattern-head{margin-bottom: 18px}
.miak-iframe{width: 100%; height:170px; border:none; border-radius: 6px; margin-bottom: 10px}

.contact-box p{margin-bottom: 0px}


/*contact*/
.mail-head{  font-size: 16px; font-family: 'robotomedium';}
.contact-inn .contact-box {margin-bottom: 20px}
.cnt-iframe{width: 100%; height:270px; border:none; border-radius: 6px; margin-bottom: 10px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
border:2px solid white;}
.cnt-center{border: 2px solid #e5e5e5; border-radius: 6px;
    color: #3f9fff;
    padding: 11px 18px;
    background: 0 0;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 15px;
    font-family: 'robotomedium';
    color: #606265;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}
.cnt-center i {
    padding-right: 5px;
    font-size: 17px;
    position: relative;
    top: 3px;
    color: #5c77ce;
}
.cnt-center span{ 
    position: relative;
    top: -1px;
}

.cnt-center:hover{background-color: #274abb; border: 2px solid #274abb; color: white}
.cnt-center:hover i{color: #aab9e9}





/*online course*/
.oet-beg{background-color:rgba(8,39,138,.45);}  
.online-course{    /* border: 1px solid rgba(255,255,255,.4); */
    padding-bottom: 3px !important;
    padding-top: 3px !important;
    background-color: rgba(0,0,0,.3);
    /* color: #ffd400 !important; */
    margin-left: 5px;
    font-family: 'rubikregular';
    text-transform: capitalize;
    letter-spacing: .5px;}
.icon-monitor, .icon-move{font-size: 20px;
    position: relative;
    top: 4px;
    padding-right: 5px;
    color: #ffd400;}

.bd-online{/*background-color: #fbfbfb*/background-color: #fcfcfc !important}
.bd-online .on-col{ margin-bottom: 20px}
.bd-online .online-box{height: 100%}
.online-box{border-radius: 4px; background-color: white; box-shadow: rgba(221, 230, 237, 0.6) 0px 16px 32px 0px;
padding: 88px 23px 30px; position: relative;}

.online-box:hover{box-shadow: rgba(221, 230, 237, 0.6) 0px 4px 8px 0px;}
.on-course-icon{width: 45px; margin-bottom: 30px}
.on-course-small{margin-bottom: 0px; font-size: 12px}
.exam-name{margin-bottom: 5px}
.icon-more{position: absolute; top:10px; right: 10px; line-height: 10px; padding: 5px; 
    border:1px solid rgb(60, 72, 82); border-radius: 6px}
.icon-more i{font-size: 18px; color: rgb(60, 72, 82)}
.on-row{margin-bottom: 40px; padding-top: 10px;}
.on-col-col{padding-left: 5px; padding-right: 5px}
.on-col{padding-left: 10px; padding-right: 10px}
.inline-tab-div{position: relative;}
.online-close{position: absolute;z-index: 60; display: none;
    top: -5px;
    right: -5px;
    font-size: 16px;
    background-color: #274abb;
    color: white;
    width: 30px;
    height: 30px;
    line-height: 27px;
    border-radius: 100%;
    border: 3px solid white;
    text-align: center;
    box-shadow: 1px 1px 9px 4px rgba(0,0,0,.12);}


/*.online-right-col{height: 650px; overflow: auto;}*/

@media (min-width: 768px) and (max-width: 991px) {
.online-side{width: 238px}
.online-right-col{width: calc(100% - 238px)}   
}


@media (max-width: 870px){
.on-col{width: 50% !important}
}

@media (min-width: 768px){
.mob-online-list{display: none !important;}
.online-tab-div {display: block !important;}
.online-tab{display: none;} 
.online-tab-div .online-close{display: none;}
/*.online-side-tab li.mob-on{display: none;}*/
/*.online-side-tab li.desk-on{inline-block;}*/
.side-button{display:none;}
.d-none-767{display:block !important;}
}

@media (max-width: 767px){
.mob-online-list{display: inline-block !important;}
.bd-online .btn-no-grad {margin-top: 0px !important;}
.bd-online .in-main-col { padding-top: 10px !important;}
.top .online-tab{display:none !important;}
.bd-online .breadcrumb-div{display:none !important;}
.acme-news-ticker-label{font-size: 11px;margin-right: -2px;position: static !important;  top: 0px !important; padding: 10px 10px !mportant;
margin-right:5px !important; display:none;}
.acme-news-ticker{margin-top:0px !important; margin-bottom:12px !important;}
.acme-news-ticker-controls{display:none !important;}
.acme-news-ticker-box{padding-right:10px !important;}
.online-tab-div.top{
    overflow: hidden;
    overflow-x: auto;
    padding: 1px;
}
.online-side-tab.top
    {
    /*text-align: center;*/
    /*padding-top: 1px;*/
    /*overflow: scroll;*/
    /*white-space: nowrap;*/
 flex-wrap: wrap; display:flex;
    width: 1000px;       
    }
.dropdown-backdrop{display:none !important;}
.desk-tab{display:none !important;}
.d-none-767{display:none !important;}
/*.online-side-tab li.mob-on{display: inline-block;} */
/*.online-side-tab li.desk-on{display: none;}*/
.side-button{display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: white;}
.side-button p{margin-bottom:0px;}
.side-button .caret {margin-left: 9px;}
.dropdown-menu.side-btn-ul{width: calc(100% + 20px) !important;    z-index: 1;
border:none !important; left:-10px !important; padding:10px 10px !important; margin:0px !mportant; box-shadow:2px 11px 12px rgb(0 0 0 / 18%) !important;}
.button-side-menu-col{padding-bottom:15px;}
.side-ul.online-side-tab li.d-block a{
    padding: 13px 47px !important;
    border-radius: 0px;
    color: white;
    margin-bottom: 15px !important;}

    
/*.online-tab-div {display: none;}*/
.land-link-box .quick-links li{margin-bottom: 10px}
.land-link-box .box{margin: 0 auto;margin-top: 5px}
.online-side-tab li{display: inline-block;}
.online-side-tab.top li{margin-left:3px; margin-right:3px;}
.online-side-tab{text-align: center;}
.side-ul.online-side-tab li a{padding: 6px 15px !important; font-size:12px;}
.newbtn{top: 20px !important; right: 0px !important;}
.online-tab{display: table;
    position: relative;
    padding-left: 32px;
    margin: 0 auto;
    margin-bottom: 13px;}
    
    
.online-side .in-side-menu{/*background-color: #9cb1e9; color: white;*/
    margin-top: 0px;
    margin-bottom: 30px;}
.online-tab:before{content: "\e063";
    font-family: "dripicons";
    font-size: 20px;
    position: absolute;
    left: 0px;
    top: -5px;
    width: 30px;
    color: #ffd400;

}

}

@media (max-width: 600px){
.on-row {margin-bottom: 10px;}
.online-box {
    padding: 50px 18px;}
}

@media (max-width: 425px){
.on-col{width: 100% !important}
}

/*
@media (min-width: 768px){
.online-tab{display: none;} 
}

@media (max-width: 767px){
.online-tab{display: block;}
.online-side-tab{display: none;}*/





/***************** online courses package design ****************************/
.online-box{position: relative; overflow: hidden;}
.popular-badge {
    background: #d51a1a;
    color: white;
    font-size: 11px;
    padding: 5px;
    display: inline-block;
    position: absolute;
    top: 3%;
    left: -33%;
    width: 100%;
    transform: rotate(-45deg);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .popular-badge{left: -35%;}
    }

@media (min-width: 426px) and (max-width: 601px) {
    .popular-badge{left: -34%;}
    }

.bd-online  .bd-online .desk-oet,.bd-online .mob-oet-online{display: none !important;}
/*.bd-online .button-ul, .bd-online .desk-oet,.bd-online .mob-oet-online{display: none !important;}*/

.package-name{      color: #486fef; 
  /*  color: #3c3c3c;*/
    font-family: 'rubikmedium';
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 28px; position:relative;}

.package-name:before{content: '';
width: 100px; height: 1px ; background-color: silver; position: absolute;bottom: 0px;
left: 50%; transform: translateX(-50%);}

.on-course-dur{margin-bottom: 0px;
    font-size: 13px;}

.price {
    line-height: 32px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
 
}

.hidden-span{display: block;
    height: 26px;
    visibility: hidden;}

.offer-p{color: #444;
    font-family: 'rubikmedium';
    font-size: 56px;
    letter-spacing: -2px;}

.offer-span{    line-height: 35px; border-radius: 4px;
    background-color: #f1f1f1;
    padding: 22px 5px 3px;}

.offer-span i{font-size: 22px; padding-right: 5px;}

/*.actual-p{text-decoration: line-through;line-height: 25px;}*/
.actual-p{text-decoration: line-through; width: 100%;
    line-height: 25px;
    height: 28px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);}

.actual-p, .offer-span{display: block;}

.package-list li{border-bottom: 1px dashed rgba(0,0,0,.1); padding-bottom: 7px;
    margin-bottom: 7px;}

.package-list li:last-child{border-bottom: none; margin-bottom: 0px}

.package-list li span.icon-checkmark{color: #24d425}

.package-list li span.icon-cross{color: #fb380c}

.online-box .read-more{min-width: 120px; line-height:36px; margin-top: 10px; text-transform: uppercase; font-size: 12px;
cursor: pointer; background-color: #274abb; color: white}
.online-box .read-more:hover{background-color: #274abb; color: white}
.online-box .read-more:hover i{ border: 2px solid #6788f3; color: white; background-color: #6788f3;}
.pack-course{    font-size: 20px;
    position: relative;
    border-bottom: 1px dashed rgb(192 192 192 / 81%);
    padding-bottom: 9px;
    margin-bottom: 20px;
    
    /*padding: 7px 20px 5px;
    color: #e8792a;
    background-color: #fffde0;
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(142 29 4 / 12%);
    border-left: 1px solid rgb(142 29 4 / 12%);
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;*/}

.pack-course:after{content: '';
    position: absolute;
    bottom: -3px;
    left: 0px;
    width: 48px;
    height: 6px;
    border-radius: 20px;
    background-color: rgb(213 214 216);}

.bottom-online-side{display: none;}






/******************************* success page ****************************************/
.r-row{margin-left: 0px; margin-right: 0px}
.success-cont{background-color: #4b5990}
.success{ /*box-shadow: 0 6px 20px 0 rgba(51, 66, 51, 0.18);*/ padding: 0px; border-radius: 6px}
.success-header{padding: 15px 15px; text-align: center; color: #1a9c1b; font-size: 30px; background-color: white;
 box-shadow:1px 13px 20px -14px rgba(51, 66, 51, 0.18);    position: relative;
    z-index: 6;letter-spacing: -0.5px; border-radius: 6px 6px 0px 0px;}
 .success-body{padding: 20px; background-color: #f1f3fb; border-radius: 0px 0px 6px 6px;}
 .thank{font-size: 13px; margin-bottom: 3px; text-align: right; color: #a9a8a8}
 .tran-dtl{background-color: #1a9c1b;
    color: white;
    padding: 9px 20px;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    border-radius: 4px;
}
.tran-ul{border-bottom: 1px solid #e4e4e4 }
.tran-ul li{margin-bottom: 10px;}
.tran-ul li span.one{color: #a9a8a8; width: 190px; float: left;}
.tran-ul li span.two{color: black; width: calc(100% - 190px); float: left;}
.red{color: #ec0909}
.tran-cont{padding-left: 40px}
.tran-comp{text-transform: uppercase;margin-bottom: 3px;
    font-size: 13px;
    text-align: center;}
.tran-email{padding: 14px 10px;border-bottom: 1px solid #e4e4e4}
.tran-comp-dtl{text-align: center; color: #a9a8a8; margin-bottom: 0px;}
.print li a{padding-left: 30px; color: black; transition: all .3s ease}
.print li a:hover{color:#ec0909 }
.print{padding-top: 15px; padding-bottom: 15px}
.bor-col{border-top:1px solid #e4e4e4 ;}





/************************************ deals page *************************************/
.deals-img{padding: 0px 70px;}
.deals-img img{ border-radius: 6px;box-shadow: 1px 13px 20px -14px rgb(25 25 25 / 85%);}
.deals-cont{background-color: #3e0660;}
.deals-cont-offer{background-color: #0a749c}
.deals-body{padding: 20px;
    background-color: white;
    border-radius: 0px 0px 8px 8px;
    box-shadow: 0px 20px 40px 3px rgb(0 0 0 / 7%);}
.deals-header{padding: 15px 15px; font-family: 'rubikmedium';
    text-align: center;
    color: #333;
    font-size: 30px;
    background-color: white;
    box-shadow: 1px 13px 20px -14px rgba(51, 66, 51, 0.18);
    position: relative;
    z-index: 6;
    letter-spacing: -0.5px;
    border-radius: 6px 6px 0px 0px;}

.deals-para{font-size: 17px;}
.deals-para.yellow, .deals-para span.yellow{font-weight: 600}
.deals-col{margin-top: 20px; margin-bottom: 30px}
.deal-dtl{
    background-color: #1a9c1b;
    color: white;
    padding: 9px 20px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 0px;
    border-radius: 4px 4px 0px 0px;
}

.deal-ul li{color: #000000;
    padding: 9px 15px;
    border: 2px solid #f1b905;
    margin-bottom: 12px;
    background-color: #ffca20;
    border-radius: 4px;font-size: 16px; transition: all .3s ease}

.deal-ul li:hover{transform: scale(1.04,1.04);border: 2px solid #0e2e94;
    background-color: #274abb; color: white}

.deal-deal-cont{padding-top: 30px;position: relative;  margin-bottom: 30px;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    border: 1px solid #d4d4dc;
    border-top: none;
    border-radius: 0px 0px 10px 10px;}


.ans-box{ position: absolute;
    width: 100%;
    /* height: calc(100% + 1px); */
    /* border: 1px solid #d4d4dc; */
    top: 0px;
    left: 0px;
    padding: 20px;
    z-index: 5;
    text-align: center;
    background-color: #397e99;
    border-radius: 0px 0px 10px 10px;}

.ans-box1,.ans-box2, .ans-box3, .ans-box4, .ans-package{display: none; min-height: 386px}

.ans-box p.ans-p{line-height: 24px}
.ans-box figure img{margin: 0 auto; width: 100px; margin-top: 20px; margin-bottom: 30px}

.ans-box form { padding-top: 0px; margin-bottom: 0px;}





/************************************ deals page 2nd design *************************************/
.avail{    animation-name: shake;
    animation-duration: 3.5s;
    animation-iteration-count: infinite;}
.avail:hover{animation: none;}
.bd-deals .mia-link{display: none;}
.deals-body-dark .on-col{padding-left: 0px; padding-right: 0px}
.online-box .package-list li {
    border-bottom: 1px dashed rgb(255 255 255 / 19%);}
.online-box .package-list li:last-child{border-bottom: none;}
.pink{color: #f96db1;}
.deal-form-cont{background-color: rgb(255 255 255 / 92%);
    padding: 20px 15px;}
.in-deal-col{padding-top: 30px;padding-bottom: 30px}
.slant-para-p{    font-style: italic;
    font-size: 14px;
    color: #f96db1;
    margin-top: 30px;}
.deals-list{font-family: 'Poppins', sans-serif; font-weight: 300;}
.deals-list.gen-list li{padding-left: 0px; text-align: center;}
.deals-list.gen-list li:before{background-image: none;}
.h-text{font-size: 25px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #ffca20;
 text-transform: uppercase; display: inline-block; padding: 10px 20px; border:3px solid #ee2888;
margin-left: 3px; margin-right: 3px}
.hi-text{font-size: 25px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #ffca20;
 text-transform: uppercase; display: inline-block;
margin-left: 3px; margin-right: 3px}
.deal-slider{height: 120px; background-color: #4d0877}
.deal-slider.offer-page{background-color: #07668a}
.ans-box figure img.congr{/*filter: brightness(1.5);*/ width: 180px;    padding-left: 15px;
    padding-right: 15px;}
.ans-box figure picture img,
.ans-box figure picture source
{width: 180px; padding-left: 15px; padding-right: 15px; display: block;}
.ans-box figure picture{display: block;}   
.correct{font-family: 'Poppins', sans-serif;
    color: #ffff0f;
    font-size: 19px;
     text-transform: uppercase;}
.hero{font-family: 'Poppins', sans-serif;color: #ffff0f; font-size: 17px;}

.deals-header-dark {
    padding: 15px 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    color: white;
    font-size: 42px;
    position: relative;
    z-index: 6;
    border-radius: 6px 6px 0px 0px;
}

.deals-body-dark {
    padding: 0px 20px;
    border-radius: 0px 0px 8px 8px;
    /*box-shadow: 0px 20px 40px 3px rgb(0 0 0 / 7%);*/
    color: white
}

.deals-body-dark .gen-list li:before
{filter: invert(0.5) brightness(4);}

.deal-deal-cont-dark {
    padding-top: 30px;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    /* border: 1px solid #396fb9; */
    border-top: none;
    border-radius: 0px 0px 10px 10px;
    background-color: #397e99;
}

.deal-dtl-dark {
    background-color: #397e99;
    color: white;
    padding: 20px 20px 0px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 0px;
    border-radius: 4px 4px 0px 0px;
}

.deal-deal-cont-dark .send{background-color: #b067d2;
    border: 2px solid #93a7cc;
    text-transform: uppercase;}

.online-box.blue-bg{
background-color: #3a4582;box-shadow: none; font-family: 'Poppins', sans-serif; font-weight: 300;}

.online-box.blue-bg .package-name{color: #ffca20;    font-family: 'Poppins', sans-serif;
    font-weight: 800; font-size: 26px; padding-bottom: 5px;}

.online-box.blue-bg .package-name:before {
    content: '';
    width: 100px;
    height: 1px;
    background-color: rgb(192 192 192 / 38%);
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.online-box.blue-bg .offer-span
{background-color: #3a4582;
    border: 3px solid #ee2888;
    display: table;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px; margin-top: 6px;}

.online-box.blue-bg .offer-span .offer-p
{font-family: 'Poppins', sans-serif; color: #ffca20;
    font-weight: 800;}

@media (min-width: 992px) and (max-width: 1199px) {
    .deals-img{padding: 0px 0px;}
}

@media (max-width: 991px){
.deals-img img {
    width: 300px;
}
 .deals-img{padding: 0px 0px;}
}

@media (max-width: 870px){
.bd-deals .on-col {
    width: 100% !important;}
}

@media (max-width: 600px){
.deal-slider {height: 64px;}
.bd-deals .call-nav-cont{display: none;}
.pd-0-600{padding-left: 0px; padding-right: 0px}
.deals-header-dark {
    font-size: 24px;
}
.deals-body-dark {
    padding: 0px 0px;}
.deals-header {
    font-size: 23px;
}
.deals-body, .deals-body-dark {
    padding: 12px 0px;}
.deals-para {
    font-size: 14px;
}
.deal-dtl {
    padding: 9px 15px;
    font-size: 15px;}
.deal-deal-cont, .deal-deal-cont-dark {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;}
.deal-ul li{font-size: 13px;padding: 6px 12px;}
.ans-box{padding: 20px 5px;}
.ans-package {
    min-height: 411px;
}

}




/*book*/

    .thumblock ul li {
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
    padding: 2px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    cursor: pointer;
}

.thumblock ul li img{border-radius: 3px}

.book-para{color: #a0a4af}

.oldrate span {
    text-decoration: line-through;
    padding: 0 7px;
}

.oldrate {
    color: #bbbbbb;
    font-size: 13px;
    margin-bottom: 0px
}

.realrate .realr {
    font-size: 23px;
    color: #12ba55;
    margin-bottom: 0;
    padding-left: 0;
    float: left;
    margin-right: 8px;
}

.realrate .rateoff {
    font-size: 11px;
    color: #bbbbbb;
    border: 1px solid #bbbbbb;
    padding: 6px;
    float: left;
}

.addtocart {
    color: #d68141;
    background-color: #fff;
    border: 2px solid #e5e5e5;
    text-decoration: none;
    font-family: 'robotomedium';
    display: inline-block;
}

.detailbtn {
    padding: 15px;
    border-radius: 5px;
    font-size: 13px;
    text-align: center;
    color: #333;
    text-decoration: none;
    box-sizing: border-box;
    letter-spacing: 1px;
}

.replace i, .payoption i{padding-right: 3px;}

.buynow {
    background-image: linear-gradient(to top, #f5197f 0%, #e90404 100%);
    color: #fff;
    padding: 14px 16px 12px;
    display: inline-block;
}

.buynow:hover{color: white; background-image: linear-gradient(to top, #e90404 0%, #f5197f 100%)}

.availbale{margin-top: 15px}

.availbale li {
    display: inline-block;
    margin-right: 10px;
    color: #888;
    font-size: 13px;
}

.availbale li i{color: #08a53f;padding-right: 3px;}

.payoption, .replace {
    color: #808080;
    font-size: 13px;
    margin: 6px 0;
}


.prodescriptions #accordion .panel-title a
{font-size: 13px; padding: 5px 30px 5px 15px; background: #e7ebf7; color: #3c3c3c}

.prodescriptions #accordion .panel-title a.collapsed
{background: white}

.prodescriptions #accordion .panel-body
{padding: 10px 15px 5px 15px; font-size: 13px}

.prodescriptions #accordion .gen-para{
    line-height: 23px}

.prodescriptions #accordion .panel-title a:after, #accordion .panel-title a.collapsed:after
{background-color: transparent; color: #aeb9d8; font-size: 15px}

.prodescriptions .nav-tabs>li.active>a, .prodescriptions .nav-tabs>li.active>a:focus, .prodescriptions .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #12ba55;
    border: 1px solid #12ba55;
    border-bottom-color: transparent;
}

.prodescriptions .nav-tabs>li>a
{text-transform: uppercase; letter-spacing: 1px; font-size: 13px; color: #333; border:1px solid #ddd;}

.prodescriptions .nav-tabs>li>a i{position: relative; top: 2px; font-size: 15px}
.prodescriptions  .gen-para{    line-height: 23px; font-size: 13px}

.prodescriptions .tab-content
{border:1px solid #ddd; border-top: none;padding: 15px; border-radius: 0px 0px 6px 6px; font-size: 13px}

.prodescriptions .tab-content .quick-links  a{color: #333}

.prodescriptions .message{float: left; margin-right: 10px}
/*.prodescriptions .message select{width: 100px}*/

.owl-car-detail{margin-top: 10px;}


.showdetails{padding-left: 30px; box-shadow: -20px 3px 20px -28px rgb(0 0 0 / 35%);}

.showimg {padding-right: 30px}

.book-center{font-family: 'robotomedium'; margin-bottom: 3px !important;}

.cust span{font-family: 'rubikmedium'; font-size: 16px; color: green}
.cust i{ font-size: 14px; color: green;padding-left: 5px;}

.dealhead hr{border-top: 3px dashed #eee}

.mrg-rt-0{margin-right: 0px !important}

.showwhenclick{display: none;padding-top: 20px;}

.hideitclik.float-left{float: left;}


@media (max-width: 767px){
    .showimg { padding-right: 15px; margin-bottom: 30px}

    .showdetails {
    padding-left: 15px;
    box-shadow: none;}

    .btnarea {margin-top:10px; margin-bottom: 10px}
    #ex1:hover .zoomImg{opacity: 1 !important}
}

.dish-name span {
    text-transform: uppercase;
    font-size: 13.48px;
    width: 14.28%;
    display: inline-block;
    float: left;
    text-align: center;
    padding-top: 15px;
    border-right: 1px solid #ebebeb;
}


/*thank you page*/

.thank-para{border-bottom: 1px dashed rgb(255 255 255 / 24%); padding-bottom: 15px}
.tick-you{width: 65px; margin: 0 auto; margin-bottom: 0px}
.thank-bg .deals-cont {
    background-color: rgb(62 6 96 / 93%) !important;
}

.slant-para-p:hover{color: #f96db1}




/*ielts landing page*/
.land-form-cont{padding: 20px;  background-color: #fafafa; border-radius:.3rem;box-shadow: 4px 10px 20px 0 rgb(0 0 0 / 30%);
margin-top: 30px; margin-bottom: 30px}
.mb-0{margin-bottom: 0px !important}
.fs-title {
    font-size: 12px !important; line-height: 1.2 !important;    font-family: 'robotomedium'; letter-spacing: 0px !important;
    text-transform: uppercase;
    margin-bottom: 5px !important;
    margin-top: 5px;
}

.col-left{padding-right: 5px}
.col-right{padding-left: 5px}
.land-form-cont .form-group {
    margin-bottom: 10px !important;}

.land-bg{background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;}

.in-land-col{padding-top: 40px; padding-bottom: 40px}
.grey-bg{background-color: #e5e5e5}
.land-h3{background-color: #274abb; color: white; display: table;    padding: 9px 15px !important; font-family: 'rubikmedium';
margin-top: -20px; margin-bottom: 40px !important; text-transform: uppercase;}
.in-land-sub{padding-bottom: 40px}
.land-list li{font-size: 18px;
    font-family: 'robotomedium';}

.land-grey{    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url(../img/landing/statue.jpg);}

.in-body h1.land-h1{font-size: 20px !important;
    line-height: 1.2 !important;
    font-family: 'robotomedium';
    letter-spacing: 0px !important;
    text-transform: uppercase;
    margin-bottom: 0px !important;
    margin-top: 5px;
    text-align: center;}
.form-sub-para{text-align: center;
    color: #7b1d1e;
    letter-spacing: 4px;
    background-color: #ebebeb;
    padding: 3px 15px;
    border-radius: 20px;
    border: 1px solid #e1dfdf;
    display: table;
    margin: 0 auto;}

.bd-deals.bg-white{background-color: white !important}


.logo-para{color: white; font-size: 12px; padding-top: 3px; margin-top:5px; margin-bottom: 0px;
 border-top: 1px solid rgba(255,255,255,.4)}

.deal-slider-landing {
    height: 123px;
    background-color: #274abb;
}



@media (min-width: 1200px){
    .header-landing .menu-cont
{min-width: 556px}
}

@media (max-width: 1199px){
.header-landing .call-nav {
    margin-bottom: 5px !important;}
}

@media (min-width: 768px) and (max-width: 991px){
.header-landing .logo { width: auto !important; }
}

@media (min-width: 601px) and (max-width: 767px){
.header-landing .logo { width: auto !important; }
.deal-slider-landing {height: 149px !important;}
}

@media (max-width: 767px){
    .header-landing .cal-sub-box1
    {display: table-cell;}
}

@media (min-width: 601px) and (max-width: 1199px){
.deal-slider-landing {
    height: 113px;}
}


@media (max-width: 600px){
.header-landing .call-nav-cont {
    display: block !important; margin:0 auto !important; float: none !important;}

.header-landing .call-nav.call-nav-call {
    float: none !important; margin:0 auto !important; display: table !important;
}

.deal-slider-landing {
    height: 125px;}

}



/*close*/
.form-close{position: relative; height: 30px}
.form-close .close{position: absolute;
    z-index: 14;
    left: auto !important;
    right: 15px !important;
    top: -10px !important;
    height: 28px !important;
    width: 28px !important;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: #faf3f3;
    display: block !important;
    background-color: #a5a2a2;
}


.form-close .close::after, .form-close .close::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 16px;
    width: 1px;
    background-color: #ffffff;
}

.form-close .close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(
-45deg
);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(
-45deg
);
}

.form-close .close::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(
45deg
);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(
45deg
);
}


label{font-family: 'robotomedium';
    color: black; font-weight: normal;}



@media (max-width: 575px){
    .em-col, .sl-col{width: 100%}
}




/*notification box*/
.not-box{background-color: #fcfc68;
    border: 1px solid #ffe708;
    color: #e76b01;
    border-radius: 6px;}
.not-box .sub-box3{background-color:#ffe708;padding: 10px; border-radius: 6px 0px 0px 6px }
.not-box .sub-box4{padding: 10px; line-height: 20px }
.not-box i{color: #f69f00;
    font-size: 25px; line-height: 25px; display: inline-block;}
.box.vrt-middle .sub-box{vertical-align: middle;}



/*faq*/
.faq-main .enter-email {background-color: rgb(114 114 114 / 10%); color: #333 !important;  width: calc(100% - 100px) !important;
float: left;border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;}

.faq-main input[type=text].enter-email:focus { box-shadow: 1px 0px 10px 0px rgb(0 0 0 / 25%);}
.subscribe_button_faq {
    background-color: #274abb;
    color: white;
    border: none;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 100px;
    height: 46px;
    line-height: 46px;}

.subscribe_button_faq:hover{background-color: #1f3a90}

.faq-h2{margin-bottom: 5px !important; }

.faq-h2-new{border-bottom: 1px dashed silver;
    font-family: 'rubikmedium';
    border-radius: 0px;}

.faq-grey{    background-color: #f7f7f7; /*background-color: #f5f7ff;*/
    padding: 15px 15px;
    border-radius: 6px;}


.question-group{ width: 48.14815%; float: left; margin-right: 3.7037%; margin-bottom: 15px}

.question-group:nth-child(even) {
    width: 48.14815%;
    float: right;
    margin-right: 0;
    clear: right;
}


.faq-list li {
    padding-left: 35px;
    margin-bottom: 12px;
    line-height: 23px;
    position: relative;
}

.faq-list li:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../img/icons/webinar.svg);
    position: absolute;
    left: 0px;
    top:-2px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: -5px 6px 13px -8px black;
}

.faq-list li a{color: #333}

.faq-list li a:hover{/*color:#274abb;*/ text-decoration: underline !important;}

h4.faq-h4{font-size: 16px !important;
    line-height: 20px;
    margin-bottom: 20px;
    padding-top: 0px;
    font-family: 'rubikmedium';
    color: #2e2e2e;}


.w-100{width: 100% !important}

.bor-img{border-radius: 6px}

.related-col{padding-left: 0px}





/*virtual workshop series*/
.virtual-check{width: 100%;
    margin-bottom: 10px;
    float: left;}

.virtual-check input[type=checkbox]{width: 15px; float: left; text-align: left;}
.v-date{     background-color: white; width: 72px; color: black;    font-family: 'robotobold'; font-size: 12px !important;
    padding: 3px;
    letter-spacing: 1px;    line-height: 26px;
    margin-top: -5px;
    transform: translateX(14px);
    position: relative;
    z-index: 3;}

.v-price{width: 65px; text-align: center;
    background-color: #808080b5; color: white;
}
.v-course{width: calc(100% - (65px + 72px + 15px));color:white;letter-spacing: 1px;}
.v-course.one{ background-color: #fb374d;}
.v-course.two{ background-color: #36adb3;}
.v-course.three{ background-color: #172e5a;}
.v-course.four{ background-color: #f35d0e;}

.v-date, .v-price, .v-course{height: 34px;  display: inline-block; float: left; text-align: center;}

.v-price, .v-course{line-height: 35px;}

 .v-course{position: relative;}
.v-course:after{     content: '';
    position: absolute;
    width: 1px;
    height: 109%;
    left: 0px;
    box-shadow: 3px 2px 5px 0px black;
    background: #00000045;}

.virtual-col{background: #ebebeb;border-radius: 4px; margin-bottom: 20px;
    padding: 20px 15px 15px;}

.total-price {    padding: 6px 18px;
    font-size: 30px;
    background-image: linear-gradient(to right, #274abb 0%, #8b599f 51%, #2f4bb9 100%);
    background-size:200% auto;
    color: white;
    display: table;
    margin: 0 auto;
    /*width: 167px;*/
    width: 100%;
    text-align: center;
    margin-top: 10px;}

.mt-0 {margin-top: 0px !important}
.mb-30{margin-bottom: 30px !important}




/*events or webinar*/
.webinar-table{box-shadow: 1px 13px 20px -8px rgb(24 25 25 / 42%)}

.webinar-table th{padding:15px 18px !important; font-size: 16px; font-family: 'rubikmedium'; font-weight: normal;}
.webinar-table td{padding-top: 22px !important; padding-bottom: 22px !important; }
.webinar-table .table>tbody>tr>td, .webinar-table .table>tfoot>tr>td
{border-right: none !important;}
.webinar-table .btn-template {
    margin-bottom: -13px;
    margin-top: -4px;
    display: inline-block;
    height: 34px;
    line-height: 37px;}

.web-head{font-size: 16px; font-family: 'rubikmedium'; margin-bottom:2px; line-height: 20px}
.web-content{line-height: 24px}



/************************************************************************************/
/************************************ Responsive ************************************/
/************************************************************************************/


/*media quries*/
/*collapsing navbar earlier*/
    @media (min-width: 768px) and (max-width: 1199px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
       
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 13px 20px 13px 20px !important;
        }
        .dropdown-menu > li > a {
            display: block;
            clear: both;
            white-space: nowrap;   
        }
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;margin-right:0px;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
        
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 12px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }

        #myNavbar
        {width:100%;}

        .navbar-nav>li>.dropdown-menu 
        {width:100% !important;}


        /* since 3.1.0 */
      .navbar-collapse.collapse.in { 
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
    }



@media (min-width: 1300px){
    .pd-2-35{
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;}

    .add-col-sub{max-width: 650px !important; padding-left: 45px; float: right;}
    .add-col{padding-left: 0px; padding-right: 0px}

}


@media (min-width: 1200px) and (max-width: 1320px) {
    /*.menu-cont{margin-top: -33px;  padding-left: 50px;}*/
    .menu-cont{margin-top: 0px;  padding-left: 20px;}
    .bd-online .menu-cont{margin-top:0px;}
    .has-dropdown .list-link{ padding: 5px 8px 0px;}
}

@media (min-width: 1200px){
.mob-menu{display: none !important;}
.desk-menu{display: block !important;}
.vis-img{margin-top: -12%}
}

@media (max-width: 1199px){
.in-body.feedback-body .mob-oet-online{display: none !important;}
.in-body .in-slide-head{font-size: 40px; line-height: 44px;}
.mob-menu{display: block !important;}
.desk-menu{display:none !important;}
.call-nav-login li:last-child a{padding: 5px 0px 5px 15px !important}
.call-nav-login li:first-child a{padding: 5px 15px 5px 0px !important}
.call-nav-cont{float: none; text-align: center; margin-top: 5px}
.call-nav.call-nav-call{float: left !important;}
}

@media (min-width: 601px) and (max-width: 1199px) {
.deal-slider {
    height: 161px;}
}



@media (min-width: 992px) and (max-width: 1199px) {
.in-bg1.no-bg{height: 109px !important;} 
.count-col .sub-box1{padding-right: 2px}
.counter1 { font-size: 28px;}
.h-courses-div { padding-left: 10.5%;padding-right: 10.5%;}
header .social {margin-right: 15px;}
.crs-ft-cont {padding-left: 100px; padding-right: 100px;}
.offer-p{font-size: 40px;}
.offer-span{padding: 15px 5px 3px}
.eve-img-cont {
    width: 85px;
}
.eve-dtl-cont {
    width: calc(100% - 85px);}
}

@media (min-width: 992px){
.web-head{display: none;}
.dis-none-992{display:none !important;}
}


@media (max-width: 991px){
.dis-none-992{display:block !important;}
.achieve-ul li{display:inline-block !important; margin-left:3px; margin-right:3px; text-align:center;}
.achieve-ul{    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;}

.podcast-ul{margin-top: 20px !important}
.podcast-ul li a{padding: 17px 22px 15px}    
    

    .webinar-table td{padding-top: 12px !important; padding-bottom: 12px !important; }
.web-head{display: block;}
.webinar-table thead{display: none;}
.webinar-table td{display: block;}    
.webinar-table .table>tbody>tr:first-child>td{border-top:1px #c6d1f3 solid !important;}
.webinar-table .btn-template { margin-bottom: -2px; margin-top: 6px;}
.related-col{padding-left: 15px; margin-top: 20px} 
.deal-form-cont{margin-bottom: 20px}
.in-body .chair-text-col{margin-top: 0px; border-top:2px dashed #c4c5c7;}
.ch-des{margin-top: 20px; text-align: center;}
.chair-text-col {
    padding-top: 30px; margin-top: 30px;
    border-top: 3px solid #0c71da;
    padding-left: 0px;
    border-left: none;}

.chair-col img{margin: 0 auto}

.news-det-col-8{padding-left: 0px}
.in-news-head{margin-top: 30px}
.success-img img{width: 300px;}
.tran-ul li span.two{text-align: right;}
.tran-cont {
    padding-left: 40px;
    padding-right: 40px;
}
.in-side-menu{margin-top: 25px}
.side-logo{display: table; margin-bottom: 10px}
.video-div-vd{margin-top:20px;}

.ft-center-col{display: none;}
.news-letter {padding-left: 0px;}

.wel-img-inn{margin: 0 auto}
.wel-img-col-inn figure{display: table; margin: 0 auto}
.quick-links.center-no.last{margin-bottom:30px;}
}


@media (min-width: 768px) and (max-width: 991px) {
.in-bg1.no-bg{height: 106px !important;}  
.podcast-btn{padding: 17px 24px 15px}
.podcast-tabs{margin-top: 20px;}


.logo{width:450px;}
.offer-p{font-size: 40px;}
.offer-span{padding: 15px 5px 3px}
.h-courses-col .h-course-div a {
    font-size: 13px;
    line-height: 25px;
    padding: 0px 9px;}
.h-courses-extra .h-course-div{left: calc(50% - 111px / 2);}

.crs-online-cont .btn-template, 
.crs-online-cont .btn-template-outlined
{width: 100%; text-align: center;}
.crs-ft-cont {padding-left: 0px;  padding-right: 0px;}
.pd-2-35 {padding-left: 20px;padding-right: 20px;}
header .social {margin-right: 30px;}
.video-box p.caption { font-size: 50px !important;line-height: 51px !important;}
.video-box p.caption span.small {font-size: 44px !important;}
.wel-img{    position: static;
    width: 326px;
    right: 0px;
    float: right;
    margin-right: 11%;
    margin-top: -400px;}
.counter-div {
    margin-top: 80px;
    margin-left: 11%;
}
.count-col.one, .count-col.two{margin-bottom: 40px}
.h-courses-div{ padding-left: 45px; padding-right: 45px;}
.h-courses-name {font-size: 11px;}
.h-courses figure { padding: 0px 8px;}
.center-cont{min-height: 443px;}
}

@media (max-width: 1199px){
.video-box p.caption{
font-size:56px; }
    .video-box p.caption span.small {
        font-size: 50px !important;
    }
}

@media (min-width: 768px){
/*.online-tab{display: none;} */
}

@media (max-width: 767px){
.applink {
    align-items: center;
    justify-content: center;
}
.applink li {
    margin-left: 5px;
    margin-right: 5px;
}
.blog-podcast .recent-ul li {
     padding-right: 15px !important; 
     padding-left: 15px !important; 
}
.podcast-panel-group{margin-top: 20px !important}
.pod-cont{background: white}
.pod-col{box-shadow: none; padding:20px 0px !important;}
.recent-ul li{padding-right: 0px; padding-left: 0px}
.recent-ul{padding-left:0px; padding-right:0px;}



/*.online-tab{display: block;}
.online-side-tab{display: none;}*/
.bd-online footer .link-box{margin-bottom: 25px}
.bottom-online-side{display: block;}

.h-courses-col .h-course-div a {
    font-size: 12px;
    line-height: 24px;
    padding: 0px 8px;}
.h-courses-extra .h-course-div{left: calc(50% - 102px / 2);}

.cnt-center{margin-bottom: 30px}
.test-inn-video-col {
    margin-top: 15px; padding-left: 0px; padding-right: 0px;
}
.crs-ft-cont {
    padding-left: 15px;
    padding-right: 15px;
}
.crs-online-div .counter-div{width: auto;}
/*call nav button type*/
.call-nav-call{margin-top: 5px}
.cal-sub-box1{display: none;}    
.call-nav span.icon-phone, .call-nav span.icon-mail{    padding: 7px;
    width: 37px;
    height: 37px;line-height: 29px;
    display: block;
    border-radius: 24px;}
.call-nav span.icon-phone, .call-nav span.icon-mail{font-size: 20px;}
.call-nav span.icon-phone:hover, .call-nav span.icon-mail:hover{ background-color: #46af23; box-shadow: 0px 0px 0px 5px rgba(12, 26, 70, 0.15)}
.call-nav-call .cal-sub-box {padding-right: 0px;}
.call-nav-call li:first-child a { padding: 0px 15px 0px 10px;}
.call-nav-call li:last-child a {padding: 0px 10px 0px 15px;}

.top-footer {padding-bottom: 10px;}
.mid-footer-col {padding-top: 20px;}
.cnt-no {
    font-size: 32px;
    margin-bottom: 20px;}
footer, .rights.text-left {text-align: center;}
.foot-head:before {left: calc(50% - 45px / 2);}
.ft-link-col{display: none;}
.rights.text-right, .powered-by.text-right {text-align: center;}
.navbar-nav{margin:0px 0px;}
.navbar-nav>li>a {
    padding-top: 12px;
    padding-bottom: 10px;
}
.h-courses-col {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 11px;
}
.courses-cont {
    padding-left: 13px;
    padding-right: 13px;
}
.h-courses figure {
    padding: 0px 1px;
}
.h-courses-name {
    font-size: 11px;
    letter-spacing: -0.2px;
    padding-left: 1px;
    padding-right: 1px;
}
.country-desc{padding: 0px 18px;}
.country .thumb{height: 200px}
.jr-box{margin-bottom: 20px}
.jr-box.last{margin-bottom: 0px}



.mob-course-ul li .menu-logo-div .course-name, .mob-course-ul li .menu-logo-div .dest-name
{line-height: 50px;}

.mob-course-ul li a img{margin-top: 6px}

.mis-div{min-height: auto}

/*.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}
.navbar-toggle{margin-right: 0px}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: transparent !important; 
    padding-left: 5px !important;
}
.navbar-nav .open .dropdown-menu {
    background-color: #00a0ea !important;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a
{color: white !important}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a
{padding: 15px 20px 15px 20px !important}*/
}


@media (min-width: 601px) and (max-width: 1199px) {
.mob-oet-online{     margin-top: 10px !important;
    margin-right: 10px;
    margin-left: 10px;}
.mob-clear-fix{display:none !important;}
}



@media (min-width: 601px) and (max-width: 767px) {
.in-bg1.no-bg{height: 133px !important;}
.in-body .in-slide-head {
    font-size: 25px;
    line-height: 31px;
    letter-spacing: -1.5px;
}
.logo{width:250px !important;}
.mob-oet-online .icon-monitor,
.mob-oet-online .icon-move{display:none;}
.video-box p.caption { font-size: 48px !important;line-height: 51px !important;}
.video-box p.caption span.small {font-size: 40px !important;}
.jarallax-para {font-size: 20px;}
.pd-2-35{padding-left: 5px; padding-right: 5px}
.wel-img{    position: static;
    width: 326px;
    right: 0px;
    float: right;
    margin-right: 5%;
    margin-top: -400px;}
.counter-div {
    margin-top: 80px;
    margin-left: 5%;
}
.count-col.one, .count-col.two{margin-bottom: 40px}
h1 {font-size: 39px; line-height: 39px}
.side-head h1{line-height: 39px}
h2 {font-size: 35px;}
.side-head h2{line-height: 24px;}
.side-head span {font-size: 25px;}
}



@media (min-width: 601px){
.list-600{display: none;}
.mob-oet-online li.dis-block-600{display:none !important;}
}

 


@media (max-width: 600px){
    .in-bg1.no-bg{height: 122px !important;}
    .in-bg1.no-bg.no-mob-no{ height: 74px !important;}
    .success-body {
    height: calc(100vh - 70px);
}
.rating {
    margin-bottom: 0px;
    float: none !important;
    margin-right: 0px;
}

.star-row p{margin-top:30px;}

  .in-body  .getapp-podcast {
    right: auto;
    left: 50%;
    transform:translateX(-50%);
    top: 165px;}
.question-group, .question-group:nth-child(even) {
    width: 100%; float: none; margin-bottom: 30px}
.faq-list li {line-height: 21px;}
.subscribe_button_faq{width: 60px;}
.faq-main .enter-email{width: calc(100% - 60px) !important;}
    
.mob-oet-online .icon-monitor,
.mob-oet-online .icon-move{display:none;}
.dis-none-600{display:none !important;}
.dis-block-600{display:block !important;}
.mob-oet-online {
    margin-top: -2px;
}
.in-body.bd-deals .mob-oet-online{display: none !important;}
.eve-img-cont {
    width: 85px;
}
.eve-dtl-cont {
    width: calc(100% - 85px);}
.tran-dtl{font-size: 13px}
.tran-email { padding: 14px 0px;}
.tran-ul li span.one{ width: 150px;}
.tran-ul li span.two { width: calc(100% - 150px);}
.success-header{font-size: 23px}
.success-body { padding: 20px 0px;}
.tran-cont {
    padding-left: 0px;
    padding-right: 0px;
}
.offer-p{font-size: 40px;}
.offer-span{padding: 15px 5px 3px}
.pack-course {font-size: 17px;}
/*.package-name{font-size: 20px;}
.offer-p{ font-size: 34px;}*/
.modal-body{padding:15px 15px !important;}
.in-body .in-slide-head {
    margin-bottom: 6px;
    line-height: 44px;}
.col-imp-no{width: calc(100% / 2 - 0px)}
.pd-0-600{padding-left: 0px; padding-right: 0px}
.test-inn-video-col{padding-left: 0px; padding-right: 0px}
.in-body .button-ul li a{width: 90px}
.whatsapp-carry{display: none;}
.list-600{display: inline-block;}
.crs-online-div .count-col .box{padding: 0px; border:none; width: auto;}
.mis-div {padding: 12px;}
#accordion .panel-title a{padding: 10px 30px 10px 12px;}
#accordion .panel-body{padding: 12px}
#accordion .panel-title a{ font-size: 15px;}
.aco-head-date{width: 100%}
.panel .date{float: left; margin-bottom: 8px}
.in-main-col {
    padding-top: 40px;
    padding-bottom: 40px;
}
.about-div-inn {
    padding-top: 40px;
    padding-bottom: 40px;
}
.testi-inn{ padding-left: 12px; padding-right: 12px}
.in-body h1 {
    font-size: 30px;
    line-height: 34px !important;
    letter-spacing: -.8px;
}
.in-body h2 { line-height: 27px; font-size: 21px}
.in-body h2.big-h2 {
    font-size: 26px;
    line-height: 30px !important;
}
.inner-page-slide{height: 420px !important}
.inner-slide-cont .button-ul{margin: 0 auto; display: inline-block; margin-top: 10px;}
.inner-slide-cont .box.in-slide-box, .inner-slide-cont .box.in-slide-box .sub-box{ height: auto}
.in-slide-box .sub-box{display: block;}
.in-slide-box{position: absolute;bottom: 0px; left: 0px; width: 100%; display: block; text-align: center;}
.slide-in {display: block;padding-right: 0px;}
.in-slide-box .button-ul{float: none;}
.breadcrumb{margin: 0 auto; margin-bottom: 10px !important}
.in-body .in-slide-head{font-size: 17px !important; letter-spacing: -1px}
.in-slide-box .button-ul li {margin-bottom: 10px;}
.in-body .mob-oet-online{float: none !important; margin-top: 0px !important; display: table !important; margin: 0 auto !important;
margin-bottom: 15px !important}
.in-body .mob-oet-online li {float: left !important;}
.in-body .mob-oet-online li a{margin-right: 5px !important; margin-top: 0px !important}
.in-body {font-size: 13px;}
.logo{width: 200px;}
.menu-logo-miak{width: 265px;}
.cal-para{font-size: 13px}
.wel-img-col{display: none;}
.call-nav-call li:last-child a {padding: 0px 0px 0px 8px;}
.call-nav-call li:first-child a {padding: 0px 3px 0px 0px !important;}
.call-nav-call li:nth-child(2) a {padding: 0px 3px 0px 3px !important;}
header .social{display: none;}
.video-box p.caption { font-size: 28px !important;line-height: 38px !important;}
.video-box p.caption span.small {font-size: 33px !important;letter-spacing: -2px !important;}
.video-box{padding-left: 0px !important; padding-right: 0px !important}
.news-content{padding: 5px 8px 20px}
h1 {font-size: 29px;line-height: 29px !important;letter-spacing: -1.5px}
h2 {font-size: 28px;letter-spacing: -1.3px}
.side-head h2{line-height: 29px;}
.side-head span {font-size: 21px; margin-bottom: 8px}
.pd-2-35 {padding-left: 0px; padding-right: 0px;}
body{font-size: 13px}
.gen-para { line-height: 24px;}
.navbar-nav>li>a{font-size: 14px; padding: 10px 18px;}
h4 {font-size: 14px;}

.count-cont{width: calc(100% / 3 - 0px)}
.count-col .box .sub-box{display: block;}
.count-col{text-align: center;}
.counter1 {font-size: 20px;}
.batch{font-size: 13px}
.count-col .box .sub-box1{padding-right: 0px}
.count-col .box .sub-box1 img{margin: 0 auto; margin-bottom: 10px}
.count-col .box{margin: 0 auto}
.count-col img{width: 52px;height: 52px;}
.whole{display: table; margin: 0 auto;}

.h-courses-col {width: calc(100% / 3 - 0px);}
.h-courses figure {padding: 0px 17px;}

.h-dest-col1, .h-dest-col2{padding-left: 1px; padding-right: 1px}
.h-dest-cont{padding-left: 14px; padding-right: 14px}
.country { margin-bottom: 2px;}
.country .thumb {height: 160px;}
.country-dtl {bottom: 15px;}
h3.country-name{margin-bottom: 5px}
.country-desc {
    padding: 0px 12px;
    font-size: 13px;
    line-height: 19px;
}

.jarallax-para {font-size: 17px;}

.adm{padding: 10px 13px; text-align: center;font-size: 13px;}
.adm .sub-box{display: block;}
.adm .sub-box2, .adm .sub-box1{width: 100% !important}
.adm .sub-box1{padding-right: 0px !important; padding-bottom: 8px}
.video-header .container{padding-left: 0px; padding-right: 0px}
}

@media (min-width: 576px) and (max-width: 767px) {
.podcast-ul li a { padding: 17px 13px 15px; font-size: 14px;}
}

@media (max-width: 575px){
.video-inn-icon{width: 66px;
    height: 66px;left: calc(50% - 66px/2); top: calc(50% - 66px/2);}
.podcast-ul li {width: 100%;}
h3.country-name{font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;}
  .applink li a img {width: 120px;}
  
.video-inn-icon i {
    font-size: 38px;
    margin-top: 8px;
    margin-left: 9px;
}

.round{width: 66px;
    height: 66px;}
}

@media (min-width: 501px) and (max-width: 600px) {
.center-cont{ min-height: 443px;}
}



@media (max-width: 500px){
.h-courses figure { padding: 0px 1px;}
.center-col{width: 100%}
.center-cont{min-height: auto}
}

@media (max-width: 501px){
.sis-name.bg{display: block;}
.sis-name.small{display: none;}
}

@media (max-width: 500px){
.sis-name.bg{display: none;}
.sis-name.smll{display: block;line-height: 15px !important;
    height: 50px !important; padding-top: 10px}
}

@media (max-width: 425px){
.video-header .button-ul li {width: 128px}
.video-header .button-ul li .adm{width: 100%}
.prodescriptions .nav-tabs>li>a{font-size:11px !important; padding:10px 10px !important;}
.news-title {
    font-family: 'rubiklight';
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px !important;
}
.in-body .in-slide-head {font-size: 17px;line-height: 23px;}
.in-body .mob-oet-online li a i{display: none;}
.in-body .mob-oet-online li a {padding: 5px 8px 0px !important;}
.col-imp-no{width: 100%}
.side-logo{margin: 0 auto; margin-bottom: 10px}
.courses-cont {
    padding-left: 14px;
    padding-right: 14px;
}
.h-courses-col {
    padding-left: 1px;
    padding-right: 1px;
}
.h-courses-name {
    font-size: 10px;}

.owl-ach .owl-dots{text-align: center;}

/*virtual workshop*/
   .v-date{transform: translateX(5px); width: 65px;}

   .v-course {
    width: calc(100% - (65px + 62px + 15px));}
   .virtual-col { padding: 20px 8px 15px;}
   .v-price {width: 62px;}

}




@media (max-width: 375px){
.h-course-div{width: 101px}
.h-courses-extra .h-course-div a.join{margin-right: 1px;}
.h-courses-extra .h-course-div a.details{margin-left: 1px;}
.h-courses-extra .h-course-div {
    left: calc(50% - 101px / 2);
}
}

    .app-reg{
        position: absolute;
    right: 33px;
    top: -38px;
    background: #00aaff;
    padding: 8px 25px;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition:0.3s;
    }
.app-reg:hover{
    background:#00aaffbd;
        color: white;
}
.app-reg-sub{
        background: red;
    padding: 10px 15px;
    color: white;
    border-radius: 3px;
    margin-left: 10px;
        transition:0.3s;
}
.app-reg-sub:hover{
    background:#ff7c7c;
        color: white;
}
.clo{
    background: #42cdfb !important;
    padding: 10px 15px;
    border-radius: 3px;
    margin-left: 10px;

        transition:0.3s;
}
.clo:hover{

    background:#80e0ff !important;

    
}

@media(max-width:575px){
    .app-reg{
        top:0 !important;
    }
}

.suc{
    display:none !important;
}

.suc-g{
    display:none;
    text-align:center;
        margin-bottom: 20px;
}
.suc-g .para1{
        font-size: 2rem;
}



.visa-option{
display: flex;
        align-items: flex-start;
margin-bottom: 10px;
}
.visa-option label{
margin-bottom: 0px;
font-family: 'rubikregular';
}

.visa-option input[type="radio"] {
      appearance: none;
      -webkit-appearance: none;
      background-color: #fff;
      border: 2px solid #274abb; /* border color */
      padding: 6px;
      border-radius: 50%;
      display: inline-block;
      position: relative;
      width: 18px;
      height: 18px;
      margin-right: 10px;
      cursor: pointer;
margin-top: 0;
outline: none;
    }

    /* Checked state with custom color */
    .visa-option input[type="radio"]:checked::before {
      content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    background-color: #f2c908;
    border-radius: 50%;
    }


.visafull{
display: none;
}

.visa-body{
    margin-top: 20px;
    padding: 15px;
    background: #f8faff;
    border-radius: 15px;
}
.visalab{
margin-bottom: 10px;
font-family: 'rubikregular';
}
.visa-body select{
border: 1px solid #cbd8ff;
    border-radius: 10px;
}
.visa-body select:focus{
border: 1px solid #85a3ff !important;
}
.visa-body input{
border: 1px solid #cbd8ff;
    border-radius: 10px;
}
.visa-body input:focus{
border: 1px solid #85a3ff !important;
}
.visades{
display: none;
margin-bottom: 20px;}

.visades button{
outline: none!important;
border: none!important;
}

.point-report{
display: none;
    margin-top: 20px;
    padding: 15px;
    background: #f8faff;
    border-radius: 15px;
margin-top: 30px;
}    
.reprt-bx{
    display: flex;
    justify-content: space-between;
}
.reprt-bx label{
font-size: 18px;
width: 50%;
font-family: 'rubikregular';
}

@media (max-width: 1200px){
.maincontt{
display: none;
}

}



.pdc-bx{
border-radius:15px;
padding:8px;
box-shadow: 0 0 2px #274abb45;
margin-bottom: 15px;
height: 368px;
}
.pdc-img{
border-radius:15px;
overflow: hidden;
}
.pdc-img img{
border-radius:15px;
}

.pdc-content h3 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0px;
    padding-top: 0px;
    letter-spacing: none;
}


.pdc-content span{
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 8px;
    display: inline-block;
    background: #274abb;
    border-radius: 40px;
    padding: 4px 12px;
    cursor: pointer

}
.pdc-bx:hover{
box-shadow: 0 0 12px #274abb2b;
}

.pdc-bx:hover .pdc-img img {
    -webkit-transform: scale(1.1) rotate(-1deg);
    -moz-transform: scale(1.1) rotate(-1deg);
    -o-transform: scale(1.1) rotate(-1deg);
    -ms-transform: scale(1.1) rotate(-1deg);
    transform: scale(1.1) rotate(-1deg);
}

.pdc-bx:hover .pdc-content span
{background-color: #274abb;     animation-name: zoomIn;
    animation-duration: 1s;}

@media (max-width: 1200px){
.pdc-bx{
 height: 480px;
}
}

@media (max-width: 991px){
.pdc-bx{
 height: 374px;
}
}

@media (max-width: 767px){
.pdc-bx{
 height: auto;
}
}