/*common*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --primary-color: #2CB7DF;
  --primary-light:#2CB7DF1C;
  --secondary-color: #258FAE;
  --ternary-color: #263077;
  --common-color: #212832;
  --dark-color:#2D2D32;
  --description-color:#787887;
  --footer-color1: #06254D;
  --footer-color2: #031F42;
  --light-color:#B3B3B3;
  --white-color: #fff;
  --white-light:#C8B9CD;
  --site-font:'Poppins', sans-serif;
}

body {
  font-family: var(--site-font);
  font-size: 14px;
  color: var(--description-color);
  line-height: 21px;
  font-weight: normal;
}

h2, h3, h4, h5, h6 {
  line-height: 46px;
  color: var(--common-color);
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 54px;
  color: var(--dark-color);
  margin: 0;
  line-height: 66px;
  font-weight: 500;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 18px;
  line-height: 22px;
}

p {
  margin: 0;
  padding: 0;
}

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

a {
  text-decoration: none;
  color: var(--dark-color);
}

a:hover {
  text-decoration: none;
}

img {
  margin: 0;
  padding: 0;
}

.pt {
  padding-top: 46px;
}

.pb {
  padding-bottom: 46px;
}

.container {
  max-width: 1190px;
  width: 100%;
}

.custom_button {
  margin: 0;
  position: relative;
  z-index: 1;
}

.custom_button a {
  width: 212px;
  height: 56px;
  border-radius: 5px;
  background-color: var(--primary-color);
  color: var(--white-color);
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
}

.custom_button a img {
  margin-left: 3px;
}

.custom_button.transparent a {
  width: 180px;
  height: 45px;
  font-size: 16px;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
  background-color: transparent;
}

.custom_button.transparent.no_border_bg a {
  width: 147px;
  background-color: var(--primary-light);
  border: none;
}

.custom_button.small a {
  width: 124px;
  height: 37px;
  font-size: 16px;
  border-radius: 3px;
}

.custom_button.search_button {
  width: 132px;
  height: 52px;
  cursor: pointer;
  border: none;
  outline-style: none;
  border-radius: 2px;
  background-color: var(--primary-color);
  color: var(--white-color);
  border-radius: 3px;
  font-size: 18px;
  font-weight: 500;
}

.custom_button .search_button {
  width: 132px;
  height: 52px;
  cursor: pointer;
  border: none;
  outline-style: none;
  border-radius: 2px;
  background-color: var(--primary-color);
  color: var(--white-color);
  border-radius: 3px;
  font-size: 18px;
  font-weight: 500;
}

.custom_button .all_button {
  width: 212px;
  height: 56px;
  border-radius: 5px;
  background-color: var(--primary-color);
  color: var(--white-color);
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border: none;
  outline-style: none;
  cursor: pointer;
}

.custom_button .all_button img {
  margin-left: 3px;
}

@media only screen and (max-width: 1309px) {
  .custom_button a img {
/*    width: 15px;*/
  }
  .custom_button.transparent a {
/*    width: 140px;*/
    font-size: 14px;
  }
  .custom_button.transparent.no_border_bg a {
    width: 130px;
    font-size: 14px;
  }
}

.custom_heading {
  width: 100%;
}

.custom_heading.center {
  text-align: center;
}

.custom_heading.left {
  text-align: left;
}

.custom_heading h2 {
  color: var(--common-color);
  font-weight: 500;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 28px;
}

.custom_heading h2::after {
  background-image: url(../images/design_line.svg);
  width: 104px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
}
.single-product .hero_course_syllabus .custom_button.transparent a {
    width: -webkit-fill-available !important;
    height: 55px !important;
    font-size: 20px;
    font-weight: 500;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.first-sec{
  height: 264px;
}
.hero_course_syllabus {

    padding-bottom: 80px;
}
@media only screen and (max-width: 767px){
  .first-sec{
    height: auto;
  }
}
@media only screen and (max-width: 500px) {
  .custom_heading h2 {
    font-size: 20px;
  }
  .pt {
    padding-top: 26px;
  }
  .pb {
    padding-bottom: 26px;
  }
}

/*common*/
/*header*/
header {
  width: 100%;
  background-color: var(--white-color);
  padding: 22px 0;
  position: relative;
  z-index: 99;
}

header .container {
  max-width: 1310px;
}

header .logo img {
  display: block;
}

header .main_nav .cat_wrap {
  position: relative;
}

header .main_nav .cat_wrap img.second {
  display: none;
}

header .main_nav .cat_wrap .custom_button a {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

header .main_nav .cat_wrap:hover img {
  display: none;
}

header .main_nav .cat_wrap:hover img.second {
  display: block;
  -webkit-filter: grayscale(0) invert(1);
          filter: grayscale(0) invert(1);
}

header .main_nav .cat_wrap:hover .custom_button a {
  background-color: var(--primary-color);
  color: var(--white-color);
}

header .main_nav .cat_wrap.active .custom_button img {
  position: relative;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

header .main_nav .cat_wrap.active .cat_list {
  display: block;
}

header .main_nav .cat_wrap .cat_list {
  position: absolute;
  top: calc(100% + 20px);
  right: 0;
  width: 259px;
  height: 484px;
  overflow-y: auto;
  padding: 14px 0 14px 24px;
  background-color: var(--white-color);
  -webkit-box-shadow: 0px 5px 43px #B0B0B029;
          box-shadow: 0px 5px 43px #B0B0B029;
  border-radius: 11px;
  display: none;
}

header .main_nav .cat_wrap .cat_list li a {
  width: 100%;
  padding: 14px 0 14px 0;
  display: block;
  position: relative;
  color: var(--common-color);
  font-size: 18px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

header .main_nav .cat_wrap .cat_list li a:hover {
  color: var(--primary-color);
}

header .main_nav .navigation {
  padding: 0 38px 0 20px;
}

/* header .main_nav .navigation li:first-child {
  display: none;
} */

header .main_nav .navigation li a {
  color: var(--common-color);
  text-transform: capitalize;
  height: 45px;
  padding: 0 20px;
  font-weight: 500;
  font-size: 16px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
}

header .main_nav .navigation li a:hover {
  color: var(--primary-color) !important;
}

header .right .cart {
  margin-right: 22px;
  position: relative;
  cursor: pointer;
}

header .right .mobile_search {
  width: 30px;
  height: 30px;
  background: #e5e6eb;
  border-radius: 100%;
  cursor: pointer;
  margin-right: 22px;
  display: none !important;
}

header .right .ham_cross_menu_back {
  width: 45px;
  height: 45px;
  border: var(--description-color) 2px solid;
  border-radius: 5px;
  margin-left: 22px;
  display: none !important;
  position: relative;
  z-index: 999;
  cursor: pointer;
}

header .right .ham_cross_menu_back img {
  height: 50%;
}

header .right .ham_cross_menu_back img.cross {
  display: none;
}

header .right .ham_cross_menu_back.active {
  background-color: var(--white-color);
  border-color: var(--white-color);
  position: fixed;
  right: 15px;
  top: 22px;
}

header .right .ham_cross_menu_back.active img.cross {
  display: block;
}

header .right .ham_cross_menu_back.active img.ham {
  display: none;
}

.header_search_box {
  width: 273px;
  background-color: #f8f8f8;
  border-radius: 3px;
  position: relative;
  padding: 0 15px 0 44px;
}

.header_search_box::-webkit-input-placeholder {
  color: var(--description-color);
}

.header_search_box:-ms-input-placeholder {
  color: var(--description-color);
}

.header_search_box::-ms-input-placeholder {
  color: var(--description-color);
}

.header_search_box::placeholder {
  color: var(--description-color);
}

.header_search_box input[type="text"] {
  width: 100%;
  height: 45px;
  outline-style: none;
  background-color: transparent;
  border: none;
}

.header_search_box button {
  outline-style: none;
  border: none;
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: transparent;
}

.header_search_box button img {
  width: 28px;
  display: block;
}

.header_search_box button.cross {
  left: auto;
  right: 20px;
  display: none;
}

.header_search_box button.cross img {
  width: 15px;
}

.header_search_box button.cross.active {
  display: block;
}

.header_search_box .auto_complete {
  display: none;
  position: absolute;
  top: calc(100% + 20px);
  right: 0;
  width: 562px;
  height: 438px;
  overflow-y: auto;
  padding: 24px 0 24px 24px;
  background-color: var(--white-color);
  -webkit-box-shadow: 0px 5px 43px #B0B0B029;
          box-shadow: 0px 5px 43px #B0B0B029;
  border-radius: 11px;
}

.header_search_box .auto_complete.active {
  display: block;
}

.header_search_box .auto_complete li a {
  width: 100%;
  padding: 9px 0 9px 32px;
  position: relative;
  display: block;
  color: #30313f;
  font-size: 18px;
}

.header_search_box .auto_complete li a strong {
  font-weight: 500;
}

.header_search_box .auto_complete li a img {
  position: absolute;
  top: 8px;
  left: 0;
}
img.logo-mobile {
        display: none !important;
}

.mobile_search_panel {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 6, 0.3);
  z-index: 9999;
  display: none !important;
}

.mobile_search_panel .main_panel {
  width: 80%;
  height: 80%;
  overflow-y: auto;
  padding: 30px;
  background-color: var(--white-color);
  -webkit-box-shadow: 0px 5px 43px #B0B0B029;
          box-shadow: 0px 5px 43px #B0B0B029;
  border-radius: 11px;
  position: relative;
  /*.header_search_box{
            height: 45px;
            margin-top: 150px;
        }*/
}

.mobile_search_panel .main_panel .mobile_cross {
  width: 30px;
  height: 30px;
  background: #e5e6eb;
  border-radius: 100%;
  cursor: pointer;
  border: none;
  outline-style: none;
  position: absolute;
  top: 30px;
  right: 30px;
}

.mobile_search_panel .main_panel .mobile_cross img {
  width: 11px;
}

.mobile_search_panel.active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.hero_back_inner #ajaxsearchlite3 .probox {
    padding-left: 0 !important;
}
.banner_search.search_back #ajaxsearchlite3 .probox {
    padding-left: 0 !important;
}

body.search.search-results header.page-header.alignwide , body.search.search-no-results header.page-header.alignwide{
    z-index: 1 !important;
}
@media only screen and (max-width: 1309px) {
  header .container {
    max-width: 100%;
  }
  header .main_nav .header_search_box {
    width: 210px;
  }
  header .main_nav .navigation {
    padding: 0 15px;
  }
  header .main_nav .navigation li a {
    font-size: 14px;
    padding: 0 10px;
  }
  header .right .cart {
    margin-right: 0;
  }
}

@media only screen and (max-width: 1024px) {
  header .main_nav {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #fff;
    display: none !important;
    z-index: 999;
  }
  header .main_nav.active {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    align-items: flex-start !important;
    padding-top: 29%;  
  }
    header .right .ham_cross_menu_back.active img.cross {
    width: 15px;
    height: 15px;
}
  header .main_nav .cat_wrap {
    display: none;
  }
  header .main_nav .navigation {
    width: 100%;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
      -ms-align-items: flex-start!important;
      align-items: flex-start!important;
  }
    header .main_nav .menu-header-menu-container{
        width: 100%;
    }
  header .main_nav .navigation li:first-child {
    display: block;
  }
    header .main_nav .navigation li {
        width: 100%;
  }
  header .main_nav .navigation li a {
    display: block;
    font-size: 20px;
    color: var(--dark-color) !important;
    text-align: left;
        border-bottom: 1px dashed #a6e3f5;
          padding: 12px 12px;
  }
  header .main_nav .header_search_box {
    display: none;
  }
  header .right .mobile_search {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  header .right .cart {
    margin-right: 22px;
  }
  header .right .ham_cross_menu_back {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
    .course_section .main_section .portion .details .bottom_details {
    font-size: 12px;
   }
}

@media only screen and (max-width: 550px) {
  header .main_nav .custom_button.transparent.no_border_bg {
    display: none;
  }
  header .right .mobile_search {
    margin-right: 10px;
  }
  header .right .cart {
    margin-right: 0;
  }
}

@media only screen and (max-width: 420px) {
  .mobile_search_panel .main_panel {
    width: 90%;
    height: 90%;
    padding: 15px;
  }
  header .logo img {
    height: 45px;
  }
  header .right .cart img {
    height: 35px;
  }
  header .right .custom_button.transparent a {
    width: 92px;
    height: 36px;
    font-size: 10px;
  }
  header .right .ham_cross_menu_back {
    width: 36px;
    height: 36px;
    margin-left: 10px;
  }
}

@media only screen and (max-width: 350px) {
  header .logo img {
    height: 38px;
  }
  header .right .mobile_search {
    width: 25px;
    height: 25px;
  }
  header .right .mobile_search img {
    height: 16px;
  }
  header .right .cart img {
    height: 35px;
  }
  header .right .custom_button.transparent a {
    width: 86px;
    height: 30px;
    font-size: 10px;
  }
  header .right .ham_cross_menu_back {
    width: 30px;
    height: 30px;
    margin-left: 10px;
  }
}

.cart_pop_up_section {
  position: absolute;
  top: calc(100% + 20px);
  right: 0;
  width: 512px;
  height: auto;
  overflow-y: auto;
  padding: 24px 24px 24px 24px;
  background-color: var(--white-color);
  -webkit-box-shadow: 0px 5px 43px #B0B0B029;
          box-shadow: 0px 5px 43px #B0B0B029;
  border-radius: 11px;
  display: none;
}

.cart_pop_up_section.active {
  display: block;
  cursor: pointer;
}

.cart_pop_up_section .custom_button a {
  width: 100%;
  height: 63px;
  font-size: 22px;
}

.cart_pop_up_section .custom_button a i {
  font-size: 17px;
  margin-left: 10px;
}

.cart_pop_up_section .portion {
  width: 100%;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 3px 13px #E5EAEB;
          box-shadow: 0px 3px 13px #E5EAEB;
  border-radius: 5px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  padding-left: 163px;
}

.cart_pop_up_section .portion .image_back {
  position: absolute;
  top: 0;
  left: 0;
  width: 163px;
  height: 100%;
}

.cart_pop_up_section .portion .image_back img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin-bottom: 7px;
}

.cart_pop_up_section .portion .details {
  width: 100%;
  padding: 15px 15px 10px 15px;
}

.cart_pop_up_section .portion .details span.tag {
  padding: 2.5px 8.5px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8F8FD;
  color: #2CB7DF;
}

.cart_pop_up_section .portion .details h3 {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 16px;
}

.cart_pop_up_section .portion .details .bottom_details {
  width: 100%;
  padding: 0;
}

.cart_pop_up_section .portion .details .bottom_details li {
  padding: 3px 0;
  border-bottom: #eaeaea 1px solid;
}

.cart_pop_up_section .portion .details .bottom_details li:last-child {
  border: none;
}

.cart_pop_up_section .portion .details .bottom_details .port {
  font-size: 12px;
  margin-right: 20px;
}

.cart_pop_up_section .portion .details .bottom_details .port img {
  margin-right: 7px;
  display: block;
}

.cart_pop_up_section .portion .details .bottom_details .port span {
  font-size: 12px;
  color: var(--primary-color);
  font-weight: 500;
  margin-right: 11px;
}

.cart_pop_up_section .portion .details .bottom_details .port i {
  font-style: normal;
  text-decoration: line-through;
}
@media only screen and (min-width: 767px) and (max-width: 1024px){
.mobile_search_panel .main_panel {
    height: 12%;
margin-top: -83%;
    width: 58%;
}
}
@media only screen and (max-width: 1023px) {
  .cart_pop_up_section {
    left: -667%;
/*    -webkit-transform: translateX(-50%);*/
/*            transform: translateX(-50%);*/
  }
    /*course page position reverse Start*/
     body.product-template-default.single.single-product .hero_course_syllabus .container .row{
            flex-direction: column-reverse;
        position: relative;
    }  
    body.product-template-default.single.single-product .hero_course_syllabus .container .row .col-lg-7 ul.custom_bedcrumb.d-flex.align-items-center.flex-wrap {
    position: absolute;
/*    top: -32.5%;*/
    top: -586px;
    margin-top: 9px;
}
    .hero_course_syllabus .mobile_banner {
        width: 100%;
    height: 936px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    }
    /*course page position reverse End*/
}
@media only screen and (max-width: 1024px){
    img.logo-mobile {
        position: absolute;
        top: 24px;
        left: 10px;
        display: block !important;
        width: auto;
        height: 56px;
    }
    header .main_nav.active {
    padding-top: 12%;
    }
    header .main_nav .navigation li a {
    padding: 12px!important;
    }
}
@media only screen and (max-width: 767px){
.cart_pop_up_section {
    width: 78vw !important;
    left: -423% !important;
    transform: unset !important;
    margin: 0 10px;
  }
.video_back.sticky .variations_form.cart tr td select {
    width: 100% !important;
}
    .video_back.sticky .single_add_to_cart_button::before {
    left: 20% !important;
}
    header .main_nav .navigation li a {
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
    color: var(--primary-color);
    text-align: left;
}
    .social_login_back #social_del_back .mo_btn.mo_btn-mo {
    margin-top: 12px!important;
    min-width: 100%!important;
}
 .after_log_ovarlay {
    padding: 5px !important;
}   
    header .right .custom_button.transparent .after_log_ovarlay a {
    width: 100%;
    padding-left: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 11px !important;
    text-align: left;
}
    .after_log_ovarlay {
    width: 114px !important;
    left: -62px!important;
}
    .page-id-9 .woocommerce-Address-title.title {
    z-index: 1 !important;
}
        p.woocommerce-customer-details--email {
    font-size: 10px !important;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.banner_search.search_back #ajaxsearchlite3 .probox .proinput input {
    padding-left: 0 !important;
}
    body.term-live-training .hero_back_inner.live h1 {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
    }
    #cart_pop_up_section .remove-cart-cus {
    z-index: 99;
    }
    header .main_nav .navigation li a {
        padding: 20px 12px!important;
        margin-bottom: 0!important;
    }
}
@media only screen and (max-width: 425px){
.cart_pop_up_section {
    left: -450% !important;
}
header .logo img,img.logo-mobile {
    height: 56px;
    width: 117px;
}
}
@media only screen and (max-width: 379px){
.cart_pop_up_section {
    left: -400% !important;
}
    .custom_bedcrumb li:nth-child(3) {
    margin-left: 30px;
}  
     .video_back.sticky .single_add_to_cart_button::before {
    left: 13% !important;
}
}
@media only screen and (max-width: 375px) {
    header .logo img,img.logo-mobile {
        height: 52px;
        width: 100px;
    }
}
@media only screen and (max-width: 351px) {
    header .logo img,img.logo-mobile {
        height: 46px;
        width: 90px;
    }
}
@media only screen and (max-width: 330px){
.cart_pop_up_section {
    left: -279% !important; 
}
    header .logo img,img.logo-mobile {
        height: 40px;
        width: 80px;
    }
    .hero_course_syllabus .mobile_banner {
/*    height: 372px !important; */
}
    .video_back.sticky .single_add_to_cart_button::before {
    left: 8% !important;
}
}
@media only screen and (max-width: 324px){
header .logo img,img.logo-mobile {
        height: 40px;
        width: 73px;
    }
}
@media only screen and (max-width: 285px){
.cart_pop_up_section {
    left: -235% !important; 
}
}
@media only screen and (max-width: 550px) {
  .cart_pop_up_section {
/*    width: 100%;*/
/*    top: 100%;*/
/*    left: 50%;*/
/*    -webkit-transform: translateX(-50%);*/
/*            transform: translateX(-50%);*/
  }
  header .right .cart {
    position: relative;
    margin-right: 5px;
  }
  .cart_pop_up_section .portion .details h3 {
    font-size: 14px;
  }
  header .main_nav.active {
    padding-top: 19%;
}      
}

@media only screen and (max-width: 450px) {
  .cart_pop_up_section .portion {
    padding-left: 0;
  }
  .cart_pop_up_section .portion .image_back {
    position: relative;
    width: 100%;
    height: auto;
  }
  .cart_pop_up_section .portion .image_back img {
    height: auto;
  }
  .cart_pop_up_section .portion .details .bottom_details .port img {
    height: 15px;
  }
}

.custom_checkout .portion {
  width: 100%;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 3px 13px #E5EAEB;
          box-shadow: 0px 3px 13px #E5EAEB;
  border-radius: 5px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  padding-left: 163px;
}

.custom_checkout .portion .image_back {
  position: absolute;
  top: 0;
  left: 0;
  width: 163px;
  height: 100%;
}

.custom_checkout .portion .image_back img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin-bottom: 7px;
}

.custom_checkout .portion .details {
  width: 100%;
  padding: 15px 15px 10px 15px;
}

.custom_checkout .portion .details span.tag {
  padding: 2.5px 8.5px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8F8FD;
  color: #2CB7DF;
}

.custom_checkout .portion .details h3 {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 16px;
}

.custom_checkout .portion .details .bottom_details {
  width: 100%;
  padding: 0;
}

.custom_checkout .portion .details .bottom_details li {
  padding: 3px 0;
  border-bottom: #eaeaea 1px solid;
}

.custom_checkout .portion .details .bottom_details li:last-child {
  border: none;
}

.custom_checkout .portion .details .bottom_details .port {
  font-size: 12px;
  margin-right: 20px;
}

.custom_checkout .portion .details .bottom_details .port img {
  margin-right: 7px;
  display: block;
}

.custom_checkout .portion .details .bottom_details .port span {
  font-size: 12px;
  color: var(--primary-color);
  font-weight: 500;
  margin-right: 11px;
}

.custom_checkout .portion .details .bottom_details .port i {
  font-style: normal;
  text-decoration: line-through;
}

@media only screen and (max-width: 550px) {
  .custom_checkout .portion .details h3 {
    font-size: 14px;
  }
}

@media only screen and (max-width: 450px) {
  .custom_checkout .portion {
    padding-left: 0;
  }
  .custom_checkout .portion .image_back {
    position: relative;
    width: 100%;
    height: auto;
  }
  .custom_checkout .portion .image_back img {
    height: auto;
  }
  .custom_checkout .portion .details .bottom_details .port img {
    height: 15px;
  }
}

/*header*/
/*hero*/
.hero_back {
  width: 100%;
  height: 427px;
  background-size: cover;
  background-position: right top;
}

.hero_back h1 span {
  font-weight: 600;
}

.hero_back h1 span.ternary {
  color: var(--ternary-color);
}

.hero_back h1 span.secondary {
  color: var(--secondary-color);
}

.hero_back h1 span.primary {
  color: var(--primary-color);
}

.hero_back p {
  font-size: 18px;
  line-height: 27px;
  max-width: 555px;
  width: 100%;
}

.hero_back .search_back {
  max-width: 532px;
  background-color: var(--white-color);
  position: relative;
  padding: 0 132px 0 0;
  margin-top: 20px;
  border-radius: 3px 3px 3px 3px;
  overflow: hidden;
}

.hero_back .search_back input[type="text"] {
  width: 100%;
  height: 52px;
  background-color: transparent;
  border: none;
  padding: 0 24px;
  color: var(--light-color);
  font-size: 16px;
  outline-style: none;
}

.hero_back .search_back input[type="text"]::-webkit-input-placeholder {
  color: var(--light-color);
}

.hero_back .search_back input[type="text"]:-ms-input-placeholder {
  color: var(--light-color);
}

.hero_back .search_back input[type="text"]::-ms-input-placeholder {
  color: var(--light-color);
}

.hero_back .search_back input[type="text"]::placeholder {
  color: var(--light-color);
}

.hero_back .search_back .search_button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border-radius: 3px 0 0 3px;
}

@media only screen and (max-width: 20000px) {
  .hero_back {
    height: 1137px;
  }
}

@media only screen and (max-width: 3000px) {
  .hero_back {
    height: 742px;
  }
}

@media only screen and (max-width: 2099px) {
  .hero_back {
    height: 524px;
  }
}

@media only screen and (max-width: 1600px) {
  .hero_back {
    height: 427px;
  }
}

@media only screen and (max-width: 1279px) {
  .hero_back {
    background-position: -318px top;
  }
  .hero_back h1 {
    font-size: 46px;
    line-height: 58px;
  }
  .hero_back p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1023px) {
  .hero_back {
    position: relative;
    z-index: 1;
    background-position: right top;
  }
  .hero_back::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
    content: "";
    z-index: -1;
  }
  .hero_back .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hero_back h1 {
    text-align: center;
  }
  .hero_back p {
    text-align: center;
  }
  .hero_back .search_back {
    width: 534px;
    max-width: none;
  }
}

@media only screen and (max-width: 700px) {
  .hero_back h1 {
    font-size: 30px;
    line-height: 42px;
  }
  .hero_back p {
    font-size: 14px;
  }
  .hero_back .search_back {
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .hero_back {
    background-position: 625px top;
  }
    body.product-template-default.single.single-product .hero_course_syllabus .container .row .col-lg-7 ul.custom_bedcrumb.d-flex.align-items-center.flex-wrap {
/*    top: -30.5%;*/
    top: -570px;
}
    .hero_course_syllabus .mobile_banner {
    height: 870px;
}
}

@media only screen and (max-width: 400px) {
    .hero_course_syllabus {
    padding-top: 30px !important;
}
      .hero_course_syllabus .mobile_banner {
    height: 850px;
}
    .video_back.sticky {
    position: relative !important;
    margin-bottom: 20px;
}
       body.product-template-default.single.single-product .hero_course_syllabus .container .row .col-lg-7 ul.custom_bedcrumb.d-flex.align-items-center.flex-wrap {
/*    top: -21%;*/
}
    .hero_course_syllabus .tag_details .port {
    margin-right: 10px !important;
}
}

@media only screen and (max-width: 430px) {
  .hero_back {
    background-position: 573px top;
  }
  .hero_back h1 {
    font-size: 20px;
    line-height: 32px;
  }
  .hero_back p {
    font-size: 11px;
    line-height: 20px;
  }
  .hero_back .search_back {
    width: 100%;
    padding-right: 0;
    overflow: visible;
    background-color: transparent;
  }
  .hero_back .search_back input[type="text"] {
    background-color: var(--white-color);
    border-radius: 3px;
    margin-bottom: 10px;
  }
  .hero_back .search_back .search_button {
    width: 100%;
    height: 52px;
    position: relative;
    border-radius: 3px;
  }
}

/*hero*/
/*Course Section*/
.course_section {
  width: 100%;
}

.course_section .custom_heading .view {
  margin-top: -10px;
  font-size: 18px;
  color: var(--common-color);
}

.course_section .main_section {
  width: 100%;
}

.course_section .main_section .row {
  margin: 0 -8px;
}

.course_section .main_section .common {
  padding: 0 8px;
}

.course_section .main_section .portion {
  width: 100%;
  -webkit-box-shadow: 0px 3px 13px #E5EAEB;
          box-shadow: 0px 3px 13px #E5EAEB;
  border-radius: 10px;
  margin-bottom: 54px;
  min-height: 334px;
  overflow: hidden;
  box-shadow: 0px 0px 25px 4px rgb(0 0 0 / 10%);
}

.course_section .main_section .portion .image_back {
  width: 100%;
}

.course_section .main_section .portion .image_back img {
  width: 100%;
  height: 158px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin-bottom: 7px;
}

.course_section .main_section .portion .details {
  width: 100%;
  padding: 0 15px 0 15px;
}

.course_section .main_section .portion .details span.tag {
    padding: 2.5px 8.5px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 500;
    background-color: #E8F8FD;
    color: #2CB7DF;
    overflow: hidden;
    height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: inline-block;
}
.page-id-9 .woocommerce-Address-title.title {
    z-index: 1 !important;
}

.course_section .main_section .portion .details h3 {
  margin-top: 13px;
  margin-bottom: 8.5px;
  min-height: 44px !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
    padding: 0;
}

.course_section .main_section .portion .details .bottom_details {
  width: 100%;
  padding-bottom: 2.5px;
}

.course_section .main_section .portion .details .bottom_details li {
  padding: 8.5px 0;
  border-bottom: #eaeaea 1px solid;
}

.course_section .main_section .portion .details .bottom_details li:last-child {
  border: none;
}

.course_section .main_section .portion .details .bottom_details .port img {
  margin-right: 7px;
  display: block;
}

.course_section .main_section .portion .details .bottom_details .port span {
  font-size: 18px;
  color: var(--primary-color);
  font-weight: 500;
  margin-right: 11px;
}

.course_section .main_section .portion .details .bottom_details .port i {
  font-style: normal;
  text-decoration: line-through;
}

.course_section.list .main_section .portion {
  min-height: 187px;
  position: relative;
  padding-left: 246px;
}

.course_section.list .main_section .portion .image_back {
  position: absolute;
  top: 0;
  left: 0;
  width: 246px;
  height: 100%;
}

.course_section.list .main_section .portion .image_back img {
  height: 100%;
}

.course_section.list .main_section .portion .details {
  padding: 15px 15px 0 15px;
}

.course_section.list .main_section .portion .details .bottom_details li {
  padding: 9.5px 0;
}

.course_section.cv {
  padding-bottom: 22px;
  background-color: #F8F8FB;
}

@media only screen and (max-width: 1279px) {
  .course_section .main_section .portion .details h3 {
    font-size: 17px;
  }
  .course_section.list .main_section .portion {
    padding-left: 218px;
  }
  .course_section.list .main_section .portion .image_back {
    width: 218px;
  }
}

@media only screen and (max-width: 500px) {
  .course_section .main_section .portion {
    margin-bottom: 26px;
  }
  .course_section .main_section .portion .image_back img {
    height: 240px;
  }
  .course_section.list .main_section .portion {
    padding-left: 190px;
  }
  .course_section.list .main_section .portion .image_back {
    width: 190px;
  }
}

@media only screen and (max-width: 479px) {
  .course_section.list .main_section .portion {
    padding-left: 0;
  }
  .course_section.list .main_section .portion .image_back {
    position: relative;
    width: 100%;
    height: auto;
  }
  .course_section.list .main_section .portion .image_back img {
    height: 240px;
  }
}

/*Course Section*/
/*Demand Skill*/
.demand_skill_section {
  width: 100%;
  margin-top: -54px;
}

.demand_skill_section .container {
  width: 100%;
  height: 410px;
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-left: 91px;
  padding-top: 92px;
}

.demand_skill_section h2 {
  font-size: 42px;
  color: var(--ternary-color);
  line-height: 63px;
  font-weight: 600;
  margin-bottom: 24px;
  position: relative;
}

.demand_skill_section .custom_button a {
  border-radius: 10px;
}

@media only screen and (max-width: 880px) {
  .demand_skill_section .container {
    background-position: -286px bottom;
  }
}

@media only screen and (max-width: 500px) {
  .demand_skill_section {
    position: relative;
  }
  .demand_skill_section::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
    content: "";
  }
  .demand_skill_section h2 {
    font-size: 30px;
    width: 100%;
    line-height: 45px;
  }
  .demand_skill_section .container {
    background-position: right bottom;
    padding-left: 15px;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .demand_skill_section .custom_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 420px) {
  .demand_skill_section .container {
    background-position: -737px bottom;
  }
  .demand_skill_section h2 {
    font-size: 22px;
    line-height: 34px;
  }
}

@media only screen and (max-width: 380px) {
  .demand_skill_section .container {
    background-position: -772px bottom;
  }
  .demand_skill_section h2 {
    font-size: 22px;
    line-height: 34px;
  }
}

/*Demand Skill*/
/*footer*/
footer {
  width: 100%;
  background-color: var(--footer-color1);
}

footer .top {
  padding: 35px 0 30px;
}

footer .top h2 {
  color: #fff;
  font-weight: 500;
}

footer .bottom {
  background-color: var(--footer-color2);
  border-bottom: #eeeeee 2px solid;
  padding: 35px 0 30px !important;
}

footer .bottom .ft_menu li {
  margin-right: 48px;
}

footer .bottom .ft_menu li:last-child {
  margin-right: 0;
}

footer .bottom .ft_menu li a {
  color: #C8B9CD;
  text-transform: capitalize;
  font-size: 18px;
}

footer .copy {
  padding: 24px 0;
  font-size: 14px;
  color: #C8B9CD;
}

@media only screen and (max-width: 1279px) {
  footer .top h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 779px) {
  footer .top .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
  }
  footer .top h2 {
    font-size: 20px;
  }
  footer .bottom .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  footer .bottom .logo {
    margin-bottom: 30px;
  }
  footer .bottom .ft_menu {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer .bottom .ft_menu li {
    margin-right: 0;
  }
  footer .bottom .ft_menu li a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 450px) {
  footer .top {
    padding: 14px 0 30px;
  }
  footer .top h2 {
    font-size: 14px;
  }
  footer .bottom {
    padding: 20px 0 10px;
  }
  footer .bottom .ft_menu li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  footer .bottom .ft_menu li a {
    font-size: 14px;
  }
}

/*footer*/
/*After Login In head*/
.after_login_back {
  font-weight: 500;
  font-size: 16px;
  color: var(--common-color);
  cursor: pointer;
}

.after_login_back img {
  width: 42px;
  height: 42px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin-left: 10px;
}

@media only screen and (max-width: 450px) {
  .after_login_back {
    font-size: 10px;
  }
  .after_login_back h3 {
    font-size: 11px;
    margin-right: 5px;
  }
  .after_login_back img {
    width: 20px;
    height: 20px;
  }
}

/*After Login In head*/
/*Inner banner*/
.hero_back_inner {
  width: 100%;
  height: 200px;
  background-color: #002A4FDE;
}

.hero_back_inner.live img {
  margin-right: 15px;
}

.hero_back_inner.live h1 {
  margin-bottom: 8px;
}

.hero_back_inner p {
  font-size: 20px;
  color: #D0D0D0;
  line-height: 30px;
  margin: 0;
}

.hero_back_inner h1 {
  color: var(--white-color);
  font-size: 30px;
  line-height: 46px;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.hero_back_inner .hero_search {
  width: 100%;
}

.hero_back_inner .hero_search .search_box {
  max-width: 963px;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  padding: 0 15px 0 54px;
  position: relative;
  margin-right: 26px;
  position: relative;
}

.hero_back_inner .hero_search .search_box img {
  cursor: pointer;
  position: absolute;
  left: 17px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 34px;
}

.hero_back_inner .hero_search input[type="search"] {
  width: 100%;
  height: 50px;
  font-size: 16px;
  background-color: transparent;
  border: none;
  outline-style: none;
}

.hero_back_inner .hero_search input[type="search"] ::-webkit-input-placeholder {
  color: var(--description-color);
}

.hero_back_inner .hero_search input[type="search"] :-ms-input-placeholder {
  color: var(--description-color);
}

.hero_back_inner .hero_search input[type="search"] ::-ms-input-placeholder {
  color: var(--description-color);
}

.hero_back_inner .hero_search input[type="search"] ::placeholder {
  color: var(--description-color);
}

.hero_back_inner .hero_search .custom_button .search_button {
  width: 170px;
  height: 50px;
}

@media only screen and (max-width: 500px) {
  .hero_back_inner {
    /*text-align: center; */
  }
  .hero_back_inner h1 {
    font-size: 20px;
  }
  .hero_back_inner.live h1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hero_back_inner.live p {
    font-size: 14px;
    line-height: 24px;
  }
  .hero_back_inner .hero_search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hero_back_inner .hero_search .search_box {
    max-width: 100%;
    margin-right: 0;
  }
  .hero_back_inner .hero_search .search_box input[type="search"] {
    font-size: 12px;
  }
  .hero_back_inner .hero_search .custom_button {
    margin-top: 20px;
    width: 100%;
  }
  .hero_back_inner .hero_search .custom_button .search_button {
    width: 100%;
  }
}

@media only screen and (max-width: 450px) {
  .hero_back_inner {
    /*text-align: center;*/
  }
  .hero_back_inner .hero_search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .hero_back_inner .hero_search .search_box {
    max-width: 100%;
    margin-right: 0;
    padding-left: 28px;
  }
  .hero_back_inner .hero_search .search_box img {
    width: 22px;
    left: 5px;
  }
  .hero_back_inner .hero_search .custom_button {
    margin-top: 20px;
    width: 100%;
  }
  .hero_back_inner .hero_search .custom_button .search_button {
    width: 100%;
  }
}

.others_page_container {
  width: 100%;
}

.custom_bedcrumb {
  width: 100%;
  margin-bottom: 20px;
}

.custom_bedcrumb li {
  margin-right: 20px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 14px;
}

.custom_bedcrumb li:first-child a {
  padding-left: 30px;
}

.custom_bedcrumb li:first-child a::after {
  background-image: url(../images/right_big_arrow.png);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
  content: "";
}

.custom_bedcrumb li a {
  padding-right: 24px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.88);
  position: relative;
}

.custom_bedcrumb li a::before {
  background-image: url(../images/right-arrow.png);
  width: 10px;
  height: 10px;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
}

.common h1 {
  margin-bottom: 0;
}

@media only screen and (max-width: 779px) {
  .custom_bedcrumb li {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 500px) {
  .custom_bedcrumb {
  /*  -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; */
  }
}

/*Inner banner*/
/*Inner banner*/
.login_register_back {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none !important;
}

.login_register_back.open {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.login_register_back .ovarlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.login_register_back .main_area {
  max-width: 561px;
  width: 100%;
  background-color: var(--white-color);
  -webkit-box-shadow: 0px 3px 13px #0000002B;
          box-shadow: 0px 3px 13px #0000002B;
  border-radius: 10px;
  padding: 28px 70px 50px;
  position: relative;
}

.login_register_back .main_area .log_text.active .login_text {
  display: none;
}

.login_register_back .main_area .log_text.active .register_text {
  display: block;
}

.login_register_back .main_area .log_text.for_pass .pass_text {
  display: block;
}

.login_register_back .main_area .log_text.for_pass .login_text {
  display: none;
}

.login_register_back .main_area .social_del_back.social_button_off {
  display: none;
}

.login_register_back .main_area .register_text {
  display: none;
}

.login_register_back .main_area .pass_text {
  display: none;
}

.login_register_back .main_area .logo {
  margin-bottom: 17px;
  display: block;
}

.login_register_back .main_area h2 {
  font-weight: 600;
  font-size: 24px;
}

.login_register_back .main_area .social_login {
  margin-top: 10px;
}

.login_register_back .main_area .social_login .all_button {
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  width: 50%;
}

.login_register_back .main_area .social_login .all_button img {
  margin-right: 8px;
}

.login_register_back .main_area .social_login .all_button:first-child {
  background-color: var(--white-color);
  margin-right: 0;
  -webkit-box-shadow: 0px 3px 13px #52525226;
          box-shadow: 0px 3px 13px #52525226;
  margin-right: 8px;
  color: var(--common-color);
}

.login_register_back .main_area .social_login .all_button:last-child {
  background-color: #435DA8;
}

.login_register_back .main_area .or {
  width: 100%;
  text-align: center;
  color: #30313F;
  font-size: 14px;
  margin-top: 24px;
  position: relative;
}

.login_register_back .main_area .or span {
  background-color: var(--white-color);
  padding: 0 10px;
  position: relative;
  z-index: 1;
}

.login_register_back .main_area .or::after {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
}

.login_register_back .main_area .main_log_in_area {
  width: 100%;
  margin-top: 30px;
}

.login_register_back .main_area .main_log_in_area .register {
  display: none;
}

.login_register_back .main_area .main_log_in_area .forgot_pass {
  display: none;
}

.login_register_back .main_area .main_log_in_area.forgot .forgot_pass {
  display: block;
}

.login_register_back .main_area .main_log_in_area.forgot .login {
  display: none;
}

.login_register_back .main_area .main_log_in_area.active .login {
  display: none;
}

.login_register_back .main_area .main_log_in_area.active .register {
  display: block;
}

.login_register_back .main_area .main_log_in_area .portion {
  width: 100%;
  margin-bottom: 22px;
}

.login_register_back .main_area .main_log_in_area .portion label {
  font-size: 18px;
  color: #30313F;
  text-transform: capitalize;
  font-weight: 500;
  margin: 0;
}

.login_register_back .main_area .main_log_in_area .portion a {
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
}

.login_register_back .main_area .main_log_in_area .portion .input_log {
  width: 100%;
  height: 54px;
  background-color: #FAFAFA;
  border: 1px solid #E4E4E4;
  border-radius: 5px;
  outline-style: none;
  padding: 0 20px;
  margin-top: 12px;
  font-size: 18px;
  font-weight: 400;
  color: #30313F;
}

.login_register_back .main_area .main_log_in_area .all_button {
  width: 100%;
}

.login_register_back .main_area .main_log_in_area p {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  color: #30313F;
  font-size: 18px;
}

.login_register_back .main_area .main_log_in_area p a {
  font-size: 16px;
  color: var(--primary-color);
  padding-left: 6px;
}

.mobile_log_cross {
  position: absolute;
  top: 30px;
  right: 30px;
  display: none;
}

.mobile_log_cross img {
  width: 22px;
  cursor: pointer;
}

@media only screen and (max-width: 1023px) {
  .login_register_back .main_area {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 0;
    overflow-y: auto;
  }
  .login_register_back .main_area .mobile_log_cross {
    display: block;
  }
}

@media only screen and (max-width: 500px) {
  .login_register_back .main_area {
    padding: 28px 40px 28px;
  }
}

@media only screen and (max-width: 450px) {
  .login_register_back .main_area {
    padding: 28px 30px 28px;
  }
  .login_register_back .main_area .logo img {
    height: 50px;
  }
  .login_register_back .main_area h2 {
    font-size: 17px;
  }
  .login_register_back .main_area .social_login {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .login_register_back .main_area .social_login .all_button {
    width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-right: 0;
  }
  .login_register_back .main_area .social_login .all_button:first-child {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .login_register_back .main_area .main_log_in_area .portion label {
    font-size: 14px;
  }
  .login_register_back .main_area .main_log_in_area .portion a {
    font-size: 12px;
  }
  .login_register_back .main_area .main_log_in_area p {
    font-size: 17px;
  }
  .login_register_back .main_area .main_log_in_area p a {
    font-size: 14px;
  }
}

.custom_button.active .after_log_ovarlay {
  display: block;
}

.after_log_ovarlay {
  width: 236px;
  background-color: var(--white-color);
  -webkit-box-shadow: 0px 5px 45px #B0B0B029;
          box-shadow: 0px 5px 45px #B0B0B029;
  border-radius: 11px;
  position: absolute;
  padding: 15px 0;
  top: calc(100% + 20px);
  left: -90px;
  display: none;
}

.after_log_ovarlay li {
  width: 100%;
}

.after_log_ovarlay li a {
  width: 100%;
  height: auto;
  background-color: transparent;
  padding: 15px 0 15px 30px;
  display: block;
  color: var(--common-color);
  font-size: 18px;
  text-transform: capitalize;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.after_log_ovarlay li a:hover {
  color: var(--primary-color);
}

.after_log_ovarlay li:last-child a {
  color: #E90000;
}

/*Inner banner*/
/*Course Syllabus*/
.hero_course_syllabus {
  width: 100%;
  position: relative;
}

.hero_course_syllabus .banner_bg {
    width: 100%;
    height: 423px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var( --e-global-color-primary );
}

.hero_course_syllabus .container {
  padding-top: 120px;
}

.hero_course_syllabus .tag_details {
  margin-top: 20px;
}

.hero_course_syllabus .tag_details .port {
  margin-right: 52px;
  color: var(--white-color);
}

.hero_course_syllabus .tag_details .port:last-child {
  margin-right: 0;
}

.hero_course_syllabus .tag_details .port:last-child img {
  height: 28px;
}

.hero_course_syllabus .tag_details .port span {
  color: rgba(255, 255, 255, 0.71);
  margin-right: 5px;
}

.hero_course_syllabus .tag_details .port img {
  margin-right: 10px;
  height: 20px;
}

.hero_course_syllabus .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}

.hero_course_syllabus h1 {
  color: #fff;
  font-weight: 500;
  font-size: 26px;
  line-height: 39px;
  margin-top: 15px;
}

.hero_course_syllabus p {
  font-size: 16px;
  color: #CECECE;
  line-height: 25px;
  padding-right: 37px;
  margin-top: 10px;  
}
.hero_course_syllabus .col-lg-7 p {
  overflow: hidden;
  height: 126px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;  
}
.hero_course_syllabus .col-lg-7 .course_syllabus_back .syllabus_section p{
  overflow: unset;
  height: unset;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;   
}
.accept-policy-checkbox-wrapper {
    padding: 10px 0px;
    font-size: 15px;
    padding: 10px 25px !important;
}
.video_back.sticky .custom_button {
    padding: 0px 20px;
}
.custom_button.transparent.no_border_bg.elementor-button-wrapper {
    padding-bottom: 25px;
}
.single-product .bulk-purchase {
    width: 100%;
    clear: both;
    display: inline-block;
    padding: 0px 25px;
}
.hero_course_syllabus .video_back {
  width: 95%;
  background-color: var(--white-color);
  padding: 0px;
  border-radius: 10px;
  box-shadow: 0px 0px 25px 4px rgb(0 0 0 / 10%);
}

.hero_course_syllabus .main_video {
  width: 100%;
  position: relative;
  margin-bottom: 26px;
}

.hero_course_syllabus .main_video .play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  margin-bottom: auto;
}

.hero_course_syllabus .main_video .video_avator,.hero_course_syllabus .main_video .sin-product-img1 {
  width: 100%;
  height: 303px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px 10px 0 0;
}

.hero_course_syllabus .custom_button .all_button {
  width: 100%;
  height: 64px;
  font-size: 20px;
  font-weight: 500;
}

.hero_course_syllabus .custom_button.transparent {
  margin-top: 13px;
}

.hero_course_syllabus .custom_button.transparent a {
  width: 100%;
  height: 64px;
  font-size: 20px;
  font-weight: 500;
}

.hero_course_syllabus .custom_button.transparent a img {
  margin-right: 4px;
}

.course_syllabus_back {
  width: 100%;
  margin-top: 118px;
}

.course_syllabus_back .syllabus_section {
  width: 100%;
}

.course_syllabus_back .syllabus_section h2 {
  font-size: 30px;
  font-weight: 500;
}

.course_syllabus_back .syllabus_section p {
  font-size: 16px;
  color: #7B7F88;
  margin: 0;
}

.course_accordion_back {
  margin-top: 30px;
}

.course_accordion_back .accordion .card {
  border: none;
  margin-bottom: 15px;
}

.course_accordion_back .accordion .card .card-header {
  background-color: #F8F8FB;
  width: 100%;
  padding: 5.5px 0 5.5px 30px;
  border: none;
  position: relative;
  cursor: pointer;
}

.course_accordion_back .accordion .card .card-header h3 {
  font-size: 16px;
  -ms-flex-preferred-size: 73%;
      flex-basis: 73%;
}

.course_accordion_back .accordion .card .card-header h3 span {
  width: 12px;
  height: 14px;
  background-color: #7B7F88;
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
          clip-path: polygon(100% 50%, 0 0, 0 100%);
  margin-right: 14px;
}

.course_accordion_back .accordion .card .card-header h4 {
  font-size: 16px;
  color: #7B7F88;
  -ms-flex-preferred-size: 27%;
      flex-basis: 27%;
}

.course_accordion_back .accordion .card .card-header .icon {
  position: absolute;
  background-image: url(../images/angle-down.png);
  width: 17px;
  height: 11px;
  background-size: contain;
  position: absolute;
  right: 40px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  transform: rotate(-180deg);
}

.course_accordion_back .accordion .card .card-header .icon.arrow_down {
  -webkit-transform: rotate(-0deg);
          transform: rotate(-0deg);
}

.course_accordion_back .accordion .card .card-body {
  background-color: #F8F8FB;
}

.out_come_section {
  width: 100%;
  margin-top: 30px;
}

.out_come_section h2 {
  font-size: 30px;
  margin-bottom: 20px;
}

.out_come_section ul.list {
  width: 100%;
}

.out_come_section ul.list li {
  padding-left: 30px;
  font-size: 16px;
  color: #7B7F88;
  line-height: 25px;
  margin-bottom: 25px;
  position: relative;
}

.out_come_section ul.list li::before {
  width: 14px;
  height: 10px;
  background-image: url(../images/check.png);
  background-size: contain;
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
}

.similar_courses {
  width: 100%;
  margin-top: 30px;
}

.similar_courses h2 {
  font-size: 30px;
  margin-bottom: 20px;
}

.similar_courses .course_section.list .portion {
  margin-bottom: 30px;
}

.similar_courses .course_section.list .portion .bottom_details li:first-child .port {
  margin-right: 0px;
}

.mobile_banner {
  display: none;
    background-color: var( --e-global-color-primary );

}

@media only screen and (max-width: 500px) {
  .hero_course_syllabus .banner_bg {
    display: none;
  }
  .hero_course_syllabus .mobile_banner {
    width: 100%;
/*    height: 405px;*/
    position: absolute;
    top: 0;
    left: 0;
    display: block;
  }
  .hero_course_syllabus .container {
    padding-top: 60px;
  }
  .hero_course_syllabus .container h1 {
    text-align: center;
  }
  .hero_course_syllabus .container p {
    text-align: center;
    padding-right: 0;
  }
  .hero_course_syllabus .container .tag_details {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .custom_bedcrumb {
    /*text-align: center;*/
  }
}

@media only screen and (max-width: 400px) {
  .hero_course_syllabus h1 {
    font-size: 20px;
    line-height: 30px;
  }
  .hero_course_syllabus p {
    font-size: 14px;
  }
  .hero_course_syllabus .container {
    padding-top: 30px;
  }
  .hero_course_syllabus .mobile_banner {
/*    height: 622px;*/
  }
  .hero_course_syllabus .tag_details {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .hero_course_syllabus .tag_details .port {
    margin-bottom: 20px;
  }
  .course_accordion_back .accordion .card .card-header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .course_accordion_back .accordion .card .card-header h3 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    font-size: 14px;
  }
  .course_accordion_back .accordion .card .card-header h4 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    font-size: 14px;
    padding-left: 25px;
  }
  .course_accordion_back .accordion .card .card-header .icon {
    right: 14px;
    width: 11px;
    height: 7px;
    top: 15px;
    bottom: auto;
  }
  .course_syllabus_back {
    margin-top: 60px;
  }
  .course_syllabus_back p {
    text-align: left !important;
    font-size: 14px !important;
  }
  .course_syllabus_back .syllabus_section h2 {
    text-align: center;
  }
  .course_syllabus_back .syllabus_section p {
    text-align: center !important;
  }
  .course_accordion_back .accordion .card .card-body p {
    text-align: left !important;
  }
}

@media only screen and (max-width: 350px) {
  .hero_course_syllabus .container p {
    font-size: 12px;
  }
  .hero_course_syllabus .tag_details .port {
    margin-right: 0;
    font-size: 12px;
  }
  .hero_course_syllabus .tag_details .port img {
    height: 14px;
    margin-right: 4px;
  }
  .hero_course_syllabus .tag_details .port:last-child img {
    height: 20px;
  }
}

/*Course Syllabus*/
/*contact*/
.address_details {
  width: 100%;
}

.address_details .portion {
  width: 100%;
  height: 230px;
  background-color: #F8F8FB;
  text-align: center;
  padding: 30px 0 0 0;
}

.address_details .portion h2 {
  font-size: 30px;
  margin-bottom: 15px;
}

.address_details .portion .email {
  font-size: 18px;
  font-weight: 500;
  padding: 0 30px;
}

.address_details .portion p {
  padding: 0 25px;
}

.address_details .portion .social {
  margin-top: 15px;
}

.address_details .portion .social li {
  margin-right: 15px;
}

.address_details .portion .social li:last-child {
  margin-right: 0;
}

.address_details .portion .social li a {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #000;
  color: #fff;
}

.main_details {
  width: 100%;
  margin-top: 30px;
}

.main_details iframe {
  width: 100%;
  height: 568px;
  border: none;
  margin: 0;
  padding: 0;
  display: block;
  border-radius: 5px;
}

.contact_form {
  width: 100%;
}

.contact_form .portion {
  width: 100%;
  margin-bottom: 15px;
}

.contact_form .portion label {
  font-size: 18px;
  color: #30313F;
  text-transform: capitalize;
  font-weight: 500;
  margin: 0;
}

.contact_form .portion .inputbox {
  width: 100%;
  height: 54px;
  background-color: #FAFAFA;
  border: 1px solid #E4E4E4;
  border-radius: 5px;
  outline-style: none;
  padding: 0 20px;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #30313F;
}

.contact_form .portion .textarea {
  width: 100%;
  height: 150px;
  background-color: #FAFAFA;
  border: 1px solid #E4E4E4;
  border-radius: 5px;
  outline-style: none;
  padding: 20px;
  resize: none;
  margin-top: 12px;
  font-size: 18px;
  font-weight: 400;
  color: #30313F;
}

.contact_form .portion .custom_button .all_button {
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  .address_details .col-lg-4:last-child .portion {
    border-bottom: none;
  }
  .address_details .portion {
    border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
  }
}

.about {
  width: 100%;
}

.about img {
  width: 100%;
  margin-bottom: 20px;
}

.about h2, .about h3 {
  margin-bottom: 30px;
}

.about p {
  margin-top: 20px;
}

.pp {
  width: 100%;
}

.pp h1 {
  margin-bottom: 30px;
}

.pp h2 {
  margin-bottom: 15px;
}

.pp p {
  margin-bottom: 30px;
}

.pp ul {
  margin-bottom: 30px;
}

/*contact*/
/*Live Course*/
.progress_bar {
  position: relative;
  text-align: right;
}

.progress_bar .progress_map {
  -ms-flex-preferred-size: 83%;
      flex-basis: 83%;
  background-color: #F6F6F6;
  border-radius: 20px;
  overflow: hidden;
}

.progress_bar .progress_map span {
  width: 100%;
  height: 10px;
  background-color: #01AEDA;
  display: block;
}

@media only screen and (max-width: 500px) {
  .course_section .main_section .portion .details .progress_bar {
    margin-bottom: 15px;
  }
}

.schedule_live_course_popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none !important;
}

.schedule_live_course_popup.active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.ovarlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.main_area {
  max-width: 1130px;
  width: 100%;
  background-color: var(--white-color);
  -webkit-box-shadow: 0px 3px 13px #0000002b;
          box-shadow: 0px 3px 13px #0000002b;
  border-radius: 10px;
  padding: 28px 70px 50px;
  position: relative;
  overflow-y: auto;
}

.main_area .buttons_back {
  margin-top: 100px;
  /*&.active{
            .custom_button{
                &.customPrevBtn{
                    display: block !important;
                }
            }
        }*/
}

.main_area .buttons_back .custom_button {
  margin-right: 20px;
  /*&.customPrevBtn{
                display: none !important;
            }*/
}

.main_area .buttons_back .custom_button:first-child a {
  background-color: #E5F6FE;
  color: var(--primary-color);
}

.main_area .buttons_back .custom_button:nth-child(2) a {
  background-color: #E5F6FE;
  color: var(--primary-color);
}

.main_area .buttons_back .custom_button:last-child {
  margin-right: 0;
}

.main_area .buttons_back .custom_button a {
  width: 177px;
  height: 50px;
}

.main_area h2 {
  font-size: 26px;
  font-weight: 500;
}

.main_area .tab_head_back {
  width: 100%;
  padding: 0 30px;
  margin-top: 30px;
}

.main_area .tab_head_back li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: center;
  color: var(--primary-color);
  border-bottom: #F1F1F1 4px solid;
  padding-bottom: 10px;
  cursor: pointer;
  z-index: 99;
  position: relative;
}

.main_area .tab_head_back li.tab_active {
  border-bottom-color: var(--primary-color);
}

.main_area .tab_head_back li.tab_active h4 {
  color: var(--common-color);
}

.main_area .tab_head_back li h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: #7B7F88;
}

/*.owl-item{
    &.active{
        &.ativo {
            li{
                border-bottom-color: var(--primary-color);
                h4{
                    color: var(--common-color);
                }
            }
        }
    }
}*/
.sessionBtn {
  margin-left: 5px;
}

.owl-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 100%;
}

.owl-nav button {
  width: 30px;
  height: 30px;
  background-color: var(--white-color) !important;
  border: 1px solid #E4E4E4 !important;
  border-radius: 100% !important;
  position: absolute;
  top: 0;
  outline-style: none;
}

.owl-nav button.owl-prev {
  left: 0;
}

.owl-nav button.owl-next {
  right: 0;
}

.tab_content_area {
  width: 100%;
  padding: 20px 30px;
}

.tab_content_area .content_area {
  display: none !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tab_content_area .content_area.content_active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.tab_content_area .portion {
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
  margin: 0 5px;
  margin-bottom: 10px;
  padding: 15px 20px 20px 20px;
  background-repeat: no-repeat;
  border-radius: 5px;
  overflow: hidden;
  background-size: cover;
}

.tab_content_area .portion h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}

.tab_content_area .portion .date_time_details {
  width: 100%;
  margin-top: 10px;
}

.tab_content_area .portion .date_time_details .port {
  color: #fff;
  font-size: 12px;
  margin-right: 40px;
}

.tab_content_area .portion .date_time_details .port:last-child {
  margin-right: 0;
}

.tab_content_area .portion .date_time_details .port i {
  font-size: 15px;
  margin-right: 10px;
}

.owl-stage-outer {
  position: relative;
  z-index: 99;
}

@media only screen and (max-width: 1130px) {
  .main_area {
    max-width: 95%;
    padding: 30px;
  }
}

@media only screen and (max-width: 1023px) {
  .main_area {
    max-width: 100%;
    height: 100%;
    padding: 30px;
    border-radius: 0;
  }
  .main_area h2 {
    text-align: center;
  }
  .tab_content_area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tab_content_area .portion {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 400px) {
  .main_area h2 {
    font-size: 20px;
  }
  .main_area .buttons_back {
    margin-top: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .main_area .buttons_back .custom_button {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .tab_content_area {
    padding: 20px 0;
  }
}

/*Live Course*/
/*# sourceMappingURL=style.css.map */

/*Customer portal issues*/
body.logged-in.admin-bar #wpadminbar{
background: #000;
}
body.logged-in.admin-bar #wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item{
    background: var(--primary-light);
    color: var(--primary-color);
    font-weight: 600;
}
body.logged-in.admin-bar #wp-admin-bar-createcourse a.ab-item{
    width: unset;
    background: unset;
}
body.logged-in.admin-bar #wpadminbar li:hover .ab-item:before,body.logged-in.admin-bar #wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label,body.logged-in.admin-bar #wpadminbar li:hover .ab-icon:before{
 color: var(--primary-color);
}
body.logged-in.admin-bar #wpadminbar .quicklinks .menupop ul.ab-submenu li a.ab-item:hover, body.logged-in.admin-bar #wpadminbar .ab-submenu .ab-item, body.logged-in.admin-bar #wpadminbar .quicklinks .menupop ul.ab-submenu li a, body.logged-in.admin-bar #wpadminbar .quicklinks .menupop ul.ab-submenu li a.ab-item{
   color: var(--primary-color);
}
@media only screen and (max-width: 767px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
    }
}
header div#mobile_menu .error-custom {
    position: absolute;
    width: 270px;
}
#beapartsection{
	margin-right: 21px;
	margin-left:21px;
}
span.elementor-button-text {
    background: linear-gradient(90deg, #00c6ff, #00e4b5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.elementor-15100 .elementor-element.elementor-element-5d0c7f8 .elementor-button {
    fill: #08342E96;
    color: #08342E96;
    background-color: #FFFFFF !important;
    border-radius: 9999px 9999px 9999px 9999px;
}
.elementor-section .elementor-container {
    gap: 16px;
}