.p-100 {
     padding: 100px 0;
}
 .page-Container {
     position: relative;
     display: flex;
     justify-content: space-between;
}
 .sidebar-wrapper {
     height: 100%;
     position: sticky;
     top: 100px;
     margin-bottom: 30px;
}
 .col.container_box {
     padding: 40px;
     background-color: #eceff1;
}
 .main_sidebar {
     display: flex;
     position: relative;
     width: 60px;
     height: fit-content;
     background-color: var(--bs-primary);
     border-radius: 15px 0 0px 15px;
     transition: width 300ms ease;
}
 .main_sidebar:hover, nav.main_sidebar.sidebar_tabs_active {
     width: 260px;
}
 nav:hover .nav__item.active .nav__item-icon, nav:hover .nav__item.active .nav__item-name {
     box-shadow: 0px 0px 15px 5px #0005;
}
 .main_sidebar .nav__container {
     overflow: hidden;
     display: flex;
     width: 100%;
     height: 100%;
     align-items: center;
    /* justify-content: center;
     */
     flex-direction: column;
}
 .main_sidebar .nav__item {
     position: relative;
     display: flex;
     width: 100%;
     height: 60px;
     font-weight: 500;
     flex-shrink: 0;
     transition: all 300ms ease-in-out;
     margin-top: 5px;
     margin-bottom: 5px;
}
 .main_sidebar .nav__item.active {
     padding-left: 10px;
}
 .main_sidebar .nav__item.active::after, nav .nav__item.active::before {
     transition: opacity 300ms 150ms ease-in-out;
     opacity: 1;
}
 .main_sidebar .nav__item.active * {
     color: #0f4c75;
     font-weight: 600;
}
 .main_sidebar .nav__item.active .nav__item-icon {
     background-color: #eceff1;
     border-radius: 10px;
}
 .main_sidebar .nav__item.active .nav__item-name {
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     background-color: #eceff1;
     margin-left: 10px;
}
 .main_sidebar .nav__item::before, nav .nav__item::after {
     position: absolute;
     right: 0;
     width: 30px;
     height: 30px;
     content: "";
     border-radius: 50%;
     opacity: 0;
     transition: opacity 100ms ease-in-out;
}
 .main_sidebar .nav__item::before {
     top: -30px;
     box-shadow: 15px 15px 0px 0px #eceff1;
}
 .main_sidebar .nav__item::after {
     bottom: -30px;
     box-shadow: 15px -15px 0px 0px #eceff1;
}
 .main_sidebar .nav__item-name {
     display: flex;
     flex-grow: 1;
     height: 60px;
     align-items: center;
     justify-content: flex-start;
     padding-left: 15px;
     color: #fff;
     flex-shrink: 0;
     transition: all 300ms ease-in-out;
}
 .main_sidebar .nav__item-icon {
     display: flex;
     width: 60px;
     height: 60px;
     align-items: center;
     justify-content: space-around;
     flex-shrink: 0;
     transition: all 300ms ease-in-out;
}
 .main_sidebar .nav__item-icon ion-icon {
     font-size: 1.5em;
     color: #fff;
}
 .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
     color: #fff;
     background-color: #0f4c75;
}
 li.breadcrumb-item {
     position: relative;
}
 .container_box ol.breadcrumb {
     padding: 5px;
     border-radius: 5px;
     background-color: #ffffff;
}
 .container_box ol.breadcrumb li:before {
     display: none!important;
}
 .container_box a.breadcrumb_back {
     position: absolute;
     left: 0;
     right: 0;
     z-index: 9;
     color: #0f4c75;
     top: -5px;
     font-size: 24px;
}
 .container_box a.breadcrumb_back:hover {
     color: #000;
}
 a, a:hover {
     transition: all 0.5s;
}
 .tab_nav {
     background-color: #fff;
     padding: 15px;
     border-radius: 4px;
}
 .tab-content.bg-white.pt-5.pb-4 {
     padding-right: 15px;
}
 .my-tab-content {
     border-top: 1px solid transparent;
     background: linear-gradient(#ffffff, #fff 80%);
     margin-right: 14px;
}
 .tab_nav .nav-pills.nav a {
     position: relative;
     padding: 13px;
     background-color: #eceff1;
     margin: 4px 0px;
     width: calc(100% - 21px);
     border-radius: 0;
     transition: 0.5s;
     font-weight: 600;
}
 .tab_nav .nav-pills.nav .active, .tab_nav .nav-pills.nav a:hover, .tab_nav .nav-pills.nav .show>.nav-link {
     color: #fff;
     background-color: #0f4c75;
     transition: 0.5s;
}
 .tab_nav .nav-pills.nav a::after {
     transition: 0.5s;
     opacity: 0;
     content: '';
     position: absolute;
     right: -20px;
     width: 0;
     top: 0px;
     height: 0;
     border-top: 24px solid transparent;
     border-bottom: 26px solid transparent;
     border-left: 20px solid #0f4c75;
}
 .tab_nav .nav-pills.nav a:hover::after, .tab_nav .nav-pills.nav .active::after {
     transition: 0.5s;
     opacity: 1;
}
 .container_box .breadcrumb-item.active {
     color: #6c757d;
     margin-left: 30px;
     padding-right: 5px;
}
 .card {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     box-shadow: 0 0px 20px 0 rgb(204 204 204 / 50%);
     border-radius: 0.25rem;
}
 .card_courses {
     text-align: center;
}
 .card_courses .card-title {
     font-size: 16px;
}
 .card_icon_box {
     width: 100px;
     padding: 5px;
     height: 100px;
     border: 1px solid #ccc;
     border-radius: 100%;
     margin: 14px auto;
     overflow: hidden;
}
 .card_icon_box img {
     width: 100%;
}
 .thum_box {
     position: relative;
     overflow: hidden;
}
 .thum_box img {
     transition: all 0.5s;
}
 .card_courses:hover .thum_box img {
     transition: all 0.5s;
     transform: scale(1.1);
}
 .thum_box_overlay {
     z-index: 1;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     background-color: #0000007d;
     display: flex;
     align-items: center;
     justify-content: center;
}
 a.video_btn {
     width: 50px;
     height: 50px;
     background-color: #fff;
     line-height: 50px;
     border-radius: 100%;
     box-shadow: 0px 0px 0px 7px #ffffff59;
}
 .header_text_box {
     border: 0!important;
     background-color: #eceff1!important;
     padding: 19px!important;
     margin-bottom: 20px;
     border-radius: 7px;
}
 h2.p_title {
     font-weight: bold!important;
     color: #0f4c75!important;
}
 nav.nav_breadcrumb {
     position: absolute;
     width: fit-content;
    /* top: 15px;
     */
     margin: 8px 0;
     top: 0;
    /* transform: translate(0px, -36px);
     */
}
 .tab-content.my-tab-content {
     margin: 0;
}
 .tab-content {
     border-radius: 5px;
}
 .navbar_subject .nav-tabs {
     border-bottom: 0;
     justify-content: center;
}
 .navbar_subject .nav-tabs a {
     padding: 15px;
     font-weight: 500;
     border-bottom: 0;
     color: #0f4c75;
     text-align: center;
}
 h3.title_intro {
     color: #0f4c75;
     font-weight: 500;
     border-bottom: 1px solid;
     display: inline-block;
     margin-bottom: 20px;
}
 .card_courses .course_btn_div {
     padding-top: 15px;
}
 .course_btn_div {
     padding-top: 30px;
     border-top: 2px solid #cccccc85;
}
 .quiz_icon_box {
     max-width: 80px;
     margin: 0 auto;
     margin-top: 20px;
}
 .card-body.flex_box {
     display: flex;
     align-items: center;
     text-align: left;
     justify-content: space-between;
}
 .sidebar_toggle_btn.active .fa.fa-bars:before {
     content: "\f00d";
}
 button.sidebar_toggle_btn.btn.btn-primary {
     position: absolute;
     right: 10px;
     z-index: 9;
     margin-top: 1px;
     padding: 4px 9px;
     background-color: transparent;
     border: 0;
     display: none;
}
 button.sidebar_toggle_btn.btn.btn-primary.active {
     background-color: transparent;
}
 .accordion .card-header {
     word-break: break-all;
     display: inline-block;
}
.course_btn_div {
    display: flex;
    justify-content: center;
    grid-gap: 5px;
}
.course_btn_div  a.btn {
    font-size: 14px;
    padding: 5px 10px;
}
/* -----ck---*/
/* intro Page */
 .intro_header {
     text-align: center;
     background-color: #0f4c75;
     padding: 10px;
     margin-bottom: 20px;
     margin-top: -15px;
     color: #fff;
     border-radius: 4px;
     position: relative;
}
 .intro_header h2 {
     color: #fff;
     font-weight: 500;
     font-size: 26px;
     margin-bottom: 0;
     letter-spacing: 1px;
}
 .intro_content p {
     margin-bottom: 16px;
     font-weight: 400;
     font-size: 16px;
}
 .intro_header h4 {
     margin: 15px 0;
}
/* intro_content */
 .ck_default_style {
     margin: 40px 0!important;
     border-radius: 20px!important;
     background: #FFFFFF!important;
     box-shadow: 0px 13.6919px 21.6187px -10.8094px rgb(0 48 209 / 15%)!important;
     border-radius: 10.8094px!important;
     padding: 30px 35px!important;
     font-family: var(--bs-font-sans-serif)!important;
     font-size: 15px!important;
     font-weight: 400!important;
     line-height: 1.5!important;
     color: #212529!important;
}
 .ck_default_style h1, .ck_default_style h2, .ck_default_style h3, .ck_default_style h4, .ck_default_style h5, .ck_default_style h6 {
     color: #000!important;
     margin-bottom: 10px!important;
     font-weight: 500!important;
     line-height: 1.4!important;
}
 .ck_default_style p {
     color: #000!important;
     margin-bottom: 16px!important;
     font-weight: 400!important;
     font-size: 16px!important;
}
 .ck_default_style td p {
     margin-bottom: 0!important;
}
 .ck_default_style strong {
     color: var(--bs-primary)!important;
     margin-right: 3px!important;
}
 .ck_default_style h1 {
     font-size: 38px!important;
}
 .ck_default_style h2 {
     font-size: 30px!important;
}
 .ck_default_style h3 {
     font-size: 26px!important;
     font-weight: 500!important;
     margin-bottom: 12px!important;
     color: var(--bs-primary)!important;
}
 .ck_default_style h4 {
     font-size: 22px!important;
}
 .ck_default_style h5 {
     font-size: 18px!important;
}
 .ck_default_style h6 {
     font-size: 15px!important;
}
 .ck_default_style ol li:before {
     font-weight: bold!important;
     color: var(--bs-primary);
     display: inline-block!important;
     font-size: 16px!important;
}
 .ck_default_style li {
     margin: 5px 0!important;

     font-size: 14px;
}
body .ck_default_style li {
          padding-left: 0!important;
color: #000!important;
    font-weight: 400!important;
    font-size: 16px!important;
}

 .ck_default_style ol, .ck_default_style ul {
     padding-left: 2rem!important;
}
 .ck_default_style table {
     display: block;
     width: 100%!important;
     overflow-x: auto;
     border-collapse: collapse;
     margin: 40px auto;
     display: flex;
     justify-content: center;
     -webkit-overflow-scrolling: touch;
     -ms-overflow-style: -ms-autohiding-scrollbar;
}
/* ck_default_style table striping */
 .ck_default_style.mt-0 {
     margin-top: 0!important;
}
 .ck_default_style tr:nth-of-type(odd) {
     background: #eee;
}
 .ck_default_style th {
     background: var(--bs-primary);
     color: #fff;
     font-weight: 500;
}
 .ck_default_style td, .ck_default_style th {
     padding: 10px;
     border: 1px solid #ccc;
     text-align: left;
     font-size: 16px;
}
/* accordion */
 .intro_accordion .card-header .title {
     font-size: 17px;
     color: #000;
}
 .intro_accordion .card-header {
     cursor: pointer;
     border-bottom: none;
     padding: 14px!important;
     background-color: #eceff1;
}
 .intro_accordion .card-header {
     cursor: pointer;
     border-bottom: none;
}
 .intro_accordion .card {
     border: 1px solid #ddd;
}
 .intro_accordion .card-body {
     border-top: 1px solid #ddd;
}
 .intro_accordion .fa-angle-down {
     font-size: 20px;
}
 .intro_accordion .fa-angle-down:before {
     content: "\f107"!important;
}
 .intro_accordion .card-header:not(.collapsed) .rotate-icon {
     transform: rotate(180deg);
}
/* Course_feature */
 .d-flex.quiz__price_area {
     display: flex;
     align-items: center;
     justify-content: space-between;
     grid-gap: 15px;
     margin-top: 10px;
     border-top: 1px solid#ccc;
     padding-top: 10px;
}
 button.quiz__btn.btn.btn-priamry {
     font-size: 14px;
}
/*--product details-page----*/
 .modal_checkout .modal-dialog {
     transform: none;
     max-width: 900px;
}
 .card_pm.card_pm_left {
     background-color: #fdfafa;
     border: 1px solid #edebeb;
}
 select#install_drop {
     border: 1px solid #dddc;
     margin-bottom: 13px;
}
 .card_pm ul.list-group.list-group-flush {
     padding: 18px;
     border-radius: 5px;
}
 .card_pm li.list-group-item {
     border-bottom: 1px solid #ccc!important;
     padding: 5px 12px !important;
}
 .card_pm li.list-group-item.course__total.px-0.content-center {
     border-bottom: 0!important;
}
 .card_pm .modal_checkout .modal-dialog {
     transform: none;
     max-width: 900px;
}
 .card_pm.card_pm_left {
     padding: 20px;
     background-color: #f5f5f5;
     border-radius: 15px;
     height: 100%;
}
 .buynow__wrapper {
     display: flex;
     align-items: center;
     grid-gap: 15px;
     margin-bottom: 16px;
     padding: 7px;
     border: 1px dashed #ccc;
     border-radius: 9px;
    /* background-color: #fff2f2;
     */
}
 .buynow_cont h5 {
     margin: 0;
     font-size: 15px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     line-height: 1.2;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}
 .buynow__wrapper .course__price strong {
     margin: 0 3px;
     font-size: larger;
     font-weight: bolder;
     color: #0f4c75;
}
 .buynow_course_img {
     margin-bottom: 8px;
     max-width: 120px;
     height: 74px;
    /* object-fit: cover;
     */
     border-radius: 8px;
     box-shadow: 2px 2px 10px #ccccccab;
}
 li#redeem_coins {
     border-top: 1px dashed #ccc !important;
     border-bottom: 1px dashed #ccc !important;
}
 .exciting_offers {
     border-bottom: 1px dashed #ccc !important;
     padding-bottom: 20px;
     margin-bottom: 0;
     font-size: 16px;
     color: #e5114b;
}
 button.btn.btn__Continue {
     text-align: center;
     margin: 0 auto;
     width: 100%;
     padding: 8px 15px;
     border-radius: 40px;
     font-size: 17px;
}
 .card_pm_left .input-group {
     border-radius: 25px;
     overflow: hidden;
     box-shadow: 2px 2px 10px #efeaea;
}
 .card_pm_left .reward___content {
     background-color: #fff;
     padding: 10px;
     border-radius: 7px;
     margin-bottom: 15px;
     box-shadow: -4px 4px 4px #0000000a;
     display: flex;
     justify-content: space-between;
     grid-gap: 15px;
     align-items: center;
}
 .card_pm_left .input-group .form-control {
     border-radius: 15px;
     overflow: hidden;
     border: 0;
}
 button.btn.btn_redeem.redeemed {
     border-radius: 40px;
     height: fit-content;
}
 .flow__bar {
     margin-bottom: 20px;
     position: relative;
}
 .flow__bar::before {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     height: 2px;
     width: 100%;
     background-color: #0f4c75;
}
 .flow__bar button.nav-link {
     border: 0;
     background-color: transparent;
     position: relative;
     z-index: 9;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .flow__bar button.nav-link label {
     background-color: #f9b2b2;
     width: 40px;
     height: 40px;
     line-height: 40px;
     display: inline-block;
     border-radius: 100%;
     color: #fff;
     font-size: 18px;
     font-weight: bold;
     position: relative;
     z-index: 99;
}
 .flow__bar button.nav-link span {
     background-color: #b7bec3;
     display: inline-block;
     width: 154px;
     color: #fff;
     padding: 1px 21px;
     left: -25px;
     text-transform: uppercase;
     position: relative;
     text-align: right;
     font-weight: bold;
}
 .flow__bar button.nav-link.active label {
     background-color: #e5114b;
}
 .flow__bar button.nav-link.active span {
     background-color: #0f4c75;
}
 .modal_checkout .modal-title {
     width: 100%;
}
 .modal_checkout .tab-content>.tab-pane, .modal_checkout .tab-content {
     border-radius: 5px;
     height: 100%;
}
 button.back_button {
     display: none;
     border: 0;
     color: #e5114b;
     background-color: transparent;
     font-size: 20px;
}
 .back_button.active {
     display: block;
}
 .list-group-item.course__total.b-0 {
     border: 0;
}
 .list-group-item.course__total {
     grid-gap: 8px;
}
 .course__total label {
     font-size: 16px;
}
 .modal_checkout .form-floating>.form-control {
     border-radius: 7px !important;
     border: 0;
     border: 1px solid #ccc !important;
     border-radius: 11px;
     padding: 3px !important;
     height: calc(2.8rem + 2px);
}
 .modal_checkout .form-floating>label {
     padding: 9px 15px;
     font-size: 16px;
     color: #000;
}
 .modal_checkout .course__price {
     display: flex;
     grid-gap: 6px;
     align-items: center;
}
 del.course__price_old {
     font-size: 90%;
     opacity: 0.7;
}
 .buynow__wrapper ins.course__price_new strong {
     color: #e5114b;
}
 h5.card_pm_title {
     border-left: 4px double #e5114b;
     padding-left: 9px;
     line-height: 1;
     margin-bottom: 15px;
}
 @media (min-width:768px) {
     .desktop_none {
         display: none;
    }
}
 @media (max-width:500px) {
     .buynow__wrapper {
         display: block;
    }
     .buynow_course_img {
         margin-bottom: 8px;
    }
     .card_pm_left .reward___content {
         display: block;
    }
     .flow__bar button.nav-link label {
         width: 30px;
         height: 30px;
         line-height: 28px;
         font-size: 14px;
    }
     .flow__bar button.nav-link span {
         width: 120px;
         font-size: 13px;
         font-weight: normal;
         padding: 1px 15px;
    }
}
 @media (max-width:767px) {
     .reward___content .left_cont {
         margin-bottom: 15px;
    }
     .course-info.mb-4.mt-5.mr-2 {
         padding-top: 10px;
         margin-top: 20px!important;
         border-top: 1px solid;
    }
     .cp_selling__price {
         margin-bottom: 15px;
    }
     .reward___content button.btn.btn_redeem.redeemed {
         border-radius: 40px;
         height: fit-content;
         margin-left: 0 !important;
    }
     .cont.ml-4 {
         margin-left: 0;
    }
     ul.list-group.footer_list {
         border-radius: 0;
         z-index: 2000;
         width: 100%;
         box-shadow: 0 -2px 2px 0 rgb(0 0 0 / 10%);
         display: flex;
         margin-left: 0;
         flex-direction: row;
         position: fixed;
         padding: 0 15px !important;
         left: 0;
         right: 0;
         bottom: 0;
         justify-content: space-between;
         background-color: white;
         z-index: 9;
    }
     .flow__bar {
         flex-wrap: nowrap;
    }
     .flow__bar button.nav-link {
         padding: 0;
    }
     .modal_checkout .row.p-3 {
         padding: 20px 0 !important;
    }
     .card_pm.card_pm_rigth {
         margin-top: 20px;
    }
     .modal_checkout .modal-content {
         max-height: 100%;
         overflow: hidden;
    }
     .modal_checkout .modal-dialog {
         transform: none;
         margin-bottom: 26px !important;
    }
}
/*----home-page-style---*/
 .pclive {
     height: 270px;
}
 .row.grid {
     height: 270px;
}
 .owl-carousel .thum_box img {
     height: 150px !important;
}
 @media (max-width: 991px) {
     body .grid .owl-carousel .owl-nav button {
         bottom: 54%;
    }
     ul.justify-content-center.nav-pills.filter-button-group {
         width: auto;
    }
}
 @media (max-width: 767px) {
     body .grid .owl-carousel .owl-nav button {
         bottom: 60%;
    }
     .filter-button-group li.nav-link {
         padding: 6px 15px !important;
         font-size: 14px !important;
         margin: 0px 2px 2px 2px;
    }
}
 .overflow_tabs {
     overflow: hidden;
     margin: 30px;
}
 ul.justify-content-center.nav-pills.filter-button-group {
     display: -webkit-box;
     flex-wrap: nowrap;
     overflow: auto;
     padding-bottom: 10px;
     text-align: center;
     width: fit-content;
     margin: 0 auto;
}
 .filter-button-group li.nav-link:hover, .filter-button-group li.nav-link.active {
     background-color: #0f4c75;
     transition: all 0.4s;
     color: #fff;
}
 .filter-button-group li.nav-link {
     color: #0f4c75;
     display: flex;
     align-items: center;
     padding: 6px 20px;
     border-radius: 40px;
     box-shadow: 2px 2px 5px #0000000d;
     font-size: 18px;
     margin: 0px 2px 2px 2px;
     background-color: #fff;
     cursor: pointer;
     transition: all 0.4s;
}
 .cours_cat_slider .cours_item_slider h6 {
     font-size: 14px;
}
 .cours_item_slider .card-footer {
     padding: 10px !important;
}
 .cours_item_slider .card-footer {
     padding: 2px;
     background-color: #fff;
}
 .cours_item_slider .card-footer a {
     color: #333;
}
 .cours_item_slider .card-footer a i {
     border-right: 1px solid #ccc;
     padding-right: 8px;
     width: 18px;
     text-align: left;
     color: #dc3545;
}
 .cours_item_slider img {
     transition: all 0.5s;
}
 .cours_item_slider:hover img {
     transition: all 0.5s;
     transform: scale(1.05);
}
 .tabsWrapper.tabsWrapper_top {
     box-shadow: none;
}
 .quiz_post .card-title, .card.product_card .card-body p {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}
 #new_popup .modal-dialog {
     max-width: 360px;
}
 @media (max-width: 767px) {
     #new_popup .modal-dialog {
         max-width: 300px;
    }
}
 #new_popup button.btn-close {
     position: absolute;
     right: 8px;
     top: 7px;
     background-color: #ffffff;
     z-index: 99;
     opacity: 1;
     color: #fff;
     padding: 8px;
}
 #new_popup .modal-content {
     border-top: 10px solid #0e4c75;
     border-bottom: 10px solid #0e4c75;
     border-radius: 15px;
     overflow: hidden;
     position: relative;
}
 .hu_col {
     display: flex;
     align-items: center;
     justify-content: center;
     border: 6px solid #fff;
    /* background: #e4feef;
     */
     border-radius: 11px;
     padding: 9px 10px;
     border-left: 1px solid #0348691c;
}
 .hu_col.hu_col_first {
     background-color: #0f4c750d;
     margin-left: 7px;
     border-left: 0;
}
 .hu_col.b-0 {
     border-left: 0;
}
 .hu-users {
     max-width: 1000px;
     margin: auto;
     transform: translate(0, -50%);
     position: absolute;
     right: 0;
     left: 0;
     z-index: 99;
     background-color: #fff;
     border: 15px;
     overflow: hidden;
     padding: 4px;
     border-radius: 7px;
     box-shadow: 2px -3px 37px #00000021;
}
 @media (max-width:991px) {
     .hu-users {
         position: relative;
         transform: inherit;
    }
}
 .hu_icon {
     flex: none;
     margin-right: 15px;
     max-width: 50px;
     border-radius: 7px;
    /* border: 1px solid #ccc;
     */
     overflow: hidden;
     box-shadow: 2px 2px 10px #00000014;
}
 .hu_col.hu_col_one {
     background-color: #f6fcff;
}
 .hu-users .row.g-0 {
     display: flex;
     align-items: center;
}
 .hu_col p {
     margin-bottom: 0;
}
 .hu_col h6 {
     font-size: 16px;
     font-weight: 700;
}
 .owl-carousel.free-demo_slider.owl-theme.owl-loaded.owl-drag {
     padding-bottom: 0;
}


section.live_class {
    /* background: rgb(2,0,36); */
    background: linear-gradient(90deg, rgb(33 31 82) 0%, rgb(9 64 121) 35%, #0f4c75 100%);
}



@media (min-width: 992px) {
body section.live_class {
    background-image: url(../img/bg-01.png);
    /* background: rgb(2,0,36);
    background: linear-gradient(90deg, #0f4c75 0%, #0f4c75 35%, rgb(65 169 201) 100%); */
}

.live_class .container{
    position: relative;
    z-index: 2;
}

.bg_anim_1::before,
.bg_anim_1::after {
    content: "";
    width: 70vmax;
    height: 70vmax;
    position: absolute;
    left: -20vmin;
    top: -20vmin;
    animation: morph 15s linear infinite alternate, spin 20s linear infinite;
    z-index:1;
    will-change: border-radius, transform;
    transform-origin: 55% 55%;
    pointer-events: none;
    background-color: #00000062;
     opacity:0.4;
}

.bg_anim_1::before {
    width: 70vmin;
    height: 70vmin;
    left: auto;
    right: -10vmin;
    top: auto;
    bottom: 0;
    animation: morph 10s linear infinite alternate, spin 26s linear infinite reverse;
    transform-origin: 20% 20%;

}
section.about-section.spac.bg_anim_1 {
    position: relative;
    overflow: hidden;
}

@keyframes morph {
    0% {
        border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%;
    }
    100% {
        border-radius: 40% 60%;
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}
.bg_anim_1{
    position: relative;
    overflow: hidden;
}
section#service .container{
    position: relative;
    z-index: 2;
}

@-webkit-keyframes bounce {
    0% { transform: translateY(-5px)  }
    50% { transform: translateY(10px) }
    100% { transform: translateY(-5px) }
}

@keyframes bounce {
    0% { transform: translateY(-5px)  }
    50% { transform: translateY(10px) }
    100% { transform: translateY(-5px) }
}

 .col-lg-4.col-md-12.choose-desc.second-div , .faq-img img{
    -webkit-animation: bounce 3s infinite ease-in-out;
    -o-animation: bounce 3s infinite ease-in-out;
    -ms-animation: bounce 3s infinite ease-in-out; 
    -moz-animation: bounce 3s infinite ease-in-out; 
    animation: bounce 3s infinite ease-in-out;
}


.live_class_content {
  padding: 30px;
  box-shadow: inset 2px 2px 10px #ccc;
}

.live_class_content::after, .live_class_content::before  {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #0f4c75;
    right: 0;
    top: 0;
    border-radius: 100%;
    transform: translate(50%, -50%);
}
.live_class_content{
    position: relative;
    overflow: hidden;
}
.live_class_content::before {
    top: auto;
    bottom: 0;
    transform: translate(50%, 50%);
}
}