body {
  margin: 0px;
  padding: 0px;
  font-family: 'AvenirLTStd-Medium';
  font-size: 14px;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  text-align: left;
  /*background: #f5f5f5;*/
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
a {
  transition: all ease-in-out 0.5s;
}
/*By anuj*/
audio::-webkit-media-controls-timeline,
/* Could Use thise as well for Individual Controls */
/*video::-webkit-media-controls-play-button {}

video::-webkit-media-controls-volume-slider {}

video::-webkit-media-controls-mute-button {}

video::-webkit-media-controls-timeline {}

video::-webkit-media-controls-current-time-display {}*/
.unlock video::-webkit-media-controls {
  display: none;
}
.profile-submenu ul{ width: 100%; float: left; }
.selected-lecture{background: #f3fcfd !important;}
.get-lecture-data label{ margin: 0px; }

div.sld_item .sld_p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  font-family: 'AvenirNextLTPro-Regular';
}
.expd_1 ul li{ cursor: pointer; }
.rvs_text5 p {display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}
#mixedSlider2 .MS-content .item p{
  font-size: inherit !important;
  margin: 0 !important;
  text-indent: 0 !important;}
  .close {
    font-size: inherit;
    text-shadow: none;
    width: 24px;
    height: 24px;
    box-shadow: 4px 4px 14px 0 rgba(172, 181, 195, 0.6);
    background-color: #fff !important;
    border-radius: 50%;
    position: absolute;
    top: -32px;
    right: 0;
  }
  .close:hover {
    opacity: 1;
  }
  .modal-dialog {
    margin: 100px auto;
  }
  .close {
    opacity: 1;
    top: -30px;
  }
  .modal{top:40px;}
  .my-modal .modal-content {
    border: none;
    padding: 36px 24px 30px;
  }
  .my-modal .modal-header {
    text-align: center;
    padding: 0;
    min-width: auto;
    margin-bottom: 31px;
  }
  .my-modal .modal-header h2 {
    text-transform: inherit;
    font-size: 28px;
    padding: 0;
    margin-bottom: 6px;
    color: #687189;
  }
  .my-modal .modal-header p {
    font-size: 16px;
    margin-bottom: 24px;
    color: #8690a0;
  }
  .my-modal .modal-header span {
    font-size: 14px;
    color: #8690a0;
  }
  .my-modal .modal-dialog {
    width: 100%;
    max-width: 600px;
  }
  .my-modal .close {
    box-shadow: none;
    background-color: transparent !important;
    top: -40px;
    right: 13px;
  }
  .postion-realtive {
    position: relative;
  }
  .my-modal-body .form-control {
    margin-bottom: 30px;
    height: 52px;
    border: 0.5px solid rgba(172, 181, 195, 0.5);
    font-size: 14px;
    color: #acb5c3;
    padding: 0;
    padding-left: 124px;
  }
  .my-modal-body .name-holder {
    color: #8690a0;
    font-size: 14px;
    width: 110px;
    height: 52px;
    border: 0.5px solid rgba(172, 181, 195, 0.5);
    background-color: #e9eaee;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px 0 0 4px;
    border-right: 0;
  }
  .my-modal-body .name-holder img {
    margin-right: 8px;
  }
  .my-modal-body .form-control-two {
    margin-bottom: 10px;
  }
  .validation-print {
    font-size: 14px;
    color: #ff697b;
    display: none;
  }
  .my-modal-body .submit-btn {
    border: none;
    font-size: 10px;
    width: 170px;
    height: 46px;
    padding: 0 0 0 16px;
    display: inline-flex;
    align-items: center;
  }
  .my-modal-body .submit-btn .next-icon {
    top: auto;
  }
  .footer-form {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .footer-form h4 {
    margin-bottom: 0;
    font-size: 14px;
    color: #687189;
  }
  input[type="file"] {
    display: none;
  }
  .my-modal-body .submit-btn:hover {
    background-color: #081fb9;
    transition: all 0.5s ease-in-out;
  }
  .wrapper-box {
    display: block;
    margin: 0px;
    padding: 0px;
  }

  .wb-banner {
    display: block;
    height: 635px;
    background: url(../img/banner.png) no-repeat;
    padding:60px 100px;
    position: relative;
    background-size: cover;
  }
  .wb-banner-1 {
    display: block;
    height: 635px;
    background: url(../img/banner-1.png) no-repeat;
    padding:60px 100px;
    position: relative;
    background-size: cover;
  }
  .top-link {
    display: block;
    margin:0px 0 0 0;
    padding: 0px;
    list-style: none;
    text-align: right;
  }
  .top-link li {
    display: inline-block;
  }
  .top-link li a {
    font-size: 14px;
    display: block;
    color: #fff;
    padding-left: 20px;
  }

  .top-link a {
    color: #fff;
  }


  h1.heading {
    display: block;
    font-size: 64px;
    color: #fff;
    line-height: 57px;
    text-transform: uppercase;
    font-family: 'AvenirLTStd-Black';
    margin: 0px;
    padding: 100px 0 5px 0;
  }

  h1.heading-1 {
    display: block;
    font-size: 45px;
    color: #fff;
    line-height: 47px;
    text-transform: uppercase;
    font-family: 'AvenirLTStd-Black';
    margin: 0px;
    padding: 100px 0 5px 0;
  }

  .tb-1 {
    display: block;
    font-size: 18px;
    color: #fff;
    letter-spacing: -0.37px;
    padding-bottom: 20px;
  }


  a.m-btn, button.m-btn {
    display: inline-block;
    height: 56px;
    border-radius: 4px;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #26c6da;
    text-align: center;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 30px;
    outline: 0;
    text-decoration: none;
    transition: 2s all ease;
    font-family: 'AvenirLTStd-Black';
    border: 0;
  }

  .complate-steps {
    display: block;
    width: 374px;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .complate-steps .bg-b {
    height: 113px;
    background-color: rgba(0, 0, 0, 0.54);
    padding:30px 20px;
    text-align: center;
  }
  .complate-steps .bg-r {
    height: 113px;
    background-color: #ff697b;
    padding:30px 25px;

  }

  .tb-2 {
    display: block;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    letter-spacing: -0.29px;
    font-family: 'AvenirLTStd-Heavy';
  }

  h2.heading {
    display:inline-block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-family: 'AvenirNextLTPro-Medium';
    margin: 0 auto;
    font-size: 30px;
    color: #2a3950;
    width: auto;
    text-align: center;
    padding: 15px 30px;
    margin-bottom: 40px;
  }
  .div-hide{ display: none !important; }
  .align-center {
    display: block;
    text-align: center;
  }

  .wb-content {
    display: block;
    padding: 40px 0px;
  }
  .list-box {
    display: block;
  }

  .list-box-1 {
    height: auto;
    border-radius: 4px;
    box-shadow: 6px 6px 24px 0 rgba(203, 215, 233, 0.4);
    background-color: #fff;
    position: relative;
    margin-bottom: 30px;
    min-height: 310px;
  }

  .list-box-1 .img-box {
    height: 142px;
    background: url(../img/img-1.png) no-repeat;
    background-size: cover;
  }

  .list-box-1 .img-box-2 {
    height: 142px;
    background: url(../img/img-2.png) no-repeat;
    background-size: cover;
  }

  .list-box-1 .img-box-3 {
    height: 142px;
    background: url(../img/img-3.png) no-repeat;
    background-size: cover;
  }

  .list-box-1 .img-box-4 {
    height: 142px;
    background: url(../img/img-4.png) no-repeat;
    background-size: cover;
  }



  .list-box-1 .img-box-5 {
    height: 142px;
    background: url(../img/img-5.png) no-repeat;
    background-size: cover;
  }

  .list-box-1 .img-box-6 {
    height: 142px;
    background: url(../img/img-6.png) no-repeat;
    background-size: cover;
  }

  .list-box-1 .img-box-7 {
    height: 142px;
    background: url(../img/img-7.png) no-repeat;
    background-size: cover;
  }

  .list-box-1 .img-box-8 {
    height: 142px;
    background: url(../img/img-8.png) no-repeat;
    background-size: cover;
  }

  .tb-3 {
    display: block;
    font-size: 20px;
    color: #687189;
    padding-bottom: 10px;
    line-height: 22px;
    font-family: 'AvenirNextLTPro-Medium';
    min-height: 68px;
  }

  .tb-4 {
    display: block;
    font-size: 12px;
    color: #8690a0;
    padding-bottom: 30px;
    line-height: 18px;
  }
  .tbo-3 {
    display: block;
    font-size: 20px;
    color: #687189;
    padding-bottom: 10px;
    line-height: 22px;
    font-family: 'AvenirNextLTPro-Medium';
    
  }

  .tbo-4 {
    display: block;
    font-size: 15px;
    color: #8690a0;
    padding-bottom: 30px;
    line-height: 18px;
  }
  .wb-p-text {
    display: block;
    font-size: 16px;
    color: #687189;
  }

  .cont-box {
    display: block;
    padding: 20px 40px 5px 30px;
  }
  .wb-price {
    display: block;
    position: relative;
    left: 0px;
    right: 0;
  }

  .wb-user-icon {
    display: block;
    height: 30px;
    width: 30px;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    padding: 3px 0;
    position: relative;
    right: -10px;
    top: -7px;
    float: right;

  }
  .wb-user-icon img {
    width: 20px;
  }

  .wb-footer {
    display: block;
    height: 80px;
    background-color: #687189;
    padding: 35px 0;
  }

  .lft-box {
    display: block;
    text-align: left;
  }
  .rgt-box {
    display: block;
    text-align: right;
  }

  .tb-5 {
    display: block;
    font-size: 14px;
    color: #fff;
  }


  /*Quiz CSS Start*/
  #title {
   /* text-decoration: underline;*/
 }

 #quiz {
  text-indent: 10px;
  display:none;
}

/*.quiz_btn {
    border:4px solid;
    border-radius:5px;
    width: 60px;
    padding-left:10px;
    padding-right: 5px;
    position: relative;
    float:right;
    background-color: #DCDCDC;
    color: black;
    margin: 0 2px 0 2px;
    }*/
    /*.quiz_btn{ float: left; }*/

    .quiz_btn.active {
      background-color: #F8F8FF;
      color: #525252;
    }

    button {
      position: relative;
      /*float:right;*/
    }

    .form-control{height: 56px;
      font-size: 14px;
      padding-left: 14px;
      color: #2a3950;
      border-radius: 4px;
      border: solid 1px #acb5c3;
      background-color: #FFFFFF;}

      .button a {
        text-decoration: none;
        color: black;
      }

/*#container {
    width:70%;
    margin:auto;
    padding: 0 25px 40px 10px;
    background-color: #f5f5f5;
    border:4px solid #e9eaee;
    border-radius:5px;
    color: #333;
    font-weight: bold;
    box-shadow: 5px 5px 5px #888;
    }*/

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

    #prev {
      display:none;
    }

    #start {
      display:none;

    }

    .disabled{
      pointer-events: none;
      cursor: not-allowed;
      opacity: 0.65;
      filter: alpha(opacity=65);
      -webkit-box-shadow: none;
      box-shadow: none;
    }



    textarea:focus, input:focus{
      outline: none;
      text-decoration: none;
    }

    a:focus{
      outline: none;
      text-decoration: none;
    }
    a:active{
      outline: none;
    }

    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
     color: #687189;
   }
   ::-moz-placeholder { /* Firefox 19+ */
     color: #687189;
   }
   :-ms-input-placeholder { /* IE 10+ */
     color: #687189;
   }
   :-moz-placeholder { /* Firefox 18- */
     color: #687189;
   }
   *, *::before, *::after {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
   }
   html {
    font-family: 'AvenirLTStd-Medium';
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
  }
  @-ms-viewport {
   width: device-width;
 }
 article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
   display: block;
 }

 a:not([href]):not([tabindex]) {
   color: inherit;
   text-decoration: none;
 }
 a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
   color: inherit;
   text-decoration: none;
 }
 a:not([href]):not([tabindex]):focus {
   outline: 0;
 }
 ol, ul, dl {
   margin-top: 0;
   margin-bottom: 1rem;
 }
 ol ol, ul ul, ol ul, ul ol {
   margin-bottom: 0;
 }
 h1, h2, h3, h4, h5, h6 {
   margin-top: 0;
   margin-bottom: 20px;
 }
 p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 /*********  loader html **********/


 .frnt_banner{ 
  display: block; 
  width: 100%; 
  min-height: 545px;
  position: relative;
  margin-top: 40px;
}

.frnt_banner:after{
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-image:url("../img/banner.png"); 
  background-size: cover; 
 /* background-position: center; 
  background-size: 100%; */
  background-position: top; 
  background-repeat: no-repeat;
}

.frnt_banner_overlay{ 
  display: block;
  width: 100%;
  min-height: 545px;
  background: #000;
  position: absolute;
}

.frn_text1{
  width: 100%;
  display: block;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

  font-size:36px;
  font-family: 'AvenirNextLTPro-Demi';
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  margin-top: 90px;

}


.frn_text2 {
  display: block;
  max-width: 646px;
  font-size: 18px;
  font-family: 'AvenirNextLTPro-Regular';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color:#fff;
  margin-top: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.site-sub-ttl{ white-space: pre-line; }


.frn_nav{ display: block; margin-top: 6px; }
.frn_nav ul{ float: right; margin: 0px; }

.frn_nav li{ float: right;  float: left; padding: 0px 20px; 
  list-style: none; position: relative; }
  .frn_nav li a{font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #fff;}

    .frn_nav a{color: #fff;}


    .frn_nav li a:hover{ text-decoration: none; }
    .det_ovr{}
    .det_ovr li{ padding: 5px 20px;  }


    .enroll_1 {display: flex; align-items: center; margin-top: 38px;}


    .enroll_1 a{
      width: 227px;
      height: 56px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 28px;
      box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
      background-color: #ff697b;

      font-family: 'AvenirNextLTPro-Bold';

      font-size: 16px;
      
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: 1.33px;
      color: #fff;
      text-transform: uppercase;
      transition: all ease-in-out 0.2s;
    }
    .enroll_1 a:hover{text-decoration: none; background-color: #f04a5e;}

  /*.enroll_1 a{
    display: inline-block;
    border-radius: 4px;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #ff697b;
    font-size: 14px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color:#fff;
    padding: 20px 0px;
    text-transform: uppercase;
    text-align: center;
    width: 200px;
    cursor: pointer;

    }*/
  /*.enroll_1 a:hover{ color:#fff; text-decoration: none; }
  .enroll_1 a span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }
  .enroll_1 a span:after {
    content: '\00bb';
    position: absolute;
    font-size: 23px;
    line-height: 12px;
    font-weight: normal;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
  }
  .enroll_1 a:hover span {
    padding-right: 20px;
  }
  .enroll_1 a:hover span:after {
    opacity: 1;
    right: 0;
    }*/

    .frn_video{ display: inline-block; margin-left: 50px;
      -webkit-animation: pound 2s infinite;
      animation: pound 2s infinite;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      cursor: pointer;
    }

    @-webkit-keyframes pound {
     from {
       -webkit-transform: scale(0.9);
       transform: scale(0.9)
     }
     50% {
       -webkit-transform: scale(1);
       transform: scale(1)
     }
     to {
       -webkit-transform: scale(0.9);
       transform: scale(0.9)
     }
   }
   @keyframes pound {
     from {
       -webkit-transform: scale(0.9);
       transform: scale(0.9)
     }
     50% {
       -webkit-transform: scale(1);
       transform: scale(1)
     }
     to {
       -webkit-transform: scale(0.9);
       transform: scale(0.9)
     }
   }

   #question input[type="checkbox"]{ display: none; }
   .div-hide{ display: none !important; }
   .vd_text{
    display: inline-block;

    font-size: 16px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color:#fff;
    margin-left: 15px;


  }
  .vd_text strong{ display: block; }
  .frn_partner{
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-top: 75px;
  }
  .frn_partner img{ margin-left: 15px; }

  .programe_overview{ display: block; width: 100%; padding-bottom: 70px;}
  .states {
    max-width: 1170px;
    min-height: 111px;
    border-radius: 55.5px;
    box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin-top: -60px;
    padding: 30px 70px;
  }


  .states_text{

    font-size: 16px;
    font-family: 'AvenirNextLTPro-Regular';
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #8690a0;
  }

  .states_text strong{
    display: block;
    font-size: 20px;
    color: #687189;
    font-weight: normal;
    font-family: 'AvenirNextLTPro-Demi';
  }

  .frn_head{
   display: block;
   font-size: 30px;
   font-family: 'AvenirNextLTPro-Medium';
   font-style: normal;
   font-stretch: normal;
   line-height: normal;
   letter-spacing: normal;
   color: #2a3950;
   margin-top: 85px;
 }

 .frn_text3 {
  display: block;
  font-size: 20px;
  font-family: 'AvenirNextLTPro-Medium';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color:#687189;
  margin-top: 10px;
}

.frn_testi{
  width: 100%;
  min-height: 260px;
  border-radius: 6px;
  box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding:30px;
  font-size: 14px;
  font-family: 'AvenirNextLTPro-Regular';
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #687189;
  
}
.frn_testi strong{ display: block; margin-top: 20px; 
  font-family: 'AvenirNextLTPro-Medium'; font-weight: normal;}
  .frn_testi img{margin-top: 20px;}

  .overview_list{ display: block; }
  .overview_list ul{ display: block; margin: 40px 0 0 0; 
   padding: 0px;}

   .overview_list li {
    width: 33%;
    display: inline-table;
    font-size: 16px;
    font-family: 'AvenirNextLTPro-Medium';
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #687189;
    list-style: none;
    margin:0px;
    padding-top: 0px;
    margin-bottom: 25px;
    padding-right: 16px;
  }

  .overview_list li img {
   margin-right: 10px;
   width: 22px;
 }

 .overview_list li span{
  display: initial;
  padding-right: 1em;
  word-break: break-word;
}

.complete_notice {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.1);
  background-color: #26c6da;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  position:fixed;
  z-index: 9999;
}


.complete_notice a{ color: #fff; text-decoration: none; }
.complete_notice a:hover{ text-decoration: none; color: #fff; }



.programe_tool{
  width: 100%;
  min-height: 307px;
  background-color: #f5f6fa;

  padding: 80px 0;
}
.programe_tool img{margin-right: 30px; }


.pltc{
  width: 100%;
  display: block;

  font-size: 20px;
  font-family: 'AvenirNextLTPro-Medium';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #687189;
  margin-bottom: 40px;
}


.certificate_g {
  width: 100%;
  min-height: 468px;
  background-color: #2a3950;
  padding: 70px 0;
}


.certificate_g img{
  border-radius: 6px;
  box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.1);
  background-color:#fff;
  width: 100%;
}


.cert_text1 {
  display: block;
  width: 100%;

  font-size: 30px;
  font-family: 'AvenirNextLTPro-Medium';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  margin-top: 30px;
}

.cert_text2 {
  display: block;
  width: 100%;

  font-size: 20px;
  font-family: 'AvenirNextLTPro-Medium';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  margin-top: 10px;
}

.cert_text3 {
  display: block;
  width: 100%;

  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #fff;
  margin-top: 25px;
  opacity: .8;
}
.cert_text3 ul{ margin:0px 0 0 15px; padding:0px; }
.cert_text3 ul li{ list-style: disc; margin:0px; padding:0px;  font-family: 'AvenirNextLTPro-Regular';}



.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; 
  position:relative; }
  .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
  .MultiCarousel .MultiCarousel-inner .item { float: left;}
  .MultiCarousel .MultiCarousel-inner .item > div { text-align: center;
   padding:10px; margin:10px; background:#f1f1f1; color:#666;}
   .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; 
    border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }

    .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }

    .MultiCarousel .MultiCarousel-inner .item { 
      width: 100%;
      min-height: 400px;
      border-radius: 6px;
      box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.1);
      background-color: #fff;
    }

    .sld_item {width: 100%;
     min-height: 351px;
     border-radius: 6px;
     box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.1);
     background-color: #fff;
     margin-top: 60px;
     padding: 25px;
     float: left;
     transition: transform .3s ease,box-shadow .3s ease;
   }
   .sld_item:hover{ -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    box-shadow: 6px 6px 30px 0 rgba(0, 0, 0, 0.1);
  }

  .sld_img{ width: 96px; height: 96px; margin: 0 auto; overflow: hidden; border-radius: 50%; }
  .sld_img img{ width: 100% }

  .sld_text1{
    width: 100%;
    display: block;
    font-size: 30px;
    font-family: 'AvenirNextLTPro-Medium';
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color:#2a3950;
  }

  .sld_text2{
   width: 100%;
   display: block;
   font-size: 20px;
   font-weight: 500;
   font-style: normal;
   font-stretch: normal;
   line-height: normal;
   letter-spacing: normal;
   color: #687189;
   margin-top: 10px;
   font-family: 'AvenirNextLTPro-Medium';
 }

 .slder1{ margin-top: 70px; }

 .sld_name{
  width: 100%;
  display: block;

  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #687189;
  margin-top: 20px;
}
.sld_ceo{
  width: 100%;
  display: block;

  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #687189;
  margin-top: 10px;

}
.sld_img2{ width: 100%; 
  text-align: center; 
  display: block; 
  margin:25px 0px; }

  .sld_p{
   width: 100%;
   display: block;

   font-size: 14px;
   font-weight: normal;
   font-style: normal;
   font-stretch: normal;
   line-height: normal;
   letter-spacing: normal;
   text-align: center;
   color:#687189;
 }


 .syllabus {
  width: 100%;
  display: block;
  background-color: #687189;
  margin-top: 70px;
  padding: 80px 0;
}

.syllabus_text1{
  width: 100%;
  display: block;

  font-size: 30px;
  font-family: 'AvenirNextLTPro-Medium';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  margin-bottom: 13px;
}

.syllabus_text2 {
 max-width: 680px;
 display: block;

 font-size: 20px;
 font-family: 'AvenirNextLTPro-Medium';
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 color: #fff;
 margin-bottom: 38px;
}

.syllabus_text3 {

  display: inline-block;
  border-radius: 4px;
  border: solid 2px #fff;
  background-color: #8690a0;
  padding: 15px 25px;
}
.syllabus_text3 a {

  font-size: 12px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  color: #fff;
  text-transform: uppercase;
}
.syllabus_text3 a:hover{ text-decoration: none; color: #fff; }

.hourse_tb {
 display: block;
 margin-top: 40px;
}
.hourse_tb ul{ margin:0px; padding: 0px;  float: right; max-width: 320px;}
.hourse_tb li{  padding: 0px 0px;   float: left; list-style: none; color: #fff;
 margin:0 0px 20px 0px;
 border-bottom: 1px solid #e0f7fa; width: 40%;}
 .hourse_tb li:last-child {border-bottom: 0px solid #e0f7fa;}
 .hourse_tb li strong{
   display: flex;
   align-items: center;;
   justify-content: center;
   width: 90px;
   height: 90px;
   border-radius: 31px;
   background-color: #e0f7fa;
   font-size: 26px;
   font-weight: 900;
   font-style: normal;
   font-stretch: normal;
   line-height: normal;
   letter-spacing: normal;
   text-align: center;
   color: #687189;
   margin: 0 auto 20px auto;
 }
 .house_text{font-size: 14px;
   max-width: 120px;
   min-height: 40px;
   display: block;
   margin:0 auto;
   font-weight: 500;
   font-style: normal;
   font-stretch: normal;
   line-height: normal;
   letter-spacing: normal;
   text-align: center;
   color: #fff; margin-bottom: 20px;}

   .sy_accord{ display: block; }

   .data_science{ display: block;

    font-size: 18px;
    
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a3950;
    text-align: left;
    font-family: 'AvenirNextLTPro-Medium';
  } 
  .data_science2{ display: block; 
    font-size: 12px;
    font-family: 'AvenirNextLTPro-Medium';
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a3950;
    text-align: left;
    margin-top: 7px;
  }
  .data_science2 img{ margin-right: 4px;  margin-top: -6px; }

  .bg_clr{
    background: #e0f7fa url("../img/up-ar.svg") no-repeat; background-position: right 24px top 36px;
    width: 100%; display: block; border:0px; 
    padding: 20px;}

    .collapsed{background: #e0f7fa url("../img/down-ar.svg") no-repeat; background-position: right 24px top 36px;
    width: 100%; display: block; border:0px; 
    padding: 20px;}


    .before_open{background: #e0f7fa url("../img/down-ar.svg") no-repeat!important; background-position: right 24px top 36px;
    width: 100%; display: block; border:0px; 
    padding: 20px;}


    .bg_ar{ border:1px solid #000;}
    /* .active{ border:1px solid #ff0000;} */
    .active2{ border:1px solid #83f10c;}


    .redius_top{ border-radius: 5px 5px 0 0;  }
    .redius_bot{ border-radius: 0px 0px 5px 5px;  }


    .viewers{ display: block; margin-top: 5px }
    .viewers ul{margin:0px; padding: 0px; }
    .viewers li {
      width: 30px;
      height: 30px;
      margin: 0 auto;
      overflow: hidden;
      border-radius: 50%;
      float: left;
      margin-left: -10px;
      padding: 0px;
    }
    .viewers li img{ margin-top:0px; }
    .viewers li:last-child {background:#26c6da; display: flex; 
      align-items: center; justify-content: center; color: #fff; font-size: 12px;
      border:1px solid #fff;s ;}



      .data_text{ background: #ffffff; border-top:1px solid #687189; 
        font-size: 14px;
        font-family: 'AvenirNextLTPro-Medium';
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color:#2a3950;
        padding: 20px;
      } 
      .data_text .col-md-2{ color: #687189; }

      .sy_accord h2{ margin:0px; padding: 0px; }

      .total_cover{ padding: 30px 20px }
      .total_cover img{ margin:0px 5px; }



      .industry_projects {
        width: 100%;
        display: block;
        background-image: linear-gradient(to bottom, #fff, #f8f9ff);
        padding: 80px 0;
      }

      .ind_text1{
        display: block;
        width: 100%;

        font-size: 30px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #2a3950;
      }


      .ind_text2 {
        display: block;
        width: 100%;
        font-size: 20px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #687189;
        margin-top: 10px;
      }

      .ind_text3 {
        display: block;
        width: 100%;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 2;
        letter-spacing: normal;
        color: #687189;
        margin-top: 33px;
      }
      .ind_text3 ul{ margin:0px; padding:0px; }
      .ind_text3 li{ background:url("../img/tick1.png") no-repeat; 
      background-position: left 0px top 10px; list-style: none; padding-left: 25px;}

      .ind_box {
       width: 100%;
       display: block;
       border-radius: 6px;
       box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.1);
       background-color: rgba(250, 252, 255, 0.62);
       margin-top: 45px;
       transition: transform .3s ease,box-shadow .3s ease;
     }
     .ind_box:hover{ -ms-transform: translateY(-6px);
      transform: translateY(-6px);
      box-shadow: 6px 6px 30px 0 rgba(0, 0, 0, 0.1);
    }

    .ind_box_top{ display: block; padding: 20px 20px 10px 20px; text-align: center ;
      background:#fff; }
      .ind_box_bot{ display: block; padding: 40px 20px 20px 20px; text-align: center; 
        background:url("../img/bg-rpt.png"); background-repeat: repeat-x;
        min-height: 250px;
      }

      .bt_text1{
       display: block;
       font-size: 20px;
       font-weight: 500;
       font-style: normal;
       font-stretch: normal;
       line-height: normal;
       letter-spacing: normal;
       color:#687189;
       text-align: left;
     }

     .bt_text2 {
       display: block;
       font-size: 16px;
       font-weight: normal;
       font-style: normal;
       font-stretch: normal;
       line-height: normal;
       letter-spacing: normal;
       color:#687189;
       text-align: left;
       margin-top: 15px;
     }


     .bt_text3 {
      display: block;
      text-align: left;
      margin-top: 20px;

    }
    .bt_text3 a {  font-size: 14px;
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #26c6da;}
      .bt_text3 a:hover{ text-decoration: none; }



      .membership_advantage {
        width: 100%;
        display: block;
        padding: 70px 0;
      }

      .ma_text1{
        display: block;
        font-size: 30px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #2a3950;
      }


      .ma_text2 {
        display: block;
        font-size: 20px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #687189;
        margin-top: 10px;
      }


      .membership_tb{ display: block; margin-top: 50px; }


      .membership_tb label strong {
        float: left;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        margin-top: 10px;
        margin-left: 10px;
      }


      .membership_tb label svg{ float: left; }



      .m_ship{ margin:30px 0; }

      .invt1 {
        display: block;

        font-size: 20px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #687189;

        background: url("../img/tick1.png") no-repeat;
        background-position: left 0px top 10px;
        list-style: none;
        padding-left: 25px;
        margin-bottom: 15px;
      }


      .invt2{
        display: block;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.44;
        letter-spacing: normal;
        color: #687189;
        margin-left: 27px;
      }
      .tp_mrg30{ margin-top: 30px; }

      .career_impact {
        width: 100%;
        display: block;
        padding: 70px 0 240px 0;
        background-color: #00acc1;
        text-align: left;
      }
      .career_txt1 {
        width: 96px;
        height: 96px;

        overflow: hidden;
        border-radius: 50%;
      }
      .career_txt1 img{ width: 100%; }


      .career_txt2 {
        display: block;
        font-size: 24px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #fff;
        margin-top: 12px;
      }

      .career_txt3 {
        display: block;
        font-size: 18px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #fff;
        margin-top: 5px;
      }

      .career_txt4{
        display: block;
        font-size: 14px;
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #fff;
        margin-top: 5px;
      }

      .career_txt5{
       display: block;
       font-size: 18px;
       font-weight: 500;
       font-style: normal;
       font-stretch: normal;
       line-height: normal;
       letter-spacing: normal;
       color: #fff;
       margin-top: 40px;
     }

     .career_txt6 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      min-height: 126px;

      border-radius: 4px;
      background-color: #3abfd0;
      margin-top: 50px;
    }
    .career_txt7{ display: block; margin-top: 90px; }
    .career_txt7 ul{margin:0px; padding:0px; }
    .career_txt7 .crim_box{
      width: 100%;
      min-height: 150px;
      border-radius: 4px;
      box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.1);
      background-color: #fff;
      padding:30px;

      font-size: 18px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #687189;
      list-style: none;
      float: left;

      margin-bottom:25px;
    }

    .career_txt7 .crim_box strong{

      font-size: 34px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #687189;
      display: block;
    }

    .student_work {
      width: 100%;
      display: block;
      padding: 70px 0;

      text-align: left;
      background: #f8faff;
    }

    .student_work .school_top{ display: block; margin-top: -180px; }

    .std_box {
     width: 100%;
     min-height: 295px;
     border-radius: 4px;
     box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.1);
     background-color: #fff;
     padding:25px;
     transition: transform .3s ease,box-shadow .3s ease;
   }
   .std_box:hover{ -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    box-shadow: 6px 6px 30px 0 rgba(0, 0, 0, 0.1);
  }

  .std_text1 {
    display: block;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #687189;
    margin-top: 20px;

  }

  .std_text2{
    display: block;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #687189;
    margin-top: 10px;

  }
  .std_text3{margin-top: 30px;}

  .std_text3 a {
    font-size: 14px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #26c6da;
  }

  .std_text3 a:hover {
    text-decoration: none;
  }


  .std_list{ display: block; }


  .std_list_text1 {
    font-size: 30px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #687189;
    display: block;
    /*margin-top: 80px;*/
    margin-bottom: 20px;
  }
  .student_bxt{
   width: 100%;
   min-height: 170px;
   border-radius: 4px;
   box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.1);
   background-color: #fff;
   padding: 15px;
   text-align: center;
   margin-top: 70px;
   transition: transform .3s ease,box-shadow .3s ease;
 }
 .student_bxt:hover{ -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  box-shadow: 6px 6px 30px 0 rgba(0, 0, 0, 0.1);
}

.student_bxt_text1 {
  width: 75px;
  height: 75px;
  overflow: hidden;
  border-radius: 50%;
  margin:-50px auto 0 auto;

}
.student_bxt_text1 img{ width: 100%; }

.student_bxt_text2 {
  display: block;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #687189;
  margin:15px 0;
}


.fee_text1{
  display: block;
  font-size: 40px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #687189;
  margin-top: 80px;
}

.fee_text2{
  display: block;
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #687189;
  margin-top: 11px;
  font-family: 'Avenir-Light';
}


.fee_text3 {
  display: block;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #687189;
  margin-top: 7px;
}

.fee_text4{
  max-width: 100%;
  /*max-width: 800px;*/
  float: left;
  text-align: right;
  overflow-x: auto;
  display: inline-block;
  width: 100%;
}

.fee_text4 a{
  min-height: 46px;
  border-radius: 4px;
  background-color: #00acc1;
  font-size: 12px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  color: #fff;
  margin-top: 8px;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  display: inline-block;
  padding: 16px 16px;

}

.fee_text4 a:hover {
  color: #fff;
  text-decoration: none;
  background: #00acc1;
}



.benefits_form {
  width: 100%;

  border-radius: 4px;
  box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-top: 45px;

}
.rd_bg{ background: #ff697b; border-radius: 4px 0px 0px 4px; padding: 40px; display: block; min-height: 500px;}

.bfx_text1{
 display: block;

 font-size: 30px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 color: #fff;
 font-family: 'Avenir-Light';
}


.bfx_text2 {
 display: block;
 font-size: 16px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: 2.63;
 letter-spacing: normal;
 color: #fff;
 margin-top: 25px;

}

.bfx_text2 ul{ margin:0px; padding: 0; }
.bfx_text2 li{
  list-style: none;}

  .bfx_text3 {
    display: block;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #687189;
    font-family: 'Avenir-Light';
    margin-bottom: 30px;
  }



  .fft_form{ padding:40px 40px 40px 0px!important; }

  .fft_form input{ width: 100% ;
    display:block;
    min-height: 52px;
    border-radius: 4px;
    border: solid 1px #cbd7e9;
    background-color: #fff;
    margin-bottom: 16px;
    padding-left: 15px;
  }


  .fft_form select{
    display: flex;
    width: 100%;
    padding: 15px 0;
    border-radius: 4px;
    border: 1px solid #cbd7e9;
    background:url("../img/select_arow.svg") no-repeat; background-position: top 25px right 15px;
    padding-left: 20px;

    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #acb5c3;
    -webkit-appearance: none;
  }

  .term_1{
    display: block;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #687189;
  }
  .term_1 a{ color: #687189; text-decoration: underline; }

  .takeatest{ float: right; margin-top: 50px; }

  .takeatest a {
   display: inline-block;
   padding: 13px 30px;
   border-radius: 4px;
   box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
   background-color: #ef403d;
   color:#ffffff;
   text-transform: uppercase;
   text-align: center;
   width: 170px;
 }
 .takeatest a:hover{ color:#fff; text-decoration: none; }
 .takeatest a span {
   cursor: pointer;
   display: inline-block;
   position: relative;
   transition: 0.5s;
 }
 .takeatest a span:after {
   content: '\00bb';
   position: absolute;
   font-size: 23px;
   line-height: 18px;
   font-weight: normal;
   opacity: 0;
   top: 0;
   right: -20px;
   transition: 0.5s;
 }
 .takeatest a:hover span {
   padding-right: 20px;
 }
 .takeatest a:hover span:after {
   opacity: 1;
   right: 0;
 }


 .hiring_partners {
  width: 100%;
  display: block;
  background-color: #fff;
  padding: 80px 0;
}

.h_partner1 {
  display: block;
  font-size: 30px;
  font-family: 'AvenirNextLTPro-Medium';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2a3950;
}

.h_partner2 {
  display: block;
  font-size: 20px;
  font-family: 'AvenirNextLTPro-Medium';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #687189;
  margin-top: 13px;
}

.h_partner3{ display: block; margin-top: 50px; }
.h_partner3 img{max-height: 80px; }
.h_partner3 ul{ margin:0px; padding:0px; }
.h_partner3 li{ margin-right:7%; float: left; list-style: none; min-height: 50px; display: flex; align-items: center; }
.h_partner3 li:last-child {margin-right:0px;}


.student_review2 {
  width: 100%;
  display: block;
  background-color: #f5f6fa;
  padding: 80px 0;
}

.student_review2_text1 {
  display: block;
  font-size: 30px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2a3950;
  margin-bottom: 40px;

}

.rvs_text{
  width: 100%;
  min-height: 259px;
  border-radius: 4px;
  box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding:30px;
}

.rvs_text2 {
  width: 65px;
  height: 65px;
  overflow: hidden;
  border-radius: 50%;
}
.rvs_text2 img{ width: 100% }

.rvs_text3{
  display: block;
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #687189;
}
.rvs_text4{
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #687189;
  margin-top: 5px;
  
}


.rvs_text5 {
 display: block;
 font-size: 14px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: 1.57;
 letter-spacing: normal;
 color: #687189;
 margin-top: 30px;
 position: relative;
}

.rvs_text5::before{ background: url("../img/qt-1.svg"); 
background-size: cover; width: 28px; height: 20px; 
content: ''; position: absolute; top: 5px;
left: -35px;}

.rvs_text5::after{ background: url("../img/qt-1.svg"); 
background-size: cover; width: 28px; height: 20px; 
content: ''; position: absolute; bottom: -9px; right: -30px;}



.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;

}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
  background-color: #8a8a8f!important;
  width: 10px!important;
  height: 10px!important;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}


.faqs {
  width: 100%;
  display: block;
  background-color: #fff;
  padding: 80px 0;
}

.faq_tx1{
  display: block;
  font-size: 30px;
  font-family: 'AvenirNextLTPro-Medium';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2a3950;
  margin-bottom: 40px;
}

.faqs .btn { background: #e0f7fa; padding: 25px 45px; width: 100%; text-align: left; 
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2a3950;
  border:0px;
  margin:1px 0 0 0;
} 

.faqs h2{ margin:0px; }

.faqs .card-body{ background: #f5f6fa; padding:40px 100px; }

.faqs .btn:hover{ background: #e0f7fa; color: #2a3950; text-decoration: none; outline: none;}
.faqs .btn:focus{ background: #e0f7fa; color: #2a3950; text-decoration: none; outline: none;}


.faq_2 {
  width: 100%;

  border-radius: 4px;
  box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.1);
  background-color: #f2f2f2;
}

.faq_2 .btn { background: #fff url("../img/faq-pluse.svg") no-repeat; background-position: right 27px top 23px; padding: 22px 25px; width: 100%; text-align: left; 

font-size: 14px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #2a3950;
border:0px;
margin:1px 0 0 0;
} 

.faq_2 .btn:hover{ background: #fff url("../img/faq-pluse.svg") no-repeat; background-position: right 27px top 23px; color: #2a3950; text-decoration: none; outline: none;}
.faq_2 .btn:focus{ background: #fff url("../img/faq-pluse.svg") no-repeat; background-position: right 27px top 23px; color: #2a3950; text-decoration: none; outline: none;}

.faq_2 .card-body{ background: #f2f2f2; padding:25px;  
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #687189;
}

.footer_frn {
  width: 100%;
  display: block;
  background-color: #0d203e;
  clear: both;
  position: relative;
}
.d-btn {
  display: inline-block;
  border-radius: 4px;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #26c6da;
  font-size: 10px;
  font-weight: 900;
  font-family: 'AvenirLTStd-Heavy';
  letter-spacing: 1px;
  color: #ffffff;
  padding: 17px 20px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
  border: 0;
  outline: 0;
}
.ft_in{min-height: 80px; display: flex; 
  align-items: center; 
  font-size: 14px;
  font-family: 'AvenirNextLTPro-Medium';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  width: 100%;
}
.ft_in a{color: #fff;}
.ft_in a:hover{color: #fff; text-decoration: none;}

.rt_0{ justify-content:center; }
.rt_1{ justify-content:flex-end; }


.inner_tpband{
  width: 100%;
  min-height: 52px;
  background-color: #687189;
  position: fixed;
  margin-top: 42px;
  z-index: 10;
}

.inner_tpband a:hover{ color: #fff; }

.back_course{
 display: inline-block;
 padding-top: 18px;
 font-size: 14px;
 font-weight: 900;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: right;
 color: #fff;
}



.detail_overview{
  width: 100%;
  float: left;
  background-color: #f5f5f5;
  padding-top: 95px;
}

.detail_overview_left {
 float: left;
 width: 25%;
 padding: 25px 0;
 background: #fff;
 position: fixed;
 height: calc(100%);
 overflow-y: scroll;
 border-right: 1px solid #ddd;
}
#accordionChapters{ margin-bottom: 150px; }

.ovpro_img_frm{
  width: 130px;
  height: 130px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
  /*border:5px solid #f5f5f5;*/
  position: relative;

}

.ovpro_img {
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
  border:5px solid #fff;
  position: absolute;top:10px;margin-left: 10px;width: 110px;height: 110px

}

.ovpro_img img{ width: 100%; height: 100%}

.ovr_text1{
  display: block;
  font-size: 14px;
  font-family: 'AvenirNextLTPro-Demi';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #26c6da;
  margin-top: 16px;
}

.ovr_text2{
  display: block;
  padding: 0 30px;
  font-size: 20px;
  font-family: 'AvenirNextLTPro-Medium';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #687189;
  margin-top: 12px;
}

.ovr_text3{
  display: block;
  margin-top: 15px;

}


.ovr_text3 .wrapper{
  width:100%;
}

.ovr_text3 .panel-heading {
  padding: 0;
  border:0;
}
.ovr_text3 .panel-title>a, .panel-title>a:active{
  display:block;
  padding:15px;
  
  font-size: 16px;
  font-family: 'AvenirNextLTPro-Medium';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color:#687189;
  text-decoration:none;

}
.ovr_text3 .panel-heading  a:before {
 content: "";
 float: right;
 transition: all 0.5s;
 width: 17px;
 height: 12px;
 background:url("../img/acc-down.svg") no-repeat; background-position: left top;
}

.ovr_text3 .panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
} 

.ovr_text3 .collapsed {
  background:none;

  width: 100%;
  display: block;
  border: 0px;
  padding: 0px;
  margin-top: 0px;
}

.ovr_text3 .panel {
  margin-bottom: 0;
  border-radius: 0px!important;
  margin-top: 0px;
}

.ovr_text3 .panel-group .panel + .panel {
  margin-top: 0px;
}

.ovr_text3 a:focus{ outline: none;}


.ovr_cntr {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;

  font-size: 16px;
  font-family: 'AvenirNextLTPro-Medium';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #acb5c3;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.ovr_cntr input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.chks {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 4px;
  border:1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.ovr_cntr:hover input ~ .chks {

}

/* When the checkbox is checked, add a blue background */
.ovr_cntr input:checked ~ .chks {
  background-color: #26c6da;
  border:1px solid #26c6da;
}

/* Create the checkmark/indicator (hidden when not checked) */
.chks:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.ovr_cntr input:checked ~ .chks:after {
  display: block;
}

/* Style the checkmark/indicator */
.ovr_cntr .chks:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tb_inn{ background: #fff; padding: 10px 15px; }
.tb_inn:hover{ background: #f3fcfd; }
.mrgtp_5{ padding-top: 17px; }
.ovr_text3 .panel-body { padding: 0px 0px; }


.detail_overview_right{ float: right; display: block; width: 75%; 
  background: #f5f5f5; height: 100%; padding: 30px; margin-bottom: 100px; position: relative;}

  .detail_overview_right a:hover,a:focus{
    color:inherit;
    text-decoration:none;
  }


  .crt_1{

    font-size: 24px;
    font-family: 'AvenirNextLTPro-Medium';
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #687189;
  }

  .crt_2 {

    font-size: 20px;
    font-family: 'AvenirNextLTPro-Medium';
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #687189;
    margin-top: 12px;
  }


  .prev_btn1 {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 156px;
    height: 56px;
    border-radius: 4px;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #ff697b;
    padding: 15px;
    font-size: 12px;
    font-family: 'AvenirNextLTPro-Bold';
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #fff;
    transition: .2s;
    text-transform: uppercase;
  }
  .prev_btn1 img{ margin-right: 30px; }
  .prev_btn1:hover{ color: #fff; text-decoration: none; background: #ff929f; }

  .next_btn1 {
    float: left;
    margin-left: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 190px;
    height: 56px;
    border-radius: 4px;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #26c6da;
    transition: .2s;
    font-size: 12px;
    font-family: 'AvenirNextLTPro-Bold';
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    padding: 15px;
  }
  .next_btn1 img{ margin-left: 30px;}
  .next_btn1:hover{ color: #fff; text-decoration: none; background: #00acc1; }

  .bnt_set_1{ float: right; }

  .crs_video {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    box-shadow: 6px 6px 24px 0 rgba(203, 215, 233, 0.4);
    background-color: #fff;
    margin-top: 20px;
    padding: 10px;
  }

  .crs_video_icon {
    display: inline-block;
    position: absolute;
  }
  .vido_wt{ width: 100%; }

  .unlock_video{display: flex;
    align-items: center;
    position: absolute;
    border-radius: 40px;
    background-color:#0f0f0f78;
    color: #fff;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;

  }

  .locks {
    width: 80px;
    height: 80px;
    display:flex;
    align-items: center;
    justify-content: center;
    float: right;
    border-radius: 50%;
    background-color:#00000078;
    margin-left: 10px;
    cursor: pointer;
  }


  .video_blt{
    width: 100%;
    display: block;
    border-radius: 4px;
    box-shadow: 6px 6px 24px 0 rgba(203, 215, 233, 0.4);
    background-color:#fff;
    margin-top: 30px;
    padding: 20px;
    color: #687189;
    font-family: 'AvenirNextLTPro-Medium';
  }
  .video_blt ul{ margin:0px; padding: 0px; }
  .video_blt li{ list-style: none;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color:#687189;
    margin: 20px 0;
  }

  .video_blt.allTextHtml ul, .video_blt.allTextHtml ol{ margin:0px; padding: 0px 25px; }
  .video_blt.allTextHtml ul li{ list-style: disc; font-size: inherit;}
  .video_blt.allTextHtml ol li{ list-style: decimal; font-size: inherit;}

  
  .text_blt.allTextHtml img{ width: 100% }
  .text_blt.allTextHtml a:hover{ 
    color: #3bd4e6;
  }


  .text_blt{
    width: 100%;
    display: inline-block;
    border-radius: 4px;
    box-shadow: 6px 6px 24px 0 rgba(203, 215, 233, 0.4);
    background-color:#fff;
    margin-top: 30px;
    padding: 20px;
    color: #687189;
    font-family: 'AvenirNextLTPro-Medium';
  }


  .quiz_frame{
    width: 100%;
    display: block;
    border-radius: 4px;
    box-shadow: 6px 6px 24px 0 rgba(203, 215, 233, 0.4);
    background-color:#fff;
    margin-top: 30px;
    position: relative;

  }

  .quiz_frame_title {
    width: 100%;
    display: block;
    padding: 14px 20px;

    border-radius: 4px 4px 0px 0px;
    background-color: #e9eaee;

    font-size: 20px;
    font-family: 'AvenirNextLTPro-Medium';
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #687189;
  }
  .quiz_frame_title span{ color: #acb5c3; float: right; }


  .quiz_frame_body {
    width: 100%;
    display: block;
    min-height: 200px;
    background-color: #fff;
    padding: 15px;
  }

  .quiz_q{
    display: block;
    text-align: center;
    max-width: 450px;
    margin:20px auto;
    font-size: 20px;
    font-family: 'AvenirNextLTPro-Medium';
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #687189;
  }

  .quiz_q label{ font-weight: 500!important;}

  .quiz_frame_body ul{ max-width: 550px; margin:0 auto; }
  .quiz_frame_body li label{ width: 100%; margin-bottom:0px;   
    padding: 15px; cursor: pointer; font-family: 'AvenirNextLTPro-Medium';}
    .quiz_frame_body li label p { margin:0px; }

    .quiz_frame_body li {

      border-radius: 4px;
      border: solid 1px #d1dbe2;
      background-color: rgba(242, 242, 242, 0.6);
      list-style: none;
      padding: 0px;

      font-size: 16px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #687189;
      margin-top: 18px;
      cursor: pointer;
    }


    .quiz_frame_body li:hover{ background: #e0f7fa;   border: solid 1px #26c6da ;}
    .quiz_active{

      border: solid 1px #26c6da!important;
      background-color: #e0f7fa!important;
      position: relative;
    }

    .quiz_active::after{ background: url("../img/correct-1.svg"); 
    background-size: cover; width: 24px; height: 24px; 
    content: ''; position: absolute; top: 13px; right: -35px;}




    .quiz_btn {
     cursor: pointer;

     align-items: center;
     justify-content: center;
     margin:25px auto;

     /*! width: 117px; */
     /*! height: 46px; */
     border-radius: 4px;
     background-color: #26c6da;
     font-size: 12px;
     font-family: 'AvenirNextLTPro-Bold';
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 1px;
     text-transform: uppercase;
     color:#fff;

     padding: 19px 0px;
     transition: .5s;
     width: 130px;
     text-align: center;
   }

   .quiz_btn a{color: #fff;}
   .quiz_btn a:hover{color: #fff;}

   .quiz_btn a:focus{color:#fff;}

   .quiz_btn:hover{ text-decoration: none; color: #fff; background: #00acc1; }


   .quick_code {
    width: 100%;
    display: block;
    border-radius: 4px;
    box-shadow: 6px 6px 24px 0 rgba(203, 215, 233, 0.4);
    background-color: #282c34;
    margin-top: 30px;
  }
  .quick_code_title{
    border-radius: 4px 4px 0 0;
    background-color: #0a0a13;

    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    padding: 15px;
  }

  .quick_code_body{ display: block; padding: 20px 15px; 
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
  } 

  .quick_discuss{
    width: 100%;
    border-radius: 4px;
    box-shadow: 6px 6px 24px 0 rgba(203, 215, 233, 0.4);
    background-color: #fff;
    margin-top: 30px;
  }
  .quick_discuss_title{
    border-radius: 4px 4px 0 0;
    background-color: #e9eaee;

    font-size: 20px;
    font-family: 'AvenirNextLTPro-Medium';
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #687189;

    padding: 13px 20px;
  }


  .quick_discuss_body{ display: block; padding: 30px 60px; 

  } 


  .comment_tx1 {
    display: block;
    font-size: 18px;
    font-family: 'AvenirNextLTPro-Medium';
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #687189;
  }

  .comment_img {
    width: 55px;
    height: 55px;
    margin: 45px auto 0 auto;
    overflow: hidden;
    border-radius: 50%;
    border: 5px solid #fff;

  }

  .comment_img img{width: 100%; height: 100%;}

  .instructor_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 68px;
    height: 18px;
    border-radius: 9px;
    background-color: #f2f2f2;
    font-size: 11px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #8690a0;
    margin:0 auto;
  }


  .comment_tx2{
   display: block;
   width: 100%;
   border-radius: 4px;
   border: solid 1px #acb5c3;
   background-color: #ffffff;
   margin-top: 25px;
 }

 .comment_tx2_title{
  display: block;
  width: 100%;
  border-radius: 4px 4px 0 0;
  border-bottom:1px solid #acb5c3;
  background-color: #fbfbfb;
  padding: 10px 10px;
  text-align: left;
  min-height: 40px;
  float: left;
}

.clst_1{
  font-size: 10px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #687189;
  margin-top: 6px;
}

.clst_1 strong{ color: #acb5c3; }
.comment_tx2_title img{ margin-right:5px; margin-bottom: -6px; }

.comment_tx2_body{ display: block; padding:0px; 

} 

.comment_tx2_body textarea{ width: 100%; min-height: 200px; border:0px; 
  padding: 15px; color: #8690a0; }

  .quiz_btn_2 {
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    margin:20px 0;
    text-transform: uppercase;

    width: 157px;
    height: 46px;
    border-radius: 4px;
    background-color: #26c6da;
    font-size: 12px;
    font-family: 'AvenirNextLTPro-Bold';
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color:#fff;
    border:0px;
    transition: .2s;
  }

  .quiz_btn_2:hover{ text-decoration: none; color: #fff; background: #00acc1; }

  .user_comment_show {
    display: block;
    width: 100%;
    min-height: 138px;
    border-radius: 4px;
    border: 1px solid #d2d7df;
    background-color: #f5f6fa;
    margin-top: 30px;
    padding: 20px;
    font-size: 14px;
    font-family: 'AvenirNextLTPro-Medium';
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color:#8690a0;
    position: relative;
    word-break: break-all;
    float: left;
  }


  .user_comment_show::before{ background: url("../img/left-ar.png"); 
  background-size: cover; width: 12px; height: 15px; 
  content: ''; position: absolute; top: 23px;
  left: -10px;}

  .user_comment_show span{ display: block; margin-bottom: 2px; }
  .nav_dots{ background: url("../img/nav-dots.svg"); 
  background-repeat: no-repeat; background-position: center center; 
  width: 25px; height: 25px; 
  content: ''; position: absolute; top: 6px;
  right: 0px;  cursor: pointer;}


  .comment_expand{
    box-shadow: 6px 6px 24px 0 rgba(203, 215, 233, 0.4);
    border: solid 1px #e9eaee;
    background-color: #fff;
    padding: 15px;
    position: absolute;
    top: -8px;
    right: 30px;
    z-index: 5;
    display: none;
    text-align: left;

  }
  .comment_expand::before{

   content: " ";
   position: absolute;
   right: -8px;
   top: 15px;
   border-top: 8px solid transparent;
   border-right: none;
   border-left: 8px solid #fff;
   border-bottom: 8px solid transparent;
 }


 .comment_expand ul{ margin: 0px; padding: 0px; }
 .comment_expand li{
  display: block;

  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #8690a0;
  list-style: none;
  border-bottom: solid 1px #e9eaee;
  padding: 10px 10px;
  fill:#8690A0;
  text-align: left!important;
  width: 80px;
  
}

.comment_expand li:last-child { border-bottom: solid 0px #e9eaee; }

.comment_expand li:hover{ color: #4dd0e1; fill:#4dd0e1;}

.ovr_text4{ min-width: 280px; display: block; text-align: center; 
  /*left: -330px; top:180px;*/ border:0px solid #000; }

  .ovr_text4 span {
    margin-top:30px;
    display: block;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #687189;

  }

  .ms_arrow{ float: right; }
  .ms_arrow button{ border:0px; background: #fff; }

  .ms_arrow_2{ float: right; margin-right: 20px; }
  .ms_arrow_2 button{ border:0px; background:none; }


  .faqs .bg_clr {  
    background: #e0f7fa url("../img/up-ar.svg") no-repeat; background-position: right 24px top 36px;
    padding: 25px 45px; width: 100%; text-align: left; 
    font-size: 24px;
    font-family: 'AvenirNextLTPro-Medium';
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a3950;
    border:0px;
    margin:1px 0 0 0;
  } 

  .faqs .bg_clr:hover{background: #cbd7e9 url("../img/up-ar.svg") no-repeat; 
  background-position: right 24px top 36px; color: #2a3950; text-decoration: none;}
  .faqs .bg_clr:focus{background: #cbd7e9 url("../img/up-ar.svg") no-repeat; 
  background-position: right 24px top 36px; color: #2a3950; text-decoration: none;}

  .faqs .main-h2 .collapsed {  
    background: #cbd7e9 url("../img/down-ar.svg") no-repeat; background-position: right 24px top 36px;
    padding: 25px 45px; width: 100%; text-align: left; 
    font-size: 24px;
    font-family: 'AvenirNextLTPro-Medium';
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a3950;
    border:0px;
    margin:1px 0 0 0;
  } 

  button:focus{ outline: none; }

  .faq_2 .card{margin-bottom: 1px;}

  .faq_2 .card:first-child button{border-radius: 5px 5px 0 0;}
  .faq_2 .card:last-child button{border-radius: 0px 0px 5px 5px;}

  .faqs .card{margin-bottom: 1px;}

  .faqs .card:first-child button{border-radius: 5px 5px 0 0;}
  .faqs .card:last-child button{border-radius: 0px 0px 5px 5px;}
/*
.tbls_3{ display: block;}


.tbls_3 table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
 font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #687189;

}

.tbls_3 th {
  border: 1px solid #fff;
  background:#d9f2f1;
  color: #26c6da;
  text-align: left;
padding: 20px 15px;
}

.tbls_3 td{
  border: 1px solid #fff;
background:#ebf5f5;
  text-align: left;
  padding: 20px 15px;
}


.tbls_price{ color: #26c6da; }
.tbls_price_free{ color: #fff; background: #26c6da; padding: 5px;
 border-radius:5px; display: inline-block; font-size: 13px; }
 */
 .tbls_3_rd {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.tbls_3_rd input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.tbls_3_ch {
  position: absolute;
  top: 14px;
  left: 30px;
  height: 19px;
  width: 19px;
  background-color: #fff;
  border:1px solid #dcdada;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.tbls_3_rd:hover input ~ .tbls_3_ch {

}

/* When the radio button is checked, add a blue background */
.tbls_3_rd input:checked ~ .tbls_3_ch {
  background-color: #26c6da;
  border:1px solid #26c6da;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.tbls_3_ch:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.tbls_3_rd input:checked ~ .tbls_3_ch:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.tbls_3_rd .tbls_3_ch:after {
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: white;
}

.sy_accord .card{margin-bottom: 4px;}
.sy_accord .card:first-child button{border-radius: 5px 5px 0 0;}
.sy_accord .card:last-child button{border-radius: 0px 0px 5px 5px;}



/*created by anoop on 11/10/2019*/
.frnt_pop { padding: 20px; }
.frnt_pop input{margin-top: 15px;}

.frnt_pop .registration-link-form{color:#7b7b7b;}

.frnt_pop .registration-link-form img{ 
  margin-right: 6px;
  margin-top: -4px;
}

.tbls_3{
  display: block; 
  /*max-width: 800px;*/
  width: 100%;
}

@media (max-width: 767px) {
  .tbls_3{ overflow-x: auto;}

}

.tbl_row{
  width: 100%; 
  float: left;
  background: #ebf5f5;
  text-align:left;
  color: #717171;
  cursor: pointer;
  border-bottom: 1px solid white;
}

.tbl_1{
 float: left; width: 10%; min-height: 50px;
 background: none;
 /* border-bottom: 1px solid #fff;*/
 border-right: 1px solid #fff!important; 
 display: flex; align-items: center; 
 padding-left: 15px;
}

.tbl_2{
  float: left; width: 60%; min-height: 50px; 
  border-right:1px solid #fff; 
  display: flex; 
  align-items: center; 
  padding-left: 15px;
}

.tbl_3{
  float: left; width: 30%; min-height: 50px; 
  /*border-right: 1px solid #fff!important; */
  display: flex; align-items: center;
  padding-left: 15px;
}

.active_row{ background: #e0f6fa;
  color: #6e778d;
  font-weight: bold;
  border-bottom: 1px solid white;
}
.footer_frn .ft_in ul {margin-bottom: 0px}
.footer_frn .ft_in ul li {display: inline-block;margin-right: 10px;}


#newPay .active_row{ background: #e0f6fa;
  color: #6e778d;
  font-weight: bold;
  /* border-bottom: 1px solid white;*/

  width: 100%;
  float: left;
  border-radius: 6px;
  padding: 20px 25px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
/* Progress bar */

/*svg {
  height: 130px;
  width: 130px;
  }*/
  circle.base {
    fill: #fcfcfc;
    stroke: #f3f5f6;
    stroke-width: 8;
  }
  circle.progress {
    fill: transparent;
    stroke: #26c6da;
    stroke-width: 8;
    stroke-linecap: round;
    stroke-dasharray: 314.16;
    stroke-dashoffset: 314.16;
    transition: stroke-dashoffset 0.5s ease;
  }

  svg.style2 {
    circle.base {
      stroke: #26c6da;
    }
    circle.progress {
      stroke: #f3f5f6;
    }
  }

  .chart-text {
    fill: #000;
    -moz-transform: translateY(0.25em);
    -ms-transform: translateY(0.25em);
    -webkit-transform: translateY(0.25em);
    transform: translateY(0.25em);
  }

  .chart-number {
    font-size: 0.6em;
    line-height: 1;
    text-anchor: middle;
    -moz-transform: translateY(-0.25em);
    -ms-transform: translateY(-0.25em);
    -webkit-transform: translateY(-0.25em);
    transform: translateY(-0.25em);
  }

  .overview_cwidth{max-width: 1042px; margin: 0 auto; position: relative;}


  /* ----------------    css adde by neeraj ---------------- */

  .blog-content {
    display: flex;
    height: 70vh;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    background-color : white;
  }

  .blog-content span {
    margin-top: 31px;
    font-size: 18px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: normal;
    color: #687189;
    width: 80%;
    text-align: center;
  }

  .video-modal .modal-body{
    padding: 0px;
  }
  .video-modal .close{
    top: -25px;
    right: -22px;
  }

  .wb-banner {
    padding: 60px;
  }

  .wb-banner a{
    line-height: 3;
  }

  @media (min-width: 320px) and (max-width: 767px) {
    .wb-banner{
      height: calc(100vh - 80px);
      padding: 20px;
    }
    .wb-banner h1.heading{
      font-size: 50px;
      margin-top: 50px !important;
    }
  }

  @media (min-width: 768px) and (max-width: 1024px) {
   .wb-banner{
    height: calc(100vh - 80px);
    padding: 60px 0;
  }

}


@media (min-width: 768px) and (max-width: 1524px) {
 /*css addde by neeraj */
  /*.frn_nav .profile-submenu.in-enroll ul{
    top: -15px;
    }*/
    /*end css added by neeraj*/
  }

  @media only screen and (min-width: 1300px) {
    .wb-banner .heading{
      margin-top: 0px;
    }
    .wb-banner{
      height: calc(100vh - 80px);
    }
  }

  #courseEnrollModal .modal-body{
    padding:8%;
  }

  .disabled{
    opacity: 0.6;
    pointer-events: none;
  }

  .circle-loader-2 {
    width: 65px;
    height: 65px;
    align-items: center;
    justify-content:center;
    border-radius: 50%;
    border-top: 4px solid rgba(255, 255, 255, 0);
    border-right: 4px solid rgb(101, 198, 229);
    border-bottom: 4px solid rgb(101, 198, 229);
    border-left: 4px solid rgb(101, 198, 229);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: circle-loader-spin 0.8s infinite linear;
    animation: circle-loader-spin 0.8s infinite linear;
    margin: 0 auto;
  }

  @keyframes circle-loader-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  
  /* ----------------    end css adde by neeraj ---------------- */


  /* ----------------  HEADER BELL DROPDOWN  ---------------- */

  .profile-submenu {
   position: absolute;
   right: 0px!important;
   top: 48px;
   box-shadow: 6px 6px 24px 0 rgba(203, 215, 233, 0.4);
   background-color: #fff;
   width: 152px;
   text-align: left;
   display: none;
   padding: 5px 0px;
   z-index: 99;
   border-radius: 3px;
 }

 .profile-submenu:after {
   position: absolute;
   content: "";
   right: 14px;
   top: -7px;
   width: 0;
   height: 0;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-bottom: 20px solid #fff;
   z-index: -1;
 }
 .frn_nav .profile-submenu ul {
   padding: 0;
   margin: 0;
 }
 .frn_nav .profile-submenu ul li {
   border: none;
   padding: 0;
   display: block;
   width: 100%;
 }

 .frn_nav .profile-submenu ul li a {
   display: flex;
   align-items: center;
   font-size: 14px;
   color: #8690a0;
   font-family: 'AvenirLTStd-Medium';
   border-bottom: 1px solid rgba(210, 210, 210, 0.6);
   padding: 10px 15px;
   text-align: left;
 }

 .frn_nav .profile-submenu ul li a span {
   margin-right: 15px;
   display: inline-block;
   max-width: 25px;
   width: 100%;
   text-align: center;
 }
/*.frn_nav .profile-submenu ul li:first-child a {
 padding-top: 0;
 }*/
 .frn_nav .profile-submenu ul li:last-child a {
   border-bottom: none;
 }
   /*.frn_nav li {
    display: inline-block;
    position: relative;
    padding: 0px 20px;
    margin: 0px;
    }*/

    /* ---------------- END HEADER BELL DROPDOWN  ---------------- */

    .blog-contents{
      display: flex;
      height: 415px;
      align-items: center;
      flex-direction: column;
      justify-content: center;
    }

    .blog-contents span{
      margin-top: 29px;
      font-size: 18px;
      font-weight: 900;
      font-stretch: normal;
      font-style: normal;
      line-height: 5.39;
      letter-spacing: normal;
      color: #687189;
    }


    .reply_row{ margin-left: 115px; }

    .pds-rt2{ padding-right: 6%; }

    .post-uploaded-images{float: left; width: calc(100% - 20px);}
    .postSpan{float: right; width: 20px; text-align: center;}
    .post-uploaded-images span{margin-right: 10px; float: left;}


    .attachment_span a{
      color:#26c6da;
      text-decoration:none;
    }




    .cancel_comment {
      display: inline-block;
      border-radius: 4px;
      border: solid 1px 
      #8690a0;
      font-size: 14px;
      font-weight: 900;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.21;
      letter-spacing: 1px;
      color:
      #8690a0;
      text-transform: uppercase;
      padding: 13px 18px;
      margin: 20px 8px;
    }

    .cancel_comment:hover{color:#8690a0!important;}
    .status_div {display: inline-block !important; font-size: 11px; color: #fff; background: #ff9a03; padding: 4px 9px; border-radius: 4px; margin-left: 5px;}
    .reply_reply{margin-left: 115px}
    .reply_reply_div {display: none;margin-left: 115px}
    .profile-submenu{min-width:180px;}
    .enrolled-user .list-group-item{ padding: 20px; border-right:0px;}
    .enrolled-user .list-group-item:first-child {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
    }

    .enrolled-user .list-group-item:last-child {
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
    }
    .enrolled-user .list-group-item.active {
      color: #555;
      text-decoration: none;
      background-color: #f5f5f5;
      border-color: #ddd;
    }
    .theme_box {
      width: 100%;
      display: block;
      border-radius: 4px;
      box-shadow: 6px 6px 24px 0 rgba(203, 215, 233, 0.4);
      background-color: #fff;
      padding: 30px;
      min-height: 200px;
    }
    .input_frame {
      display: block;
    }
    .input_frame input {
      width: 100%;
      height: 52px;
      border-radius: 4px;
      border: solid 1px #acb5c3;
      background-color: #fbfbfb;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #8690a0;
      padding-left: 15px;
      margin-bottom: 24px;
    }

    .input_frame textarea {
      width: 100%;
      border-radius: 4px;
      border: solid 1px #acb5c3;
      background-color: #fbfbfb;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #8690a0;
      padding-left: 15px;
      margin-bottom: 24px;
    }

    .gray_line {
      width: 100%;
      height: 1px;
      display: block;
      background-color: #d1dbe2;
      margin: 25px 0;
    }

    .sv_btn2 {
      border-radius: 21px;
      background: #26c6da;
      font-size: 14px;
      font-weight: 900;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.21;
      letter-spacing: 1px;
      color: #fff;
      float: left;
      /*margin-top: 20px;*/
      padding: 12px 32px;
      cursor: pointer;
      position: relative;
      bottom: 0px;
      left: 0px;
      text-transform: uppercase;
      transition: all ease-in-out 0.2s;
    }

    .input_frame label {
      font-size: 14px;
      font-weight: 900;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #687189;
      margin-bottom: 10px;
      display: block;
    }

    .download_attachment{background-position: center;background-size: cover;width: 40px;height: 40px;display: block;}
    .attachment_span{position: absolute; bottom: 0px; right: 12px;display:flex}
    .attachment_span li{margin:5px}

    .frn_nav .profile-submenu ul li a:hover{
      color: #555;
      text-decoration: none;
      background-color: #f5f5f5;
    }
    .no-scroll{overflow: hidden;}

    .m_nav{display: none;}
    .profile-dp svg{fill: #fff; }

    .div-all-course{/*display: flex;*/ justify-content: center;}


    .vid_btn{
      margin-left: 16px;
      width: 187px;
      height: 56px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 28px;
      box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
      background-color: #26c6da;

      font-family: 'AvenirNextLTPro-Regular';
      font-size: 16px;

      font-stretch: normal;
      font-style: normal;
      line-height: 1.13;
      letter-spacing: normal;
      color: #fff;
      cursor: pointer;
      transition: all ease-in-out 0.2s;
    }
    .vid_btn:hover{ background-color: #09bad0; }


    .vid_btn svg{ margin-right: 10px; }

    .vid_btn strong{
      display: block;
      font-family: 'AvenirNextLTPro-Bold';
      font-weight: normal;
      font-size: 16px;
    }

    .intron_v{}

    .fig_flx{display: flex; justify-content: space-between;}

    .frnt-bg-school{  box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.1);
      background-blend-mode: multiply;
      background-image: linear-gradient(to bottom, rgba(13, 32, 62, 0.42), rgba(13, 32, 62, 0.42));}



      .frnt-bg-school .row{display: flex; min-height: 111px;
        align-items: center;
      }

      a:hover, a:focus {
        text-decoration: none;
      }

      .wb-content{ background: #f5f6fa; }



      /*programe fee*/

      .programe_fee{
        width: 100%;
        padding: 70px 0;
        background-color: #f2f2f2;
      }

      .prg_top{ display: block; }
      .prg_top h2{ 
        font-size: 40px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #687189;
        font-family: 'AvenirNextLTPro-Demi';
        margin-bottom: 15px;
      } 
      .prg_top span{  
        font-size: 30px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #687189;
        font-family: 'AvenirNextLTPro-Medium';
        margin-bottom: 10px;
      } 
      .prg_top p{  
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #8690a0;
        margin-bottom: 30px;
      }

      .subscription_m {
        width: 100%;
        /*min-height: 438px;*/
        border-radius: 6px;
        background-color: #fff;
        padding: 28px 24px;
        float: left;
      }
      .subscription_m h2{
        font-size: 36px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #687189;
        font-family: 'AvenirNextLTPro-Demi';
        padding: 0px;
        margin: 0px;
      }
      .subscription_m span, .description-span p{
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #8690a0;
        margin-top: 8px;
        font-family: 'AvenirNextLTPro-Medium';
      }

      .subscription_m ul{ margin: 25px 0 0 0; padding: 0px; min-height: 193px; }

      .subscription_m ul li{
        font-family: 'AvenirNextLTPro-Medium';
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: -0.2px;
        color: #687189;
        list-style: none;
        background:url("../img/tick3.jpg") no-repeat;
        background-position: top 7px left;
        padding-left: 25px;
      }

      .-Designed-for-Worki .text-style-1 {
        font-family: LucidaGrande;
        font-weight: bold;
        color: #7ed321;
      }


      .subscription_m p{
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #687189;

      }

      .subscription_m a{ 
        color: #007aff;
      }
      .subscription_m .s_bt{
        border-radius: 28px;
        box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
        background-color: #7bd500;

        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1.33px;
        text-align: center;
        color: #fff;
        padding: 17px 45px;
        cursor: pointer;
        transition: all ease-in-out 0.2s;
        display: inline-block;
        margin-top: 2px;
      }

      .subscription_m .s_bt:hover{ background-color: #75c805; }

      .spm_tp{margin-top: 50px;}

      .f_tab{
        width: 100%;
        float: left;
        border-radius: 6px;
        background-color: #fff;
        padding: 20px 25px;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
      }

      .f_tab span{
        display: block;
        font-family: AvenirNextLTPro-Demi;
        font-size: 24px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #687189;
      }


      .f_tab p{
        display: block;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #8690a0;
        font-family: 'AvenirNextLTPro-Medium';
        margin: 8px 0 0 0;
        padding: 0px;
      }


      .fprice_1{ 
        font-size: 30px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -2px;
        text-align: right;
        color: #68718a;
        font-family: 'AvenirNextLTPro-Medium';
      }



      /*custom check*/

      .fee_rd {
        display: block;
        position: relative;
        padding-left: 45px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      /* Hide the browser's default radio button */
      .fee_rd input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
      }

      /* Create a custom radio button */
      .ck1 {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #fff;
        border-radius: 50%;
        border:1px solid #d2d2d2;
        top: 20px;
      }

      /* On mouse-over, add a grey background color */
      .fee_rd:hover input ~ .ck1 {
        
      }

      /* When the radio button is checked, add a blue background */
      .f_tab.active .fee_rd input:checked ~ .ck1 {
        background-color: #7ed321;
        border:1px solid #7ed321;
      }

      /* Create the indicator (the dot/circle - hidden when not checked) */
      .ck1:after {
        content: "";
        position: absolute;
        display: none;
      }

      /* Show the indicator (dot/circle) when checked */
      .f_tab.active .fee_rd input:checked ~ .ck1:after {
        display: block;
      }

      /* Style the indicator (dot/circle) */
      .f_tab.active .fee_rd .ck1:after {
        top: 6px;
        left: 6px;
        width: 14px;
        height: 12px;
        border-radius: 50%;
        background: url("../img/chks8.svg") no-repeat; 
        background-position: left 0px top 0px;
      }

      /* .active{background-color: #687189;} */
      .active span{color: black;}
      .f_tab.active p{color:#000;}
      .f_tab.active .fprice_1{color:#000;}

      /*thak you*/

      .thankyou_2{ display: block; max-width: 600px; 
        margin: 20px auto 60px auto; text-align: center; }

        .thankyou_2 h2{
          font-size: 38px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #2d2b2b;
          font-family: 'AvenirNextLTPro-Light';
          margin: 26px 0 0 0;
        }

        .thankyou_2 p{
          font-size: 18px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: 
          #8690a0;
          margin-top: 8px;
          font-family: 'AvenirNextLTPro-Medium';
          margin-top: 5px;
          margin-bottom: 30px;
        }
        .thankyou_2 a{ background: #26C6DA; display: inline-block; padding: 13px 25px; font-size: 15px;
          color: #fff; border-radius: 4px; text-transform: uppercase;}

          .thankyou_2 a:hover{ background: #0cb3c8; }


          /*login new*/
          .login_new1 { display: block; max-width: 630px; 
            margin: 20px auto 60px auto; text-align: left; 

            border-radius: 4px;
            box-shadow: 4px 4px 14px 0 rgba(203, 215, 233, 0.4);
            background-color:#fff;
            padding: 45px 30px;

          }

          .lgs_6{ display: block; max-width: 600px; 
            margin: 0px auto 0px auto;
            text-align: center;
          }

          .lgs_6 .heading { margin-bottom: 0px; }




          .login_new1 input{

            width: 100%;
            margin-bottom: 0px;
            outline: 0;
            padding: 10px;
            height: 54px;
            border-radius: 3.4px;
            border: solid 0.8px #acb5c3;
            background-color:#fff;
          }

          .login_new1 .registration-link-form{

            height: 19px;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: -0.2px;
            color: 
            #687189;
            margin: 10px;
            display: block;
            margin: 0px;
            margin-bottom: 0px;
            margin-bottom: 10px;
          }

          .login_new1 .m-btn{
            padding: 19px 50px!important;
            height: auto;
          }

          .login_new1 .m-btn:hover{ background-color:#17b4c8;}




          /*------ css addded by neeraj -------*/
          #mixedSlider .MS-content .item .sld_p p{
            margin: 0;
            font-size: inherit;
            text-indent: inherit;
            word-break: break-all;
          }

          .fade-enroll-div {
            pointer-events: none;
            opacity: 0.7;
          }

          .fade-enroll-div .fee_rd span , .fade-enroll-div .fee_rd p, .fade-enroll-div .fprice_1{
            color: #cbd7e9;
          }

          #mainDiv .crs_video img{
            max-height: 400px;
            width: auto;
            border-radius: 5px;
            max-width: 100%;
          }

          /*------ end css addded by neeraj -------*/

          .video_class_r{
            display: block !important;
          }

          .video_class_img{
            display: grid !important;
          }

          .choose_option {
            width: 100%;
            height: 65px;
            border-radius: 4px;
            border: solid 1px #acb5c3;
            background-color: #f5f6fa;
            padding: 12px;
            margin-bottom: 15px;
            font-family: 'AvenirLTStd-Medium';
            font-size: 14px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #2a3950;
          }

          /* CTA CSS */

          .cta_div{
            display: none;
            background: #fff;
            padding: 14px;
            box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
            position: absolute;
            text-align: center;
            transition: all 0.4s ease 0s;
            z-index: 1;
            /* width: 30%; */
            border-top: 1px solid #ebeff2;
            border-bottom: 1px solid #ebeff2;
            top: 5px;
            left: 18px;
            border-radius: 4px;
          }

          .cta_div ul {
            margin: 0px;
            list-style: none;
            text-align: center;
            overflow-y: auto;
            white-space: nowrap;
            padding-bottom: 10px;
          }

          .cta_div ul li {
            display: none;
            width: 30%;
            vertical-align: top;
            font-size: 12px;
            font-weight: 500;
            color: #687189;
            cursor: pointer;
          }

          .cta_div .action-content{
            overflow: auto;
            max-height: 55vh;
            display: none;
          }

          .cta-list.active{
            background-color: #fff !important
          }
          .cta-list.active span{
            font-size: 20px;
            font-weight: 500;
            color: #0a1f3f
          }

          .cta_div .action-content a{
            background-color: #bc64ca;
            color: #fff;
            border-radius: 20px;
            padding: 12px 40px;
            font-weight: 600;
          }


          .close_cta{
            position: absolute;
            top: 0;
            right: 5px;
            cursor: pointer;
          }
          .close_cta img{
            width: 12px !important
          }
          .cta_div .hide_cta{
            background-color: #cad7ea;
            border-radius: 20px;
            padding: 8px 20px;
            color: #000;
            border-color: #cad7ea;
            border:0;
          }

          .cta_div a:hover{
            color: #26c6da !important;
          }

          .contact_aff_terms p{
            list-style-position: inside;
            display: list-item;
          }

          .btn_dwn_frn{
            right: 4px;
            top: -2px;
            position: relative;
          }

          .mobile-menu-bar {
            display: none;
          }
          .web-menu-bar {
            display: block;
          }
          .m_nav-2 {
            display: none;
          }


          #quizSection .quiz_answer{max-width: 550px;
            margin: 0 auto;}
            #quizSection .edit_question{
    /*margin-bottom: 30px;
    width: 100%;
    border-radius: 4px;
    float: left;*/
  }
  #quizSection li p{ display: inline; }
  #quizSection li.ql_active{ padding: 15px !important; pointer-events: none; }
  .next_quiz_ans{ float: right; }
  .prev_quiz_ans{ float: left; }
  .video_blt img{ width: 100% !important; height: auto !important;}
  .quiz_frame_title label{ float: right; margin-right:20px; }
  .bios-info-modal{ width: 30%; float: left; margin: 0px; padding: 0px; min-height:auto; }
  .bios-description{ width: 70%; float: left; margin: 0px; padding: 0px;}
  .moreModalBtn{    font-family: 'AvenirNextLTPro-Regular';
  font-style: normal !important;
  font-stretch: normal;
  line-height: normal;
  color: #0000EE !important;
  font-size: 14px !important;
}
.bios-description{font-family: 'AvenirNextLTPro-Regular';
font-style: normal !important;
font-stretch: normal;
line-height: normal;}
#showMoreDescriptionModal .sld_item{box-shadow: none;}
.truncate-text{ text-align: justify; }
#showMoreDescriptionModal .modal-body{ padding: 50px; }
#showMoreDescriptionModal .sld_item:hover {transform: translateY(0px);}
.bios-description{line-height: 1.4;}










@media (max-width: 767px){
  .frnt-bg-school {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.42));
  }

  .m_nav-2 svg {
    width: 25px;
    height: auto;
    fill: #fff;
  }
  .m_nav-2 {
    float: right;
    display: block;
    cursor: pointer;
  }

  .mobile-menu-bar {
    display: none;
    background: #fff;
    padding: 0px;
    position: absolute;
    top: 43px;
    right: 15px;
    z-index: 9999;
    border-radius:0 0 3px 3px;
    text-align: left;
    width: 160px;
    border-radius: 5px;
  }

  .mobile-menu-bar li a {
    display: block;
    font-size: 14px;
    color: #8690a0;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
  }
  .web-menu-bar {
    display: none;
  }
  .mobile-menu-bar li{
    list-style: none;
  }

  .main-site-div .frn_text1 {
    left: 20px !important;
    right: 20px !important;
    text-align: left;
    top: 40px !important;
  }



  }/*end media 776px*/

  @media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .bios-info-modal{ width: 100%; float: left; margin: 0px; padding: 0px; margin: 30px 0px; }
    .bios-description{ width: 100%; float: left; margin: 0px; padding: 0px; text-align: justify;}
    .sld_item{ min-height: auto; }
    .div-hide-popout{display: none;}
  }


  @media only screen and (min-width: 992px) {
    .div-hide-popout{
      position: absolute;
      top: 42px;
      right: 20px;
      height: 42px;
      z-index: 1;
      background: white;
      width: 60px;
      display: none;
    }
  }

  .student_testi span.dp-img{ clear: both; }
  .student_testi span.t-57{ padding-top:10px; }
  
  @media only screen and (min-width: 320px) and (max-width: 640px) {
  .cta-list.active span{ font-size: 14px}
  .cta_div .action-content a {
    
    padding: 6px 20px;
    font-size: 12px;
}
.cta_div .hide_cta {

    padding: 6px 18px;
    font-size: 12px;
}
}
.html_css_ifrm{padding: 20px}
.crs_video.video_class_r ul, .html_css_ifrm ul{list-style-type: unset;}
ul li{list-style-position: inside;list-style-type: initial;}
#mixedSlider .MS-content {text-align:center;}