/*-----------------------------------------------------------------------------------

    Template Name: LMS - e-Learning  Bootstrap 5 HTML5 Template
    Template URI: 
    Description: E-Coast - LMS - e-Learning  Bootstrap 5 HTML5 Template
    Author: Coast
    Author URI: 
    Version: 1.0
  
-----------------------------------------------------------------------------------*/

/* transition */

/* flex */

/* transform */

/* opacity */

/*----------------------------------------*/

/*  01. Theme default CSS
/*----------------------------------------*/

/*.............Google Fonts..........*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800;900&family=Manrope:wght@300;400;500;600;700;800&display=swap');
/*-- Common Style --*/

*, *::after, *::before {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}
body {
  background-color: #fff;
  line-height: 26px;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  font-family: 'Barlow', sans-serif;
  color: #55597D;
  position: relative;
}

h1, h2, h3, h4, h5, h6 {
  color: #040C1E;
  font-family: 'Barlow', sans-serif;
  font-weight: 400;
  margin-top: 0;
}

h1 {
    font-size: 55px !important;
    line-height: 1.25;
    font-weight: 700;
}

h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 60px;
    margin-bottom: 40px;
}

h3 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
}

h4 {
  font-size: 18px;
  line-height: 24px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

p:last-child {
  margin-bottom: 0;
}

p {
  font-family: 'Manrope', sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 30px;
}

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a, button, img, input, span {
  transition: all 0.3s ease 0s;
}

*:focus {
  outline: none !important;
}

a:focus, .btn:focus, input:focus, textarea:focus, select:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
  box-shadow: none !important;
}
a:hover {
  text-decoration: none!important;
  color: #ffd600;
}

button, input[type="submit"] {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
/*...........margin top spacing .............*/
.mt-100{
    margin-top: -100px;
}
.mt-60{
    margin-top: 60px;
}
.mt-50{
    margin-top: 50px;
}
.mt-40{
    margin-top: 40px;
}
.mt-25{
    margin-top: 25px;
}
.my-50{
    margin:50px 0;
}
/*...........padding top spacing .............*/
.pt-50{
    padding-top: 50px;
}
.px-50{
    padding: 50px;
}
.py-120{
    padding: 120px 0;
}
.pxy-50{
    padding: 25px 50px
}
.paymentnotefication h4 {
    font-size: 22px;
    margin-top: 40px;
    font-weight: 600;
}
.text-blue {
    color: #040C1E;
}
/*.theme-btn {
    background:#040C1E;
    border:1px solid #040C1E;
    box-shadow:  4px 9px 20px rgba(4, 12, 30, 0.17);
    border-radius: 5px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #040C1E;
    padding: 12px 40px;
    transition: all ease-in-out .5s;
}*/
.theme-btn {
    background: #ffd600;
    border: 1px solid #ffd600;
    box-shadow: 4px 9px 20px rgb(255 214 0 / 25%);
    border-radius: 5px;
    font-weight: 700;  /* Deeeksha 14-02-2023*/
    font-size: 18px;
    line-height: 22px;
    color: #040C1E;
    padding: 13px 40px;
    transition: all ease-in-out .5s;
}
.theme-btn:hover {
    border: 1px solid #ffd600;
    color: #040C1E;
    transition: all ease-in-out .5s;
    background: #fff;
}
.dark-theme-btn {
    background: #040C1E;
    border: 1px solid #040C1E;
    box-shadow: 4px 9px 20px rgba(4, 12, 30, 0.17);
    border-radius: 5px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    padding: 13px 40px;
    transition: all ease-in-out .5s;
}
.dark-theme-btn:hover {
    border: 1px solid #ffd600;
    color: #040C1E;
    transition: all ease-in-out .5s;
    background:#ffd600;
}

.course__rating .rating-container > input:checked ~ label:before,
.course__rating .rating-container > input + label:hover ~ label:before,
.course__rating .rating-container > input + label:hover:before {
    text-indent: -9999px;
    content: "\f154";
    color: #888;
    text-shadow: none;
}
.comments-rating span.rating-container {
    font-size: 0;
}
.course__rating .rating-container:hover > input + label:hover ~ label:before,
.course__rating .rating-container:hover > input + label:hover:before {
    content: "\f154";
    color: #888;
    text-shadow: none;
}

.course__rating .rating-container > input + label {
    cursor: default;
}
.otherinput {
    margin-top: 10px;
}
span.infotip {
    display: block;
    background: #ff4b4b;
    padding: 10px;
    margin-bottom: 20px;
    color: #fff;
    border-radius: 10px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;
}
input#terms-checkbox {
    height: 14px;
    width: 16px;
    position: relative;
    top: 1px;
    margin-right: 3px;
}
a.tandcancr {
    color: #ffd400;
}

.containercheckb {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #112E4F;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
}

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

.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
    border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.containercheckb:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containercheckb input:checked ~ .checkmark {
  background-color: #ffd600;
}

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

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

.containercheckb .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #000000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


input{
    height: 50px;
}
.form-control {
    color: #212529;
    border: 1px solid rgba(22, 47, 110, 0.14);
    font-size: 12px;
    line-height: 29px;
}
/*.........mobile menu.......*/
.mobile_option{
    display: none;
}
/*............ Header CSS start ..........*/

.header-area {
    position: relative;
    top: 0;
    background: #fff;
    z-index: 9999;
    transition: all ease-in-out .5s;
        box-shadow: 0 3px 20px rgb(97 162 229 / 10%);
}
.header-area.sticky {
    position: fixed;
    top: -80px;
    left: 0;
    width: 100%;
    box-shadow: 0 3px 20px rgb(97 162 229 / 20%);
    animation: goDown 0.5s ease-in-out forwards;
}
.admin-bar header.header-area.sticky {
    top: -47px;
}
@keyframes goDown {
  0%{
    top:-80px;
  }
  100% {
    transform: translateY(80px);
  }
}
.header-area .container-fluid {
    max-width: 1835px;
    margin: auto;
}
.navbar-toggler:focus {
    box-shadow: none;
}
a.navbar-brand {
    margin-right: 52px;
}
a.navbar-brand img {
    max-width: 209px;
    height: auto;
    margin: -1px 0 0;
}
.main-menu  ul li {
    margin-right: 31px;
}
.main-menu  ul li:last-child{ margin-right: 0px; }
.main-menu  ul li a {
    font-weight: 500;
    font-size: 18px;
    color: #040C1E !important;
    padding: 1.7rem 4px;
    font-family: 'Barlow', sans-serif;
    text-transform: capitalize;
}
.main-menu ul li a.active {
    font-weight: bold;
     position: relative;
}

.rmp-results-widget__vote-count > span.js-rmp-vote-count {
    font-size: 16px;
}

.rmp-results-widget__vote-count {
    font-size: 0px;
}

.rmp-results-widget__avg-rating {
    display: none;
}

span.dashicons.dashicons-star-filled {
    color: #ffd600;
}
.main-menu ul li.current-menu-item a:after,
.main-menu ul li:hover a:after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 100%;
    height: 5px;
    left: 0;
    right: 0;
    border-radius: 25px 25px 0 0px;
    background: #ffd600;
}

span.dashicons.dashicons-star-filled:before {
    content: "\f155";
}

.subscription_image {
    bottom: 5px;
    position: relative;
}
.subscription_image img {
    position: absolute;
    bottom: auto;
}

.main-menu ul li.current-menu-item a,
.main-menu ul li:hover a {
    font-weight: bold;
    color: #201B53 !important;
    position: relative;
}
.main-menu ul li:hover a {
    font-weight: 500;
}
.other-option {
    border-right: 1px solid #eee;
    padding-right: 30px;
    display: inline-block;
    width: 60%;
    float: left;
    vertical-align: middle;
}

.join_inner {
    width: 50%;
}
.join-img img {
    position: absolute;
    right: 0;
    bottom: -1px;
}
.header__right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.search-option {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}
.search-option input {
    height: 40px;
    width: 100%;
    line-height: 40px;
    color: #55597D;
    font-weight: 400;
    font-size: 12px;
    background: #F4F7FC;
    border: 0;
}
.search-option input:focus {
    background: #F4F7FC;
}
.search__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5%;
    line-height: 0;
}
.cart-icon {
    display: inline-block;
    width: 40px;
    float: right;
}
span.badge.bg-danger {
    position: absolute;
    top: -6px;
    right: -10px;
    border-radius: 10px;
    font-size: 10px;
    width: 15px;
    background-color: #FF3535;
    height: 15px;
    line-height: 15px;
    text-align: center;
    padding: 0;
    font-weight: 600;
}
.default-btn {
    display: inline-block;
    height: 50px;
    background: #ffd600;
    border: 1px solid  #ffd600;
    border-radius: 5px;
    color: #040c1e;
    font-weight: 500;
    font-size: 18px;
    padding: .55rem 1rem;
    width: 142px;
    box-shadow: 4px 9px 20px rgb(255 214 0 / 25%);
    transition: all ease-in-out .5s;
}
.default-btn:hover {
    background: #040C1E;
    border: 1px solid  #040C1E;
    color: #ffffff !important;
    transition: all ease-in-out .5s;
    box-shadow: 4px 9px 20px rgba(51, 95, 194, 0.25);
}
.login-option:focus {
 display: inline-block;
    height: 50px;
    background: #ffd600;
    border: 1px solid  #ffd600;
    border-radius: 5px;
    color: #040c1e;
    font-weight: 500;
    font-size: 18px;
    padding: .55rem 1rem;
    width: 142px;
    box-shadow: 4px 9px 20px rgba(51, 95, 194, 0.25);
    transition: all ease-in-out .5s;
}
.login-option {
    display: inline-block;
    float: right;
}
.login-option ul {
    display: flex;
    align-items: center;
    width: 100%;
}
.login-option ul li {
    text-align: center;
}
.login-option ul li a {
    font-size: 18px;
    font-weight: 600;
    padding: .55rem 40px;
    text-align: center;
    color: #040C1E;
    width: auto;
}

.search-option form.search-form > label {
    width: 100%;
}
.mobile_option button {
    background: transparent;
    border: 0;
    margin: 0 6px;
    align-items: center;
    vertical-align: middle;
}
.mobile_option button.read-more {
    width: 40px;
}
.user_div .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget.js-rmp-rating-widget > p,
.user_div .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget.js-rmp-rating-widget > button{
    display: none;
}
.user_div .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget.js-rmp-rating-widget .rmp-rating-widget__icons{
    display: flex;
}
.user_div .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget.js-rmp-rating-widget > p.rmp-rating-widget__results.js-rmp-results{
  display: block;
}
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__icons-list__icon i.js-rmp-rating-icon {
    font-size: 20px;
}
.rmp-rating-widget.js-rmp-rating-widget {
    position: relative;
}
.user_div .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget.js-rmp-rating-widget .rmp-rating-widget__icons {
    display: flex;
}
.user_div .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget.js-rmp-rating-widget > p.rmp-rating-widget__results.js-rmp-results {
    display: flex;
    position: absolute;
    right: -14px;
    top: -4px;
    font-size: 0;
}
span.rmp-rating-widget__results__votes.js-rmp-vote-count {
    font-size: 16px;
}
p.rmp-rating-widget__results.js-rmp-results.rmp-rating-widget__results--hidden span.rmp-rating-widget__results__votes.js-rmp-vote-count {
    display: inline-flex;
    font-size: 15px;
    position: absolute;
}
/* Search Popup */
 .search-popup {
    padding: 15px;
     opacity: 0;
     visibility: hidden;
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 999999;
     display: none;
     place-items: center;
     box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
     transition: 200ms;
}

.search-option form.search-form > label :not(.btn-check)+.btn:active {
    background: transparent !important;
    border: none;
}
 .search-popup.active form {
     transform: translateY(0px);
}
 .search-popup form {
     position: absolute;
     background: #fff;
     max-width: 500px;
     width: 100%;
     height: 200px;
     display: grid;
     place-items: center;
     padding: 30px;
     border-radius: 6px;
     box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.2);
     transition: 300ms;
     transform: translateY(20px);
}
 .search-popup .btn-search-close {
     position: absolute;
     top: 5px;
     right: 5px;
     background: transparent;
     border: 0;
     outline: 0;
     font-size: 3rem;
     cursor: pointer;
     width: 30px;
     height: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .search-popup .btn-search-close .close-btn {
     transform: rotate(45deg);
     color: #040c1e;
}
.search-popup input[type="search"] {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 300;
    padding: 0px 10px;
    transition: 100ms;
}
 .search-popup input[type="search"]:focus {
     box-shadow: 0 0 0 3px rgba(0, 129, 255, 0.43);
     border-color: transparent;
}
 .search-popup input[type="search"]::-webkit-input-placeholder {
     color: #b3b3b3;
}

.nav-links {
    padding: 0 20px;
    padding-bottom: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.nav-links .page-numbers:not(:last-child) {
    margin-right: 10px;
}

.nav-links .page-numbers {
    background-color: #fff;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    transition: all 0.35s ease-in-out;
    letter-spacing: 0.32px;
    background: #040C1E;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    color: #fff;
}
.nav-links  .page-numbers.current, .nav-links .page-numbers:hover {
    color: #040C1E;
    text-decoration: none !important;
    background: #ffd600;
}
.nav-links .next.page-numbers,
.nav-links .prev.page-numbers{
    font-size: 0px;
}
.nav-links .prev.page-numbers:before,
.nav-links .next.page-numbers:before {
    content: '';
    background: url(../images/icon/angle-white.png);
    background-size: contain;
    height: 14px;
    width: 8px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}
.nav-links .next.page-numbers:before {
    transform: rotate(180deg);
}

.container.vertical_menu_now {
    display: flex;
    flex-wrap: wrap;
}
.container.vertical_menu_now > .vertical_side_tabs {
    width: 200px;
}
.container.vertical_menu_now > .tabs-items-main {
    width: calc(100% - 200px);
    padding-left: 15px;
}
.container.horizontal_side_menu > .tabs-items-main > div {
    padding-top: 0px;
}
.last_month_earning_cour thead th {
    background: #ffd600 !important;
    color: #040c1e;
    border: solid 1px #e7c50f !important;

}
.table.last_month_earning_cour>:not(caption)>*>* {
    border: solid 1px #ddd;
}
.container.vertical_menu_now > .vertical_side_tabs > li {
    width: 100%;
    padding-right: 0px;
}
.container.vertical_menu_now > .vertical_side_tabs > li > a.tabverticallinks {
    width: 100%;
    text-align: left;
    font-size: 16px;
    border-radius: 5px;
    padding: 10px;
    border-bottom: solid 1px #222f4a;
}
.container.vertical_menu_now > .vertical_side_tabs > li:last-child > a.tabverticallinks {
    border-bottom: none;
}
.container.vertical_menu_now > .tabs-items-main > div >div {
    margin-top: 0px;
}
#allassignments .courses tr th {
    background: #ffd600 !important;
    color: #040c1e;
    border: solid 1px #e7c50f !important;
    padding: 10px 8px !important;
}
#allassignments .courses tr td.coursetitle {
    font-size: 15px;
}
#allassignments table.courses>:not(caption)>*>* {
    border: solid 1px #ddd;
}
#allassignments table.courses>:not(caption)>*>* {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
#allcourses .theme-btn {
    white-space: nowrap;
    padding: 10px 15px;
    font-size: 16px;
}
.filter-result .filter > a.btn.theme-btn {
    white-space: nowrap;
    font-size: 16px;
    padding: 10px 15px;
}
.coursesteps .inputblock p.exams-option span.rightchoice {
    width: 40px;
    position: relative;
}
.coursesteps .inputblock p.exams-option span.rightchoice > input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 9;
    opacity: 0;
}
.custom-tooltip .help-tip {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    background-color: #040c1e;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 26px;
    cursor: default;
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.custom-tooltip .help-tip > span {
    visibility: hidden;
    opacity: 0;
    text-align: left;
    background-color: #040c1e;
    padding: 20px;
    width: 300px;
    position: absolute;
    border-radius: 4px;
    right: -4px;
    color: #fff !important;
    z-index: 99999;
    font-size: 13px;
    line-height: normal;
    transform: scale(0.7);
    transform-origin: 100% 0%;
    top: 30px;
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.custom-tooltip .help-tip:hover > span {
    cursor: default;
    visibility: visible;
    opacity: 1;
    transform: scale(1.0);
}
.custom-tooltip {
    padding-right: 50px;
    position: relative;
}
 .custom-tooltip .help-tip > span:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #040c1e;
    right: 10px;
    top: -12px;
  }
  
 .custom-tooltip .help-tip > span:after {
    width: 100%;
    height: 40px;
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
}
.rightchoice label {
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.rightchoice label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #dee3f0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 0px 5px 5px 0px;
    background: #fff;
    margin-right: 0;
    border-left: none;
}
.rightchoice input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    left: 15px;
    width: 11px;
    height: 24px;
    border: solid #040c1e;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
.remove_work_experience {
    text-align: right;
}
.filter-outer-section .filter_cont_recruiter {
    width: 100%;
    margin: 00px 0 0;
}
.recruiter_nm_hire a:hover {
    background: transparent !important;
}
.inputblock-selects p span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
/*17-07-2023*/
.webinar-single-section .banner-widget.media-right.left-align.layout-small {
    grid-template-columns: 1fr;
}
@media screen and (max-width: 991px) {
    .security-tabs {
        margin: -47px 0 0;
    }
    #allassignments .courses tr th {
        white-space: nowrap;
    }
    .slider__text {
        padding: 0 0 100px;
    }
}
@media screen and (max-width: 767px) {
    .slider__text {
        padding: 0 0 0px;
    }
    .security-tabs {
        margin: -36px 0 0;
    }
    .container.vertical_menu_now > .vertical_side_tabs {
        width: 100%;
    }
    
    .container.vertical_menu_now > .vertical_side_tabs > li {
        width: auto;
        padding-right: 8px;
    }
    .container.vertical_menu_now > .vertical_side_tabs > li > a.tabverticallinks{
        border-bottom: none;
    }
    .container.vertical_menu_now > .tabs-items-main > div >div {
        margin-top: 30px;
    }
    .container.vertical_menu_now > .tabs-items-main {
        width: 100%;
        padding-left: 0;
    }
}

 @media (max-width: 576px) {
     .search-popup form {
         width: calc(100% - 30px);
         height: 170px;
         padding: 15px;
    }
}
 
/*.join_box img {
    display: none;
}*/
/*.........Main Wrapper Start........*/
.main-wrapper {
    background: url('../images/slider-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 640px;
}
.icon-top1 {
    position: absolute;
    top: 33%;
    right: -14%;
}
.icon-top2 {
    position: absolute;
    bottom: 11%;
    left: -1%;
}
.slider__text p {
    color:#55597D;
    font-size: 18px;
    font-weight: 500;
}
.subscription__input input {
    height: 57px;
    border: 0;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    color: #55597D;
    padding-right: 32%;
}
.subscription__input input::placeholder {
    color: #55597D;
}
.subscription__input fieldset {
    border: 7px solid #fff;
    border-radius: 5px;
    position: relative;
    padding: 0px;
}
.subscription__input .btn {
    position: absolute;
    top: 0;
    right: 0;
  /*  z-index: 99;*/
    background-color: #FFD600;
    border: 1px solid #FFD600;
    color: #040C1E;
    height: 100%;
    border-radius: 5px;
    font-size: 18px;
    width: 30%;
    box-shadow: 10px 15px 20px rgba(51, 95, 194, 0.07);
    font-weight: 600;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: #040C1E !important;
    border-color: #040C1E !important;
}
/*.......slider  image...........*/

.slider__image {
    text-align: center;
    position: relative;
}
/*.........Main Wrapper end........*/

/*.........total start.......*/
.total__section ul {
    box-shadow: 10px 15px 20px rgba(51, 95, 194, 0.07);
    border-radius: 10px;
    margin-top: -150px;
    background: #040C1E;
    color: #fff;
    position: relative;
}
.total__list:nth-child(2) {
    border: 2px solid rgb(255 255 255 / 30%);
    border-width: 0 2px;
}
.total__list h1 {
    color: #FFD600;
    display: inline-block;
}

.total__list h3 {
    text-transform: uppercase;
    font-weight: 800;
    font-family: 'Manrope';
    color: #fff;
}
/*.........total end........*/

/*.........About section Start.......*/
.twocolumnsection {
    background: url('../images/curve-bg.png');
    background-size: initial;
    background-position: bottom right;
    background-repeat: no-repeat;
    position: relative;
}
.about-icon1 {
    position: absolute;
    bottom: 5%;
    left: 5%;
}
.about-icon2 {
    position: absolute;
    top: 20%;
    right: 5%;
}
.about__content h2, .subscription_content h2 {
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 30px;
}
.about__content ul li {
    display: inline-flex;
    width: 100%;
    flex: 0 0 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    color: #201B53;
    padding: 10px 0;
}
.about__content ul li i {
    font-size: 25px;
    color: #FFD600;
}
.about__content ul li .fa-duotone:after, 
.about__content ul li .fad:after {
    color: #FFFADF; opacity: 1;
}
.about__content ul li .fa-duotone:before, 
.about__content ul li .fad:before {
    color: #FFD600;
    opacity: 1;
}
.about__image {
    position: relative;
}
.about__icon1 {
    position: absolute;
    top: 5%;
    right: 15%;
}
.about__icon2 {
    position: absolute;
    bottom: 38%;
    left: -6%;
}
/*.........About section end.......*/


/*................course start............*/
.course__section {
    position: relative;
}
/*.course_loader {
     display: none; 
    position: absolute;
    left: auto;
    top: 0;
    z-index: 1;
    right: auto;
    width: 100%;
    text-align: center;
    align-items: center;
    height: 100%;
    bottom: 0;
    background: rgb(255 255 255 / 69%);
    justify-content: center;
}
.course_loader {
  display: flex;
}*/
.course_loader {
    position: absolute;
    left: auto;
    right: auto;
    z-index: 1;
    text-align: center;
    margin: 0 auto;
    top: auto;
    bottom: auto;
    width: 100%;
    height: auto;
}
img.loader {
    max-width: 5%;
}
.course__tabbing ul.nav-tabs {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    justify-content: space-evenly;
    border: 0;
    margin-bottom: 20px;
}
.course__tabbing .nav-tabs .nav-link.active {
    box-shadow: 4px 9px 20px rgba(255, 214, 0, 0.17);
    background: #FFD600;
    border-color: #FFD600;
}
.course__tabbing .nav-tabs .nav-link {
    padding: .55rem 2rem;
    background: #F8F8FA;
    border: 1px solid #ECECEC;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    color: #040C1E;
}
.course__tabbing .nav-tabs .nav-link:hover{
    background: #FFD600 !important;
    border-color: #FFD600 !important;
}
.course__tabbing .tab-content {
    padding: 0 26px;
}
.course__div {
    background: #FFFFFF;
    box-shadow: 15px 15px 40px rgba(4, 12, 30, 0.08);
    border-radius: 10px;
    padding: 15px;
    max-width: 95%;
    position: relative;
    margin: 30px auto 60px;
}
.course_archive_loop_wishlist {
    padding: 5px;
    position: absolute;
    right: 25px;
    top: 23px;
    background: rgb(0 0 0 / 22%);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.course-filter-design a.clearfilter {
    right: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin-left: -10px;
}
.course_archive_loop_wishlist i {
    font-size: 20px !important;
}
.course_archive_loop_wishlist .fa-star-o {
    color: #f8f8fa;
}
.course_img {
    margin-bottom: 20px;
}
.course_img img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
    overflow: hidden;
    height: 205px;
}
.course__nm {
    display: inline-block;
    background: #F8F8FA;
    border-radius: 5px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    padding: 4px 12px;
}
.c_title {
    font-weight: 600;
    font-size: 21px;
    line-height: 36px;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 1rem;
}
.course__rating {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px auto;
}
.user_div, .user_list {
    display: inline-flex;
    align-items: center;
}
.user_list {
    padding-left: 12px;
}
.user_list img {
    width: 32px;
    height: 32px;
    border-radius: 100px;
    border: 1px solid #fff;
    margin-left: -12px;
}
.rating i {
    font-size: 12px;
    color: #FFBB0D;
}
.free-btn {
    border: 1px solid #FFD600;
    background: #FFD600;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    padding: 2px 10px 4px;
    border-radius: 3px;
    white-space: nowrap;
    transition: all ease-in-out .5s;
}
/*.free-btn:hover {
    border: 1px solid #FFD600;
    color: #040C1E;
    transition: all ease-in-out .5s;
}*/
.cprice-btn {
    border: 1px solid #040C1E;
    background: #040C1E;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    padding: 2px 1rem;
    border-radius: 5px;
    transition: all ease-in-out .5s;
}
.cprice-btn:hover {
    border: 1px solid #040C1E;
    color: #040C1E;
    transition: all ease-in-out .5s;
}
.course__footer {
    margin: 30px auto 0;
}
.course__footer ul {
    background: #F8F8FA;
    border: 1px solid #ECECEC;
    border-radius: 10px;
    display: flex;
    padding: 6px 27px 6px 22px;  /* Deeeksha 14-02-2023*/
    margin: 0;
    justify-content: center;
}
.course__footer ul li {
    display: inline-flex;
    align-items: center;
    padding: 6px 0;  /* Deeeksha 14-02-2023*/
}
.course__footer ul li img {
    margin-right: 7px;
}
.course__footer ul li i {
    margin-left: 7px;
}
.course_content_inner .slick-arrow {
    background: #040C1E !important;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    color: #fff !important;
    bottom: -60px;
    top: auto;
    opacity: 1;
    z-index: 9; /* Deeeksha 14-02-2023*/
}
.course_content_inner .slick-arrow:hover {
    background: #FFD600;
}
.course_content_inner .slick-arrow:focus{
    color: #fff !important;
    opacity: 1;
}
.course_content_inner .slick-arrow:hover{
    background: #FFD600 !important; 
    color: #0A1123 !important;
}
.course_content_inner .slick-arrow:hover:before,
.course_content_inner .slick-arrow:focus:before{
    color: #0A1123;
}
.course_content_inner .slick-dots li {
    width: 9px;
    height: 5px;
    margin: 0 5px;
}
.course_content_inner .slick-dots li.slick-active, .course_content_inner .slick-dots li.slick-active button
{
     width: 19px; background: #0A1123; border-radius: 5px;
}
.course_content_inner .slick-dots li button {
    width: 9px;
    height: 5px;
    padding: 0;
    color: #000;
    background: #E9E9F6;
    border-radius: 5px;
}
/*.course_content_inner .slick-prev:before {
    opacity: 1;
    content: "\f104";
    font-family: "Font Awesome 6 Pro";
}
.course_content_inner .slick-next:before {
    opacity: 1;
    content: "\f105";
    font-family: "Font Awesome 6 Pro";
}*/
.course_content_inner .slick-prev:before, .course_content_inner .slick-next:before  {
    content: '';
    background: url(../images/icon/angle-white.png) !important;
    background-size: contain;
    height: 14px;
    width: 8px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    opacity: 1;
}
.course_content_inner .slick-next:before {
    transform: rotate(180deg);
}
.course_content_inner .slick-prev:focus:before, .course_content_inner .slick-next:focus:before  {
  background: url(../images/icon/angle-dark.png);
}
.social_link {
    display: flex;
    justify-content: start;
    align-items: center;
    color: #000;
}
.social_link a{
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    color: #0A1123;
    border-radius: 5px;
    justify-content: center;
    text-align: center;
    margin-right: 10px;
    transition: all ease-in-out .5s;
}
.social_link a:hover {
    background: #FFD600;
    color: #0A1123 !important;
    transition: all ease-in-out .5s;
}
.course_content_inner .slick-prev {
    left: 45%;
}
.course_content_inner .slick-next {
    right: 45%;
}
.course_content_inner .slick-dots li button:before {
    font-size: 0px;
    line-height: 6px;
    height: 5px;
}
.course_content_inner  .slick-dots {
    bottom: -25px; z-index: 0;
}

/*................course end............*/


/*................brand start............*/
.brand__section {
    background: #F8F8FA;
}
.brand__section .my-slider {
    background: #fff;
    border-radius: 10px;
    box-shadow: 15px 15px 40px rgba(4, 12, 30, 0.08);
    margin: 44px auto 0; /* Deeeksha 14-02-2023*/
    padding: 20px 60px;
}

.client_slider .slick-initialized .slick-slide{
  height: 100px;
  margin: 0 15px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*.client_slider .slick-next, .client_slider .slick-prev{
  z-index: 5;
}*/
.dcs_universal_containersingle p.average-rating {
    line-height: 20px;
}
.dcs_universal_containersingle .comments-rating .rating-container * {
    font-size: 20px;
    height: 20px;
    line-height: 20px;
}
.dcs_universal_containersingle .comments-rating{
    height: 20px;
}
.search-option button.btn.search__icon.p-0 {
    background-color: #F4F7FC;
}
.client_slider .slick-arrow {
    background: #040C1E !important;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    color: #fff;
}
.client_slider .slick-arrow:hover{
    background: #FFD600 !important; 
    color: #0A1123;
}
.client_slider .slick-arrow:hover:before{
    color: #0A1123;
}
.client_slider .slick-next:before, .client_slider .slick-prev:before{
  color: #fff;
  font-size: 20px;
  opacity: 1;
}
/*.client_slider .slick-prev:before {
    content: "\f104";
    font-family: "Font Awesome 6 Pro";
}
.client_slider .slick-next:before {
    content: "\f105";
    font-family: "Font Awesome 6 Pro";
}*/
.client_slider .slick-prev:before, .client_slider .slick-next:before  {
    content: '';
    background: url(../images/icon/angle-white.png);
    background-size: contain;
    height: 14px;
    width: 8px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}
.client_slider .slick-next:before {
    transform: rotate(180deg);
}
/*.client_slider .slick-prev:focus:before, .client_slider .slick-next:focus:before  {
  background: url(../images/icon/angle-dark.png);
}*/
/*................brand end............*/

/*.........subscription section start.......*/
.subscription__section {
    background-image: url('../images/subscription-bg.png');
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #040C1E;
}

.subscription_content {
    padding-right: 25px;
}
.subscription_content h2, .subscription_content p{color: #fff;}
.subscription_content p {
    font-size: 18px;
    font-weight: 500;
}
.subscription_image {
    bottom: -4.5%;
}
/*.........subscription section end.......*/

/*.........contact start.......*/
.contact__section {
    background: url('../images/contact-bg.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.heading p{
    font-size: 18px;
    font-weight: 500;
}
.contact__form {
    background: #fff;
    box-shadow: 4px 9px 20px rgba(51, 95, 194, 0.25);
    border-radius: 10px;
    margin-bottom: -375px;
}
.contact__form .form-group{ 
    margin-bottom: 30px;
}
.contact__form .form-group .form-label {
    color: #000;
    font-weight: 600;
}

/*.........contact end.......*/


/*.........join start.......*/
.join__section {
    background-image: url('../images/join-bg.png');
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    position: relative;
}
.join__div {
    margin-top: 200px;
    margin-bottom: -255px;
}
.join_box {
    border: 1px solid rgb(82 82 100 / 20%);
    border-radius: 10px;
    padding: 45px 30px;
    position: relative;
    background: #fff;
}
.join_inner {
    max-width: 50%;
}
/*.join_box::after {
    position: absolute;
    background-size: contain;
    background-position: right;
    right: 0;
    bottom: -8px;
    content: '';
}*/
/*.join_one::after {
    content: url('../images/join-1.png');
}
.join_two::after {
    content: url('../images/join-2.png');
}*/

.total__list span.mb-4 {
    font-size: 55px!important;
    font-weight: 700!important;
    color: #FFD600!important;
}
.join_box h3 {
    font-size: 22px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 10px;
}
.join_box .theme-btn {
    padding: 13px 55px;
}
.join_box p {
    color: #55597D;
    margin-bottom: 20px;
}
.join-icon3 {
    position: absolute;
    top: 45px;
    left: 9%;
}
.join-icon2 {
    position: absolute;
    left: 5%;
    bottom: 18%;
}
.join-icon1 {
    position: absolute;
    right: 4%;
    top: 15%;
}
/*.........contact end.......*/


/*.........footer start.......*/
.column_sec_footer .footer {
    padding: 100px 0;
}
footer {
    background: #0A1123;
    padding: 272px 0 92px; /* Deeeksha 14-02-2023*/
    color: #fff;
}
.footer__div .footer__logo {
    margin-bottom: 24px;
}
.footer__div p {
    font-size: 18px;
    font-weight: 500;
}
.footer__div h3{
    color: #fff;
    margin:20px 0;
}
.useful_link li {
    display: block;
    width: 100%;
    padding: 2px 0 10px;
    font-size: 16px;
    font-family: 'Manrope';
}
.useful_link li:last-child{
    padding-bottom: 0;
}
.footer__div .subscription__input .btn {
    width: 46%;
}
.subscription__input .btn:hover{
    background: #fff !important;
    color: #FFD600 !important;
}
.footer__div  .subscription__input input { /* Deeeksha 14-02-2023*/
    padding-right: 48%;
    font-family: 'Manrope';
    font-weight: 500;  
}
.subscription__input span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    padding-top: 7px;
}
ul.social_link li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    color: #0A1123;
    border-radius: 5px;
    justify-content: center;
    text-align: center;
    margin-right: 10px;
    transition: all ease-in-out .5s;
}
ul.social_link li:hover a {
    background: #FFD600;
    color: #0A1123;
    transition: all ease-in-out .5s;
}
/*.........footer end.......*/

/*.........copyright start.......*/
.copyright-footer {
    padding: 8px 0;
}
.copyright-footer p {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}


.registrationvalidate.error {
    border-color: red;
}

.loginfieldvalidate.error {
    border-color: red;
}

span.radio-error-message {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    border-top: none;
    background: #ff5b5b26;
    color: #f00;
    line-height: normal;
    border-radius: 9px 9px 0 0;
    font-weight: 500;
    padding: 5px;
    line-height: 20px;
    font-size: 14px;
}

/* login page design */

.login-section {
    width: 100%;
}
.login-section .login-outer {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.login-section .login-outer > div {
    width: 50%;
}
.login-section .login-outer .login-left-img {
    background-color: rgba(255,214,0,0.14);
    background-image: url("../images/login-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10px 10px 0px;
    display: flex;
    justify-content: center;
    padding-top: 160px;
}

.login-section .login-outer .login-left-img img {
    align-self: flex-end;
    max-width: 885px;
    width: 100%;
}
.login-section .login-outer .login-right-form {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 75px 75px 175px;
    background-image: url("../images/login-right-1.png"), url("../images/login-right-2.png");
    background-repeat: no-repeat;
    background-position: top 52px left 57px, top 78px right 50px;
}
.login-right-outer{
    max-width: 654px;
    margin: auto;
    width: 100%;
}
.login-right-outer .login-header{
    margin-bottom: 50px;
}
.login-right-outer .login-header h2{
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    line-height: normal;
    margin-bottom: 30px;
    text-align: center;
}
.login-right-outer .login-header .login-text p {
    margin-bottom: 15px;
    text-align: center;
    font-weight: 500;
    line-height: 27px;
    font-size: 16px;
}
.login-right-outer .login-header .login-text p:last-child{
    margin-bottom: 0px;
}

.form-status-login {
    position: relative;
    width: 100%;
}


.login-right-outer .before-input-cls,
.mail-verification,
.common-notify{
    width: 100%;
    padding: 50px 40px;
    border-radius: 10px;
    border: solid 1px #D2D6E3;
    box-shadow: 15px 15px 40px rgb(4 12 30 / 4%);
    position: relative;
    background: #fff;
}
.mail-verification,
.common-notify{
    font-size: 20px;
    text-align: center;
    max-width: 570px;
    background: #fffafc;
    margin: 90px auto;
    line-height: 28px;
}
.author-input-cls input#social_link_Linkedin, .author-input-cls textarea#aboutme {
    text-transform: inherit;
}
.login-right-outer .before-input-cls:after,
.mail-verification:after {
    position: absolute;
    content: "";
    height: 200px;
    width: 200px;
    background: #fff;
    border: solid 35px #FFD600;
    border-radius: 50%;
    right: -75px;
    bottom: -75px;
    z-index: -1;      
   animation: pulse 2s infinite;
}

.mail-verification .mail-verification-img {
    max-width: 100px;
    margin: 0 auto 50px;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 30px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 30px rgba(204,169,44, 0);
      box-shadow: 0 0 0 30px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
.before-input-cls .form-group{
    margin-bottom: 20px;
}
.before-input-cls .form-group > label,
.popup-form-class .form-inner-group label{
    color: #112E4F;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
}
.input-icon-login {
    width: 100%;
    position: relative;
}
.input-icon-login input {
    height: 60px;
    padding: 10px 20px 10px 39px;
    font-size: 14px;
    color: #9AA9BF;
    background: #F4F7FC;
    border: solid 1px #F4F7FC;
    border-radius: 10px;
    font-weight: 500;
    font-family: 'Manrope', sans-serif;
}
.input-icon-login svg {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}
.input-icon-login input::placeholder{
    color: #9AA9BF;    
}
.remember-forgot {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    margin: 7px 0 40px;
}
.remember-forgot .forgot-p > a {
    color: #112E4F;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
}
.checkbox-design input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.checkbox-design label {
  position: relative;
  cursor: pointer;
  font-size: 14px;
    font-family: 'Manrope', sans-serif;
  color: #9AA9BF;
  font-weight: 500;
  line-height: 27px;
  text-transform: capitalize;
}

.checkbox-design label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #bbbbbb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 5px;
}
.checkbox-design input:checked + label:before{
    background-color: #FFD600;
    border: 2px solid #FFD600;
}

.checkbox-design input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 7px;
    width: 6px;
    height: 11px;
    border: solid #040C1E;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.btn-form-login input {
    background: #040C1E;
    color: #fff;
    margin: 0 0 10px;
    height: 60px;
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    border-radius: 10px;
    border: none;
    width: 100%;
}
.dont-account{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dont-account p {
    margin: 0px;
    font-size: 16px;
    line-height: normal;
}
.dont-account p a{
    font-weight: 700;
    color: #040C1E;
}

.before-input-cls .form-group .input-icon-login ~ div {
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}
.before-input-cls .form-group .input-icon-login ~ div.weak-password {
    color: #f00;
}
.before-input-cls .form-group .input-icon-login ~ div.medium-password{
    color: #f90;
}
.before-input-cls .form-group .input-icon-login ~ div.strong-password{
    color: #25b700;
}
.before-input-cls .form-group.select-user {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 36px;
    flex-wrap: wrap;
}
.hear-about-website {
    margin-top: 15px;
    width: 100%;
}
.hear-about-website select,
.hear-about-website input {
    height: 60px;
    padding: 10px 20px 10px 10px;
    font-size: 14px;
    color: #112E4F;
    background: #F4F7FC;
    border: solid 1px #F4F7FC;
    border-radius: 10px;
    font-weight: 500;
    font-family: 'Manrope', sans-serif;
    width: 100%;
}
.hear-about-website input {
    margin-top: 10px;
}
.hear-about-website label {
    margin-bottom: 12px;
    color: #112E4F;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}
.before-input-cls .form-group.select-user ul {
    display: flex;
    align-items: center;
}
.before-input-cls .form-group.select-user ul li {
    margin-left: 40px;
}
.before-input-cls .form-group.select-user ul li .radio-design {
    display: flex;
    align-items: center;
}
.before-input-cls .form-group.select-user .select-user-label{
    font-size: 16px;
    line-height: normal;
    font-family: 'Manrope', sans-serif;
    color: #55597D;
    font-weight: 500;
}
.radio-design input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.radio-design label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  color: #112E4F;
  font-weight: 700;
  line-height: 20px;
  text-transform: capitalize;
 font-family: 'Barlow', sans-serif;
     display: flex;
    align-items: center;
}

.radio-design label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #ADB8C9;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 50%;
}
.radio-design input:checked + label:after {
content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #FFD600;
}
.radio-design .radiovalidation.error label::before {
    border: 1px solid #f00;
}


/*......................question css..............*/
.form-status-login > span, 
.form-status-login > .common-login-messages,
.form-status-login > .questionnaire-submit,
.common-messages, .invalid_error  {
    width: 100%;
    position: absolute;
    z-index: 9;
    text-align: center;
    top: 0;
    width: 100%;
  /*  width: calc(100% - 80px);
    margin-left: 40px;*/
    border-radius: 10px 10px 0px 0px;
    font-weight: 500;
    padding: 5px;
    line-height: 20px;
    left: 0;
    font-size: 14px;
}
.questionnaire-submit{
    background: #fff5bf;
    color: #a97e04;
}
.invalid_error, .common-login-messages, .common-messages,
.login-verification-message.invalidotp,
.form-status-login .existing_user_msg,
.form-status-login .emailcorrectmsgnew{
  background: #ff5b5b26;
  color: #f00;
}

.loginsuccessmsg, .common-login-messages.success-message, .common-messages.success-message,
.password-common-message.success-message,
.login-verification-message.success-message
{
  background: #c8ffd67d;
    color: #029f2a;
}
#password-strength-status {
    font-size: 13px;
}
.questionnaire-submit a {
    color: #000;
    padding: 2px 12px 3px;
    background: #FFD600;
    border-radius: 40px;
    font-weight: 700;
    font-size: 14px;
}
.invalid_error .pop-msg a.continue_login {
    padding-left: 5px;
    color: #786500;
    font-weight: 600;
}
.login-failed,
.unapproved_error,
.subscription-expired{
    color: #f00;
}
.loginsuccessmsg {
    color: green;
}
.radiovalidation.error+label::before {
    border: 1px solid #f00;
}
ul.question_list li {
    margin-bottom: 25px;
}
ul.question_list li h3 {
    font-size: 22px;
    margin-bottom: 15px;
}
.answer-option .radio-design {
    display: inline-block;
    width: 24%;
}
.answer-option  .radio-design label {
    font-weight: 500;
}
.otpformvalidation.error,
.error{
  border-color: #f00;
}
.weak-password{
  color: #f00;
}
.medium-password{
  color: #a97e04;
}
.strong-password{
color: #029f2a;
}
/*.........modal...........*/

.login-section .login-outer > .modal {
    z-index: 9999;
    width: 100%;
    background: #00000052;
}
.login-section .login-outer > .modal .modal-body {
    padding: 2rem 1rem;
}
.login-section .login-outer > .modal .modal-header {
    background: #FFD600;
}
.login-section .login-outer > .modal .modal-header h3 {
    margin: 0;
    font-size: 20px;
}
.login-section .login-outer > .modal .modal-header .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/.75em auto no-repeat;
}
.login-verification-message,
.password-common-message {
    text-align: center;
    background: #fff5bf;
    color: #a97e04;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 6px 10px;
    font-size: 14px;
}
.login-verification-message.success-message,
.password-common-message.success-message {
  background: #c8ffd67d;
    color: #029f2a;
}
span.questionnaire-success-message {
    text-align: center;
    display: block;
    color: #029f2a;
    font-weight: 600;
    font-size: 25px;
    line-height: 50px;
}
span.questionnaire-success-message {
    text-align: center;
    display: block;
    color: #029f2a;
    font-weight: 600;
    font-size: 20px;
    line-height: 38px;
    background: #c8ffd630;
    border: 1px solid #029f2a26;
    padding: 20px 30px;
    max-width: 80%;
    margin: 0 auto;
}
.main-common-popup .modal-dialog {
    display: inline-block;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.form-group.btn-form-login.modal-footer {
    border: none;
    padding-top: 0px;
}
.login-section .login-outer > .modal .modal-content {
    border: none;
}

span.questionnaire-success-message {
    text-align: center;
    display: block;
    color: #029f2a;
    font-weight: 600;
    font-size: 20px;
    line-height: 38px;
    background: #c8ffd630;
    border: 1px solid #029f2a26;
    padding: 20px 30px;
    max-width: 80%;
    margin: 0 auto;
}
.popup-form-class .form-inner-group .form-group{
  margin-bottom: 15px;
}
span.questionnaire-error{
  background: #ff5b5b26;
  color: #f00;
  padding: 12px 30px;
  font-size: 16px;
  background: #ff5b5b26;
  color: #f00;
  font-weight: 500;
  border-radius: 10px;
}
span.mail-verification{
  background: #c8ffd630;
  padding: 12px 30px;
  font-size: 16px;
  color: #029f2a;
  font-weight: 500;
  border-radius: 10px;
}
  .emailformvalidation.error {
        border-color: red;
    }
.authorvalidate.error {
        border-color: red;
    }
    .changepasswordvalidate.error {
        border-color: red;
    }
/*search page css*/
.search_page_banner {
    background: url(../../../../uploads/2022/12/inner-banner.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 400px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.search_page_banner .inner_banner_content p {
    font-size: 18px;
}
.search_page_post {
    width: 100%;
    padding: 120px 0px;
}
.search_image_sect-in img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.search_image_sect-in {
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.row.post-gap {
    row-gap: 30px;
}

.blog-search-outer {
    border-radius: 4px;
    border: solid 1px #d2d6e378;
    box-shadow: 15px 15px 40px rgb(4 12 30 / 12%);
    position: relative;
    background: #fff;
    overflow: hidden;
    height: 100%;
}
.blog-search-text {
    padding: 15px 20px 30px;
    height: calc(100% - 180px);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}
.blog-search-text a.read-more {
    align-self: flex-end;
    width: auto;
    padding: 7px 20px;
    height: 45px;
    font-size: 16px;
}
.blog-search-text a.page-title-in h2 {
    font-size: 25px;
    line-height: 34px;
    margin: 0;
}
.blog-search-text a.page-title-in {
    margin: 0 0 30px;
}
/**/
.bunch-block a{
    margin: 4px 0px;
}
@media(max-width:1400px){
    .about__icon1 {
        top: 11%;
        right: 7%;
    }
}
@media (max-width:1200px){
    .join-img img{
        max-width: 200px;
    }
}
@media(max-width:991px){

.search_page_banner {
    height: 320px;
}
}


@media(max-width:767px){
.search_page_banner {
    height: 280px;
}
.search_page_banner .inner_banner_content p {
    font-size: 15px;
}
}

@media(max-width:575px){
.search_page_banner {
    font-size: 16px;
}
.search_page_banner .inner_banner_content p {
    font-size: 15px;
}

}
@media(max-width:480px){
    .coursesteps {
        margin: 30px 0 0;
    }
}
@media(max-width:440px){
    .priceratepopup .info .inlinelnk {
        display: table;
    }
}
.common-message-btn{
    display: inline-block;
    height: auto; 
    background: #FFD600; 
    border: 1px solid #FFD600;
     border-radius: 5px; 
     box-shadow: 4px 9px 20px rgb(255 214 0 / 25%); 
     transition: all ease-in-out .5s;  
     padding: 2px 16px; 
     color: #040c1e; 
     font-weight: 500; 
     font-size: 15px;
}


#recruiter-register, #recruiter-instructor{            
 display: none;
 }
 div#recruiter-register.onetimeshow, div#recruiter-instructor.onetimeshow {
    display: block !important;
}
input.invalid {
    background-color: #ffdddd !important;
    border-color: #ff000040 !important;
}

.radioinput {
    position: relative;
}
.radioinput label:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}
/*21-02-2023*/
.videoblock video {
    width: 100%;
}
#courselectures li {
    cursor: pointer;
    color: #000;
}
li.lecactive {
    background: #ffd600;
}
.inputblock-selects {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
.inputblock-selects p {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}
.inputblock-selects p select {
    width: 100% !important;
    max-width: 100% !important;
    position: relative;
}
.halfblock > div label input {
    display: none;
}
.halfblock > div label {
    width: 100%;
    display: flex;
    cursor: pointer;
    background: #F8F8FA;
    border: 1px solid #DEE3F0;
    /* text-align: right; */
    line-height: normal;
    justify-content: space-between;
    align-items: center;
}
.halfblock > div label span {
    border-left: solid 1px #e5ebf5;
    padding: 15px 25px 16px;
    display: inline-block;
    background: #e5ebf5;
    font-weight: 700;
    color: #112E4F;
    width: 131px;
}
.halfblock > div label samp.file-name {
    padding: 5px 10px;
    width: calc(100% - 131px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.imageuploadblock-left {
    background: #F8F8FA;
    border: 1px solid #DEE3F0;
    border-radius: 5px;
    overflow: hidden;
    height: 310px;
}
.imageuploadblock-left img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.radioinput input:checked ~ label:before {
    background: #ffd60017;
    border: solid 1px #ffd600;
    border-radius: 5px;
    width: calc(100% + 2px);
    left: -1px;
    height: calc(100% + 2px);
    top: -1px;
}

.next-back-btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.coursesteps.step-1 .next-back-btn {
    justify-content: flex-end;
}
.next-back-btn input {
    width: auto;
    padding: 0 30px;
}
.next-back-btn .next-btn {
    width: auto;
    justify-self: flex-end;
    justify-items: flex-end;
    display: flex;
    justify-content: flex-end;
    background: #ffd600;
    border: 1px solid #ffd600;
}
.lectureinner {
    width: 100%;
    padding: 20px;
    background: #F8F8FA;
    border: 1px solid #DEE3F0;
    border-radius: 4px;
    margin-bottom: 30px;
}

.lectureinner > span {
    font-size: 20px;
    display: block;
    font-weight: 700;
    color: #ffd600;
    width: calc(100% + 40px);
    margin: -20px 0 20px -20px;
    padding: 16px 20px;
    border-top-left-radius: 4px;
    background: #040C1E;
    border-top-right-radius: 4px;
}
.coursesteps .inputblock p {
    font-size: 14px;
    font-family: 'Manrope', sans-serif;
    color: #112E4F;
    font-weight: 700;
    margin-bottom: 6px;
    display: block;
}
.editcourse-stepper .lectureinner input {
    background: #fff;
}

form#editcoursesecond {
    position: relative;
}
form#editcoursesecond .lectures {
    position: absolute;
    bottom: 0px;
    right: 165px;
}
form#editcoursesecond .lectures a#addlecture {
    padding: 12px 22px;
    background: green;
    color: #fff;
    border-radius: 5px;
    margin: 10px 0;
    font-weight: 700;
    margin: 0;
}
.coursesteps .inputblock p span.error {
    font-weight: 400;

    margin: -10px 0 10px;
    margin: 0;
    line-height: 20px;
}
.editcourse-stepper .inputblock input {
    margin: 0 0 10px;
}
.editcourse-stepper .inputblock p.infotxt {
    font-weight: 400 !important;
}
.lectureinner .inputblock input {
    margin: 0;
}
.coursesteps .inputblock p textarea {
    width: 100%;
    border: 1px solid #DEE3F0;
    border-radius: 4px;
    padding: 10px;
    height: 120px;
    resize: none;
}

.coursesteps .inputblock p.exams-option a.removebtn {
    font-size: 0px;
    padding: 0;
    width: 50px;
    height: 50px;
    position: relative;
    margin: 0 0 0 10px;
}
.coursesteps .inputblock p.exams-option {
    display: flex;
    position: relative;
    flex-wrap: wrap;
}
.coursesteps .inputblock p.exams-option > input{
    width: calc(100% - 100px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.coursesteps .inputblock p.exams-option span.error {
    display: block;
}
.coursesteps .inputblock p.exams-option a.removebtn:after {
    background: #f8f8fa;
    height: 4px;
    width: 20px;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
}
.coursesteps .inputblock p.exams-option:first-child > input {
    width: calc(100% - 40px);
}
.rightchoice input {
    width: 16px;
    height: 16px;
}
.inputblock > .error ~ .error {
    display: none;
}
.optionsblock.options-main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
}

.precustomerwarning {
    background: #f3ca8c85;
    padding: 30px 30px 30px 80px;
    margin: 20px 0;
    position: relative;
    border-radius: 5px;
}
.precustomerwarning h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    line-height: normal;
}
.precustomerwarning h5 a {
    color: #e19100;
}
.precustomerwarning p.smalltxt {
    color: #040c1e;
}
.precustomerwarning:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 31px;
    height: 30px;
    width: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 24 24'%3E%3Cpath d='M14.876 2.672a3.309 3.309 0 0 0-5.752 0L.414 18.19a3.178 3.178 0 0 0 .029 3.189A3.264 3.264 0 0 0 3.29 23H20.71a3.264 3.264 0 0 0 2.847-1.621 3.178 3.178 0 0 0 .029-3.189ZM12 19a1 1 0 1 1 1-1A1 1 0 0 1 12 19Zm1-5a1 1 0 0 1-2 0V8a1 1 0 0 1 2 0Z'/%3E%3C/svg%3E");
    transform: translateY(-50%);
}
.aboutpay{
    margin-bottom: 30px;
}
.aboutpay h2 {
    font-size: 20px;
    margin: 40px 0 20px;
    line-height: normal;
}
.aboutpay p {
    max-width: 900px;
    color: #0a1123;
    margin: 0 0 10px;
}
.aboutpay p:last-child{
    margin: 0 0 0px;
}
.aboutpay p a{
    color: #e19100;
}

.inputfields {
    display: flex;
    gap: 15px;
}
.inputfields > input {
    width: auto;
    padding: 0 30px;
    background: #ffd600;
    border-color: #ffd600;
}
.halfblock video{
    object-fit: cover;
}
.fileplaceholder {
    margin: 40px 0 0;
}
.fileplaceholder video {
    object-fit: cover;
    height: 310px;
}
span.select2-search.select2-search--dropdown {
    display: none;
}
.lms-heading-main {
    padding-left: 0 !important;
    padding-right: 0px !important;
}
.introduction-container .intro-asset--wrapper--37FIE {
    align-self: flex-start;
    width: 100%;
}

.introduction-container .intro-asset--wrapper--37FIE button.lms-btn {
    height: 320px;
    /* height: 100%; */
}
.introduction-container .intro-asset--wrapper--37FIE button.lms-btn {
    height: 350px;
    position: relative;
    border: none;
    background: none;
    width: 100%;
}
.introduction-container .intro-asset--wrapper--37FIE button.lms-btn span.intro-asset--img-aspect--3fbKk {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.introduction-container .intro-asset--wrapper--37FIE button.lms-btn span.intro-asset--img-aspect--3fbKk img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    background-position: center center;
}
.introduction-container .intro-asset--wrapper--37FIE button.lms-btn > a {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 12px;
    color: #ffd600;
    font-weight: 700;
    font-family: 'Barlow', sans-serif !important;
    font-size: 18px;
    z-index: 1;
}
.introduction-container .intro-asset--wrapper--37FIE button.lms-btn:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, #0000009c 0%, #f95a5700 100%);
    left: 0;
    top: 0;
    z-index: 1;
}
.lms-heading-main .lms-container.lead-container {
    padding-left: 30px;
}
.lms-heading-main .lms-container.lead-container h1 {
    font-size: 34px;
    margin: 0 0 13px;
}
.topic-menu {
    margin: 0;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    color: #040C1E !important;
    line-height: normal;
    display: flex;
}
.topic-menu > span {
    font-size: 0;
    width: 24px;
    display: inline-block;
    line-height: normal;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E");
    background-position: top 4px center;
    background-repeat: no-repeat;
}
.lms-heading-main .lms-container.lead-container .clp-lead__badge-ratings-enrollment {
    display: flex;
    margin: 15px 0 0px;
}
.lms-heading-main .lms-container.lead-container .clp-lead__badge-ratings-enrollment .course__rating {
    margin: 0;
}
.lms-heading-main .lms-container.lead-container .clp-lead__badge-ratings-enrollment .lms-badge.lms-heading-xs.lms-badge-paid {
    font-weight: 700;
    padding: 3px 10px;
    background: #ffd600;
    line-height: normal;
    color: #705e00;
    font-size: 13px;
    border-radius: 2px;
}

.lms-heading-main .lms-container.lead-container .clp-lead__badge-ratings-enrollment .rating {
    font-size: 16px;
    font-weight: 700;
    color: #bf5800;
    display: flex;
    align-items: center;
    line-height: 22px;
}
.lms-heading-main .lms-container.lead-container .clp-lead__badge-ratings-enrollment .clp-lead__element-item {
    margin-right: 10px;
    display: flex;
    align-items: center;
}
.lms-heading-main .lms-container.lead-container .clp-lead__badge-ratings-enrollment .clp-lead__element-item .enrollment {
    margin: 0 0 0 12px;
}
.lms-heading-main .lms-container.lead-container .lms-text-sm.clp-lead > .clp-lead__element-item {
    color: #0a1123;
    margin: 0 0 5px;
}
.lms-heading-main .lms-container.lead-container .lms-text-sm.clp-lead > .clp-lead__element-item a {
    color: #9a7300;
    font-weight: 600;
}
.lms-heading-main .lms-container.lead-container > ul li label {
    color: #000;
    font-weight: 500;
}
.lms-heading-main .lms-container.lead-container > ul {
    margin: 0 0 16px;
}
.coursecontentblock .coursetb {
    border: none;
    background: none;
    overflow-x: auto;
    border-bottom: solid 1px #ddd;
    display: flex;
    width: 100%;
    gap: 30px;
    white-space: nowrap;
}
.course_img a {
    width: 100%;
}
.coursecontentblock .coursetb button {
    padding: 10px 0;
    margin: 0 0 -1px 0px;
    z-index: 1;
    position: relative;
    display: inline-block;
    font-weight: 700;
    color: #0a1123;
    opacity: 0.5;
    border-bottom: solid 2px transparent;
}
.coursecontentblock .coursetb button.active,
.coursecontentblock .coursetb button:hover {
    background: none;
    border-bottom: solid 2px #0a1123;
    opacity: 1;
    background: none;
}
.coursecontentblock .coursetbcontent {
    padding: 20px 0 0;
    border: none;
}
.coursecontentblock .coursetbcontent h1{
    font-size: 48px;
    margin: 0 0 20px;
    line-height: normal;
    font-weight: 700;
}
.coursecontentblock .coursetbcontent h2{
    font-size: 40px;
    margin: 20px 0 ;
    line-height: normal;
    font-weight: 700;
}
.coursecontentblock .coursetbcontent h3 {
    font-size: 32px;
    margin: 0 0 20px;
    line-height: normal;
    font-weight: 700;
}
.coursecontentblock .coursetbcontent h4{
    font-size: 28px;
    margin: 0 0 20px;
    line-height: normal;
    font-weight: 700;
}
.coursecontentblock .coursetbcontent h5{
    font-size: 24px;
    margin: 0 0 15px;
    line-height: normal;
    font-weight: 700;
}
.coursecontentblock .coursetbcontent h6{
    font-size: 22px;
    margin: 0 0 15px;
    line-height: normal;
    font-weight: 700;
}
.coursecontentblock .coursetbcontent .cslectsingle{
    border: 1px solid #D2D6E3;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}
.coursecontentblock .coursetbcontent .cslectsingle button.accordion {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #040C1E;
    border-radius: 10px;
    padding: 15px 15px 15px 15px;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    background: transparent;
    border-bottom: 1px solid #ddd;
}
.coursecontentblock .coursetbcontent .cslectsingle button.accordion::after {
    width: 32px;
    height: 32px;
    background-color: #040C1E;
    line-height: 32px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background-position: center;
    color: #fff;
    content: "\f106";
    font-family: 'Fontawesome';
    background-image: none;
    margin-left: auto;
    font-size: 20px;
    transition: all 0.35s ease-in-out;
    transform: rotate(180deg);
}
.coursecontentblock .coursetbcontent .cslectsingle button.accordion.active::after {
    background-color: #ffd600;
    color: #000;
    transform: rotate(0deg);
}
.coursecontentblock .coursetbcontent .cslectsingle .panel {
    padding: 20px 18px;
}
.coursecontentblock {
    width: 100%;
    margin: 0 0 70px;
}
.breadcrumb-sec {
    background: url(../images/inner-banner.jpg);
    position: relative;
    padding: 30px 15px;
}
section.courseheader {
    padding: 70px 0 0;
}
.lms-heading-main .lms-container.lead-container .clp-lead__badge-ratings-enrollment .rating p.average-rating {
    line-height: normal;
}
.courseinrlearn-inner {
    width: 100%;
    padding: 20px;
    background: #F8F8FA;
    border: 1px solid #DEE3F0;
    border-radius: 4px;
    margin-bottom: 30px;
}
.courseinrlearn-inner > span.lecturecount {
    font-size: 20px;
    display: block;
    font-weight: 700;
    color: #ffd600;
    width: calc(100% + 40px);
    margin: -20px 0 20px -20px;
    padding: 16px 20px;
    border-top-left-radius: 4px;
    background: #040C1E;
    border-top-right-radius: 4px;
}
span.average-count {
    font-weight: 700;
    margin: 0 4px 0 0;
}
.coursecontentblock .coursetbcontent .show-more--container--1bpj2 {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 30px;
    color: #000;
}
.coursecontentblock .coursetbcontent .show-more--container--1bpj2 p {
    font-size: 16px;
    line-height: 26px;
    margin: 20px 0;
}
.coursecontentblock .coursetbcontent .show-more--container--1bpj2 ul {
    list-style: circle;
    padding: 10px 0 30px 20px;
}
.coursecontentblock .coursetbcontent .show-more--container--1bpj2 ul li {
    margin: 0 0 15px;
    list-style: disc;
    font-size: 17px;
    line-height: 24px;
}
.coursecontentblock .coursetbcontent .show-more--container--1bpj2 ul li::marker {
    color: #ff9900;
}
.coursecontentblock .coursetbcontent .show-more--container--1bpj2 ol li {
    margin: 0 0 15px;
    font-size: 17px;
    line-height: 24px;
}
h2.ud-heading-xl {
    font-size: 30px;
    margin: 0 0 20px;
}
h2.ud-heading-xl a {
    color: #ffd600;
}
.single .dcs_pag_loading {
    padding: 0 !important;
}
.single .course__div{
    width: 100%;
    max-width: 100%;
}
.coursecontentblock .coursetbcontent p.average-rating span.average-count {
    display: block;
    text-align: center;
    font-size: 70px;
    line-height: 69px;
    margin: 0 0 4px;
    font-weight: 900;
    color: #b4690e;
}
.coursecontentblock .coursetbcontent p.average-rating span.dashicons {
    font-size: 20px;
    width: auto !important;
    height: auto;
}
.coursecontentblock .coursetbcontent .reviews-section--sub-title--15odj {
    margin: 60px 0 0;
}
.coursecontentblock .coursetbcontent .reviews-section--sub-title--15odj .comments-area > h2.comments-title {
    margin: 0;
    font-size: 18px;
    line-height: normal;
    margin: 0 0 30px;
    color: #040c1e;
    font-weight: 700;
}
.coursecontentblock .coursetbcontent .reviews-section--sub-title--15odj .comments-area ol.comment-list {
    padding: 0;
    list-style: none;
}
.coursecontentblock .coursetbcontent .reviews-section--sub-title--15odj .comments-area ol.comment-list .comment-body {
    position: relative;
}
.coursecontentblock .coursetbcontent .reviews-section--sub-title--15odj .comments-area ol.comment-list .comment-body > .comment-author.vcard {
    position: absolute;
    left: 0;
    width: 160px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding: 0 15px 0 0;
}
.coursecontentblock .coursetbcontent .reviews-section--sub-title--15odj .comments-area ol.comment-list .comment-body > .comment-author.vcard img.avatar {
    width: 50px;
    height: 50%;
    border-radius: 50%;
    border: solid 2px #ddd;
    object-fit: cover;
    margin: 0 auto 8px;
    display: block;
}
.coursecontentblock .coursetbcontent .reviews-section--sub-title--15odj .comments-area ol.comment-list .comment-body > *:not(.comment-author) {
    padding-left: 160px;
    font-size: 14px;
    line-height: 24px;
}
.coursecontentblock .coursetbcontent .reviews-section--sub-title--15odj .comments-area ol.comment-list .comment-body > .comment-meta.commentmetadata {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    line-height: normal;
    margin: 0 0 10px;
}
.coursecontentblock .coursetbcontent .reviews-section--sub-title--15odj .comments-area ol.comment-list .comment-body > p br {
    display: none;
}
.coursecontentblock .coursetbcontent .reviews-section--sub-title--15odj .comments-area ol.comment-list li {
    margin: 0 0 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #ddd;
}
.coursecontentblock .coursetbcontent .reviews-section--sub-title--15odj .comments-area ol.comment-list .comment-body > .comment-meta.commentmetadata a.comment-edit-link {
    color: #b4690e;
}
.coursecontentblock .coursetbcontent .reviews-section--sub-title--15odj .comments-area ol.comment-list .comment-body .reply {
    display: none;
}
.coursecontentblock .coursetbcontent .reviews-section--sub-title--15odj .comments-area ol.comment-list .comment-body p.stars {
    margin: 0;
}
.comment-respond label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin: 0 0 3px;
}
.comment-respond fieldset.comments-rating label {
    font-size: 24px;
}
.comment-respond p.logged-in-as a {
    text-decoration: underline;
    font-weight: 600;
    color: #000;
}
.comment-respond textarea#comment {
    border: 1px solid #DDDDE9;
    background: #FFFFFF;
    font-size: 14px;
    font-family: 'Manrope', sans-serif !important;
    height: 140px;
    color: #040C1E !important;
    border-radius: 5px;
    min-width: 250px;
    padding: 10px 15px;
    font-weight: 500;
    resize: none;
    width: 50%;
}
p.form-submit input {
    background: #ffd600;
    border: 1px solid #ffd600;
    box-shadow: 4px 9px 20px rgb(255 214 0 / 25%);
    border-radius: 5px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #040C1E;
    padding: 13px 30px;
    transition: all ease-in-out .5s;
}
p.form-submit input:hover{
    background: none;
    box-shadow: 4px 9px 20px rgb(255 214 0 / 5%);
}
.comment-respond .rating-container > input:checked ~ label:before, 
.comment-respond .rating-container > input + label:hover ~ label:before, 
.comment-respond .rating-container > input + label:hover:before {
    content: "\f155";
    color: #ffd600;
    text-shadow: 0 0 1px #ffd600;
}
.comment-respond .rating-container > input + label:before {
    color: #c1c1c1f5;
}
.component-margin.styles--instructors--1dmIT > a {
    font-size: 20px;
    font-weight: 700;
    color: #b47300;
    text-decoration: underline;
    margin: 0 0 5px;
}
.component-margin.styles--instructors--1dmIT .instructor--instructor--2sjZy {
    margin: 20px 0 0;
}
.component-margin.styles--instructors--1dmIT .instructor--instructor--2sjZy .instructor--instructor__image-and-stats--1MRZH {
    display: flex;
}
.component-margin.styles--instructors--1dmIT .instructor--instructor--2sjZy .instructor--instructor__image-and-stats--1MRZH a.instructor--instructor__image-link--2M68D {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: inline-block;
    border: solid 1px #ddd;
    overflow: hidden;
}
.component-margin.styles--instructors--1dmIT .instructor--instructor--2sjZy .instructor--instructor__image-and-stats--1MRZH a.instructor--instructor__image-link--2M68D img.instructor--instructor__image--2DJBG.ud-avatar.ud-avatar-image {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}
.component-margin.styles--instructors--1dmIT .instructor--instructor--2sjZy .instructor--instructor__image-and-stats--1MRZH ul.ud-unstyled-list.ud-block-list {
    width: calc(100% - 120px);
    padding-left: 15px;
}
.component-margin.styles--instructors--1dmIT .instructor--instructor--2sjZy .instructor--instructor__image-and-stats--1MRZH ul.ud-unstyled-list.ud-block-list li i {
    color: #000;
    font-size: 14px;
    margin: 0 8px 0 0;
}
.component-margin.styles--instructors--1dmIT .instructor--instructor--2sjZy  .ud-text-sm.instructor--instructor__description--1s-Oo {
    margin: 20px 0 10px;
    font-size: 18px;
    line-height: 28px;
}
.course__rating label {
    display: none;
}
/*10-03-2023 kamal css start*/
li.sociallink {
    display: flex;
    gap: 10px;
    margin: 10px 0 0;
}
li.sociallink a.socialinr img {
    max-width: 22px;
}

.course-chapters-sec {
    width: 100%;
    padding: 100px 0;
}
.course-chapters-sec .course-content-tabs {
    border: none;
    border-radius: 0;
    display: initial !important;
    position: sticky;
    top: 120px;
}
.course-chapters-sec .course-content-tabs .courseinrlearn {
    overflow: hidden;
}
.course-chapters-sec .course-content-tabs .courseinrlearn h3:hover {
    background: #d2d2d2 !important;
}
.course-chapters-sec .course-content-tabs .courseinrlearn h3.courselectures {
    font-size: 18px;
    display: flex;
    font-weight: 800;
    width: 100%;
    margin: 0;
    padding: 16px 20px;
    cursor: pointer;
    font-family: 'Manrope', sans-serif;
    align-items: center;
    justify-content: space-between;
    background: #f7f9fa;
    border-bottom: 1px solid #d2d2d2;
    transition: all 0.4s ease-in-out;
}
.lecturecontent {
    color: #000;
}
.course-chapters-sec .course-content-tabs .courseinrlearn .courseinrlearn-inner {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}
.course-chapters-sec .course-content-tabs .courseinrlearn .courseinrlearn-inner li {
    padding: 12px 22px;
    border-bottom: solid 1px #ddd;
    color: #000;
}
.course-chapters-sec .course-content-tabs .courseinrlearn .courseinrlearn-inner li:last-child{
    border-bottom: none;
}
.course-chapters-sec .course-content-tabs .courseinrlearn .courseinrlearn-inner li{
    cursor: pointer;
}
.course-chapters-sec .course-content-tabs .courseinrlearn .courseinrlearn-inner li.lecactive {
    background: #F8F8FA;
}

.course-content-details .contentblock {
    padding: 0;
    color: #000;
}
.course-content-details {
    border-radius: 0 !important;
}
.alert-banner--text-frame--3NycO {
    background: #a4c9bb;
    display: flex;
    padding: 20px;
}
.alert-banner--text-frame--3NycO h2.ud-heading-md {
    margin: 0;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    padding: 0 0 0 10px;
}
.alert-banner--text-frame--3NycO span.ud-sr-only {
    font-size: 25px;
    color: #000;
}
.introductory-course-section {
    padding: 80px 0px;
}
.styles--course-taking-card--nRyGg {
    background-image: url('../images/subscription-bg.png');
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #040C1E;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    box-shadow: 15px 15px 40px rgb(4 12 30 / 8%);
    padding: 20px;
}
.styles--course-taking-card--nRyGg .course-taking-img {
    width: 300px;
    border-radius: 10px;
    overflow: hidden;
}
.styles--course-taking-card--nRyGg .course-taking-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: translateZ(0) scale(0.999999);
}
.styles--course-taking-card--nRyGg .styles--info--tHPEB {
    width: calc(100% - 300px);
    padding-left: 20px;
}

.styles--course-taking-card--nRyGg .styles--info--tHPEB h3 {
    color: #F8F8FA;
    margin: 0 0 15px;
}
.styles--course-taking-card--nRyGg .styles--info--tHPEB .ud-text-sm.styles--instructors--1hi-5 span {
    color: #fff;
}
.styles--course-taking-card--nRyGg .styles--info--tHPEB .ud-text-sm.styles--instructors--1hi-5 span a {
    font-weight: 700;
    color: #ffd600;
    text-decoration: underline;
}
.introductory-course-section .styles--course-taking-header--n3rOB h2.ud-heading-xl {
    margin: 10px 0 10px;
    font-size: 24px;
    font-weight: 700;
}

.category-history-sec .course__div {
    max-width: 100%;
    margin: 0 0 30px;
}
.category-history-sec {
    padding: 80px 0;
}

/**/
.file-thumbnail .remove-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border: none;
    background: #040C1E;
    padding: 3px 0 6px;
    font-size: 14px;
    color: #ffd600;
    font-family: 'Barlow', sans-serif;
}
.file-thumbnail {
    height: 170px;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding-bottom: 45px;
}
.dcs-universal-pagination {
    width: 100% !important;
}

/*Exam css*/
.btnexm {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      
      border: 1px solid var(--clr-neutral-300);
      border-radius: var(--radius-2);
      padding: 0.6em 1.4em;
      
      background-color: transparent;
      color: var(--clr-neutral-100);
      
      font-weight: var(--font-weight-6);
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      
      cursor: pointer;
    }

    .btnexm:is(:hover, :focus-visible) {
      background-color: var(--clr-neutral-400);
    }

    .quiz {
      display: grid;
      gap: var(--size-4);
      
      width: min(100% - 1rem, 40rem);
      margin-block: 2rem;
      padding: var(--size-4);
      
      border: 1px solid var(--clr-neutral-300);
      border-radius: var(--radius-2);
    }

    #quiz-container {
      display: grid;
      gap: 1rem;
    }

    .quiz__answers {
      display: grid;
      gap: 0.5rem;
    }

    .quiz__answer {
      display: grid;
      grid-template-columns: auto 1fr;
      background-color: var(--clr-neutral-400);
      padding-inline: 0.5em;
      border-radius: var(--radius-2);
      border: 1px solid var(--clr-neutral-300);
      overflow: hidden;
    }

    .quiz__answer:is(:hover, :focus-within) {
      background-color: var(--clr-neutral-300);
    }

    .quiz__answer > label {
      padding: 0.5em 1em;
    }

    .quiz__info {
      display: grid;
      gap: var(--size-2);
      align-items: center;
      justify-items: center;
    }

    @media (min-width: 30em) {
      .quiz__info {
        justify-items: start;
        grid-template-columns: 1fr auto;
      }
    }

    .quiz__time {
      font-family: var(--font-mono);
    }

    .hide {
      display: none;
    }

.line {
  width: 100%;
}

.stripesLoader {
  margin: 4px;
  height: 20px;
  /*should not be larger than 20px*/
  position: relative;
  background: linear-gradient(90deg, #eee 50%, transparent 50%);
  background-color: crimson;
  background-size: 200%;
  background-position: 80%;
  border-radius: 5px;
  transform: scale(-1);
  transition: 0.3s;
}

.stripesLoader:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: linear-gradient(
    45deg,
    transparent 25%,
    rgba(238, 238, 238, 0.5) 25%,
    rgba(238, 238, 238, 0.5) 30%,
    transparent 30%,
    transparent 35%,
    rgba(238, 238, 238, 0.5) 35%,
    rgba(238, 238, 238, 0.5) 70%,
    transparent 70%
  );
  animation: shift 2s linear infinite;
  background-size: 60px 100%;
  box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.2),
    inset 0 -2px 1px rgba(0, 0, 0, 0.2);
}

@keyframes shift {
  to {
    background-position: 60px 100%;
  }
}
.resultPage3 h1, .resultPage1 h1, .resultPage2 h1 {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1.3px solid rgba(21, 63, 101,0.9);
    text-align: left;
    font-size: 34px;
    margin: 0 0 30px;
}
.allAnswerBox {
    width: 100%;
    margin: 0;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px 40px;
}
._resultboard {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0;
    vertical-align: top;
    border-bottom: none;
    text-align: left;
    margin-bottom: 0;
}
._header {
    font-weight: bold;
    margin-bottom: 8px;
    /* height: 60px; */
}
.h-incorrect {
    background: #ffd600;
}
._yourans, ._correct {
    margin-bottom: 8px;
    position: relative;
    line-height: 2;
    padding: 5px 10px;
    color: #0a1123;
    border-radius: 5px;
}
._correct {
    background: #0a1123;
    color: #fff;
}
.h-incorrect:after {
    line-height: 1.4;
    position: absolute;
    z-index: 499;
    font-family: 'FontAwesome';
    content: "\f00d";
    bottom: 0;
    right: 7px;
    font-size: 1.9em;
    color: #ff383e;
}
.h-correct:after, ._correct:after {
    line-height: 1.4;
    position: absolute;
    z-index: 499;
    font-family: 'FontAwesome';
    content: "\f00c";
    bottom: 0;
    right: 7px;
    font-size: 1.9em;
    color: #2dceb1;
}
.h-correct {
    background: #0a1123;
    color: #fff;
    padding-right: 45px;
}
.paymentinfoblc {
    padding: 10px 16px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-weight: 500;
    color: #040C1E;
}
.paymentinfoblc.success {
    background: #008000;
}
.paymentinfoblc.failed {
    background: #ff4c4c;
}

/*Custom Chat notification*/
.custom-social-proof {
    position: fixed;
    top: 100px;
    right: 10px;
    z-index: 9999999999999 !important;
    font-family: 'Manrope', sans-serif;
}
.custom-social-proof {
  animation: 2s custom-social-proof;
}


@keyframes custom-social-proof {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}
 .custom-social-proof .custom-notification {
    width: 320px;
    text-align: left;
    z-index: 99999;
    box-sizing: border-box;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    padding: 13px 15px 16px 15px;
    border: 0;
    background: #fff;
    border-radius: 10px;
}
.custom-social-proof .custom-notification .custom-notification-container {
    display: flex !important;
    align-items: center;
}
 .custom-social-proof .custom-notification .custom-notification-container .custom-notification-image-wrapper img {
    max-height: 60px;
    height: 60px;
    width: 60px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #000;
    margin: 0;
    object-fit: cover;
}
 .custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper {
    margin: 0;
    height: 100%;
    color: #000;
    padding-left: 10px;
    padding-right: 20px;
    border-radius: 0 6px 6px 0;
    flex: 1;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}
 .custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content {
    font-family: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px;
    line-height: 20px;
}
 .custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content small {
    margin-top: 0px !important;
    display: block !important;
    font-size: 14px !important;
}
 .custom-social-proof .custom-notification .custom-close {
     position: absolute;
     top: 8px;
     right: 8px;
     height: 12px;
     width: 12px;
     cursor: pointer;
     transition: 0.2s ease-in-out;
     transform: rotate(45deg);
     opacity: 0;
}
 .custom-social-proof .custom-notification .custom-close::before {
     content: "";
     display: block;
     width: 100%;
     height: 2px;
     background-color: gray;
     position: absolute;
     left: 0;
     top: 5px;
}
 .custom-social-proof .custom-notification .custom-close::after {
     content: "";
     display: block;
     height: 100%;
     width: 2px;
     background-color: gray;
     position: absolute;
     left: 5px;
     top: 0;
}
 .custom-social-proof .custom-notification:hover .custom-close {
     opacity: 1;
}

.bell {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 20px;
    margin: 0;
    color: #f34949;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
.security-tabs .tablinksleft.active {
    background-color: #ffd600;
    color: #040C1E;
}
.briefchart {
    max-width: 300px;
    margin: 30px auto;
}
.more_courses_by_sec {
    width: 100%;
    padding: 100px 0 50px;
}
.filter-user-heart i {
    font-size: 22px;
    cursor: pointer;
}
.filter-user-heart i.fa.fa-star {
    color: #ffd600;
}

div#preloader_single {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    top: 0;
}
.preloader_cont {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
.preloder_inner {
    align-self: center;
}
.preloder_inner img.loaderimg {
    max-width: 320px;
    margin: auto;
    width: 100%;
    display: block;
}
.horizontal_side_menu .customer-listing a.theme-btn {
	font-size: 16px;
	padding: 13px 25px;
}
.horizontal_side_menu .customer-listing span.theme-btn {
	font-size: 16px;
	padding: 13px 25px;
	cursor: default;
}
.horizontal_side_menu .customer-listing span.theme-btn:hover, .horizontal_side_menu .customer-listing span.theme-btn:active {
	background-color: #ffd600;
}

/*Sales Dashboard*/
.sellloading p, .sellloading span, .sellloading div, .sellloading h1, .sellloading h2, .sellloading h3, .sellloading table {
    font-size: 0;
    opacity: 0;
}
.sellloading {
    background-image: url(../images/loading.gif);
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 99999;
}
.soldcourses {
    height: 100%;
    min-height: 380px;
}
.downarrow {
    color: #ff0000;
}
.uparrow {
    color: #09c109;
}

/* ---------- 06-07-2023 ----------- */
.innerdashboard {
    padding: 35px;
    background: #F2F4F6;
    border-radius: 20px;
}
#salesdashboard .innrblc {
    margin-bottom: 20px;
}
#salesdashboard .innrblc .panel {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    height: 100%;
}
#salesdashboard .innrblc .panel .toptitl {
    margin-bottom: 0;
    font-weight: 500;
}
.totalsell, .courseavg, .expavgsell, .growthrate {
    text-align: center;
    margin: 13px 0;
}
#salesdashboard .innrblc .panel select {
    width: 100%;
    height: 40px;
    font-weight: 600;
    border: 1px solid #f2f4f6;
    border-radius: 5px;
    padding: 8px 11px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 50px;
}
#salesdashboard .innrblc .panel .panel-body > .sectitle {
    font-size: 16px;
    font-weight: 600;
}
.innerdashboard .titledash {
    margin-bottom: 30px;
}
.innerdashboard h2 {
    margin: 0;
    line-height: 42px;
    display: inline-block;
    font-size: 32px;
}
.smallbtmtxt {
    text-align: center;
}
.innerdashboard sup {
    top: -9px;
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
#salesdashboard .innrblc .panel .panel-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.highcharts-figure,
.highcharts-data-table table {
    min-width: 360px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

table.GeneratedTable {
  width: 100%;
  background-color: #040C1E;
  border-collapse: collapse;
  border-width: 1px;
  border-color: #ffcc00;
  border-style: solid;
  color: #000000;
}

table.GeneratedTable td, table.GeneratedTable th {
  border-width: 1px;
  border-color: #ffcc00;
  border-style: solid;
  padding: 3px;
}

table.GeneratedTable thead {
  background-color: #ffcc00;
}
select#sellbymonths {
    background-image: url(../images/calendar.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 4% center;
    text-indent: 25px;
}
.othermonth #othermnt {
    display: block;
    width: 100%;
    background: #f2f4f6;
    border: 0;
    padding: 0 15px;
    border-radius: 5px 0 0 5px;
}
.othermonth {
    position: relative;
    display: flex;
    align-items: center;
}
.othermonth a {
    font-weight: 600;
    background: #ffcc00;
    color: #000;
    padding: 12px 20px;
    border-radius: 0 5px 5px 0;
}   
.innrblc .panel-heading {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
.GeneratedTable th {
    font-size: 15px;
}
.GeneratedTable td{
    font-size: 15px;
}
p.sectitle {
    position: relative;
    max-width: fit-content;
    margin: 0 auto;
}
.sectitle.uparrow:before {
    position: absolute;
    content: '↑';
    left: -15px;
}
.sectitle.downarrow:before {
    position: absolute;
    content: '↓';
    left: -15px;
}
@media (max-width:991px){
    .soldcourses{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .soldcourses th{
        white-space: nowrap;
    }
    .highcharts-figure, .highcharts-data-table table{
        min-width: 100%;
        max-width: 100%;
    }
    .innerdashboard{
        padding: 20px;
    }
}
@media (max-width:767px){
    #salesdashboard .innrblc .panel{
        border-radius: 10px;
    }
}