body{margin: 0;padding: 0;font-family: 'Inter';}
img{max-width: 100%;}
a{text-decoration: none;}
h1, h2, h3, h4, h5{font-weight: bold;}



@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.woff2') format('woff2'), url('../fonts/Inter-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.woff2') format('woff2'), url('../fonts/Inter-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.dropdown-item{
  font-size: 13px;
}
.main_header{
    width: 100%;
    display: inline-block;
    padding: 10px 0;
}
.navbar .nav-link.active{position: relative;color: #00C458;}
.navbar .nav-link.active::before{
    width: 50%;
    height: 4px;
    background-color: #242424;
    position: absolute;
    left: 10px;
    bottom: 0px;
    content: '';
}
.nav-link{font-size: 16px;}
.nav-link:hover{color: #00C458;}
.login_btn{
  padding: 7px 20px;
  border: solid 1px #242424;
  background-color: #242424;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  margin-left: 10px;
}
.login_btn:hover{color: #fff;background-color: #00C458;}

.register_btn{
  padding: 7px 20px;
  border: solid 1px #242424;
  border-radius: 50px;
  text-align: center;
  color: #242424;
  text-decoration: none;
  margin-left: 10px;
  
}
.register_btn:hover{color: #fff;background-color: #00C458 ;}

.banner_sec{
    width: 100%;
    margin-top: 20px;
    display: inline-block;
}

.banner_sec_left{
    width: 100%;
    background-color: #F8F8F8;        
    padding: 40px;
    border-radius: 20px;
    min-height: 530px;

}
.banner_sec_left_cnt{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 75vh;
}

.banner_sec_left_txt_1{
    width: 100%;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px;
}
.banner_sec_left_txt_1 strong{color: #000;}
.banner_sec_left_logos{
    width: 100%;
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
.banner_sec_left_logos img{height: 30px;}
.banner_sec_left_meain_head{
    width: 100%;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 5px;
}
.banner_sec_left_meain_head h1{
    color: #000;
    font-size: 40px;
    font-weight: bold;
}
.banner_sec_left_meain_head h1 span{
    position: relative;
    color:#00C458;
    z-index: 5;
}
.banner_sec_left_meain_head h1 span::before{
  position: absolute;
  right: 0;
  bottom: -6px;
  content: '';
  width: 60px;
  height: 30px;
  z-index: -1;
  content: '';
  /* width: 100%; */
  background-image: url(../images/txt_btm_line.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
}
.banner_sec_left_meain_head p{
    margin: 0;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: rgba(111, 111, 111, 1);
    margin-bottom: 20px;

}
.primary_button{
    display: inline-block;
    width: auto;
    padding: 15px 30px;
    padding-right: 70px;
    position: relative;
    border-radius: 50px;
    background-color: #052332;
    color: #fff;
    margin-bottom: 30px;
    transition: 0.2s ease;
}
.banner_sec_left .primary_button{
  margin-bottom: 80px;
  position: relative;
  overflow: visible;
}
.banner_sec_left .primary_button::before{
  width: 100px;
  height: 22vh;
  background-size: auto 100%;
  position: absolute;
  right: -110px;
  top: 25px;
  content: '';
  background-image: url(../images/banner_top_arrow.gif);
  background-repeat: no-repeat;
  mix-blend-mode: darken;
}

.primary_button:hover{background-color: #00C458;}
.primary_button_ico{
    width: 45px;
    height: 45px;
    position: absolute;
    border-radius: 50%;
    background-color: #00C458;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    right: 6px;
    top: 4px;
    box-shadow: 0px 8px 24px rgba(0, 196, 88, 0.4);
    font-size: 20px;
}
.banner_lft_btm_sec{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.banner_lft_btm_user_sec{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #242424;
}
.banner_lft_btm_user_sec p{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #242424;
    margin-bottom: 10px;
}
.banner_lft_btm_user_sec_profilesec{
    width: 100%;
    display: flex;
    align-items: center;
}
.banner_lft_btm_user_sec_profil_ico{
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background-color: #ccc;
    margin-left: -15px;
    overflow: hidden;
}
.banner_lft_btm_user_sec_profil_ttl{
    background-color: #fff;
    height: 30px;
    padding: 0px 20px;
    line-height: 30px;
    font-size: 14px;
    color: #242424;
    border-radius: 50px;
    margin-left: -15px;
    font-weight: bold;
}
.banner_lft_btm_user_sec_profil_ttl strong{color: #00C458;}
.banner_lft_btm_right_btn{
    width: auto;
    padding: 10px 30px;
    background-color: #052c350d;
    font-size: 20px;
    float: right;
    font-weight: bold;
    white-space: nowrap;
    border-radius: 5px;
    position: relative;
}
.banner_lft_btm_right_btn span{color: #00C458;}

.banner_right_slide_sec{
    width: 99%;
    height: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
}

  .banner_right_slide_sec  .owl-item > div:after {
    font-family: sans-serif;
    font-size: 24px;
    font-weight: bold;
  }
  
  .banner_right_slide_sec .active.center {
    /* transform: scaleY(1.3); */
    transform: scaleX(1.9);
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    background-color: #052332;
    filter: grayscale(0);
    position: relative;
    z-index: 9;
    /* padding-top: 10%; */
    border-radius: 10px;
    background-image: url(../images/banner_slide_top_patern.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 300px 200px;
    height: 100%;
    /* height: 80vh; */
    /* min-width: 12%;
    margin-left: -2%; */

  }
  .banner_right_slide_sec .active.center .banner_slide_top_cnt{
    transform: scaley(1.9);
  }
  .banner_right_slide_sec .active.center .banner_slide_btm_btn{
    transform: scalex(0.5);
    right: -20px;
  }
  
  .banner_slide_top_cnt{/*min-height: 50vh;min-height: 270px;*/}
  .banner_right_slide_sec .active {
    transform: scale(.8);
    transition: .6s ease;
  }  
  .banner_right_slide_sec .owl-carousel .owl-stage-outer{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .banner_right_slide_sec .owl-carousel .owl-stage{
    height: 100%;
    align-items: center;
    display: flex;
  }
  .banner_right_slide_sec .owl-carousel{height: 100%;}

  .banner_right_slide_sec .owl-item {
    background-color: #011a26;
    display: flex;
    padding: 20px;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
  }

.banner_right_slide_sec .owl-dots {
    text-align: center;
}
.banner_right_slide_sec .owl-dots button.owl-dot.active span, 
.banner_right_slide_sec .owl-dots button.owl-dot:hover span {
  border-radius: 50%;
  height: 7px;
  width: 7px;
  position: absolute;
  top: 1px;
  left:1px;
}
.banner_right_slide_sec .owl-dots button.owl-dot{
  background: rgba(5, 35, 50, 1);
   border-radius: 50%;
   height: 7px;
  margin: 1px;
  width: 7px;
   position: relative;
}
.banner_right_slide_sec .owl-dots button.owl-dot.active{
  width:30px;
  background-color: #00C458;
  border-radius: 10px;
}



  .banner_slide_top_ico{
    width: 100%;
    display: inline-block;
    /* margin-top: -3%; */
    margin-bottom: -20px;
    max-height: 30px;
  }
  .banner_slide_top_cnt h2{
    color: #fff;
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 23px;
    margin-top: -18px;
  }
  .banner_slide_top_cnt span{
    color: #00C458;
    font-size: 10px  !important;
    line-height: 12px;
    height: 20px;
    display: inline-block;
    width: 100%;
  }
  .banner_slide_top_cnt p{
    font-size: 10px !important;
    margin: 0;
    color: rgba(165, 176, 181, 1);
  }

  /* .banner_slide_top_cnt img{max-width: 50%;} */
  .banner_slide_top_ico img{height: 30px !important;width: auto !important;max-width: inherit;}

  .works_at_ftr_box_cnt .col-md-6{text-align: left;}
  .works_at_ftr_box_cnt .col-md-6 img{max-height: 50px;animation: bounce 2s ease infinite; }

  .banner_slide_btm_btn{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 30px;
    font-size: 15px;
    transform: scale(0.8);
    text-align: right;
    padding: 10px;
    color: #fff;
    padding-right: 50px;
  }
  .banner_slide_btm_btn .primary_button_ico {
    width: 50px;
    height: 50px;
    font-size: 15px;
    margin-top: 3px;
    top: -8px;
    right: -10px;
}
.works_at_ftr_sec{
    width: 100%;
    display: inline-block;
    padding: 40px 0;
}
.works_at_ftr_box{
    width: 100%;
    display: flex;
    justify-content: start;
    flex-direction: column;
    /* height: 85vh; */
    margin-bottom: 10px;
    background-color: #f3f3f3;
    padding: 20px 50px;
    border-radius: 30px;
    max-height: 95%; 
}
.homepage_heading{
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}
.homepage_heading h2{
    width: 100%;
    display: inline-block;
    color: rgba(0, 0, 0, 1);
    font-size: 28px;
}
.homepage_heading p{
    width: 100%;
    display: inline-block;
    color: rgba(113, 113, 113, 1);
    font-size: 14px;
    margin: 0;
}
.works_at_ftr_box_cnt{
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}
.works_at_ftr_right_bx{
    width: 100%;
    height: 95%;
    display: inline-block;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 10px;
    text-align: left;
}
.works_at_ftr_right_bx_top_ico{
    width: 30px;
    height: 30px;
    background-color: #f3f3f3;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: right;
    margin-bottom: 5px;
    float: right;
}
.works_at_ftr_right_bx h5{
    width: 100%;
    display: inline-block;
    color: #00C458;
    font-size: 30px;
    margin-bottom: 0;
}
.works_at_ftr_right_bx p{
    width: 100%;
    display: inline-block;
    color:rgba(113, 113, 113, 1);
    font-size: 14px;
    margin-bottom: 0;
}
.banner_right_slide_sec .owl-nav {
    position: absolute;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 46%;
    left: 0;
    right: 0;
    margin: auto;
}
.banner_right_slide_sec .owl-nav button{
    background-color: #fff !important;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    line-height: 30px;
    color: #242424;
    font-size: 16px;
    box-shadow: 0px 0px 10px #00000015;
}

.awards_section{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 40px 0;
}
.awards_section_list{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.awards_box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F8F8F8;
    padding: 10px 20px;
    text-align: center;
    border-radius: 10px;
    min-height: 100px;
}
.skillup_view_sec{
    width: 100%;
    display: inline-block;
    padding: 40px 0;
}
.skillup_view_img{
    width: 100%;
    display: inline-block;
    background-color: #F8F8F8;
    border-radius: 10px;
    overflow: hidden;
    min-height: 500px;
}

.skillup_view_left_sec{
    width: 100%;
    display: inline-block;
}
.skillup_view_left_sec span{
    width: auto;
    display: inline-block;
    color:rgba(0, 196, 88, 1);
    font-size: 15px;
    padding: 5px 20px;
    border-radius: 30px;
    border: solid 1px #e5e5e5;
    text-align: center;
    margin-bottom: 10px;
}
.skillup_view_left_sec h2{
    width: 100%;
    display: inline-block;
    color: #000;
    font-size: 30px;
    font-weight: bold;
}
.skillup_view_left_sec h2 strong{color: #00C458;}
.skillup_view_left_sec p{
    width: 100%;
    display: inline-block;
    color: #555;
    font-size: 15px;
}

.course_list_sec{
    width: 100%;
    display: inline-block;
    padding: 40px 0;
    background-color: #f3f3f3;
}

.course_list_src{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.course_list_box_a{
  width: 100%;
  height: 90%;
  display: inline-block;
}
.course_list_box{
    width: 100%;
    height: 85%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    padding: 30px 15px;
    background-color: #052332;
    margin-bottom: 5px;
    padding-bottom: 70px;
    position: relative;
}
.course_list_box_ico{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 150px;
    /* animation: gelatine 5s infinite; */
}
.course_list_box_ico img{
  height: auto;
  /* width: 90px; */
  width: 110px;
}
.course_list_box h5{
    width: 100%;
    display: inline-block;
    color: #fff;
    font-size:14px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.course_list_box_a h5{
  width: 100%;
  display: inline-block;
  color: #242424;
  font-size: 18px;
  margin-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-align: center;
}
.course_list_box_arrow{
    width: 100%;
    display: inline-block;
    text-align: right;
    color: #fff;
    border-top: 1px #083246 solid;
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 15px;
    padding-top: 15px;
    padding-right: 50px;
}
.course_list_box_arrow .primary_button_ico { width: 40px; height: 40px;top: 4px;}

.join_frsh_prfs .course_list_box{padding-bottom: 0;}
.course_list_box  img{transition: 0.2s ease;}
.course_list_box:hover img{transform: scale(1.1);}
.westand_out_sec{
    width: 100%;
    display: inline-block; 
    padding: 40px 0;
}

.statund_up_list_options{
    width: 100%;
    display: inline-block; 
}
.statund_up_list_box{
    background-color: #f3f3f3;
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    border-radius: 5px;
    height: 90%;
    margin-bottom: 20px;
}
.statund_up_list_box_ico{
    width: 50px;
    min-width: 50px;
    height: 50px;
    display: inline-block;
    background-color: rgba(5, 35, 50, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.statund_up_list_box_txt{
    width: 100%;
    display: inline-block; 
}
.statund_up_list_box_txt h5{
    width: 100%;
    display: inline-block; 
    color: #000;
    font-size: 17px;
    margin-bottom: 0;
}
.statund_up_list_box_txt p{
    width: 100%;
    display: inline-block; 
    color: #000;
    font-size: 14px;
    margin-bottom:0px;
}
.strike-trough{
  text-decoration: line-through;
}

.video_review_sec{
    width: 100%;
    display: inline-block; 
    padding: 40px 0;
    padding-top: 10px;
}

.video_review_video_box{
    width: 100%;
    display: inline-block; 
    position: relative;
    background-color: #f3f3f3;
    border-radius: 20px;
}

.video_review_video_box_cnt{
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 9;
    align-items: center;
    padding: 0 20px;
}
.video_review_video_box_cnt h5{
    font-size: 30px;
    color: #fff;
    margin: 0;
}

.video_review_video_box_right_btn{
    width: auto;
    padding: 10px 20px;
    display: flex;
    gap: 10px;
    background-color: #fff;
    align-items: center;
    border-radius: 30px;
    cursor: pointer;
}
.play_ico{
    width: 40px;
    min-width: 40px;
    height: 40px;
    text-align: center;
    background-color: #5ab452;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border-radius: 50%;
    transition: 0.2s ease;
}
.video_review_video_box_right_btn:hover .play_ico{background-color: #011a26;}
.video_review_video_box_right_btn span strong{
    width: 100%;
    display: inline-block; 
    font-size: 15px;
    color: #242424;
}
.video_review_video_box_right_btn span p{
    width: 100%;
    display: inline-block; 
    font-size: 12px;
    color: #555;
    margin: 0;
}

.review_section{
    width: 100%;
    display: inline-block; 
    padding: 40px 0;
}
.review_section_box{
    width: 100%;
    display: inline-block;
    padding: 0;
    background-color: #f3f3f3;
    border-radius: 20px;
}
.review_section_box_head{
    text-align: center;
    width: 100%;
    display: inline-block;
    padding:0 10px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    border: solid 20px #f3f3f3;
}
.review_section_box_ttl_review{
    display: flex; 
    width: auto;
    padding: 5px;
    margin: auto;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.review_section_box_ttl_review strong{
    font-size: 30px;
    font-weight: bold;
    color: #000;
}
.review_section_box_ttl_review h5{
    margin: 0;
}
.review_section_box_ttl_review span p{
    width: 100%;
    display: inline-block; 
    font-size: 12px;
    margin: 0;
    color: #555;
    text-align: left;
    margin-top: -10px;
}

  #full-stars-example-two .rating-group {
    display: inline-flex;
  }
  #full-stars-example-two .rating__icon {
    pointer-events: none;
  }
  #full-stars-example-two .rating__input {
    position: absolute !important;
    left: -9999px !important;
  }
  #full-stars-example-two .rating__input--none {
    display: none;
  }
  #full-stars-example-two .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 1rem;
  }
  #full-stars-example-two .rating__icon--star {
    color: orange;
  }
  #full-stars-example-two .rating__input:checked ~ .rating__label .rating__icon--star {
    color: #ddd;
  }
  #full-stars-example-two .rating-group:hover .rating__label .rating__icon--star {
    color: orange;
  }
  #full-stars-example-two .rating__input:hover ~ .rating__label .rating__icon--star {
    color: #ddd;
  }

  .riewview_cnt_sec{
    width: 100%;
    height: auto;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    /* white-space: nowrap; */
    overflow: hidden;
    padding: 20px;
  }
  .riewview_cnt_sec_box{
    /* width: 450px;
    min-width: 450px; */
    display: inline-block;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
  }
  .riewview_cnt_sec_box_top_head{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .riewview_cnt_sec_box_top_userbox{
    width: auto;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .riewview_cnt_sec_box_top_userbox_ico{
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 50px;
    background-color: #f3f3f3;
    overflow: hidden;
  }
  .riewview_cnt_sec_box_top_userbox_cnt{
    width: 100%;
    display: inline-block;
  }
  .riewview_cnt_sec_box_top_userbox_cnt strong{
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #000;
  }
  .riewview_cnt_sec_box_top_userbox_cnt p{
    width: 100%;
    display: inline-block;
    font-size: 13px;
    color: #000;
    margin: 0;
  }
  .riewview_cnt_sec_box_top_userbox_right_source{
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 50px;
    background-color: #f3f3f3;
    overflow: hidden;
  }
  .riewview_cnt_sec_box_cnt{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #242424;
    line-height: 20px;
    margin: 10px 0;
  }
  .riewview_cnt_sec_box_cnt_review{
    width: 100%;
    display: inline-block;
    margin-top: 10px;
  }
  /* .review_slide .owl-item  .fake-col-wrapper .slide:first-child{margin-left: -80px;width:100%;} */
  .review_slide #full-stars-example-two .rating__icon--star{color: orange;}
  .btm_last_dashboard_sec{
    width: 100%;
    display: inline-block;
    padding: 40px 0;
  }
  .btm_last_dashboard_box{
    width: 100%;
    display: inline-block;
    background-color: #f3f3f3;
    border-radius: 20px;
    padding: 40px;
    padding-bottom: 0;
  }

  .btm_last_dashboard_box_img{
    width: 100%;
    display: inline-block;
    background-color: #fff;
    border-radius: 20px 20px 0 0;
    margin-top: 40px;
    min-height: 300px;
    margin-bottom: -10px;
  }

  .main_footer{
    width: 100%;
    display: inline-block;
    padding-top: 50px;
    background-color: #f3f3f3;
    position: relative;
  }
  .main_footer_top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px #E3E3E3 solid;
  }
  .main_footer_top_logo{
    width: auto;
    display: inline-block;
  }
  .main_footer_top_logo img{height: 40px;}
  .main_footer_top_prj_cnt{
    width: auto;
    padding: 10px 20px;
    color: #000;
    background-color: #fff;
    border-radius: 10px;
    float: right;
    font-weight:bold;
    width: max-content;
    height: 45px;
  }
  .main_footer_top_prj_cnt span{color: #5ab452;}
  .footer_box{
    width: auto;
    display: inline-block;
    margin: 10px 0;
  }
  .footer_box_head{
    width: 100%;
    display: inline-block;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .footer_box ul{
    margin: 0;
    padding: 0;
  }
  .footer_box li{
    list-style: none;
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
  }
  .footer_box li a{
    color: rgba(0, 0, 0, 1) ;
    text-decoration: none;
    font-size: 14px;
    transition: 0.2s ease;
  }
  .footer_box li a:hover{color: #00C458;}
  .footer_subscrib_bx{
    width: 100%;
    display: inline-block;
  }
  .footer_subscrib_bx p{
    width: 100%;
    display: inline-block;
    font-size: 13px;
  }
  .footer_subscrib_bx_input_sec{
    width: 100%;
    display: flex;
    gap: 10px;
  }
  .footer_subscrib_bx_input{
    width: 100%;
    height: 40px;
    border-radius: 30px;
    background-color: transparent;
    border: solid 1px rgba(226, 226, 226, 1);
    padding-left: 5px;
    outline: none;
  }
  .footer_subscrib_bx_btn{
    background-color: #052332;
    text-align: center;
    width: 100px;
    min-width: 100px;
    color: #fff;
    height: 40px;
    border-radius: 30px;
    border: 0;
    transition: 0.2s ease;
  }
  .footer_subscrib_bx_btn:hover{background-color: #000;}

  .footer_startup_bx{
    width: 100%;
    display: flex;
    gap: 10px;
  }
  .footer_startup_bx_view{
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
  }
  .footer_copy_right{
    width: 100%;
    display: flex;
    padding: 8px 0;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    border-top: 1px #E3E3E3 solid;
  }
  .footer_copy_right img{height: 30px;position: relative;top: -3px;}
  .footer_copy_right span{width: 100%;display: inline-block;}

  .social_ftr_sec{
    width: 100%;
    float: right;
    display: flex;
    justify-content: end;
    gap: 10px;
  }
  .social_ftr_icons{
    width: 30px;
    height: 30px;
    background-color: #242424;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
  }
  .social_ftr_icons:hover{
    background-color: #052332;
  }
  .main_header.fixed{
    background-color: #fff;
    box-shadow: 0px 0px 10px #F8F8F8;
    z-index: 9;
    position: fixed;
    left: 0;
    top:0;
    z-index: 99;
  }
  .navbar-brand img{height: 40px;}

  .fa-arrow-right{
    font-size: 13px;
    transform: rotate(-45deg);
  }

  /**********Login **********/

.inner_login_cnt{
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 100vh;
}
.inner_login_left{
  width: 100%;
  min-height: 100vh;
  background-color: #052332;
  display: flex;
  align-items: center;
  justify-content: end;
}
.inner_login_left img{max-width: 70%;}
.inner_login_right{
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
.inner_login_right_box{
  width: 100%;
  max-width: 400px;
}
.inner_login_right_box span{
  color: #00C458;
}
.inner_login_right_box a{
  color: #052332;
  font-weight: bold;
  text-decoration: underline;
}

.input-row{
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}
.input-row label{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #242424;
}

.input-row .form-control{
  border-radius: 30px;
  background-color: #f7f7f7;
}
.login-btn{
  width: 100%;
  display: inline-block;
  height: 50px;
  border-radius: 50px;
  background-color: #052332;
  text-align: center;
  color: #fff;
  font-size: 15px;
  border: 0;
  transition: 0.2s ease;
}
.login-btn:hover{background-color: #00C458;}
.inner_login_right_box span img{
  position: relative;
  top: -3px;
  width: 30px;
  margin-right: -5px;
  margin-left: -11px;
}
.inner_login_right_box p{
  margin-bottom: 30px;
}

.intern_banner_sec{
  width: 100%;
  display: inline-block;
  padding: 20px 0;
}
.intern_banner_box{
  border-radius: 10px;
  width: 100%;
  display: inline-block;
  background-color: #F8F8F866;
  position: relative;
  padding: 15px;
  padding-bottom: 0;
}
.intern_banner_box_img::before{
  width: 400px;
  height: 200px;
  z-index: 1;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  bottom: 0px;
  background-image: url(../images/inter_banner_bg_vct.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  content: '';
}
.intern_banner_box img{max-height: 300px;z-index: 2;position: relative;}

.innner_txt_box{
  width: 100%;
  display: inline-block;
}
.innner_txt_box h3{
  width: 100%;
  display: inline-block;
  font-size: 31px;
  color: #000;
}

.innner_txt_box p{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #6F6F6F;
}

.intern_section{
  width: 100%;
  display: inline-block;
  padding: 40px 0;
  
}

.intern_section_head{
  width: 100%;
  display: inline-block;
  color: #000000;
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: bold;
}
.intern_section_row{
  width: 100%;
  display: inline-block;
}
.inter_other_filter_box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.inter_other_filter_right_btn{
  padding: 7px 20px ;
  border-radius: 50px;
  border: solid 1px #ccc;
  font-size: 14px;
  color: #242424;
}
.inter_other_filter_lft_box_row{
  width: 80%;
  display: flex;
  gap: 5px;
  align-items: center;
}

.inter_other_filter_lft_box_row a{
  padding: 7px 20px ;
  border-radius: 50px;
  border: solid 1px #eeeeee;
  font-size: 14px;
  color: #242424;
}
.inter_other_filter_lft_box_row a.active{background-color: #f3f3f3;}

.trending_webinars{
  width: 100%;
  display: inline-block;
  padding: 40px 0;
}
.webinars_box{
  width: 100%;
  height: 90%;
  margin-bottom: 20px;
  display: inline-block;
  padding:  10px;
  border: solid 1px #e5e5e5;
  border-radius: 20px;
  position: relative;
  padding-bottom: 20px;
}
.webinars_box_type{
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: #00C458;
  font-size: 14px;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
}
.webinars_box_img{
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  height: 200px;
  overflow: hidden;
  background-color: #f3f3f3;
  border-radius: 15px 15px 0 0;
}
.webinars_box_head{
  width: 100%;
  display: inline-block;
  font-size: 17px;
  color: #242424;
}
.webinars_box_head p{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #555;
  margin-bottom: 0;
}

.intern_vdo_srcll_sec{
  width: 100%;
  display: inline-block;
  padding: 40px 0;
  background-color: #F8F8F8;
}

.intern_vdo_srcll_box{
  width: 100%;
  display: inline-block;
  padding: 20px;
  background-color: #F8F8F8;
}

.intern_vdo_srcll_sec .video_review_video_box_cnt{justify-content: center;}

.intern_vdo_srcll_box .owl-nav {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 40%;
  left: 0;
}
.intern_vdo_srcll_box .owl-nav button{
  background-color: #fff !important;
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  color: #242424;
  font-size: 16px;
  box-shadow: 0px 0px 10px #00000015;
}


.about_us_page_brcrumb{
  width: 100%;
  display: inline-block;
  padding: 10px 0;
}
.about_us_page_brcrumb_box{
  width: 100%;
  display: inline-block;
  padding: 20px;
  background-color: #052332;
  border-radius: 20px;
}
.about_us_page_brcrumb_box h2{
  width: 100%;
  display: inline-block;
  font-size: 33px;
  color: #fff;
  text-align: center;
}
.about_us_page_brcrumb_box h2 span{color: #00C458;}
.about_us_page_brcrumb_box p{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  color: rgba(234, 234, 234, 1);
}

.about_us_page_brcrumb_box_2nd{
  width: 100%;
  display: inline-block;
  padding: 10px;
  background-color: #0F2C3A;
  overflow: hidden;
  border-radius: 10px;
}
.about_us_page_brcrumb_box_2nd p{
  width: 100%;
  display: inline-block;
  font-size: 13px;
  color: #fff;
  text-align: left;
}
 .about_us_page_brcrumb_box_row{
  width: 100%;
  display: flex;
  white-space: nowrap;
  gap:15px;
}
.about_us_page_brcrumb_box_2nd span{
  width: 100px;
  font-size: 15px;
  color: #fff;
}

.abt_whoweare_section{
  width: 100%;
  display: inline-block;
  padding: 40px 0;
}
.abt_whoweare_section_box{
  width: 100%;
  display: inline-block;
  background-color: #F8F8F8;
  padding:0 20px;
  border-radius: 20px;
  padding-left: 5px;
}

.abt_whoweare_section_left_bx{
  width: 100%;
  display: inline-block;
  min-height: 460px;
  background-color: #fff;
  padding: 20px;
  margin-left: -20px;
  border-radius: 0 20px 20px 0;
  height: 108%;
}
.abt_whoweare_section_right_box{
  width: 100%;
  display: inline-block;
  padding: 20px 10px;
}
.abt_whoweare_section_right_box_img{
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 30px;
  overflow: hidden;
}
.abt_whoweare_section_right_box_img img{width: 100%;height: 100%;}


.abt_whoweare_section_right_quick_boxes{
  width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.abt_gvt_recog_sec{
  width: 100%;
  display: flex;
  gap: 10px;
}
.gvt_rec_head{

}
.gvt_rec_cions_sec{
  display: flex;
  gap: 5px;
}
.abt_whoweare_section_right_quick_boxes .works_at_ftr_right_bx h5{font-size: 19px;}
.abt_whoweare_section_right_quick_boxes .works_at_ftr_right_bx p{font-size: 11px;}
.abt_whoweare_section_right_lst_sec{
  width: 100%;
  display: inline-block;
  margin-top: 20px; 
}

.our_achivers_sec{
  width: 100%;
  display: inline-block;
  padding: 40px 0;
}

.our_achivers_srl{
  width: 100%;
  display: inline-block;
  margin-top: 20px;
}
.our_achivers_srl_box{
  width: 100%;
  /* padding: 10px; */
  position: relative;
  background-color: #F8F8F8;
  border-radius: 15px;
  display: inline-block;
  min-height: 200px;
  /* position: absolute;
  left: 0;
  right: 0; */
}
.our_achivers_srl_box:before{
  content: '';
  background-image: url(../images/achivers_vrctor.png);
  background-size: cover;
  border-radius: 10px;
  width: 80%;
  height: 220px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 80px;
  z-index: 0;
  
}

.our_achivers_srl_box_text{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.our_achivers_srl_box_text strong{
  color: #00C458;
  font-size: 20px;
}
.our_achivers_srl_box_text p{
  color: #2F2F2F;
  font-size: 14px;
  margin-bottom: 5px;
}

.our_achivers_srl_box_img{
  width: 100%;
  display: inline-block;
  /* margin-top: 20px; */
  position: relative;
  z-index: 5;
}
.our_achivers_srl_box_img::before{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 200px;
  width: 100%;
  background: rgb(203,184,252);
background: linear-gradient(184deg, rgba(203,184,252,0) 10%, rgb(248 248 248) 65%);
/* content: ''; */

}
.our_achivers_srl_box_img img{width: 100%;}
.pillars_of_inmakes_sec img{width: auto;}

.pillars_of_inmakes_sec{
  width: 100%;
  display: inline-block;
  padding: 40px 0;
}
.pillars_of_box{
  width: 100%;
  display: inline-block;
  background-color: #052332;
  border-radius: 15px;
  padding: 10px;
  position: relative;
  overflow: hidden;
}
.pillars_of_box::before{
  width: 100px;
  height: 310px;
  content: '';
  background-image: url(../images/pillars_bg_vct.png);
  background-size: 100% 100%;
  border-radius: 10px;
  position: absolute;
  left: -80px;
  right: 0;
  margin: auto;
  top: 50px;
  z-index: 0;
}

.pillars_of_box .our_achivers_srl_box_img{
  text-align: center;
}

.pillars_of_box .our_achivers_srl_box_img::before{
  background: linear-gradient(184deg, rgba(203,184,252,0) 0%, rgb(5 35 50) 65%);
}
.pillars_of_box .our_achivers_srl_box_text{
  text-align: left;
}
.pillars_of_box .our_achivers_srl_box_text p{
  color: rgba(255, 255, 255, 1);
}

.ourteam_Sec{
  width: 100%;
  display: inline-block;
  padding: 20px 0;
}


.ourteam_Sec .owl-nav {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 40%;
  left: 0;
  padding: 0 50px;
}
.ourteam_Sec .owl-nav button{
  background-color: #fff !important;
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  color: #242424;
  font-size: 16px;
  box-shadow: 0px 0px 10px #00000015;
}


.inner_chapter_banner{
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 20px 0;
  position: relative;
  padding-top: 0;
}
.inner_chapter_banner_cnt{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 9;
}
.inner_chapter_banner_cnt h3{
  width: 100%;
  display: flex;
  color: #fff;
  font-size: 28px;
  align-items: center;
}
.inner_chapter_banner_cnt h3 span i{
  font-size: 13px;
  color: #00c458;
}
.inner_chapter_banner_cnt p{
  width: 100%;
  color: #fff;
  margin-bottom: 0;
}
.inner_chapter_banner_cnt span{margin-left: 5px;}

.btn-banner{
  background-color: #fff;
  padding: 8px 30px;
  color: #242424;
  font-size: 14px;
  text-decoration: none;
  margin-top: 20px;
  border-radius: 30px;
  transition: 0.2s ease;
}

.btn-banner:hover{
  background-color: #00c458;
  color: #fff;
}
.inner_package_detail{
  width: 100%;
  display: inline-block;
  padding: 40px 0;
}
.inner_package_detail_row{
  background-color: #f3f3f3;
  width: 100%;
  display: inline-block;
  padding: 3px;
  margin-bottom: 40px;
}
.inner_package_detail .nav-tabs{
  background-color: #f3f3f3;
  border-radius: 30px;
  width: 100%;
  border: 0;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 0 !important;
  padding-bottom: 2px;
}
.inner_package_detail .nav-tabs .nav-link.active{
  border-radius: 30px;
  color: #000;
  box-shadow: 0 4px 10px #00000023 !important;
}

.inner_package_detail .nav-tabs .nav-link{
  color: #7c7c7c;
  padding: 10px 40px;
  width: 100%;
}
.inner_package_detail .tab-content{
  padding: 0 !important;
  background-color: transparent !important;
  border: 0 !important; 
}

.skill_txt{
  width: 100%;
  display: inline-block;
}
.sub_head_chapter{
  width: 100%;
  display: inline-block;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}
.skill_txt_btn_row{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.skill_txt_btn_row a.skill_txt_btn_box{
  width: auto;
  padding: 5px 10px;
  border-radius: 30px;
  background-color: #F6F6F6 !important;
  font-size: 13px;
  color: #000  !important;
}
.chapter_abt{
  width: 100%;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.chapter_abt li{
  color: #717171;
}
.chapter_page_cnt{
  width: 100%;
  color: #717171;
  display: inline-block;
}

.chapter_two_box_sec{
  width: 100%;
  display: flex;
  gap: 15px;
}
.chapter_two_box{
  width: 100%;
  border-radius: 15px;
  background-color: #F8F8F8;
  padding: 15px;
  /* height: 95%; */
  margin-bottom: 20px;
}

.chapter_white_btn{
  width: 100%;
  padding: 8px 0;
  text-align: center;
  /* max-width: 200px; */
  background-color: #fff;
  border-radius: 30px;
  border: solid 1px #cccc;
  margin:10px 0 ;
  display: inline-block;
  color: #242424;
}
.chapter_white_btn:hover{background-color: #011a26;color: #fff;}
.readmorebtn{float: right;text-decoration: none;}
.list_with_tick{padding: 0;margin-top: 15px;}
.list_with_tick li{
  padding-left: 40px;
  position: relative;
  list-style: none;
  margin-bottom: 6px;
  font-size: 14px;
  color: rgba(113, 113, 113, 1);
}
.list_with_tick li::before{
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/tick_round.png);
  background-size: cover;
  border-radius: 50px;
  content: '';
}
.chapter_two_box_sec li{
  color: rgba(111, 111, 111, 1);
}

.timeline {
  margin: 50px 0;
  list-style-type: none;
  display: flex;
  padding: 0;
  text-align: center;
  white-space: nowrap;
}
.timeline li {
  transition: all 200ms ease-in;
}
.timestamp {
  width: 100%; 
  margin-bottom: 20px;
  padding: 0px 0px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  font-weight: 600; 
  font-size: 14px;
  text-align: left;
}
.status {
  display: flex;
  justify-content: start;
  border-top: 4px solid #DBDEE0;
  position: relative;
  transition: all 200ms ease-in ;
}
  
.status span {
  padding-top: 20px;
  font-size: 12px;
  text-align: left;
}
.status span:before {
  content: '';
  width: 15px;
  height: 15px;
  background-color: #e8eeff;
  border-radius: 25px;
  border: 4px solid #00C458;
  position: absolute;
  top: -10px;
  left:0; 
  transition: all 200ms ease-in;
}
.swiper-control {
  text-align: right;
}

.swiper-container {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.swiper-slide {
  width: 200px;
  text-align: center;
  font-size: 18px;
}
.swiper-slide:nth-child(2n) {
  width: 40%;
}
.swiper-slide:nth-child(3n) {
  width: 20%;
}

.faq_box{
  width: 100%;
  display: inline-block;
  margin-top: 20px;
}

.faq_box .accordion-flush .accordion-item{
  padding: 30px 15px;
  background-color: #F8F8F8;
  width: 100%;
  border: 0;
  margin-bottom: 15px;
  border-radius: 15px;
}
.faq_box  .accordion-button{
  background-color: transparent;
}
.chapter_right_box{
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  border-radius: 15px;
  border: solid 1px #e5e5e5;
  padding: 15px;
}
.chapter_right_box .primary_button{width: 100%;text-align: center;margin-top: 20px;}
.tab_2module_view{
  width: 100%;
  display: inline-block;
  padding: 20px;
  border: solid 1px #ECECEC;
  border-radius: 20px;
}
.module_detail_section{
  width: 100%;
  display: inline-block;
  padding: 20px;
  background-color: #F8F8F8;
  margin-bottom: 20px;
}

.module_detail_section h6{
  width: 100%;
  display: inline-block;
  color: #717171;
  font-size: 16px;
}

.tab_2module_view .accordion-button:not(.collapsed){
  background-color: transparent;
  border: 0;
  outline: none;
  box-shadow: none;
}
.tab_2module_view .accordion-body{padding: 0;}
.tab_2module_view .accordion-item{margin-bottom: 15px;}
.tab_2module_view .accordion-button{
  width: 100%;
  font-weight: 600;color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 30px !important;
  position: relative;
}
.tab_2module_view .accordion-button::after{
  position: absolute;
  right: 0;
  top: 15px;
}
.tab_2module_view .accordion-button .module_right_per{ 
  background-color: #F0FBF5;
  padding: 3px 15px;
  color: #00C458;
  font-size: 13px;
}

.review_box_chapter{
  width: 100%;
  display: inline-block;
}

.review_box_chapter_head{
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
}
.review_box_chapter_head_txt{
  width: 100%;
  position: absolute;
  left: 5%;
  top:0;
  display: flex;
  align-items: center;
  height: 100%;
  color: #000000;
  font-weight: bold;
  font-size: 35px;
}

.review_box_chapter_sec{
  width: 100%;
  display: inline-block;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 20px;
  border: solid 1px #ECECEC;
}

.review_box_chapter_rating_top{
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}
.review_box_chapter_rating_top_left{
  width: 100%;
  display: flex;
  align-items: center;
  height: 95%;
  margin-bottom: 15px;
  justify-content: center;
  background-color: #F8F8F8;
}

.review_box_chapter_sec .review_section_box_ttl_review strong {font-size: 45px;}
#full-stars-example-two .rating__icon--star{    color: #43d383;}
.chapter_rating_row{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: space-between;
  margin-bottom: 10px;
}
.chapter_rating_row span{
  font-size: 10px;
  min-width: 110px;
}
.chapter_rating_bar{
  width: 100%;
}
.chapter_rating_bar .progress-bar{background-color: #00C458;}
.chapter_rating_bar .progress{height: 10px;}

.chapter_review_box{
  width: 100%;
  display: inline-block;
  padding: 10px 0;
  border-top:1px #e5e5e5 solid;
}


.chapter_review_user{
  width: 100%;
  display: flex;
  gap: 5px;
  align-items: center;
}

.chapter_review_user_img{
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50px;
  overflow: hidden;
}
.chapter_review_user_txt{
  width: 100%;
  display: inline-block;
  line-height: 15px;
}
.chapter_review_user_txt strong{
  width: 100%;
  color: #000;
  font-size: 15px;
  display: inline-block;
}
.chapter_review_user_txt span{
  width: 100%;
  color: #555;
  display: inline-block;
  font-size: 12px;
}
.chapter_review_txt{
  width: 100%;
  display: inline-block;
}
.chapter_review_txt p{
  width: 100%;
  color: #000;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 0;
}
.chapter_review_txt span{
  width: 100%;
  color: #555;
  display: inline-block;
  font-size: 12px;
}


.inner_package_detail .nav-tabs .nav-link{border: 0 !important;box-shadow: none !important;}

.detail_review_sec{
  width: 100%;
  display: inline-block;
  padding: 40px 0;
  padding-left: 50px;
}
.inner_package_detail .video_review_video_box_cnt{justify-content: center;}
.detail_review_sec .container-fluid{padding-right: 0;}


.detail_review_row{
  width: 100%;
  display: inline-block;
  margin-top: 20px;
}

.detail_review_btm_img{
  width: 100%;
  display: inline-block;
  position: relative;
  max-width: 350px;
  border-radius: 20px;
  overflow: hidden;
}
.detail_review_btm_img .video_review_video_box_right_btn{
  position: absolute;
  width: 200px;
  right: 0;
  left: 0;
  margin: auto;
  bottom: 20px;
}

.contact_left{
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: end;
}
.contact_left iframe{
  min-height: 100vh;

}
#map {
  width: 100%;
  min-height: 100vh;
}
.header_profile{
  width: 30px !important;
  height: 30px !important;
  overflow: hidden;
  border-radius: 50px;
  display: inline-block;
}
.header_profile img{width: 100%;height: 100%;max-width: inherit;}
.nav_profile{outline: none !important;box-shadow: none !important;border: 0 !important;align-items: center;
  display: flex;}
.landing_page_banner{
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}
.landing_page_box{
  width: 100%;
  height: auto;
  background-color: #052332;
  padding: 20px;
  border-radius: 20px;

}

.banner_top_profile_sec{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.banner_top_profile_img{
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50px;
  overflow: hidden;
  border: solid 2px #00C458;
}
.banner_top_profile_img img{width: 100%;height: 100%;max-width: inherit;}
.banner_top_profile_txt{
  width: 100%;
  height: auto;
}
.banner_top_profile_txt h6{
  width: 100%;
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  margin: 0;
  color: #fff;
  line-height: 25px;
}
.banner_top_profile_txt h6 span{color: #00C458;}
.banner_top_profile_txt p{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  margin: 0;
}

.banner_course_info_box{
  width: 100%;
  display: inline-block;
  margin-top: 10px;
  background-color: #092C40;
  padding: 15px;
  border-radius: 10px;
}
.banner_course_info_box_top{
  width: 100%;
  display: inline-block;
  padding-bottom: 10px ;
  border-bottom: 1px #0F3F56 solid;
  margin-bottom: 10px;
}
.banner_course_info_box_top{
  display: flex;
  color: #fff;
  align-items: center;
}
.banner_course_info_box_top p{margin: 0;font-size: 11px;color: #A5B0B5;}
.banner_course_info_box_top button {outline: none !important;box-shadow: none !important;border: 0 !important;align-items: center;
  display: flex;color: #fff;padding: 0;padding-left: 5px;}

  .banner_course_info_box_sec{
    width: 100%;
  display: inline-block;
  }
  .banner_course_info_box_sec  p{margin: 0;font-size: 11px;color: #A5B0B5;}
  .banner_course_info_box_sec strong{
    width: 100%;
    display: inline-block;
    color: #fff;
    font-size: 15px;
  }

  .banner_course_info_box_btm_per_row{
    width: 100%;
    display: inline-block;
    margin-top: 10px;
  }
  .banner_course_info_box_btm_per_bx{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .banner_course_play_btn{
    width: 30px;
    min-width: 30px;
    height: 40px;
    border-radius: 5px;
    background-color: #092C40;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #fff;
  }
  .banner_course_play_barsec{
    width: 100%;
    display: inline-block;
  }
  .banner_course_play_barsec span{
    width: 100%;
    display: inline-block;
    color: #fff;
    font-size: 13px;
  }
  .banner_course_play_bar{
    width: 100%;
    display: inline-block;
  }
  .banner_course_play_bar .progress{
    height: 8px;
    margin: 0;
  }
  .banner_course_play_bar  .progress-bar{background-color: #00C458;}

  .top_box_video{
    width: 100%;
    display: inline-block;
  }
  .top_box_video_img{
    width: 100%;
    display: inline-block;
    position: relative;
  }
  .top_box_video_img  img{width: 100%;}
  .top_box_video_txt{
    width: 100%;
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
  }
  .top_box_video_txt strong{
    font-size: 14px;
    color: #fff;
    font-weight: normal;
  }
  .top_box_video_txt span{
    white-space: nowrap;
    font-size: 13px;
    color: #00C458;
  }
  .top_box_video_play{
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #00C458;
    border: solid 1px #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border-radius: 50px;
    color: #fff;
  }
  .top_box_video_play:hover{background-color: #011a26;}
  .top_box_video_seekopt{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px;
  }
  .top_box_video_seekopt_time{
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #fff;
  }
  .top_box_video_seekopt_bar .progress{height: 3px;background-color: rgba(255, 255, 255, 0.11)}
  .top_box_video_seekopt_bar .progress-bar{background-color: #00C458;}
  .video_lock{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #05233296;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .video_lock_ico{
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background-color: #0F2C3A;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }

  .section_view_1{
    width: 100%;
    display: inline-block;
    padding: 40px 0;
  }

  .addtion_sec{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
  }
  .addtion_sec_cnt{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666;
    font-size: 13px;
  }
  .addtion_sec .swiper-container{
    background: #F8F8F8;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
  }
  .addtion_sec .timeline{
    margin: 10px 0;

  }

  .landing_btm_box{
    background-color: #F8F8F800;
    width: 100%;
    display: inline-block;
    border-radius: 20px;
    overflow: hidden;
  }
  .landing_btm_box_img{
    width: 100%;
    display: inline-block;
    position: relative;
    min-height: 300px;
    overflow: hidden;
  }
  /* .landing_btm_box_img::before{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: linear-gradient(180deg, rgba(203,184,252,0) 0%, rgb(248 248 248) 65%);

  } */
  .landing_btm_box_txt{
    width: 100%;
    height: auto;
    /* position: absolute; */
    display: inline-block;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: end;
    flex-direction: column;
    padding: 10px;
  }
  .landing_btm_box_txt h5{
    width: 100%;
    display: inline-block;
    color: #000;
    font-weight: bold;
    font-size: 25px;
  }
  .landing_btm_box_txt p{
    width: 100%;
    display: inline-block;
    color: #6F6F6F;
    font-size: 13px;
  }
  .landing_btm_box_txt a{
    text-align: right;
    display: inline-block;
    width: 100%;
  }
  .landing_btm_box_txt_tag{
    width: auto;
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 30px;
    border: solid 1px #EBEBEB;
    color: #00C458;
    font-size: 13px;
    margin-right: auto;
    margin-bottom: 5px;
  }


  /************ Dashboard **************/
  .user_dashbaord{
    background-color: #F9F9F9;
  }
  .main_dashboard_sec{
    width: 99.8%;
    height: 100%;
    display: flex;
    background-color: #F9F9F9;

  }
  .main_dashboard_left_nav{
    width: 250px;
    height: 100%;
    padding: 10px;
    background-color: #fff;
    border-right: 1px #f9f9f9 solid;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;

  }
  .main_dashboard_right_sec{
    width: 100%;
    display: inline-block;
    margin-left: 250px;
    padding-top: 50px;
    transition: 0.2s ease;
  }
  .dashboard_topbar{
    width: 100%;
    display: inline-block;
    padding: 10px;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 99;
    font-weight: bold;
    font-size: 19px;
  }
  .dashboard_topbar a{color: #242424;}

  .main_dashboard_left_logo{
    width: 100%;
    display: inline-block;
    padding: 10px;
    margin-bottom: 20px;
  }
  .main_dashboard_left_logo{
    width: 70%;
  }
  .main_dashboard_sec .nav_profile{
    width: 100%;
    background-color: rgba(250, 250, 250, 1);
    border-radius: 5px;
    border: solid 1px  rgba(242, 242, 242, 1);
  }
  .main_dashboard_sec .nav_profile p{
    width: 100%;
    font-size: 12px;
    background-color: #3f8be228;
    color: #3F8AE2;
    padding: 2px 5px;
    border-radius: 10px;
    margin: 0;
  }
 .main_dashboard_sec .dropdown-toggle::after{margin-left: auto;}
 .dropdown-menu.show{width: 100%;min-width: 200px;}

 .left_nav{
  width: 100%;
  display: inline-block;
  margin-top: 30px;
  overflow: auto;
  max-height: 75vh;
 }
 .left_nav ul{
  padding: 0;
  width: 100%;
 }
 .left_nav li{
  width: 100%;
  display: inline-block;
  list-style: none;
  margin-bottom: 10px;
 } 
 .left_nav li a{
  width: 100%;
  display: inline-block;
  padding: 10px ;
  color: #000;
  font-size: 15px;
  text-decoration: none;
  transition: 0.2s ease;
  font-weight: bold;
 }
 .left_nav li a:hover{background-color: #f3f3f3;}
 .left_nav .active a{
  background-color: #052332 !important;
  border-radius: 5px;
  color: #fff !important;
 }
 .active path{stroke: #fff;}
 
 .left_nav li span{margin-right: 5px;}

 .dashboard_center_content{
  width: 100%;
  display: inline-block;
  padding: 10px;
 }
 .panel_card{
  width: 100%;
  display: inline-block;
  padding: 20px;
  background-color: #FFFFFF;
  margin-bottom: 20px;
 }
 .panel_card_head{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
 }
 .panel_card_head h5{
  width: 100%;
  display: inline-block;
  color: #000;
  margin: 0;
  font-size: 15px;
 }
 .dash_right_dv{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
 }
 .dash_right_dv p{
  font-size: 13px;
  color: #A5B0B5;
  margin: 0;
 }
 .dash_right_dv button{
  border: 0;
  font-size: 13px;
  font-weight: bold;
 }
 .dash_right_dv .dropdown-item{
  font-size: 13px;
  
 }
 .journey_map_box_sec{
  width: 100%;
  background-color: #FBFBFB;
  padding:10px 10px;
  padding-top: 30px;
  display: inline-block;
 }
 .journey_map_box_row{
  width: 100%;
  display: flex;
  align-items: end;
 }
 .journey_map_box{
  width: 100%;
  position: relative;
  display: flex;
  align-items: end;
  padding: 10px;
  min-height: 200px;
  max-width: 150px;

 }
 .journey_map_box::after{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 15px;
  background-color: #E9E9E9;
  content: '';
  width: 100%;
    z-index: 0;
 }
 .journy_map_box_row_cnt{
  width: 100%;
  font-size: 14px;
  color: #fff;
  position: relative;
  z-index: 9;
  margin-bottom: 20px;
 }
 .journy_map_box_row_cnt span{
  opacity: 0.5;
 }
 .journy_map_box_row_cnt strong{
  width: 100%;
  display: inline-block;
  font-weight: normal;
  color: #00C458;
  white-space: nowrap;
 }
 .journy_map_box_row_box_topCnt{
  width: 100%;
  position: absolute;
  left: -5px;
  text-align: center;
  color: #000;
  bottom: 0px;
  text-align: center;
  padding-bottom: 65px;
 }
 .journy_map_box_row_cnt_txt{
  margin-top: -30px;
  /* white-space: nowrap; */
  font-size: 9px;
  line-height: 10px;
 }
 .journey_map_box_view{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 10px 10px 0 0;
  padding: 10px;
  z-index: 9;
 }
 .box_clr1{
  background: rgb(28,126,175);
  background: linear-gradient(0deg, rgba(28,126,175,1) 0%, rgba(13,61,85,1) 100%);
  border: solid 2px #0D3D55;

 }
 .box_clr2{
 background: linear-gradient(0deg, rgba(34,152,87,1) 0%, rgba(19,229,114,1) 100%);
 }
 .done_graph{opacity: 0.5;}
 .done_graph .journy_map_box_row_box_topCnt{padding: 0;}
 .done_graph .journy_map_box_row_cnt{margin: 0;}

 .youare_here_box{
  position: absolute;
  right: -80px;
  padding: 7px;
  top: 30px;
  background-color: #fff;
  border-radius: 30px;
  display: flex;
  z-index: 91;
  min-width: 160px;
  align-items: center;
  line-height: 20px;
  gap: 10px;
 }
 .youare_here_box span{
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background-color: #00C458;
 }
 .youare_here_box h6{margin: 0;font-weight: bold;}
 .youare_here_box p{margin: 0;font-weight: normal;font-size: 13px;}
 .dashbaord_right .banner_course_info_box_top{flex-direction: column;justify-content: start;text-align: left;align-items: start;}
 .dashlock_video_paly_sec{
  width: 100%;
  display: inline-block;
 }
 .dashlock_row{
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 30px;
 }
 .dashlock_row_img{
  width: 80px;
  min-width: 80px;
 }
 .dashlock_row_cnt{
  width: 100%;
 }
 .dashlock_row_cnt strong{
  width: 100%;
  display: inline-block;
  color: #fff;
 }
 .dashlock_row_cnt span{
  width: 100%;
  display: inline-block;
  font-size: 12px;
  color: #7D8D94;
 }
 .dashlock_row_lock{
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 5px;
  background-color: #0F2C3A;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
 }

 .dashbrd_sec_row{
  width: 100%;
  display: inline-block;
 }

 .dashbrd_content_row{
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
 }
 .dashbrd_content_row img{
  animation: hero-thumb-sm-2-animation 4s linear infinite alternate;

 }
 .dashbrd_sec_row .panel_card{
  height: 95%;
  margin-bottom: 20px;
 }
 .graph_value{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 28px;
  color: #000;
  font-weight: bold;
  justify-content: center;
 }
 .graph_value span{font-size: 14px;}

 .dashbrd_stay_sec_row{
  width: 100%;
  display: flex;
  gap: 15px;
  padding: 10px 0;
  border-bottom: 1px #E6E6E6 solid;
 }
 .dashbrd_stay_sec_row:last-child{border: 0;}
 .dashbrd_stay_sec_date{
  width: 60px;
  height: 60px;
  background-color: #FCFCFC;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #000;
  line-height: 20px;
  font-weight: bold;
  padding: 8px;
 }
 .dashbrd_stay_sec_txt{
  width: 100%;
  display: inline-block;
 }
 .dashbrd_stay_sec_txt strong{
  width: 100%;
  display: inline-block;
  font-size: 15px;
  color: #000;
 }
 .dashbrd_stay_sec_txt p{
  width: 100%;
  display: inline-block;
  font-size: 13px;
  color: #7C7C7C;
  margin: 0;
 }

 .readmore_btn_row{
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 30px;
 }
 .readmore_btn_box{
  width: 100%;
  height: auto;
  background-color: #F1F1F1;
  padding: 20px;
  display: flex;
  gap: 10px;
  align-items: center;
 }
 .readmore_btn_box strong{
  width: 100%;
  display: inline-block;
  font-size: 15px;
  color: #000;
 }
 .readmore_btn_box_ico {
  width: 40px;
  
 }
 .readmore_btn_box_ico .fa-arrow-right{
  font-size: 23px;
  transform: rotate(-45deg);
  color: #000;
 }

 .expandedmenu .main_dashboard_left_nav{display: none;}
 .expandedmenu .main_dashboard_right_sec{margin-left: 0;}

 .prg_panel_card_img{
  width: 100%;
  display: inline-block;
 }
 .prg_panel_card_text{
  width: 100%;
  display: inline-block;
  padding:20px 10px;
  border-bottom: 1px #EBEBEB solid;
 }
 .prg_panel_card_text strong{
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 19px;
 }
 .prg_panel_card_text_row{
  width: 100%;
  display: flex;
  gap: 5px;
  align-items: center;
  flex-wrap: wrap;
 }
 .prg_panel_card_text_row_box{
  width: auto;
  padding: 5px 10px;
  background-color: #F8F8F8;
  color: #000;
  font-size: 12px;
  font-weight: bold;
 }
 .prg_panel_card_text_row_box span{color: #585858; font-weight: normal;}
 .prg_panel_card_btn_row{
  width: 100%;
  display: flex;
  padding:30px 10px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
 }
 .prg_panel_card_btn_row strong{
  color: #000;
  font-size: 12px;
  font-weight: bold;
 }
 .prg_panel_card_btn_row strong span{
  color: #585858; font-weight: normal;
 }
 .prg_panel_card_btn_bx .btn_1{
  width: auto;
  padding: 12px 20px;
  font-size: 13px;
  color: #011a26;
  border: solid 1px #011a26;
  border-radius: 30px;
  transition: 0.2s ease;
 }
 .prg_panel_card_btn_bx .btn_1:hover{
  background-color: #00C458;
  color: #fff;
 }
 .prg_panel_card_btn_bx .btn_2{
  width: auto;
  padding: 12px 20px;
  font-size: 13px;
  color: #fff;
  background-color: #011a26;
  border-radius: 30px;
  transition: 0.2s ease;
  border: solid 1px #011a26;
 }
 .prg_panel_card_btn_bx .btn_2:hover{
  background-color: #00C458;
  color: #fff;
 }
 .prg_panel_card_text_main{
  width: 100%;
  display: inline-block;
  padding: 10px 20px;
 }

 .profile_page_top{
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 1;
 }
 .profile_page_top_btn{
  width: auto;
  padding: 8px;
  border-radius: 30px;
  background-color: #fff;
  position: absolute;
  right: 20px;
  top: 40%;
  display: flex;
  border: solid 1px #052332;
  color: #052332;
  font-size: 13px;
  align-items: center;
  gap: 5px;
  transition: 0.2s ease;
 }
 .profile_page_top_btn:hover{background-color: #00C458;color: #fff;}
 .profile_pro_dtl_row{
  width: 100%;
  display: flex;
  gap: 5px;
  align-items: end;
  background-color: #fff;
  padding: 15px;
  margin-top: -100px;
  position: relative;
 }
 .profile_pro_dtl_profile_Sec{
  max-width: 200px;
 }
 .profile_pro_dtl_profile_Sec_img{
  width: 200px;
  position: relative;
  z-index: 3;
 }
 .profile_pro_dtl_profile_Sec_text{
  width: 100%;
  display: inline-block;
 }
 .profile_pro_dtl_profile_Sec_text strong{
  width: 100%;
  display: inline-block;
  font-size: 18px;
  color: #000;
 }
 .profile_pro_dtl_profile_Sec_text span{
  width: 100%;
  display: inline-block;
  font-size: 13px;
  color: #6C6C6C;
 }
 .profile_pro_dtl_bx{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
 }
 .profile_pro_dtl_bx_ico{
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: #00C458;
  background-color: #F8F8F8;
  border-radius: 5px;
 }
 .profile_pro_dtl_bx_text{
  width: 100%;
  display: inline-block;
 }
 .profile_pro_dtl_bx_text strong{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #000;
 }
 .profile_pro_dtl_bx_text span{
  width: 100%;
  display: inline-block;
  font-size: 13px;
  color: #6C6C6C;
 }

 .prf_desc_sec{
  width: 100%;
  display: inline-block;
  border-bottom: 1px #F4F4F4 solid;
  margin-bottom: 10px;
 }

 .prf_desc_sec p{
  width: 100%;
  display: inline-block;
  font-size: 13px;
  color: #000;
  font-weight: bold;
 }
 .prf_desc_sec strong{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #000;
 }
 .prf_desc_sec_work_exp{
  width: 100%;
  display: inline-block;
  border-bottom: 1px #F4F4F4 solid;
  margin-bottom: 10px;
  padding: 15px 0;
 }

 .prf_desc_sec_work_box{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
 }
 .prf_desc_sec_work_box_ico{
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 5px;
  background-color: #052332;
  display: flex;
  align-items: center;
  justify-content: center;
 }
 .prf_desc_sec_work_box_txt{
  width: 100%;
  display: inline-block;
 }
 .prf_desc_sec_work_box_txt strong{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #000;
 }
 .prf_desc_sec_work_box_txt span{
  width: 100%;
  display: inline-block;
  font-size: 13px;
  color: #6C6C6C;
 }

 .prf_Skill_sec{
  width: 100%;
  display: inline-block;
  border-bottom: 1px #F4F4F4 solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
 }

 .prf_project_Sec{
  width: 100%;
  display: inline-block;
  border-bottom: 1px #F4F4F4 solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
 }
 .prf_project_Sec p{
  width: 100%;
  display: inline-block;
  font-size: 13px;
  color: #6C6C6C;
 }

 .prf_project_box{
  width: 100%;
  height: 95%;
  display: inline-block;
  padding: 10px;
  background-color: #F8F8F8;
  margin-bottom: 20px;
  min-height: 250px;
 }
 .prf_project_box_head{
  width: 100%;
  display: inline-block;
 }
 .prf_project_box_head strong{
  width: 100%;
  display: inline-block;
  font-size: 16px;
  color: #000;
 }
 .prf_project_box_head span{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #000;
 }
 .prf_project_box_lnk{
  width: 100%;
  display: flex;
  margin-top: 20px;
  gap: 5px;
 }
 .prf_project_box_lnk_ico{
  min-width: 30px;
 }
 .prf_project_box_lnk_txt{
  width: 100%;
  display: inline-block;
 }
 .prf_project_box_lnk_txt span{
  width: 100%;
  display: inline-block;
  font-size: 13px;
  color: #6C6C6C;
 }
 .prf_project_box_lnk_txtP{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #000;
  margin-top: 20px;
 }
 .prf_project_box_lnk_txt a{
  overflow: hidden;
  width: 100%;
  display: inline-block;
  word-break: break-all;
 }

 .prf_project_box_prg_usd{
  width: 100%;
  margin-top: 20px;
  display: inline-block;
  background-color: #F2F2F2;
 }
 .prf_project_box_prg_usd p{
  width: 100%;
  display: inline-block;
  font-size: 13px;
  color: #6C6C6C;
  margin-bottom: 0;
 }
 .prf_project_box_prg_usd_row{
  width: 100%;
  display: flex;
  gap: 15px;
  margin-top: 5px;
 }
 .prf_btm_dtl{
  width: 100%;
  margin-top: 20px;
  display: inline-block;
 }
 .prf_btm_dtl span{
  width: 100%;
  display: inline-block;
  font-size: 13px;
  color: #6C6C6C;
 }
 .prf_btm_dtl strong{
  width: 100%;
  display: inline-block;
  font-size: 17px;
  color: #000;
 }
 .prf_btm_dtl p{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #000;
 }

 .notification_row{
  width: 100%;
  display: flex;
  padding: 30px 0;
  border-bottom: 1px #F4F4F4 solid;
  gap: 10px;
 }
 .notification_row:last-child{border: 0;}

 .notification_img{
  width: 60px;
  min-width: 60px;
  height: 60px;
  background-color: #F5F5F5;
  border-radius: 40px;
 }
 .notification_btn_row{
  width: 100%;
  display: inline-block;
  margin-top: 10px;
 }
 .notification_content{
  width: 100%;
  display: inline-block;
 }
 .notification_content h6{
  width: 100%;
  display: flex;
  font-weight: bold;
  margin-bottom: 0;
  justify-content: space-between;
 }
 .notification_content p{
  width: 100%;
  display: inline-block;
  font-size: 14px;
 }
 .notification_content h6 span{font-size: 13px;color: #8C8C8C;font-weight: normal;}
 .activities_img{
  width: 30px;
  height: 30px;
  background-color: #00C458;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  position: relative;
  z-index: 5;
 }
 .activities_sec h6{margin-bottom: 6px;}
 .activities_sec p{
  display: flex;
  gap: 10px;
 }
 .activities_sec{
  padding: 5px 10px;
  border: 0;
  position: relative;
 }

 .activities_sec::before{
  content: '';
  position: absolute;
  left: 23px;
  top: 0;
  height: 100%;
  border-left: 1px #EBEBEB solid;
  z-index: 0;
 }
 .suuport_head{
  width: 100%;
  display: inline-block;
 }

 .connect_team_sec{
  width: 100%;
  display: inline-block;
  margin-top: 30px;
 }
 .connect_team_box{
  width: 100%;
  padding: 20px;
  background-color: #FCFCFC;
  padding-top: 30px;
  margin-bottom: 20px;
 }
 .connect_team_box_img{
  width: 100%;
  display: inline-block;
  min-height: 340px;
  position: relative;
  text-align: center;
 }
 .connect_team_box_img img{
    width: 140px;
    height: 140px;
    border-radius: 100%;
    overflow: hidden;
    margin: auto;
    border: solid 1px #ccc;
    margin-top: 20px;
 }
 .connect_team_box_img .connect_team_box_btm_txt .connect_team_box_btm_txt_soc_ico img{
  width: 100%;
  height: auto;
 }
 .connect_team_box_top_txt{
  width: 100%;
  display: inline-block;
  text-align: center;
 }
 .connect_team_box_top_txt strong{
  width: 100%;
  display: inline-block;
  font-size: 20px;
  color: #000;
 }
 .connect_team_box_top_txt p{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #000;
  margin-bottom: 0;
 }
 .connect_team_box_top_txt p span{color: #00C458;}
 .connect_team_box_btm_txt{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: auto;
  text-align: center;
 }
 .connect_team_box_btm_txt p{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #747474;
  margin-bottom: 0;
 }
 .connect_team_box_btm_txt a{
  display: inline-block;
  font-size: 18px;
  color: #000;
  text-decoration: underline;
  margin-bottom: 5px;
 }
 .connect_team_box_btm_txt_soc{
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 10px;
 }
 .connect_team_box_btm_txt_soc_ico{
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 30px;
 }
 .connect_team_box_btm_txt_rating_sec{
  width: 100%;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
 }

 .detail_review_btm_img::before{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 200px;
  width: 100%;
  background: rgb(203,184,252);
background: linear-gradient(184deg, rgba(203,184,252,0) 10%, rgb(248 248 248) 65%);
content: '';

}

 .connect_team_box_img::before{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 200px;
  width: 100%;
  background: rgb(203,184,252);
background: linear-gradient(184deg, rgba(203,184,252,0) 10%, rgb(248 248 248) 65%);
content: '';

}

.downnload_sec{
  width: 100%;
  display: inline-block;
  margin-top: 5px;
  font-size: 15px;
  margin-bottom: 20px;
}

.create_ticket_box{
  width: 100%;
  display: flex;
  background-color: #F8F8F8;
  padding: 20px;
  justify-content: space-between;
  margin-bottom: 10px;
  align-items: center;
}
.create_ticket_box strong{
  font-size: 18px;
  color: #000;
  max-width: 500px;
}
.create_ticket_box_btn{
  padding: 8px 20px;
  border-radius: 30px;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  border: solid 1px #242424;
}
.create_ticket_box_btn:hover{background-color: #00C458;color: #fff;}

.support_card_head{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.create_ticket_btn{
  width: auto;
  padding: 8px 30px;
  background-color: rgba(5, 35, 50, 1);
  color: #fff;
  font-size: 15px;
  border-radius: 30px;
  margin-bottom: 20px;
}
.create_ticket_btn:hover{
  background-color: #00c458;
}
.support_card_head h2{
  font-size: 24px;
}
.support_card_head p{
  font-size: 16px;
  color: rgba(98, 98, 98, 1);
}

.ticket_count_row{
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
}
.ticket_count_box{
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
}

.ticket_count_box_ico{
  width: 70px;
  min-width: 70px;
  height: 70px;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(248, 248, 248, 1);

}
.ticket_count_box_text{
  width: 100%;
  display: inline-block;
}
.ticket_count_box_text p{
  width: 100%;
  display: inline-block;
  color: rgba(95, 95, 95, 1);
  font-size: 16px;
  margin-bottom: 0;
}
.ticket_count_box_text strong{
  width: 100%;
  display: inline-block;
  color: rgba(0, 0, 0, 1);
  font-size: 25px;
}

.seeall_ticket_Sec{
  width: 100%;
  display: inline-block;
  background-color: rgba(251, 251, 251, 1);
  padding: 20px;
  border-radius: 5px;
  min-height: 200px;
  margin-top: 20px;
}
.seeall_ticket_Sec_head{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.ticket_right_search_bx{
  display: flex;
  justify-content: end;
  gap: 10px;
}
.ticket_right_search_bx .form-control {
  display: block;
  width: 100%;
  padding: 3px 0.75rem;
  height: 40px;
  font-size: 11px;
  border-radius: 30px !important;
  appearance: auto !important;
}
.seeall_ticket_Sec_head h3{
  font-size: 21px;
  color: rgba(0, 0, 0, 1);
}
.seeall_ticket_Sec_head p{
  font-size: 14px;
  color:rgba(123, 123, 123, 1);
  margin: 0;
}

.seeall_ticket_row{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  background-color: #fff;
  padding: 10px;
}
.seeall_ticket_row_txt{
  width: 100%;
  display: inline-block;
}
.seeall_ticket_row_txt p{
  width: 100%;
  display: inline-block;
  color: rgba(107, 107, 107, 1);
  font-size: 18px;
}
.seeall_ticket_row_txt h4{
  width: 100%;
  display: inline-block;
  color:rgba(0, 0, 0, 1);
  font-size: 20px;
  font-weight: bold;
}
.seeall_ticket_row_txt h6{
  width: 100%;
  display: inline-block;
  color:rgba(0, 0, 0, 1);
  font-size: 18px;
  font-weight: bold;
}
.seeall_ticket_row_txt span{
  width: 100%;
  display: inline-block;
  color:rgba(0, 0, 0, 1);
  font-size: 16px;
  margin-top: 10px;
}
.ticket_dtl_btn{
  width: auto;
  padding: 5px 20px;
  border-radius: 30px;
  background-color: rgba(255, 138, 0, 0.07);
  color: rgba(229, 132, 18, 1);
  font-size: 16px;
  max-width: 100px;
}

.see_ticket_ftr_sec{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.see_ticket_ftr_sec .form-control {
  display: block;
  width: 100%;
  padding: 3px 0.75rem;
  height: 40px;
  font-size: 16px;
  border-radius: 30px !important;
  appearance: auto !important;
  margin-left: 10px;
}
.see_ticket_ftr_sec div{
  display: flex;
  align-items: center;
}
.see_ticket_ftr_sec p{
  margin: 0;
  margin-right: 15px;
  color: rgba(123, 123, 123, 1);
}
.see_ticket_ftr_sec .next_page_btn{
  padding: 8px;
  border-radius: 20px 0 0 20px;
  display: inline-block;
  border: 1px solid rgba(5, 35, 50, 1);
  color: rgba(5, 35, 50, 1);
  font-size: 14px;
  margin-right: -1px;
}
.see_ticket_ftr_sec .next_page_btn:last-child{
  border-radius:  0 20px 20px  0 ;

}
.leave_top_staus_sec{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 15px 0;
}
.leave_top_staus_sec span{
  font-size: 16px;
  color: rgba(125, 125, 125, 1);
}
.leave_top_staus_sec strong{
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
  font-weight: bold;
}

.leave_tab_view_row{
  width: 100%;
  display: inline-block;
}

.leave_tab_view_row_head{
  width: 100%;
  display: flex;
  gap: 10px;
  border-bottom: 1px rgba(230, 230, 230, 1) solid;
}
.leave_tab_view_row_head a{
  padding: 10px 20px;
  font-size: 16px;
  color: #000;
}
.leave_tab_view_row_head a.active{
  background-color: rgba(0, 0, 0, 0.03);
  position: relative;
}
.leave_tab_view_row_head a.active::before{
  width: 60%;
  height: 3px;
  background-color: rgba(0, 0, 0, 1);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: '';
}
.leave_tab_view_content{
  width: 100%;
  display: inline-block;
  padding: 15px;
}

.leave_tab_view_calander_sec{
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
  max-width: 330px;
  margin: auto;
  margin-top: 20px;
  border:1px solid rgba(230, 230, 230, 1);
  padding: 0;
  padding-top: 0;
}
.leav_enter_sec .form-control{
    width: 100%;
    padding: 13px 0.75rem;
    height: 70px;
    font-size: 16px;
    border-radius: 30px !important;
    appearance: auto !important;
    margin-left: 10px;
    background-color: rgb(241 241 241);
    margin-top: 13px;
}
.leav_enter_sec textarea.form-control{
  height: 150px;
      border-radius: 20px !important;
}

.main-months {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.main-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}

.leav_enter_sec .label
.main-months > div {
  width: 82px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #666;

  cursor: pointer;
  transition: all 300ms;
}

.main-days > div {
  width: 40px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #666;

  cursor: pointer;
  transition: all 300ms;
}

.leave_tab_view_calander_sec main>div:hover {
  background-color: #ECE0FD;
  border-radius: 8px;
}

.leave_tab_view_calander_sec main>div.active {
  background: rgba(250, 250, 250, 1);
  border-radius: 18px;
  font-weight: 700;
  color: #4a4949;
  position: relative;
}

.leave_tab_view_calander_sec main>div.active::after {
  content: '';
  width: 4px;
  height: 4px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  bottom: 6px;
}
.leave_tab_view_calander_sec header{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  border-bottom: 1px #e5e5e5 solid;
  padding-top: 0;
}

.days-month-box i{
  padding: 12px 0;
  border-right: 1px #e5e5e5 solid;
  text-align: center;
  width: 47px;
}
.days-month-box header span{
  width: 201px;
  text-align: center;
}
.days-month-box .fa-angle-right{
  border-right: 0;
  border-left: 1px #e5e5e5 solid;
}
.days-month-box .fa-angles-right{
  border-right: 0;
  border-left: 1px #e5e5e5 solid;

}

.sub_head {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  margin-bottom: 10px;
}
.sub_head span{
  text-align: center;
  width: 100%;
  color: rgba(142, 140, 154, 1);
}

.panel_card .downnload_sec{
  text-align: center;
  width: 100%;
  display: inline-block;
  padding-top: 30px;
  border-top: solid 1px rgba(230, 230, 230, 1);
}

.certificate_row_box{
  width: 100%;
  display: inline-block;
  padding-top: 30px;
  border-top: solid 1px rgba(230, 230, 230, 1);
}

.certificate_row{
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}

.certificate_row_img{
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}
.certificate_row_img p{
  font-weight: bold;
}

.certificate_row_text h6{
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 1);
  font-size: 27px;
}
.certificate_row_text p{
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 1);
  font-size: 17px;
}
.certificate_row_text .progress{
  height: 7px;
}
.certificate_row_text .progress-bar{
 background-color: #00C458;
}
.crc_id_sec p{
  width: 100%;
  display: inline-block;
  color: rgba(125, 125, 125, 1);
  font-size: 15px;
  margin: 0;
}
.crc_id_sec span{
  width: 100%;
  display: inline-block;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
  position: relative;
}
.crc_id_sec span i{
  position: absolute;
  right: 0;
  top: 0;
}


.certificate_row_text .profile_page_top_btn{position: static;width: auto;max-width: 150px;text-align: center;justify-content: center;}
.certificate_share_to{
  width: 100%;
  display: inline-block;
  margin-top: 40px;
}
.certificate_share_to p{
  color: rgba(125, 125, 125, 1);
  font-size: 14px;
  width: 100%;
  display: inline-block;
  margin: 0;
}
.certificate_share_to .social_ftr_sec{
  justify-content: start;
}

.certificate_seemore_btn{
  width: 100%;
  display: inline-block;
  margin-top: 40px;
  text-align: center;
  font-size: 15px;
  color: rgba(5, 35, 50, 1);
  padding: 10px 0;
  background-color: rgba(251, 251, 251, 1);
}


.program_document_row{
  width: 100%;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-top: 20px;
  border-bottom: 1px solid rgba(230, 230, 230, 1);
  padding: 20px 0;
  align-items: center;
}

.program_document_leftbox{
  width: 100%;
  display: flex;
  gap: 10px;
}
.program_document_leftbox_ico{
  background-color: rgba(252, 252, 252, 1);
  width: 80px;
  min-width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.program_document_leftbox_txt strong{
  width: 100%;
  display: inline-block;
  color: rgba(0, 0, 0, 1);
  font-size: 20px;
}
.program_document_leftbox_txt span{
  width: 100%;
  display: inline-block;
  color: rgba(124, 124, 124, 1);
  font-size: 15px;
}
.program_document_row .profile_page_top_btn {
  position: static;
  width: auto;
  padding: 5px 20px;
  max-width: 150px;
  text-align: center;
  justify-content: center;
  height: 50px;
}

.need_help_sec{
  width: 100%;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-top: 20px;
  background-color: rgba(248, 248, 248, 1);
  padding: 20px ;
  align-items: center;
  flex-wrap: wrap;
}
.need_help_sec p{
  margin: 0;
  font-weight: bold;
  color: 000;
}

.need_help_sec .profile_page_top_btn {
  position: static;
  width: auto;
  padding: 5px 20px;
  max-width: 150px;
  text-align: center;
  justify-content: center;
  height: 50px;
}

#help .leav_enter_sec .form-control{margin-left: 0;height: 50px;}
.modal .btn-primary{
  width: auto;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  background-color: rgba(5, 35, 50, 1);
  border-radius: 40px;
  border: solid 1px rgba(5, 35, 50, 1);
}
.modal .btn-secondary{
  width: auto;
  padding: 10px 20px;
  color: rgba(5, 35, 50, 1);
  font-size: 14px;
  background-color: 3fff;
  border: solid 1px rgba(5, 35, 50, 1);
  border-radius: 40px;
  background-color: #fff;
}
#help textarea{height: 120px !important;}
.modal-header{border: 0;}
.modal-content{    border-radius: 20px;}

.second_course_dtl_page_sec{
  width: 100%;
  display: inline-block;
  padding: 40px 0;
  background-color: rgba(249, 249, 249, 1);
}
.crs_dtl_page_box{
  width: 100%;
  padding: 15px;
  background-color: #fff;
  /* box-shadow: 2px 2px 20px #f0f0f0; */
  border-radius: 15px;
}
.crs_dtl_page_box_mn_head{
  width: 100%;
  display: inline-block;
}
.crs_dtl_page_box_mn_head h2{
  font-size: 35px;
  width: 100%;
  display: inline-block;
  color: #000;
}
.crs_dtl_page_box_mn_head p{
  font-size: 15px;
  width: 100%;
  display: inline-block;
  color: #939393;
  margin: 0;
}
.crs_step_row{
  width: 100%;
  display: flex;
  overflow: auto;
  margin-top: 20px;
  border-bottom: 1px #e5e5e5 solid;
  margin-bottom: 30px;
}
.crs_step_row::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  background-color: #e0e0e0; /* or add it to the track */
}
.crs_step_row::-webkit-scrollbar-thumb {
  background: #c0c0c0;
}
.crs_step_row_box{
  min-width: 250px;
  width: 250px;
  padding: 10px;
  gap: 10px;
  display: flex;
  border-radius: 5px;
  align-items: center;
  cursor: pointer;
}
.crs_step_row_box:hover{background-color: rgba(0, 0, 0, 0.03);}
.crs_step_row_box.active{background-color: rgba(0, 0, 0, 0.03);}
.crs_step_row_box_left_num{
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 30px;
  background-color: rgba(204, 204, 204, 0.3);
  display: flex;
  align-items: center;
  font-size: 18px;
  color: rgba(159, 159, 159, 1);
  justify-content: center;
}
.crs_step_row_box.active .crs_step_row_box_left_num{
  background-color: rgba(0, 196, 88, 1);
  color: #fff;
}
.crs_step_row_box_left_num span{font-size: 12px;}
.crs_step_row_box_txt{
  width: 100%;
  display: inline-block;
}
.crs_step_row_box_txt strong{
  width: 100%;
  display: inline-block;
  font-size: 18px;
  color: #000;
}
.crs_step_row_box_txt span{
  font-size: 15px;
  color: rgba(0, 0, 0, 1);
}

.course_left_video_box{
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
  /* min-height: 600px; */
  /* background-color: #000; */
  overflow: hidden;
  border-radius: 5px;
}
.course_left_video_box iframe{
  border: solid 1px #ccc;
  border-radius: 5px;
  overflow: hidden;
}

.course_left_video_ply_btn{
  position: absolute;
  width: 40px;
  height: 40px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 30px;
  background-color: #00C458;
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.crs_left_cnt{
  width: 100%;
  display: inline-block;
  /* margin-top: 20px; */
}
.crs_left_cnt h2{
  width: 100%;
  display: inline-block;
  font-size: 30px;
  color: #000;
}
.crs_left_cnt p{
  width: 100%;
  display: inline-block;
  font-size: 16px;
  color: rgba(98, 98, 98, 1);
  line-height: 27px;
}

.crs_support_article_sec{
  width: 100%;
  display: inline-block;
  padding: 15px;
  background-color: rgba(248, 248, 248, 1);
  margin-top: 20px;
  border-radius: 8px;

}
.crs_support_article_sec h5{
  width: 100%;
  display: inline-block;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  margin-bottom: 20px;
}
.crs_support_article_row{
  width: 100%;
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}
.crs_support_article_row_ico{
  width: 30px;
  min-width: 30px;
}
.crs_support_article_row_text{
  width: 100%;
  display: inline-block;
}
.crs_support_article_row_text span{
  width: 100%;
  display: inline-block;
  color: #666;
  font-size: 15px;
}
.crs_upcoming_events{
  width: 100%;
  display: inline-block;
  margin-top: 20px;
  padding: 15px;
  border: solid 1px rgba(230, 230, 230, 1);
  border-radius: 8px;

}
.crs_upcoming_events h5{
  width: 100%;
  display: inline-block;
  font-size: 20px;
  color: #000;
  font-weight: normal;
  margin-bottom: 20px;
}

.crs_upcoming_events_row{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 30px 0;
  border-bottom: 1px rgba(230, 230, 230, 1) solid;
}
.crs_upcoming_events_row:last-child{border: 0;}
.crs_upcoming_events_row_ico{
  width: 80px;
  min-width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #000;
  font-weight: bold;
  background-color: rgba(252, 252, 252, 1);
  text-align: center;
}
.crs_upcoming_events_row_txt{
  width: 100%;
  display: inline-block;
}
.crs_upcoming_events_row_txt strong{
  width: 100%;
  display: inline-block;
  font-size: 20px;
  color: #000;
}
.crs_upcoming_events_row_txt span{
  width: 100%;
  display: inline-block;
  font-size: 15px;
  color: #666;
}
.crs_left_Btm_wrd{
  width: 100%;
  padding: 0 15px;
  margin-top: 20px;
  background-color: #009f48;
  min-height: 100px;
  padding-top: 0;
  overflow: hidden;
  font-size: 18px;
  color: #fff;
  border-radius: 8px;
  background-size: 100%;
  background-repeat: no-repeat;
  max-height: 290px;
}

.crs_left_Btm_wrd_img{
  width: 100%;
  display: inline-block;
  animation: hero-thumb-sm-2-animation 4s linear infinite alternate;

}
.crs_left_Btm_wrd span{
  margin-top: -50px;
    display: inline-block;
}

.crs_right__doubt_sec{
  width: 100%;
  padding: 15px;
  background-color: rgba(5, 35, 50, 1);
  margin-bottom: 20px;
  border-radius: 5px;
}
.crs_right__doubt_sec h5{
  width: 100%;
  display: inline-block;
  font-size: 20px;
  color: #fff;
  margin-bottom: 20px;
}
.full_btn_crs_page{
  width: 100%;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  border: solid 1px rgba(5, 35, 50, 1);
  font-size: 16px;
  color: rgba(5, 35, 50, 1);
  font-weight: bold;
  background-color: #fff;
  border-radius: 30px;
  transition: 0.2s ease;
}
.full_btn_crs_page:hover{background-color: #00C458;color: #fff;}
.crs_right__module_bx{
  width: 100%;
  display: inline-block;
  padding: 15px;
  border: solid 1px #e5e5e5;
  border-radius: 10px;
  background-color: #fff;
}
.crs_right__module_bx h5{
  width: 100%;
  display: inline-block;
  font-size: 20px;
  color: #000;
  margin-bottom: 20px;
}
.crs_right__module_bx_row{
  width: 100%;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  position: relative;
  padding-right: 50px;
}
.crs_right__module_bx_row_img{
  width: 80px;
  min-width: 80px;
  height: 60px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #f3f3f3;
}
.crs_right__module_bx_row_img img{width: 100%;height: 100%;}
.crs_right__module_bx_row_txt{
  width: 100%;
  display: inline-block;
}
.crs_right__module_bx_row_txt strong{
  width: 100%;
  display: inline-block;
  font-size: 17px;
  color: #000;
}
.crs_right__module_bx_row_txt p{
  width: 100%;
  display: inline-block;
  font-size: 15px;
  color: #000;
}
.crs_right__module_bx_row_txt span{
  color: rgba(125, 141, 148, 1);
}
.crs_right__module_bx_row_txt span.ply{
  color: #00C458;
}
.crs_right__module_bx_ply_btn{
  position: absolute;
  width: 40px;
  height: 40px;
  right: 20px;
  top: 10px;
  border-radius: 30px;
  /* background-color: #00C458;
  box-shadow: 0px 8px 24px rgba(0, 196, 88, 0.4); */
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.crs_right__module_bx_lock_btn{
  position: absolute;
  width: 40px;
  height: 40px;
  right: 20px;
  top: 10px;
  border-radius: 5px;
  background-color: rgba(244, 244, 244, 1);
  color: #000;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.crs_right__md_btn_bx{
  width: 100%;
  display: inline-block;
  font-size: 15px;
  color: #000;
  margin-top: 10px;
}
.crs_right__md_btn_bx strong{
  width: 100%;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 20px;
}
.crs_right_once_box{
  width: 100%;
  display: inline-block;
  font-size: 15px;
  color: #000;
  margin-top: 15px;
  padding:30px 10px;
  background-color: rgba(248, 248, 248, 1);
  margin-bottom: 20px;
  border-radius: 5px;
}
.crs_right_once_box strong{
  width: 100%;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 20px;
}
.doubt_pop_box{
  width: 100%;
  display: inline-block;
  background-color: #083246;
  padding: 10px;
}
.doubt_pop_box1{
  width: 100%;
  display: inline-block;
  padding: 10px;
  background-color: #13465e;
}
.doubt_pop_box1 h5{
  width: 100%;
  display: inline-block;
  font-size: 15px;
  color: #fff;
  margin-bottom: 10px;
}
.doubt_pop_box1 .crs_right__module_bx_row_txt strong{color: #fff;}
.landing_two .banner_sec_left .primary_button::before{display: none;}
.landing_two_bhanner_box{
  width: 100%;
  display: inline-block;
  border-radius: 20px;
  overflow: hidden;
  background-image: url(../images/landing2_banner_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}  
.landing_two_bhanner_box .banner_sec_left{
  background-color: transparent;
    display: flex;
    align-items: end;
    justify-content: end;
    height: auto;
}
.landing_two_bhanner_box .banner_sec_left_cnt{height: auto;}

.landing2_right_img{
  width: 100%;
  display: inline-block;
  position: relative;
  height: 100%;
  text-align: right;
}
.landing2_right_text{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end;
  justify-content: end;
  flex-direction: column;
  position: absolute;
  right: 50px;
  bottom: 20px;
}
.landing2_right_text_row{
  width: 100%;
  display: flex;
  align-items: end;
  gap: 10px;
  justify-content: end;
}
.landing2_right_text_row_box{
  width: auto;
  padding: 10px 10px;
  border-radius: 50px;
  background-color: #fff;
  display: flex;
  margin-bottom: 10px;
  gap: 10px;
  align-items: center;
  border: solid 1px #e5e5e5;
}
.landing2_right_text_row_box_ico{
  width: 50px;
  height: 50px;
  min-width: 50px;
  background-color: #011a26;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;

}
.landing2_right_text_row_box_txt{
  color: #011a26;
  font-size: 16px;
}

.landing_2contact_sec{
  width: 100%;
  display: inline-block;
  padding: 30px 0;
  position: relative;
}
.landing_2contact_box{
  width: 100%;
  display: inline-block;
  padding: 50px;
  border-radius: 30px;
  background-color: rgba(5, 35, 50, 1); 
}
.landing_2contact_box ::-webkit-input-placeholder{
  color: rgba(99, 137, 155, 1) !important;
}
.landing_2contact_box h3{
  width: 100%;
  display: inline-block;
  font-size: 35px;
  color: #fff;
}
.landing_2contact_box h3 span{
  color: #00C458;
}
.landing_2contact_box label{
  width: 100%;
  display: inline-block;
  font-size: 15px;
  color: #fff;
  margin-bottom: 6px;
}
.landing_2contact_box .form-control{
  border-radius: 30px;
  background-color:  rgba(9, 53, 74, 1) !important;
  color: #fff;
  border: solid 1px rgba(33, 87, 115, 1);
  padding: 14px 10px;
  font-size: 14px;
}

.sec_land_row{
  width: 100%;
  display: inline-block;
  padding-top: 10px ;
}

.sec_land_row_box{
  width: 100%;
  height: auto;
  padding: 30px;
  padding-top: 50px;
  background-color: rgba(248, 248, 248, 1);
  border-radius: 20px;
}
.landing_cnt_btn{
  border-radius: 30px;
  float: right;
  max-width: 120px;
  margin-top: 30px;
  padding: 10px 30px;
  background-color: #00C458;
  color: #fff;
  border: 0;
}
.fiftyk_prj_sec{
  width: 100%;
  display: inline-block;
  padding: 30px 0;
}
.fiftyk_prj_sec_box{
  width: 100%;
  display: inline-block;
  padding: 30px;
  background-color: #f3f3f3;
  margin-top: 20px;
}
.fiftyk_prj_sec_box h5{
  width: 100%;
  display: inline-block;
  font-size: 33px;
  color: #242424;
  text-align: center;
}
.fiftyk_prj_sec_box h5 span{
  color: #00C458;
}

.fiftyk_prj_sec_box_row{
  width: 100%;
  display: inline-block;
  margin-top: 30px;
}
.fiftyk_prj_sec_box_row .works_at_ftr_right_bx h5{color: #00C458;text-align: left;}

.prj_left_txt{
  width: 100%;
  display: inline-block;
  line-height: 30px;
}
.fiftyk_prj_sec_box .video_review_video_box_cnt{
  justify-content: center;
}

.detail_review_row .owl-nav {
    position: absolute;
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    top: 46%;
    left: 0;
}
.detail_review_row .owl-nav button{
    background-color: #fff !important;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    line-height: 30px;
    color: #242424;
    font-size: 16px;
    box-shadow: 0px 0px 10px #00000015;
}

.contact_Address_box{
  width: 100%;
  height: auto;
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
}
.contact_Address_box_row{
  width: 100%;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.contact_address_ico{
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: rgba(248, 248, 248, 1);
  color: #00C458;
  padding: 10px;
}
.contact_address_text{
  width: 100%;
  text-align: left;
}
.contact_address_text strong{
  color: #000;
}
.contact_address_text p{
  margin-bottom: 0;
  font-size: 14px;
  color: rgba(113, 113, 113, 1);
}

.shine{position: relative;overflow: hidden;}
.shine:after {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  filter: blur(30px);
  -webkit-animation: shine-alt1 3s ease-in-out infinite;
          animation: shine-alt1 3s ease-in-out infinite;
}

@keyframes shine-alt1 {
	0% {transform:translateX(-100%);}
	100% {transform:translateX(200%);}
}

@keyframes bounce {
  70% { transform:translateY(0%); }
  80% { transform:translateY(-15%); }
  90% { transform:translateY(0%); }
  95% { transform:translateY(-7%); }
  97% { transform:translateY(0%); }
  99% { transform:translateY(-3%); }
  100% { transform:translateY(0); }
}
@keyframes gelatine {
  from, to { transform: scale(1); }
  25% { transform: scale(1.1); }
  50% { transform: scale(0.9); }
  75% { transform: scale(1.05); }
}

.banner_lft_btm_right_btn strong {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.banner_lft_btm_right_btn strong:nth-child(1) {
  transform: rotate(0deg);
}

.banner_lft_btm_right_btn strong:nth-child(2) {
  transform: inherit;
}

.banner_lft_btm_right_btn strong:nth-child(3) {
  transform: rotate(180deg);
}

.banner_lft_btm_right_btn strong:nth-child(4) {
  transform: inherit;
}

.banner_lft_btm_right_btn strong:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: transparent;
  box-shadow: 0px 0px 10px #00C458;
  animation: animate 4s linear infinite;
}

@keyframes animate {
  0% {
    transform: scaleX(0);
    transform-origin: left;
  }
  50% {
    transform: scaleX(1);
    transform-origin: left;
  }
  /* 51.5% {
          transform: scaleX(1);
          transform-origin: right;
        } */

  100% {
    transform: scaleX(0);
    transform-origin: right;
  }
}

#progrm .owl-dots{text-align: center;}
#progrm .owl-dots button.owl-dot{
  background: rgba(5, 35, 50, 1);
   border-radius: 50%;
   height: 7px;
  margin: 1px;
  width: 7px;
   position: relative;
}
#progrm .owl-dots button.owl-dot.active{
  width:30px;
  background-color: #00C458;
  border-radius: 10px;
}

.contact_right_sec h3{margin-bottom: 50px;}
.contact_right_sec .inner_login_right_box{max-width: 500px;}
.contact_right_sec .form-control {
  border-radius: 30px;
  background-color: rgba(248, 248, 248, 1);
  border: solid 1px rgba(226, 226, 226, 1);
  padding: 10px 10px;
  appearance: auto;
}
.contact_right_sec .input-row label{margin-bottom: 5px;}

.about_us_page_brcrumb_box #sentence {
  overflow: hidden;
  padding: 0px;
  margin: 0;
}

.about_us_page_brcrumb_box #sentence > li, #sentence > ul { display: inline; }

.about_us_page_brcrumb_box #textSlider {
  overflow: visible !important;
  text-align: left;
  display: inline;
  position: relative;
  height: 16px;
  padding: 0;
}

.about_us_page_brcrumb_box #textSlider  li{color: #00C458;}
.about_us_page_brcrumb_box .adj {
  white-space: nowrap;
  list-style: none;
  position: absolute;
  line-height: .3em;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
}

.about_us_page_brcrumb_box .slide-in {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.about_us_page_brcrumb_box .slide-out {
  -webkit-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  transform: translateY(-60px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}


#top_info_slide  .owl-nav {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 30%;
  left: 0;
  right: 0;
  margin: auto;
}
#top_info_slide  .owl-nav button{
  background-color: #fff !important;
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50px;
  text-align: center;
  line-height: 30px;
  color: #242424;
  font-size: 16px;
  box-shadow: 0px 0px 10px #00000015;
}

@-webkit-keyframes hero-thumb-sm-2-animation {
  0% {
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px);
  }
  to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}
@keyframes hero-thumb-sm-2-animation {
  0% {
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px);
  }
  to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}

   #map {
        display: inline-block;
        width: 100%;
      }
      .marker {
        background-image: url('../images/contact_map.png');
        background-size: cover;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        cursor: pointer;
      }
      .mapboxgl-popup {
        max-width: 200px;
      }
      .mapboxgl-popup-content {
        text-align: center;
        font-family: 'Open Sans', sans-serif;
      }

      .scrollbar{height: 44vh;}

      .left_fix_div.fixed {
        position: fixed;
        top: 100px;
        max-width: 382px;
    }
    .intern_banner_box_img{
      width: 100%;
      text-align: center;
      display: inline-block;
      position: relative;
    }
    .mob_show{
      display: none !important;
    }
    
    @-moz-document url-prefix() {
      .about_us_page_brcrumb marquee{width: 100%;white-space: nowrap;}
      .about_us_page_brcrumb marquee img{max-width: 3%;}
    }
    .webhide_hide{display: none;}
    .iframe-full-height{}

    .videoWrapper {
      position: relative;
      width: 100%;
      overflow: hidden;
  }

  .videoWrapper iframe {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .mobile_hide{position: relative;}
  .left_fix_div{width: 100%;display: inline-block;}
  
  #awards .owl-dots{text-align: center;margin-top: 15px;}
  #awards .owl-dots button.owl-dot{
     border: 1px solid #ccc;
     background: white;
      border-radius: 50%;
      height: 10px;
      width: 10px;
      position: relative;
      text-align: center;
      margin-right: 5px;
   }
   #awards .owl-dots button.owl-dot.active{background-color: #009f48;}
   .dataTables_wrapper{padding: 8px;}
 .modal-content button.close{border: 0;background-color: transparent;font-size: 22px;}
 .select2-selection__rendered {
   line-height: 46px !important;
     border-radius: 30px !important;
   color: #fff  !important;
   border: solid 1px rgba(33, 87, 115, 1)  !important;
 }
 .select2-container .select2-selection--single {
   height: 50px !important;
   border-radius: 30px  !important;
   background-color: rgba(9, 53, 74, 1) !important;
   color: #fff  !important;
   border: solid 1px rgba(33, 87, 115, 1)  !important;
   font-size: 14px;
 }
 .select2-selection__arrow {
   height: 50px !important;
 }
 .select2-dropdown{
   background-color: rgba(9, 53, 74, 1) !important;
   color: #fff  !important;
 }
 .select2-container--default .select2-results__option--highlighted[aria-selected]{
   background-color: #011c29 !important;
 }