@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=DM+Serif+Display&family=Inter:wght@200;300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600&display=swap');

* {box-sizing:border-box;outline: none !important;}

body {
  font-family: "Open Sans";
  margin: 0 !important;
  background: #f1f2f4;
  font-weight: 300;
  color: #000;
  --c-main-lightest : #f4effa;
  --c-main-lighter : #c8b1e4;
  --c-main-light : #9b72cf;
  /* --c-main : #42276a; */
  --c-main : #572b8f;
  --c-main-dark : #2f184b;
  --c-white : #ffffff;
  --c-black : #000000;
  --c-gray : #b2b2b2;
  --c-gray-light : #dddddd;
  --c-gray-lighter : #e7e7e7;
  --c-gray-lightest : #f7f7f7;
  --c-gray-normal : #666666;
  --c-gray-dark : #343434;
}

.no-scroll {overflow: hidden;}
.error, .login-error {color: #d50000; font-weight: 500; font-size: 15px; }


a {color:var(--c-main); overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-word;}
a:hover {color: var(--c-main-dark);}

select {-moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; background: #f8f8f8 !important; background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 7px) !important; background-position-y: 50% !important; border-radius: 10px; font-family:"Roboto"; }
select option {font-family:"Roboto"}
img {max-width: 100%;}
img.aligncenter {display: block; margin: 0 auto 0 auto;}

h1 {font-weight: 800;font-size: 36px;margin: 0 0 25px 0;color: var(--c-black);}
h1.larger {font-size: 44px;}
h1.has-switch {display: flex; align-items: center; }
h1.has-switch .block.meta {margin: 10px 30px 0 0;}
h1 .all-users {margin: 0 0 0 auto; font-size: 15px; font-weight: 300; display: flex; align-items: center; }
h1 .all-users > span {margin: 0 10px 0 0; }


.page-name {display: flex;align-items: center;flex-wrap: wrap;}
.page-name strong {flex:1;font-weight: inherit;}
.page-name .edit-mode {display: flex;align-items: center;}
.page-name .edit-mode .switch {margin: 0 10px 0 0;}
.page-name .edit-mode > span {font-weight: 400;font-size: 14px;}
.page-name .btn {padding: 1px 0 0 0; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; margin: 0 0 0 auto; font-size: 16px; }

.page-name .btn.new-quiz {color: #000;background: none;font-family: inherit;width: auto;display: flex;align-items: center;font-size: 24px;margin: 0 0 0 30px;}
.page-name .btn.new-quiz i {background: var(--c-main); color: #fff; width: 40px; height: 40px; display: inline-block; line-height: 40px; border-radius: 50%; font-size: 16px; font-weight: 4; }
.page-name .btn.new-quiz span {margin: 0 0 0 10px; }


h2 {font-size: 18px;font-weight: 700;margin: 0 0 15px 0;}
h2.section-name {font-size: 22px; }
h2.block-title {font-size: 18px;font-weight: 400;}
h3 {font-size: 16px;font-weight: 400;}
h4 {}

ol, ul {padding-left: 18px; }

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

.caption {font-size: 11px;text-align: center;padding: 8px 0 0 0;line-height: 1.2;}

@media (max-width: 767px) {
  h1,h1.larger {font-size: 28px;margin: 20px 0 15px;}
  h2 {}

  .page-name .btn.new-quiz { width: 100%; background: var(--c-main); border-radius: 10px; color: #fff; justify-content: center; margin: 10px 0 0 0; }
  .page-name .btn.new-quiz i { width: auto; height: auto; line-height: 1; }
  .page-name .btn.new-quiz span {}
}
.slider {border-radius: 34px; }
.slider:before {border-radius: 50%; }

.switch-wrap {display: flex;align-items: center;}
.switch-wrap i {/* margin: 0 0px 0 10px; *//* font-size: 24px; */}
.switch-wrap span {margin: 0 0px 0 0;font-size: 13px;}
.switch-wrap .switch {margin: 0 0 0 10px;}
.switch-wrap .switch .slider { background: #aaa; }
.switch-wrap .switch input:checked + .slider {background:var(--c-main)}

.switch {position: relative;display: inline-block;width: 48px;height: 28px;/* transform: scale(0.8); *//* margin: 0 0 0 auto; */}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ddd; -webkit-transition: .4s; transition: .4s; }
.slider:before {position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider {background-color: var(--c-main); }
input:focus + .slider {box-shadow: 0 0 1px #2e376f; }
input:checked + .slider:before {-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }


.buttons-group {background: rgb( 0 0 0 / 30%);color: #fff;display: inline-flex;align-items: center;padding: 3px;border-radius: 30px;margin: 0;/* flex: 0 1 33.33%; */}
.buttons-group a {text-decoration: none;color: #fff;padding: 8px 15px;border-radius: 30px;font-weight: 400;font-size: 13px;cursor: pointer;}
.buttons-group a i { font-size: 17px; line-height: 1; }
.buttons-group.disabled a {opacity:0.3;}
.buttons-group a.active { color: #000; background: #fff; }


.btn, .acf-button, .button-primary {background: var(--c-main);border: none;color: #fff;font-weight: 600;font-size: 13px;padding: 10px 20px;border-radius: 30px;margin: 0 6px 0 0;display: inline-block;cursor: pointer;}
.btn.white { background: #fff; color: #000; }
.btn.outline { background: none; color: var(--c-main); border: solid 2px var(--c-main); font-weight: 600; letter-spacing: 1px; }
.btn.outline:hover {background:var(--c-main)}
.btn.large {padding: 15px 30px;font-size: 15px;}
.btn:hover, .acf-button:hover, .button-primary:hover {background: var(--c-main-dark);color: #fff;}

#page {padding-top: 72px;}

@media (max-width: 767px) {
  #page {padding: 126px 0 0 0;}
}



#loggedin-page .header-loggedin .notifications {margin: 0 0 0 20px;padding: 0 0 0 0;position: relative;}
#loggedin-page .header-loggedin .notifications > span {vertical-align: top;display: inline-block;line-height: 1;padding: 0 0 0 0;}
#loggedin-page .header-loggedin .notifications span i { font-size: 21px; line-height: 28px; position: relative; border: solid 1px var(--c-gray); border-radius: 50%; max-width: 35px; margin: 0; border: solid 1px var(--c-gray); padding: 2px; width: 35px; height: 35px; display: block; text-align: center; }
#loggedin-page .header-loggedin .notifications span i .status {}




#page.minimal {height: 100vh;display: flex;flex-direction: column;padding: 30px 0 !important;}
#page.minimal #primary {margin:auto}
header.minimal {}
header.minimal .content {max-width: 1200px;margin: 0 auto;text-align: center;}
header.minimal .content .logo {}
header.minimal .content .logo img {max-width: 220px;}

footer.minimal {margin: 0;}
footer.minimal .content {max-width: 1200px;margin: 0 auto;text-align: center;}
footer.minimal .content ul {display:flex;list-style: none;list-style: none;justify-content: center;gap: 30px;margin: 0;}
footer.minimal .content ul li {}
footer.minimal .content ul li a { text-decoration: none; color: #000; font-weight: 400; }
footer.minimal .content ul li a:hover {color:var(--c-main)}







.page-header {grid-column: span 3;display: flex;align-items: center;position: relative;margin: 0 0 0 0;background: var(--c-gray-light);padding: 20px 30px;border-radius: 10px;}
.page-header .content {display: flex; align-items: flex-start; margin: 0 auto; width: 100%; max-width: 1400px; flex-wrap: wrap; }
.page-header {}
.page-header h1 {font-weight: 300;font-size: 32px;margin: 0;line-height: 1;text-transform: uppercase;line-height: 64px;}

.error-404 .page-header { background: none; display: block; }
.error-404 .page-header h1 { text-transform: none; font-weight: 400; color: var(--c-main); }
.error-404 .page-header h1.large { font-size: 120px; font-weight: 700; }

.page-header {}
.page-header.no-bg {background: none;padding: 0;margin: 20px 0 30px 0;}
.page-header.no-bg h1 {margin: 0;/* font-size: 23px; */}

@media (max-width: 1200px) {
  .page-header {}
}

@media (max-width: 991px) {
  .page-header {}
  .page-header h1 {margin: 0;line-height: 1;font-size: 28px;}
}

@media (max-width: 767px) { 
  .page-header {}
  .page-header.no-bg h1 { font-size: 20px; }
}

#primary  {padding: 40px 50px;padding: 30px 0;/* max-width: 1500px; */margin: 0 auto;display: grid;grid-template-columns: repeat(3,1fr);grid-column-gap: 40px;}

#primary .sidebar {}
#primary .main {/* grid-column: span 2; */background: #fff;/* box-shadow: 0 0 20px -16px var(--c-main); */border-radius: 20px;padding: 40px;position: relative;}
#primary .main.full {grid-column: span 3;background: none;box-shadow: none;padding: 0;}
#primary .main.full.has-bg {background: #fff; padding: 40px; border-radius: 20px; box-shadow: 0 0 20px -16px var(--c-main); }
#primary.normal-width-page { display: block; max-width: 960px; grid-column: span 3; }
#primary.revision {grid-template-columns: repeat(2,1fr);padding: 0 20px;max-width: 1440px;}
#primary.revision .main {grid-column: span 1;}

#primary .main.groups-cards {}
#primary .main.groups-cards > h1 {position: relative; padding: 0 170px 0 0; position: relative; }
#primary .main.groups-cards > h1 .new-group {text-decoration: none; font-weight: 400; margin: 0 0 30px 0; display: inline-block; font-size: 16px; margin: 0 0 0 auto; position: absolute; top: 11px; right: 0; }
#primary .main.groups-cards > h1 .new-group::after {content:"\e910";width: 40px;height: 40px;background: var(--c-main);display: inline-block;border-radius: 50%;text-align: center;vertical-align: top;margin: -9px 0 0 10px;color: #fff;font-family: icomoon;line-height: 40px;}

.tab-pane .new-group {text-decoration: none;font-weight: 400;margin: 0 0 30px 0;display: inline-block;font-size: 16px;margin: 0 0 0 auto;}
.tab-pane .new-group::after {content:"\e910";width: 40px;height: 40px;background: var(--c-main);display: inline-block;border-radius: 50%;text-align: center;vertical-align: top;margin: -9px 0 0 10px;color: #fff;font-family: icomoon;line-height: 40px;}

#primary.page-with-sidebar {}
#primary.page-with-sidebar .main {}
#primary.page-with-sidebar .sidebar {grid-column: span 1;background: #fff;box-shadow: 0 0 20px -16px var(--c-main);border-radius: 20px;padding: 40px;position: relative;}


.profile-box {display: flex; align-items: center; margin: 0 0 30px 0; }
.profile-box img {border-radius: 50%;max-width: 40px;margin: 0 10px 0 0;border: solid 1px var(--c-gray);padding: 2px;}
.profile-box .text {line-height: 1.2;color: var(--c-gray);font-size: 13px;}
.profile-box .text strong {font-weight: 500; }
.profile-links {list-style: none; padding: 0; margin: 0; font-size: 15px; }
.profile-links li {padding: 16px 0px;margin: 0;line-height: 1;border-bottom: solid 1px var(--c-gray-lighter);}
.profile-links li:last-child {border:none}
.profile-links li a {text-decoration: none;color: var(--c-gray);display: flex;align-items: center;}
.profile-links li a.active {color:var(--c-main); font-weight:500}
.profile-links li a i { margin: 0 12px 0 0; font-size: 19px; }
.profile-links li a:hover {color:var(--c-main); font-weight:500}


.sidebar .exam-stats { padding: 0; text-align: left; margin: 60px 0 0 0; text-align: center; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px; }
.sidebar .exam-stats h2 { /* font-size: 20px; */ grid-column: span 2; margin: 0; }
.sidebar .exam-stats > div { margin: 0; text-align: center; }
.sidebar .exam-stats > div .c100 {margin: 0 auto;}
@media (max-width: 1200px) {
  #primary {grid-template-columns: repeat(1,1fr); display:block;}
  #primary.subject-list-main {padding: 20px 40px;padding: 20px 0;}
  #primary .page-header {grid-column:span 1;flex-wrap: wrap;margin: 0 0 0 0;}
  #primary .page-header.no-bg { margin: 30px 0 20px 0; }
  .page-header.no-bg .filter .fieldWrap .facetwp-facet {text-align:left}
  .page-header.no-bg .filter .fieldWrap .facetwp-facet .facetwp-alpha {margin: 0 10px 0 0;}
  
  #primary .sidebar {order: 2;/* display: none; */}
  #primary .sidebar {display:none}
  #primary.page-with-sidebar .sidebar { display: block; margin: 20px 0 0 0; }
  #primary .main {grid-column: auto;}
  #primary.single-card-main .main {margin: 0 0 0 0;}
  #primary.single-card-main .main.full {margin: 0;}
  #primary .main.full {padding:0;grid-column: span 1;}
}
@media (max-width: 991px) {

}

@media (max-width: 767px) {
  #primary {padding: 20px 0;padding: 0;display: block;}
  #primary.normal-width-page {/* margin: 0 -20px; *//* margin: 20px 0; */}
  
  .page-template-template-minimal body #primary {padding:30px 0}
  #primary .main {/* margin: 0 -20px; */padding: 40px 20px;border-radius: 0;box-shadow: none;}
  #primary .main.full {grid-column:span 1;}
  #primary .main.full.has-bg { /* margin: 0 -20px; */ padding: 40px 20px; border-radius: 0; }
  #primary .main.full .main {margin: 0;}
  
  #primary.single-card-main .main {margin: 0 -20px 30px -20px;border-radius: 0;padding: 40px  20px;}
  #primary.single-card-main .main.full {padding: 20px;}
  #primary.subject-list-main {padding: 0; }
  .page-header {padding: 20px;margin: 0;border-radius: 0;}

  #primary.page-with-sidebar .sidebar {padding: 20px;border-radius: 0;}
  #primary.page-with-sidebar .main {border-radius: 0;}
  
}

.links-view .listing {grid-template-columns: repeat(2,1fr);gap: 30px;}
.links-view .listing .item .author {margin:0}

.listing {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 20px;margin: 0 0 40px 0;}
.listing.cols-3 { grid-template-columns: repeat(3, 1fr); }
.listing .item {background: #fff;padding: 25px;border-radius: 20px;/* box-shadow: 0 0 20px -16px var(--c-main); */font-size: 13px;display: flex;flex-direction: column;transition: all 0.3s;overflow: hidden;}
.listing .item:hover {/* box-shadow: 0 0 20px -7px var(--c-main); */}
.listing .item .name {color: #000;font-weight: 400;font-size: 18px;text-decoration: none;display: block;margin: 0 0 5px 0;}
.listing .item .name:last-child {margin:0}
.listing .item .author {/* color: #777; */flex-grow: 1;margin: 10px 0 0 0;}
.listing .item .author:last-child {margin:0}
.listing .item .author strong {}
.listing .item .actions {display: flex;align-items: center;/* border-top: solid 2px #eee; */margin: 12px 0 0 0;}
.listing .item .actions .link {margin: 0 20px 0 0;text-decoration: none;line-height: 1;display: flex;align-items: center;}
.listing .item .actions .link::before {content:"";font-family: icomoon;font-size: 14px;margin: 0 7px 0 0;vertical-align: top;display: inline-block;background: var(--c-main);color: #fff;width: 27px;width: 27px;line-height: 27px;text-align: center;border-radius: 50%;/* margin: 0; */}
.listing .item .actions .link:hover::before {background:var(--c-main-dark)}
.listing .item .actions .link.edit::before {content:"\e969";}
.listing .item .actions .link.review::before {content:"\e493";font-family: 'font awesome 6 pro';font-weight: 600;padding: 0 0 0 2px;}
.listing .item .actions .link.delete::before {content:"\e915";}
.listing .item .actions .link.list::before {content:"\f03a";font-family: "Font Awesome 6 Pro";font-weight: 900;font-size: 13px;}
.listing .item .actions .status {margin: 0 0 0 auto;display: flex;align-items: center;font-size: 12px;white-space: nowrap;}
.listing .item .actions .status > span {font-weight: 400;font-size: 12px;margin: 0;}
.listing .item .actions .status strong {font-weight: 500; margin: 0 3px 0 0; }
.listing .item .actions .status span {}


.listing .item.active {box-shadow: 0 0 20px -16px var(--c-main), 0 0 0 2px var(--c-main);}
.listing .item .share.favorites {display: flex; align-items: center; margin: 10px 0 0 0; }
.listing .item .share.favorites .share {position: relative; }
.listing .item .share.favorites .share span {cursor: pointer; }
.listing .item .share.favorites .share span::before {content: "\e90b"; font-family: "icomoon"; margin: -1px 5px 0 0; font-size: 15px; vertical-align: top; display: inline-block; }
.listing .item .share.favorites .share .popup {display:none;position: absolute;top: -58px;left: -16px;background: var(--c-main);padding: 8px 13px;width: auto;white-space: nowrap;}
.listing .item .share.favorites .share.open .popup {display:block;}
.listing .item .share.favorites .share .popup::before {content:"";width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: var(--c-main) transparent transparent transparent;position: absolute;bottom: -9px;left: 13px;}
.listing .item .share.favorites .share .popup a {color: #fff;font-size: 19px;margin: 0 14px 0 0 !important;position: relative;transition: all 0.3s;transform: scale(1);display: inline-block !important;}
.listing .item .share.favorites .share .popup a:last-child {margin: 0 !important;}
.listing .item .share.favorites .share .popup a i {}
.listing .item .share.favorites .share .popup a:hover {transform: scale(1.5);}
.listing .item .share.favorites .save {margin: 0 0 0 auto; color: #000; text-decoration: none; }
.listing .item .share.favorites .save::before {content: "\e90c"; font-family: "icomoon"; margin: -1px 5px 0 0; font-size: 15px; display: inline-block; vertical-align: top; }
.listing .item .share.favorites .save.active::before {content:"\e948"}


.listing .item.company {display: flex; flex-direction: column; position: relative; }
.listing .item.company .banner {position: relative; margin: -25px -25px 20px -25px; }
.listing .item.company .banner .header {}
.listing .item.company .banner .logo {position: absolute; top: 20px; left: 20px; max-width: 110px; width: 100%; width: auto; max-height: 40px; }
.listing .item.company .text {display: flex; flex-direction: column; align-items: flex-start; flex-grow: 1; }
.listing .item.company .text .name {}

.listing .item.company-linked-card { padding: 0; flex-direction: row; align-items: flex-start; border-radius: 0; }
.listing .item.company-linked-card .name { position: relative; padding: 0 0 0 30px; display: flex; flex: 1; text-decoration: none; align-items: center; color: var(--c-gray-normal); position: relative; padding: 0 0 0 24px; font-weight: 300; font-size: 16px; }
.listing .item.company-linked-card .name:before {content: "\e968";font-family: "icomoon";color: #01888a !important;font-size: 18px;opacity: 0.6;position: absolute;left: 0;top: -2px;}
.listing .item.company-linked-card .name:hover { color: #000; }
.listing .item.company-linked-card .name:hover:before {/* content:""; */opacity: 1;}

.listing .item .text .posts {/* display:flex; *//* flex-direction: column; */max-width: 100%;flex-grow: 1;}
.listing .item .text .posts a {line-height: 1.1;margin: 0 0 8px 0;font-size: 14px;font-weight: 300;text-decoration: none;display: block;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;/* display: flex; *//* align-items: center; */}
.listing .item .text .posts a:hover {color: var(--c-main);font-weight:500}
.listing .item .text .posts a::before {content: "\f15b";font-family: 'font awesome 6 pro';font-weight: 900;opacity: 0.2;margin: 0 6px 0 0;font-size: 19px;min-width: 18px;display: inline-block;text-align: center;}
.listing .item .text .posts a.company-news::before {content: "\f15b";}
.listing .item .text .posts a.company-shop::before {content: "\f02b";}
.listing .item .text .posts a.company-event::before {content: "\f073";}
.listing .item .text .posts a.company-webinar::before {content: "\f04b";}
.listing .item .text .posts a:hover::before {opacity:1}

.listing .item.company .actions {border: none; position: absolute; top: 15px; right: 20px; padding: 0; margin: 0; }
.listing .item.company .spacer {flex-grow: 1; min-height: 15px; }
.listing .item.company .actions .link {margin: 0 0 0 20px; font-size: 0; }
.listing .item.company .actions .link::before {margin: 0; vertical-align: top; width: 35px; height: 35px; line-height: 35px; }

.listing.table-listing {grid-template-columns: repeat(1,1fr);grid-gap: 0;}
.listing.table-listing .table-header {display: grid;grid-template-columns: 45px calc(55% - 45px) 10% 10% 10% 15%;}
.listing.table-listing .table-header > div {padding: 10px 15px;background: var(--c-main-light);color: #fff;font-size: 14px;font-weight: 500;}
.listing.table-listing .table-header > div.list-card-language {padding-right:0}
.listing.table-listing .table-header > div.list-card-actions {text-align: right;}
.listing.table-listing .item {padding: 0;background: none;display: grid;grid-template-columns: 45px calc(55% - 45px) 10% 10% 10% 15%;) 10% 10% 10% 15%;) 10% 10% 10% 15%;) 10% 10% 10% 15%;) 10% 10% 10% 15%;) 10% 10% 10% 15%;box-shadow: none;border-radius: 0;align-items: center;overflow: visible;}
.listing.table-listing .item:nth-child(2n +1) {}
.listing.table-listing .item:nth-child(2n) {background: rgb(255 255 255 / 0.5);}
.listing.table-listing .item > div {padding: 10px 15px;}
.listing.table-listing .item > div.list-card-actions {white-space: nowrap; }

.listing.table-listing .item > div.list-card-language {align-self:flex-start;padding-right: 0;}
.listing.table-listing .item > div.list-card-language .label { background: var(--c-gray-light); padding: 7px 8px; display: inline-block; line-height: 1; font-size: 11px; text-transform: uppercase; color: var(--c-gray-dark); margin: 0 7px 0 0; border-radius: 3px; vertical-align: top; }


.listing.table-listing .item > div.list-card-title {}
.listing.table-listing .item > div.list-card-title .name {margin: 0 0 0 0;font-size: 15px;position: relative;padding: 0;}
.listing.table-listing .item > div.list-card-title .name + .subject-wrap {margin-top:5px}

.listing.table-listing .item > div.list-card-status {}
.listing.table-listing .item > div.list-card-status .actions {justify-content: flex-start;}
.listing.table-listing .item > div .actions {padding: 0;margin: 0;border: none;text-align: right;display: flex;justify-content: flex-end;}
.listing.table-listing .item > div .actions > * {order:1;margin: 0 0 0 8px;}
.listing.table-listing .item > div .actions > *:first-child {/* margin-left:0; */}
.listing.table-listing .item > div .actions .status {margin: 0;order: 0;display: block;text-align: left;padding: 0 0 0 14px;position: relative;}
.listing.table-listing .item > div .actions .status::before { display: block; position: absolute; left: 0; top: 5px; }
.listing.table-listing .item > div.list-card-modules {}
.listing.table-listing .item > div.list-card-modules .subject-wrap {overflow: auto;}


.listing.table-listing .item > div.list-card-modules .subject-wrap::-webkit-scrollbar {height: 2px;}
.listing.table-listing .item > div.list-card-modules .subject-wrap::-webkit-scrollbar-thumb {background-color: #999; border-radius: 6px; }
.listing.table-listing .item > div.list-card-modules .subject-wrap::-webkit-scrollbar-thumb:hover {background-color: #999;}
.listing.table-listing .item > div.list-card-modules .subject-wrap::-webkit-scrollbar-thumb:active {background-color: #999;}

.listing.table-listing .item > div.list-card-modules .subjects {margin: 5px 10px 5px 0;background: rgb(255 255 255 / 30%);}


.listing.webinars { grid-template-columns: repeat(3,1fr); }
.listing.webinars .item { position: relative; min-height: 300px; background: url(/wp-content/themes/wizdom-me/images/webinar-bg.png) center center no-repeat; background-size: cover; }
.listing.webinars .item::after {content:"";background: rgb(95,95,95);background: linear-gradient(180deg, rgba(95,95,95,0.2) 0%, rgba(95,95,95,1) 80%);position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 9;pointer-events: none;}

.listing.webinars .item .btn.play { width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 11; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; font-size: 36px; border: solid 5px #fff; background: rgb(255 255 255 / 50%); color: var(--c-main); padding: 0 0 0 3px; transform: translate3d(-50%, -50%, 0); transition: all 0.5s; }
.listing.webinars .item .btn.play:hover { background: var(--c-main); color: #fff; border-color: var(--c-main); }
.listing.webinars .item .btn.play i { }
.listing.webinars .item .ce-credits {position: absolute;left: 0;top: 0;z-index: 11;top: 25px;left: 25px;opacity: 1;background: var(--c-main);color: #fff;width: 50px;height: 50px;border-radius: 50%;text-align: center;line-height: 50px;font-weight: 700;font-size: 18px;letter-spacing: -1px;padding: 0;}
.listing.webinars .item .ce-credits.ten {padding: 9px 0 0 0;font-size: 20px;line-height: 1;}
.listing.webinars .item .ce-credits.ten span {font-size: 55%;top: -8px;position: relative;}
.listing.webinars .item .text {position: absolute;bottom: 0;left: 0;right: 0;padding: 25px;z-index: 10;color: #fff;}
.listing.webinars .item .text .date { display: flex; align-items: center; margin: 0 0 6px 0; }
.listing.webinars .item .text .date strong { background: #EA0E0E; padding: 3px 11px; margin: 0 10px 0 0; border-radius: 5px; text-transform: uppercase; font-weight: 600; font-size: 11px; }
.listing.webinars .item .text .date.offline strong { background: rgb(255 255 255 / 60%);   color: #333; text-transform: none; }
.listing.webinars .item .text .date span { font-size: 14px; }
.listing.webinars .item .text .date span br {display:none;}
.listing.webinars .item .text .name {color: #fff;font-size: 20px;margin: 0 0 15px 0;line-height: 1.2;font-weight: 600;}
.listing.webinars .item .text .speaker {display: flex;align-items: center;max-width: calc(100% - 110px);width: 100%;}
.listing.webinars .item .text .speaker .photo {margin: 0;display: flex;}
.listing.webinars .item .text .speaker .photo .img {background: #fff;border-radius: 50%;margin: 0 10px 0 0;}
.listing.webinars .item .text .speaker .photo .img img {max-width: 50px;border-radius: 50%;}
.listing.webinars .item .text .speaker .speaker-name {font-weight: 400;line-height: 1.2;}
.listing.webinars .item .text .speaker .speaker-name span {font-weight: 300;opacity: 0.8;}

.listing.webinars .item .text .sponsor { position: absolute; right: 25px; bottom: 25px; min-height: 50px; background: #fff; display: flex; align-items: center; padding: 10px; border-radius: 5px; }
.listing.webinars .item .text .sponsor:empty {display:none}
.listing.webinars .item .text .sponsor img {max-width: 90px;max-height: 40px;}

.subject-wrap {/* flex-wrap: nowrap; */margin: 0 0 25px 0;padding: 0;display: flex;align-items: center;}
.subject-wrap .subject-container {/* display: flex; *//* max-width: calc(100% - 0px); */width: calc(100% - 0px);margin: 0;/* overflow: hidden; *//* white-space: nowrap; */display: flex;flex-wrap: wrap;}

.subject-wrap .open-all {display: flex;margin: 0 0 0 auto;line-height: 1;position: relative;font-size: 19px;font-weight: 300;padding: 0;cursor: pointer;align-items: center;}
.subject-wrap .open-all i { background: var(--c-gray-lighter); width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; font-size: 16px; margin: 0 0 0 10px; }
.subject-wrap .open-all i:hover {background:var(--c-main); color:#fff;}

.subject-wrap .subjects {}
.subject-wrap .subjects {background: #fff;display: inline-block;align-items: center;padding: 5px 10px;/* align-self: flex-start; */margin: 0px 10px 0 0;border-radius: 5px;line-height: 1;position: relative;border: solid 1px #ddd;font-size: 12px;flex: 0 0 auto;}  
.subject-wrap .subjects:hover {background:var(--c-gray);color:#fff;border: solid 1px var(--c-gray);}
.subject-wrap .subjects:hover > span {color:#fff;}
.subject-wrap .subjects:hover > span i {color:#fff;}


.aa-Item .subject-wrap .subjects {background: none;border: none;padding: 0;margin: 3px 0 3px 0;display: block;flex: 0 1 100%;}
.aa-Item .subject-wrap .subjects > span {display: flex;align-items: center;}
.aa-Item .subject-wrap .subjects > span span {/* order:2; */margin: 0;}
.aa-Item .subject-wrap .subjects > span:hover span, .aa-Item .subject-wrap .subjects > span:hover em, .aa-Item .subject-wrap .subjects > span:hover i {color:var(--c-main)}
.aa-Item .subject-wrap .subjects > span .separator {background: none; color: #000; margin: 0 4px; width: auto; font-size: inherit; color: inherit; height: auto; line-height: 1; }
.aa-Item .subject-wrap .subjects > span i {}
.aa-Item .subject-wrap .subjects > span i {display: inline-block !important;/* order: 1; */font-size: 15px !important;line-height: 1 !important;}
.subject-wrap .subjects:last-child {margin-right:0}
.subject-wrap .subjects > a {color: #888;text-decoration: none;line-height: 1;white-space: nowrap;display: inline-flex;align-items: center;}
.subject-wrap .subjects > a i {margin: 0 7px 0 0;vertical-align: middle;display: inline-block;color: #ccc;height: 12px;}
.subject-wrap .subjects > a i.icon-layers {font-size: 12px;}
.subject-wrap .subjects > a i.icon-layers {}
.subject-wrap .subjects > a:hover {color:#000}
.subject-wrap .subjects > a:hover i {color: var(--c-main-light);}
.subject-wrap .subjects > a em {font-style:normal;background: #ccc;color: #fff;width: 16px;height: 16px;display: inline-block;text-align: center;line-height: 16px;border-radius: 50%;font-size: 10px;vertical-align: middle;margin: -1px 0 -1px 4px;}
.subject-wrap .subjects > a:hover em {background: var(--c-main-light);}

.subject-wrap .subjects > span {color: #888;text-decoration: none;line-height: 1;}
.subject-wrap .subjects > span span {margin: 0 15px 0 0; vertical-align: middle; }
.subject-wrap .subjects > span span:last-child {margin:0}
.subject-wrap .subjects > span a { text-decoration: none; color: inherit; }
.subject-wrap .subjects > span i {margin: 0 8px 0 0;vertical-align: top;display: inline-block;color: #ccc;}
.subject-wrap .subjects > span i.icon-layers {font-size: 14px;}
.subject-wrap .subjects > span:hover {/* color:var(--c-main); */}
.subject-wrap .subjects > span em {font-style:normal;background: #ccc;color: #fff;width: 16px;height: 16px;display: inline-block;text-align: center;line-height: 16px;border-radius: 50%;font-size: 10px;vertical-align: top;margin: 0px 0 0 4px;}

.subject-wrap .subjects .other-subjects {display: none; }
.subject-wrap .subjects:hover .other-subjects {display:block;position: absolute;top: 29px;left: 0;background: var(--c-gray-light);/* width: 100%; */padding: 5px 10px;border-radius: 5px;z-index: 1000;min-width: 100%;}
.subject-wrap .subjects:hover .other-subjects::before {content:""; display:block;height: 8px;position: absolute;top: -4px;width: 100%;left: 0;}
.subject-wrap .subjects .other-subjects .subject {padding: 4px 0;white-space: nowrap;display: block;color: #888;text-decoration: none;}
.subject-wrap .subjects .other-subjects .subject:hover {color:var(--c-main)}





.paging {}
.paging ul.page-numbers {display: flex;align-items: center;list-style: none;padding: 0;margin: 0;width: 100%;justify-content: center;}
.paging ul.page-numbers li {}
.paging ul.page-numbers li .page-numbers {width: 40px;height: 40px;text-align: center;line-height: 40px;display: block;font-size: 14px;text-decoration: none;color: #000;}
.paging ul.page-numbers li .page-numbers.current {background: var(--c-main);color: #fff;border-radius: 50%;}
.paging ul.page-numbers li .page-numbers.next {font-size: 0;width: auto;}
.paging ul.page-numbers li .page-numbers.next::before {content: "\e911";font-family: icomoon;font-size: 16px;}
.paging ul.page-numbers li .page-numbers.prev {font-size: 0;width: auto;}
.paging ul.page-numbers li .page-numbers.prev::after {content: "\e912";font-family: icomoon;font-size: 16px;}



.pagination {}
.pagination {display: flex;align-items: center;list-style: none;padding: 0;margin: 0;width: 100%;justify-content: center;}
.pagination .page-numbers {width: 40px;height: 40px;text-align: center;line-height: 40px;display: block;font-size: 14px;text-decoration: none;color: #000;}
.pagination .page-numbers.current {background: var(--c-main);color: #fff;border-radius: 50%;}
.pagination .page-numbers.next {font-size: 0;width: auto;}
.pagination .page-numbers.next::before {content: "\e911";font-family: icomoon;font-size: 16px;}
.pagination .page-numbers.prev {font-size: 0;width: auto;}
.pagination .page-numbers.prev::after {content: "\e912";font-family: icomoon;font-size: 16px;}




.fixed-buttons {position: fixed;bottom: 20px;right: 85px;z-index: 100003;}
.update-card {background: var(--c-main);height: 60px;border-radius: 15px;color: #fff !important;text-align: center;line-height: 60px;font-size: 24px;text-decoration: none;font-size: 15px;padding: 0 24px;display: inline-block;}
.update-card:hover {background: var(--c-main-dark);}
.update-card i {font-size: 24px;margin: 17px 10px 0 0;vertical-align: top;}
.edit-chat {display: inline-block;margin: 0 0 0 10px;}

/*.edit-card + .fixed-buttons > .edit-chat {display: none;}*/

.view-annotation {background: var(--c-main);height: 50px;border-radius: 15px;color: #fff !important;text-align: center;line-height: 50px;font-size: 24px;text-decoration: none;font-size: 15px;padding: 0 24px;display: inline-block;}
.view-annotation:hover {background: var(--c-main-dark)}
.view-annotation i {font-size: 24px;margin: 13px 10px 0 0;vertical-align: top;}

.edit-chat .chat-btn {background: var(--c-main);height: 60px;border-radius: 15px;color: #fff !important;text-align: center;line-height: 60px;font-size: 24px;text-decoration: none;font-size: 15px;padding: 0 24px;display: inline-block;margin: 0 0 0 6px;position: relative;}
.edit-chat .chat-btn.active::after {content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; position: absolute; top: -31px; left: 50%; transform: translateX(-50%); z-index: 1000; }
.edit-chat .chat-btn:hover {background: var(--c-main-dark);}
.edit-chat .chat-btn i {font-size: 24px;margin: 17px 10px 0 0;vertical-align: top;}
.edit-chat .chat-popup {display: none;position: absolute;background: #fff;right: 0;bottom: 90px;padding: 0;border-radius: 10px;box-shadow: 0 0 17px -9px var(--c-main);min-width: 450px;}
.edit-chat .chat-popup iframe {width:100%}
.edit-chat .chat-popup.open {display: block; }
.edit-chat .chat-popup.open::after {}
.edit-chat .chat-popup iframe {}

.edit-chat .notifications-btn {background: var(--c-main);height: 60px;border-radius: 15px;color: #fff !important;text-align: center;line-height: 60px;font-size: 24px;text-decoration: none;font-size: 15px;padding: 0 24px;display: inline-block;margin: 0 0 0 6px;}
.edit-chat .notifications-btn:hover {background: var(--c-main-dark);}
.edit-chat .notifications-btn i {font-size: 24px;margin: 17px 10px 0 0;vertical-align: top;}

.edit-chat .msg-popup {display: none; position: absolute; background: #fff; right: 0; bottom: 90px; padding: 0; border-radius: 10px; box-shadow: 0 0 17px -9px var(--c-main); min-width: 450px; }
.edit-chat .msg-popup.open {display: block; }
.edit-chat .msg-popup.open::after {content:"";width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #fff  transparent transparent transparent;position: absolute;bottom: -10px;right: 47px;}



@media (max-width: 767px) { 
.edit-chat {margin: 0;}
.edit-chat .chat-popup {min-width: auto;left: 0;right: 0;bottom: 85px;}
.edit-chat .chat-btn.active::after {top: -25px; }
}

.dictionary {border-bottom: dotted 1px #000;font-weight: 500;}
.dictionary > i {font-size: 14px;opacity: 1;margin: 0px 0px 0px 5px;box-shadow: 0px 5px 0px 0px #fff, -5px 2px 0px 0px #fff;z-index: 10;position: relative;color: #bbb;top: 1px;}

.card-tt {border-bottom: dotted 1px #000;font-weight: 500;}
.card-tt i {font-size: 14px;opacity: 1;margin: 0 0 0 5px;box-shadow: 0px 5px 0px 0px #fff, -5px 2px 0px 0px #fff;z-index: 10;position: relative;color: #bbb;top: 1px;}

.source {border-bottom: dotted 1px #000;font-weight: 500;}
.source i {font-size: 14px;opacity: 1;margin: 0 0 0 5px;box-shadow: 0px 5px 0px 0px #fff, -5px 2px 0px 0px #fff;z-index: 10;position: relative;color: #bbb;top: 1px;}

.single-card {font-size: 15px;}
.single-card .top {display: flex;margin: 0 0 30px 0;}
.single-card .top .text {flex: 1;position: sticky;top: 40px;}
.single-card .top .text h1 {font-weight: 400;font-size: 26px;margin: 0 0 0 0;display: flex;flex-wrap: wrap;align-items: center;/* These are technically the same, but use both */overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;padding: 0 310px 0 0px;}
.single-card .top .text h1 > strong {font-weight:400;}
.single-card .top .text p {}
.single-card .top .text p:last-child {margin:0}
.single-card .top .text p small {opacity: 0.7;font-size: 13px;}
.single-card .top .actions {margin: 0;vertical-align: middle;display: inline-flex;align-items: center;float: right;position: absolute;top: 3px;right: 0;}
.single-card .top .actions > a {margin: 0 0 0 10px;}
.single-card .top .actions > a.review-card {}
.single-card .top .actions > a.review-card i {font-size: 17px; padding: 0 0 0 3px; }
.single-card .top .actions > a.annotate-card {}
.single-card .top .actions > a.annotate-card i {font-size: 17px; padding: 0 0 0 3px; }
.single-card .top .actions > a > i {}
.single-card .top .actions > a > i:hover, .single-card .top .actions > span > i:hover {}

.single-card .top .actions .actions-trigger {}
.single-card .top .actions .actions-trigger i {cursor: pointer; background: #c0c0c2; border-radius: 50%; color: #fff; text-decoration: none; width: 34px; height: 34px; display: inline-block; text-align: center; line-height: 34px; font-size: 16px; }
.single-card .top .actions .actions-dropdown {background: #fff; box-shadow: 0 0 20px 0 rgb(83 43 136 / 10%); padding: 20px; position: absolute; top: 50px; right: -20px; min-width: 220px; border-radius: 10px; z-index: 20; display: none; }
.single-card .top .actions.active .actions-dropdown {display:block}
.single-card .top .actions .actions-dropdown::after {content: ""; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; position: absolute; top: -9px; right: 26px; }
.single-card .top .actions .actions-dropdown a {display: block; color: #000; text-decoration: none; text-align: right; font-size: 14px; padding: 3px 0; }
.single-card .top .actions .actions-dropdown a:hover {color:var(--c-main);font-weight: 500;}

.single-card .top h1 .card-history {position:relative;margin: 0 10px 0 0;}



@media (max-width: 991px) { 
    .single-card .top .text h1 {padding: 0;}
    .single-card .top .text h1 > strong { order: 2; flex: 0 1 100%; }
    .single-card .top .text h1 .actions {position: relative;top: auto;right: auto;order: 0;flex: 0 1 100%;margin: 0 0 0 0;padding: 0 0 12px 0;max-width: 100%;}
}
@media (max-width: 767px) { 
    .single-card .top .text h1 {position: relative;padding: 0;margin: 10px 0 0 0;font-size: 22px;}
}

.single-card h1 .actions {}
.single-card h1 .actions .card-history-trigger {background: var(--c-gray-lighter);background-position: center center;width: 100%;display: block;border-radius: 10px;font-size: 15px;cursor: pointer;position: relative;z-index: 10;width: 35px;height: 35px;border-radius: 50%;}
.single-card h1 .actions .card-history-trigger:hover {background:var(--c-main); color:#fff;}
.single-card h1 .actions.opened .card-history-trigger::before {transform: rotate(180deg); }
.single-card h1 .actions .card-history-trigger::before {content:"\F11B";font-family: icomoon;display: block;width: 35px;height: 35px;font-weight: 600;text-align: center;line-height: 35px;font-size: 12px;transform: rotate(0deg);transform-origin: center;transition: all 0.3s;}
.single-card h1 .actions .card-history-trigger i {font-size: 24px; font-weight: 600; }
.single-card h1 .actions.opened .card-history-trigger {}
.single-card h1 .actions .history-back {border: none;width: 35px;height: 35px;line-height: 35px;border-radius: 50%;font-size: 16px;margin: 0 10px 0 0;padding: 0;background: var(--c-gray-lighter);}
.single-card h1 .actions .history-back i {height: 30px;line-height: 30px;}
.single-card h1 .actions .history-back:hover {background:var(--c-main); color:#fff;}
.single-card h1 .actions .history-back.disabled {opacity: 0.4;pointer-events: none;cursor: none;}
.single-card h1 .actions .card-history-dropdown {padding: 17px 20px;background: var(--c-gray-lighter);border-radius: 10px;/* box-shadow: 0 -13px 0 0 #f2f2f2, 0px 5px 11px -5px rgb(0 0 0 / 15%); *//* box-shadow: 0 0 20px 0 rgb(83 43 136 / 30%); */font-size: 15px;display: none;}
.single-card h1 .actions.opened .card-history-dropdown {display:block;position: absolute;left: 50%;top: 45px;z-index: 11;min-width: 370px;transform: translateX(-50%);margin: 0;}
.single-card h1 .actions.opened .card-history-dropdown::before {content: "";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent var(--c-gray-lighter) transparent;position: absolute;top: -9px;left: 50%;transform: translateX(-50%);}
.single-card h1 .actions .card-history-dropdown .card-history-item {display: flex;align-items: flex-start;padding: 7px 0;line-height: 1.1;}
.single-card h1 .actions .card-history-dropdown .card-history-item .card-list-item {cursor: pointer;}
.single-card h1 .actions .card-history-dropdown .card-history-item.active .card-list-item {font-weight:600;}
.single-card h1 .actions .card-history-dropdown .card-history-item .pin-card-history {margin: 0 0 0 auto;color: #aaa;cursor: pointer;padding: 0 0 0 10px;}
.single-card h1 .actions .card-history-dropdown .card-history-item .pin-card-history i {}
.single-card h1 .actions .card-history-dropdown .card-history-item .pin-card-history.pinned-card i {color:var(--c-main)}
.single-card h1 .actions .card-history-dropdown .card-history-item .pin-card-history i:hover {color:var(--c-main)}
.single-card h1 .actions .card-history-dropdown .card-history-item .card-list-item:hover {color:var(--c-main)}
.single-card h1 .actions .quiz-trigger {border: none;/* width: 30px; */height: 35px;line-height: 35px;text-align: center;border-radius: 20px;font-size: 14px;margin: 0;padding: 0 15px;background: var(--c-main);color: #fff;cursor: pointer;text-decoration:none;display: inline-flex;align-items: center;}
.single-card h1 .actions .quiz-trigger:hover {background:var(--c-main-dark);}
.single-card h1 .actions .quiz-trigger i {/* height: 30px; *//* line-height: 30px; */margin: 0 7px 0 0;}
.single-card h1 .actions .quiz-trigger span { font-size: 12px; }

#partner-filter {position: relative;margin: 0px 0 0 7px;display: inline-block;vertical-align: top;}
#partner-filter .filter-select-trigger {background: #f2f2f2;background-position: center center;width: 100%;display: block;border-radius: 10px;font-size: 15px;cursor: pointer;position: relative;z-index: 10;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;}
#partner-filter .filter-select-trigger::before {content: "\e93a"; font-family: icomoon;}
#partner-filter .filter-select-dropdown {padding: 21px 20px;background: #f2f2f2;border-radius: 10px;box-shadow: 0 -13px 0 0 #f2f2f2, 0px 5px 11px -5px rgb(0 0 0 / 15%);box-shadow: 0 0 20px 0 rgb(83 43 136 / 30%);font-size: 15px;display: none;}
#partner-filter.opened .filter-select-dropdown {display:block;position: absolute;left: 50%;top: 50px;z-index: 11;min-width: 370px;transform: translateX(-50%);}
#partner-filter.opened .filter-select-dropdown::before {content: "";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #f4effa transparent;position: absolute;top: -9px;left: 50%;transform: translateX(-50%);}
.partner-form-check {margin: 0 0 14px 0;}

.single-card .top .text h1 .share.favorites {width: 35px;height: 35px;display: inline-flex;align-items: center;margin: 0 10px 0 0;line-height: 1;vertical-align: middle;cursor: pointer;}
.single-card .top .text h1 .share.favorites span {background: var(--c-gray-lighter);display: block;width: 35px;height: 35px;border-radius: 50%;line-height: 35px;font-size: 14px;text-align: center;}
.single-card .top .text h1 .share.favorites span:hover {background:var(--c-main); color:#fff;}
.single-card .top .text h1 .share.favorites a {display: flex;cursor: pointer;position: relative;text-decoration: none;color: #000;vertical-align: top;height: 30px;line-height: 30px;align-items: center;justify-content: center;}
.single-card .top .text h1 .share.favorites a span {display: block;line-height: 1;font-size: 22px;margin: -2px 0 0 0;}

.single-card .top .text h1 .toggle-blocks { width: 35px; height: 35px; display: inline-flex; align-items: center; margin: 0 10px 0 0; line-height: 1; vertical-align: middle; cursor: pointer; background: var(--c-gray-lighter); border-radius: 50%; justify-content: center; }
.single-card .top .text h1 .toggle-blocks::before {content:"";font-family: 'Font Awesome 6 Pro';font-weight: 300;font-size: 15px;}
.single-card .top .text h1 .toggle-blocks.expand::before {content:"\e0a0";}
.single-card .top .text h1 .toggle-blocks.collapse::before {content:"\e092"}

.partner-form-check input {display: none;}
.partner-form-check input + label {position: relative;padding: 0 0 0 27px;font-weight: 300;display: block;line-height: 1;}
.partner-form-check input + label::before {content: "";width: 20px;height: 20px;position: absolute;display: block;left: 0;top: -3px;background: #f8f8f8;box-shadow: 0 0 1px rgb(0 0 0 / 50%);}
.partner-form-check input:checked + label::before {content: "";background: var(--c-main);}
.partner-form-check input:checked + label::after {content: "\f00c";width: 20px;height: 20px;position: absolute;left: 0;top: -3px;font-family: "Font Awesome 6 Free";font-weight: 900;color: #fff;text-align: center;font-size: 12px;line-height: 22px;}
.partner-form-check:last-child {margin:0}

@media (max-width: 767px) { 
.single-card h1 .actions {position: absolute;right: 30px;top: 0;}
.single-card h1 .actions .card-history-trigger {}
.single-card h1 .actions.opened .card-history-dropdown {left: -20px;/* right: -20px; */transform: none;min-width: 270px;}
.single-card h1 .actions.opened .card-history-dropdown::before {left: auto;transform: none;left: 24px;}
}


.single-card {background: #fff;padding: 60px;border-radius: 20px;position: relative;}
.single-card .top {display: flex;flex-wrap: wrap;position: sticky;top: 0;background: #fff;z-index: 100;padding: 20px 30px;margin: -20px -30px 0 -30px;border-radius: 20px;}
.single-card .top h1 { margin: 0; }
.single-card .top .actions .filter {position: relative;margin: 0 0 0 10px;}
.single-card .top .actions .filter i {background: #c0c0c2;border-radius: 50%;color: #fff;text-decoration: none;width: 34px;height: 34px;display: inline-block;text-align: center;line-height: 34px;font-size: 15px;cursor: pointer;}
.single-card .top .actions .filter .dropdown {display:none;position: absolute;top: 50px;left: 50%;transform: translateX(-50%);background: #fff;min-width: 270px;padding: 15px;box-shadow: 0 0 24px -12px var(--c-main);z-index: 10;}
.single-card .top .actions .filter.active .dropdown {display:block}
.single-card .top .actions .filter .dropdown::after {content:"";width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fff transparent;top: -7px;left: 50%;position: absolute;transform: translateX(-50%);z-index: 998;}
.single-card .top .actions .filter .dropdown ul {font-size: 12px;list-style: none;padding: 0;margin: 0;} 
.single-card .top .actions .filter .dropdown ul li {margin: 0 0 10px 0;}
.single-card .top .actions .filter .dropdown ul li:last-child {margin: 0;}
.single-card .top .actions .filter .dropdown ul li a {color:#000; text-decoration:none;}
.single-card .top .actions .filter .dropdown ul li a:hover {font-weight:600;}

.single-card .top .date {flex:0 1 100%;margin: 0 0 20px 0;opacity: 0.7;}
.single-card .top .subject-wrap {flex:0 1 100%;margin: 0; padding: 0; display: flex; align-items: center;}
.single-card .top .subject-wrap .subjects {background: #fff;display: inline-block;align-items: center;padding: 5px 10px;margin: 0px 10px 0 0;border-radius: 5px;line-height: 1;position: relative;border: solid 1px #ddd;font-size: 12px;flex: 0 0 auto;}
.single-card .top .subject-wrap .subjects > span {color: #888; text-decoration: none; line-height: 1;}
.single-card .top .subject-wrap .subjects > span i {margin: 0 8px 0 0; vertical-align: top; display: inline-block; color: #ccc;}

.single-card .card-read {text-align: center;margin: 20px 0 20px 0;}
.single-card .card-read a[id^="read-button-"] {background: var(--c-main);border: none;color: #fff;font-weight: 600;font-size: 15px;padding: 20px 60px;border-radius: 50px;display: inline-flex;cursor: pointer;text-decoration: none;align-items: center;}
.single-card .card-read a[id^="read-button-"]:hover {background: var(--c-main-dark);}
.single-card .card-read a[id^="read-button-"]::before {content:"\f316";font-family: 'Font Awesome 6 Pro';margin: 0 10px 0 0;line-height: 1;font-size: 160%;}

.single-card ul:not([class]) {list-style: none !important;padding: 0;margin: 5px 0 15px 0;}
.single-card ul:not([class]) li {position: relative;padding: 0 0 0 16px;}
.single-card ul:not([class]) li::before {content:"";background: var(--c-main);width: 6px;height: 6px;display: block;border-radius: 50%;position: absolute;top: 7px;left: 0px;}


@media (max-width: 991px) { 
    .single-card { padding: 30px; }
}



@media (max-width: 767px) { 
.single-card {padding: 0px 20px 20px 20px;}
.single-card .top {/* flex-wrap: wrap; */}
.single-card .top .text {padding: 0 0px 0 0; }
.single-card .top .text h1 {margin: 0; /* padding: 0; */ }
.single-card .top .text p {}
.single-card .top .actions {padding: 0;/* flex: 0 1 100%; */margin: 0;}
.single-card .top .actions > * {/* margin: 0 0 0 10px !important; */}

.single-card .top .actions .filter .dropdown {left: -20px; transform: none; }
.single-card .top .actions .filter .dropdown::after {transform: none; left: 30px; }
}




.block {}
.block > .title {font-size: 22px;font-weight: 400;}
.block .content {}

.block.expandable {padding: 20px 0;padding: 20px 30px;margin: 0 -30px;background: #f8f8f8;border-radius: 10px;margin: 0 0 15px 0;}
.block.expandable.active {background: #fff;/* border-bottom: solid 1px #eee; */border-radius:0;}
.block.expandable > .title {position: relative;cursor: pointer;}
.block.expandable > .title:hover::after {background: var(--c-main);color: #fff;}
.block.expandable.active > .title {font-weight: 700;}
.block.expandable > .title::after {content: "\F11B";width: 30px;height: 30px;line-height: 30px;position: absolute;top: -3px;right: 0;background: none;display: block;border-radius: 50%;text-align: center;color: #000;font-family: "icomoon";font-size: 13px;font-weight: 900;transition: transform 0.3s;transform: rotate(0deg);padding: 2px 0 0 0;}
.block.expandable.active > .title::after {/* content: "\e90f"; */transform: rotate(180deg);padding: 1px 0 0 0;}
.block.expandable > .content {display: none;}
.block.expandable.active > .content {display: block;margin: 20px 0 0 0;font-size: 14px;}
.block.expandable > .content > *:last-child {margin-bottom: 0;}
.block.expandable > .content p {}

@media (max-width: 767px) {
.block.expandable {margin: 0 -20px; padding: 20px; }
.block.expandable.active > .content {margin: 10px 0 0 0; }

}

.block.accordion {margin:0 0 20px 0}
.block.accordion .item {border-bottom: solid 1px #eee;padding: 14px 0;}
.block.accordion .item:last-child {border:none;/* padding-bottom: 0; */}
.block.accordion .item > .title {position: relative;padding: 0 0 0 40px;min-height: 22px;cursor: pointer;}
.block.accordion .item > .title::before {content: "";content: "\e910";width: 25px;height: 25px;line-height: 25px;position: absolute;top: -1px;left: 0;background: #bbb;display: block;border-radius: 50%;text-align: center;color: #fff;font-family: "icomoon";font-size: 11px;font-weight: 300;padding: 0;}
.block.accordion .item.active > .title {font-weight: 600;}
.block.accordion .item.active > .title::before {content: "\e90f";background: #666;}
.block.accordion .item > .content {display: none;padding: 0;}
.block.accordion .item.active > .content {display: block;margin: 15px 0 0 0;}


.block.images {display: flex;flex-wrap: wrap;grid-gap: 15px;margin: 0 0 30px 0;}
.block.images .img {}
.block.images .caption {font-size: 11px;text-align: center;padding: 8px 0 0 0;line-height: 1.2;}
.block.images .img {position: relative;cursor:pointer;}
.block.images .img.hide {/* display:none; */}
.block.images .img::before {content:"\e59e";font-family:"Font Awesome 6 Pro";font-weight:200;position:absolute;background: rgb(87 43 143 / 70%);width: 60px;height: 60px;line-height: 60px;text-align: center;color: #fff;left:50%;top: 50%;transform:translate(-50%,-50%);font-size:0px;transition: all 0.3s;opacity: 0;border-radius: 50%;box-shadow: 0 0 0 6px rgb(255 255 255 / 20%);pointer-events: none;}
.block.images .img:hover::before {font-size: 26px;opacity: 1;}
.block.images .img img {width: 100%;max-width: 100%;border: solid 1px #eee;border-radius: 10px;/* box-shadow: 0 0 0 1px rgb(0 0 0 / 10%); */}
.block.images .img img:hover {}
.block.images highlight {display: block; }
.block.images highlight img {opacity: 0.7; }

/*.block.images*/ .image-block-description {font-weight: 500 !important;margin-bottom: 20px;}
h6:empty {margin: 0}

.block.images .row-group {display: flex;grid-gap: 15px;margin: 0;width: 100%;align-items: flex-start;}
.block.images.images-1 .row-group {display: block; width: 100%;}

.block.images .img .caption-wrap {position: absolute;top: 10px;right: 10px;}
.block.images .img .caption-wrap i {color: #fff;opacity: 0.7;text-shadow: 0px 0px 4px rgb(0 0 0 / 50%);}
.block.images .img .caption-wrap i::before {}
.block.images .img .caption-wrap:hover i {opacity:1}
.block.images .img .caption-wrap .caption {display:none;position: absolute;top: 30px;left: 50%;transform: translateX(-50%);background: #fff;width: 250px;padding: 15px;text-align: left;box-shadow: 0px 0px 17px rgb(0 0 0 / 15%);margin: 0;border-radius: 10px;z-index: 100;}
.block.images .img .caption-wrap.p-left .caption {left: auto;transform: none;right: -25px;}
.block.images .img .caption-wrap.p-right .caption {transform: none;left: -25px;}
.block.images .img .caption-wrap .caption > *:last-child {margin:0}
.block.images .img .caption-wrap.active .caption {display:block;}
.block.images .img .caption-wrap.active::before {content:"";position: absolute;top: 14px; left: 50%;width: 200px;height: 20px;transform: translateX(-50%);}
.block.images .img .caption-wrap .caption::before {content: "";position: absolute;left: -6px;border-width: 0 8px 8px 8px;border-color: transparent transparent #fff transparent;border-style: solid;width: 0;height: 0;top: -6px;margin: 0;left: 50%;z-index: 1000000;transform: translateX(-50%);}
.block.images .img .caption-wrap.p-left .caption::before {left: auto;transform: none;right: 25px;}
.block.images .img .caption-wrap.p-right .caption:before {transform: none;left: 25px;}



.block.images.images-1 {grid-template-columns: repeat(1, 1fr);}
.block.images.images-2 {grid-template-columns: repeat(2, 1fr);}
.block.images.images-3 {grid-template-columns: repeat(3, 1fr);}
.block.images.images-4 {grid-template-columns: repeat(4, 1fr);}
.block.images.images-5 {grid-template-columns: repeat(5, 1fr);}

.block.images.masonry {margin: 0 -5px 40px;min-width: calc(100% + 10px);width: calc(100% + 10px);display: flex; flex-wrap: wrap;grid-gap: 0;}
.block.images.masonry .img {padding: 5px;}
.block.images.images-2.masonry .img {max-width: 50%;flex: 0 1 50%; width: 50%;}
.block.images.images-3.masonry .img {max-width: 33.33%;flex: 0 1 33.33%;width: 33.33%;}
.block.images.images-4.masonry .img {max-width: 25%;flex: 0 1 25%;width: 25%;}
.block.images.images-5.masonry .img {max-width: 20%;flex: 0 1 20%;width: 20%;}


.block.images.owl-carousel {width: 100%;max-width: 100%;display: grid;grid-template-columns: none;display:none;/* opacity: 0; */}
.block.images.owl-carousel.owl-loaded {display:block;/* opacity:1; */}
.block.images.owl-carousel .img {}
.block.images.owl-carousel .owl-nav {display: block;}
.block.images.owl-carousel .owl-dots {display:none}
.block.images.owl-carousel .owl-nav .owl-prev {left: -20px;padding: 0 2px 0 0 !important;}
.block.images.owl-carousel .owl-nav .owl-next {right: -20px;}
.block.images.owl-carousel .owl-nav .owl-next, .block.images.owl-carousel .owl-nav .owl-prev {position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background: var(--c-main);color: #fff;line-height: 40px;font-size: 18px;border-radius: 50%;transform-origin: center;}
.block.images.owl-carousel .owl-nav .owl-next:hover, .block.images.owl-carousel .owl-nav .owl-prev:hover {background: var(--c-main-dark);transition: all 0.3s;transform: translateY(-50%) scale(1.2);}
.block.images.owl-carousel .owl-nav .owl-next::before, .block.images.owl-carousel .owl-nav .owl-prev::before {content:""; font-family:"icomoon";}
.block.images.owl-carousel .owl-nav .owl-next::before {content: "\f16c";margin: 0 0 0 3px;}
.block.images.owl-carousel .owl-nav .owl-prev::before {content: "\f142";}



.block.video.embed-responsive {position: relative; display: block; width: 100%; padding: 0; overflow: hidden;}
.block.video.embed-responsive::before {display: block; content: ""; }
.block.video.embed-responsive-16by9::before {padding-top: 56.25%; }
.block.video.embed-responsive iframe {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;}
.block.video {margin: 0 0 30px 0;border-radius: 10px;overflow: hidden;}
.block.video .jwplayer .jw-display-icon-container {background: var(--c-main);border-radius: 50%;padding: 20px;}
.block.video .jwplayer .jw-display-icon-container .jw-icon {border-radius: 50%;width: 50px;height: 50px;}
.block.video .jwplayer .jw-display-icon-container .jw-icon svg {fill: #fff !important;}
.block.video .video-js .vjs-big-play-button {background: var(--c-main) !important;color: #fff;border: none;width: 130px;height: 130px;line-height: 126px;padding: 0;border-radius: 50%;box-shadow: 0 0 20px rgb(0 0 0 / 30%);/* border: solid 2px #fff; */margin: 0;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 10;border: solid 3px #fff;}
.block.video .video-js .vjs-big-play-button .vjs-icon-placeholder {}
.block.video .video-js .vjs-big-play-button .vjs-icon-placeholder::before {font-family: "Font Awesome 6 Pro";content: "\f04b";font-weight: 900;font-size: 46px;margin: 0 0 0 3px;}
.block.video .video-js .vjs-control-bar {}


blockquote {text-align: left;margin: 20px 0 20px;position: relative;padding: 20px 30px 20px 22px;font-size: 16px;background: var(--c-main);border: solid var(--c-main-light);border-width: 3px 3px 10px 10px;border-radius: 40px 0;color: #fff;}
blockquote::before {content:"\f10d";pointer-events: none;font-family: 'Font Awesome 6 Pro';font-weight: 900;font-size: 198px;line-height: 1;color: #fff;opacity: 0.2;position: absolute;left: 20px;top: -40px;display: none;}
blockquote:not(.alignleft):not(.alignright) {clear: both; }
/*blockquote::before {content:"";width: 50px;height: 50px;display: inline-block;position: absolute;left: -8px;top: 0;border-top: solid 8px var(--c-main);border-left: solid 8px var(--c-main);}*/

blockquote.alignleft {float: left;font-size: 24px;margin: 20px 40px 20px 0;}
blockquote.alignright {margin-left: 40px;font-size: 24px;}
blockquote.full {margin: 40px 0; }
blockquote p {font-style: italic;line-height: 1.3;margin: 0 !important;font-size: 24px;font-weight: 400;}
blockquote.full p {font-size:40px}
blockquote small {font-size: 13px;font-weight: 300;display: block;margin: 20px 0 0 0;font-family: "Roboto";font-style: normal;}
blockquote small strong {font-weight: 500; }

@media (max-width: 767px) {
  blockquote p { font-size: 18px; }
}

#acf-form .acf-fields .acf-field .acf-input .values .layout .acfe-fc-placeholder .acfe-flexible-placeholder table {table-layout: fixed;font-size: 13px;margin: 0 0 30px 0;width:100%;}
#acf-form .acf-fields .acf-field .acf-input .values .layout .acfe-fc-placeholder .acfe-flexible-placeholder table thead {}
#acf-form .acf-fields .acf-field .acf-input .values .layout .acfe-fc-placeholder .acfe-flexible-placeholder table thead tr {}
#acf-form .acf-fields .acf-field .acf-input .values .layout .acfe-fc-placeholder .acfe-flexible-placeholder table thead tr td {background: #e5e5e5;color: #000;font-weight: 700;padding: 10px}
#acf-form .acf-fields .acf-field .acf-input .values .layout .acfe-fc-placeholder .acfe-flexible-placeholder table tr {}
#acf-form .acf-fields .acf-field .acf-input .values .layout .acfe-fc-placeholder .acfe-flexible-placeholder table tr td {height: auto;padding: 10px;width: auto !important;vertical-align: top;line-height: 1.4;}
#acf-form .acf-fields .acf-field .acf-input .values .layout .acfe-fc-placeholder .acfe-flexible-placeholder table tr th {background: #e5e5e5;color: #000;font-weight: 700;padding: 10px}
#acf-form .acf-fields .acf-field .acf-input .values .layout .acfe-fc-placeholder .acfe-flexible-placeholder table tr:nth-child(2n) {}
#acf-form .acf-fields .acf-field .acf-input .values .layout .acfe-fc-placeholder .acfe-flexible-placeholder table tr:nth-child(2n) td {background: #f8f8f8;}
#acf-form .acf-fields .acf-field .acf-input .values .layout .acfe-fc-placeholder .acfe-flexible-placeholder table tr:nth-child(2n) td .dictionary i {box-shadow: 0 0 0 5px #f8f8f8;}

.responsive-table { width: 100%; overflow-x: auto; }
.responsive-table table { min-width: 767px; }
.block.expandable .content table {table-layout: fixed;font-size: 13px;margin: 0 0 30px 0;width:100%;border-radius: 10px;overflow: hidden;}
.block.expandable .content table thead {}
.block.expandable .content table thead tr {}
.block.expandable .content table thead tr td {background: var(--c-main);color: #fff;font-weight: 700;padding: 10px}
.block.expandable .content table tr {}
.block.expandable .content table tr td {height: auto;padding: 10px;width: auto !important;vertical-align: top;line-height: 1.4;}
.block.expandable .content table tr:nth-child(2n) {}
.block.expandable .content table tr:nth-child(2n) td {background: #f8f8f8;}
.block.expandable .content table tr th {background: #e5e5e5;color: #000;font-weight: 700;padding: 10px;/* width: auto !important; */}


table.default {table-layout: fixed;font-size: 13px;margin: 0 0 30px 0;width:100%;}
table.default thead {}
table.default thead tr {}
table.default thead tr td {background: var(--c-main);color: #fff;font-weight: 700;padding: 10px}
table.default tr {}
table.default tr td {height: auto;padding: 10px;width: auto !important;vertical-align: top;line-height: 1.4;border-bottom: solid 1px var(--c-gray-lighter);}
table.default tr:nth-child(2n) {}
table.default tr:nth-child(2n) td {background: #f8f8f8;}
table.default tr th {background: #e5e5e5;color: #000;font-weight: 700;padding: 10px;/* width: auto !important; */}
table.default tr th:first-child { border-radius: 10px 0 0 10px; }
table.default tr th:last-child {border-radius:  0 10px 10px 0;}


.block.images.owl-carousel .img .caption-wrap {}
.block.images.owl-carousel .img .caption-wrap .caption {left: auto;right: -10px;transform: none;max-width: 180px;}
.block.images.owl-carousel .img .caption-wrap .caption::before {right: 9px;transform: none;left: auto;}
.block.images.owl-carousel .img img {width:auto;margin:0;/* height: 180px; */}


@media (max-width: 767px) {
    .block.images .img::before {width: 40px;height: 40px;line-height: 40px;display: none;}
    .block.images .img:hover::before {font-size: 18px;}
    .block.images.owl-carousel .img img {width: 100%;height: auto !important;}
    .block.images.owl-carousel .owl-nav .owl-prev {left: 10px;}
    .block.images.owl-carousel .owl-nav .owl-next {right: 10px;}
    .block.images.owl-carousel .img { width: 100% !important; height: auto !important; }
}


.block.meta {/* padding: 30px 0 0 0; *//* border-top: solid 4px #eee; */margin: 30px 0 0 0;}
.block.meta .item {margin: 0 0 12px 0;}
.block.meta .item:last-child {margin:0;}
.block.meta h4 {font-size: 12px;font-weight: 400;}
.block.meta ul {list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;}
.block.meta ul li {font-size: 12px;/* background: #eee; *//* padding: 7px 12px; */margin: 0 20px 10px 0;line-height: 1.3;border-radius: 3px;color: #777;}
.block.meta ul li:last-child {margin-right:0}
.block.meta ul li.url, .block.meta ul li.book, .block.meta ul li.article, .block.meta ul li.review {padding: 9px 0 7px 20px;position: relative;}
.block.meta ul li a {text-decoration: none;}
.block.meta ul li.url a, .block.meta ul li.book a {}
.block.meta ul li.url a::before {content: "\f0c1";font-family: 'font awesome 6 pro';font-weight: 900;position: absolute;left: 9px;top: 7px;font-size: 13px;}
.block.meta ul li.book::before {content: "\f02d";font-family: 'font awesome 6 pro';font-weight: 900;position: absolute;left: 0;top: 4px;font-size: 18px;}
.block.meta ul li.article::before {content: "\f15b";font-family: 'font awesome 6 pro';font-weight: 900;position: absolute;left: 0;top: 7px;font-size: 18px;line-height: 1;}
.block.meta ul li.review::before {content: "\f5fd"; font-family: 'font awesome 6 pro'; font-weight: 900; position: absolute; left: 12px; top: 7px; font-size: 13px;}
.block.meta ul li .spacer {padding: 0 5px;opacity: 0.5;}
.block.meta ul li .spacer::before {content:"|"}


.toggle-tags {text-align: center;margin: 20px 0 0 0;display: flex;align-items: center;margin: 0;justify-content: center;}
.toggle-tags + .block.meta {display:none;padding: 0;margin: 30px 0 0 0px;}
.toggle-tags.open + .block.meta {display:block;/* margin-bottom: 30px; */}
.toggle-tags::before, .toggle-tags::after {content:"";background: #eee;height: 1px;flex: 1;opacity: 0;}
.toggle-tags.open::before, .toggle-tags.open::after {opacity:1}
.toggle-tags span {margin: 0;text-align: center;font-weight: 500;display: flex;align-items: center;cursor: pointer;/* border: solid 1px var(--c-gray); */color: var(--c-gray);border-radius: 30px;padding: 0;font-size: 13px;margin: 0 10px;}
.toggle-tags span::after {content:"\f0ca";font-family: 'font awesome 6 pro';font-weight: 300;margin: 0 0 0 10px;position: relative;display: inline-block;line-height: 1;font-size: 18px;display: none;}
.toggle-tags.open {margin-bottom: 0; }
.toggle-tags.open span {}
.toggle-tags.open span::after { }


.twentytwenty-wrapper {margin: 0 0 30px 0;width: 100%;clear: both;}
.twentytwenty-wrapper .before-after {}
.twentytwenty-wrapper .before-after img {width: 100%;}

._before-after {position: relative;}
._before-after img:first-child {width: 100%;}
._before-after img:last-child {position: absolute;top: 0;width: 50%;right: 0;height: 100%;object-fit: cover;box-shadow: -3px 0px 0 #fff;object-position: right center;}

.card-state-container { display: flex; flex-direction: column; align-items: center; }
#card-mark-unread { background: none; border: var(--c-main) solid 1px; color: var(--c-main); font-size: 16px; padding: 20px 40px; margin: 3px 0 0 0; }
#card-mark-unread:hover {background:var(--c-main);color:#fff}

.quiz-meta {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;}
.quiz-meta span {background: rgb(255 255 255 / 10%);color: rgb(255 255 255 / 70%);padding: 8px 16px;border-radius: 30px;font-size: 13px;font-weight: 400;}


.play-video {display: inline-flex;align-items: center;text-align: left;border-radius: 20px;}
.home-section .buttons {text-align: right;}
.home-section .buttons .play-video {font-size: 17px;margin: 20px 0 0 0;line-height: 1;background-image: linear-gradient(to bottom, #6b3faf, #6b4cb5, #6b58ba, #6c63be, #6f6ec2);border-radius: 50px;padding: 8px 30px 8px 8px !important;}
.home-section .buttons .play-video i {background:#b3abe6;color:#fff;width: 60px;height: 60px;text-align: center;line-height: 60px;border-radius: 50%;margin: 0 20px 0 0;font-size: 30px;padding: 0 0 0 3px;}
.home-section .buttons .play-video span {font-weight: 700;font-size: 24px;}

.play-video img { max-width: 110px; margin: 0 20px 0 0; }
.play-video span { font-weight: 300; line-height: 1.2; font-size: 14px; }
.play-video span strong { display: block; font-size: 19px; font-weight: 600; }

header .play-video {padding: 0 !important;background: none !important;margin: 0;border: solid 1px var(--c-gray);width: 35px;height: 35px;text-align: center;justify-content: center;margin: 0 0 0 20px;font-size:  19px !important;color: #000 !important;}
header .play-video:hover {background:var(--c-main) !important;color: #fff !important;border: solid 1px var(--c-main);}
header .play-video i {}


.account .dropdown .account-menu li .play-video { padding: 11px 00 !important; border: none !important; width: auto; height: auto; margin: 0; color: var(--c-gray) !important; font-size: 15px !important; text-decoration: none; background: none !important; font-weight: 300; }
.account .dropdown .account-menu li .play-video:hover {color:var(--c-main) !important;}
.account .dropdown .account-menu li .play-video i { margin: 0 0 0 10px; font-size: 20px; min-width: 25px; text-align: center; }


i.reference {font-style: normal;font-weight: 500;position: relative;cursor: pointer;margin: 0;}
i.reference > em {border-bottom:dotted 1px #000;font-style: normal;}
i.reference > em i {display:none;}
i.reference:hover > em {border-bottom:solid 1px #8f78e9}
i.reference .iw  {font-size: 13px;margin: 0 0 0 2px;display: inline-block;position:relative} 
i.reference.active .iw::before {content: "";position: absolute;left: -6px;border-width: 0 8px 8px 8px;border-color: transparent transparent #f4f4f4 transparent;border-style: solid;width: 0;height: 0;top: 23px;margin: 0;left: 50%;z-index: 1000002;transform: translateX(-50%);}  .ttip::after {content:" ";width: 100%;display: block;background: transparent;height: 30px;position: absolute;top: -20px;left: 0;right: 0;height: 20px;}
i.reference .iw .icon {font-size: 14px;/* opacity: 0.3; */top: 1px;position: relative;color: #01888a !important;} 
i.reference .iw .icon.fa-solid {margin-left:3px;} 


i.source {font-style: normal;font-weight: 500;position: relative;cursor: pointer;margin: 0;}
i.source > em {border-bottom:dotted 1px #000;font-style: normal;}
i.source > em i {display:none;}
i.source:hover > em {border-bottom:solid 1px #8f78e9}
i.source .iw  {font-size: 13px;margin: 0 0 0 5px;display: inline-block; position:relative} 
i.source.active .iw::before {content: "";position: absolute;left: -6px;border-width: 0 8px 8px 8px;border-color: transparent transparent #fff transparent;border-style: solid;width: 0;height: 0;top: 21px;margin: 0;left: 50%;z-index: 1000000;transform: translateX(-50%);}  .ttip::after {content:" ";width: 100%;display: block;background: transparent;height: 30px;position: absolute;top: -20px;left: 0;right: 0;height: 20px;}
i.source .iw .icon {font-size: 14px;opacity: 0.3;top: 1px;position: relative;} 



@media (max-width: 1200px) {

}
@media (max-width: 991px) {
 
}
@media (max-width: 767px) {
    .play-video { padding: 14px 25px !important; }
    .play-video img { max-width: 90px; }
    .play-video span {}
    .play-video span strong { font-size: 16px; }
    header .play-video {display:none;}
    .account .dropdown .account-menu li .play-video {display:inline-flex}
    .home-section .buttons { text-align: left; }
    .home-section .buttons .play-video span { font-size: 18px; }
    .home-section .buttons .play-video i { width: 40px; height: 40px; line-height: 40px; font-size: 19px; }
}



.ttip .embed-responsive {overflow:hidden;border-radius: 0 0 0 0;margin: 10px -25px 10px;min-width: calc(100% + 50px);}

.ttip {display: none;position: absolute;background: #f4f4f4;border: solid 2px #fff;/* box-shadow: 0px 0px 17px rgba(0,0,0,0.15); */padding: 20px;font-size: 13px;line-height: 1.6;z-index: 1000001;width: 320px;color: #000;font-weight: normal;left: 50%;transform: translateX(-50%);margin: 28px 0 0 0;border-radius: 10px;top: 0;font-weight: 300;font-family: 'Open Sans';}
i.reference.active .ttip {display:block;}

.p-left .ttip {right: -20px;left: auto;transform: none;}
.p-right .ttip {right: auto;left: -20px;transform: none;}

.citation-info {}
.citation-info .citation-item { margin: 0 0 6px 0; padding: 0 0 6px 0; line-height: 1.3; border-bottom: solid 2px rgb(0 0 0 / 5%); }
.citation-info .citation-item:last-child {margin-bottom:0;padding: 0;border: none;}
.citation-info .citation-item strong { font-weight: 600; }


.ttip mark {font-size: 15px;font-weight: 700;display: block;line-height: 1.2;margin: 0;background: none;padding: 0;margin: 0 0 10px 0;}
.ttip .foot {padding: 15px 0 0 0;border-top: solid 1px #ddd;display: block;margin: 15px 0 0 0;}
.ttip .foot .item {margin: 0 0 7px 0; display: block; padding: 0;}
.ttip .foot .item:last-child {margin:0;padding-bottom: 0;}
.ttip .foot .item a {color: #999;display: block;position: relative;padding: 0 30px 0 21px;text-decoration: none;}
.ttip .foot .item a:hover {/* color: var(--c-main); */color: #000;}
.ttip .foot .item a:hover::after { background: var(--c-gray); color: #fff; }
.ttip .foot .item a:hover::before { opacity: 1; }
.ttip .foot .item a::before {content:"\f15c";position: absolute;top: -4px;left: 0;font-family: 'font awesome 6 pro';font-weight:900;font-size: 18px;width: 22px;color: #01888a !important;opacity: 0.6;}
.ttip .foot .item.webinar a::before {content:"\f26c";position: absolute;top: -1px;left: 0;font-family: 'font awesome 6 pro';font-weight:900;font-size: 16px;}
.ttip .foot .item a::after {content:"\e914";position: absolute;top: -4px;right: 0;font-family: "icomoon";font-size: 15px;width: 30px;text-align: center;height: 30px;line-height: 30px;border-radius: 50%;}


.card-nav {position: absolute;left: 920px;top: 0;transform: rotate(90deg);display: flex;margin: 0;transform-origin: bottom left;}
.card-nav a {background: #dadcdf;background: -moz-linear-gradient(0deg, rgba(217,214,234,1) 0%, rgba(226,224,242,1) 45%);/* background: -webkit-linear-gradient(0deg, rgba(217,214,234,1) 0%, rgba(226,224,242,1) 45%); *//* background: linear-gradient(0deg, rgba(217,214,234,1) 0%, rgba(226,224,242,1) 45%); */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d9d6ea",endColorstr="#e2e0f2",GradientType=1);padding: 7px 20px;border-radius: 10px 10px 0 0;color: #000;text-decoration: none;font-size: 13px;font-weight: 500;margin: 0 6px 0 0;white-space: nowrap;}
.card-nav a.active {background: #fff;font-weight: 700;/* box-shadow: 0 20px 0 #fff, 0 0 15px -8px var(--c-main); *//* box-shadow: 0 -7px 15px -15px var(--c-main); */}


.tab-trigger {display: none;}
@media (max-width: 1200px) {
/*.card-nav {transform: none;left: 20px !important;margin: 0 0 30px 0;top: -31px;}
.card-nav a {line-height: 1; padding: 9px 16px; }
.card-nav a.active {}*/

}
@media (max-width: 767px) {
.card-nav {left: 0 !important;right: 0 !important;flex-wrap: wrap;z-index: 1000;top: 0px;box-shadow: 0 7px 15px -15px var(--c-main);margin: 0;padding: 0px 0 10px 0;background: var(--c-main);display: none;}
.card-nav a {padding: 7px 47px 7px 20px;margin: 0 2px 0 0;width: 100%;border-radius: 0;background: var(--c-main);font-size: 15px;font-weight: 300;box-shadow: none;text-align: right;color: #fff;}
.card-nav a.active {box-shadow: none;background: none;}

.tab-trigger {display: block;position: absolute;top: -50px;background: var(--c-main);color: #fff;padding: 0 20px;left: 0;right: 0;height: 50px;line-height: 50px;display: flex;align-items: center;font-weight: 400;align-items: center;}
.tab-trigger img {max-height: 28px; margin: 0 auto 0 0; }
.tab-trigger::after {content: "\F11B";font-family: icomoon;margin: 0 0 0 12px;transition: all 0.3s;}
.tab-trigger.active + .card-nav {display: flex;transform: none;width: 100%;}
.tab-trigger.active::after {transform: rotate(180deg);}
}


.progress {display: block;padding: 0;background: none;height: auto;font-size: 12px;margin: 30px 0 30px 0;}
.progress h3 {font-size: 15px;font-weight: 800;color: var(--c-main);}
.progress .bar {background: var(--c-main-lightest);width: 100%;height: 10px;margin: 0 0 3px 0;border-radius: 5px;position: relative;overflow: hidden;}
.progress .bar span {display: inline-block;background: var(--c-main);position: absolute;top: 0;left: 0;height: 10px;}
.progress p {color: #777;}






#page .acf-tab-wrap {background: none;margin: 0 0 20px 0;}
#page .acf-tab-wrap .acf-tab-group {background: none;padding: 0;;border: none;border-bottom: solid 2px #f2f2f2;margin: 0 5px;}
#page .acf-tab-wrap .acf-tab-group li {}
#page .acf-tab-wrap .acf-tab-group li a {border: none;border-bottom: none;background: none;border-radius: 10px 10px 0 0;padding: 14px 20px 12px 20px;font-weight: 300;margin: 0 0 -2px 0;background: #f2f2f2;line-height: 1;}
#page .acf-tab-wrap .acf-tab-group li a:hover {}
#page .acf-tab-wrap .acf-tab-group li.active {}
#page .acf-tab-wrap .acf-tab-group li.active a {background: #fff;/* border-color: var(--c-main); *//* color: #fff; */font-weight: 700;box-shadow: 0px 10px 0 #fff, 0px 0 0px 1px #f2f2f2;}

@media (max-width: 991px) {
#page .acf-tab-wrap .acf-tab-group li {}
#page .acf-tab-wrap .acf-tab-group li a {padding: 14px 17px 12px 17px; }
}

.revision-listing {}
.revision-listing .revision-item  {display: flex;flex-wrap: wrap;border-bottom: solid 1px #eee;padding: 0 0 10px 0;margin: 0 0 10px 0;}
.revision-listing .revision-item p {line-height: 1.2;margin: 0;}
.revision-listing .revision-item p .date {font-size: 12px;}
.revision-listing .revision-item .actions {margin:  0 0 0 auto;}
.revision-listing .revision-item .actions a {margin: 0 0 0 20px;font-size: 13px;}
.revision-listing .revision-item .actions br {display: none;}
.revision-listing .revision-item .actions a::before {font-family: icomoon;margin: -1px 5px 0 0;display: inline-block;vertical-align: top;font-size: 17px;}
.revision-listing .revision-item .actions a.view::before {content: "\e949";}
.revision-listing .revision-item .actions a.delete::before {content:"\e915";}
.revision-listing .revision-item .actions a.rollback::before {content:"\f2ea";font-family:'font awesome 6 pro';font-weight: 900;margin: 0 5px 0 0;}


.form-inline {display: none; flex: 0 1 100%;}
.form-inline label {font-weight: 700;font-size: 12px;margin: 10px 0 0 0;}
.form-inline textarea {width: 100%;}
.form-inline .btn {padding: 9px 16px;font-size: 12px;}
.version-description {flex: 0 1 100%;margin: 7px 0 0 0;font-size: 12px;color: #777;cursor: pointer;}

.mobile-tabs-trigger {display:none;background: var(--c-main);color: #fff;padding: 10px 20px;border-radius: 5px;font-weight: 500;position: relative;margin: 0 0 20px 0;min-height: 44px;}
.mobile-tabs-trigger::after {content:"\e911";font-family: icomoon;position: absolute;right: 19px;top: 10px;transform: rotate(90deg);transition: all 0.3s;}
.mobile-tabs-trigger.open::after { transform: rotate(270deg); }


.nav.nav-tabs {background: none; padding: 0; border: none; border-bottom: solid 2px #f2f2f2; margin: 0 0 30px 0; }
.nav.nav-tabs .nav-item {margin:0 0.5em 0 0}
.nav.nav-tabs .nav-item .nav-link {border: none; border-bottom: none; background: none; border-radius: 10px 10px 0 0; padding: 14px 20px 12px 20px; font-weight: 300; margin: 0 0 -2px 0; background: #f2f2f2; line-height: 1; color: #000; font-size: 14px; }
.nav.nav-tabs .nav-item .nav-link.active {background: #fff;font-weight: 700;box-shadow: 0px 10px 0 #fff, 0px 0 0px 1px #f2f2f2;}
.tab-content {}
.tab-content .tab-pane.active {display: block; }


.single-card .nav.nav-tabs { margin: 0 0 10px 0; border: none; position: relative; }
.single-card .nav.nav-tabs::after {content:"";height: 2px;background: var(--c-main);position: absolute;left: -60px;right: -60px;bottom: -2px;display: none;}
.single-card .nav.nav-tabs .nav-item {}
.single-card .nav.nav-tabs .nav-item .nav-link {
    /* background: #fff; */
    border-radius: 10px;
    padding: 11px 18px;
    /* border: solid 1px #ddd; */
}
.single-card .nav.nav-tabs .nav-item .nav-link.active {background: var(--c-main);color: #fff;box-shadow: none;/* border: solid 1px var(--c-main); */}

@media (max-width: 991px) {
    .mobile-tabs-trigger {display:block;}
    .mobile-tabs-trigger + nav {display:none;/* overflow: hidden; */position: relative;}
    .mobile-tabs-trigger + nav .nav.nav-tabs {position: absolute; top: -7px; left: 0; width: 100%; height: auto; z-index: 10; background: #ffff !important; border-radius: 5px; box-shadow: 0 0 20px -16px var(--c-main); }
    .mobile-tabs-trigger.open + nav {display:block;}
    .nav.nav-tabs {display: block; border: none; margin: 0; padding: 20px; }
    .nav.nav-tabs .nav-item {display: block; margin: 0; }
    .nav.nav-tabs .nav-item .nav-link {border-radius: 0; border: none; background: none; padding: 8px 0 8px 0; }
    .nav.nav-tabs .nav-item .nav-link.active {box-shadow: none;background: none;}
}
/* ================== */
/* ==== Frontend ==== */
/* ================== */


.section {padding: 80px 20px;}
.section.purple {background: var(--c-main);color: #fff;}
.section.light-purple {background: #c4baef;}
.section.white {background: #fff;}

.section .content {max-width: 1400px;margin: 0 auto;}
.section.full .content {max-width: 100%;}
.section .content .section-name {font-size: 28px;max-width: 760px;margin: 0 auto 40px auto;}
.section .content .section-name small {display: block;color: var(--c-main);font-size: 55%;}



.section.header {padding: 220px 40px;background-image: url(/wp-content/themes/wizdom-me/images/slider-1.jpg);background-size: auto 100%;background-repeat: no-repeat;background-color: #fff;background-position: right top;/* box-shadow: 0 10px 20px -20px var(--c-main) inset, 0 -10px 20px -20px var(--c-main) inset; */}
.section.header .content {}
.section.header.img-text {background-position: left top; }
.section.header.img-text .content {text-align:right}
.section.header.img-text .content .btn {margin: 0 0 0 20px; }
.section.header .content h2 {font-size: 42px;/* max-width: 900px; *//* margin: 0 auto 8px; */}
.section.header .content p {font-size: 18px;}
.section.header .content .btn {margin: 0 20px 0 0; }

@media (max-width: 1600px) {
.section.header {padding: 200px 40px; }
} 
@media (max-width: 1400px) {
.section.header {padding: 160px 30px;}
.section.header.img-text {}
}     
@media (max-width: 1200px) {
.section {padding: 40px 20px;}
.section.header {position: relative;}
.section.header .content {text-align: center !important;z-index: 2;position: relative;}
.section.header::after {content:"";position: absolute;inset: 0;background: #fff;display: block;opacity: 0.7;z-index: 1;backdrop-filter: blur(10px);}
.section.header .content .btn {margin: 0 10px !important; }
.section.header .content h2 br {display:none}
.section.header .content p br {display:none}
}
.features {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 40px;width: 100%;}
.features.col-4 {grid-template-columns: repeat(4, 1fr)} 
.features .item {text-align: center;}
.features .item .icon {margin: 0 0 15px 0;}
.features .item .icon img {max-width: 60px;width: auto;display: inline-block;}
.features .item h3 {font-weight: 700;font-size: 17px;margin: 0 0 8px 0;}
.features .item p {font-size: 14px;margin: 0 0 12px 0;}
.features .item .link {font-size: 14px;text-decoration: none;border-bottom: solid 1px var(--c-main);font-weight: 600;}

.features.cards .item {padding: 25px;background: #fff;border-radius: 20px;box-shadow: 0 0 20px -16px var(--c-main);color: #000;}

.features.cards.owl-carousel {margin: -20px 0 0 0;}
.features.cards.owl-carousel .owl-stage-outer {}
.features.cards.owl-carousel .owl-stage-outer .owl-stage {padding: 10px 0;}
.features.cards.owl-carousel .owl-dots {display: block;text-align: center;}
.features.cards.owl-carousel .owl-dots .owl-dot {width: 8px;height: 8px;display: inline-block;background: var(--c-main);border-radius: 50%;margin: 0 10px;vertical-align: top;}
.features.cards.owl-carousel .owl-dots .owl-dot.active {box-shadow: 0 0 0 6px #f9f8ff, 0 0 0 7px var(--c-main);}

@media (max-width: 991px) {
.features {grid-gap: 30px;}
.features.col-4 {grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}
}
@media (max-width: 767px) {
.features {grid-template-columns: repeat(1, 1fr);}
.features {grid-gap: 20px;}
}

.text-img {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 40px;}
.text-img .img {}
.text-img .img img {box-shadow: 0 0 20px -10px var(--c-main);border-radius: 20px;}
.text-img .text {align-self: center;}
.text-img .text h2 {font-size: 36px;}
.text-img .text h2 small {display: block;color: var(--c-main);font-size: 40%;}
.text-img .text p {}
.text-img .text .btn {}

@media (max-width: 991px) {
.text-img {grid-template-columns: repeat(1, 1fr);grid-gap: 30px;}
.text-img .img {order: 2;}


}

.benefits {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 40px;margin: 30px 0 40px 0;width: 100%;}
.benefits.col-2 {grid-template-columns: repeat(2, 1fr);}
.benefits .item {font-size: 13px;padding: 0 0 0 60px;position: relative;}
.benefits .item .icon {position: absolute;top: 0;left: 0;}
.benefits .item .icon img {max-width: 50px;}
.benefits .item h3 {margin: 0 0 6px 0;font-weight: 700;font-size: 16px;}
.benefits .item p {}

@media (max-width: 991px) {
.benefits {grid-template-columns: repeat(2, 1fr);grid-gap: 30px;}
.benefits.col-2 {}
}

@media (max-width: 767px) {
.benefits {grid-template-columns: repeat(1, 1fr);grid-gap: 30px;}
.benefits.col-2 {grid-template-columns: repeat(1, 1fr); }
}


select {width: 100%;height: 50px;padding: 0 10px;border: none;font-size: 15px;font-weight: 300;}

input[type="text"]:not(.dd_search),
input[type="password"],
input[type="search"],
input[type="url"],
input[type="email"] {width: 100%;height: 50px;background: #f2f2f2;border: none;padding: 0 10px;box-shadow: 0 50px 0 #f2f2f2 inset;font-size: 15px;font-weight: 300;font-family: "Roboto";}
#input_4_13_5 {box-shadow: 0 50px 0 #fff inset; }

textarea {width: 100%;height: 100px;border: none;background: #f8f8f8;padding: 10px;font-weight: 300;font-size: 15px;vertical-align: top;font-family: "Roboto";border-radius: 10px;}




.home-section {padding: 0 50px;background: #fff;background-size: cover;background-position: center center;font-family: "Open Sans";font-weight: 400;}
.home-section.gray {background: #f4f4f4;}
.home-section .content {width: 100%;max-width: 1460px;margin: 0 auto;position: relative;padding: 70px 0;}
.home-section .content h2 {font-size: 35px;margin: 0 0 20px 0;font-weight: 600;}
.home-section .content h3 {text-align: center; font-size: 35px; margin: 0 0 40px 0; color: var(--c-main); letter-spacing: 3px; font-weight: 600; z-index: 2; position: relative; }
.home-section .content h3 img {max-width: 80px; margin: 0 0 15px 0; }
.home-section .content .map {position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0);max-height: 820px;z-index: 1;opacity: 1;width: auto;}

.home-section.hero-section {/* text-align: center; */margin: 0 0 60px 0px;box-shadow: 0 90px 0 #fafafa;background-position: left 0% top;background-size: cover;/* overflow: hidden; */background-repeat: no-repeat;/* background-color: #f1f6f9; */padding: 0;}
.home-section.hero-section .content {padding: 40px 0 0 0;position: relative;max-width: 100%;}
.home-section.hero-section .content > * {position:relative; z-index:1}
.home-section.hero-section .content .text {max-width: 1480px; margin: 0 auto; padding: 0 40px; z-index: 3; }
.home-section.hero-section .content .banner {background-position: center bottom; margin: -23px 0 0 0; z-index: 2; background-size: cover; }
.home-section.hero-section .content .banner::before {content:"";position: absolute;inset: 0;background: #fff;z-index: 1;opacity: 0.5;}
.home-section.hero-section .content .banner .inside {width: 100%; max-width: 1480px; padding: 0 40px; margin: 0 auto; display: flex; align-items: flex-end; position: relative; z-index: 2; }
.home-section.hero-section .content .banner .inside .devices {margin: 170px 0 -50px 0; max-width: 820px; }
.home-section.hero-section .content .banner .inside .btn {margin: 0 0 -23px auto;}
.home-section.hero-section .content h2 {font-size: 44px;margin: 0 0 10px 0;position: relative;/* padding: 0 0 0 35%; */}
.home-section.hero-section .content p {font-size: 24px;}
.home-section.hero-section .content .btn {/* margin: 8px 0px 0px 10px; */ }

.home-section.has-bg { position: relative; }
.home-section.has-bg::after {content:"";background: url(/wp-content/themes/wizdom-me/images/section-bg.jpg) bottom center no-repeat;position: absolute;bottom: 160px;right: 0;left: 0;height: 331px;z-index: 1;}

.home-section.partners-section .content {border-bottom: solid 1px var(--c-main);min-height: 750px;display: flex;flex-direction: column;justify-content: center;overflow: hidden;padding: 0;}
.home-section .content .partners {padding: 0;list-style: none;text-align: center;z-index: 2;position: relative;display: flex;align-items: center;justify-content: center;}
.home-section .content .partners li {display: inline-block; margin: 0 50px 20px; }
.home-section .content .partners li a {}
.home-section .content .partners li a.html-logo {color: #000;text-decoration: none;text-transform: uppercase;font-size: 44px;line-height: 1.1;font-weight: 600;}
.home-section .content .partners li a.html-logo small {display: block; font-size: 22%; color: #999; letter-spacing: 1px; }
.home-section .content .partners li a img {max-width: 170px;max-height: 70px;}
.home-section .content p {font-size: 19px;letter-spacing: 1px;}
.home-section .content .devices {max-width: 790px;margin: 50px -51px -170px 0;width: 100%;}
.home-section .content .btn {font-size: 17px;margin: 20px 0 0 0;/* padding: 12px 32px; */line-height: 1;/* background-image: linear-gradient(to bottom, #6b3faf, #6b4cb5, #6b58ba, #6c63be, #6f6ec2); *//* border-radius: 50px; *//* padding: 8px 30px 8px 8px; */}
.home-section .content .btn.secondary {border: solid 1px var(--c-main); background: none; color: var(--c-main); }
.home-section .content .btn.secondary:hover {background:var(--c-main); color:#fff}
.home-section .content .btn.link {color: var(--c-main);background: none;/* border-bottom: solid 1px var(--c-main); */border-radius: 0;padding: 0;line-height: 1.3;margin-top: 9px;box-shadow: none;}
.home-section .content.img-text {display: flex;align-items: center;z-index: 10;}
.home-section .content.img-text .img {flex: 0 1 35%;position: relative;}
.home-section .content.img-text .img img {}
.home-section .content.img-text .img img.border-radius { border-radius: 20px; }
.home-section .content.img-text .img img.devices {box-shadow: none;position: absolute;bottom: -30px;right: -30px;margin: 0;max-width: 360px;border-radius: 0;}
.home-section .content.img-text .text {flex: 1;padding: 0 0 0 110px;color: var(--c-main);font-size: 19px;line-height: 40px;font-weight: 500;}
.home-section .content.img-text .text:first-child {padding: 0 110px 0 0;}

.home-section .content.img-text .text ul { list-style: none; padding: 0; margin: 60px 0 0 0; }
.home-section .content.img-text .text ul li { position: relative; padding: 0 0 0 48px; margin: 12px 0; }
.home-section .content.img-text .text ul li::before {content:"";background: url(/images/list-icon.svg) top left no-repeat;background-size: cover;width: 29px;height: 29px;display: block;position: absolute;left: 0;top: 5px;}




@media (max-width: 1600px) {
.home-section.hero-section {
}
.home-section.hero-section .content {
  /* padding: 0; */
}
.home-section.hero-section .content h2 br {display:none}
}
@media (max-width: 1023px) {
.home-section.hero-section {margin: 0 0 40px 0;}
.home-section.hero-section::after {/* content:""; */position: absolute;inset: 0;background: #fff;opacity: 0.5;}
.home-section.hero-section .content {text-align: center;padding: 60px 0 0 0;}
.home-section.hero-section .content .btn {margin: 8px 5px 0px 5px;} 
.home-section.hero-section .content h2, .home-section.hero-section .content p {padding:0}
.home-section .content .devices {}
.home-section.hero-section .content .banner .inside {flex-direction: column; display: flex; align-items: center; justify-content: center; align-content: center; }
.home-section.hero-section .content .banner {margin: 80px 0 0 0;}
.home-section.hero-section .content .banner .inside .devices {margin: 90px auto -40px auto;order: 2;}
.home-section.hero-section .content .banner .inside .btn {margin: -70px 0 0 0;order: 1;}


.home-section .content.img-text {flex-wrap: wrap;padding: 20px 0;}
.home-section .content.img-text .img {flex: 0 1 100%;margin: 0 0 25px 0;order: 1;}
.home-section .content.img-text .img img {}
.home-section .content.img-text .img img.devices {max-width: 400px; }
.home-section .content.img-text .text {padding: 0 0 0 0; order: 2 !important; }
.home-section .content.img-text .text:first-child {padding: 0; }


}
@media (max-width: 767px) {
.home-section {padding: 0 20px; }
.home-section .content h2 {font-size: 22px;margin: 0 0 10px 0;}
.home-section .content h3 {font-size: 25px; letter-spacing: 0; margin: 0 0 0 0; }
.home-section .content h3 img {max-width: 54px; }
.home-section .content p {font-size: 17px;margin: 0 0 12px 0;}
.home-section.hero-section {padding: 0;margin: 0 0 40px 0;/* box-shadow: 0 20px 0 #fafafa; *//* background-position: left -70px top; */}
.home-section.hero-section .content {padding: 20px 0 0;}
.home-section.hero-section .content > * {}
.home-section.hero-section .content h2 {font-size: 24px;}
.home-section.hero-section .content h2 br {display:none}
.home-section.hero-section .content::after {width: 100%; }
.home-section.hero-section .content p {font-size: 18px; }
.home-section.hero-section .content .btn {/* margin: 0 5px 10px 5px; */margin: 0;width: 100%;font-size: 15px;}
.home-section .content .devices {margin: 23px 0 -80px 0;max-width: 90%;}
.home-section .content .btn {font-size: 15px; }
.home-section .content.img-text .img img.devices {max-width: 250px; right: -15px; bottom: -11px; }
.home-section.partners-section .content {min-height: auto; padding: 50px 0; }
.home-section .content .partners {flex-wrap: wrap; }
.home-section .content .partners li {margin: 17px 20px 0; }
.home-section .content .partners li a {}
.home-section .content .partners li a img {max-width: 110px;max-height: 40px !important;}
.home-section .content .partners li a.html-logo {font-size: 25px;}
.home-section .content .partners li a.html-logo small {}
.home-section .content .map {/* display: none; */max-height: 250px;}
.home-section.hero-section .content .text {padding:0 20px;}
.home-section.hero-section .content .banner .inside {padding:0 20px;}

  .home-section .content.img-text .text {font-size: 17px;line-height: 1.6;}
  .home-section .content.img-text .text ul {margin: 20px 0 0 0;}
  .home-section .content.img-text .text ul li::before {top: 2px;width: 24px;height: 24px;}
  .home-section .content.img-text .text ul li { padding: 0 0 0 34px; }
}




.dictionary.single-card {font-weight:300}

.dictionary-iframe {background: none;padding: 0 20px 0 0;}
.dictionary-iframe label {display: block; font-size: 13px; font-weight: 600; margin: 10px 0 5px 0; }
.dictionary-iframe .select2  {width: 100% !important; }
.dictionary-iframe .select2 .selection {}
.dictionary-iframe .select2 .selection .select2-selection {border: none; background: #f8f8f8; height: 40px; border-radius: 0; }
.dictionary-iframe .select2 .selection .select2-selection .select2-selection__arrow {height: 40px; line-height: 40px; }
.dictionary-iframe .select2 .selection .select2-selection .select2-selection__arrow b {}
.dictionary-iframe .select2 .selection .select2-selection .select2-selection__rendered {}

.dictionary-iframe .select2-container .select2-dropdown {background: #f8f8f8; border: none; }
.dictionary-iframe .select2-container .select2-dropdown .select2-search.select2-search--dropdown {padding: 10px; }
.dictionary-iframe .select2-container .select2-dropdown .select2-search.select2-search--dropdown input {border: none; height: 35px; padding: 0 10px; font-weight: 300; font-family: Roboto; }
.dictionary-iframe .select2-container .select2-dropdown .select2-results {}
.dictionary-iframe .select2-container .select2-dropdown .select2-results .select2-results__option {padding: 7px 10px; font-size: 14px; }
.dictionary-iframe .select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted {background: var(--c-main); }
.dictionary-iframe a.btn {text-decoration: none;margin: 12px 4px 0 0;display: inline-block;}


.loginPage {}
.loginPage > div:nth-child(1) {}
.loginPage > div:nth-child(1) .inside {}
.loginPage > div:nth-child(2) {}
.loginPage > div:nth-child(2) .inside {background: var(--c-main);padding: 25px;color: #fff;font-size: 16px;border-radius: 10px;text-align: center;}
.loginPage > div:nth-child(2) .inside h2 {font-size: 26px;margin: 0 0 12px 0;}
.loginPage > div:nth-child(2) .inside .btn {margin: 0;background: #fff;margin: 0 0 0 0;color: #000;}
.loginPage > div:only-child {width: 100%; }


.note {padding: 15px 15px 15px 42px; background: #eee; margin: 0 0 30px 0; font-size: 14px; border-radius: 5px; position: relative; }
.note::before {content: "\f06a";font-family: 'Font Awesome 6 Pro';font-weight: 900;font-size: 20px;position: absolute;top: 15px;left: 15px;opacity: 0.3;line-height: 1;}
.note:last-child {margin-bottom:0;}

.success {padding: 15px 15px 15px 52px;background: #7db97d;margin: 0 0 30px 0;font-size: 14px;border-radius: 5px;position: relative;color: #fff;}
.success::before {/* content: "\e900"; *//* font-family: 'icomoon'; *//* font-weight: 900; *//* font-size: 15px; *//* position: absolute; *//* top: 11px; *//* left: 15px; *//* opacity: 1; *//* line-height: 1; *//* background: #fff; *//* color: #7db97d; *//* border-radius: 50%; *//* width: 30px; *//* height: 30px; *//* text-align: center; *//* line-height: 30px; */}


.login-form {}
.login-form form {display: flex;flex-wrap: wrap;align-items: center;}
.login-form .login-username {flex: 0 1 100%;padding: 0;margin: 0 0 15px 0;}
.login-form .login-username label {font-size: 13px; font-weight: 700; }
.login-form .login-username input {}
.login-form .login-password {flex: 0 1 100%;margin: 0 0 15px 0;}
.login-form .login-password label {font-size: 13px; font-weight: 700; }
.login-form .login-password input {}
.login-form .login-remember {margin: 0 0 0 20px;font-size: 14px;}
.login-form .login-remember input {display: none; }
.login-form .login-remember label {position: relative; padding: 0 0 0 27px; }
.login-form .login-remember label::before {content:"";width: 20px;height: 20px;position: absolute;left: 0;top: 0;background: #eee;display: block;border-radius: 3px;}
.login-form .login-remember label::after {content:"";}

.login-form .login-remember input:checked + label::before {background:var(--c-main)}
.login-form .login-remember input:checked + label::after {content:"\f00c";font-family: "Font Awesome 6 Free";font-weight: 900;color: #fff;position: absolute;top: 0;left: 0;width: 20px;text-align: center;height: 20px;line-height: 20px;font-size: 11px;}

.login-form .login-submit {display: inline-block; }
.login-form .login-submit input {margin: 0;padding: 12px 20px;}
.login-form .forgot-password {margin: 0 0 0 auto;font-size: 14px;}

.logged-in-menu {padding: 0; font-size: 14px; margin: 0 0 30px 0; }
.logged-in-menu li {display: inline-block; }
.logged-in-menu li a {text-decoration: none; padding: 8px 20px; display: block; border-radius: 10px; margin: 0 5px 10px 0; color: #000; background: #f2f2f2; }
.logged-in-menu li a:hover {background:var(--c-main); color:#fff}

.user-details {display: flex; align-items: center; margin: 0 0 30px 0; }
.user-details img {border-radius: 50%; max-width: 120px; margin: 0 15px 0 0; border: solid 1px var(--c-main); padding: 3px; }
.user-details h1 {margin: 0; font-size: 28px; }
.user-details h1 small {display: block; font-weight: 300; font-size: 15px; }


.login-form-wrap {background: var(--c-main-light); color: #fff; margin: -40px -40px 0; padding: 40px; border-radius: 20px 20px 0 0; }
#login-form {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 15px;margin: 0 0 20px 0;}
#login-form .error {grid-column: span 2;font-size: 13px;line-height: 1.3;border: solid 1px #fff;/* padding: 10px 20px; */border-radius: 10px;font-weight: 500;}
#login-form .form-row {margin: 0;font-weight: 600;font-size: 14px;position: relative;}
#login-form .form-row.text-right {text-align:right}
#login-form input[type="text"] {border: none;padding: 0 15px;border-radius: 10px;height: 50px;width: 100%;font-size: 16px;font-weight: 300;margin: 4px 0 0 0;}
#login-form input[type="password"] {border: none;padding: 0 15px;border-radius: 10px;height: 50px;width: 100%;font-size: 16px;font-weight: 300;margin: 4px 0 0 0;}
#login-form input[type="submit"] {background: #000;background: var(--c-main);border: none;color: #fff;font-weight: 600;font-size: 17px;padding: 15px 30px;border-radius: 30px;margin: 0 6px 0 0;display: inline-block;cursor: pointer;line-height: 1;}
#login-form .form-row input[type="checkbox"] {display: none; }
#login-form .form-row label {font-size: 14px;position: relative;padding: 0 0 0 32px;font-weight: 400;cursor: pointer;}
#login-form .form-row label::before {content:"";width: 24px;height: 24px;/* display: inline-block; */background: #f2f2f2;border-radius: 3px;position: absolute;left: 0px;top: -2px;}
#login-form .form-row input:checked + label::before {}
#login-form .form-row input:checked + label::after {content: "\f00c";width: 24px;height: 24px;display: inline-block;border-radius: 3px;position: absolute;left: 0;top: -2px;font-family: 'font awesome 6 pro';font-weight: 900;color: #fff;text-align: center;line-height: 24px;font-size: 12px;background: var(--c-main);}
#login-form a {/* color: #fff; */border-bottom: solid 1px var(--c-main);font-size: 14px;text-decoration: none;font-weight: 400;}


.login-form-wrap {}
.login-form-wrap .acf-form-submit {padding: 0; }
.login-form-wrap .acf-form-submit input {}
.login-form-wrap .acf-fields {}
.login-form-wrap .acf-fields .acf-field {padding: 0;border: none !important;margin: 0 0 20px 0;min-height: auto !important;}
.login-form-wrap .acf-fields .acf-field .acf-label {line-height: 1;}
.login-form-wrap .acf-fields .acf-field.no_label .acf-label {display:none}
.login-form-wrap .acf-fields .acf-field .acf-label label {font-size: 13px;margin: 0;}
.login-form-wrap .acf-fields .acf-field .acf-checkbox-list li label::before {}
.login-form-wrap .acf-fields .acf-field[data-type="message"] {text-align: right;}
.login-form-wrap .acf-fields .acf-field[data-type="message"] a {color: #fff;font-size: 14px;}

.login-form-wrap .acf-fields .acf-field[data-type="remember_me"] {}

@media (max-width: 767px) {
    #login-form {grid-template-columns: repeat(1,1fr);}
    #login-form .form-row.text-right {text-align: left; margin: 10px 0 10px 0; }
    .login-form-wrap {margin: 0; border-radius: 0; padding: 20px; margin: -20px -40px -20px -40px; }
    .loginPage {margin: 0; padding: 0; }
    .loginPage > div:nth-child(1) {margin: 0 0 30px; padding: 0; }
    .loginPage > div:nth-child(2) {padding: 0; margin: 0 -30px -30px; width: calc(100% + 60px); max-width: calc(100% + 60px); }
    .loginPage > div:nth-child(2) .inside {border-radius: 0 0 10px 10px;}
}

#searchform {max-width: 600px; display: inline-block; width: 100%; }
#searchform div {display: flex; }
#searchform div label {}
#searchform div input[type="text"] {}
#searchform div input[type="submit"] {border: none; background: var(--c-main); color: #fff; font-size: 15px; padding: 0 20px; } 

#ref-form {display: grid;grid-template-columns: repeat(12,1fr);grid-row-gap: 30px;grid-column-gap: 10px;margin: 30px 0 20px 0;}
#ref-form .form-row {grid-column: span 12;display: grid;align-items: flex-end;position: relative;}
#ref-form .form-row.has-description {}
#ref-form .form-row .bootstrap-tagsinput {background: #f8f8f8; border-radius: 0; border: none; box-shadow: none; padding: 0 10px; }
#ref-form .form-row .bootstrap-tagsinput > span {display: inline-block; background: #bbb; font-size: 13px; padding: 2px 8px; }
#ref-form .form-row .bootstrap-tagsinput > span > span {margin: 0; }
#ref-form .form-row .bootstrap-tagsinput > span > span::after {content:"\f00d"; font-family:'font awesome 6 pro'; font-weight:900;font-size: 10px;margin: 0 0 0 3px;}
#ref-form .form-row .bootstrap-tagsinput input {display: inline-block; width: auto; }
#ref-form .form-row > label {margin: 0 0 5px 0;}
#ref-form .form-row > label .required {color: #d50000; font-size: 10px; display: inline-block; vertical-align: top; margin: 0 0 0 2px; }
#ref-form .form-row .description {font-size: 11px;opacity: 0.6;margin: 0;position: absolute;bottom: -18px;}
#ref-form .form-row.width-50 {grid-column: span 6;}
#ref-form .form-row.width-33 {grid-column: span 4;}
#ref-form .form-row.width-66 {grid-column: span 8;}
#ref-form .form-row.width-75 {grid-column: span 9;}
#ref-form .form-row.width-25 {grid-column: span 3;}    


#confirmDuplicateMessage {font-size: 19px; font-weight: 600; margin: 0 0 10px 0; }
.default-form .form-row {margin: 0 0 20px 0; }
.default-form .form-row > label {margin: 0 0 6px 0;font-size: 13px;font-weight: 600;line-height: 1;display: block;}
.default-form .form-row > .select2 {width: 100% !important; }
.default-form .gff-title p { margin: 0 0 30px 0; font-size: 14px; opacity: 0.7; }

/* ===================== */
/* ======== FAQ ======== */ 
/*====================== */

.faqListing {/* float: left; */width: 100%;margin:10px 0 0 0;}
.faqListing .item {border-bottom: solid 1px rgba(0 0 0 / 10%);margin: 0 0 20px;padding: 0 0 20px;width: 100%;cursor:pointer;}
.faqListing .item .question {font-size: 20px;margin: 0;vertical-align: top;position: relative;padding: 0 0 0 48px;font-weight: 300;}
.faqListing .item .question i {display:none !important;}
.faqListing .item .question::before {color: #fff;content:"\F153";font-family:"icomoon";font-size: 15px;margin: 0;text-align: center;line-height: 35px;border-radius: 0;width: 35px;position: absolute;left: 0;height: 35px;font-weight: 300;padding: 0px 0 0 1px;display:  inline-block;background: var(--c-main);top: -3px;border-radius: 50%;font-weight: 900;} 
.faqListing .item.active .question::before {content:"\F144";background: var(--c-main-dark);}
.faqListing .item .answer {display: none;/* font-size: 15px; */margin: 20px 0 0;font-weight: 300;}
.faqListing .item .answer p:last-child { margin-bottom: 0;}
.faqListing .item.active {}
.faqListing .item.active .question {font-weight: 600;}
.faqListing .item.active i {color: #fcd56c;}
.faqListing .item:last-child {border: none;}
.faqListing .item p:empty {display: none;}


@media (max-width: 767px) {
    .faqListing .item .question {font-size: 17px;}
}


.listing.semesters {}
.listing.semesters .item {align-items: flex-start;color: #fff;position: relative;overflow: hidden;}
.listing.semesters .item .name {font-weight: 300;font-size: 24px;color: #000;/* letter-spacing: 4px; */line-height: 1;/* max-width: 60%; */margin: 0 0 15px 0;}
.listing.semesters .item .excerpt {font-size: 13px;margin: 0 0 17px 0;color: #000;}
.listing.semesters .item .btn {/* background: #fff; *//* color: #222; */}
.listing.semesters .item .btn:hover {/* box-shadow: 0 0 10px rgba(0 0 0 / 30%); */}
.listing.semesters .item .spacer {flex-grow:1}
.listing.semesters .item .module-nr {font-size: 348px; position: absolute; right: 20px; letter-spacing: -69px; top: 50%; transform: translateY(-50%); font-weight: 700; line-height: 1; opacity: 0.3; display: none; }
.listing.semesters .item .module-nr.two {font-size: 240px; letter-spacing: -47px; right: 0; }

.listing.semesters .item .progress {width: 100%;margin: 0 0 20px 0;}
.listing.semesters .item .progress h3 {color: #000;font-size: 13px;}
.listing.semesters .item .progress .bar {background: rgb(255 255 255 / 20%); height: 5px; }
.listing.semesters .item .progress .bar span {background: #000;height: 5px;mix-blend-mode: overlay;}
.listing.semesters .item .progress > p {color: rgb(0 0 0 / 70%);font-size: 11px;}

.listing.semesters .item .bottom {display: flex; align-items: center; width: 100%; }
.listing.semesters .item .bottom .info {margin: 0 0 0 auto; }
.listing.semesters .item .bottom .info a {margin: 0 0 0 20px;display: inline-block;background: none;border: none;display: inline-block;color: #000;text-decoration: none;border-radius: 0;line-height: 1;}
.listing.semesters .item .bottom .info a::before {content:"";font-size: 21px;margin: -5px 6px 0 0;vertical-align: top;display: inline-block;}
.listing.semesters .item .bottom .info a.chapter::before {content: "\f5fd"; font-family: 'font awesome 6 pro'; font-weight: 900; }
.listing.semesters .item .bottom .info a.card::before {content: "\e968";font-family: 'icomoon';color: #01888a !important;opacity: 0.6;}
.listing.semesters .item .bottom .info a.card:hover::before {opacity:1}

.listing.semesters .item {}


.listing.modules {}
.listing.modules .item {background-image: url(/wp-content/themes/wizdom-me/images/header.jpg); background-size: cover; position: relative; overflow: hidden; color: #fff; background-position: center; }
.listing.modules .item > * {z-index: 1; position: relative; }
.listing.modules .item .name {font-size: 21px; /* font-weight: 700; */ color: #fff; margin: 0 0 3px 0; font-weight: 700; }
.listing.modules .item .name span {display: inline-block; text-transform: uppercase; letter-spacing: 4px; font-size: 55%; font-weight: 700; background: #fff; color: #555; padding: 7px 7px 7px 12px; margin: 0 0 6px 0; border-radius: 5px; }
.listing.modules .item .excerpt {font-size: 14px; margin: 0 0 21px 0px; }
.listing.modules .item .btn {}
.listing.modules .item::after {content:"";background: var(--c-main);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;mix-blend-mode: multiply;}
.listing.modules .item .progress {width: 100%; margin: 0 0 20px 0; }
.listing.modules .item .progress h3 {font-size: 14px;color: #fff;}
.listing.modules .item .progress .bar {height: 5px;background: rgb(255 255 255 / 30%);}
.listing.modules .item .progress .bar span {height: 5px;background: #fff;}
.listing.modules .item .progress > p {font-size: 11px;color: #fff;margin: 5px 0 0 0;color: rgb(255 255 255 / 70%);}
.listing.modules .item .share.favorites .save {color: #fff;}



.circle-progress {width: 25px;height: 25px;margin: 0 0 0 auto;position: relative;}
.circle-progress svg {width: 100%;height: 100%;}
.circle-progress circle { fill: none; transform: rotate(-90deg); transform-origin: 50% 50%; }
.circle-progress .bg {stroke: #eee;}

.circle-progress .progress {stroke: var(--c-main-light); /* use #572b8f if you want purple */stroke-linecap: round;transition: stroke-dashoffset 0.5s ease;}
.circle-progress .outer.bg, .circle-progress .outer.progress { stroke-width: 10; }
.circle-progress .inner.bg, .circle-progress .inner.progress { stroke-width: 10; }
	/* Full red fill for 100% case */
.circle-progress .full-fill { fill: var(--c-main-light); stroke: none; }
    /* Checkmark icons */
.circle-progress .check-icon {position: absolute;color: white;font-size: 11px;pointer-events: none;display: none;justify-content: center;align-items: center;text-align: center;width: 16px;height: 16px;line-height: 16px;align-items: center;justify-content: center;}
.circle-progress .check-icon.outer { top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.4); }
.circle-progress .check-icon.inner {top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);}  
.circle-progress .check-icon.inner i {width: 16px;height: 16px;line-height: 16px;vertical-align: top;display: inline-block;}


.module-header {width: 100%; max-width: 1660px; margin: 0 auto; position: relative; box-shadow: 0 0 20px -16px var(--c-main); margin: 40px auto 20px auto; }
.module-header .content {position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1400px; transform: translate3d(-50%, -50%, 0); padding: 0 53% 0 0; }
.module-header .content h1 {margin: 0 0 6px 0; line-height: 1; color: var(--c-main); }
.module-header .content p.time {opacity: 0.5;font-size: 14px;}
.module-header .content p.time i {margin: 0 8px 0 0; font-size: 15px; }
.module-header .content p {}
.module-header .content .progress {}
.module-header .content .progress h3 {color: #000;font-size: 14px;margin: 0 0 3px 0;}
.module-header .content .progress .bar {background: rgb(0 0 0 / 15%); height: 5px; }
.module-header .content .progress .bar span {}

.module-header .content .stats {list-style: none; padding: 0; font-size: 14px; }
.module-header .content .stats li {display: inline-block; margin: 0 30px 10px 0; }
.module-header .content .stats li i {margin: -1px 6px 0 0; font-size: 21px; opacity: 0.3; vertical-align: top; display: inline-block; }
.module-header > img {height: 550px; width: 100%; object-fit: cover; object-position: top  center; border-radius: 20px; margin: 0px 0 0 0; }


.module-listing {}
.module-listing .item {position: relative;padding: 0 0 20px 33px;border-bottom: solid 1px #ddd;margin: 0 0 20px 0;}
.module-listing .item:last-child {border: none; margin: 0; padding-bottom: 0; }
.module-listing .item.opened {}
.module-listing .item::before {content:"\e919";font-family: icomoon;position: absolute;top: -7px;left: 0;font-size: 23px;opacity: 0.4;}
.module-listing .item.active::before {color:var(--c-main); opacity:1}
.module-listing .item .name {text-decoration: none; color: #000; font-weight: 300; position: relative; display: block; }
.module-listing .item.opened .name {font-weight: 500; }
.module-listing .item .name::after {content:"\e910";font-family: icomoon;display: block;position: absolute;right: 0;top: 0;background: #c0c0c2;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;color: #FFF;font-size: 14px;}
.module-listing .item.opened .name::after {content:"\e90f";background: var(--c-main);}
.module-listing .item .time {color: #999; font-size: 13px; margin: 0; }
.module-listing .item ul.cards {list-style: none; padding: 0 0 0 0; margin: 10px 0 0 0; display: none; }
.module-listing .item.opened ul {display:block;}
.module-listing .item ul.cards li {border-bottom: solid 1px #ddd; padding: 10px 0 10px 25px; position: relative; font-size: 14px; }
.module-listing .item ul.cards li:last-child {border:none;padding-bottom: 0;}
.module-listing .item ul.cards li::before {content:"\e968";font-family: icomoon;position: absolute;left: 0;top: 9px;opacity: 0.3;font-size: 20px;line-height: 1;}
.module-listing .item ul.cards li.completed::before {/* color: var(--c-main); */}
.module-listing .item ul.cards li.completed::after {content:"\e900";font-family: icomoon;position: absolute;right: 6px;top: 6px;color: var(--c-main);font-size: 17px;}
.module-listing .item ul.cards li a {text-decoration: none; color: #000; }
.module-listing .item ul.cards li.active::before {color: var(--c-main);opacity: 1;}
.module-listing .item ul.cards li.active a {font-weight:700}
.module-listing .item ul.cards li .time {color: #999; font-size: 13px; }


.module-listing ul {list-style: none; padding: 0; }
.module-listing > ul {margin:0 0 50px 0;font-size: 15px;}
.module-listing ul li {padding: 0 0 0 33px;position: relative;margin: 0 0 15px 0;padding-bottom: 15px;border-bottom: solid 1px #ddd;}
.module-listing ul li::before {font-family:icomoon;opacity: 0.333333;position: absolute;left: 0;top: -5px;font-size: 21px;} 
.module-listing ul li.item-group {} 
.module-listing ul li.item-card {} 
.module-listing ul li.item-group::before {content:"\e919"} 
.module-listing ul li.item-card::before {content:"\e968"} 
.module-listing ul li.item-card.active::before {color:var(--c-main); opacity:1}
.module-listing ul li.item-card.complete > a::after {content: "\e900";font-family: icomoon;position: absolute;right: 6px;top: 0px;color: var(--c-main);font-size: 17px;}
.module-listing ul li.item-group > a {display:block;padding: 0 40px 0 0;}
.module-listing ul li.item-group > a::after {content:"\e910"; font-family:icomoon;position: absolute;top: 16px;left: 13px;background: #fff;width: 14px;height: 14px;text-align: center;border-radius: 50%;line-height: 14px;color: #000;font-size: 7px;} 
.module-listing ul li.item-group > a.opened::after {content:"\e90f";/* background: var(--c-main); */} 
.module-listing ul li.item-group > a.opened {font-weight:500}
.module-listing ul li ul li.item-group > a {}
.module-listing ul li ul li.item-group > a::after {background: none;color: #000;width: 20px;height: 20px;line-height: 20px;right: 5px;top: 1px;}
.module-listing ul li ul li.item-group > a.opened::after {background: none;color: #000;}
.module-listing ul li ul li.item-group > a.opened {font-weight:500}
.module-listing ul li a {text-decoration: none;color: #000;padding: 0 30px 0 0;display: block;}
.module-listing ul li.active > a {font-weight:500}
.module-listing ul li a .time {font-weight: 300; color: #999; font-size: 12px; }
.module-listing ul li ul {padding: 0 0 0 0;margin: 15px 0 10px 0;display: none;}
.module-listing ul li a.opened + ul {display:block}
.module-listing ul li ul li {padding-bottom: 10px; margin-bottom: 10px; }
.module-listing ul li ul li:last-child {border:none;margin-bottom: 0;padding-bottom: 0;}
.module-listing ul li ul li::before {}
.module-listing ul li ul li a {}


.module-listing + .actions {}
.module-listing + .actions .btn {margin: 0 6px 0 0; }
.module-listing + .actions .btn i {margin: 0 10px 0 0; font-size: 17px; vertical-align: top; display: inline-block; }






.listsClass div {/* background: #f2f2f2; */padding: 15px 15px 15px 5px;cursor: grab;}
.listsClass >li > div {font-weight: 400;color: #8f78e9;}
.listsClass div .s-l-opener {margin: -9px 0 0 -49px !important;vertical-align: top;float: left;display: inline-block;font-size: 1.1em;border-radius: 50%;height: 40px;width: 40px;text-align: center;line-height: 40px;color: rgb(0 0 0 / 30%);position: relative;}
.listsClass div .s-l-opener::before {}
.listsClass div .s-l-opener i {width: 14px;height: 14px;line-height: 14px;display: inline-block;border-radius: 50%;position: absolute;bottom: 2px;left: 25px;background: #fff;color: rgb(0 0 0 / 80);font-size: 7px;text-align: center;box-shadow: 0 0 2px 0 rgb(0 0 0 / 10%);font-weight: 800;}
.listsClass div .s-l-opener i.fa-plus::before {content: "\e910"; font-family: "icomoon"; font-weight: 300; }
.listsClass div .s-l-opener i.fa-minus::before {content: "\e90f"; font-family: "icomoon"; font-weight: 300; }

.listsClass .item-group > div::before {content:"\e919";font-family: icomoon;font-size: 20px;/* background: #fff; */width: 40px;height: 40px;line-height: 40px;display: inline-block;text-align: center;border-radius: 50%;color: rgb(0 0 0 / 30%);position: absolute;left: 7px;top: 6px;}

.listsClass li .link {display: none;margin: 0;position: absolute;right: 10px;top: 12px;font-size: 13px;background: #8f78e9;font-weight: 500;color: #fff !important;text-align: center;border-radius: 50%;width: 30px;height: 30px;text-align: center;line-height: 30px;box-shadow: 0 0 6px 6px #f8f8f8;}
.listsClass li .link.edit {margin: 0 0 0 auto;right: 50px;}
.listsClass li .link.add {right: 50px; }
.listsClass li .link.delete {font-size: 0;}
.listsClass li .link.edit::before {content: "\e918";font-size: 14px;margin-top: 0px;}
.listsClass li .link.add::before {content: "\e910";font-size: 13px;}
.listsClass li .link.delete::before {content: "\e90d";font-size: 13px;}
.listsClass li .link::before {font-family: icomoon;margin: 0 !important;font-size: 15px;vertical-align: top;display: inline-block;font-weight: 300;opacity: 1 !important;}
.listsClass li div:hover > .link {display:block}

.listsClass {list-style: none;padding: 0;font-size: 15px;}
.listsClass > li {position: relative;border-radius: 25px;}
.listsClass li.added-list {background: #8f78e9 !important;color: #fff;}
.listsClass li.added-list div {color: #fff !important;}
.listsClass li.added-list div a {color: #fff !important;}
.listsClass > li ul {list-style: none;padding: 0;}
.listsClass > li ul li {position: relative;border-radius: 25px;border: solid 2px #eeeeee!important;}
.listsClass > li ul li:last-child {}
.listsClass > li ul li .link {top: 11px;}

#s-l-hint {background: none !important;border: solid 2px #8f78e9 !important;border-radius: 50px;/* height: 42.4px !important; */}
#s-l-hint.not-allowed {background: red !important; border: solid 2px red !important;}
/*#s-l-hint[style="display: block; position: relative; padding: 0px; background-color: rgb(255, 153, 153); height: 52.5px;"] {
  
}*/
#s-l-placeholder {background: none !important;border: solid 2px #ccc;border-radius: 50px;/* height: 42.4px !important; */}
.addparent {display: flex; margin: 0 0 20px 0; }
.addparent .input-wrap {display: none; }
.addparent .input-wrap input[type="text"] {}
.addparent .input-wrap input[type="submit"] {}
.addparent .add-parent {margin: 0 0 0 auto; width: 50px; height: 50px; text-align: center; line-height: 50px; background: #8f78e9; border-radius: 50%; color: #fff; font-size: 18px; }
.addparent .add-parent i {}


.listsClass + .actions {padding: 0;display: flex;margin: 30px 0 60px 0;}
.listsClass + .actions .btn {margin: 0 40px 0 0;box-shadow: none;}
.listsClass + .actions .btn i {background: #ccc;color: #fff;width: 30px;height: 30px;display: inline-block;line-height: 30px;border-radius: 50%;margin: 0 8px 0 0;}
.listsClass + .actions .btn.collapse-all {color: #000!important;background: none;padding: 0;font-weight: 400;}
.listsClass + .actions .btn.expand-all {color: #000!important;background: none;padding: 0;font-weight: 400;}
.listsClass + .actions .btn.save {margin: 0 0 0 auto; }

#s-l-base {list-style: none;}
#s-l-base li {background: #8f78e9 !important; border-radius: 25px; }
#s-l-base li div {background: #8f78e9;opacity:0.7;padding: 15px 230px 15px 5px;border-radius: 25px;color: #fff;}
#s-l-base li div a {color:#fff !important}
#s-l-base li ul {list-style:none;}
#s-l-base li.item-group div {}
#s-l-base li.item-group div::before {content:"\e919";font-family: icomoon;font-size: 20px;/* background: #fff; */width: 40px;height: 40px;line-height: 40px;display: inline-block;text-align: center;border-radius: 50%;color: rgb(255 255 255 / 30%);position: absolute;left: 7px;top: 6px;}
#s-l-base li.item-group div .s-l-opener{margin: -9px 0 0 -49px !important;vertical-align: top;float: left;display: inline-block;font-size: 1.1em;border-radius: 50%;height: 40px;width: 40px;text-align: center;line-height: 40px;color: rgb(0 0 0 / 30%);position: relative;}
#s-l-base li.item-group div .s-l-opener i {width: 14px;height: 14px;line-height: 14px;display: inline-block;border-radius: 50%;position: absolute;bottom: 2px;left: 25px;background: #fff;color: rgb(0 0 0 / 80);font-size: 7px;text-align: center;box-shadow: 0 0 2px 0 rgb(0 0 0 / 10%);font-weight: 800;}

#sTree2, #sTreePlus {padding:0;/* background-color: #f2f2f2; */}

#sTree2 li, #sTreePlus li, ul#s-l-base li {padding-left:50px; margin: 10px 10px 10px 10px; background-color: #f8f8f8; border: solid 1px #f8f8f8; }
#sTree2 li a, #sTreePlus li a, ul#s-l-base li a {text-decoration: none; color: #000; }

#pills-tabContent {}
#pills-tabContent .actions {}
#pills-tabContent .actions .btn {display: inline-flex; align-items: center; line-height: 1; }
#pills-tabContent .actions .btn i {margin: 0 9px 0 0; font-size: 14px; vertical-align: top; display: inline-block; }

img.descPicture {display:block; width:100%; margin:0 7px 30px 0; float:left; cursor:pointer; /*transition: all 0.5s ease;*/ }
img.descPicture.descPictureClose { width:150px; }

#sTree2, #sTreePlus {margin: 10px -10px;}

.listsClass .item-group > div > a::before {content:"\e919"; font-family:icomoon;opacity: 0.3;margin: -2px 7px 0 0;font-size: 18px;vertical-align: top;content: none;display: inline-block;}




/*#menu-item-upload {display: none;}*/



body.comments {background: none !important;}

body.iframe-uploads {/* background:none; */padding: 40px;}
body.iframe-uploads #masthead {display:none}
body.iframe-uploads #primary {padding: 0; background: none; }
body.iframe-uploads #primary .page-header {margin: 30px 0 40px 0;}
body.iframe-uploads #primary .main.full .listing {/* grid-template-columns: repeat(3,1fr); *//* grid-gap: 20px; */}
body.iframe-uploads #primary .main.full .listing .item {}

.subjects-listing {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 40px;/* max-height: 600px; */position: relative;/* visibility: hidden; */}
.subjects-listing .subjects {background: #fff;padding: 70px 30px 30px 30px;border-radius: 20px;/* box-shadow: 0 0 20px -16px var(--c-main); */height: 100%;font-size: 16px;position: relative;overflow: hidden;}

.subjects-listing .subjects .subjects-top {display: flex;align-items: center;position: absolute;top: 0;left: 0;right: 0;align-items: center;min-height: 40px;flex-wrap: wrap;background: #fff !important;padding: 20px 30px 0px 30px;border-radius: 20px 20px 0 0;display: flex;align-items: center;color: #000;}
/*.subjects-listing .subjects.subject-list .subjects-top h2 {font-size: 12px; font-weight: 400; opacity: 0.5; }*/
.subjects-listing .subjects .subjects-top h2 {font-weight: 400;font-size: 22px;line-height: 40px;margin: 0 0 0 0;padding: 0 40px 0 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #000;}
.subjects-listing .subjects .subjects-top h2 small {display: block; font-size: 12px; font-weight: 400; margin: 0 0 3px 0; opacity: 0.5; display: none; }
.subjects-listing .subjects .subjects-top .clear {flex:0 1 100%;height: 5px;}
.subjects-listing .subjects .subjects-top .filter {margin: 0 0 0 auto;text-align: right;position: absolute;right: 30px;top: 20px;left: 30px;}
.subjects-listing .subjects .subjects-top .filter i {position: absolute;top: 0;right: 0;height: 40px;text-align: center;line-height: 40px;font-size: 21px;background: none;border-radius: 0 50% 50%0;cursor: pointer;font-weight: 400;margin: 0;transition: margin 0.3s;}
.subjects-listing .subjects .subjects-top .filter i.active {background:#f8f8f8;z-index:10;margin: 0 12px 0 0;font-size: 15px;}
.subjects-listing .subjects .subjects-top .filter input {height: 40px; border-radius: 20px; width: 0; padding: 0; transition: all 0.3s; }
.subjects-listing .subjects .subjects-top .filter .active + input {width: 100%;padding: 0 20px;}
.subjects-listing .subjects > .content {height: 100%;overflow-y: scroll;padding: 5px 10px 0 0;margin: 0 -10px 0 0;}

.subjects-listing .subjects .subject-list-item {display: flex;text-decoration: none;position: relative;color:#000;padding: 0 0 15px 29px;border-bottom: solid 1px #eee;margin: 0 0 15px 0;align-items: center;cursor: pointer;min-height: 37px;font-weight: 300;color: var(--c-main-light) !important;}
.subjects-listing .subjects .subject-list-item em {color: var(--c-gray-normal);font-style: normal;letter-spacing: 1px;}
.subjects-listing .subjects .subject-list-item:hover {}
.subjects-listing .subjects .subject-list-item:hover::before {opacity:1}
.subjects-listing .subjects .subject-list-item:hover em {color:#000}

.subjects-listing .subjects .subject-list-item span {color:#000}


.subjects-listing .subjects .subject-list-item span.subject-list-item-launch-quiz i {display: block; vertical-align: top; }
.subjects-listing .subjects .subject-list-item:last-child {border:none;margin:0;/* padding-bottom:0; */}
.subjects-listing .subjects .subject-list-item::before {content: "\f07b";position: absolute;top: 1px;left: 0;font-family: 'font awesome 6 pro';font-weight: 900;font-size: 20px;/* opacity: 0.4; */line-height: 1;opacity: 0.6;}
.subjects-listing .subjects .subject-list-item.active {font-weight: 400;}
.subjects-listing .subjects .subject-list-item.active::before {/* color:var(--c-main); */opacity:1;/* font-weight: 900; */}

.subjects-listing .subjects .chapter-list-item {display: flex;text-decoration: none;position: relative;color:#000;padding: 0 0 15px 29px;border-bottom: solid 1px #eee;margin: 0 0 15px 0;align-items: flex-start;cursor: pointer;min-height: 37px;/* color: #607be1 !important; */font-weight: 300;}
.subjects-listing .subjects .chapter-list-item em {font-style:normal;color: var(--c-gray-normal);letter-spacing: 1px;flex: 1;padding: 0 20px 0 0px;}
.subjects-listing .subjects .subject-list-item.active em {/* font-style:italic; */color: #000;}
.subjects-listing .subjects .chapter-list-item span {color:#000}
.subjects-listing .subjects .chapter-list-item:last-child {border:none;margin:0;/* padding-bottom:0; */}
.subjects-listing .subjects .chapter-list-item::before {content: "\e919";position: absolute;top: 1px;left: 0;font-family: 'icomoon';font-size: 20px;opacity: 1;line-height: 1;opacity: 1;color: #a1b1ed !important;}
.subjects-listing .subjects .chapter-list-item.active {/* font-weight:600; */font-weight: 400;}
.subjects-listing .subjects .chapter-list-item.active em {/* font-style:italic; */color: #000;}

.subjects-listing .subjects .chapter-list-item.active::before {font-weight: normal;opacity:1;font-weight: normal;color: #607be1 !important;}
.subjects-listing .subjects .chapter-list-item:hover::before {opacity:1}
.subjects-listing .subjects .chapter-list-item:hover em {color:#000}



.subjects-listing .subjects .card-list-item {display: flex;text-decoration: none;position: relative;color: #01888a !important;padding:0 0 15px 29px;border-bottom: solid 1px #eee;margin: 0 0 15px 0;align-items: center;cursor: pointer;line-height: 1.3;min-height: 37px;letter-spacing: 1px;font-weight: 300;}
.subjects-listing .subjects .card-list-item:hover em { color: #000; }
.subjects-listing .subjects .card-list-item.read-card::after {content:"\e900";font-family: icomoon;left: 10px;position: absolute;top: 14px;color: #fff;border-radius: 50%;width: 14px;height: 14px;font-size: 6px;text-align: center;line-height: 14px;background: #01888a !important;box-shadow: 0 0 0 1px #fff;font-weight: 600;text-align: center;padding: 0 0 0 0px;letter-spacing: 0;}
.subjects-listing .subjects .card-list-item em {font-style:normal;color: var(--c-gray-normal);flex: 1;padding: 0 20px 0 0;}
.subjects-listing .subjects .card-list-item .add-to-playlist {border: none;border-radius: 50%;background: var(--c-gray-lighter);color: var(--c-main);width: 25px;height: 25px;line-height: 25px;font-size: 12px;margin: 0 0 0 10px;padding: 0;position: relative;transition:transform 0.3s;transform:scale(1)}
.subjects-listing .subjects .card-list-item .add-to-playlist:hover {transform:scale(1.3);background:var(--c-main); color:#fff}

.subjects-listing .subjects .list-item em i {color: var(--c-gray);font-size: 14px;display: inline;padding: 7px;}
.subjects-listing .subjects .list-item:hover em i, .subjects-listing .subjects .list-item.active em i {color: #777}

.subjects-listing .subjects .card-list-item:last-child {border:none;margin:0;/* padding-bottom:0; */}
.subjects-listing .subjects .card-list-item::before {content: "\e968";position: absolute;top: -1px;left: 0;font-family: 'icomoon';font-size: 22px;opacity: 1;line-height: 1;opacity: 0.6;}
.subjects-listing .subjects .card-list-item:hover::before {opacity:1}
.subjects-listing .subjects .card-list-item.read-card::before {/* opacity: 0.5; */}
.subjects-listing .subjects .card-list-item span {color:#000}
.subjects-listing .subjects .card-list-item span.card-list-item-launch-quiz {}
.subjects-listing .subjects .card-list-item:hover span.card-list-item-launch-quiz {/* display: block; */}
.subjects-listing .subjects .card-list-item span.card-list-item-launch-quiz i {display: block; vertical-align: top;}
.subjects-listing .subjects .card-list-item.active {font-weight:600;}
.subjects-listing .subjects .card-list-item.active::before {/* color:var(--c-main); */opacity:1;font-weight: normal;}


.subjects-listing .subjects .list-item .info {margin: 0;display: flex;min-height: 32px;align-items: center;position: absolute;right: 0;top: -3px;}
.subjects-listing .subjects .list-item:hover .info {/* display:none; *//* visibility: hidden; *//* opacity: 0; */}
.subjects-listing .subjects .list-item .info > span {margin: 0;font-weight: 400;font-size:12px;white-space: nowrap;line-height: 18px;}
.subjects-listing .subjects .list-item .info > span i {font-size: 18px;margin: 0 4px 0 0;vertical-align: top;display: inline-block;opacity: 0.3;}
.subjects-listing .subjects .list-item .info > span img {max-width: 26px; }
.subjects-listing .subjects .list-item .info > .tiny {font-weight: 400;}
.subjects-listing .subjects .list-item .info > .tiny::after {background: #fff;top: 0.05em;left: 0.05em;width: 0.90em;height: 0.90em;}
.subjects-listing .subjects .list-item .info > .tiny span {letter-spacing:0 !important;font-size: 13px !important;}

.subjects-listing .subjects .list-item .learn-buttons {display: none;background: #fff;}
.subjects-listing .subjects .list-item .learn-buttons span {margin: 0 0 0 5px;font-size: 14px;text-align: center;color: #fff;background: var(--c-main);cursor: pointer;font-weight: 400;padding: 8px 12px;border-radius: 5px;line-height: 1;}
.subjects-listing .subjects .list-item:hover .learn-buttons {display: block;position: absolute;right: 0;top: 50%;margin: -8px 0 0 0;transform: translateY(-50%);}


.subjects-listing .subjects.chapter-list, .subjects-listing .subjects.card-list {padding-top: 115px;}
.subjects-listing .subjects.chapter-list .subjects-top, .subjects-listing .subjects.card-list .subjects-top {}
.subjects-listing .subjects.chapter-list .subjects-top h2, .subjects-listing .subjects.card-list .subjects-top h2 {color: #000;max-width: calc(100% - 50px);}
.subjects-listing .subjects.chapter-list .subjects-top .filter, .subjects-listing .subjects.card-list .subjects-top .filter {}
.subjects-listing .subjects.chapter-list .subjects-top .filter.active, .subjects-listing .subjects.card-list .subjects-top .filter.active {z-index: 11; }
.subjects-listing .subjects.chapter-list .subjects-top .filter i, .subjects-listing .subjects.card-list .subjects-top .filter i {background: none;color: #fff;}
.subjects-listing .subjects.chapter-list .subjects-top .filter i.active, .subjects-listing .subjects.card-list .subjects-top .filter i.active {color: #000; }
.subjects-listing .subjects.chapter-list .subjects-top .filter input, .subjects-listing .subjects.card-list .subjects-top .filter input {box-shadow: 0 50px 0 #fff inset; }

.subjects .stats {display: flex;align-items: center;/* flex: 0 1 100%; */margin: 0 0 0 auto;position: absolute;top: 21px;right: 30px;}
.subjects .stats .donut-chart-stats {margin: 0;}
.subjects .stats .donut-chart-stats svg {max-width: 40px; max-height: 40px; }
.subjects .stats img {max-width: 50px; margin: 0 10px 0 0; }
.subjects .stats .details {line-height: 1.2;color: rgb(255 255 255 / 70%);font-size: 13px;}

.subjects .quiz-btn-ph {align-self: center;}
.subjects .quiz-btn-ph span {}
.subjects .quiz-btn-ph span:hover {/* background: var(--c-main) !important; *//* color: #fff; */}
.subjects .quiz-btn-ph span .btn {
    margin: 0;
}


.block.accordion.chapter-tree-list {margin: 0 0 20px 0;}
.block.accordion.chapter-tree-list .item {padding: 0 0 0 0px;}
.block.accordion.chapter-tree-list .item .title {padding: 0 40px 0 0;font-weight: 300;color: var(--c-gray-normal);letter-spacing: 1px;}
.block.accordion.chapter-tree-list .item .title::before {left: auto;right: 0;background: none;color: #000;letter-spacing: 0;}
.block.accordion.chapter-tree-list .item:hover .title { color: #000; }
.block.accordion.chapter-tree-list .item:hover .title::before { background: #eee; }
.block.accordion.chapter-tree-list .item .content {}

.block.accordion.chapter-tree-list .item.active {}
.block.accordion.chapter-tree-list .item.active .title {/* font-weight: 500; */color: #000;font-weight: 400;}
.block.accordion.chapter-tree-list .item.active > .title::before {background: #eee;color: #000;font-size: 9px;}
.block.accordion.chapter-tree-list .item.active .content {padding: 0 0 0 20px; }

.block.accordion.chapter-tree-list .block.accordion.chapter-tree-list {padding: 0 0 0 30px;}

.back-trigger {display: none;z-index: 10;}
.back-trigger i {/* background:var(--c-main); */width: 30px;height: 30px;display: inline-block;line-height: 28px;border-radius: 50%;color: #fff;text-align: center;margin: 0 10px 0 0;border: solid 1px  #fff;font-weight: 600;}




@media (max-width: 1200px) { 
    .subjects-listing {grid-gap: 20px;}
    .subjects-listing .subjects .subjects-top {padding: 20px;}
    .subjects .stats { right: 20px; top: 24px; }
    .subjects-listing .subjects .subjects-top .filter {left: 20px;right: 20px;}
    .subjects-listing .subjects .subjects-top h2 {font-size: 18px;}

    .subjects .stats .donut-chart-stats svg {max-width: 30px;max-height: 30px;}
    .subjects-listing .subjects {padding: 90px 20px 20px 20px;}
    .subjects-listing .subjects.chapter-list, .subjects-listing .subjects.card-list {padding: 130px 20px 20px 20px;} 

}
@media (max-width: 1023px) { 
.back-trigger {display: block;}
.subjects-listing {grid-template-columns: repeat(1,1fr);/* height: 1800px !important; */align-content: start;margin: 0px 0 0;}
.subjects-listing .subjects {display: none;position: relative;/* margin: 0 -20px 0 -20px; */padding: 65px 20px 20px 20px;border-radius: 0;box-shadow: none;}
.subjects-listing .subjects .list-item .learn-buttons {display: block;}
.subjects-listing .subjects.subject-list .list-item .learn-buttons {flex: 0 1 100%;margin: 4px 0 0 0;position: relative;transform: none;top: auto;}
.subjects-listing .subjects.subject-list .list-item .learn-buttons > span {margin: 0 8px 0 0;display: inline-block;}

.subjects-listing .subjects.chapter-list .list-item .learn-buttons {flex: 0 1 100%;margin: 4px 0 0 0;position: relative;transform: none;top: auto;}
.subjects-listing .subjects.chapter-list .list-item .learn-buttons > span {margin: 0 8px 0 0;display: inline-block;}
.subjects-listing .subjects.card-list .list-item .learn-buttons {flex: 0 1 100%;margin: 4px 0 0 0;position: relative;transform: none;top: auto;}
.subjects-listing .subjects.card-list .list-item .learn-buttons > span {margin: 0 8px 0 0;display: inline-block;}
.subjects-listing .subjects .list-item .info {visibility: visible !important; opacity: 1 !important;}
.subjects-listing .subjects .list-item {flex-wrap:wrap;}
.subjects-listing .subjects.active {display:block;padding-top: 115px;}
.subjects-listing .subjects.subject-list {z-index: 1;margin-top:0;padding-top: 70px;}
.subjects-listing .subjects.chapter-list {z-index:2;}
.subjects-listing .subjects.card-list {z-index: 3;}
.subjects-listing .subjects.chapter-list .subjects-top, .subjects-listing .subjects.card-list .subjects-top {padding: 20px; }
.subjects-listing .subjects.chapter-list .subjects-top h2, .subjects-listing .subjects.card-list .subjects-top h2 {font-size: 18px; }
.subjects-listing .subjects .subjects-top {border-radius: 0 !important;top: 0px;left: 0px;right: 0px;}
.subjects-listing .subjects .back-trigger i {color: #000;width: auto;}
.subjects .stats .donut-chart-stats svg {width: 40px;height: 40px;}
.subjects-listing .subjects > .content {padding: 5px 7px 0 0;margin: 0 -8px 0 0;overflow-y: hidden;}
}

@media (max-width: 767px) { 
.subjects-listing .subjects {}
.subjects-listing .subjects.subject-list {}
.subjects-listing .subjects .subjects-top {padding: 20px 20px;}
.subjects-listing .subjects .subjects-top .filter {}
.subjects-listing .subjects .subjects-top .filter i {}
}

.hidden {display: none !important;}


.subjects-listing .content::-webkit-scrollbar {-webkit-appearance: none; width: 5px; }
.subjects-listing .content::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3); }





#exam-selector {display: flex;align-items: flex-start;margin: 0 0 30px 0;gap: 20px;row-gap: 0;background: #fff;padding: 20px;border-radius: 10px;box-shadow: 0 0 20px -16px var(--c-main);flex-wrap: wrap;/* max-width: 1400px; */}
#exam-selector h2 {flex: 0 1 100%; font-size: 25px; margin: 0 0 10px 0; font-weight: 700; line-height: 1; }
#exam-selector .filter-exam {flex: 0 1 38%;max-width: 38%;}
#exam-selector .filter-exam.small-input {flex: 1;}
#exam-selector .filter-exam .select2-container  {width: 100% !important;}
#exam-selector .filter-exam #exam-subjects-select-all, #exam-selector .filter-exam #exam-chapters-select-all {font-size: 13px; text-decoration: none; border-bottom: solid 1px #777; color: #777; margin: 6px 0 0 0; display: inline-block; }
#exam-selector .filter-exam #exam-subjects-deseselect-all {}
#exam-selector .filter-exam input {width:100%;border: none;height: 50px;padding: 0 15px;border-radius: 10px;font-family: Roboto;font-size: 15px;background: #f2f2f2;}
#exam-selector .filter-exam input:focus {background: #f8f8f8;}
#body #exam-selector .select2-container.select2-container--open .select2-selection {background: #f8f8f8; }
#body #exam-selector .select2-container .select2-selection {border-radius: 10px;white-space: nowrap;overflow: hidden;background: #f2f2f2;}
#body #exam-selector .select2-container .select2-selection .select2-selection__rendered {padding: 0 5px 0 10px; }
#body #exam-selector .select2-container .select2-selection > .select2-search.select2-search--inline textarea {color: #000; font-size: 15px; opacity: 1; }
#exam-selector .btn {margin:0;height: 50px;font-size: 15px;white-space: nowrap;}


#cards-read-filter {margin: 30px 0 0 0;flex: 0 1 calc(100% + 40px);background: #f2f2f2;margin: 20px -20px -20px;padding: 20px 20px;border-radius: 0 0 10px 10px;overflow: hidden;display: flex;align-items: center;}
#cards-read-filter > span {vertical-align: middle;line-height: 1;display: inline-block;margin: 2px 10px 0 0;flex: 1;}

@media (max-width: 991px) {
  #exam-selector .filter-exam { flex: 0 1 100%; max-width: 100%; margin: 0 0 30px 0; }
}


.cff {}
.cff .cff-title {margin: 0 0 20px 0;position: relative;}
.cff .cff-title .close {top: 0px !important; right: 0px !important; }
.cff .cff-title h2 {margin: 0; font-size: 23px; }
.cff .cff-title p {font-size: 12px; }
.cff .form-row {margin: 0 0 30px 0; }
.cff .form-row:last-child {margin-bottom:0} 
.cff .form-row > label {font-weight: 600; font-size: 14px; margin: 0 0 7px 0; line-height: 1; }
.cff .form-row > label .required {color: #d50000; top: -3px; margin: 0 4px 0 1px; }
.cff .form-row.cff-checkboxes {}
.cff .form-row.cff-checkboxes ul {padding: 0; margin: 0; list-style: none; }
.cff .form-row.cff-checkboxes ul li {margin: 0 0 7px 0; }
.cff .form-row.cff-checkboxes ul li input {display: none; }
.cff .form-row.cff-checkboxes ul li input + label {position: relative; padding: 0 0 0 27px; }
.cff .form-row.cff-checkboxes ul li input + label::before {content: "";width: 20px;height: 20px;position: absolute;display: block;left: 0;top: 1px;background: #eee;/* border: solid 1px #ddd; *//* box-shadow: 0 0 1px rgb(0 0 0 / 50%); */border-radius: 3px;}
.cff .form-row.cff-checkboxes ul li input + label::after {content: "";}
.cff .form-row.cff-checkboxes ul li input:checked + label::before {content: "";background: var(--c-main);/* border: solid 1px var(--c-main); */}
.cff .form-row.cff-checkboxes ul li input:checked + label::after {content: "\f00c";width: 20px;height: 20px;position: absolute;left: 0;top: 0;font-family: "Font Awesome 6 Free";font-weight: 900;color: #fff;text-align: center;font-size: 12px;line-height: 22px;}

@media (max-width: 991px) { 
.cff .cff-title {margin: 20px 0 20px 0;}
}






/* ASTEA LE_O PUS RADU , PLM */

/* Tooltip container */
.dictionary {position: relative; display: inline; }

/* Tooltip text */
.dictionary .tooltiptext {visibility: hidden; width: 320px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; }

/* Show the tooltip text when you mouse over the tooltip container */
.dictionary:hover .tooltiptext {visibility: visible; }

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {visibility: hidden; color: #7f8c8d; text-align: center; padding: 12px 50px; position: fixed; z-index: 200100; bottom: 0; top: auto; font-weight: 700; font-size: 13px; box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); left: 0; right: 0; transform: none; border-radius: 0; }
#snackbar.snack-success {background-color: #44cb6d;color: #ffffff}
#snackbar.snack-error {background-color: #d50000;color: #ffffff }
#snackbar.snack-info {background-color: var(--c-main);color: #ffffff}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; }

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 0; opacity: 1;}
}

@keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 0; opacity: 1;}
}

@-webkit-keyframes fadeout {
from {bottom: 0; opacity: 1;}
to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
from {bottom: 0; opacity: 1;}
to {bottom: 0; opacity: 0;}
} 

.sticky-button {position: -webkit-sticky; /* Safari */ position: sticky; bottom: 0; }

#tinymce {font-family: "Roboto"; font-size: 16p; }
.add-quiz-button-text {font-size: 0.6em;}
.loading-spinner {width: 56px; height: 56px; border-radius: 50%; border: 9px solid; border-color: #dbdcef; border-right-color: #532b88; animation: spinner-d3wgkg 1s infinite linear; margin: auto; }

@keyframes spinner-d3wgkg {
to {
transform: rotate(1turn);
}
}
/* AICI E GATA CE O PUS RADU, PLM 2 */

html.page-template-template-minimal {padding:0;min-height: 100vh;/* height: 100%; */}
.page-template-template-minimal body {/* position: relative; */padding: 0;/* height: 100%; */min-height: 100vh;display: flex;flex-direction: column;}
.page-template-template-minimal body.custom-background {}
.page-template-template-minimal body .layout-spacer {flex-grow: 1; }

.page-template-template-minimal .page-container {background: #fff; color: #000; border-radius: 20px; padding: 40px; max-width: 470px; margin: 0 auto; box-shadow: 0 0 20px -11px var(--c-main); }
.page-template-template-minimal .page-container.small {max-width: 640px;font-size: inherit;}
.page-template-template-minimal .page-container.medium {max-width: 800px;}
.page-template-template-minimal .page-container-bottom {color: var(--c-main);max-width: 470px;margin: 20px auto 40px auto;padding: 0 20px;}
.page-template-template-minimal .page-container-bottom.small {max-width: 470px;font-size: inherit;}
.page-template-template-minimal .page-container-bottom.medium {max-width: 800px;}
.page-template-template-minimal .page-container-bottom .create-account {text-align: center;}
.page-template-template-minimal .page-container-bottom .create-account a {font-weight: 600;}
.page-template-template-minimal .page-container h1 {color: var(--c-main);text-transform: uppercase;text-align: center;font-size: 25px;letter-spacing: 1px;margin: 0 0 20px 0;}
.page-template-template-minimal .page-container h2 {text-align: center; font-size: 16px; margin: 0 0 30px 0; font-weight: 500; }

.page-template-template-minimal .page-container .invitation-message { margin: 0 0 30px 0; background: var(--c-gray-lighter); /* border: 3px solid var(--c-gray-light); */ padding: 17px 20px; line-height: 1.3; border-radius: 20px; text-align: center; font-size: 15px; font-weight: 800; }
.page-template-template-minimal .page-container .invitation-message small { font-weight: 300; }
.page-template-template-minimal .page-container .invitation-message strong {
}

.page-template-template-minimal .page-container > p {font-size: 13px;font-weight: 500;}
.page-template-template-minimal .page-container form {margin:0 0 20px 0;}
.page-template-template-minimal .page-container form:last-child {margin:0}
.page-template-template-minimal .page-container form .acf-fields {margin: 0 -10px; }
.page-template-template-minimal .page-container form .acf-fields .acf-field {padding: 0 10px;border: none;margin: 0 0 20px 0;}
.page-template-template-minimal .page-container form .acf-fields .acf-field .acf-label {margin: 0 0 7px 0; }
.page-template-template-minimal .page-container form .acf-fields .acf-field .acf-label label {line-height: 1; margin: 0; font-size: 14px; font-weight: 500; color: #999; }
.page-template-template-minimal .page-container form .acf-fields .acf-field .description {font-size: 12px; opacity: 1; font-weight: 400; color: #999; }
.page-template-template-minimal .page-container form .acf-fields .acf-field .show-hide-password {position: absolute;top: 17px;right: 20px;color: var(--c-main);cursor: pointer;line-height: 1;font-size: 15px;}
.page-template-template-minimal .page-container form .acf-fields .acf-field .show-hide-password::before {content: "\f06e";font-family: 'font awesome 6 pro';font-weight: 900;}
.page-template-template-minimal .page-container form .acf-fields .acf-field .show-hide-password.active::before {content: "\f070";}
.page-template-template-minimal .page-container form .acf-fields .acf-field.acf-field-63f5bcc44b1f9 {text-align:right}
.page-template-template-minimal .page-container form .acf-fields .acf-field.acf-field-63f5bcc44b1f9 a {text-decoration: none;border-bottom: solid 1px var(--c-main);font-weight: 500;font-size: 14px;}


#login-form .show-hide-password {position: absolute;top: 22px;right: 20px;color: var(--c-main);cursor: pointer;line-height: 1;font-size: 15px;}
#login-form .show-hide-password::before {content: "\f06e";font-family: 'font awesome 6 pro';font-weight: 900;}
#login-form .show-hide-password.active::before {content: "\f070";}



.page-template-template-minimal .page-container form .acf-fields .acf-field[data-name="current_occupation"] {}
.page-id-6032.page-template-template-minimal .page-container form .acf-fields .acf-field[data-name="current_occupation"] {display:none}
.page-template-template-minimal .page-container form .acf-fields .acf-field[data-name="current_occupation"] .acf-radio-list {}
.page-template-template-minimal .page-container form .acf-fields .acf-field[data-name="current_occupation"] .acf-radio-list li {padding: 0;line-height: 1;margin: 0 10px 10px 0 !important;}
.page-template-template-minimal .page-container form .acf-fields .acf-field[data-name="current_occupation"] .acf-radio-list li label {padding: 0;width: 100%;display: block;padding: 15px 42px 15px 15px;border: solid 1px #e5e5e5;border-radius: 10px;cursor: pointer;}
.page-template-template-minimal .page-container form .acf-fields .acf-field[data-name="current_occupation"] .acf-radio-list li label.selected {background: var(--c-main); color: #fff; border: solid 1px transparent; }
.page-template-template-minimal .page-container form .acf-fields .acf-field[data-name="current_occupation"] .acf-radio-list li label::before {content: none; } 
.page-template-template-minimal .page-container form .acf-fields .acf-field[data-name="current_occupation"] .acf-radio-list li label::after {right: 15px;left: auto;content: "";font-family: 'font awesome 6 pro';font-weight: 600;position: absolute;width: auto;height: auto;background: none;transform: none;top: 15px;}
.page-template-template-minimal .page-container form .acf-fields .acf-field[data-name="current_occupation"] .acf-radio-list li:nth-child(1) label::after {content:"\f0f1"}
.page-template-template-minimal .page-container form .acf-fields .acf-field[data-name="current_occupation"] .acf-radio-list li:nth-child(2) label::after {content:"\f518"}
.page-template-template-minimal .page-container form .acf-fields .acf-field[data-name="current_occupation"] .acf-radio-list li:nth-child(3) label::after {content:"\f500"}
.page-template-template-minimal .page-container .selections {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 40px 0; font-size: 14px; align-items: center; line-height: 1; }
.page-template-template-minimal .page-container .selections p {margin: 10px 15px; font-weight: 400; white-space: nowrap; }
.page-template-template-minimal .page-container .selections p span {display: inline-block; background: #f2f2f2; padding: 10px 12px; border-radius: 5px; display: inline-flex; align-items: center; }
.page-template-template-minimal .page-container .selections p span a {text-decoration:none;font-weight: 800;line-height: 1;display: inline-block;margin: 0 0 0 6px;font-size: 10px;}
.page-template-template-minimal .page-container .selections p span a i {font-weight: 600; }
.page-template-template-minimal .page-container .selections p > a {text-decoration:none;display: flex;align-items: center;line-height: 1;}
.page-template-template-minimal .page-container .selections p > a::before {content:"\f177";font-family: 'font awesome 6 pro';font-weight: 900;margin: 0 10px 0 0;font-size: 15px;}


.page-template-template-minimal #body .select2-container .select2-selection {border: solid 1px var(--c-main);padding: 0 10px;border-radius: 25px;background: none;}
.page-template-template-minimal #body .select2-container.select2-container--below .select2-selection[aria-expanded="true"] {border-radius: 25px 25px 0 0;background: var(--c-main-lightest) !important;border: solid 1px transparent;}
.page-template-template-minimal #body .select2-container.select2-container--above .select2-selection[aria-expanded="true"] {border-radius: 0 0 25px 25px ;background: var(--c-main-lightest) !important;border: solid 1px transparent;}
.page-template-template-minimal #body .select2-container .select2-selection .select2-selection__arrow {width: 50px;}
.page-template-template-minimal #body .select2-container .select2-selection .select2-selection__arrow b {border-color: var(--c-main) transparent transparent transparent;}
.page-template-template-minimal #body .select2-container .select2-selection .select2-selection__rendered .select2-search--inline input {border: none !important; padding: 6px 0 0 0 !important; border-radius: 0 !important; }
.page-template-template-minimal #body .select2-container.select2-container--open .select2-selection .select2-selection__rendered .select2-search--inline input {background: none !important; color: #000 !important; }

.page-template-template-minimal .select2-dropdown .select2-search--dropdown {padding: 0 20px 10px; margin: 0px 0 0 0; }
.page-template-template-minimal .select2-dropdown .select2-search--dropdown input {background: #fff !important;box-shadow: none;border-radius: 20px;border: none;padding: 0 15px;/* border-bottom: solid 2px #e5e5e5 !important; *//* border-radius: 0; */}
.page-template-template-minimal .select2-dropdown.select2-dropdown--below {background: #fff !important;border: none;box-shadow: 0 8px 20px -19px var(--c-main);border-top: none;border-radius: 0 0 25px 25px !important;padding: 0 0 10px 0;overflow: hidden;background: var(--c-main-lightest) !important;}
.page-template-template-minimal .select2-dropdown.select2-dropdown--above {background: #fff !important;border: none;box-shadow: 0 -8px 20px -19px var(--c-main);border-top: none;border-radius: 25px 25px 0 0  !important;padding: 20px 0 0px 0;overflow: hidden;background: var(--c-main-lightest) !important;}
.page-template-template-minimal .select2-dropdown .select2-results .select2-results__options li {padding: 12px 12px;font-size: 15px;margin: 0 20px;border-radius: 21px;line-height: 1;}
.page-template-template-minimal .select2-dropdown .select2-results .select2-results__options li[aria-selected=true] {background: none; font-weight: bold; color: #000; }
.page-template-template-minimal .select2-dropdown .select2-results .select2-results__options li.select2-results__option--highlighted {background: #e7def1 !important;color: #000 !important;}
.page-template-template-minimal .select2-dropdown .select2-results .select2-results__options li:hover {background: #e7def1 !important;color:#000 !important;}

.page-template-template-minimal .page-container form .acf-form-submit {padding:0}
.page-template-template-minimal .page-container form .acf-form-submit.button-right {text-align:right}
.page-template-template-minimal .page-container form .acf-form-submit input {margin: 0;}
.page-template-template-minimal .acf-checkbox-list li label.selected::before {border:solid 1px transparent !important}
.page-template-template-minimal .acf-checkbox-list li label::before {border: #eee !important;border-radius: 3px;top: 0;background: #eee;}
.page-template-template-minimal .acf-checkbox-list li label.selected::before {;background: var(--c-main);}
.page-template-template-minimal .acf-checkbox-list li label::after {top:0}
.page-template-template-minimal .acf-checkbox-list li {margin-right:0 !important}

.page-template-template-minimal .acf-field input[type=text], 
.page-template-template-minimal .acf-field input[type=password], 
.page-template-template-minimal .acf-field input[type=date],
.page-template-template-minimal .acf-field input[type=datetime], 
.page-template-template-minimal .acf-field input[type=datetime-local],
.page-template-template-minimal .acf-field input[type=email], 
.page-template-template-minimal .acf-field input[type=month],
.page-template-template-minimal .acf-field input[type=number], 
.page-template-template-minimal .acf-field input[type=search],
.page-template-template-minimal .acf-field input[type=tel], .acf-field input[type=time],
.page-template-template-minimal .acf-field input[type=url], .acf-field input[type=week],
.page-template-template-minimal .acf-field textarea {border: solid 1px var(--c-main) !important;border-radius: 50px !important;padding: 0 20px !important;background: #fff !important;box-shadow: 0 50px 0 #fff inset;}
.page-template-template-minimal .acf-field select {border: solid 1px var(--c-main) !important;border-radius: 50px !important;padding: 0 20px !important;background-color: #fff !important;box-shadow: none;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;background-repeat: no-repeat !important;background-position-x: calc(100% - 15px) !important;background-position-y: 50% !important;}
.page-template-template-minimal .login-form-wrap .acf-form-submit input {border-radius: 60px; margin: 0; width: 100%; }


@media (max-width: 767px) {
.page-template-template-minimal body.custom-background {background-size: auto 480px !important}
.page-template-template-minimal .page-container h1 {text-align: left;font-size: 25px;}
.page-template-template-minimal .page-container h2 {text-align:left;}
.page-template-template-minimal .page-container {border-radius: 0;padding: 30px;}
.page-template-template-minimal .page-container.medium {padding: 20px;}
.page-template-template-minimal .page-container form .acf-fields .acf-field[data-name="current_occupation"] .acf-radio-list li {width: 100%;margin: 0 0 10px 0 !important;}
.page-template-template-minimal .page-container .selections {justify-content: flex-start;}
.page-template-template-minimal .page-container .selections p {margin: 0 0 12px 0; display: flex; align-items: center; width: 100%; }
.page-template-template-minimal .page-container .selections p span {margin: 0 0 0 auto; }
.page-template-template-minimal .page-container .selections p > a {/* background: var(--c-main); */margin: 10px 0 0 0;width: 100%;text-align: center;border-radius: 10px;/* color: #fff; */}
.page-template-template-minimal .page-container form .acf-fields .acf-field {width: 100% !important; }
.page-template-template-minimal .page-container form .acf-fields .acf-field.acf-field-63f5bcc44b1f9 {text-align: center;margin: -20px 0 25px 0;}
.page-template-template-minimal .page-container form .acf-fields .acf-field.acf-field-63f5b6343657b {text-align:center}
.page-template-template-minimal .page-container form .acf-fields .acf-field.acf-field-63f5b6343657b ul li {display:inline-block;}
.page-template-template-minimal .page-container form .acf-form-submit input {width:100%}
}
#exam-info {font-size: 15px;} 



.partner-form #acf-form .acf-repeater > .acf-table tbody > tr > td.acf-row-handle {text-shadow: none;background: none;}
.partner-form #acf-form .acf-repeater > .acf-table thead tr th {background:none;border-bottom: solid 2px rgb(0 0 0 / 10%);}
.partner-form #acf-form .acf-repeater > .acf-table thead tr th[data-key=field_64bfa6eba645e] {width: 25% !important; }
#body .partner-form  .acf-field select {box-shadow:0 50px 0 #fff inset}
#body .partner-form  .acf-field input[type="text"] {
/* background: #fff; */
/* box-shadow: 0 50px 0 #fff inset; */
}
#body .partner-form .select2-container .select2-selection {/* background: #fff; */}







.company-post {margin: 0 -20px 20px 0px; width: calc(100% + 25px); }
.company-post .elem {background: #eee;border-radius: 10px;padding: 0;position: relative;cursor: pointer;}
.company-post .elem .banner {position: absolute !important; left: 0; top: 0; bottom: 0; right: 0; margin: 0 !important; }
.company-post .elem .banner img {}
.company-post .elem .banner img {height: 100%;object-fit: cover;border-radius: 12px;}
.company-post .elem .text {position: absolute; bottom: 0; left: 0; padding: 15px; right: 0; z-index: 100; }
.company-post .elem .type {margin: 0;color: #fff;font-size: 10px;background: rgb(0 0 0 / 20%);/* background: var(--c-main); */display: inline-block;color: #fff;padding: 5px 8px;line-height: 1;margin: 0 0 5px 0;font-weight: 300;}
.company-post .elem .text .name {color: #000;font-size: 13px;margin: 0;display: block;line-height: 1.2;font-weight: 600;display: -webkit-box;max-width: 100%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.company-post .elem::after {content:"";/* height: 100%; */position: absolute;left: 0;top: 0px;right: 0;bottom: 0;z-index: 10;border-radius: 10px;opacity: 1;border: solid 2px #eee;overflow: hidden;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);}
.company-post .elem::before {content:"";display: block;padding-top: 56.25%;}



.company-slider {margin: 0 0 0 0;padding: 0 0 0 20px;}
.company-slider .owl-dots {text-align: center;margin: 20px 0 0 0;display: flex;align-items: center;justify-content: center;}
.company-slider .owl-dots .owl-dot {width: 10px;height: 10px;background: var(--c-main);border-radius: 50%;margin: 0 6px;opacity: 0.2;vertical-align: top;}
.company-slider .owl-dots .owl-dot.active {opacity: 1;}
.company-slider .elem {cursor: pointer; }
.company-slider .elem .banner {position: absolute; bottom: 0; left: 0; right: 0; }
.company-slider .elem .banner img {border-radius: 25px; }
.company-slider .elem .text {position: absolute;z-index: 100;z-index: 101;bottom: 0;left: 0;right: 0;padding: 30px;top: 0;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;}
.company-slider .elem .text .type {margin: 0; color: #fff; font-size: 13px; background: rgb(0 0 0 / 10%); /* background: var(--c-main); */ display: inline-block; color: #777; padding: 9px 14px; line-height: 1; margin: 0 0 9px 0; font-weight: 300; }
.company-slider .elem .text .company-logo {max-width: 90px;width: auto;max-height: 65px;position: absolute;top: 20px;background: #fff;padding: 10px;border: solid 2px #eee;border-radius: 5px;}
.company-slider .elem .text .name {color: #000; font-weight: 600; text-decoration: none; line-height: 1.2; display: block; font-size: 20px; }
.company-slider .elem:before {content:"";content: "";display: block;padding-top: 56.25%;}
.company-slider .elem:after {content:"";content: "";/* height: 100%; */position: absolute;left: 0;top: 0px;right: 0;bottom: 0;z-index: 10;border-radius: 20px;opacity: 1;border: solid 4px #eee;overflow: hidden;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);}

@media (max-width: 767px) {
    .company-slider {margin: 20px 0 0 0;}
}


.history-controls {display: flex !important; align-items: center; }
.show-hidden-history {margin: 0 0 0 auto; display: flex !important; align-items: center; }
.show-hidden-history > span {font-size: 13px; margin: 0 10px 0 0; }
.show-hidden-history label {}

.stats-cols {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 30px;}
.stats-cols .stats-col {}

@media (max-width: 767px) {
.stats-cols {display: grid;grid-template-columns: repeat(1, 1fr);}
.stats-cols .stats-col {}
}


.history-list {padding: 0; margin: 20px 0 20px 0; }
.history-list li {display: flex;/* background: rgb(244 239 250); */padding: 0 0 8px 0;margin: 0 0 8px 0;/* border-radius: 10px; */align-items: center;border-bottom: solid 1px #eee;flex-wrap: wrap;}
.history-list li:last-child {border:none;padding: 0;margin: 0;}
.history-list li a {display: flex;flex: 1;text-decoration: none;align-items: center;color: var(--c-gray-normal);position: relative;padding: 0 0 0 24px;}
.history-list li a:hover {color:#000;}
.history-list li a::before {content:"\e968";font-family:"icomoon";color: #01888a !important;font-size: 18px;opacity: 0.6;position: absolute;left: 0;top: -2px;}
.history-list li a:hover::before {opacity:1}
.history-list li a i {margin: 0 0 0 auto;color: var(--c-gray);}
.history-list li a i:hover {color:#000}
.history-list li .hide-history {margin: 0 0 0 15px;color: var(--c-gray);cursor: pointer;}
.history-list li .hide-history:hover {color:#000;}
.history-list li .remove-favorite-card {margin: 0 0 0 15px;color: var(--c-gray);cursor: pointer;}
.history-list li .remove-favorite-card:hover {color:#000;}
.history-list li h3 { flex: 0 1 100%; margin: 20px 0 14px 0; }
.history-list li ul { padding: 0; flex: 0 1 100%; }

.favorites-list {padding: 0; margin: 20px 0 20px 0; }
.favorites-list li {display: flex;/* background: rgb(244 239 250); */padding: 0 0 8px 0;margin: 0 0 8px 0;border-radius: 10px;align-items: center;border-bottom: solid 1px #eee;}
.favorites-list li:last-child {border:none;}
.favorites-list li a {display: flex;flex: 1;text-decoration: none;align-items: center;color: var(--c-gray-normal);position: relative;padding: 0 0 0 24px;}
.favorites-list li a:hover {color:#000;}
.favorites-list li a::before {content:"\e968";font-family:"icomoon";color: #01888a !important;font-size: 18px;opacity: 0.6;position: absolute;left: 0;top: -2px;}
.favorites-list li a:hover::before {opacity:1}
.favorites-list li a i {margin: 0 0 0 auto;color: var(--c-gray);}
.favorites-list li a i:hover {color:#000}
.favorites-list li .remove-favorite-card {margin: 0 0 0 15px;color: var(--c-gray);cursor: pointer;}
.favorites-list li .remove-favorite-card:hover {color:#000;}






.flyout-menu {display: flex;position: fixed;left: 0;min-width: 340px;background: var(--c-white);top: 90px;bottom: 0;z-index: 1000;padding: 36px 0 0 0;height: 100%;left: -1000px;transition: left 0.5s;box-shadow: 0 0 20px rgb(0 0 0 / 5%);flex-direction: column;padding: 35px 45px 0;}
.flyout-menu.active {left: 0;}
.flyout-menu ul {padding: 0;list-style: none;overflow-y: auto;}
.flyout-menu ul::-webkit-scrollbar {-webkit-appearance: none; width: 7px;background:#eee;border-radius: 4px;}
.flyout-menu ul::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3); }
.flyout-menu ul li {padding: 19px 0px;margin: 0;line-height: 1;border-bottom: solid 1px var(--c-gray-lighter);}
.flyout-menu ul li:last-child {border-bottom:none}
.flyout-menu ul li a {color: var(--c-gray);text-decoration: none;display: inline-flex;align-items: center;font-weight: 400;letter-spacing: 0.5px;}
.flyout-menu ul li a:hover {color:var(--c-main)}
.flyout-menu ul li a.active {color: var(--c-main);font-weight: 500;}
.flyout-menu ul li a i {margin: 0 12px 0 0;font-size: 19px;width: 24px;text-align: center;}
.flyout-menu ul li.has-dropdown {position: relative; }
.flyout-menu ul li.has-dropdown::after {content:"\f0d7";font-family: 'Font Awesome 6 Pro';font-weight: 600;color: var(--c-gray);position: absolute;right: 8px;top: 18px;font-size: 14px;cursor: pointer;}
.flyout-menu ul li.has-dropdown li.has-dropdown::after {top: 9px;}
.flyout-menu ul li .sub-menu {margin: 15px 0 0 0; padding: 0 0 0 28px; display: none; }
.flyout-menu ul li.opened > .sub-menu {display:block}
.flyout-menu ul li .sub-menu li {margin: 0 0 0 0; border: none; padding: 7px 0; }
.flyout-menu ul li .sub-menu li a {font-size: 13px; }
.flyout-menu ul li .sub-menu li a i {font-size: 16px; }
.flyout-menu .spacer {flex-grow: 1;}
.flyout-menu .profile-box {padding: 0;margin: 40px 0 20px 0;}
.flyout-menu .language {position: absolute; bottom: 0; right: 45px; bottom: 25px; }
.flyout-menu .language > span {}
.flyout-menu .language > span img {max-width: 30px; border-radius: 50%; }
.flyout-menu .language ul {display: none; }
.flyout-menu .language.open ul {display: block;position: absolute;bottom: 30px;min-width: 140px;right: -20px;background: #eee;border-radius: 10px;padding: 20px;overflow: visible;}
.flyout-menu .language ul::before {content:"";display: block;position: absolute;right: 0;bottom: -28px;height: 30px;width: 77px;}
.flyout-menu .language ul::after {content:""; width: 0; height: 0; border-style: solid; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #eee; border-bottom: 0; position: absolute; bottom: -9px; right: 24px; }
.flyout-menu .language ul li {text-align: right; padding: 0; border: none; font-size: 14px; }
.flyout-menu .language ul li a {display: flex; align-items: center; justify-content: flex-end; color: var(--c-gray); padding: 5px 0; }
.flyout-menu .language ul li a img {width: 30px; border-radius: 50%; margin: 0 0 0 10px; }

.flyout-menu .user-meta .profile {display: flex;align-items: center;}
.flyout-menu .user-meta .profile img {max-width: 60px; border-radius: 50%; filter: brightness(0.95); margin: 0 10px 0 0; border: solid 2px #eee; }
.flyout-menu .user-meta .profile .name {line-height: 1.2; font-size: 15px; }
.flyout-menu .user-meta .profile .name strong {font-weight: 600; font-size: 17px; }

@media (max-width: 767px) {
  .flyout-menu {top:76px;}
}

.close-flyout {width: 35px;height: 35px;background: var(--c-gray);color: #fff;border-radius: 50%;text-align: center;line-height: 35px;font-size: 19px;margin: 0 10px 0 0;border: none;position: absolute;top: 20px;right: -17px;margin: 0;padding: 0;}
.close-flyout:hover {background:var(--c-main)}

#loggedin-page .header-loggedin .content .logo {margin: 0 40px 0 0; }
#loggedin-page .header-loggedin .content .logo img {max-width: 165px; }
#loggedin-page .header-loggedin .content .actions {margin: 0 0 0 auto; display: flex; align-items: center; }
#loggedin-page .header-loggedin .content .actions > a  {width: 35px;height: 35px;background: var(--c-gray);color: #fff;border-radius: 50%;text-align: center;line-height: 33px;font-size: 19px;margin: 0 0 0 20px;}
#loggedin-page .header-loggedin .content .actions > a:hover {background:var(--c-main)}
#loggedin-page .header-loggedin .content .actions > a i { padding: 0 0 0 0; }
#loggedin-page .header-loggedin .content .actions > a i::before { top: 1px; position: relative; }
#loggedin-page .header-loggedin .content .actions .language {position: relative; }
#loggedin-page .header-loggedin .content .actions .language span{font-weight: 700;font-size:1.3em;color:#B2B2B2;cursor: pointer;}    
#loggedin-page .header-loggedin .content .actions .language img {border-radius: 50%; width: 35px; }
#loggedin-page .header-loggedin .content .actions .language ul {display: none}
#loggedin-page .header-loggedin .content .actions .language.open ul {display: block;}
#loggedin-page .header-loggedin .content .actions .language ul {text-align: right;background: #fff;padding: 15px;position: absolute;right: -20px;top: 45px;min-width: 110px;z-index: 100;border-radius: 10px;box-shadow: 0 0 20px -11px var(--c-main);list-style: none;padding: 15px;margin: 0;display: none;}
#loggedin-page .header-loggedin .content .actions .language ul::before {content:"";display: block;position: absolute;right: 0;top: -28px;height: 30px;width: 77px;}
#loggedin-page .header-loggedin .content .actions .language ul::after {content:"";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;position: absolute;top: -7px;right: 23px;}
#loggedin-page .header-loggedin .content .actions .language ul li {margin: 0 0 10px 0;}
#loggedin-page .header-loggedin .content .actions .language ul li:last-child {margin: 0;}
#loggedin-page .header-loggedin .content .actions .language ul li a {color: #000;text-decoration: none;font-size: 13px;}
#loggedin-page .header-loggedin .content .actions .language ul li a:hover, #loggedin-page .header-loggedin .content .actions .language ul li a.active {font-weight:600}
#loggedin-page .header-loggedin .content .actions .language ul li a img {width: 24px;border-radius: 50%;margin: 0 0 0 7px;}


#loggedin-page .header-loggedin .account {margin: 0 0 0 20px;position: relative;}
/*#loggedin-page .header-loggedin .account img {border-radius: 50%;max-width: 28px;}*/
#loggedin-page .header-loggedin .account img {border-radius: 50%;max-width: 35px;margin: 0;border: solid 1px var(--c-gray);padding: 2px;}
#loggedin-page .header-loggedin .account > span > i {display: block;width: 35px;height: 35px;background: var(--c-gray);color: #fff;border-radius: 50%;text-align: center;line-height: 35px;font-size: 19px;/* margin: 0 10px 0 0; */}
#loggedin-page .header-loggedin .account .dropdown {text-align: right;background: #fff;padding: 25px 15px 15px 15px;position: absolute;right: -50px;top: 62px;min-width: 270px;z-index: 100;border-radius: 0;/* box-shadow: 0 0 26px -16px var(--c-main); */display: none;box-shadow: 0px -20px 0px 0 white, 0px 30px 30px -30px rgb(0 0 0 / 10%) inset, 0px 0 20px 0 rgb(0 0 0 / 5%);}
#loggedin-page .header-loggedin .account.open .dropdown {display:block;}
#loggedin-page .header-loggedin .account .dropdown::before {content:"";display: block;position: absolute;left: 0;right: 0;top: -35px;height: 40px;}
#loggedin-page .header-loggedin .account .dropdown::after {content:"";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;position: absolute;top: -9px;right: 25px;display: none;}
#loggedin-page .header-loggedin .account .dropdown .edit-mode {font-size: 12px;display: flex;justify-content: flex-end;align-items: center;width: 100%;margin: 0 0 10px 0;}
#loggedin-page .header-loggedin .account .dropdown .edit-mode:last-child {margin:0}
#loggedin-page .header-loggedin .account .dropdown .edit-mode > span {margin: 0 10px 0 0;color: var(--c-gray);}
#loggedin-page .header-loggedin .account .dropdown .edit-mode > span .count {background: #c0c0c2; width: 20px; display: inline-block; height: 20px; text-align: center; border-radius: 50%; color: #fff; margin: -1px 0 0 6px; font-size: 11px; line-height: 20px; vertical-align: top; }
#loggedin-page .header-loggedin .account .dropdown .subscription-info {font-size: 13px;background: #f4effa;padding: 7px 10px;border-radius: 9px;margin: 10px 0 0 0;display: inline-block;line-height: 1;color: #2f184b;}
#loggedin-page .header-loggedin .account .login {color: #000;text-decoration: none;font-weight: 400;margin: 0 20px 0 -10px;font-size: 18px;display: block;vertical-align: top;text-transform: uppercase;}
#loggedin-page .header-loggedin .account .dropdown .account-menu {list-style: none;padding: 0;margin: 0 0 20px 0;}
#loggedin-page .header-loggedin .account .dropdown .account-menu li {border-bottom: solid 1px var(--c-gray-lighter); margin: 0; padding: 0; }
#loggedin-page .header-loggedin .account .dropdown .account-menu li .count {background: #c0c0c2;width: 20px;display: inline-block;height: 20px;text-align: center;border-radius: 50%;color: #fff;margin: 3px 0 0 6px;font-size: 11px;line-height: 20px;vertical-align: top;}
#loggedin-page .header-loggedin .account .dropdown .account-menu li:last-child {margin: 20px 0 20px; border-bottom: none; }
#loggedin-page .header-loggedin .account .dropdown .account-menu li a:hover .count {background: var(--c-main);}
#loggedin-page .header-loggedin .account .dropdown .account-menu li a {color: var(--c-gray);font-size: 15px;text-decoration: none;line-height: 1.1;display: flex;padding: 11px 0;justify-content: flex-end;}
#loggedin-page .header-loggedin .account .dropdown .account-menu li a.active {color: var(--c-main); font-weight: 500; }
#loggedin-page .header-loggedin .account .dropdown .account-menu li a i {margin: 0 0 0 10px; font-size: 20px; min-width: 25px; text-align: center; }
#loggedin-page .header-loggedin .account .dropdown .account-menu li a:hover {font-weight:400; color:var(--c-main);}

#loggedin-page {position: relative;padding: 140px 0 0 0;}
#loggedin-page.no-admin-area {padding: 90px 0 0 0;}
#loggedin-page .header-loggedin {position: fixed;left: 0;right: 0;top: 0;z-index: 1001;}
#loggedin-page .header-loggedin .content {background: var(--c-white);padding: 20px 40px;display: flex;align-items: center;box-shadow: 0 0 30px rgb(0 0 0 / 10%);}
#loggedin-page .header-loggedin .content .menu-toggle {display: block;margin: 0 80px 0 0;font-size: 24px;cursor: pointer;}


#loggedin-page .header-loggedin .header-notification { text-align: center; padding: 15px 20px; background: var(--c-main); color: #fff; font-size: 13px; }
#loggedin-page .header-loggedin .header-notification a { color: #fff; text-decoration: none; border-bottom: solid 1px #fff; }


@media (max-width: 1500px) {
  #loggedin-page .header-loggedin .content { padding: 20px; }
}
@media (max-width: 767px) {
  #loggedin-page.no-admin-area {padding: 76px 0 0 0;}
  #loggedin-page {padding: 76px 0 0 0;}
  #loggedin-page .header-loggedin .content .menu-toggle {margin: 0 15px 0 0;}
  #loggedin-page .header-loggedin .account {margin: 0 0 0 10px !important;}
  #loggedin-page .header-loggedin .account.hide-mobile {display:none;}
  #loggedin-page .header-loggedin .notifications {margin: 0 0 0 10px !important;}
  #loggedin-page .header-loggedin .content .actions > a {}
  #loggedin-page .header-loggedin .content .actions > a.logout {display: none;}
  #loggedin-page .header-loggedin .account img {margin: 0 !important;}
  #loggedin-page .header-loggedin .content .logo {margin: 0 20px 0 0 !important;width: 38px;overflow: hidden;}
  #loggedin-page .header-loggedin .content .logo img {max-width: 140px;}
  #loggedin-page .header-loggedin .account .dropdown { right: 0; top: 54px; }
  
}

#footer-loggedin {color: var(--c-gray-normal);padding: 40px 0 100px 0;background: #fff;}
#footer-loggedin .content {display: flex;align-items: flex-start;padding: 0 40px 0 25%;flex-wrap: wrap;margin: 0 auto;padding: 0 20px;max-width: 1500px;column-gap: 20px;}
#footer-loggedin .content .column {flex: 1;}
#footer-loggedin .content .column.full {flex: 0 1 100%; display: flex; align-items: center; margin: 20px 0 0 0; }
#footer-loggedin .content .column h4 {text-transform: uppercase; font-size: 14px; margin: 0 0 25px 0; color: var(--c-gray-dark); letter-spacing: 2px; }
#footer-loggedin .content .column ul {list-style: none; padding: 0; margin: 0; }
#footer-loggedin .content .column ul li {}
#footer-loggedin .content .column ul li a {text-decoration: none; font-size: 14px; letter-spacing: 1px; color: var(--c-gray-normal); }
#footer-loggedin .content .column ul li a:hover {color:var(--c-main);font-weight: 400;}
#footer-loggedin .content .column ul.sm {margin: 0 0 15px 0; }
#footer-loggedin .content .column ul.sm li {display: inline-block; }
#footer-loggedin .content .column ul.sm li a {font-size: 26px; margin: 0 12px 0 0; line-height: 1; vertical-align: top; display: block; }
#footer-loggedin .content .column ul.sm li a .fa-tiktok {font-size: 88%;vertical-align: top;}
#footer-loggedin .content .column ul.sm li a:hover {}

#footer-loggedin .content .column .app {}
#footer-loggedin .content .column .app a {display: inline-block; margin: 0 0 10px 0; }
#footer-loggedin .content .column .app a img {max-width: 215px; }
#footer-loggedin .content .column.full .logo {margin: 0 40px 0 0; }
#footer-loggedin .content .column.full .logo img {max-width: 160px; }
#footer-loggedin .content .column.full .copy {font-size: 12px; }
@media (max-width: 1200px) {
  #footer-loggedin .content { flex-wrap: wrap; }
  #footer-loggedin .content .column { flex: 0 1 33.33%;margin: 0 0 20px 0; }
  #footer-loggedin .content .column.full { justify-content: center; }
}
@media (max-width: 767px) {
  #footer-loggedin .content { }
  #footer-loggedin .content .column { flex: 0 1 100%; margin: 0; }

  #footer-loggedin .content .column h4 { margin: 0 0 10px 0; display: flex; align-items: center; }
  #footer-loggedin .content .column h4::after {content: "\2b";margin: 0 0 0 auto;font-family: 'Font 6 Pro';font-size: 28px;line-height: 1;height: 28px;}
  #footer-loggedin .content .column h4.active::after {content: "\f068";font-size: 17px;line-height: 28px;}
  #footer-loggedin .content .column ul.sm { display: flex; justify-content: center; }
  #footer-loggedin .content .column ul.sm li a { margin: 0 10px; }
  #footer-loggedin .content .column ul.visible-mobile {display: block;text-align: center;margin: 0 0 30px 0;}
  #footer-loggedin .content .column ul.visible-mobile li {display: inline-block;margin: 0 10px;}
  #footer-loggedin .content .column ul.visible-mobile li a { }
  #footer-loggedin .content .column h4.active + ul {display: block;margin: 0 0 30px 0;}
  #footer-loggedin .content .column ul { display: none; }
  #footer-loggedin .content .column.full {}
}

#full-page-loggedin {display: flex;/* grid-gap: 40px; */margin: 60px 0;width: 100%;}
#full-page-loggedin .sidebar-left {padding: 0 40px 0 0;flex: 0 1 270px;width: 270px;}
#full-page-loggedin .main-content {flex: 0 1 calc(100% - 670px);width: calc(100% - 670px);}
#full-page-loggedin .sidebar-right {padding: 0 0 0 40px;flex: 0 1 400px;}



@media (max-width: 1300px) {
  #full-page-loggedin {}
  #full-page-loggedin .sidebar-left {display: none;}
  #full-page-loggedin .main-content {flex: 1;}
  #full-page-loggedin .sidebar-right {} 
  #loggedin-page .index-trigger {display:block;position: relative;z-index: 101;}
  #loggedin-page .index-trigger.active::before {content:"\f00d";font-size: 28px;}
  #loggedin-page .index-trigger.active::after { content: ""; width: 0; height: 0; border-style: solid; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #fff; border-top: 0; position: absolute; top: 31px; right: 0; }

  #full-page-loggedin .sidebar-left.active {display: block;position: fixed;top: 189px;left: 0;right: 0;bottom: 0;z-index: 100;background: #fff;padding: 20px;width: auto;box-shadow: 0 0 20px -16px var(--c-main);/* border-radius: 20px; */}
  #full-page-loggedin .sidebar-left.active::before { content:""; }
  
}

@media (max-width: 991px) {
  #full-page-loggedin {flex-wrap: wrap;margin: 20px 0;}
  #full-page-loggedin .sidebar-left {flex: 0 1 100%;width: 100%;padding: 0;display: none;}
  
  #full-page-loggedin .main-content {flex: 0 1 100%;width: 100%;}
  #full-page-loggedin .sidebar-right {flex: 0 1 100%;width: 100%;padding: 0;} 
  #full-page-loggedin .sidebar-left.active {display: block;top: 158px;/* border-radius: 20px; */}
  #full-page-loggedin .sidebar-left.active::before {right: 22px;}
  #loggedin-page .index-trigger.active::after { top: 40px; }
}

@media (max-width: 767px) {
  #full-page-loggedin { padding: 0px 20px; }
}
#loggedin-page .listing-name {font-size: 20px;text-transform: uppercase;color: var(--c-gray-normal);margin: 0 0 20px 0;display: flex;align-items: center;}




.website-content {max-width: 1500px;padding: 0 20px;margin: 20px auto;}
.post-type-archive-card .website-content { padding: 0 40px; }
.home .website-content {max-width: 100%;padding: 0;margin: 0 auto;}

@media (max-width: 767px) {
  .website-content { padding: 0; margin-top: 0; }
  .home .website-content {}  
  .post-type-archive-card .website-content { padding: 0 20px; }
  .post-type-archive-card .page-header { margin: 0 -20px; }
}

.expandable-card {border-bottom: solid 1px #eee;padding: 20px 0;padding: 20px 30px;margin: 0 -30px;background: #f8f8f8;}
.expandable-card > .title {cursor: pointer;position: relative;font-size: 22px;font-weight: 500;}
.expandable-card > .title.active {font-weight:800;color: var(--c-main);margin: 0 0 15px 0;}

.expandable-card > .title::after {content: "\F11B"; width: 30px; height: 30px; line-height: 30px; position: absolute; top: -3px; right: 0; background: none; display: block; border-radius: 50%; text-align: center; color: #000; font-family: "icomoon"; font-size: 13px; font-weight: 900; transition: transform 0.3s; transform: rotate(0deg); padding: 2px 0 0 0; }
.expandable-card > .title.active::after {transform: rotate(180deg); padding: 1px 0 0 0; }
.expandable-card > .title.active:hover::after {background: var(--c-main);color: #fff;}
.expandable-card > .content {display: none;}
.expandable-card > .title.active + .content {display: block;}


.expandable-card > .content .block.expandable > .title {font-size: 18px; }

.tab-title {display: flex;align-items: center;margin: 0 0 20px 0;}
.tab-title h1 {font-size: 26px;font-weight: 700;margin: 0;}
.tab-title .open-all {margin: 0 0 0 auto;width: 30px;text-align: center;line-height: 30px;cursor: pointer;}
.tab-title .open-all:hover {/* background:var(--c-main); *//* color:#fff; *//* border-radius:50%; */}




.coupon-form {max-width: 580px;margin: 0 auto 60px auto;padding: 0 20px;}
.coupon-form p {margin: 0 0 5px 0; line-height: 1.2; text-align: center; }
.coupon-form p strong {font-weight: 700;}
.coupon-form form {display: flex;flex-wrap: wrap;margin: 15px 0 0 0;}
.coupon-form form input[type="text"] {flex: 1; border-radius: 10px 0 0 10px; border: solid 1px #e0dceb; padding: 0 15px; }
.coupon-form form input[type="submit"] {background: var(--c-secondary);padding: 10px 20px;font-size: 16px;border-radius: 0 10px 10px 0;margin: 0;background: var(--c-main);color: #fff;border: none;}
.coupon-form form .error {flex: 0 1 100%;margin: 10px 0 0 0;font-size: 12px;}

.coupon-success {max-width: 670px; margin: 0 auto 30px auto; background: #7db97d; padding: 20px 20px 20px 60px; font-size: 16px !important; color: #fff; border-radius: 15px; position: relative; line-height: 1.3; }
.coupon-success strong {font-weight: 600; }
.coupon-success::before {content: "\e900"; font-family: 'icomoon'; position: absolute; left: 20px; top: 12px; font-size: 26px; color: #fff; font-weight: 300; }

@media (max-width: 767px) {
.coupon-form form input[type="text"] { height: 44px; border-radius: 10px;}
.coupon-form form input[type="submit"] { flex: 0 1 100%; border-radius: 10px; margin: 10px 0 0 0;}
}
 

#primary .main.full.has-bg.contact-page { display: flex; flex-wrap: wrap; padding: 0; overflow: hidden; }
.contact-page { padding: 0 !important; }
.contact-page .map { flex: 0 1 35%; /* max-width: 30%; */ }
.contact-page .map iframe { height: 100%; width: 100%; }
.contact-page .text {flex: 1;padding: 40px;padding: 0;}
.contact-page .text .contact-blocks { display: grid; grid-template-columns: repeat(3,1fr); margin: 30px 0 40px 0; grid-gap: 20px; }
.contact-page .text .contact-block {font-size: 14px;}
.contact-page .text .contact-block h4 { font-weight: 500; font-size: 16px; margin: 0; color: var(--c-main); margin: 0 0 3px 0; }
.contact-page .text .contact-block p {}
.contact-page .text .contact-block a {}
@media (max-width: 991px) { 
  .contact-page .map { flex: 0 1 100%; }
  .contact-page .map iframe { height: 340px; }
  .contact-page .text {}
  .contact-page .text .contact-blocks {}
}
@media (max-width: 767px) { 
  .contact-page .map { flex: 0 1 100%; }
  .contact-page .map iframe { height: 340px; }
  .contact-page .text {padding: 0;}
  .contact-page .text .contact-blocks { grid-template-columns: repeat(1, 1fr); }
}



.exam-stats-new {display: flex;flex-wrap: wrap;max-width: 800px;margin: 0 auto 30px;}
.exam-stats-new h2 { font-size: 28px; text-align: center; flex: 0 1 100%; }
.exam-stats-new .chart-wrap {text-align: center;flex: 1;margin: auto;padding: 10px 20px 10px;align-items: flex-start;}
.exam-stats-new .chart-wrap .donut-chart-wrap { position: relative; }
.exam-stats-new .chart-wrap .donut-chart-stats { width: auto !important; max-width: 120px; display: inline-block !important; z-index: 10; position: relative; }
.exam-stats-new .chart-wrap .donut-chart-stats svg {}
.exam-stats-new .chart-wrap .donut-chart-stats svg .donut-hole { transition: all 0.3s; }
.exam-stats-new .chart-wrap .donut-chart-stats svg .donut-ring { transition: all 0.3s ease; }
.exam-stats-new .chart-wrap .donut-chart-stats svg .donut-segment {transition: all 0.3s ease;}
.exam-stats-new .chart-wrap .exam-percent { color: var(--c-main-light); font-weight: 700; font-size: 30px; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); width: 120px; height: 120px; line-height: 120px; }
.exam-stats-new .chart-wrap .exam-stat-title {display: block;font-size: 15px;text-align: center;margin: 6px 0 0 0;font-weight: 500;line-height: 1.3;}


.sidebar .exam-stats-new {display: grid;grid-template-columns: repeat(2,1fr);margin: 30px 0 0 0;align-items: start;grid-gap: 20px;}
.sidebar .exam-stats-new .chart-wrap { padding: 0; }
.sidebar .exam-stats-new h2 { grid-column: span 2; }
@media (max-width: 767px) { 
  .exam-stats-new .chart-wrap { flex: 0 1 50%; }
}


.layout-row {display: flex;flex-wrap: wrap;gap: 30px;margin: 0 0 40px 0;}
.layout-row .col { padding: 20px; background: #eee; }
.layout-row .img {/* flex: 0 1 50%; *//* border-radius: 20px; *//* overflow: hidden; */padding: 0;background: none;}
.layout-row .img.flex-end {order:2}
.layout-row .img svg, .layout-row .img img {width: 100%;/* height: 100%; *//* object-fit: cover; */font-weight: 800;/* min-height: 300px; */}
.layout-row .img svg, .layout-row .img img.border { border: none !important; border-radius: 12px; box-shadow: 0 0 0 12px #fff; max-width: calc(100% - 24px); margin: 0 0 0 12px; }
.layout-row .text {/* flex: 1; */align-self: center;padding: 0;background: none;}
.layout-row .text:last-child {margin:0}
.layout-row .text h2 { font-weight: 800; font-size: 28px; }
.layout-row .text h3 {}
.layout-row .text small { display: block; margin: 10px 0 10px 0; opacity: 0.7; font-size: 13px; }

@media (max-width: 991px) {
  .layout-row {gap: 30px;}
  .layout-row .col {}
  .layout-row .img {order: 1 !important;flex: 0 1 100%;}
  .layout-row .text {order: 2 !important;}
}


.welcome-page { max-width: 1230px; margin: 0 auto; }
.welcome-page > h1 {text-align: center;font-size: 48px;color: var(--c-main);margin: 0 0 10px 0;}
.welcome-page > h2 {font-size: 22px;margin: 0 0 80px 0;font-size: 24px;}
.welcome-page > h3 {font-size: 20px;margin: 60px 0 20px 0;font-weight: 500;}
.welcome-page .btn.large {font-size: 22px;margin: 0;font-size: 18px;}
.welcome-page ul { list-style: none; padding: 0 0 0 0; margin: 6px 0 20px 0; }
.welcome-page ul li {position: relative;padding: 0 0 0 30px;margin: 0 0 7px 0;}
.welcome-page ul li::before {content:"\f00c";font-family: "Font Awesome 6 Pro";font-weight: 900;color: var(--c-main);font-size: 22px;position: absolute;left: 0;top: 0;line-height: 1;}


.welcome-page-columns { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 60px; margin: 40px 0 0px 0; }
.welcome-page-columns .col {}
.welcome-page-columns .col .layout-row { margin: 0 0 70px 0; }
.welcome-page-columns .col .layout-row .text {}
.welcome-page-columns .col .layout-row .text h2 { margin: 0 0 5px 0; color: var(--c-main); }
.welcome-page-columns .col .layout-row .text p {}
.welcome-page-columns .col .layout-row .text img[data-zoom] { cursor: pointer; }
.welcome-page-columns .col .layout-row .text img[data-zoom]:hover { /* filter: blur(1px); */ }
.welcome-page-columns .col .layout-row .text .images {position:relative;}
.welcome-page-columns .col .layout-row .text .images:hover::before {content:"\f00e";font-size: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-weight: 300;font-family: 'Font Awesome 6 Pro';background: rgb(255 255 255 / 80%);width: 80px;height: 80px;line-height: 80px;text-align: center;color: #000;cursor: pointer;pointer-events: none;border-radius: 50%;box-shadow: 0 0 45px rgb(0 0 0 / 10%);}

.welcome-page-bottom { text-align: center; }
.welcome-page-bottom .btn {}
.welcome-page-bottom .show-tutorial { margin: 20px 0 0 0; }
.welcome-page-bottom .show-tutorial input { display: none; }
.welcome-page-bottom .show-tutorial label { display: inline-flex; align-items: center; position: relative; }
.welcome-page-bottom .show-tutorial label::before {content:"";display: inline-block;width: 20px;height: 20px;background: #fff;margin: 0 8px 0 0;border-radius: 5px;border: solid 1px var(--c-main);}
.welcome-page-bottom .show-tutorial input:checked + label::before {content:"";background: var(--c-main);}
.welcome-page-bottom .show-tutorial input:checked + label::after {content:"\f00c";border-radius: 5px;font-family: "Font Awesome 6 Pro";color: #fff;position: absolute;width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;font-weight: 600;}


@media (max-width: 991px) {
.welcome-page-columns {grid-template-columns: repeat(1, 1fr);grid-gap: 0;}
  .welcome-page-columns .col .layout-row { margin: 0 0 30px 0; }
}
@media (max-width: 767px) {
  .welcome-page { margin: 20px auto; padding: 20px; }
  .welcome-page > h1 {text-align: left;font-size: 37px;}
  .welcome-page > h2 {font-size:20px;text-align: left !important;margin: 0 0 0 0;}
}


.categories-list.ui-sortable { list-style: none; padding: 0; margin: 0; font-size: 15px; }
.categories-list.ui-sortable li { position: relative; padding: 0 0 0 20px; margin: 6px 0; cursor: grab; }
.categories-list.ui-sortable li::before {content:"\e0ae";font-family: "Font Awesome 6 Pro";position: absolute;left: 0;top: -1px;opacity: 0.2;font-weight: 600;font-size: 16px;}

#order-category {}
#order-category p.order-title { margin: 30px 0 0 0; font-weight: 500; }
#order-category p.info { font-size: 12px; opacity: 0.7; }
#order-category h2 { font-size: 24px; }


h3.section-name {font-weight: 600;font-size: 24px;line-height: 1;margin: 40px 0 5px 0;}
.news-listing.owl-carousel { margin: 0 -10px 30px -10px; width: calc(100% + 20px); max-width: calc(100% + 20px); position: relative; }
.news-listing.owl-carousel .owl-stage-outer {}
.news-listing.owl-carousel .owl-stage-outer .owl-stage { display: flex; }
.news-listing.owl-carousel .owl-stage-outer .owl-stage .owl-item { padding: 10px; }
.news-listing.owl-carousel .owl-stage-outer .owl-stage .owl-item .item { height: 100%; }
.news-listing.owl-carousel .owl-nav {position: absolute;top: -38px;right: 10px;font-size: 28px;}
.news-listing.owl-carousel .owl-nav .owl-prev { margin: 0 20px 0 0; }
.news-listing.owl-carousel .owl-nav .owl-prev::before {content: "\f060";font-family: "Font Awesome 6 Pro";font-weight: 200;}
.news-listing.owl-carousel .owl-nav .owl-next {}
.news-listing.owl-carousel .owl-nav .owl-next::before {content: "\f061";font-family: "Font Awesome 6 Pro";font-weight: 200;}

.news-listing.owl-carousel .owl-dots.disabled {display:none !important}
.news-listing.owl-carousel .owl-dots {display: flex !important;align-items: center;padding: 10px 10px 10px;justify-content: center;}
  .news-listing.owl-carousel .owl-dots .owl-dot {background: var(--c-gray-lighter);width: 10px;height: 10px;border-radius: 50%;margin: 0 7px;}
  .news-listing.owl-carousel .owl-dots .owl-dot.active {background: var(--c-gray);}

@media (max-width: 767px) {
  .news-listing.owl-carousel .owl-nav { display: none; }
}     

.listing-category { margin: 0 0 10px 0; font-size: 22px; font-weight: 500; display: flex; }
.listing-category strong {}
.listing-category strong a { color: var(--c-gray-dark); text-decoration: none; }
.listing-category .nav { margin: 0 0 0 auto; }
.listing-category .nav button { padding: 0; border: none; margin: 0 0 0 10px; }
.webinars-hero {display: flex;grid-template-columns: repeat(3,1fr);margin: 0 0 40px 0;grid-gap: 40px;}
.webinars-hero .main  {flex: 0 1 64%;max-width: 64%;}
.webinars-hero .main .webinars { grid-template-columns: repeat(3,1fr); }
.webinars-hero .main .webinars .item {position: relative;min-height: 300px;background: url(/wp-content/themes/wizdom-me/images/webinar-bg.png) center center no-repeat;background-size: cover;border-radius: 20px;overflow: hidden;}
.webinars-hero .main .webinars .item::after {content:"";background: var(--c-main);background: linear-gradient(180deg, rgba(87,43,143,0.2) 0%, rgba(87,43,143,1) 80%);position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 9;pointer-events: none;}
.webinars-hero .main .webinars .item::before {content:"";padding-top: 60%;display: block;}
.webinars-hero .main .webinars .item .btn.play { width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 11; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; font-size: 36px; border: solid 5px #fff; background: rgb(255 255 255 / 50%); color: var(--c-main); padding: 0 0 0 3px; transform: translate3d(-50%, -50%, 0); transition: all 0.5s; }
.webinars-hero .main .webinars .item .btn.play:hover { background: var(--c-main); color: #fff; border-color: var(--c-main); }
.webinars-hero .main .webinars .item .btn.play i { }
.webinars-hero .main .webinars .item .ce-credits {position: absolute;left: 0;top: 0;z-index: 11;top: 40px;left: 40px;opacity: 1;background: var(--c-main);color: #fff;width: 60px;height: 60px;border-radius: 50%;text-align: center;line-height: 60px;font-weight: 700;font-size: 21px;letter-spacing: -1px;padding: 0;}
.webinars-hero .main .webinars .item .ce-credits.ten {padding: 9px 0 0 0;font-size: 20px;line-height: 1;}
.webinars-hero .main .webinars .item .ce-credits.ten span {font-size: 55%;top: -8px;position: relative;}
.webinars-hero .main .webinars .item .text {position: absolute;bottom: 0;left: 0;right: 0;padding: 40px;z-index: 10;color: #fff;}
.webinars-hero .main .webinars .item .text .date { display: flex; align-items: center; margin: 0 0 6px 0; }
.webinars-hero .main .webinars .item .text .date strong {background: #EA0E0E;padding: 6px 12px;margin: 0 10px 0 0;border-radius: 5px;text-transform: uppercase;font-weight: 600;font-size: 14px;}
.webinars-hero .main .webinars .item .text .date.offline strong { background: rgb(255 255 255 / 60%);   color: #333; text-transform: none; }
.webinars-hero .main .webinars .item .text .date span {font-size: 20px;}
.webinars-hero .main .webinars .item .text .date span br {display:none;}
.webinars-hero .main .webinars .item .text .name {color: #fff;font-size: 50px;margin: 0 0 15px 0;line-height: 1.2;font-weight: 600;text-decoration: none;display: block;}
.webinars-hero .main .webinars .item .text .speaker {display: flex;align-items: center;}
.webinars-hero .main .webinars .item .text .speaker .photo {margin: 0 10px 0 0;}
.webinars-hero .main .webinars .item .text .speaker .photo .img {background: #fff;border-radius: 50%;}
.webinars-hero .main .webinars .item .text .speaker .photo .img img {max-width: 70px;border-radius: 50%;}
.webinars-hero .main .webinars .item .text .speaker .speaker-name {font-weight: 400;}
.webinars-hero .main .webinars .item .text .speaker .speaker-name span {font-weight: 300;opacity: 0.8;}
.webinars-hero .main .webinars .item .text .sponsor {position: absolute;right: 40px;bottom: 40px;min-height: 50px;background: #fff;display: flex;align-items: center;padding: 10px;border-radius: 5px;}
.webinars-hero .main .webinars .item .text .sponsor:empty {display:none}
.webinars-hero .main .webinars .item .text .sponsor img {max-width: 90px;max-height: 40px;}

.webinars-hero .side { flex: 0 1 calc(36% - 40px); max-width: calc(36% - 40px); }
.webinars-hero .side .webinars {height: 100%;}
.webinars-hero .side .webinars .item {position: relative;min-height: 300px;background: url(/wp-content/themes/wizdom-me/images/webinar-bg.png) center center no-repeat;background-size: cover;border-radius: 20px;overflow: hidden;height: 100%;}
.webinars-hero .side .webinars .item::after {content:"";background: rgb(95,95,95);background: linear-gradient(180deg, rgba(87,43,143,0.2) 0%, rgba(87,43,143,1) 80%);position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 9;pointer-events: none;}
.webinars-hero .side .webinars .item .btn.play { width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 11; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; font-size: 36px; border: solid 5px #fff; background: rgb(255 255 255 / 50%); color: var(--c-main); padding: 0 0 0 3px; transform: translate3d(-50%, -50%, 0); transition: all 0.5s; }
.webinars-hero .side .webinars .item .btn.play:hover { background: var(--c-main); color: #fff; border-color: var(--c-main); }
.webinars-hero .side .webinars .item .btn.play i { }
.webinars-hero .side .webinars .item .ce-credits {position: absolute;left: 0;top: 0;z-index: 11;top: 40px;left: 40px;opacity: 1;background: var(--c-main);color: #fff;width: 60px;height: 60px;border-radius: 50%;text-align: center;line-height: 60px;font-weight: 700;font-size: 21px;letter-spacing: -1px;padding: 0;}
.webinars-hero .side .webinars .item .ce-credits.ten {padding: 9px 0 0 0;font-size: 20px;line-height: 1;}
.webinars-hero .side .webinars .item .ce-credits.ten span {font-size: 55%;top: -8px;position: relative;}
.webinars-hero .side .webinars .item .text {position: absolute;bottom: 0;left: 0;right: 0;padding: 40px;z-index: 10;color: #fff;}
.webinars-hero .side .webinars .item .text .date {display: flex;flex-wrap: wrap;align-items: center;margin: 0 0 6px 0;}
.webinars-hero .side .webinars .item .text .date strong {background: #EA0E0E;padding: 3px 11px;margin: 0 10px 0 0;border-radius: 5px;text-transform: uppercase;font-weight: 600;font-size: 13px;}
.webinars-hero .side .webinars .item .text .date.offline strong { background: rgb(255 255 255 / 60%);   color: #333; text-transform: none; }
.webinars-hero .side .webinars .item .text .date span {font-size: 16px;margin: 6px 0 0 0;}
.webinars-hero .side .webinars .item .text .date span br {display:none;}
.webinars-hero .side .webinars .item .text .name {color: #fff;font-size: 26px;margin: 0 0 15px 0;line-height: 1.2;font-weight: 600;text-decoration: none;display: block;margin: 0 0 20px 0;}
.webinars-hero .side .webinars .item .text .speaker {display: flex;align-items: center;}
.webinars-hero .side .webinars .item .text .speaker .photo {margin: 0 10px 0 0;}
.webinars-hero .side .webinars .item .text .speaker .photo .img {background: #fff;border-radius: 50%;}
.webinars-hero .side .webinars .item .text .speaker .photo .img img {max-width: 50px;border-radius: 50%;}
.webinars-hero .side .webinars .item .text .speaker .speaker-name {font-weight: 400;flex: 1;}
.webinars-hero .side .webinars .item .text .speaker .speaker-name span {font-weight: 300;opacity: 0.8;}
.webinars-hero .side .webinars .item .text .sponsor {position: absolute;right: 40px;bottom: 40px;min-height: 50px;background: #fff;display: flex;align-items: center;padding: 10px;border-radius: 5px;}
.webinars-hero .side .webinars .item .text .sponsor:empty {display:none}
.webinars-hero .side .webinars .item .text .sponsor img {max-width: 90px;max-height: 40px;}




.vjs-fluid { padding-top: 56.25%; /* 16:9 ratio */ }



ul#subject-list.ui-sortable { list-style: none; padding: 0; margin: 0; }
ul#subject-list.ui-sortable > li { border: solid 3px var(--c-gray-lighter); padding: 20px; margin: 0 0 20px 0; border-radius: 10px; background: #f1f2f4; }
ul#subject-list.ui-sortable > li.ui-sortable-helper {background:#fff;border: solid 3px #fff;}
ul#subject-list.ui-sortable > li a::before {content:"\f07b";font-family: "Font Awesome 6 Pro";margin: 0px 10px 0 0;opacity: 1;cursor: grab;color: #a5a7d9;font-weight: 600;font-size: 20px;}
ul#subject-list.ui-sortable > li > a {text-decoration: none;text-decoration: none;padding: 0;font-weight: 500;display: inline-block;color: #000;}
ul#subject-list.ui-sortable > li > ul {list-style: none;margin: 15px 0 0 0;padding: 0 0 0 28px;font-size: 15px;}
ul#subject-list.ui-sortable > li > ul > li {display: flex;align-items: center;padding: 10px 15px;background: var(--c-gray-light);margin: 0 0 10px 0;border-radius: 10px;position: relative;}
ul#subject-list.ui-sortable > li > ul > li .percent {position: absolute;left: 0;top: 0;bottom: 0;background: rgb(0 0 0 / 7%);border-radius: 10px;z-index: 1;}
ul#subject-list.ui-sortable > li > ul > li:hover .percent {background: rgb(0 0 0 / 12%);}
ul#subject-list.ui-sortable > li > ul > li:hover {box-shadow: 0 0 10px rgb(0 0 0 / 10%);background: var(--c-gray-lightest);}
ul#subject-list.ui-sortable > li > ul > li > a {text-decoration: none;padding: 0;display: inline-flex;color: #000;align-items: center;z-index: 10;}
ul#subject-list.ui-sortable > li > ul > li > a::before {content: "\f5fd";font-family: "Font Awesome 6 Pro";margin: 0px 10px 0 0;opacity: 1;cursor: grab;color: var(--c-gray);font-weight: 600;}
ul#subject-list.ui-sortable > li > ul > li:hover a::before {color: #607be1 !important;}
ul#subject-list.ui-sortable > li > ul > li .stats {margin: 0 0 0 auto;font-size: 12px;color: #777;font-weight: 400;z-index: 10;}
ul#subject-list.ui-sortable > li > ul > li .stats .line { margin: 4px 0; }
ul#subject-list.ui-sortable > li > ul > li .stats .line > strong { font-weight: 600; margin: 0 3px 0 0; }
ul#subject-list.ui-sortable > li > ul > li .stats .line span { margin: 0 10px 0 0; }
ul#subject-list.ui-sortable > li > ul > li .stats .line span:last-child {margin:0}
ul#subject-list.ui-sortable > li > ul > li .stats .line span .count { display: inline-block; background: var(--c-gray); color: #fff; border-radius: 3px; font-weight: 600; padding: 1px 7px; }



ul#subject-list.ui-sortable > li a:hover::before {opacity:1}




.features-listing {}
.features-listing .item { background: #fff; padding: 30px; margin: 0 0 20px 0; border-radius: 20px; }
.features-listing .item .name { text-decoration: none; font-weight: 600; font-size: 22px; display: block; margin: 5px 0 10px 0; }
.features-listing .item .date { font-size: 13px; opacity: 0.7; }
.features-listing .item .excerpt {font-weight:500;margin: 20px 0 10px 0;font-size: 15px;}
.features-listing .item .content { font-size: 15px; }
.features-listing .item ul.card { border: none; list-style: none; padding: 0; }
.features-listing .item ul.card li {margin: 0 0 12px 0;}
.features-listing .item ul.card li > a {display: flex;text-decoration: none;position: relative;color: var(--c-gray-normal);padding: 0 0 0 26px;align-items: center;cursor: pointer;line-height: 1.3;/* min-height: 37px; */letter-spacing: 1px;font-weight: 300;margin: 0 0 4px 0;}
.features-listing .item ul.card li > a:hover {color: #000;}
.features-listing .item ul.card li > a::before {content: "\e968";position: absolute;top: -3px;left: 0;font-family: 'icomoon';font-size: 22px;opacity: 1;line-height: 1;opacity: 0.6;color: #01888a;}
.features-listing .item ul.card li > a:hover::before {opacity: 1;}
.features-listing .item ul.card li .feature-subject, .features-listing .item ul.card li .feature-chapter {margin: 0 12px 0 0;font-weight: 300;color: #888;/* border: solid 1px var(--c-gray-light); */font-size: 12px;/* padding: 4px 8px; */display: inline-flex;border-radius: 5px;cursor: pointer;text-decoration: none;}
.features-listing .item ul.card li .feature-subject:last-child, .features-listing .item ul.card li .feature-chapter:last-child {margin:0}
.features-listing .item ul.card li .feature-subject:hover, .features-listing .item ul.card li .feature-chapter:hover { color: #000; }
.features-listing .item ul.card li .feature-subject {}
.features-listing .item ul.card li .feature-subject::before {content:"\f07b";font-family: 'Font Awesome 6 Pro';font-weight:900;margin: 0 4px 0 0;font-size: 12px;color: #ccc}
.features-listing .item ul.card li .feature-chapter {}
.features-listing .item ul.card li .feature-chapter::before {content:"\e919";font-family: 'icomoon';margin: 0 4px 0 0;font-size: 12px;color: #ccc;}
.features-listing .item ul.card li .feature-subject:hover::before {opacity: 1;color: var(--c-main-light);}
.features-listing .item ul.card li .feature-chapter:hover::before {color:#607be1;}



.features-listing .item ul.card li .feature-meta { padding: 0 0 0 26px; }
.features-listing .item ul.card li .feature-meta .feature-group { /* display: inline-flex; */ margin: 0 20px 0 0; align-items: center; vertical-align: top; }


.notifications-popup .features-listing { max-height: 400px; overflow-y: auto; }
.notifications-popup .features-listing::-webkit-scrollbar {-webkit-appearance: none; width: 7px; }
.notifications-popup .features-listing::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3); }
.notifications-popup .features-listing .item {padding:0}
.notifications-popup .features-listing .item .name {font-size: 16px;}
.notifications-popup .features-listing .item .name a {font-weight:inherit; color:inherit; text-decoration:none}
.notifications-popup .features-listing .item .excerpt {font-size: 14px;font-weight: 300;margin: 0;}
.notifications-popup .features-listing .item .date {font-size: 12px;}



.wizwords-products {}
.wizwords-products .item {display: flex;align-items: flex-start;border-bottom: solid 1px #ddd;padding-bottom: 15px;margin-bottom: 15px;flex-wrap: wrap;}
.wizwords-products .item:last-child {border:none;padding-bottom: 0;margin-bottom: 0;}
.wizwords-products .item .banner {width: 90px;border-radius: 10px;overflow: hidden;}
.wizwords-products .item .banner img {height: 90px;object-fit: cover;}
.wizwords-products .item .text {flex: 1;padding: 0 0 0 12px;align-self: center;}
.wizwords-products .item .text .name {color: #000;text-decoration: none;font-weight: 600;font-size:14px;line-height: 1.3;display: block;margin: 0 0 5px 0;}
.wizwords-products .item .text .excerpt {font-size: 12px;line-height: 1.3;margin: 0;opacity: 0.5;}
.wizwords-products .item .foot {flex: 0 1 100%;border: none;padding: 0;display: flex;align-items: center;}
.wizwords-products .item .foot .btn {font-size: 10px;padding: 6px 11px;margin: 0 auto 0 0;border-radius: 10px;}
.wizwords-products .item .foot img { max-width: 100px; max-height: 30px; }


.news-listing.wizwords { grid-template-columns: repeat(1, 1fr); grid-gap: 30px; }
.news-listing.wizwords .item {display: flex;flex-direction: row;padding: 0;flex-wrap: wrap;}
.news-listing.wizwords .item .banner {margin: 0;flex: 0 1 220px;background: #f2f2f2;}
.news-listing.wizwords .item .banner img {height:100%;object-fit: cover;mix-blend-mode: multiply;}
.news-listing.wizwords .item .text { padding: 25px; flex: 1; }
.news-listing.wizwords .item .text .excerpt { opacity: 0.7; }
.news-listing.wizwords .item .text .keywords {margin: 0 0 12px 0;}
.news-listing.wizwords .item .text .keywords strong { font-weight: 600; margin: 0 6px 0 0; }
.news-listing.wizwords .item .text .keywords span { display: inline-flex; align-items: center; vertical-align: middle; margin: 0 13px 0 0; }
.news-listing.wizwords .item .text .keywords span::before {content:"\f02b";font-family: 'Font Awesome 6 Pro';font-weight: 800;opacity: 0.2;font-size: 20px;line-height: 1;margin: 0 4px 0 0;}
.news-listing.wizwords .item .foot .switch {margin:0}

@media (max-width: 480px) {
  .news-listing.wizwords .item .banner { flex: 0 1 100%; }
  .news-listing.wizwords .item .text { flex: 0 1 100%; display: block; }
}











/* header */
.header-loggedin .content .logo {margin: 0 40px 0 0; }
.header-loggedin .content .logo img {max-width: 165px; }
.header-loggedin .content .buttons { display: flex; align-items: center; margin: 0 0 0 auto; }
.header-loggedin .content .buttons .btn { margin: 0 0 0 10px; padding: 11px 26px; }
.header-loggedin .content .actions {margin: 0 0 0 40px;display: flex;align-items: center;gap: 0;}
.header-loggedin .content .actions > a  {color: #000;font-size: 21px;width: 40px;height: 40px;line-height: 36px;text-align: center;border-radius: 50%;background: var(--c-gray-lighter);}
.header-loggedin .content .actions > a:hover {background:var(--c-main); color:#fff;}
.header-loggedin .content .actions > a i {padding: 0 0 0 0;}
.header-loggedin .content .actions > a i::before { top: 1px; position: relative; }
.header-loggedin .content .actions .language {position: relative; }
.header-loggedin .content .actions .language span{font-weight: 700;font-size:1.3em;color:#B2B2B2;cursor: pointer;}    
.header-loggedin .content .actions .language img {border-radius: 50%; width: 35px; }
.header-loggedin .content .actions .language ul {display: none}
.header-loggedin .content .actions .language.open ul {display: block;}
.header-loggedin .content .actions .language ul {text-align: right;background: #fff;padding: 15px;position: absolute;right: -20px;top: 45px;min-width: 110px;z-index: 100;border-radius: 10px;box-shadow: 0 0 20px -11px var(--c-main);list-style: none;padding: 15px;margin: 0;display: none;}
.header-loggedin .content .actions .language ul::before {content:"";display: block;position: absolute;right: 0;top: -28px;height: 30px;width: 77px;}
.header-loggedin .content .actions .language ul::after {content:"";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;position: absolute;top: -7px;right: 23px;}
.header-loggedin .content .actions .language ul li {margin: 0 0 10px 0;}
.header-loggedin .content .actions .language ul li:last-child {margin: 0;}
.header-loggedin .content .actions .language ul li a {color: #000;text-decoration: none;font-size: 13px;}
.header-loggedin .content .actions .language ul li a:hover, .header-loggedin .content .actions .language ul li a.active {font-weight:600}
.header-loggedin .content .actions .language ul li a img {width: 24px;border-radius: 50%;margin: 0 0 0 7px;}
.header-loggedin .content .search { flex: 1; margin: 0 auto; max-width: 1040px; position: relative; }

.header-loggedin .content .search #search-form {}
.header-loggedin .content .search #search-form .content {}
.header-loggedin .content .search #search-form .content .search-panel {}
.header-loggedin .content .search #search-form .content .search-panel > i {position: absolute;left: 20px;top: 15px;font-size: 24px;cursor: pointer;}
.header-loggedin .content .search #search-form .content .search-panel.active > i::before {content:"\f00d"}
.header-loggedin .content .search #search-form .content .search-panel input {width: 100%;border: none;background: var(--c-gray-lightest);box-shadow: none;padding: 0 60px;height: 50px;border-radius: 30px;font-size: 17px;font-family:"Open Sans";font-weight: 300;}
.header-loggedin .content .search #search-form .content .search-panel.active input {border-radius:25px 25px 0 0}
.header-loggedin .content .search #search-form .content .search-panel .switch-wrap {position: absolute;top: 13px;right: 20px;}
.header-loggedin .content .search #search-form .content .search-panel .switch-wrap .switch {width: 70px;height: 30px;vertical-align: top;}
.header-loggedin .content .search #search-form .content .search-panel .switch-wrap .switch .slider {display: flex;align-items: center;font-size: 16px;background: var(--c-main);color: #fff;border-radius: 15px;padding: 0 4px;}
.header-loggedin .content .search #search-form .content .search-panel .switch-wrap .switch .slider::before {width: 31px;border-radius: 11px;height: 22px;}
.header-loggedin .content .search #search-form .content .search-panel .switch-wrap .switch input:checked + .slider:before {transform: translateX(31px);}
.header-loggedin .content .search #search-form .content .search-panel .switch-wrap .switch .slider i {flex: 1;z-index: 100;position: relative;text-align: center;color: #fff;}
.header-loggedin .content .search #search-form .content .search-panel .switch-wrap .switch .slider i:first-child {color:#000}
.header-loggedin .content .search #search-form .content .search-panel .switch-wrap .switch input:checked + .slider i:first-child { color: #fff; }
.header-loggedin .content .search #search-form .content .search-panel .switch-wrap .switch input:checked + .slider i:last-child { color: #000; }

.header-loggedin .content .search #search-form .content .results-panel {position: absolute;background: #fff;left: 0;right: 0;background: var(--c-gray-lightest);padding: 30px 20px 80px 20px;border-radius: 0 0 25px 25px;max-height: 760px;top: 49px;display: none;}
.header-loggedin .content .search #search-form .content .active + .results-panel {display:flex}
.header-loggedin .content .search #search-form .content .results-panel .chat {display: flex;flex-direction: column;/* height: 100%; *//* max-height: 100%; */overflow-y: auto;padding: 0 10px 0 0px;}
.header-loggedin .content .search #search-form .content .results-panel .chat::-webkit-scrollbar {width: 4px;}
.header-loggedin .content .search #search-form .content .results-panel .chat::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 6px; }
.header-loggedin .content .search #search-form .content .results-panel .chat::-webkit-scrollbar-thumb:hover {background-color: #999;}
.header-loggedin .content .search #search-form .content .results-panel .chat .item {margin: 0 0 20px 0;}
.header-loggedin .content .search #search-form .content .results-panel .chat .item.response {}
.header-loggedin .content .search #search-form .content .results-panel .chat .item.question {text-align: right; max-width: 80%; margin: 0 0 20px auto;}
.header-loggedin .content .search #search-form .content .results-panel .chat .item .text {padding: 10px 15px;border-radius: 20px;font-size: 14px;font-weight: 300;}
.header-loggedin .content .search #search-form .content .results-panel .chat .item.question .text {background: var(--c-gray-light);}
.header-loggedin .content .search #search-form .content .results-panel .chat .item.response .text { padding: 0;}
.header-loggedin .content .search #search-form .content .results-panel .chat .item .meta {font-size: 13px;margin: 10px 0 0 0;}
.header-loggedin .content .search #search-form .content .results-panel .chat .item .actions { margin: 10px 0 0 -7px; font-size: 14px; }
.header-loggedin .content .search #search-form .content .results-panel .chat .item .actions button { border: none; background: none; opacity: 0.7; padding: 0 7px; }
.header-loggedin .content .search #search-form .content .results-panel .chat .item .actions button:hover {opacity:1}
.header-loggedin .content .search #search-form .content .results-panel .chat .item .actions button i { }
.header-loggedin .content .search #search-form .content .results-panel .chat .item .block.images {max-width: 500px;margin: 20px auto;text-align: center;}
.header-loggedin .content .search #search-form .content .results-panel .chat .item .block.images .image-block-description {font-weight: 300 !important;font-size: 11px;}
.header-loggedin .content .search #search-form .content .results-panel .chat-submit {display: flex;align-items: center;position: absolute;left: 20px;right: 20px;bottom: 20px;}
.header-loggedin .content .search #search-form .content .results-panel .chat-submit textarea {background: #fff;border-radius: 30px;resize: none;padding: 15px;}
.header-loggedin .content .search #search-form .content .results-panel .chat-submit #chat-submit-question {border-radius: 50%;border: none;background: #000;color: #fff;width: 50px;height: 50px;margin: 0 0 0 10px;}


.header-loggedin .account {position: relative;margin: 0 16px 0 0;}
.header-loggedin .account img {border-radius: 50%;max-width: 35px;margin: 0;border: solid 1px var(--c-gray);padding: 2px;vertical-align: top;}
.header-loggedin .account > span {display: block;}
.header-loggedin .account > span > i {display: block;color: #000;font-size: 21px;background: var(--c-gray-lighter);width: 40px;text-align: center;line-height: 40px;height: 40px;border-radius: 50%;cursor: pointer;}
.header-loggedin .account > span > i:hover {background:var(--c-main); color:#fff}
.header-loggedin .account .dropdown {text-align: right;background: #fff;padding: 25px 15px 15px 15px;position: absolute;right: -50px;top: 65px;min-width: 270px;z-index: 100;border-radius: 0;/* box-shadow: 0 0 26px -16px var(--c-main); */display: none;box-shadow: 0px -20px 0px 0 white, 0px 30px 30px -30px rgb(0 0 0 / 10%) inset, 0px 0 20px 0 rgb(0 0 0 / 5%);}
.header-loggedin .account.open .dropdown {display:block;}
.header-loggedin .account .dropdown::before {content:"";display: block;position: absolute;left: 0;right: 0;top: -35px;height: 40px;}
.header-loggedin .account .dropdown::after {content:"";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;position: absolute;top: -9px;right: 25px;display: none;}
.header-loggedin .account .dropdown .edit-mode {font-size: 12px;display: flex;justify-content: flex-end;align-items: center;width: 100%;margin: 0 0 10px 0;}
.header-loggedin .account .dropdown .edit-mode:last-child {margin:0}
.header-loggedin .account .dropdown .edit-mode > span {margin: 0 10px 0 0;color: var(--c-gray);}
.header-loggedin .account .dropdown .edit-mode > span .count {background: #c0c0c2; width: 20px; display: inline-block; height: 20px; text-align: center; border-radius: 50%; color: #fff; margin: -1px 0 0 6px; font-size: 11px; line-height: 20px; vertical-align: top; }
.header-loggedin .account .dropdown .subscription-info {font-size: 13px;background: #f4effa;padding: 7px 10px;border-radius: 9px;margin: 10px 0 0 0;display: inline-block;line-height: 1;color: #2f184b;}
.header-loggedin .account .login {color: #000;text-decoration: none;font-weight: 400;margin: 0 20px 0 -10px;font-size: 18px;display: block;vertical-align: top;text-transform: uppercase;}
.header-loggedin .account .dropdown .account-menu {list-style: none;padding: 0;margin: 0 0 20px 0;}
.header-loggedin .account .dropdown .account-menu li {border-bottom: solid 1px var(--c-gray-lighter); margin: 0; padding: 0; }
.header-loggedin .account .dropdown .account-menu li .count {background: #c0c0c2;width: 20px;display: inline-block;height: 20px;text-align: center;border-radius: 50%;color: #fff;margin: 3px 0 0 6px;font-size: 11px;line-height: 20px;vertical-align: top;}
.header-loggedin .account .dropdown .account-menu li:last-child {margin: 20px 0 20px; border-bottom: none; }
.header-loggedin .account .dropdown .account-menu li a:hover .count {background: var(--c-main);}
.header-loggedin .account .dropdown .account-menu li a {color: var(--c-gray);font-size: 15px;text-decoration: none;line-height: 1.1;display: flex;padding: 11px 0;justify-content: flex-end;}
.header-loggedin .account .dropdown .account-menu li a.active {color: var(--c-main); font-weight: 500; }
.header-loggedin .account .dropdown .account-menu li a i {margin: 0 0 0 10px; font-size: 20px; min-width: 25px; text-align: center; }
.header-loggedin .account .dropdown .account-menu li a:hover {font-weight:400; color:var(--c-main);}
.header-loggedin .account .dropdown .account-menu li .play-video {padding: 11px 00 !important;border: none !important;width: auto;height: auto;margin: 0;color: var(--c-gray) !important;font-size: 15px !important;text-decoration: none;background: none !important;font-weight: 300;}
.header-loggedin .account .dropdown .account-menu li .play-video:hover {color:var(--c-main) !important;}
.header-loggedin .account .dropdown .account-menu li .play-video i {margin: 0 0 0 10px;font-size: 20px;min-width: 25px;text-align: center;}

.header-loggedin {position: fixed;left: 0;right: 0;top: 0;z-index: 1001;}
.header-loggedin > .content {background: var(--c-white);padding: 20px 40px;display: flex;align-items: center;box-shadow: 0 0 30px rgb(0 0 0 / 10%);}
.header-loggedin .content .menu-toggle {display: block;margin: 0 80px 0 0;font-size: 24px;cursor: pointer;}

.header-loggedin .notifications {padding: 0 0 0 0;position: relative;margin: 0 25px 0 0;}
.header-loggedin .notifications > span { cursor: pointer; }
.header-loggedin .notifications span i {font-size: 24px;position: relative;margin: 0;}
.header-loggedin .notifications span .status { position: absolute; right: -9px; top: -8px; background: var(--c-main); width: 18px; height: 18px; border-radius: 50%; color: #fff; font-weight: 500; text-align: center; font-size: 10px; line-height: 17px; }


@media (max-width: 1200px) {
  .header-loggedin .content .buttons {display:none;}
  .header-loggedin .content .actions {margin: 0 0 0 20px;}
  .header-loggedin .account .dropdown { top: 61px; }
  .header-loggedin .content .search {flex: none;margin: 0 0 0 auto;position: unset;}
  .header-loggedin .content .search #search-form .content .search-panel {}
  .header-loggedin .content .search #search-form .content .search-panel > i {position:relative;left: auto;top: auto;font-size: 24px;}
  .header-loggedin .content .search #search-form .content .search-panel input {display:none;padding: 0 55px 0 54px;}
  .header-loggedin .content .search #search-form .content .search-panel .switch-wrap {display:none}
  .header-loggedin .content .search #search-form .content .search-panel.active {position: absolute;left: 0;right: 0;top: 0;background: #fff;z-index: 100;padding: 20px;}
  .header-loggedin .content .search #search-form .content .search-panel.active > i {position: absolute;top: 50%;transform: translateY(-50%);left: 34px;}
  .header-loggedin .content .search #search-form .content .search-panel.active input {display:block;/* background: red; */}
  .header-loggedin .content .search #search-form .content .search-panel.active .switch-wrap {display:block;position: absolute;top: 50%;transform: translateY(-50%);right: 30px;}
  .header-loggedin .content .search #search-form .content .active + .results-panel {top: 70px;left: 20px;right: 20px;z-index: 1002;}
}


@media (max-width: 767px) {
  
  .header-loggedin > .content {padding: 20px;}
  .header-loggedin .content .logo { margin: 0 20px 0 0 !important; width: 45px; overflow: hidden; }
  .header-loggedin .content .logo img {}
  .header-loggedin .content .menu-toggle {margin: 0 15px 0 0;}
  .header-loggedin .content .actions > a.logout {display:none}
  .header-loggedin .content .actions > div.account {display:none}
  .header-loggedin .content .actions > div#notifications {margin-right:0}
}
.main {/* min-height: 900px; */}



.listing { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; }
.listing .item { background: #fff; padding: 25px; border-radius: 20px; }
.listing .item .name { display: block; text-decoration: none; color: #000; margin: 0; font-size: 19px; font-weight: 400; }
.listing .item .date { margin: 0; opacity: 0.5; font-size: 13px; }
.listing .item .meta {margin: 10px 0 0 0;}
.listing .item .meta .subject, .listing .item .meta .chapter {font-size: 13px;margin: 0 20px 0 0;color: #000;text-decoration: none;display: inline-flex;align-items: center;}
.listing .item .meta .subject:hover, .listing .item .meta .chapter:hover {color: var(--c-main);}
.listing .item .meta .subject i, .listing .item .meta .chapter i {font-size: 16px;margin: 0 6px 0 0;opacity: 0.2;}
.listing .item .meta .subject:hover i, .listing .item .meta .chapter:hover i  {opacity:0.5}
.listing .item .actions {display: flex;align-items: center;margin: 20px 0 0 0;}
.listing .item .actions .btn {margin: 0 10px 0 0;}
.listing .item .actions .bookmark {border: none;background: none;font-size: 24px;padding: 0;margin: 0 0 0 auto;}
.listing .item .actions .bookmark i {}

.sidebar .listing { grid-template-columns: repeat(1, 1fr); margin: 0 0 30px 0; } 


.paging { margin: 30px 0 0 0; }
.paging ul.page-numbers {display: flex;align-items: center;list-style: none;padding: 0;margin: 0;width: 100%;justify-content: center;}
.paging ul.page-numbers li {}
.paging ul.page-numbers li .page-numbers {width: 40px;height: 40px;text-align: center;line-height: 40px;display: block;font-size: 14px;text-decoration: none;color: #000;}
.paging ul.page-numbers li .page-numbers.current {background: var(--c-main);color: #fff;border-radius: 50%;font-weight: 600;}
.paging ul.page-numbers li .page-numbers.next {font-size: 0;width: auto;margin: 0 0 0 10px;}
.paging ul.page-numbers li .page-numbers.next::before {content: "\f061";font-family: "Font Awesome 6 Pro";font-size: 22px;}
.paging ul.page-numbers li .page-numbers.prev {font-size: 0;width: auto; margin:0 10px 0 0;}
.paging ul.page-numbers li .page-numbers.prev::after {content: "\f060";font-family:  "Font Awesome 6 Pro";font-size: 22px;font-weight: 300;}
.paging-summary {text-align: center;font-size: 13px;margin: 10px 0 0 0;opacity: 0.5;font-weight: 400;}

.facet-filters-wrapper {display: grid;grid-gap: 10px;display: grid;grid-auto-flow: column;  z-index: 10000;grid-auto-columns: auto;position: relative;margin: 0 0 00;}
.facet-filters-wrapper .facet-filter {position: relative;z-index: 10;}
.facet-filters-wrapper .facet-global-clear-container {text-align: right;display: inline-flex;align-items: center;justify-content: flex-end;position: absolute;right: 0;bottom: -22px;display: none;z-index: 9;}
.facet-filters-wrapper .facet-global-clear-container a {color: #000;text-decoration: none;border-bottom: solid 1px #000;font-size: 12px;}
.facet-filters-wrapper .facet-filter .facet-toggle {border: none !important;background: #fff !important;border-radius: 10px;padding: 10px 25px 10px 15px !important;position: relative;cursor: pointer;display: flex;align-items: center;min-width: 140px;}
.facet-filters-wrapper .facet-filter .facet-toggle.active {box-shadow: 0 20px 0px #fff;}
.facet-filters-wrapper .facet-filter .facet-toggle:after {content:"\f0d7";font-family:"Font Awesome 6 Pro";position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-weight: 600;font-size: 12px;}
.facet-filters-wrapper .facet-filter .facet-toggle .facet-count { width: 20px; height: 20px; display: inline-block; background: #bbb; text-align: center; font-weight: 600; font-size: 10px; line-height: 20px; border-radius: 50%; margin: 0 0 0 10px; color: #fff; } 
.facet-filters-wrapper .facet-filter .facet-dropdown {position: absolute;top: 48px;border: none !important;min-width: 230px;background: #fff !important;display: none;padding: 15px;border-radius: 0 10px 10px 10px;box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);}
.facet-filters-wrapper .facet-filter .facet-dropdown .facet-search {margin: 0 0 10px 0;padding: 10px 15px;border: none;border-radius: 10px;background: #f2f2f2;}
.facet-filters-wrapper .facet-filter .facet-dropdown .facet-clear-container { margin: 0 0 20px 0; font-size: 12px; color: #000; }
.facet-filters-wrapper .facet-filter .facet-dropdown .facet-clear-container a { color: #000; text-decoration: none; border-bottom: solid 1px #000; }
.facet-filters-wrapper .facet-filter .facet-dropdown .facet-options { max-height: 300px; overflow: auto; }
.facet-filters-wrapper .facet-filter .facet-dropdown .facet-options label {display: block;margin: 0 0 8px 0;font-size: 14px;position: relative;padding: 0 0 0 24px;cursor: pointer;}
.facet-filters-wrapper .facet-filter .facet-dropdown .facet-options label::before {content:"";width: 17px;height: 17px;display: block;background: #eee;position: absolute;left: 0;top: 2px;border-radius: 3px;}
.facet-filters-wrapper .facet-filter .facet-dropdown .facet-options label.selected::before { background: var(--c-main); }
.facet-filters-wrapper .facet-filter .facet-dropdown .facet-options label.selected::after {content: "\f00c";font-family: 'Font Awesome 6 Pro';position: absolute;left: 0;top: 2px;width: 17px;height: 17px;line-height: 17px;text-align: center;color: #fff;font-weight: 600;font-size: 9px;}
.facet-filters-wrapper .facet-filter .facet-dropdown .facet-options label input { display: none; }


.page-header {background: #E5E7EB;padding: 30px 20px;z-index: 999;position: relative;}
.page-header .page-header-content {max-width: 1460px;margin: 0 auto;width: 100%;}
.page-header .page-header-content h1 { font-weight: 800; font-size: 32px; }

#primary {max-width: 1500px;margin: 0 auto;padding: 40px 20px;position: relative;width: 100%;}
#primary.with-sidebar {display: grid;grid-template-columns: 70% calc(30% - 30px);gap: 30px;position: relative;}
#primary main {}
#primary .sidebar {}

.sidebar {}
.sidebar .section-title { margin: 0 0 20px 0; font-size: 22px; }
.sidebar .references { background: #fff; padding: 25px; border-radius: 20px; }
.sidebar .references h3 { margin: 0 0 10px 0; font-size: 15px; }

.single-card.with-paywall::after {content:"";background: #fff;position: absolute;top: 0;bottom: 0;left: 20px;width: 100%;z-index: 99;background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0px,rgba(255, 255, 255, 0.8) 500px,rgba(255, 255, 255, 0.8) 100%); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }

#card {}
#card .single-card {}
#card .single-card .top {position: sticky;top: 0;background: #fff;z-index: 100;padding: 20px 30px;margin: -20px -30px 0 -30px;border-radius: 20px;}
#card .single-card .top .text {position: sticky; top: 40px; }
#card .single-card .top .text h1 {padding: 0 30px 0 0;}
#card .single-card .top .text h1 .actions {margin: 0 0px 0 9px;vertical-align: middle;}
#card .single-card .top .text h1 .share.favorites {margin: 0;line-height: 1;vertical-align: middle;}
#card .single-card .block.expandable {margin: 0 -30px; padding: 20px 30px; }


.paywall { position: fixed; left: 0; right: 0; z-index: 100; top: 0; bottom: 0; display: flex; flex-direction: column; /* height: 100vh; */ justify-content: center; }
.paywall .paywall-content { background: var(--c-main); color: #fff; max-width: 1300px; margin: 0 auto; padding: 80px 40px; border-radius: 20px; text-align: center; z-index: 100; width: 100%; min-height: 630px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.paywall .paywall-content h2 { display: flex; text-align: left; line-height: 1; justify-content: center; margin: 0 0 20px 0; font-size: 28px; align-items: flex-end; font-weight: 800; }
.paywall .paywall-content h2 i { font-size: 80px; margin: 0 13px 0 0; }
.paywall .paywall-content p { margin: 10px auto 20px; font-size: 20px; max-width: 800px; }
.paywall .paywall-content p strong {font-weight: 700;}
.paywall .paywall-content .btn { background: #000; padding: 20px 60px; font-size: 17px; margin: 0 0 0 0; }
.paywall .paywall-content .sign-in { margin: 40px auto 0px; font-size: 14px; }
.paywall .paywall-content .sign-in a { color: #fff; font-weight: 700; }
.paywall .paywall-content .symbol { pointer-events: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0.2; z-index: -1; height: 460px; }


.time-challenge { height: 1px; /* background: rgb(255 255 255 / 30%); */ position: absolute; top: -1px; left: 0; right: 0; }
.time-challenge .bar { background: #fff; position: absolute; left: 0; height: 3px; margin: 0; top: -1px; bottom: 0; }

.tooltip.show { z-index: 100002; opacity: 1; }
.tooltip.show .tooltip-inner { padding: 15px 20px; border-radius: 10px; max-width: 600px; text-align: left; }


.products { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; }
.products .item {background: #fff;border-radius: 20px;overflow: hidden;display: flex;flex-wrap: wrap;align-items: center;position: relative;padding: 25px;}
.products .item .banner {flex: 0 1 130px;border: solid 2px #eee;border-radius: 10px;overflow: hidden;}
.products .item .text {padding: 0 0 0 25px;flex: 1;}
.products .item .text .name { color: #000; text-decoration: none; font-weight: 500; font-size: 17px; line-height: 1.2; }
.products .item .text .excerpt { margin: 10px 0 20px 0; font-size: 14px; opacity: 0.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* number of lines */ overflow: hidden; text-overflow: ellipsis; }
.products .item .bottom {display: flex;align-items: center;flex: 0 1 100%;margin: 10px 0 0 0;}
.products .item .bottom .btn {}
.products .item .bottom .sponsor {margin: 0;/* position: absolute; *//* left: 25px; *//* width: 130px; */text-align: center;flex: 0 1 130px;margin: 0 25px 0 0;}
.products .item .bottom .sponsor img { max-width: 105px; }



.videos { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; }
.videos .item {background: #fff;border-radius: 20px;overflow: hidden;display: flex;flex-wrap: wrap;align-items: center;position: relative;padding: 0;}
.videos .item .banner {flex: 0 1 100%;overflow: hidden;padding: 56.25% 0 0 0;position: relative;}
.videos .item .banner::before { content: "\f04b"; font-family: 'Font Awesome 6 Pro'; position: absolute; top: 50%; left: 50%; background: rgb(87 43 143 / 50%); color: #fff; width: 100px; height: 100px; z-index: 100; border-radius: 50%; line-height: 100px; text-align: center; transform: translate(-50%, -50%); font-weight: 800; font-size: 39px; padding: 0 0 0 4px; box-shadow: 0 0 0 8px rgb(255 255 255 / 40%); transition: all 0.3s; }
.videos .item .banner:hover::before {box-shadow: 0 0 0 8px rgb(255 255 255 / 80%);background: var(--c-main);}
.videos .item .banner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.videos .item .text {padding: 15px 25px 25px 25px;flex: 1;}
.videos .item .text .name { color: #000; text-decoration: none; font-weight: 500; font-size: 17px; line-height: 1.2; }
.videos .item .text .excerpt { margin: 10px 0 20px 0; font-size: 14px; opacity: 0.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* number of lines */ overflow: hidden; text-overflow: ellipsis; }
.videos .item .text .bottom {display: flex;align-items: center;flex: 0 1 100%;margin: 20px 0 0 0;}
.videos .item .text .bottom .btn { font-size: 14px; padding: 14px 30px; }
.videos .item .text .bottom .sponsor {margin: 0;/* position: absolute; *//* left: 25px; *//* width: 130px; */text-align: center;margin: 0 0 0 auto;}
.videos .item .text .bottom .sponsor img { max-width: 105px; }


.single-product {display: flex;flex-wrap: wrap;}
.single-product .photos { flex: 0 1 35%; border-radius: 20px; overflow: hidden; }
.single-product .photos .photo { background: #f2f2f2; }
.single-product .photos .photo img {mix-blend-mode:multiply}
.single-product .description { padding: 0 0 0 40px; flex: 1; }
.single-product .description .sponsor { margin: 10px 0 20px 0; }
.single-product .description .sponsor img { max-width: 180px; max-height: 50px; }
.single-product .description h1 {font-size: 32px;font-weight: 700;margin: 10px 0 20px 0;}
.single-product .description .excerpt { opacity: 0.7; margin: 0 0 20px 0; }

.single-product .video-section {flex: 0 1 100%;max-width: 100%;margin: 50px 0 0 0;}
.single-product .video-section .section-header {display: flex;align-items: center;margin: 0 0 20px 0;}
.single-product .video-section .section-header h2 {font-size: 22px;font-weight: 700;margin: 0 auto 0 0;}
.single-product .video-section .section-header .section-search {}
.single-product .video-section .section-header .section-search input {border-radius: 10px;padding: 0 20px;height: 45px;min-width: 300px;background: #eee;box-shadow: 0 50px 0 #eee inset;}
.single-product .video-section .section-header .owl-nav-custom {margin: 0 0 0 20px;}
.single-product .video-section .section-header .owl-nav-custom button { border: none; background: #eee; border-radius: 20px; width: 40px; height: 40px; line-height: 40px; font-size: 19px; margin: 0 0 0 7px; }
.single-product .video-section .section-header .owl-nav-custom button:hover {background:var(--c-main); color:#fff;}
.single-product .video-section .videos {display: flex;gap: 20px;flex-wrap: wrap;}
.single-product .video-section .videos .video-item { flex: 1; }
.single-product .video-section .videos .video-item .banner {background: #f2f2f2;display: block;margin: 0 0 15px 0;border-radius: 10px;overflow: hidden;position: relative;padding: 56.25% 0 0 0;cursor: pointer;}
.single-product .video-section .videos .video-item .banner::before {content:"\f04b";font-family: 'Font Awesome 6 Pro';position: absolute;top: 50%;left: 50%;background: rgb(87 43 143 / 50%);color: #fff;width: 80px;height: 80px;z-index: 100;border-radius: 50%;line-height: 80px;text-align: center;transform: translate(-50%,-50%);font-weight: 800;font-size: 32px;padding: 0 0 0 4px;box-shadow: 0 0 0 8px rgb(255 255 255 / 40%);transition: all 0.3s;}
.single-product .video-section .videos .video-item .banner:hover::before {box-shadow: 0 0 0 8px rgb(255 255 255 / 80%);background: var(--c-main);}
.single-product .video-section .videos .video-item .banner img {mix-blend-mode: multiply;position: absolute;left: 0;top: 0;height: 100%;width: 100%;object-fit: cover;}
.single-product .video-section .videos .video-item iframe { width: 100%; border-radius: 10px; margin: 0 0 10px 0; }
.single-product .video-section .videos .video-item h3 { margin: 0 0 10px 0; font-size: 15px; }
.single-product .video-section .videos .video-item p { font-size: 13px; opacity: 0.7; }


.single-product .video-section .videos .video-item.image {}
.single-product .video-section .videos .video-item.image .banner {margin: 0 0 10px 0;}
.single-product .video-section .videos .video-item.image .banner::before {content:"\2b";font-weight: 300;background: rgb(0 0 0  / 20%);color: #fff;}
.single-product .video-section .videos .video-item.image .banner:hover::before { background: var(--c-main); color: #fff; }
.single-product .video-section .videos .video-item.image p {text-align: center;font-size: 11px;}


.single-product .video-section .videos .video-item.card {border: none;padding: 20px;background: #f2f2f2;border-radius: 20px;display: flex;align-items: flex-start;}
.single-product .video-section .videos .video-item.card:hover { background: var(--c-main); color: #fff; }
.single-product .video-section .videos .video-item.card:hover .btn { background: #000; }

.single-product .video-section .videos.owl-carousel { display: block; }

.downloads {}
.downloads h3 { font-weight: 500; margin: 0 0 13px 0; }
.downloads ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; font-size: 14px; }
.downloads ul li {}
.downloads ul li a { text-decoration: none; padding: 0 0 0 31px; position: relative; color: #000; background: #eee; padding: 10px 20px 10px 45px; border-radius: 10px; display: inline-block; }
.downloads ul li a::before {content:"\f019";font-family:"Font Awesome 6 Pro";font-weight:600;position: absolute;left: 20px;top: 10px;font-size: 19px;color: var(--c-main);line-height: 1;}
.downloads ul li a:hover {background:var(--c-main); color:#fff;}
.downloads ul li a:hover::before {color:#fff;}

.btn.is-loading { position: relative; pointer-events: none; padding-left: 2.5rem !important; /* Make room for spinner */ }
.btn.is-loading::before { content: "" !important; position: absolute !important; width: 16px !important; height: 16px !important; top: 50% !important; left: 1rem !important; margin-top: -8px !important; border: 3px solid #ffffff !important; /* White for dark buttons */ border-radius: 50% !important; border-top-color: transparent !important; animation: spinner 0.75s linear infinite !important; }

/* For light-colored buttons (adjust the color) */
.btn-light.is-loading::before,
.btn-outline-primary.is-loading::before,
.btn-outline-secondary.is-loading::before {
    border-color: #333333 !important;
    border-top-color: transparent !important;
}

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

.dashboard {}
.dashboard .line {display: grid;grid-template-columns: repeat(3,1fr);gap: 30px;}
.dashboard .line .item {background: #fff;padding: 25px;/* box-shadow: 0 0 30px rgb(0 0 0 / 10%); */border-radius: 20px;display: flex;flex-direction: column;}
.dashboard .line .item.large { grid-column: span 2; }
.dashboard .line .item h4 {font-weight: 500;font-size: 17px;margin: 0 0 0 0;}
.dashboard .line .item h2 {font-size: 46px;font-weight: 800;margin: 0 0 12px 0;line-height: 1;}
.dashboard .line .item h2 small {font-size: 50%;}
.dashboard .line .item p {margin: 0;display: flex;align-items: center;}
.dashboard .line .item p .fa-arrow-up-right {color: #22dd22;font-size: 25px;margin: 3px 0 0 10px;}
.dashboard .line .item p .fa-arrow-down-right {color: #d50000;font-size: 25px;margin: 3px 0 0 10px;}
.dashboard .line .item .score {display: flex;align-items: center; margin: auto 0 0 0; padding: 20px 0 0; }
.dashboard .line .item .description {display: flex;align-items: center;margin: auto 0 0 0;padding: 20px 0 0;font-size: 13px;opacity: 0.5;}
.dashboard .line .item .score i { font-weight: 800; font-size: 32px; color: var(--c-main-light); padding: 15px; background: #eee; border-radius: 50px; }
.dashboard .line .item .score .message {padding: 0 0 0 10px;line-height: 1.2;font-size: 13px;color: #999;}
.dashboard .line .item .score .message strong {display: block;font-weight: 700;color: #000;font-size: 15px;}


.dashboard .line .item.container { padding: 0; background: none; gap: 30px; flex-direction: row; flex-wrap: wrap; }
.dashboard .line .item.container .item { height: calc(50% - 15px); }
.dashboard .line .item.container .item.small {flex:0 1 100%;display: flex;align-items: center;flex-direction: row;}
.dashboard .line .item.container .item.small .text { flex: 1; }
.dashboard .line .item.container .item.small .chart {}
.dashboard .line .item.container .item.smallest {width: calc(50% - 15px);justify-content: center;align-items: center;}

.chart .circle-progress {}
.chart .circle-progress .check-icon {color:#000;font-size: 26px;width: 60px;height: 60px;line-height: 60px;}
.smallest .chart .circle-progress .check-icon {width: 40px;height: 40px;line-height: 40px;font-size: 20px;}

.row-group { position: relative; min-height: 80px; }
.row-group.gallery_loading::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; border: 2px solid #e0e0e0; border-top-color: #666; border-radius: 50%; animation: gallery-spin 0.8s linear infinite; z-index: 1; }
.row-group .img img { transition: opacity 0.25s ease; }

@keyframes gallery-spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}