@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap'); 
 


@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('fonts/ProximaNova-Light.woff2') format('woff2'),
        url('fonts/ProximaNova-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('fonts/ProximaNova-Regular-Italic.woff2') format('woff2'),
        url('fonts/ProximaNova-Regular-Italic.woff2') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova Rg';
  src: url('fonts/ProximaNova-Bold.woff2') format('woff2'),
      url('fonts/ProximaNova-Bold.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root { 
 --primaryFont:'Proxima Nova Rg', Arial, Helvetica, Verdana, sans-serif;
}
:root {
  --font-primary : "Proxima Nova Rg" , Verdana, Arial, Helvetica, sans-serif;
  --primaryColor: #3948e3;
  --primaryColorRgba:  57,72,227 ;
  --secondaryColor: #FF5722;
  --primaryFontColor : #333;
  --secondaryFontColor : #fff;
  --headingColor1 : #000;
  --header-height : 84px; 
  --border-width:1px;
  --color-border:#ccc;
  --primaryFont:"Proxima Nova Rg" , Verdana, Arial, Helvetica, sans-serif;
  --font-secondary:var(--primaryFont);
  --color-primary:var(--primaryColor);
      --font-size-b1: 17px;
    --font-size-b2: 17px;
    --primaryDark:#293484;
    --btn-height : 42px; 
    --lightYellow:#fffdf4;
    --Yellow:#fdd05b;

}
.btn-height { height: var(--btn-height); }
html .btn-primary-dark {
  background-color: var(--primaryDark) !important;
  height: var(--btn-height);
  width: auto;
  padding-left: 25px;
  padding-right: 25px;
}

}
.rts-btn.btn-primary {
  background: var(--secondaryColor); 
}
.logo-area img,.logo  img{     width: 316px;}
.blog-item { margin-bottom:15px;}
.blog-item .hov-img0 img {
  height: 300px;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 10px;
}html .main-nav-one ul li:hover a.nav-link { 
  font-weight: 500;
}.main-nav-one ul li.active a.nav-link {
  color: var(--color-primary);
  
}.main-nav-one ul li.active a.nav-link {
  color: var(--color-primary) !important; 
}  html {
  scroll-behavior: smooth;
}html .rts-section-gap {
  padding: 40px 0;
}
.profile-menu ul li.active a { color:var(--primaryColor);}
html .main-nav-one ul li a.nav-link,html .main-nav-one ul li.has-dropdown a.nav-link { 
  font-weight: 500;
}html .footer-dashboard {
  background: #ccc;
}html .footer-dashboard .footer-dashboard-inner .social-area-dashboard-footer ul li a i{ color:#333}
.btn-primary { 
  border-radius: 0.375rem !important;
}label .accpt-fles {
  font-weight: 400;
  font-size: 12px;
}.checkbox-switch {
  display: inline-block;
  position: relative;
  height: 30px; /* Adjust height as needed */
  width: 60px; /* Adjust width as needed */
  background-color: #ddd;
  border-radius: 15px; /* Half of height for rounded shape */
  cursor: pointer;
  overflow: hidden;
}.tab-content>.active {
  display: block;
  opacity: 1;
}.borderless th {
  border: 0px !important;
}html .category-search-input input { 
  margin-bottom: 0;
}.nice-select.open .list { 
  max-height: 300px;
  overflow-y: auto;
}
.box-footer .pull-right {   display: flex;
  gap: 15px;
}
.borderless td{ border:0px;}
.grid-view .summary { 
  padding-left: 30px;
  padding-top:  10px;
}
.c-dashboard .grid-view .summary { 
  padding-left: 0px;
  padding-top:  0px;
}.c-dashboard  .box.borderless { 
  border-radius:30px;
  padding: 30px !important;
}.c-dashboard .box.borderless .box-header{
  margin-top:0px;
}html .footer-callto-action-area.bg-dark-footer-1 .footer-singl-wized .body form .input-area-fill input {
 
  background: #fff;
}
.table.borderless > thead > tr > th, .table > tbody > tr > th, .table.borderless > tfoot > tr > th, .table > thead > tr > td, .table.borderless > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 0px  ;  border-bottom: 0px  ;  
}html .lead {
  font-size: 14px;
  font-weight: 500;
  background: rgba(var(--primaryColorRgba),.09);
  padding: 8px 15px;
  color: rgba(var(--primaryColorRgba),0.7);
  font-weight: 600;
}.table > thead > tr > th a.ldricon:after, .table > tbody > tr > th a.ldricon:after, .table > tfoot > tr > th a:after, .table > thead > tr > td a.ldricon:after, .table > tbody > tr > td a.ldricon:after, .table > tfoot > tr > td a.ldricon:after {
  content:"\f110"; 
}   .corse-info-parent { display:flex; gap:15px;}
.course-img {width:50px; height:50px;flex:1;max-width:50px; }
.course-img img { width:100%; height:100%;object-fit:contain; }
.durationHtml { font-size:13px; margin-top:10px;}
.durationHtml span{     display: inline-block; min-width: 100px;;font-weight:600;opacity:0.8;margin-right:10px;;}
.course_inf {flex:1;}
 .plan_title {
font-size: 14px;
color: #999;
line-height: 1.4;
}   #loading-div {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(var(--primaryColorRgba), 0.7);
  color: white;
  text-align: center;
  padding: 10px;
  font-size: 16px;
  max-width: 300px;
  margin: auto;
  z-index: 11111;
  display:none
}
 html .single-filter-left-wrapper .filter-body {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0px; 
}.single-filter-left-wrapper .title { 
  margin-bottom: 0;
}                            html .checkbox-filter {  max-height: 300px; overflow-y: hidden;  }
html  .slimScrollBar {     background: var(--primaryColor) !important;}
html  .single-filter-left-wrapper .title { 
background: #eee;
padding: 5px 8px;
}html .rts-course-filter-area {
padding:20px; 
}html .single-filter-left-wrapper { margin-bottom:15px;}
.mb-60 { margin-bottom:60px !important}
.order-detail .hideon-detail{ display:none; }
.order-detail .o-info .col-sm-4 { flex:1; }
  .price-plan-payment  .o-info   .btn { 
  min-height: unset;
  font-size: 16px;  
}.price-plan-payment  .o-info   .btn {
  min-height: unset;
  font-size: 14px;
  line-height: 1;
  color: #333;
  text-transform: uppercase;
}html .btn-primary { 
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);    font-size: 16px;
}
.amtCls { text-align:right; }
.btn-status.incomplete {
background-color: #808080; /* Gray */
}
html .accordion-button {  
  font-size: 17px; 
  opacity: 0.7;
}
.btn-status.complete {
background-color: #28a745; /* Green */
}
.elementor-widget-wrap {
  display: flex;
}
 .the-info-1 section {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 24px 24px 24px 24px;
  background-color: #F9F9F9;
}
 .the-info-1 {
  display: flex;
  gap: 15px;
}
.btn-status.pending {
background-color: #ff8c00; /* Orange */
}

.btn-status.due {
background-color: #72A6D6; /* Blue */
}#notify-container .alert li {
  color: #fff;
  font-size: 15px;
}.footer-callto-action-area.bg-dark-footer-1 .copyright-area-one-border {
 
}html .footer-callto-action-area.bg-dark-footer-1 .copyright-area-one-border .copyright-area-one p {
  color: #333;
}html .footer-callto-action-area.bg-dark-footer-1 .copyright-area-one-border .copyright-area-one ul li a i {
    color: var(--color-primary);
    background: #fff;
    /* height: 23px; */
    border-radius: 20px;
    padding: 13px 13px;
    font-size: 15px;
    font-weight: bold;
}
#notify-container .alert .close {
  color: #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: absolute;
  right: 0;
  z-index: 111;
  /* background-color: red; */
  width: 40px;
  opacity: 1;
}
.btn-status.failed {
background-color: #dc3545; /* Red */
}html select {
 
  background-repeat: no-repeat;
  background-position: right;
}
html .form-group div.error { 
  display: initial !important;; 
}
.btn-status.refunded {
background-color: #6f42c1; /* Purple */
} .plan_title.ingo {
font-weight: 600;
opacity: 1;
color: var(--primaryColor);
} .btn-primary.info0btnb {
  font-size: 13px;
  text-decoration: none;
}
 
.payment-i .card-header { 
  background-color: rgba(var(--primaryColorRgba),.09);
  border-bottom: 1px solid rgba(0,0,0,.125); 
  min-height: 45px;    display: flex;
  justify-content: center;
  align-items: center;

}.card   h4 {
  margin-bottom: 0px;
  text-align: center;
  color: rgba(var(--primaryColorRgba),0.7);
  font-size: 18px;
}
.crtbltitle {
  font-weight: 600;
  opacity: 0.8;
  font-size: 12px;
}.table.crs-detail>:not(:last-child)>:last-child>* {
  border-bottom-color: currentColor;
  background-color: #fff;
  color: var(--primaryColor) !important;
  font-weight: 600;
  font-size: 13px;
  padding: 10px;border-top: 0px !important;
}.table-striped.crs-detail>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #fff;
  background: #fff !important;
  box-shadow: unset;
}
.app-backend .login-box .logo{ margin-top:45px; margin-bottom:60px !important;}       .buttons-area   li.has-dropdown{    
  position: relative;}
  .buttons-area   li.has-dropdown .submenu {
min-width: 230px;
height: auto;
position: absolute;
top: 100%;
left: 0;
z-index: 90;
opacity: 0;
visibility: hidden;
text-align: left;
transition: 0.3s;
border-radius: 0 0 10px 10px;
background-color: #fff;
border-left: 1px solid #ffffff14;
border-bottom: 1px solid #ffffff14;
border-right: 1px solid #ffffff14;
display: inline-block;
box-shadow: 0 36px 35px rgba(0, 0, 0, 0.08);
padding: 14px 0;
transform-origin: 0 0;
transform: scaleY(0);
}.buttons-area  li.has-dropdown:hover .submenu {
opacity: 1;
visibility: visible;
top: 100%;
transform: translateY(0);
transform: scaleY(1);
}  .buttons-area   li.has-dropdown .submenu li {
margin-right: 0;
padding: 0;
}.buttons-area li.has-dropdown .submenu li a {
padding: 6px 12px;
margin: 2px 10px;
font-weight: 400;
font-size: 16px;
transition: all 0.3s;
border-radius: 4px;
}.buttons-area   ul  {
list-style: none;
list-style-image: none;
}.buttons-area li.has-dropdown .submenu li a {
padding: 6px 12px;
margin: 2px 10px;
font-weight: 400;
font-size: 16px;
transition: all 0.3s;
border-radius: 4px;
}.buttons-area li.has-dropdown .submenu li:hover a {
background: #EEEBFF;
color: var(--color-primary);
}.buttons-area li.has-dropdown .submenu li a {

display: block;
}.user-panel-front > div { 
  cursor: pointer;
}
.box-header .pull-right { display:flex; gap:15px;}
.box-header .btn-primary { 
  text-transform: capitalize;
}
.checkbox-switch input[type="checkbox"] {
  display: none; /* Hide the actual checkbox */
}

.checkbox-switch label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  background-color: #fff;
  border-radius: 15px; /* Same as parent for rounded corners */
  transition: left 0.3s ease-in-out;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.single-course-left-align-wrapper .title {
   
  max-width: 900px;
}.course-content h2 { 
  text-transform: capitalize;
}.rts-single-course a .title {
  
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.single-course-left-align-wrapper .title {

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.single-course-style-three .body-area a .title {
  color: #110C2D;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin-top: 15px;
  margin-bottom: 10px;
  transition: 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.profile-sidebar {
    --color-soft-white: #eeeeee;
    border: 1px solid var(--color-soft-white);
    border-radius: 3px;
    background-color: var(--color-white);
}.profile-sidebar .profile-card {
    padding-bottom: 25px;
}.profile-sidebar .profile-card .profile-cover {
    background-color: rgb(var(--color-secondary-rgb) / 30%);
    height: 150px;
}.profile-sidebar .profile-card .profile-info {
    text-align: center;
}.profile-sidebar .profile-card .profile-info .profile-picture {
    margin-top: -85px;
    margin-bottom: 7px;
}.profile-sidebar .profile-card .profile-info h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
}.profile-info p {
    --color-gray: #666666;
    color: var(--color-gray);
    font-size: 14px;
}.profile-menu {
    padding: 0 40px 20px;
}.profile-menu ul li:not(:last-child) a {
    --color-soft-white: #eeeeee;
    border-bottom: 1px solid var(--color-soft-white);
}
.profile-menu ul li a {
    position: relative;
    display: block;
    line-height: 1.5;
    padding-block: 15px 15px;
    padding-inline: 0px 45px;
    color: var(--color-body);
    font-size: 16px;
    font-weight: 500;
    text-align: start;
}.profile-menu ul li a svg,.profile-menu ul li a i {
    margin-inline-end: 10px;
}.profile-menu ul { flex-direction:column;    background: #f0f2ff;}
.profile-menu { 
    text-align: left;
}.profile-menu ul li { width:100%;}
.profile-sidebar .profile-card .profile-cover {
    background-color: rgba(var(--primaryColorRgba),0.3);
    height: 150px;
}.profile-sidebar .profile-card .profile-info .profile-picture img {
    border: 10px solid #fff;
    border-radius: 50%;
    height: 170px;
    width: 170px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}.profile-menu ul li a .notification .badge {
  background-color: var(--primaryColor);
  height: 14px;
  width: 14px;
  line-height: 14px;
  text-align: center;
  padding: 0;
  font-size: 10px;
  border-radius: 50px;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: -2px;
  color: var(--color-white);
  white-space: nowrap;
  vertical-align: baseline;
}.profile-menu ul li a .notification {
  position: relative;
}html .right-course-details .course-side-bar .rts-btn {
  margin-bottom: 20px;
  margin-top: 20px;
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  white-space: nowrap;
  padding: 5px;
  text-decoration: none;
}
.amtcls {text-align:right;}
.download-pdf-button {
    /* background-color: var(--primaryColor); */
    /* color: white; */
    /* border: 1px solid var(--primaryColor); */
    display: flex;
    gap: 15px;
    padding: 10px 15px;
    border: 1px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}.lead {
  font-size: 16px;
  font-weight: 600;
}
 .print-reg {
    color: var(--primaryColor);
    font-weight: 600;
}
#notify-container .alert li { 
  color: #fff;
}
.price-plan-payment  .btn-success,.price-plan-payment  .btn {
  color: #fff; 
  min-height: 40px;
  font-size: 16px;
}
.download-pdf-button i {
    background-color: var(--primaryColor);
    min-width: 15px;
    flex: 1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    width: 40px;
    max-width: 72px;
    border-radius: 12px;
}
#pjax-container a{ color:var(--primaryColor);}
#pjax-container .btn { 
  font-size: 15px; }
#pjax-container .register-box-body,#pjax-container .fogot-box-body {
  padding: 0 !important;
}#pjax-container .login-box-body,#pjax-container .register-box-body {
  background: transparent;
  padding: 0 !important;
  border-top: 0;
  color: #666;
  box-shadow: unset;
}select.form-control { 
  background-repeat: no-repeat;
  background-position: right;
  font-size: 14px !important;
}html .errorMessage { 
  line-height: 1;
}.course-add-single-one.bg-p {
  
  background-color: rgba(var(--primaryColorRgba),0.6);;
}html #exampleModal-login {
  top: unset;
  z-index:9999999;
}.form-group.error,.form-group.success {
  border: initial;
  background: initial;
  padding: initial;
  border-radius: initial;
  color: initial;
  display: block;
}html .fade.in {
  opacity: 1 !important;
}html .modal-backdrop.in {
  opacity: .5 !important; 
}#exampleModal-login { 
  background: transparent;
}html .modal.fade .modal-dialog { 
  transform: initial;
}
.course-add-single-one.bg-y{ background-color: rgba(var(--primaryColorRgba),0.4);} 
 .p-l-5 {
  padding-left: 45px !important;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
} html .accordion-button.active { 
  background: #eee;
  color: #333;
}.accordion-item { 
  margin-bottom: 30px;
}html .accordion-button {
 
  border: 1px solid #ccc;
} .sec-title.hydro-theme {
  font-weight: 600;
  opacity: 0.8;
  font-size: 22px;
}html .footer-callto-action-area.bg-dark-footer-1 {
  background: #ccc;
}html .footer-callto-action-area.bg-dark-footer-1 .footer-singl-wized.left-logo .body p.dsic {
  color: #333; 
}html .footer-callto-action-area.bg-dark-footer-1 .footer-singl-wized .head .title {
  color: #333;
}html .footer-callto-action-area.bg-dark-footer-1 .footer-singl-wized .menu li a {
  color: #333;
}html .footer-callto-action-area.bg-dark-footer-1 .footer-singl-wized p.disc {
  color: #333;
}
html .footer-callto-action-area.bg-dark-footer-1 .footer-singl-wized form label {
  color: #333!important;
}
html .footer-callto-action-area .footer-one-main-wrapper .footer-singl-wized .body form .input-area-fill input { 
  margin: 0;
}html .footer-callto-action-area.bg-dark-footer-1 .footer-singl-wized .body form .input-area-fill input {
  color: #333;
  border: none !important;
  border-radius: 40px;
}
html .footer-callto-action-area.bg-dark-footer-1 .footer-singl-wized .body form .input-area-fill button {
  /* background: #000;
  color: #fff; */
}
.newsletter-form .input-area-fill{
  text-align: center;
}
html .footer-callto-action-area.bg-dark-footer-1 .wrapper-list li{color: #333; }
.button-default, .button-default-lg {
  border: 1px solid #d7dde9;
  border-radius: 5px;
  padding: 6px 15px;
  background-color: #ffffff;
  transition: all 0.4s;
}.mt-30 {
  margin-top: 1.875rem !important;
}.mt-60 {
  margin-top:60px !important;
}
.switch input:checked + .slider {
  background-color: var(--primaryColor);
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px var(--primaryColor);
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.switch .slider.round {
  border-radius: 34px;
}

.switch .slider.round:before {
  border-radius: 50%;
}
.checkbox-switch label::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px; /* Adjust size of switch */
  height: 20px; /* Adjust size of switch */
  background-color: #007bff; /* Color of the switch */
  border-radius: 50%; /* Rounded shape */
  transition: transform 0.3s ease-in-out;
}
.answer_opt { padding:0; }
#answer-select li:first-child .input-group-text  { display:none; }
#answer-select li:nth-child(2) .input-group-text  { display:none; }
#answer-selectM li:first-child .input-group-text  { display:none; }
#answer-selectM li:nth-child(2) .input-group-text  { display:none; }
.input-group .custom-radio, .input-group .custom-checkbox {
  position: absolute;
  right: 58px;
  top: 6px;
  z-index: 99;
}
.checkbox-switch input[type="checkbox"]:checked + label {
  left: 50%; /* Move label to the right when checkbox is checked */
}

.checkbox-switch input[type="checkbox"]:checked + label::before {
  transform: translate(50%, -50%); /* Move the switch to the right */
}
#exampleModalCenter .modal-dialog,#exampleModalCenter2 .modal-dialog {
  width: 95%; 
  max-width: 1024px;
}
#Course_price_status { display:flex; gap:15px; }
#Course_price_status label {  display:flex; gap:7px;}
.checkcontainer input[type=radio] {
  background-color: #fff;
  border: 2px solid #cdcfd5 !important;  border-radius: 50%;
  background-size: 100% !important;    background-image: unset !important;
}html .input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex; 
  width: 100%;
}html .input-group-append,html .input-group-prepend {
  display: -ms-flexbox;
  display: flex;
}html .input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  /* background-color: #e9ecef; */
  border: 1px solid #ced4da;
  border-radius: .25rem;
  width: 37px;
  align-items: center;
  justify-content: center;
}html .input-group>.form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;border-left: 0;
}.btn.btn-flat { 
  display: flex;
  align-items: center;
  gap: 5px;
}td .btn.btn-flat { 
  display: inline-flex;  
}
html .form-group label.small {
  font-weight: inherit;
  font-size: 12px;
}
html .input-group>.custom-file,html .input-group>.custom-select,html .input-group>.form-control {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}html .input-group>.input-group-prepend>.input-group-text{
  border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.checkcontainer input[type=radio]:checked {
 
  background-color: var(--primaryColor);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") !important;
  background-position: 50% 50% !important;

}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?sssf7a');
  src:  url('fonts/icomoon.eot?sssf7a#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?sssf7a') format('truetype'),
    url('fonts/icomoon.woff?sssf7a') format('woff'),
    url('fonts/icomoon.svg?sssf7a#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}.skin-black-light .sidebar a {
  color: #444444;
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 16px;
  position: relative;
  font-weight: 400;
  line-height: 26px;
}html .sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: var(--primaryFont);
  margin: 12px 0;
  padding: 0 30px;
  max-height: calc(100% - 110px);
  overflow-y: auto;
  overflow-x: hidden;
}.rts-single-course .save-icon.active i {
  background: var(--color-primary); 
}
.content-wrapper .content .box {
  background: transparent;
  border: 0 !important;
  box-shadow: unset;
}
.redious-border {
  border: 1px solid #d7dde9;
  border-radius: 20px !important;
  padding:30px !important;
}.mb-30 {
  margin-bottom: 30px !important;
}.analytics-icon {
  height: 64px;
  width: 64px;
  border-radius: 8px;
  display: flex;
  font-size: 32px;
  background-color: rgba(var(--primaryColorRgba),0.2); 
  align-items: center;
  justify-content: center;
}.analytics {
  display: flex;
  align-items: center;
  gap: 20px;
} .analytics-icon i {
  color: var(--primaryColor)!important ;
}html .content-wrapper .content .box-body .table > thead > tr > th {
  color: #556068 !important;
}.content-wrapper .content   .box .box-header {
 
  border-bottom: 0px!important ; 
}
.row-img-td { display:flex;gap:10px;align-items:center; }.row-img-td img{ border-radius:50%;width:40px;height:40px;object-fit:cover;  }
.analytics-content h4, .analytics-content .h4 {
   
  font-size: 24px;
  line-height: 35px;
  font-weight: 500;
}.content-wrapper .content   .box .box-footer {
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #d7dde9 !important;
  border-radius: 20px !important;
  padding: 30px !important;
  background: #fff;
  margin-top: -25px;
  border-top: 0px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}.form-group label{
  display: block;
  color: #7e7f92;
  line-height: 26px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
}
.analytics-icon i { color:#666;}
.content-wrapper .content .box-header h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
  color: #556068;
  margin-bottom: 12px;
}
.content-wrapper .content .box-body {
  border: 1px solid #d7dde9 !important;
  border-radius: 20px !important;
  padding:30px !important;
  background: #fff;
}.content-wrapper .content .box-body .table > thead > tr > th a{
  color:#556068;
}.content-wrapper .content .box-body .table > thead > tr.grid-filter-cell > td input{ background-color:#fff;}
.content-wrapper .content .box-body .table > thead > tr > th {
  color: #fff !important;
  border-bottom: 2px solid #f4f4f4;
  border-top: 2px solid #f4f4f4 !important;
  font-weight: 600;
  white-space: nowrap;
  vertical-align: middle;
  background: rgba(var(--primaryColorRgba),0.1);
}
.content-wrapper .content .box-body .grid-view {
  padding: 0;
  border: 1px solid #d7dde9 !important;
  border-radius: 20px !important;
  /* padding: 30px !important; */
  background: #fff;
  overflow: hidden;
}
a.of-image {
  width: unset;
  height: unset;
  margin: 0 !important;
  max-width: unset!important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}.openview_file a.delete-btn {
 
  position: relative;
}
.of-image img { width:100%; height:100%; object-fit:contain; } 
.sidebar-menu > li > a > i { 
    font-size: 25px;width:30px !important;
}
.icon-fa-stdents:before {
  content: "\e900";
}
.icon-fa-admins:before {
  content: "\e901";
}
.icon-fa-instructors:before {
  content: "\e902";
}
.icon-fa-schools:before {
  content: "\e903";
}
.icon-fa-moderators:before {
  content: "\e904";
}.skin-black-light .sidebar-menu > li > a {
 
    font-weight: 500 !important;
}

.heading-color{ color:var(--headingColor1);}
 .customer-dashboard .main-sidebar {
  padding: 10px;
  border: 3px solid #999;
  height: auto;
  min-height: unset;
  top: 50px;
  left: 10px;    min-width: 25%;
  border-radius: 25px;    position: unset;
}.customer-dashboard .content-wrapper { 
  margin-left: 0px !important;
}
.customer-dashboard .content-wrapper .content{ padding:25px 0px !important;}
.customer-dashboard .main-header .navbar { 
  margin-left: 0 !important;
}
.customer-dashboard .navbar .sidebar-toggle {
  display: none;
}
.customer-dashboard .brand img,.customer-dashboard .main-header .navbar .navbar-nav > li{ height:74px;}
html .customer-dashboard  .main-header { 
  margin-bottom: 30px;
  box-shadow: 0 12px 6px rgba(0,0,0,6%);
  
} 
.customer-dashboard .main-header .navbar .navbar-nav > li > a {
  
  height: 100%;
  display: flex;
  align-items: center;
}
.customer-dashboard .content-header {
 padding-top:0px !important;
}.customer-dashboard .content-wrapper .content {
  padding-top:   0px !important;
}.customer-dashboard  #favorite-page .favorite-page-gray {
  color: var(--primaryColor); 
}.customer-dashboard  a {
  color: var(--primaryColor);
}.customer-dashboard  .nav-tabs > li.active:before { 
  background-color: var(--primaryColor);
}.customer-dashboard .btn-primary {
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);
}
.customer-dashboard  form .box.box-primary {
  /* border: 0px; */
  /* box-shadow: unset; */
  padding: 20px 50px;
}
.insert .upload-documents, .insert .upload-documents a  { opacity:0.5;cursor: not-allowed;}
.insert .payment, .insert .payment a  { opacity:0.5;cursor: not-allowed;}
input[data-file="1"] { display:none !important; }
.list-style-none{ list-style-type:none;}
.box-title-inner {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-title-inner {
  display: inline-block;
  font-size: 18px;
  margin: 35px 0px 17px;
  line-height: 1;
  color: var(--primaryColor);
  font-weight: 600;
}
.customer-dashboard .content-header{ margin-right:0px; } 
  .customer-dashboard .nav-tabs { 
    background: #eee;
    font-size: 16px;
    font-weight: 500;
    margin-bottom:30px;
}
.customer-dashboard  form .box.box-primary {
  /* border: 0px; */
  /* box-shadow: unset; */
  padding: 20px 20px;
}.list-style-none { 
  padding: 0;
}
.customer-dashboard  form label {
  font-weight: 400;
  font-size: 15px;
  max-width: 300px;
  color: #666;
}
label span.required {
  color: #b94a48;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
}
.list-style-none li { margin-bottom:15px;}
.upload-link { 
  border-radius: 5px !important;
  background-color: #fafbfc;
}
 .accept-files {
  font-size: 10px;
  line-height: 18px;
  margin-bottom: 10px;
}.accept-files span{ color: #999;
  font-weight: 600;}
  .row.m-0{ margin-left:0px !important;margin-right:0px !important;}
  .iti { 
    width: 100% !important;
}
 
.upload-link {
  align-items: center;
  cursor: pointer;
  color: #9dadb6;
  display: flex;
  flex-direction: column;
  height: 80px;
  justify-content: center;
  width: 80px;
  display: flex;
  clear: both;
  border: 3px solid #999;
  cursor: pointer;
}
.upload-link ._1mplE { height:100%; width:100%;display: flex;  justify-content: center;  flex-direction: column;}
.upload-link svg { fill : #999; width:30px; height:30px;}
.upload-link  ._20pqz {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.rmlink { display:none;}
a.rmlink {
  position: absolute;
  z-index: 11111111;
  display: none;
  cursor: pointer;
  background: #fff;
  width: 97%;
  text-align: center;
  margin: auto;
  right: 2px;
  left: 2px;
  top: 2px;
  color: #9dadb6;
  z-index: 1;    z-index: 1111; 
  color: red;
}._1cS9Q {
  right: 0;
  z-index: 1;
  top: 0;
  position: absolute;
  background-color: rgba(0,47,52,.64);
  color: #fff;
  width: 25px;
  height: 25px;
}
.rui-1XUas.rui-3_XwO::before {
  content: '';
  background-image: url('https://www.feeta.pk/assets/img/close.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  display: block;
  margin: 5px auto;
}
.loading .rmlink { display:block !important;}
.loading ._1cS9Q {
  display: none;
}
._20pqz .w-100 {
  width: 100%;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}._20pqz { position:relative; }

@keyframes ldio-876zfeokv {
0% { transform: rotate(0deg) }
50% { transform: rotate(180deg) }
100% { transform: rotate(360deg) }
}
.loading ._20pqz::after {
  content: "";
  -webkit-animation: ldio-876zfeokv .8s linear infinite;
  -moz-animation: ldio-876zfeokv .8s infinite linear;
  animation: ldio-876zfeokv .8s linear infinite;
  border: 2px solid green;
  border-right-color: rgb(255, 255, 255);
  border-right-color: transparent;
  border-radius: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
  width: 48px;
  height: 48px;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  margin-left: -24px;
  margin-top: -24px;
}
.openview_file { display:flex;    color: #9dadb6;

  flex-direction: column;
  height: 80px;
  justify-content: center;
  width: 80px;
  display: flex;
  clear: both; 
  cursor: pointer; text-align: center;}
.upload-link { position: relative;}
.succes-uploaded ._20pqz,.openview_file{ display:none !important; }
.succes-uploaded .openview_file{ display:flex !important; }
.openview_file a { padding:10px;color:#000;background-color:#eee;}
.openview_file a {
  padding: 3px;
  color: #000;
  background-color: #eee;
  max-width: 80%;
  margin: auto 10px;
  margin-bottom: 5px;
}.openview_file a.delete-btn { background-color:red; color: #fff;}
.list-style-none li:nth-child(2n+1){ clear:both;}
.skin-black-light .treeview-menu > li.active > a, .skin-black-light .treeview-menu > li > a:hover {
  color: var(--primaryColor);
  font-weight: normal !important;
}
.skin-black-light .treeview-menu > li.active > a, .skin-black-light .treeview-menu > li > a:hover {
  color: var(--primaryColor) !important;
  font-weight: normal !important;
}
i.text-primary {
  color: #999 !important;
}
.skin-black-light .treeview-menu > li.active > a i.text-primary { color: var(--primaryColor) !important;}
.skin-black-light .treeview-menu > li:hover > a i.text-primary { color: var(--primaryColor) !important;}
.alert ul li.file_field:before {
  content: unset;
}
.customer-dashboard form label[for="DeathRegistration_relationship_id"]{ max-width:320px;}
@media only screen and (min-width: 768px) {
  .content-wrapper.right-hand-c {
    padding-left : 0px;
    padding-right : 0px;
  }
}
html .content-wrapper.right-hand-c { 
  min-height: calc(100vh - 100px) !important;
}.customer-dashboard .main-footer { 
  margin-left: 0px; 
} .customer-dashboard .main-sidebar .sidebar-menu > li > a > i {
  /* width: 30px; */
  font-size: 18px;
  font-weight: normal;
  line-height: 33px;
  color: #999;
}  .customer-dashboard  .breadcrumb { 
  padding-left: 0;
}
 .customer-dashboard .main-header .navbar .navbar-nav > li .caret{
  border-top: 8px solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}.customer-dashboard .content-wrapper { 
  padding-top: 0px;
}
 .customer-dashboard .main-header .navbar .navbar-nav > li {
 
  font-size: 16px;
}
.statistics-footer { min-width:100%;}
html .user-panel > .info > p {
  color: var(--primaryColor);
}html .user-panel { 
  background: rgba(var(--primaryColorRgba),0.2)!important;
}.statistics-info h6, .statistics-info .h6 {
  line-height: 24px;
  margin-bottom: 8px;
}.color-success .statistics-info h4, .color-success .statistics-info .h4 {
  color:var(--primaryColor);
}.statistics-info h4, .statistics-info .h4 {
  font-size: 24px;
  line-height: 35px;
} .bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
}.statistics-card h6{ font-size:16px;}
.statistics-footer .sales-price {
    padding: 10px 20px;
    
    border-radius: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;margin:0 !important;
    background-color: rgba(var(--primaryColorRgba),0.2)!important;color: var(--primaryColor);
}.gap-3 {
  gap: 1rem !important;
}.mb-3 {
  margin-bottom: 1rem !important;
}.statistics-card.redious-border {
  padding: 20px !important;
}.align-items-center {
  align-items: center !important;
}.color-warning .statistics-info h4, .color-warning .statistics-info .h4 {
  color: #ffa600;
}.color-warning .statistics-footer .sales-price {
  color: #ffa600;
  background-color: #ffedcc !important;;
}.color-danger .statistics-info h4, .color-danger .statistics-info .h4 {
  color: #ff5630;
}.selling-course-thumb img {
  width: 70px;
  height: 50px;
}.inst-avtar img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}.instructors-pro {
  gap: 20px;
}.selling-course-title {
  gap: 16px;
}.best-selling-courses thead tr th {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #556068;
  padding: 6px 0;
}
.statistics-card .row{ margin:0 !important; }
.statistics-card .col-lg-4 { padding-right:5px;padding-left:0px;}
.statistics-card.redious-border{ padding:20px;}
.alert-payment  { margin-bottom:0px !important; padding-top:0px !important; padding-bottom:0px !important;}
.alert-payment li,.alert-payment  .form-group { margin-bottom:0px !important; padding-left:0px !important;}
.alert-issue .col-lg-4 { padding-left:0px}.alert-issue  li { padding-left:0px !important}
.d-certificate { margin-bottom:15px !important; color:#fff !important;}
html .skin-black-light  .sidebar-menu > li:hover > a,html .skin-black-light   .sidebar-menu > li.active > a { 
  background: #eeee;
}
div#Customer_fake_password{ padding:0px; border:0px;}
html .skin-black-light  .sidebar-menu > li:hover > a, html .skin-black-light   .sidebar-menu > li.active > a {
  background: #eeee;
  background-color: var(--primaryColor);
  color: #ffffff;
  font-weight: 400;
}.user-panel { 
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
html .user-panel > .info {
  padding: 0;
  position: unset;
}.content-wrapper .content   .box .box-header {
 
  margin-top: 0;
}.content-wrapper .borderless .box.box.borderless {
  
  padding: 0 !important;
}.customer-layout .skin-black-light .wrapper,.customer-layout  .skin-black-light .main-sidebar,.customer-layout  .skin-black-light .left-side {
  background-color: rgba(var(--primaryColorRgba),0.033);
}html.customer-layout .sidebar-menu { 
  background: #fff;
  border-radius: 10px;
  margin: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
}html.customer-layout .sidebar-menu > li {
  border-bottom: 0px solid #eee;  
}html .skin-black-light .main-header li.user-header {
  background-color: var(--primaryColor);
}html .user-panel { 
  justify-content: flex-start; 
  padding-left: 45px !important;
  background-color: #fff;
}
.info .group-name{ opacity:0.7; LINE-HEIGHT:1.5;FONT-SIZE:12PX;}
.color-danger .statistics-footer .sales-price {
  color: #ff5630;
  background-color: #ffddd6!important;
}.color-success .statistics-footer .sales-price {
  color: #24d6a5;
  background-color: #d3f7ed!important;
}.color-success .statistics-info h4, .color-success .statistics-info .h4 {
  color: #24d6a5;
}.color-blue .statistics-info h4, .color-blue .statistics-info .h4 {
  color:var(--primaryColor);
} .mb-20 {
  margin-bottom: 30px !important;
}.section-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d7dde9;
  padding: 0 0 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 20px;
}.analytics.clr-2 .analytics-icon, .analytics.clr-2 .analytics-content h4, .analytics.clr-2 .analytics-content .h4 {
  color: #24d6a5;
}.analytics.clr-2 .analytics-icon {
  background-color: #d3f7ed;
}.analytics.clr-4 .analytics-icon, .analytics.clr-4 .analytics-content h4, .analytics.clr-4 .analytics-content .h4 {
  color: #ff5630;
}.analytics.clr-4 .analytics-icon {
  background-color: #ffddd6;
}.color-success .statistics-icon {
  background-color: #d3f7ed;
}.color-danger .statistics-icon {
  background-color: #ffddd6;
}.statistics-icon {
  height: 60px;
  width: 60px;
  background-color: #d9dcf9;
  border-radius: 10px;
  display: grid;
  place-content: center;
}.mb-4 {
  margin-bottom: 20px !important;
}.mb-40 {
  margin-bottom: 40px !important;
}.table > thead > tr > th {
  color: #111;
  border-bottom: 2px solid #f4f4f4;
  border-top: 2px solid #f4f4f4 !important;
  font-weight: 600;
  white-space: nowrap;
  vertical-align: middle;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #556068;
  padding: 6px 0;  color: #556068 !important;
}.mb-2 {
  margin-bottom: 8px !important;
}.best-selling-courses.table > thead > tr > th{
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;font-weight: 600!important;
  color: #556068 !important;
  padding: 6px 0;border:0px !important;
}.best-selling-courses tbody {
  height: 260px;
  width: 100%;
  overflow-y: auto;
  display: block;
}.best-selling-courses tbody tr, .best-selling-courses thead tr {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr;
}
.best-selling-courses tbody tr {
  margin-bottom: 14px;
}
.best-selling-courses tr {
  vertical-align: middle;
  color: #7e7f92;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}.recent-transactions tbody {
  height: 108px;
  width: 100%;
  overflow-y: auto;
  display: block;
}.recent-transactions tbody tr, .recent-transactions thead tr {
  grid-template-columns: 3fr 2fr 1fr;
}.main-header { 
  min-height: 50px; 
}html .skin-black-light .main-header .navbar{min-height: 50px; } html .skin-black-light .main-header .navbar {
  background-color: transparent;
}html .user-panel { 
  min-height: 50px;
} 
.sidebar-toggle svg{ 
  display: block;
  max-width: 100%;
} .navbar-custom-menu > .navbar-nav > li a i {     font-size: 24px;
  line-height: 33px;color:#7e7f92}
  html .skin-black-light .main-header .navbar { 
    height: 100%;
    
}html .skin-black-light .main-header .navbar {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* min-width: 100%; */
}.main-header .navbar-custom-menu, .main-header .navbar-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  max-width: calc(100% - 50px);
}.skin-black-light .main-header .navbar .navbar-nav > li > a {
  border-right: 0px solid #eee;
  height: 50px;
  display: flex;
  align-items: center;
}html body.ctrl-guest.act-index .login-flex .login-form {
  height: auto;
  width: 100%;
  background: #fff;
  box-shadow: 0px 4px 30px rgb(0 0 0 / 0.07);
  border-radius: 20px;
  padding: 50px 60px 50px 60px;
  font-family: var(--font-jost);
  position: relative;
  max-width: 583px;
  margin: 0 auto;
}html body.ctrl-guest.act-index .login-flex .login-form .login-box-body {
  min-width: 420px;
  margin: 0;
}html body.ctrl-guest.act-index .login-flex .login-form .login-box-body .login-box-msg {
  
  font-weight: 500;
  font-size: 24px;
} form .forgot-pass-btn {
  font-weight: 400;
  font-size: 16px;
  color: #556068;
  text-align: center;
}.m-b-20 {
  margin-block-end: 20px;
}.m-b-25 {
  margin-block-end: 25px;
}.template-btn {
  display: inline-block; 
  padding: 11.5px 35px;
  font-size: 14px; 
  font-weight: 500;
  line-height: 1.5;
  transition: all 0.4s;
  position: relative;
  z-index: 0;
  vertical-align: middle;
  border-radius: 3px; 
  overflow: hidden;    display: block;
  width: 100%;    border-radius: 5px;
  transition: 0.3s;
  padding: 11px 30px;
  font-size: 16px;
  text-align: center;    background: var(--primaryColor);
  color: #fff;
}.secure-di {
  display: flex !important;
  justify-content: center;
  padding: 80px;
}  .register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
  height: auto;
  width: 100%;
  background: #fff;
  box-shadow: 0px 4px 30px rgb(0 0 0 / 0.07);
  border-radius: 20px;
  padding: 50px 60px 50px 60px;
  font-family: var(--font-jost);
  position: relative;
  max-width: 583px;
  margin: 0 auto;
}p.register-box-msg {
  margin: 0;
  text-align: center;
  padding: 0 20px 20px 20px;
  font-weight: 500;
  font-size: 24px;
  color: var(--primaryColor);
}html .login-box,html .register-box {
  width: 400px;
  margin: 0 auto;
}  .fogot-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
  height: auto;
  width: 100%;
  background: #fff;
  box-shadow: 0px 4px 30px rgb(0 0 0 / 0.07);
  border-radius: 20px;
  padding: 50px 60px 50px 60px;
  font-family: var(--font-jost);
  position: relative;
  max-width: 583px;
  margin: 0 auto;
}.login-box-msg, .register-box-msg {
 
  font-weight: 500;
  font-size: 24px;
  color: #333;
}
.login-pupup-modal .modal-content .modal-header {
  border: none;
  position: absolute;
  right: 20px;
}
.register-box-body,.fogot-box-body {
  
  padding: 50px 60px 50px 60px 
!important;
}html body.ctrl-guest.act-index .login-flex .login-form {
 
  max-width: 463px; 
}html body.ctrl-guest.act-index .login-flex .login-form .login-box-body {
  min-width: unset; 
}.user-panel-front > .image > img {
  width: 35px;
  height: 35px;
  object-fit: cover;
}.user-panel > .image > img {
 
  object-fit: cover;
}.buttons-area li.has-dropdown .submenu li a {
 
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.user-panel-front .info{
display: flex;
flex-direction: column;
gap: 5px;
}.user-panel-front p { margin:0;     line-height: 1;white-space: nowrap;}
.user-panel-front { display:flex;gap:10px; align-items:center;}.user-panel-front  .info .group-name {
  opacity: 0.7;
  LINE-HEIGHT: 1;
  FONT-SIZE: 12PX;
}.user-panel-front p {
  margin: 0;
  line-height: 1;
  font-size: 14px;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.box-body .nav-tabs > li > a { 
  font-size: 15px;
  font-weight: 500;
}html body.ctrl-guest.act-index .login-flex .login-form .login-box-body {
 
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: unset;
  max-width: unset;
}
.white-new-footer .container.man-sect{
  }
.newsletter-form .input-area-fill{
  text-align: center;
}
.footer-callto-action-area.bg-dark-footer-1 .copyright-area-one-border {
  /* background: #fff;
  border-color: #ffff !important; */
  }html .footer-callto-action-area.bg-dark-footer-1.white-new-footer {
  background: #eee;
    background: url('../../customer/assets/web/images/images/footer-image.png') no-repeat;
    background-size: cover; /* Cover the entire div */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    padding: 50px 0; /* Add padding for content */
    color: white; /* Text color */
    padding: 50px 0 0 0; /* Add padding for content */
  }
  .newsletter-form input[type="email"]{
    order: none;
    background: white;
    width: 50%;
    padding: 15px 15px;
    border: none;
  }
  .social-links{
    display: flex;
  }
  .social-links .social-icon {
    border: 1px solid #555555;
    margin: 0 7px 0 0;
    text-decoration: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    display: flex;
  }
  .social-links .social-icon i::before{
    color: blue;
  }
 .btn.btn-blue{
    background-color: #293CC9;
}
.newsletter-form p {
    /* font-style: italic;
    font-weight: normal !important;
    padding: 10px 0 0 0;
    font-size: 13px;
    margin: 6px 0 5px 0 !important; */
}
.newsletter-form .btn.btn-blue{
  width: 100%;
  color: white;
  font-weight: bold;
  font-size: 17px;
  padding: 15px 0;
  border: 1px;
  margin: 6px 0 5px 0 !important;
  border-radius: 40px;
}
.newsletter-form .input-area-fill input[type="email"]{
  width: 100%;
  text-align: center;
}

html .footer-callto-action-area.bg-dark-footer-1.white-new-footer {
    background: url('../../customer/assets/web/images/images/footer-image.png') no-repeat;
    background-size: cover; /* Cover the entire div */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    padding: 50px 0 0 0; /* Add padding for content */
    color: white; /* Text color */
  }html .footer-callto-action-area.bg-dark-footer-1 .copyright-area-one-border .copyright-area-one ul li a i {
    color: #333;
      color: var(--color-primary);
      background: #fff;
      /* height: 23px; */
      border-radius: 20px;
      padding: 13px 13px;
      font-size: 15px;
      font-weight: bold;
  }
  
  .newsletter-form input[type="email"]{
    order: none;
    background: white;
    width: 50%;
    padding: 15px 15px;
    border: none;
  }
  .social-links{
    display: flex;
  }
  .social-links .social-icon {
    border: 1px solid #555555;
    margin: 0 7px 0 0;
    text-decoration: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    display: flex;
  }
  .social-links .social-icon i::before{
    color: blue;
  }
 .btn.btn-blue{
    background-color: #293CC9;
}
.newsletter-form p {
    /* font-style: italic;
    font-weight: normal !important;
    padding: 10px 0 0 0;
    font-size: 13px;
    margin: 6px 0 5px 0 !important; */
}
.newsletter-form .btn.btn-blue{
  width: 100%;
  color: white;
  font-weight: bold;
  font-size: 17px;
  padding: 15px 0;
  border: 1px;
  margin: 6px 0 5px 0 !important;
  border-radius: 40px;
}
.newsletter-form .input-area-fill input[type="email"]{
  width: 100%;
  text-align: center;
}
  .right-navigation li a{font-weight:500 !important;}
	.openCart-window .gutter-lg { 
    flex-direction: column;
}.openCart-window .gutter-lg .col-lg-9 { min-width:100%;}
	.openCart-window   td:nth-child(3) ,.openCart-window   td:nth-child(4),.openCart-window   td:nth-child(4),.openCart-window   td:nth-child(5){  display:none; }
	.openCart-window   th:nth-child(3) ,.openCart-window   th:nth-child(4),.openCart-window   th:nth-child(4),.openCart-window   th:nth-child(5){  display:none; }
	.openCart-window   th { font-size:0px;}
	.openCart-window { width: 450px;height:100%;max-width:95%;background-color:#fff;float:right; }
	body.addCart-poup{height:100vh;overflow-Y:hidden;}
	
.openCart{   
	display:none;
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 111111;}
    .addCart-poup .openCart{ display:block;}

body .openCart-window {
    -webkit-transform: translateX(450px);
    transform: translateX(450px);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}
   body.addCart-poup.addCart-me  .openCart-window {
    -webkit-transform: translateX(0px);
    transform: translateX(1px); 
}
.openCart-drawer-header { position: fixed; z-index: 10;width:100%;    padding: 15px 0px;
    border-bottom: 1px solid #e8e8e8;  }
.openCart-drawer-header {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2a2629;
    font-size: 20px;
}.ant-drawer-title {
    font-weight: 600;
    line-height: 24px;
} 
.ant-drawer-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    display: block;
    width: 56px;
    height: 56px;
    padding: 0;
    color: rgba(0,0,0,.45);
    font-weight: 700;
    font-size: 16px;
    font-style: normal;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .3s;
    text-rendering: auto;
}
 .ant-drawer-close {
    width: 56px;
    height: 56px;
    font-size: 16px;
    color: #1a1a1a;
    left: auto!important;
}.anticon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}.anticon svg {
    display: inline-block;
}
.body-ofcart { background-color:#eee;height:calc(100vh - 55px);    margin-top: 55px;background-image: url(/assets/img/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    }
    .body-ofcart.content-added{background-image:unset; }
    html .openCart-window thead th {
    font-size: 0px !important;
    padding: 0px !important;
    background: transparent;
    height: 0px;
    visibility: hidden;
    line-height: 0px !important;
}
.body-ofcart .cart .cart-summary {
    padding: 0px;
    border: 0px !important;
    border-radius: 0px;
    line-height: 1;
}
.body-ofcart .no-pop-displa{ display:none !important; }
.body-ofcart .order-summary{ display:none; }
.body-ofcart .page-heading, .body-ofcart .cart-action { display:none !important; }
.openCart-window .gutter-lg .col-lg-3 { min-width:100%;}
.body-ofcart .cart-subtotal {
    line-height: 1;
    font-size: 12px 
}
.body-ofcart .cart .cart-summary {
    padding: 0px;
    border: 0px !important;
    border-radius: 0px;
    line-height: 1;
    z-index: 1;
    background: #eee;
    padding-top: 10px;
}.openCart-window .gutter-lg .col-lg-9 {
    min-width: 100%;
    max-height: calc(100vh - 292px) !important;
    overflow-y: auto;
    background: #eee;
}        
.addCart-me #notify-container{ display:none;}
html .openCart-window .not-show-direct { 
  background-repeat: no-repeat;
  background-position: right -5px top 3px;
  padding-right: 28px !important;
}
ul.navigation .flex-element-1 {
  display: flex;
  flex-direction: row;
  line-height: 1;
  justify-content: center;
  align-items: center;
  color: var(--primaryColor);
}.button_icon-style3 {
  width: 24px;
  height: 24px;
}.top-counter .counter {
  position: absolute;
  background: red;
  color: #fff;
  padding: 4px 7px;
  top: -8px;
  line-height: 1;
  font-size: 12px;
  border-radius: 16px;
  font-weight: 400;
  opacity: 1;
  box-shadow: 4px 4px 60px 0px rgba(0, 0, 0, 0.1), -4px -4px 60px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #eee;
}html .skin-black-light .main-header .navbar {
   
  background-color: var(--primaryColor);
}.navbar-custom-menu > .navbar-nav > li a i {
 
  color: #fff;
}html .skin-black-light .main-header .navbar .nav > li > a {
  color: #fff;
}html .user-panel {
  background: var(--secondaryColor) !important;
}html .user-panel > .info > p {
  color: #fff;
}.skin-black-light .main-header .navbar .nav > li > a:hover, .skin-black-light .main-header .navbar .nav > li > a:active, .skin-black-light .main-header .navbar .nav > li > a:focus, .skin-black-light .main-header .navbar .nav .open > a, .skin-black-light .main-header .navbar .nav .open > a:hover, .skin-black-light .main-header .navbar .nav .open > a:focus, .skin-black-light .main-header .navbar .nav > .active > a {
  background: var(--secondaryColor) !important;
  color: #fff!important;
}html .skin-black-light .main-header li.user-header {
  background-color: rgba(255, 87, 34, 0.7);
}html .skin-black-light .main-header .navbar > .sidebar-toggle {
  color: #fff;
  border-right: 0px solid #eee;  
}html .main-sidebar,html .left-side { 
  width: 260px; 
}.app-backend .content-wrapper,.main-header .navbar , .right-side, .main-footer ,.app-backend .main-header .navbar,.skin-black-light .content-wrapper{ 
  margin-left: 260px; 
}html .app-backend .sidebar-menu {
 
  padding: 0; 
}
html .app-backend .sidebar {
 
  background: rgba(var(--primaryColorRgba),0.1);
}html .skin-black-light  .sidebar-menu > li:hover > a, html .skin-black-light   .sidebar-menu > li.active > a {
  background: #eeee;
  background-color: #fff;
  color: var(--primaryColor);
  font-weight: 400;
  border-radius: 0;
} .app-backend .content-wrapper {
  background-color: #ecf0f5;
}html .skin-black-light .sidebar a { 
  padding: 8px 5px 8px 15px; 
}html .app-backend .sidebar-menu {
  padding: 0;
  margin-top: 0;
}html .sidebar-menu > li { 
  border-top: 1px solid #fff;
  border-bottom: 1px solid #dbdbdb;
}html .skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black-light .main-header .navbar .navbar-right > li > a {
  border-left: 1px solid #666; 
}.app-backend .content { 
  padding: 15px!important; 
}html .user-panel { 
  padding-left: 9px !important; 
}
.widget .comments-list{
  list-style-type: none;
    padding: 0;
    padding-left: 15px;
}
.inner-flex-top .col-sm-4-1 { flex:1; }
html .shop-table.cart-table .product-name { 
  font-size: 14px;
}
.proceed--tocheckout {
  gap: 10px;
}.product-price .priceList-new .new-price { 
  background: transparent;
}html .product-price .priceList-new .new-price { 
  color: #333;
}.buttons-area   li.has-dropdown .submenu li { 
  margin-bottom: 0 !important;    margin-top: 0;
}.buttons-area   li.has-dropdown .submenu li:first-child { margin-top: 10px;}
html .selecti input[type=radio] {
  opacity: 1;
  position: relative;
  display: inline;
  background-image:unset !important; 
}
html .selecti input:checked {
      --r: 43deg;        --o: 1;        --b: var(--active);
      --bc: var(--active);
      --d-o: .3s;
      --d-t: .6s;
      --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }
  html .selecti input {
  background-image:unset;
  border-radius: 7px;        width: 21px;
      --active: var(--secondaryColor);
      --active-inner: #fff;
      --focus: 2px rgba(39, 94, 254, .3);
      --border: #BBC1E1;
      --border-hover: var(--secondaryColor);
      --background: #fff;
      --disabled: #F6F8FF;
      --disabled-inner: #E1E6F9;
      -webkit-appearance: none;
      -moz-appearance: none;
      height: 21px;
      outline: none;
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin: 0;
      cursor: pointer;
      border: 1px solid var(--bc, var(--border)) !important;
      background: var(--b, var(--background)) !important;
      transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }html .selecti input:after {
      width: 5px;
      height: 9px;
      border: 2px solid var(--active-inner);
      border-top: 0;
      border-left: 0;
      left: 7px;
      top: 4px;
      transform: rotate(var(--r, 20deg));        opacity: var(--o, 0);        content: "";
      display: block; 
      position: absolute;
      transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  a.no-content:after{ content:unset; }
   .course-start {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 5px;
    opacity: 0.6;    color: #333;
    font-weight: normal;
}

.loader-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.loader1 {
  border: 3px solid #f3f3f3;
  border-top: 3px solid var(--primaryColor);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin1 2s linear infinite;
  margin-bottom: 10px;
}

@keyframes spin1 {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading-text {
  font-size: 20px;
  color: #555;
}.pricessing{

  position: absolute;
  z-index: 1111111111;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--vh100);
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  display:none
  }
  .show-processing   .pricessing{ display: flex !important;}
  .pricessing    .loading-text { 
  color: #fff; 
  }.message-info a {
    color: var(--primaryColor);
    text-decoration: underline;
    }
    .recentupdated-new li:last-child{ margin-bottom:0px !important; }
    .customer-details-row {
      list-style-type: none;
      padding: 0;
      margin: 0;
      padding-left: 50px;
      position: relative;
  }.customer-details-row li {
    display: flex;
    line-height: 1.5;
}.customer-details-row li span {
  font-weight: 500;
  margin-right: 10px;
  min-width: 47px;
  color: #999;
  font-size: 14px;
}.customer-details-row .row-img-td img { 
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
html .form-group div.input-group {
  display: flex !important;
  background: transparent !important;
  border: 0;
  padding: 0;
  color: inherit;
}.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  height: 42px !important;
  padding-top:0 !important; padding-bottom:0 !important; 
}select.form-control { 
  height: 42px !important;
}.select2-container--default .select2-selection--single .select2-selection__rendered {
 
  line-height: 42px !important;
}html .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
  right: 3px;
  width: 35px;
  background-color: #F8F9FF;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"  x="0" y="0" viewBox="0 0 100 100" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="m67.41 45.41-2.82-2.82L50 57.17 35.41 42.59l-2.82 2.82L50 62.83z" fill="ccc" opacity="1" data-original="%23ccc"></path></g></svg>');
  background-repeat: no-repeat;
  background-size: 33px;
  background-position: top 4px right -3px;
  /* transform: rotate(180deg); */
}html .select2-container--default .select2-selection--single .select2-selection__arrow b {
  
  display: none;
}html .form-group div.error { 
  background: transparent;
  border: 0;
  padding: initial;
}html .form-group div.input-group { 
  margin-bottom: 0 !important;
}html .form-group div.success  {
  background: transparent;
  border: 0;
  padding: initial;
}html .nice-select .list { 
  z-index: 111111111111111111;
}
html .analytics-content {
    display: flex;
    gap: 10px;
}
html .redious-border {
    padding: 8px 10px !important;
    border: 0;
    box-shadow: 4px 4px 60px 0px rgba(0, 0, 0, 0.1), -4px -4px 60px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0 !important;
}
html .analytics {
    display: flex;
    align-items: center;
    gap: 7px;
}
html .analytics-icon {
    height: auto;
    width: auto;
    border-radius: 8px;
    display: flex;
    font-size: 32px;
    background-color: transparent;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
} .analytics-content span{
    font-weight: 300;
    font-size: 13px;
    color: rgba(0,0,0,0.5);
}.analytics-content p { 
    line-height: 1 ;
}
html .active .analytics-icon i {
    color: #4CAF50!important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

html .review .analytics-icon i { 
    color: #FFA500!important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

html .rejected .analytics-icon i { 
    color: #FF4B2B!important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}.analytics-content p { 
  margin: 0;
}
.category--sect .svg {
  width: 30px;
  height: 30px;
  padding: 5px;
  display: block;
  background: #4CAF50!important;
  line-height: 1;
  border-radius: 5px;
}.category--sect .svg svg { width:100%; height:100%; } 
.category--sect {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-right: 33px;
}.category--sect .svg {
  width: 30px;
  height: 30px;
  padding: 5px;
  display: block;
  background: #4CAF50!important;
  line-height: 1;
  border-radius: 50%;
  position: absolute;
  right: 0;
  box-shadow: 4px 4px 60px 0px rgba(0, 0, 0, 0.1), -4px -4px 60px 0px rgba(0, 0, 0, 0.1);
}html .userblg-details label {
  font-size: 13px;
  margin-bottom: 4px;
}html .userblg-details span {
  font-size: 17px !important; 
}html .userblg-details span >span, html .userblg-details span > a {
  font-size: 14px !important;
  text-transform: initial;
}html .user-pic { 
  padding-top: 0px !important; 
} html .user-pic  .img-circle { 
  border: 1px solid #eee;
} .ref-num {
  margin-top: -20px;
  margin-bottom: 8px;
}
 .online-format {
  color: var(--primaryColor);
  display: inline-block;
  font-size: 14px;
  margin-bottom: 15px;
  background: #eee;
  padding: 3px 10px;
  font-weight: 600;
  line-height: 1.5;
  background: rgba(var(--primaryColorRgba),0.3);
}
.online-format.green-cls {
  color: #2ecc71; 
  background-color: #e0f7e0;
}.online-format.red-cls {
  color: #e74c3c; 
  background-color: #fce4ec;
}
.top-stickyalert a.btn-close {     position: absolute;
  right: 0;
  top: 5px;}.grid-view .summary+.table {
    margin-top: 10px;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
  }
  
.grid-view {
  padding: 0;
  border: 1px solid #dbdbdb;
  border-radius: 15px;
  padding: 10px !important;
}
  
  html .box-body .table-responsive {
    overflow-x: auto !important;
    overflow-y: auto !important;
  }
  
  a[data-original-title="View"] {
    background-color: #40a540;
  }
  
  .table-striped>tbody>tr:nth-child(odd)>td,
  .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: rgba(var(--primaryColorRgba), 0.1) !important;
  }.grid-view .form-controll input { 
    background-color: #fff;
  } span.italics {
    font-family: 'Proxima Nova Lt';
    font-style: italic;
    font-size: 14px;
  } .heading-link {
    font-size: 13px;
  }
 
/* Customizing the scrollbar for WebKit browsers in .fht-tbody */
.fht-tbody::-webkit-scrollbar {
    width: 8px; /* Set scrollbar width */
}

.fht-tbody::-webkit-scrollbar-track {
    background: #f1f1f1; /* Track background */
    border-radius: 10px; /* Round corners of the track */
}

.fht-tbody::-webkit-scrollbar-thumb {
    background: #3948e3; /* Thumb color */
    border-radius: 10px; /* Round corners of the thumb */
}

.fht-tbody::-webkit-scrollbar-thumb:hover {
    background: #2933b4; /* Darker thumb color on hover */
}

/* Firefox scrollbar styles for .fht-tbody */
.fht-tbody {
    scrollbar-width: thin; /* Use thin scrollbar */
    scrollbar-color: #3948e3 #f1f1f1; /* Thumb color, Track color */
}html .box-body .table-responsive {
  overflow-x: hidden !important;
}html .box-body .fht-tbody { 
  overflow-x: auto;
} .section-title.yellow {
  background: var(--lightYellow);
  text-align: center;
  padding: 5px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: relative;
  border-radius: 10px;
}.section-title.yellow.primer-bg {
  background-color: rgba(var(--primaryColorRgba), 0.1) !important;
  color:var(--primaryColor) !important; 
}
.section-title.yellow::after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  position: absolute;
  right: 0;
  height: 100%;
  width: 65px;
  background-color: #5f5f5d;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  top: 0;
  color: #fff;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
} .parent-div .section-title {
  font-size: 2.7rem;
}
html .btn.btn-play,
html .btn.btn-preview,html .btn-share {
  padding: 2px 0 !important;
  min-width: 100px;
  display: inline-block;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: auto !important;
}
/* .ru_ru .btn.btn-preview,.ru_ru .btn-share {
  min-width: auto;
} */

html .btn.btn-preview,html .btn-share {
  padding: 2px 0 !important;
  min-width: 100px;
}
html .btn-share {
   background-color:#e47746;
   color: #fff !important;
 }
 .v-info { font-size:12px; font-weight:700; }
html .btn.btn-play { background-color:var(--primaryColor); color:#fff !important;}
html .btn.btn-preview { background-color:var(--Yellow); color:#4a3f27 !important;}
a[data-original-title="Update"]{
background-color:#777777 !important; 
}
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
   
  opacity: 1;
  box-shadow: none !important;
}
#CourseVideo-grid .table-striped>tbody>tr:nth-child(odd)>td,
#CourseVideo-grid .table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #fffcf3 !important; 
}
.sem-bold1 { font-size:13px; font-weight:700;}html .box-body .fht-tbody {
  overflow-x: auto;
  padding-top:5px;
}
.fht-table { margin-bottom:0px !important; }
.fht-table .grid-filter-cell td { padding-top:5px !important; padding-bottom:5px !important;}
.grid-filter-cell input { background-color: #efefef !important; }.grid-filter-cell input {
  background-color: #efefef !important;
  border: 0 !important;
}.items-bread .dashboard-text {
  color: #aaa;
}

.items-bread .view-courses {
  font-weight: bold;
  text-decoration: none;
}

.items-bread .search-bar {
  display: flex;
  align-items: center;
  background-color: #f0f0f0;
  padding: 5px 10px;
  border-radius: 20px;
}

.items-bread .search-bar input {
  border: none;
  outline: none;
  background: none;
  margin-left: 5px;
  width: 100%;
}

.items-bread .icon {
  font-size: 20px;
  color: var(--secondaryColor);
  position: relative;
}

.items-bread .icon .notification-count {
  position: absolute;
  top: 4px;
  right: -3px;
  border-color: var(--secondaryColor);
  color: white;
  border-radius: 50%;
  font-size: 12px;
  padding: 2px 5px;
  border-width: 1px;
  border-style: solid;
  width: 22px;
  height: 22px;
  background: #fff;
  color: var(--secondaryColor);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.items-bread .logout {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #000;
  text-decoration: none;
}

.items-bread .logout-icon {
  background-color: #0056ff;
  border-radius: 50%;
  padding: 5px;
  color: white;
}

.brea-main-text {
  flex-direction: column;
  justify-content: start;
  align-items: flex-start !important;
}

.dashboard-text {
  color: #aaa;
  font-family: 'Proxima Nova Lt';
}

.items-bread .view-courses {
  color: #0056ff;
  font-weight: bold;
  text-decoration: none;
  color: var(--primaryColor);
  font-size: 2rem;
  font-style: italic;
  line-height: 1.2;
  font-weight: normal;
  /* font-family: 'Proxima Nova Lt'; */
  text-align: right;
  /* margin-top: 10px; */
  font-weight: 600 !important;
}

.items-bread .search-bar input {

  width: 100%;
  margin-bottom: 0;
}

.search-bar .la {
  font-size: 22px;
}

.items-bread .logout-icon {
  background-color: var(--primaryColor);
  border-radius: 50%;
  /* padding: 5px; */
  color: white;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.items-bread .logout span {
  position: absolute;
  top: -19px;
  line-height: 1;
  font-weight: 600;
  font-size: 13px;
  color: #606060 !important;
}

.items-bread .logout-icon {
  background-color: var(--primaryColor);
  border-radius: 50%;
  /* padding: 5px; */
  color: white;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.items-bread .logout-icon i {
  font-size: 24px;
}

.items-bread .icon.alarm {
  font-size: 41px;
  color: var(--secondaryColor);
  position: relative;
}.items-bread .search-bar {
  display: flex;
  align-items: center;
  background-color: #f0f0f0;
  padding: 9px 10px;
  border-radius: 10px;
  flex: 1; 
}.items-bread .search-bar {
 
  margin-right: 30px !important;
}  .form-container {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
    margin-bottom:15px;
  }

  .form-title {
    color: var(--primaryColor);
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
  }.fht-tfoot table{
      margin-bottom: 0px;
    }.course-photo .save-icon.active {
   
      background: var(--primaryColor);
    }html .btn.btn-preview {
      background-color: var(--Yellow); 
      border-color: var(--Yellow);
    }html .course-photo .save-icon {
      right: 0px;
      left: unset;cursor:pointer;
      top: 0px;
      border-radius: 0px;
      background-color:#fff !important;
    }html .save-icon i {
      color: #333;
    }html .save-icon.active i {
      color: var(--primaryColor);
    }html .save-icon.active i.fa-bookmark {
          font-family: "Font Awesome 6 Pro";
            font-weight: 900;
    }