::-webkit-scrollbar { width: 3px; height: 1px;}
::-webkit-scrollbar-track {  background-color: #B85450;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb {  background-color:#B85450; }
::-webkit-scrollbar-corner { background-color:#B85450;}
::-webkit-resizer{ background-color:#B85450;}
p:empty, #wp-admin-bar-translate, .learnpress-profile .wishlist{ display: none }

.thim-blocks-countdown {

    background: transparent !important;
}



@media (max-width: 991px) {
    body.admin-bar .site-header.sticky-header {
        top: 0!important;
    }

  #wpadminbar {
    display: none !important;
  }
  html {
    margin-top: 0 !important; /* Щоб не залишався відступ зверху */
  }
}


.tpm-footer-newsletter {
	padding: 60px 15px;
  background-image: var(--wpr-bg-6c4e9a5c-5357-4db9-916e-049e82be5f85);
  background-color: #BAC8D3;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.tpm-newsletter-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.tpm-newsletter-title {
	margin: 0;
	color: #ffffff;
	font-size: 34px;
	font-weight: 400;
	line-height: 1.2;
}

.mc4wp-form-fields {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mc4wp-form-fields input[type="email"] {
	width: 320px!important;
	max-width: 100%!important;
	height: 44px;
	padding: 0 14px!important;
	border: 1px solid rgba(255,255,255,0.45)!important;
	background: rgba(255,255,255,0.15)!important;
	color: #fff!important;
	outline: none!important;
}

.mc4wp-form-fields input[type="email"]::placeholder {
	color: rgba(255,255,255,0.8);
}

.tpm-newsletter-btn {
	height: 44px;
	padding: 0 22px;
	border: 0;
	background: #2f4558;
	color: #fff;
	cursor: pointer;
}

.tpm-newsletter-btn:hover {
	opacity: 0.9;
}

@media (max-width: 767px){

    .tpm-newsletter-inner {
        flex-direction: column;
        align-items: stretch;
      }
      
      .tpm-newsletter-title {
        font-size: 24px;
        text-align: center;
      }
      
      .tpm-newsletter-form {
        flex-direction: column;
        align-items: stretch;
      }
      
      .tpm-newsletter-form input[type="email"],
      .tpm-newsletter-btn {
        width: 100%;
      }
      .tpm-newsletter-btn {
        width: 150px;
        margin: 10px auto 0;
      }
}
.footer .container{max-width: 1140px; margin: 0 auto;}

.footer-bottom .container{max-width: 1140px; margin: 0 auto; padding: 20px 15px;}
.tpm-footer-menu-col{margin-top: 30px;}
.tpm-footer-top{display:flex;gap:40px;}
.tpm-footer-brand {
    width: 34%;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #ECECEC;
    padding: 0px 15px 0px 15px;
}
.tpm-footer-text{margin-bottom: 30px;}
.tpm-footer-wrap {
    padding-left: 20px;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #ECECEC;
}
.tpm-footer-contact span{
margin-right: 8px;
}

.tpm-footer-contact span i{
    color: #5D7F99;
}
.tpm-footer-menu-col .widget_title{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 35px 0px;
}
.tpm-footer-menu-col .widget_title span{
position: relative;
}
.tpm-footer-menu-col .widget_title span::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 23px;
    height: 3px;
    background-color: #E0E0E0;
}
.tpm-footer-brand img{max-width:300px;margin-bottom:1em;}
.tpm-footer-menus{
    display: grid;
    grid-template-columns: repeat(4, max-content);
    column-gap: 60px;      /* підберіть як треба */
    row-gap: 24px;
    justify-content: end;  /* щоб блок меню не розтягувався вліво */
    flex: 0 0 auto;        /* прибрати розтягування */
  }
.footer-bottom .menu{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.footer-bottom {position: relative !important;}
.footer-bottom .menu .menu-item a{color:#808080 !important;} 
.tpm-footer-top a:hover, .tpm-footer-top a:hover span i, .footer-bottom .menu .menu-item a:hover{
   color: #B85450 !important;
}
.tpm-footer-to-top-wrap #back-to-top{
    position: static !important;   /* прибирає fixed */
    right: auto !important;
    bottom: auto !important;
    width: 64px;
    height: 64px;
    background: #5d7f99;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  #back-to-top img {
    width: 35px ;
}

footer .footer{
    border-bottom: 1px solid #ECECEC; 
    padding-bottom: 60px;
}

.tpm-footer-to-top-wrap #back-to-top:hover{
    background: #B85450 !important;
}
  .tpm-footer-to-top-wrap{
    display: flex;
    justify-content: center;
margin-top: -32px;
  }
@media (max-width:767px){
  /* Footer top layout */
  .tpm-footer-top{
    flex-direction: column !important;
    gap: 18px !important;
  }
  .tpm-footer-brand{
    width: auto !important;
    max-width: 100% !important;
    border-width: 0 !important;
    padding: 0 !important;
  }
  .tpm-footer-brand img{
    max-width: 240px !important;
    margin: 30px 0 12px !important;
    display: block;
  }
  /* 4 menus = 2x2 */
  .tpm-footer-menus{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 18px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 0 !important;
    justify-content: stretch !important;
  }
  .tpm-footer-menu-col .widget_title{
    padding: 0 0 16px 0 !important;
    text-align: left;
  }
  /* Back to top inside footer */
  .tpm-footer-to-top-wrap{
    padding: 14px 0 6px !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .tpm-footer-to-top-wrap #back-to-top{
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 auto !important;
  }
  /* Footer bottom menu */
  .footer-bottom .menu{
    justify-content: center !important;
    gap: 16px !important;
    padding: 10px 0 !important;
  }
}


.link-none,.wrapper-profile-header.wrap-fullwidth, .course-archive-message-by-via-product{display: none;}
#profile-sidebar {margin-top: 0 !important;}
.lp-profile-content #profile-content-my_projects,
.lp-profile-content #profile-content-my_guides,
.lp-profile-content
{padding-top: 0 !important;}

.lp-profile-content #profile-content-my_learning,
.lp-profile-content #profile-content-my_teaching,
.lp-profile-content #profile-content-my_purchases,
.lp-profile-content #profile-content-settings
{
    padding: 10px 10px !important;
}

.counter-box {
    margin: 20px 0px !important;
}


.thim-header-info {
    padding: 0 !important;
}
.home .thim-ekits-course__item .thim-ekits-course__title {
    margin-bottom: 10px !important;
    font-weight: 600 !important;
}
.widget-area aside.widget ul li {
    display: flex;
    justify-content: space-between;
}
.single article .entry-header .entry-title {line-height: 1;}

.blog-switch-layout.blog-grid .blog-grid-2 .post-formats-wrapper {
    margin: 0;
    overflow: hidden;
    height: 309px;
    object-fit: cover;
}
.thim-style-content-new-1.blog .post-formats-wrapper img {
    object-fit: cover;
    height: 100% !important;
    width: 100%;
}
.blog-switch-layout.blog-grid article .entry-title {margin: 11px 0 10px !important;}
.category .banner-description {display: none;}
.site-header.bg-custom-sticky .items-number{color:#fff!important;}

.mc4wp-form .mc4wp-form-fields button[type=submit]:hover, .mc4wp-form .mc4wp-form-fields input[type=submit]:hover{
    opacity: 1 !important;
    background:#b85450 !important;
    border-color:#b85450 !important;
}


.pmpro_checkout_gateway-wayforpay {
    display: block !important;
}

.pmpro_section.pmpro_checkout_gateway-none button{
color: #5d7f99!important;
}
.pmpro_section.pmpro_checkout_gateway-none button:hover{
   color: #b85450!important;
}




header.hide, .betterdocs-ia-launcher-wrapper.hide, .lp-course-curriculum__title,
.learnpress-course-review.lp-rating-reviews-wrapper .item-title {
    display: none!important;
}

.thim-course-grid .course-item .thim-course-content>.course-description{
    display: block !important;
    margin-bottom: 10px;
}


.course-title {
    min-height: auto !important;
}

.course-title a{
        display: block;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100%;
}

.lp-form-course-filter .course-filter-reset,
.lp-form-course-filter .course-filter-submit{
    justify-content: center;
    display: inline-flex;
    flex-wrap: nowrap; 
} 
.learnpress-v4 .content_course_2 #learn-press-course-description .thim-course-info .course-wishlist-box button.on:before {
    color: #5d7f99;
    font-family: "lp-icon" !important;
}
body .tp-arr-imgholder,.wp-caption-text {background-image: none!important;}
body #masthead.affix.menu-hidden {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
}
.single-docs .site-header.affix-top,.tax-knowledge_base .site-header.affix-top,.tax-doc_category .site-header.affix-top, 
.learnpress-profile .site-header.affix-top, .page-id-32794 .site-header.affix-top, .page-id-26401 .site-header.affix-top
{
    background: #23445d;
}
.home .counter-box.text-gradient .wrap-percentage .display-percentage, .home .counter-box.text-gradient .wrap-percentage .text_number {
    -webkit-text-fill-color: #b85450;
}
.learnpress-profile  .lp-content-area {
    max-width: 100% !important;
    margin-bottom: 0 !important;
    padding-bottom: 0!important;
}
.learnpress-profile .learnpress{
	margin-top:10px;
}
.learnpress-profile .guest {
    max-width: 100% !important;
    margin: auto !important;
}

.learn-press-form .form-fields {
    display: flex;
    flex-direction: column;
}

.learnpress-profile .lp-user-profile .lp-profile-content {
    width: calc(100% - 275px);
    margin-bottom: 0px;
}
 
.top_site_main {
    min-height: auto !important;
}
.learnpress-profile .top_site_main {
    display: none;
}
.learnpress-profile  .container.site-content{
    max-width: 100%;
    padding: 0px 0 0 ;
} 


.tax-knowledge_base .nav-item.active, .tax-knowledge_base .nav-item.active a{background: transparent;}
.imp-fullscreen-button-icon-only, .imp-ui-zoom-button{
    opacity: 0.62;
    align-items: center;
    display: flex;
    justify-content: center;
}
.imp-fullscreen-button-icon-only:hover, .imp-ui-zoom-button:hover{opacity: 0.80;}
body .imp-fullscreen-button-position-0 {left: 4px;top: 0; }

.free-course{
color: #91b17f !important;
}
.course_right .course-price{color: #23445d !important;}
.learnpress-v4 .content_course_2 #learn-press-course-description .thim-course-info .course-wishlist-box button {
    color: #23445d;
    float: left;
}

.close-btn {
    position: absolute;
    right: 1px;
    top: 1px; 
    width: 15px;
    height: 15px;
    opacity: 0.3;
}
.close-btn:hover {opacity: 1;}
.close-btn:before, .close-btn:after {
    position: absolute;
    left: 6px;
    content: ' ';
    height: 15px;
    width: 2px;
    background-color: #fff;
}
.close-btn:before {transform: rotate(45deg);}
.close-btn:after {transform: rotate(-45deg);}
header.sleek.transparent {background: #fff;}

@media screen  and (max-width: 767px){

#become_teacher{
    margin: 2px 4px 0 0!important;
}
.learn-press-form form > p > label {
    display: flex;
    gap: 8px;
    margin: 10px 0;
}

}

@media screen  and (max-width: 990px){
    .mobile-menu-container ul li>a:hover, .mobile-menu-container ul li>span:hover, .mobile-menu-container ul li.current-menu-item>a, .mobile-menu-container ul li.current-menu-item>span {color:#23445D!important; }
    .mobile-menu-wrapper .icon-wrapper { background: rgb(184 84 80 / 0%) !important;}
    .categori-menu .thim-widget-course-categories-grid ul li a .category-title { margin-left: 0 !important; }
    .course-menu h3, .course-menu h4{color:#23445d !important;}
}
.woocommerce-checkout .global .pusher #content, .woocommerce-cart .global .pusher #content, .member-type-student .global .pusher #content, .member-type-instructors .global .pusher #content{
    padding-top: 0px !important;
}
.sleek .woocart .buttons {
    display: flex;
    justify-content: space-between;
}
body.woocommerce-cart .entry-content .woocommerce .woocommerce-cart-form .shop_table .actions .button:disabled {
    display: none;
}


.woocommerce-mini-cart__total.total .woocommerce-Price-amount.amount, .woocommerce-mini-cart__empty-message{
    color: #ffffff;
    color:#333!important;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover{
    background-color: #5d7f99;
    color: #ffffff;
}
.woocommerce-cart .cart-collaterals .cart_totals h2{color: #5d7f99!important;}
body #title.light h1, body #title.light .breadcrumbs a:not(.button), body #title.light .breadcrumbs .current:before {color: #fff!important;}
body .breadcrumbs {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none!important;
}
body .breadcrumbs li.current {color: #b85450!important;}

body .login_popup .loginform .error {
    color: #b85450;
    font-size: 12px;
    background: none;
    border: none;
    font-weight: 900;
    padding: 0;
}
.login_popup_bg_img img {max-width:320px;}
nav .menu .wpml-ls-menu-item:hover>.sub-menu{width:60px;}
.thim-ekits-menu__mega-menu>.thim-ekits-menu__content, .thim-ekits-menu__dropdown.sub-menu{margin-top: 5px !important;}
.categori-menu .e-con-inner{
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.affix-top .navigation .navbar-nav>li>a, .affix-top .navigation .navbar-nav>li>span {
    padding: 20px 20px 25px!important;
    color:#fff !important; 
}
.affix-top .navigation .navbar-nav>li>a:hover, .affix-top .navigation .navbar-nav>li>span:hover{
    color:#b85450 !important; 
}


.navigation .navbar-nav li>.sub-menu { 
    margin-left: 0;
    margin-top: 0 !important;
}
.thim-border-radius .thim-course-grid .course-item .course-thumbnail {border-radius: 8px 8px 0 0!important;}
.thim-border-radius .thim-course-grid .course-item .thim-course-content {border-radius: 0 0 8px 8px !important;} 
.widget-area .widget_course_filter { border-radius: 8px !important;}
.button.other {margin: 5px 0;}
.global .pusher #content{padding-top:60px !important;}
.bp-user .pusher #content{padding-top:0px !important;}
.bp-user .global .pusher #title.light {padding-top: 60px !important;}    
nav.betterdocs-breadcrumb{float:none;}
.footable .input-group-btn {width: auto!important;}
ul#menu-popular-categories-eng li, ul#menu-popular-categories-ua li {
border-right:1px solid var(--border);
border-bottom:1px solid var(--border);
}
ul#menu-popular-categories-ua, ul#menu-popular-categories-eng{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
ul#menu-popular-categories-eng>li>a, ul#menu-popular-categories-ua>li>a{
    display: flex;
    align-items: center;
    height: 100%;
    padding: 1.5rem;
}
ul#menu-popular-categories-eng>li>a>.vicon, ul#menu-popular-categories-ua>li>a>.vicon{
    font-size: 1.8rem;
    padding: 0 1rem;
    justify-content: space-around;
}
ul#menu-popular-categories-eng>li>a >.vicon+span, ul#menu-popular-categories-ua>li>a >.vicon+span {
    font-size: 1.1rem;
    font-weight: 600;
    opacity: 1;
}
ul#menu-popular-categories-eng>li>a:hover, ul#menu-popular-categories-ua>li>a:hover, ul#menu-popular-categories>li>a:hover  {
    background: #b85450 !important;
    color: #fff;
}
.megadrop .menu-cat_subcat .taxonomy_menu>li:hover>a {color: #b85450 !important;}
.iphone{   
     width: 264px;
    height: 593px;
    padding: 8px;
    border-radius: 36px;
    background: rgba(0,0,0,0.34);
    box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 
    0 30px 60px -30px rgba(0,0,0,.3), 
    inset 0 -2px 6px 0 rgba(10,37,64,.35);
}
.block .block_media{max-height:240px;overflow:hidden;}
.megadrop .menu-cat_subcat .taxonomy_menu>li:hover>a { color: #ffae29; }
.block_media img {
    display: block;
    object-fit: cover;
    height: 200px;
}
.megadrop .menu-cat_subcat .sub_cat_menu.sub_posts_menu a .menu_featured img{
    object-fit: cover;
    height: 93px;
}

.prev-post.block-link:hover h5,
.next-post.block-link:hover h5{
    color: #b85450 !important;
}


.sleek.transparent.fix > .container > .row >.col-md-3{width:15%;}
.sleek.transparent.fix > .container > .row >.col-md-9{width:85%;}
.page .content{margin-bottom:0;}
.search-results .content{
    background-color: #fff;
    margin-top: 0;
}
.elegant .noUi-target .noUi-tooltip {
    opacity: 1;
    transition: all .2s;
} 
.elegant .applied_filters>span>span>span:first-child {
display: none;
}

.elegant .applied_filters>span:last-child{
    display: block;
    margin-top: 15px;
}
.elegant .applied_filters {
    flex-wrap: wrap;
}
.draftJsToolbar__wrapper__9NZgg {
    left: -8px !important;
    position: absolute;
    margin: 0 0 0;
    top: -59px !important;
    z-index: 999;
    display: flex;
    width: 100%;
}
.draftJsToolbar__popup__GHzbY>div {
    background: #1e2b39;
}
#fullscreen-container {
    width: 100%;
    height: 500px;
    position: relative;
}
#fullscreen-div {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70%;
    height: 62px;
    background-color: white;
    color: black;
    z-index: 9999;  
}
:fullscreen #fullscreen-div {
    display: flex; 
}
:fullscreen #miro-board {
    width: 100%;
    height: 100%;
 }
.elegance .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu {
    border: 0 !important;
}
.comments_rss {
    display: none;
}
.dashboard_widget .add_todo_task{
    position:relative;margin:1rem 0;
}
.sticky-toc-container.toc-sticky {
    display: none;
}
body .toc-list.betterdocs-hierarchial-toc {
    margin-top: 20px !important;
}
body .toc-list.betterdocs-hierarchial-toc{
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: auto;
}
body .toc-list.betterdocs-hierarchial-toc a {
    margin-bottom: 10px !important;
}
.betterdocs-popular-articles-heading:hover {
    color: #23445D !important;
}
#custom_html-2 .textwidget {
    height: 900px;
}
.fa-arrows-alt:before {
    content: "\f0b2" !important;
}

.iziToast-wrapper-bottomRight {
	display:none;
}
.sleek .topmenu>li:first-child a>span {
    font-size: 13px;
}
.el-betterdocs-cg-body i, .el-betterdocs-cg-button i  {
    font-family: "Font Awesome 5 Free"  !important;
    font-style: normal;
}

.page-id-453 ol, .page-id-451 ol, .page-id-3 ol {
list-style: decimal;
}
.page-id-453 h2, .page-id-451 h2, .page-id-3 h2, .page-id-23931 h3, .page-id-23933 h3 {
color: #5d7f99!important;
}

.thim-slider-nav {
    fill: #5d7f99!important;
    filter: drop-shadow(0 0 1px white) drop-shadow(0 0 1px white);
}

.thim-slider-nav:hover{
    fill: #B94A48!important;
}
.page-id-23931 .content, .page-id-23933 .content{
    padding-bottom: 30px!important;
}
.page-id-23931 .global .pusher #content, .page-id-23933 .global .pusher #content {
    padding-top: 0px !important;
}
.page-id-23931 .content ul, .page-id-23933 .content ul {
    margin-left: 35px!important;
}
.page-id-23931 p a, .page-id-23933 p a{
    color: #b85450!important;
}


.simplefavorite-button {
    padding: 0;
    display: flex;
    align-items: center;
    float: right;
    background: transparent !important;
    cursor: pointer;
    font-size: 0!important;
}
.tpm-doc-header-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 8px;
}
.tpm-doc-header-actions .simplefavorite-button {
    float: none;
    margin-bottom: 0;
}
.tpm-doc-header-actions .betterdocs-print-pdf {
    margin: 0;
}
.simplefavorite-button::before {
    font-family: "Font Awesome 5 Free";
    content: "\f02e";
    width: 25px; 
    height: 26px;
    font-weight: 400;
    justify-content: center;
    margin-right: 0px;
    display: flex;
    font-size: 21px;
    align-items: center;
    background-size: 100%;
    position: relative;
    color: #5D7F99 !important;
}
.simplefavorite-button:hover::before{
    font-weight: 900;
}

.simplefavorite-button.active::before,
.simplefavorite-button.active.bookmark::before { 
    font-family: "Font Awesome 5 Free";
    content: "\f02e";
    font-weight: 900;
    font-size: 21px;
    justify-content: center;
    width: 25px;
    height: 26px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    background-size: 100%;
    position: relative;
    color:  #b85450 !important;
}
.simplefavorite-button.active.bookmark::after{
    content: "" !important;
}
.bookmark::after {
    font-family: favorites !important;
    content: "\e8e6" !important;

    color:  #b85450!important; 
}
.betterdocs-articles-list .far.fa-file-alt{
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400;
    font-style: normal;
    display: inline-block !important;
    color: #5D7F99 !important;
    font-size: 16px;
    width: 19px;
    height: 16px;
    line-height: 1;
    margin: 0px 12px 0px 0px;
    speak: never;
}
.betterdocs-articles-list .far.fa-file-alt::before{
    content: "\f15c";
    font-family: "Font Awesome 5 Free";
    font-weight: 400; 
}
/* Status-specific icons with uploaded icon support */
 /* .bookmark.status-todo::after {
    content: "\e8e6" 
    color:  #b85450; 
} */

.bookmark.status-done::after {
    content: "\f058"!important;
    color: #91b17f;
    background: #ffffff;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    display: flex !important;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
    line-height: .9;
}
.bookmark.status-inprogress::after {
    content: "\f017"!important;
    font-family: thim-ekits !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    color: #d69a00;
    background: #ffffff;
    display: flex !important;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    line-height: .9;
}

/* Use uploaded icons if available - override font icons */
.bookmark[style*="--status-icon-url"]::after {
    content: "";
    background-image: var(--status-icon-url);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

/* Ensure uploaded icons work for all status classes */
.bookmark.status-todo[style*="--status-icon-url"]::after,
.bookmark.status-inprogress[style*="--status-icon-url"]::after,
.bookmark.status-done[style*="--status-icon-url"]::after {
    content: "";
    background-image: var(--status-icon-url);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.bookmark::after:hover {
width: 40px;
}
.woocommerce-cart .product-quantity{ display: none;}
.woocommerce-cart .product-price,  .woocommerce-cart .product-subtotal {
    border-left: 1px solid rgba(0, 0, 0, .08);
    padding-left: 12px!important;
}
.quiz_check_answer.button span{
    margin-right: 10px;
}
.mc4wp-form .mc4wp-form-fields input[type=email] {
    border-radius: 4px !important;}

 .mc4wp-form .mc4wp-form-fields input[type=submit] {
 
        border-radius: 4px!important;
        margin-left: 5px!important;
    }
    .entry-navigation-post .prev-post .title, .entry-navigation-post .next-post .title {
        overflow: visible!important;
        display: block!important;
        font-size: 15px!important;
    }
@media screen and (max-width:  767px){

.course-rate__details {
    margin-left: 0!important;
    width: 100%;
    flex: 100%!important;
}
.course-rate__details-row .course-rate__details-row-star {
    flex: 0 0 10px!important;
    text-align: right; 
    color: #d1b5b5!important;
}
.course-rate {
    flex-wrap: wrap!important;
}
    .entry-navigation-post{
        flex-wrap: wrap;
    }
    .entry-navigation-post .prev-post .heading, .entry-navigation-post .next-post .heading {
        display: flex;
        align-items: center;
    }
    .entry-navigation-post .prev-post {
        width: 100%;
        padding: 10px 10px 10px 5px!important;
    }
    .entry-navigation-post .next-post {
        width: 100%;
        padding: 10px 5px 10px 10px;
    }
    .entry-navigation-post .prev-post .heading, .entry-navigation-post .next-post .heading {
        margin-bottom: 10px;
        transition: 0.3s;
        font-size: 13px;
    }
    .entry-navigation-post .prev-post .title, .entry-navigation-post .next-post .title {
        overflow: visible!important;
        display: block!important;
        font-size: 15px!important;
    }
    .entry-navigation-post .next-post .heading {
justify-content: end !important;
    }

    .mc4wp-form .mc4wp-form-fields input[type=submit] {
        margin-top: 15px!important;

    }
    .mc4wp-form-fields{text-align: center;}
    .woocommerce-cart .global .pusher #content, .woocommerce-checkout .global .pusher #content,  footer .footer .row aside {
        padding-top: 0px !important;
    }      
    .woocommerce-checkout .col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 1100%;
        max-width: 100%;
    }
    .order_details li {
        width: 100%;
        margin-bottom: 10px;
    }
    .woocommerce-order-details__title {
        color: #000;
    }
    .woocommerce-cart #title, 
    .woocommerce-checkout #title{
        padding-top: 60px !important;
    }
}
				
.rew-home h4{display:none;}		
.rew-home small {
    font-size: 75%;
    width: 100%;
    display: block;
    margin-top: 12px;
}	
body .profile_grid_promo {
    position: absolute;
    right: 0;
    top: -5px;
    width: max-content;
    z-index: 99999;
}
.wpml-ls-legacy-dropdown {
    width: 100%;
    max-width: 100%;
}
.error-message {
    color: #B94A48;
    margin-top: 10px; 
}
.k-widget.k-tooltip {
    padding: 5px 10px;
    border-radius:15px;
    margin-top: 10px; 
    font-size: 15px;
    color: #B85450;
    border: 2px solid #B85450;
    box-shadow: none;
    background-color: #E6E6E6;
    position: relative;
}
.k-widget.k-tooltip::before {
    position: absolute;
    top: -10px;
    content: '';
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #B85450;
}
.k-callout-n {
    border-bottom-color: #B85450;
}
.submit_registration_form button, .btn.btn1, .btn.btn2{
    background: #B85450 !important;
    border-radius: 3px !important;
    color: #fff !important;
    cursor: pointer;
    margin: 10px 5px 0;
    display: flex;
    height: 43px;
    align-items: center;
}
.submit_registration_form button:hover, .btn.btn1:hover, .btn.btn2:hover{ 
    background: #5d7f99!important;
}

body #title.light a:not(.button), body #title.light .breadcrumbs li+li:before {
color:#5d7f99!important;
}
body .breadcrumbs li.current {
    color: #fff!important;
    font-weight: 600; 
}
.global .pusher #title.light{padding-top: 100px !important;}
.page-id-2050 .global .pusher #content, .page-id-2048 .global .pusher #content, .page-id-1094 .global .pusher #content, .page-id-16357 .global .pusher #content, .page-id-16618 .global .pusher #content, .page-id-16578 .global .pusher #content{
    padding-top: 0px !important;
}
.page-id-1094 .content, .page-id-2050 .content, .page-id-2048 .content, .page-id-16357 .content, .page-id-16578 .content, .page-id-16618 .content  {
    margin: 0px 0;
}
.field-visibility-settings-close {
    color: #bbb39f;
}
@media screen and (max-width:  767px){

    .g-recaptcha  {
    transform-origin:0;
        transform: scale(0.9) !important;
    }
    .width-logo .thim-logo {
        width: calc(var(--thim-width-logo)* 0.60) !important; 
    }
    .g-recaptcha .rc-anchor-normal .rc-anchor-pt{
        display:none !important;
    }

}
.field_1 .description, .field_1 .field-visibility-settings-notoggle, .field_2 .description,  .field-visibility-settings-toggle, .field_2  .clear-value, .field-visibility-settings, .field-visibility-settings-notoggle,.field_13 #mceu_15, .field_13 #field_13-tmce,  .field_13 #field_13-html   {
    display: none;
}



/*  стилі табів в логін/реєстрація */
.lp-auth-tabs {
    max-width: 600px;
    background-color: #23445D;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    border: 2px solid #5D7F99;
    border-radius: 25px 25px 25px 25px;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5) inset;
    margin: 30px auto 40px;
    padding: 5px;
}


.lp-auth-tabs_tow{
    background-color: #5D7F99;
    border:2px solid #BAC8D3;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5) inset;
    padding: 5px;
}

.lp-auth-tabs__nav{
    display: flex;
    justify-content: end;
    position: relative;
    top: 3px;
}
.lp-auth-tab{
    background: #95ADC4;
    border: 3px solid #BAC8D3;

    border-radius: 16px 16px 0px 0px;
    color:#b4c5d1;
}
.lp-auth-tab:hover{
    color:#fff;
}
.lp-auth-pane[hidden]{display:none}
.lp-auth-tab.is-active{
    background:#95ADC4;
    border-bottom:3px solid #95ADC4;
    color:#b85450;
}
.learn-press-form-login, .learn-press-form-register {
background-color: #95ADC4 !important;
    border: 3px solid #BAC8D3 !important;
    max-width: 100% !important;
    border-radius: 0 0 16px 16px;
    margin-bottom: 0;
}

html.tpm-register-busy,
html.tpm-register-busy body {
    overflow: hidden;
}

.tpm-register-preloader {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(35, 68, 93, 0.82);
    backdrop-filter: blur(6px);
}

.tpm-register-preloader.is-open {
    display: flex;
}

.tpm-register-preloader__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    max-width: 360px;
    width: 100%;
    padding: 28px 26px 24px;
    background: #23445D;
    border: 2px solid #5D7F99;
    border-radius: 20px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 18px 40px rgba(15, 32, 45, 0.35);
    text-align: center;
}

.tpm-register-preloader__spinner {
    width: 42px;
    height: 42px;
    border: 3px solid #BAC8D3;
    border-top-color: #B85450;
    border-radius: 50%;
    animation: tpm-register-spin 0.8s linear infinite;
}

.tpm-register-preloader__text {
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
}

@keyframes tpm-register-spin {
    to {
        transform: rotate(360deg);
    }
}

.learn-press-form-login h3, .learn-press-form-register h3{
color: #ffffff;} 

#signup_form ul li:nth-child(2) label{
    width: auto;
    border: 1px solid #5d7f99;
    margin: 0;
    font-size: 16px;
    color: #5d7f99;
    padding: 0 5px;
    border-radius: 4px; 
    white-space: nowrap;
    position: absolute;
    top: -5px;
    left: 17px;
    background: #bac8d3;
    font-weight: 600;
    z-index: 10;
}
#signup_form ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#signup_form ul li{
    width: 100%;
}
#signup_form ul li:nth-child(1) input::placeholder, #signup_form ul li:nth-child(2) input::placeholder {
        font-size: 0;
}
#signup_form ul li:nth-child(4),#signup_form ul li:nth-child(5),#signup_form ul li:nth-child(6),#signup_form ul li:nth-child(7){
    width: 50%;
}
form#signup_form ul>li:first-child label {
    font-size: 1px;
    letter-spacing: -1px;
    color: transparent;
} 
form#signup_form ul>li:first-child label::after {
    content: "System login mail";
    font-size: 16px;
    color: #5d7f99;
}
.page-id-16578 form#signup_form ul>li:first-child label::after, 
.page-id-2050 form#signup_form ul>li:first-child label::after {
    content: "Системний Еmail";
    font-size: 16px;
    color: #5d7f99;
}
.page-id-2048 form#signup_form ul>li:first-child label::after, 
.page-id-16618 form#signup_form ul>li:first-child label::after {
    content: "Системный Еmail";
    font-size: 16px;
    color: #5d7f99;
} 


.lp-user-profile.current-user.guest{
    background:var(--wpr-bg-a51239cd-8aaf-4157-b17d-9c3694e39f2e);
    background-size:cover;
}

 .learn-press-form-register input {
    background: #f5f5f6;
    border-color: #d7d7d7 !important;
    border-radius: 0 !important;
    border-radius:4px !important;
}

.learn-press-form-login .form-fields {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}


.tpm-login-wrapper {
  position: relative;
  display: block;
  width: 100%;
  padding: 0!important;
  cursor: text;
}
.tpm-login-wrapper input {
    width: 100%;
    padding: 10px 8px;
    border-radius: 4px !important;
    font-size: 1em;
    border: 1px solid #95adc4;
    background: #fff ;
    border-radius: 0;
    box-sizing: border-box;
    color: #000;
}

.tpm-login-wrapper input::placeholder {
    display: inline !important;
    color: #95adc4 !important;
    opacity: 1;
}

.tpm-login-wrapper input::-webkit-input-placeholder {
    color: #95adc4;
    opacity: 1;
}

.tpm-login-wrapper input::-moz-placeholder {
    color: #95adc4;
    opacity: 1;
}

.tpm-login-wrapper.is-active input::placeholder {
    color: transparent !important;
}
  
.tpm-login-wrapper .suffix {
    position: absolute;
    top: 50%;
    left: 12px;
    color: #23445d;
    font-size: 0.95em;
    pointer-events: auto;
    cursor: text;
    user-select: none;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease;
}

.tpm-login-wrapper.is-active .suffix {
  opacity: 1;
  visibility: visible;
}

.tpm-login-measurer {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}
 
.tpm-password-field {
  position: relative;
  display: block;
  width: 100%;
}

.tpm-password-field input {
  width: 100%;
  padding-right: 42px;
  box-sizing: border-box;
}

.tpm-password-toggle {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  border: none !important;
  background: transparent !important;
  color: #666;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
}

.tpm-password-toggle:hover,
.tpm-password-toggle:focus {
  color: #B85450;
  outline: none;
}

.tpm-password-toggle svg {
  width: 20px;
  height: 20px;
  display: block;
  pointer-events: none;
} 

.tpm-login-wrapper .cursor {
    position: absolute;
    top: 12px;
    transform: translateY(0);
    width: 1px;
    height: 1.2em;
    background: rgb(2 2 2);
    pointer-events: none;
    left: 8px;
    opacity: 0.6;
    animation: blink-opacity 1s step-end infinite;
}


@keyframes blink-opacity {
  50% { opacity: 0; } /* тільки opacity! */
}



.learn-press-login .lp-button {
    margin-top: 15px;
    width: 100% !important;
    max-width: 300px;
    position: relative !important;
    overflow: visible !important;
    display: flex;
    align-items: center; 
    justify-content: center;
    font-size: 20px !important;
    padding: 4px 30px !important;
    color: #23445d !important;
    font-weight: 600 !important;
    border: 2px solid #23445d !important;
    animation: pulse 1.5s infinite;
    background-color: #fff !important;
}

.learn-press-login .lp-button:hover {
animation: pulse 0s infinite;
    color:#b85450!important;
    border: 2px solid #b85450 !important;
    max-width: 320px;
}

.learn-press-login .lp-button::before{
    content: '';
    background: var(--wpr-bg-49769d2a-b807-4818-a46b-c535432b20dd);
    width: 40px !important;
    display: block;
    position: relative;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    left: -6px;
    top: 0;
}


/* Опис анімації */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #627f99;
    }
    70% {
        box-shadow: 0 0 15px 10px rgba(0, 123, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
    }
}

.learn-press-form-login input::placeholder,
.learn-press-form-register input::placeholder {
display: none !important;
color:transparent;
  }
.learn-press-form-login h3, .learn-press-form-register h3 {
    margin-top: 0!important;
}
.learn-press-form .form-fields .form-field label {
    font-weight: 600 !important;
    font-style: normal!important;
}
.learn-press-form .form-fields .form-field .required {
    color: #000!important;
}
 input#reg_email{
    background: #bac8d3 !important;
    color: #23445d!important;
}
.is-invalid{
    position: relative;
}
.is-invalid::before {
    content: "Only Latin characters!";
    font-size: 13px;
    color: #b60000;
    position: absolute;
    bottom: -18px; 
}
.form-field.is-invalid input[type=text] {
    border-color: #b60000;
}
.page-id-16578 form#signup_form ul>li:nth-child(3) .is-invalid::before, .page-id-2050 form#signup_form ul>li:nth-child(3) .is-invalid::before, .page-id-16578 form#signup_form ul>li:nth-child(4) .is-invalid::before, .page-id-2050 form#signup_form ul>li:nth-child(4) .is-invalid::before  {
    content: "Тільки латинські символи!";
    font-size: 13px;
    color: #b60000;
    position: absolute;
    bottom: -18px; 
}
.page-id-2048 form#signup_form ul>li:nth-child(3) .is-invalid::before, .page-id-16618 form#signup_form ul>li:nth-child(3) .is-invalid::before, .page-id-2048 form#signup_form ul>li:nth-child(4) .is-invalid::before, .page-id-16618 form#signup_form ul>li:nth-child(4) .is-invalid::before  {
    content: "Только латинские символы!";
    font-size: 13px;
    color: #b60000;
    position: absolute;
    bottom: -18px; 
}
.page-id-1094 form#signup_form ul>li:nth-child(5) .is-invalid::before, .page-id-16357 form#signup_form ul>li:nth-child(5) .is-invalid::before{
    content: "Enter your real email";
    font-size: 13px;
    color: #b60000;
    position: absolute;
    bottom: -18px;
}
.page-id-16578 form#signup_form ul>li:nth-child(5) .is-invalid::before, .page-id-2050 form#signup_form ul>li:nth-child(5) .is-invalid::before {
    content: "Введіть свій справжній email";
    font-size: 13px;
    color: #b60000;
    position: absolute;
    bottom: -18px;
}
.page-id-2048 form#signup_form ul>li:nth-child(5) .is-invalid::before, .page-id-16618 form#signup_form ul>li:nth-child(5) .is-invalid::before {
    content: "Введите свой реальный email";
    font-size: 13px;
    color: #b60000;
    position: absolute;
    bottom: -18px;
} 
form#signup_form ul>li:nth-child(5) div {
    display:flex;
    height:auto;
}
#signup_form ul > li:nth-child(3) {
    order:1;
    width: 48%;
}
#signup_form ul > li:nth-child(1) {
    order:2;
    margin-top: 39px;
    width: 48%;
    position: relative;
}
form#signup_form ul > li:nth-child(4) {
    order:3;
    width: 48%;
}
form#signup_form ul > li:nth-child(5) {
    order:4;
    width: 48%;
}
form#signup_form ul > li:nth-child(6) {
    order:5;
    width: 48%;
}
form#signup_form ul > li:nth-child(2) {
    order: 6;
    width: 48%;
    display: flex;
    justify-content: space-between;
}
form#signup_form ul > li:nth-child(2) input{
    margin: 10px 0 0 ;
}
form#signup_form ul > li:nth-child(7) {
    order:7;
    width: 48%;
}
form#signup_form ul > li:nth-child(8) {
    order:8;
    width: 48%;
}
form#signup_form ul>li:nth-child(9),
form#signup_form ul>li:nth-child(10),form#signup_form ul>li:nth-child(11),form#signup_form ul>li:nth-child(12),
form#signup_form ul>li:nth-child(13),form#signup_form ul>li:nth-child(14),form#signup_form ul>li:nth-child(15),
form#signup_form ul>li:nth-child(16),form#signup_form ul>li:nth-child(17),form#signup_form ul>li:nth-child(18),
form#signup_form ul>li:nth-child(19),form#signup_form ul>li:nth-child(20),form#signup_form ul>li:nth-child(21) {
    order:9;
}

@media screen and (max-width:  642px){ 
    form#signup_form ul>li:nth-child(2), form#signup_form ul>li:nth-child(5), form#signup_form ul>li:nth-child(4), form#signup_form ul>li:nth-child(6), form#signup_form ul>li:nth-child(7) {
     width: 100%;
    }
    form#signup_form ul>li:nth-child(3) {
        width: 100%;
        margin-right: 0%;
    }  
}
.field_2 , .field_8 {
    padding: 0;
    position: relative;
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.field_2 > legend, .field_8 > legend {
     font-weight: 600;
    width: auto;
    border: 1px solid #5d7f99;
    margin: 0;
    font-size: 16px;
    color: #5d7f99;
    padding: 0 5px;
    border-radius: 4px;
    white-space: nowrap;
    position: relative;
    top: -15px;
    left: 17px;
    margin-right: 25px;
    background: #bac8d3;
}
.field_2 .input-options{
    display: flex;
}
.field_2  .input-options label {
    width: auto;
    display: block;
    margin-right: 10px;
    color: #5d7f99;
    font-weight: 400;
}
.field_8 select {
    border: 1px solid #5d7f99;
    width: 100%;
    padding: 10px 10px;
    border-radius: 4px;
    background-color: #fff;
}
.g-recaptcha{
    margin-top: 30px;
}
.field_13  {
    padding: 0;
    position: relative;
    margin-top: 30px;
    z-index: 10;
}
.field_13 .wp-core-ui.wp-editor-wrap .wp-editor-container {
    border: 1px solid #5d7f99;
    width: 100%;
    border-radius: 4px;
}
.field_13 .mce-tinymce.mce-container.mce-panel{
    width: auto !important;
    border-radius: 4px;
}

body .navbar-nav li .sub-menu {
    min-width: max-content;
}
.button_reg {
    display: flex; 
} 
@media screen and (max-width:  767px){
    .iconbox-left .boxes-icon {
    margin-right: 0 !important;
}


    #signup_form ul > li:nth-child(1){
        width: 100%;
    }
    form#signup_form ul > li:nth-child(2) {
        width: 100%;
        flex-wrap: wrap;
    }
    .sidemenu a:not([href]):not([tabindex]) {
        color: #780500;
        text-decoration: none;
    }
    .mobile_icons a i, .mobile_icons a span, #close_menu_sidebar{
        color:#b85450;

    }
    #logo {
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0;
    }
    .sleek.transparent.fix > .container > .row >.col-md-3 {
        width: 15%;
        display: flex;
        justify-content: space-evenly;
    }
    .sleek.fix > .container > .row >.col-8 {
        display: flex;justify-content: end;
    
    }
    header.sleek ul.topmenu {
    margin: 13px 0;
    display: flex;
    align-items: flex-end;
    } 
    body header #trigger {
        top: 21px !important;
        right: 0px !important;
    } 

 
    #signup_form ul li:nth-child(4), #signup_form ul li:nth-child(5) {
        width: 100%;
    }    
    .field_2, .field_8 {
        padding: 0;
        position: relative;
        margin-top: 30px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }    
    .field_8 > legend {
        position: absolute;
    }
    .g-recaptcha  {
    transform-origin:0;
        transform: scale(0.9) !important;
    }
    .g-recaptcha .rc-anchor-normal .rc-anchor-pt{
        display:none !important;
    }
}
@media screen and (max-width:  364px){
    .g-recaptcha {
        transform-origin: 0;
        transform: scale(0.8) !important;
    }
}

.img-block-tool.ept p{
    color:#23445d!important;
}
.img-block-tool.ept figure {
    text-align: center;
}
.img-block-tool.ept img {
width: 80px;
}

.checkbox>input[type=checkbox]+label:before {
    border: 1px solid rgb(255 255 255 / 40%);
}
.if_profile {
    height: 100vh;
    border: 0;
}
.sticky-toc-container,
.profile_menu .menu_bottom .menu_item:first-child,
.otgs-development-site-front-end

{
  display: none!important;
}

@media screen and (min-width:  768px){


    #learn-press-profile.lp-user-profile.guest .lp-content-area {
        padding: 5px;
    }
    .learn-press-form-login, .learn-press-form-register {
        padding: 15px!important;
    }
    .learn-press-form-login form >div{ 
        padding: 0 10px;
    }

}

html.loaded-in-iframe .fixed_block_pr{
    top:10px!important;
}
html.loaded-in-iframe .single-docs .e-con.e-flex>.e-con-inner {
    max-width: 100%;
}
html.loaded-in-iframe .proToolLevel{
     background: #e6e6e6!important;
}
html.loaded-in-iframe .proToolLevel > .e-con-inner, html.loaded-in-iframe .proToolLevelblock > .e-con-inner{
    max-width: calc(100%);
    background: transparent;
    padding-top: 5px;
}

#pmpro_account-links {
    display: none;
}
#pmpro_account-orders .pmpro_card_content{
padding:12px 36px !important;
}
.pmpro_table.pmpro_table_orders th:hover{
 color:#333!important;
}
body .become-teacher-form form {
    padding: 20px 20px !important;
}
#learn-press-become-teacher-form .become-teacher-fields, .learn-press-form .form-fields .form-field input[type=text], .learn-press-form .form-fields .form-field input[type=email], .learn-press-form .form-fields .form-field input[type=number], .learn-press-form .form-fields .form-field input[type=password], .learn-press-form .form-fields .form-field textarea, .become-teacher-form__description {
    text-align: left;
} 
.theiaStickySidebar{
    z-index: 99; 
}  
.powapp_one{
    width: 100%; height: 90vh; border: 0; 
}   
.powapp_imp{
    width: 100%;
     /* height: 120vh;  */
     border: 0;  
}   
.learnpress.no-margin .powapp_one {
    width: 100%;
    height: 96vh;
    border: 0;
}
.learnpress.no-margin .powapp{
    height: 96vh; 
}



@media screen and (min-width: 2561px) {
    .powapp{
        width: 100%; height: 100vh; border: 0;
    }
}
@media screen and (max-width:  2560px){
    .powapp{
        height: 125vh;
    }
} 
@media screen and (max-width: 1920px) {
    .powapp{
        width: 100%; height: 140vh; border: 0;
    }
} 
@media screen and (max-width: 1280px) {
    .powapp{
        width: 100%; height: 160vh; border: 0;
    } 
} 
@media screen  and (max-width: 990px){
    .learnpress-profile .container.site-content {
        max-width: 100%;
        padding: 0;
    }
    .tpm-breadcrumb-content {
        padding: 0px!important;
    }
    .learnpress-profile .lp-user-profile .lp-profile-content {
        width: calc(100%);  
    }
    .learnpress-profile .lp-user-profile .lp-profile-content #profile-content-my_learning, .learnpress-profile .lp-user-profile .lp-profile-content #profile-content-my_purchases, .learnpress-profile .lp-user-profile .lp-profile-content #profile-content-my_teaching, .learnpress-profile .lp-user-profile .lp-profile-content #profile-content-settings{
        padding: 0 10px;
    }
    .learnpress-profile .lp-user-profile .lp-profile-content #profile-content-my_guides,.learnpress-profile .lp-user-profile .lp-profile-content #profile-content-my_projects{
        padding: 0;
    }
    .learn-press-tabs_top {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .learnpress-profile .container.site-content > .row{
        margin: 0!important;
    }

    .learnpress-profile .projects_tabs .learn-press-nav-tabs li a {
        top: 2px;
        padding: 3px 20px!important;
    }

}


.event-list-home .thim-ekits-event__title{
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.event-list-home  .localtion{margin-left: 15px;}
.event-list-home  .thim-ekits-event__meta{margin-bottom: 10px;}

.title, h1, h2,h3,h4,h5,h6 {
    color:#23445d;
}

.miro-board-div{
    position: relative;
    display: block;
    height: 400px;
    z-index: 7;
    overflow: auto;
}
.miro-board-div .services_btn{z-index: 100;}
#miro-board{
    position: absolute;
    top: -56px;
    left: 0px;
    width: 100%;
    height: 455px;
    z-index: 1;
} 

body .mb-full-col .course-categories a{color: #5d7f99!important;}
body .mb-full-col .course-categories a:hover{color: #b85450!important;}
.single-lp_course .woocommerce-Price-amount.amount{text-align: center;}
.single-lp_course .learn-press-message {
    flex-direction: column;
    margin-top: 0;
    background: #fff;
}

.thim-course-list .course-item .thim-course-content .course-title {
    display: grid;
}

/* LearnPress list layout when Eduma wrapper class is missing (prod sync fix). */
#thim-course-archive .learn-press-courses[data-layout="list"] .lpr_course {
    clear: both;
    border: none;
    border-bottom: 1px solid var(--thim-border-color, #eee);
    padding: 20px 0;
    overflow: hidden;
}

#thim-course-archive .learn-press-courses[data-layout="list"] .course-item {
    overflow: hidden;
    display: grid !important;
    grid-template-columns: 270px 1fr;
    grid-gap: 25px;
    align-items: center;
}

#thim-course-archive .learn-press-courses[data-layout="list"] .course-item .course-thumbnail {
    width: 100%;
}

#thim-course-archive .learn-press-courses[data-layout="list"] .course-item .thim-course-content > .course-author,
#thim-course-archive .learn-press-courses[data-layout="list"] .course-item .thim-course-content > .course-instructor {
    display: none;
}

@media screen and (max-width: 560px) {
    #thim-course-archive .learn-press-courses[data-layout="list"] .course-item {
        grid-template-columns: auto;
    }
}

body.woocommerce-cart .entry-content .woocommerce .woocommerce-cart-form .shop_table .actions .btn-black {
display: inline-block;
    padding: 11px 15px;
    border-radius: 4px;
    position: absolute;
    border: 1px solid #5d7f99;
    bottom: 24px;
    right: 0;
    color: #5d7f99;
}

body.woocommerce-cart .entry-content .woocommerce .woocommerce-cart-form .shop_table .actions .btn-black:hover{
    border: 1px solid #5d7f99;
    background:#5d7f99;
    right: 0;
    color: #fff;
}
.single-lp_course .learn-press-message.error::before {
    display: none;
}
.thim-style-content-new-1 .course_right .course-payment{
    padding: 0;
}
.single-lp_course .learn-press-message.error ul{
    margin-left: 0;
}

.single-lp_course .product.woocommerce.add_to_cart_inline {
border: 0 !important;
}

.meta-item.meta-item-review .meta-item__value {
display: flex;
align-items: center;
}

.meta-item.meta-item-review .meta-item__value label{
    margin-bottom: 0!important;
}
.meta-item.meta-item-review .meta-item__value .review-stars-rated{
    margin-left: 5px
}


.single-lp_course .woocommerce-Price-amount.amount {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 25px;
    color: #23445d !important;
    display: block;
}
.single-lp_course .button.add_to_cart_button{
    padding: 11px 25px;
    background: #5d7f99;
    color: #fff;
    border-radius:50px;
    text-decoration: none;
}
.single-lp_course .button.add_to_cart_button:hover{
    background: #b85450;
}
.betterdocs-search-layout-1 {
    background-color: #BAC8D3!important;
    padding: 10px 10px 10px 10px!important;
    margin: 10px 10px 10px 10px!important;
} 
.betterdocs-search-layout-1 .search-bar {
    max-width: 100% !important;
}
.single-lp_course .woocommerce-Price-currencySymbol{
    font-family: "Roboto Condensed", Sans-serif;
}
.betterdocs-search-layout-1 .search-bar .search-button {
    font-size: 16px!important;
    font-weight: 500!important;
    letter-spacing: 4px!important;
    background-color: #B85450!important;
    border-radius: 10px 10px 10px 10px!important;
    padding: 13px 13px 13px 13px!important;
}
.betterdocs-search-layout-1 .search-bar .search-button:hover{
    background-color: #5D7F99!important;
}
.learn-press-message.success {
    border-color: #83b27d !important;
    padding-top: 13px;
    padding-bottom: 13px;
}
.become-teacher-form {
    width: 99% !important;
    padding-bottom: 34px;
    background: #f9f9f9; 
}

.fr_i  .boxes-icon {
    text-align: center !important;
    width: 100%!important;
}
.footable_parent .fooicon-search:before {
    filter: brightness(0.5);
}

.button.other-nt {
    background-color: #23445D !important;
    color: #E6E6E6 !important;
    font-size: 15px !important;
    width: 100%;
    padding: 10px;
    font-weight: 900;
    display: block;
    margin: 10px 0 ;
    border-radius: 8px;
}
.button.other-nt:hover{
    background-color: #B85450!important;
}

.entry-excerpt{height: 100px;}
.betterdocs-popular-search-keyword .popular-keyword {
    margin: 2px!important;
    border-radius: 5px 5px 5px 5px!important;
}
.blog-course-sidebar img{
    height: 90px;
    object-fit: cover;
    border-radius: 5px 5px 5px 5px!important;
}
 
/* Shortcode [tpm_blog_popular_courses] / [tpm_course_popular_posts] — blog-course-sidebar */
.tpm-course-popular-posts .tpm-cpp-heading,
.tpm-blog-popular-courses .tpm-bpc-heading,
.tpm-popular-courses-widget .tpm-bpc-heading {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 16px;
}
.tpm-blog-popular-courses .tpm-bpc-row.blog-course-sidebar,
.tpm-course-popular-posts .tpm-cpp-row.blog-course-sidebar {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
}
.tpm-blog-popular-courses .tpm-bpc-row.blog-course-sidebar:last-child,
.tpm-course-popular-posts .tpm-cpp-row.blog-course-sidebar:last-child {
    margin-bottom: 0;
}
.tpm-blog-popular-courses .tpm-bpc-thumb,
.tpm-course-popular-posts .tpm-cpp-thumb {
    flex: 0 0 auto;
    width: 100px;
    max-width: 100px;
}
.tpm-blog-popular-courses .tpm-bpc-thumb a,
.tpm-course-popular-posts .tpm-cpp-thumb a {
    display: block;
}
.tpm-blog-popular-courses .tpm-bpc-body,
.tpm-course-popular-posts .tpm-cpp-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
}
.tpm-blog-popular-courses .tpm-bpc-title a,
.tpm-course-popular-posts .tpm-cpp-title a {
    font-weight: 700;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
    text-decoration: none;
}
.tpm-blog-popular-courses .name_sb a,
.tpm-course-popular-posts .name_sb a {
    color: #627f99;
    font-size: 14px;
    text-decoration: none;
}
.tpm-course-popular-posts .tpm-cpp-title p {
    margin: 0;
}
.tpm-course-popular-posts .name_sb p {
    margin: 0;
}
.tpm-blog-popular-courses .blog-price {
    text-align: right;
    margin-top: auto;
    align-self: flex-end; 
    width: 100%;
}
.tpm-blog-popular-courses .blog-price p {
    margin: 0;
    color: #B85450;
    font-weight: 600;
}
.tpm-blog-popular-courses .blog-price .course-item-price,
.tpm-blog-popular-courses .blog-price span {
    color: inherit;
}
.rev_slider_sidebar {
    border-radius:10px;
}
#sidebar rs-module-wrap,
#sidebar .rev_slider_wrapper, 
#sidebar .widget_block rs-module-wrap {
    width: 100%;
    max-width: 100%;
    min-height: 360px; 
    border-radius: 10px;
    overflow: hidden;
}
.blog .hide_blog{
    display:none;
}
.name_sb i:before {
    font-family: "thim-ekits";
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    content: "\f508";
}



@media screen and (max-width:  990px){
    .learnpress-profile .learnpress {
        margin-top: 0px;
}
    .site-main.col-sm-12.full-width{
padding: 0 !important;
    }
}

.my_teaching .lp-icon-user:before {
    content: "\f508"!important;
    font-family: "thim-ekits"!important;
}
.orders-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.orders-table th,
.orders-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}
.orders-table th {
    background-color: #f4f4f4;
}
.orders-pagination-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 0 20px;
}
.orders-pagination {
    display: flex;
    list-style: none;
    padding: 20зч;
}
.orders-pagination li {
    margin: 0 1px;
}
.orders-pagination a {
    width: 40px;
    height: 40px;
    border: 1px solid  #333;
    text-align: center;
    line-height: 38px;
    display: inline-block;
    overflow: hidden;
    color: #333;
    border-radius: 5px;
}
.orders-pagination a:hover {
    text-decoration: none;
    background-color:#5d7f99;
    border: 1px solid  #5d7f99;
    cursor: pointer;
    color:#fff;
}
.orders-pagination .active {
    font-weight: bold;
    text-decoration: none;
    background-color:#5d7f99;
    border: 1px solid  #5d7f99;
    color:#fff;
}

#profile-nav .tpm-sidebar-projects-pagination-item,
.popup-content .tpm-sidebar-projects-pagination-item {
    list-style: none;
    margin: 0;
    padding: 0;
    pointer-events: auto !important;
    position: relative;
    z-index: 3;
}
#profile-nav .tpm-sidebar-projects-pagination-item::before,
.popup-content .tpm-sidebar-projects-pagination-item::before {
    display: none !important; 
}  
#profile-nav .tpm-sidebar-projects-pagination,
.popup-content .tpm-sidebar-projects-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin: 0;
    background:#7695b0;
    padding: 5px 10px 5px;
}
#profile-nav .tpm-sidebar-projects-pagination__info,
.popup-content .tpm-sidebar-projects-pagination__info {
    flex: 1;
    font-size: 12px;
    line-height: 1.35;
    text-align: center;
    color: rgba(255, 255, 255, 0.92);
}
#profile-nav .tpm-projects-page-arrow,
.popup-content .tpm-projects-page-arrow {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 4px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    font-size: 22px;
    text-decoration: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
} 
#profile-nav .tpm-projects-page-arrow:hover,
.popup-content .tpm-projects-page-arrow:hover {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: #fff;
    color: #fff;
    text-decoration: none;
}
#profile-nav .tpm-projects-page-arrow.is-disabled,
.popup-content .tpm-projects-page-arrow.is-disabled {
    opacity: 0.35;
    pointer-events: none;
}
#profile-nav .tpm-sidebar-projects-pagination-item.is-loading,
#profile-nav .profile-tab-sections.first-floor.is-loading,
.popup-content .tpm-sidebar-projects-pagination-item.is-loading,
.popup-content .profile-tab-sections.first-floor.is-loading {
    opacity: 0.55;
    pointer-events: none;
}

.lp-user-profile #profile-sidebar{
    border: 0 !important;
    padding-left: 5px;
} 
#learn-press-profile.lp-user-profile .lp-content-area {
    width: 100%;
}
#profile-nav{
    background-color: #627f99 !important; 
    padding: 12px 1px 12px 1px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #2b5779;
    border-radius: 25px 25px 25px 25px;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.lp-user-profile .lp-profile-nav-tabs li:hover > ul {
    display: none !important; /* Ховаємо елемент */
}
.lp-user-profile .lp-profile-nav-tabs li > .profile-tab-sections.open, 
.lp-user-profile .lp-profile-nav-tabs li > .profile-tab-sections.show
 {
    display: block !important; 
}

.lp-user-profile .lp-profile-nav-tabs li .profile-tab-sections.visible {
    display: block !important;
    position: relative;
    left: 0;
}

.lp-user-profile .lp-profile-nav-tabs > li > a {
    padding: 14px 20px;
    color: #23445D;
    line-height: 19px;
}
.profile-tab-sections.open {
    color: #fff;
    overflow: hidden;
}
.lp-profile-nav-tabs .profile-tab-sections.open li a {
    padding: 0px 20px;
    color: inherit;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    position: relative;
    width: 100%;
    gap: 8px;
    line-height: 1.4;
}
.profile-tab-sections a {
    text-decoration: none;
    display: flex;
}

.profile-tab-sections a:hover {
    text-decoration: underline;
}
.profile-tab-sections ul.profile-tab-sections {
    display: none;
}

.profile-tab-sections ul.profile-tab-sections.show {
    display: block !important;
}
#profile-nav .lp-profile-nav-tabs li a, #profile-nav .lp-profile-nav-tabs > li > a > i {
    color: #e6e6e6 !important;
}
.learnpress #learn-press-profile.lp-user-profile #profile-sidebar #profile-nav .lp-profile-nav-tabs>li {
    border-color: #e6e6e6 !important;
}
.lp-profile-nav-tabs li > a{
    border-right: 3px solid #627f99;
}
.lp-profile-nav-tabs li a:hover, .has-child.active > a {
    border-right: 3px solid #B85450 !important;
}
.lp-profile-nav-tabs li:hover, .has-child.active, .lp-user-profile .lp-profile-nav-tabs > li:not(.active):hover {
    background-color: #627f99 !important;
}
.profile-tab-sections.open li{
    background-color:#8bacc9!important;
    color: #627f99!important; 
    border:0 !important;
}
 #profile-nav .profile-tab-sections.open li > a > i {
    border: 0 !important;
    color: #fff !important;
}
#profile-nav .profile-tab-sections.open li > a{
    border: 0 !important;
    color: #fff !important;
    line-height: 1;
    font-size: 15px!important;
    padding: 10px 25px 10px 30px; 
    align-items:center;
}
 #profile-nav .profile-tab-sections.show li > a > i {
    border: 0 !important;
    color: #627f99 !important;
} 
#profile-nav .profile-tab-sections.show li > a{
    border: 0 !important;
    color: #627f99 !important;
    line-height: 1;
    font-size: 14px!important;
    padding: 10px; 
}
#profile-nav .profile-tab-sections.show li > a > i::before{
    font-size: 13px!important;
}
#profile-nav .profile-tab-sections.open li > a > i::before{
    font-size: 14px!important;
}
#profile-nav .profile-tab-sections.open li > a:hover,#profile-nav .profile-tab-sections.open li > a:hover  i,body #profile-nav .show li a.active-link,body #profile-nav .show li a.active-link i,body #profile-nav .open li.active a.active-link,body #profile-nav .open li.active a.active-link i  {
    color: #B85450 !important;
}



.profile-tab-sections.open li{
    padding: 0;
    border-bottom: 1px solid hsl(0deg 0% 100% / 10%);
    position: relative !important;
}

.profile-tab-sections.open li:last-child{
    border-bottom: 0;
}
.profile-tab-sections.show, .profile-tab-sections.open, .profile-tab-sections.visible {
    display: block !important;
    left: 0 !important;
    position: relative !important;
    padding-left: 5px;
}
.tab-items-wrapper{    position: relative !important;}

.profile-tab-sections.show li {
    background-color: #cad5df !important;
    padding-top: 0px;
    padding-bottom: 0px;
} 
.profile-tab-sections.show>.tab-items-wrapper>li::before {
    content: "";
    position: absolute;
    background-color: #e6e6e6;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 1px;
    width: 95%;
    z-index: 99;
}


 .profile-tab-sections.visible>.tab-items-wrapper>li::before {
    content: "";
    position: absolute;
    background-color: #dddcdc;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 1px;
    width: 95%;
    z-index: 99;
}

.profile-tab-sections.visible li {
    background-color: #e6e6e6 !important;
    padding-left: 16px;

}

.profile-tab-sections.visible li  a{   
     padding-top: 7px;
    padding-bottom: 7px;
}

.profile-tab-sections.open .has-childs > a::after {
    font-family: "lp-icon";
    content: "\f105";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.has-childs {
    padding: 5px;
}

.lp-user-profile .lp-profile-nav-tabs > li a > i {
    margin-top: 0px !important ;
}
#profile-nav .profile-tab-sections.show li > a{
    font-size: 13px !important;
    padding-left:40px;
        padding-top: 7px;
    padding-bottom: 7px;
}
#profile-nav .profile-tab-sections.show li > a > i::before{
    font-size: 12px !important;
}
.profile-tab-sections.open > li::before {
    content: "";
    position: absolute;
    background-color: #e6e6e6;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 1px;
    width: 95%;
    z-index: 99;
}
.profile-tab-sections.open > li:last-child::before, .profile-tab-sections.visible> li:last-child::before
{
    width: 0;
}
.has-childs:has(.profile-tab-sections.show) > a::after,
.lp-user-profile .lp-profile-nav-tabs > li.has-child:has(.profile-tab-sections.open) > a:after,
.lp-user-profile .lp-profile-nav-tabs > li.has-child:has(.profile-tab-sections.show) > a:after,
.has-childs:has(.profile-tab-sections.visible) > a::after
 {
    transform: translateY(-50%) rotate(90deg);
}
.lp-user-profile .lp-profile-nav-tabs li > ul li {
    white-space: normal !important;
}

#profile-nav .profile-tab-sections li[class$="project_workflow"]{
    background-color: #AAC0D4 !important;
}
.learnpress.no-margin{
    margin: 0;
}
.hidden {
    display: none !important;
}
.learnpress-profile .imp-wrap{width: 100%!important;max-width: 100%!important;} 
.popup-overlay {
    display: none;
} 
.lp-user-profile .lp-user-cover-image_background  {
    margin-bottom: 5px!important;
    display: none;
}
.learnpress-profile .learnpress {
    background: #e6e6e6!important;
}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
input::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
}



.learn-press-form-login form >div{width: 100%;}


@media screen and (max-width:  990px){ 

    footer .footer,
    footer .footer .row aside
    {padding-top: 0!important;}

    .thim-style-content-new-1 .sc_heading.clone_title {
        padding-top: 2px!important;
    }
    .lp-user-profile .lp-user-cover-image_background {
        margin-bottom: 0px!important;
        display: none;
    }
    .lp-user-profile #profile-sidebar{
        padding-left: 0;
    }
    #profile-nav {
        position: relative;
        border-radius: 0;
        padding: 0;
    }
    
}  

@media screen and (max-width:  960px){ 
    #rev_slider_3_1[data-slideactive="rs-9"] .hebe_thim .tp-tab-desc {
        font-size: 14px !important;
    }

} 
.mb-full-col .thim-ekits-course__item { overflow: hidden; }
/* Переводимо заголовок у нормальний блочний елемент */
.mb-full-col .thim-ekits-course__title {
    display: block !important;
    width: 100%;
}

/* Робимо текст в один рядок з обрізанням */
.mb-full-col .thim-ekits-course__title .course-title {
    display: block;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100%;
    font-size: 18px;
}
.mb-full-col .thim-ekits-course__item .thim-ekits-course__thumbnail {
    margin-bottom: 25px;
    width: 100%;
}
.form-cont p{
    margin-bottom: 0 !important;
}
.form-cont {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 15px;
}

.form-cont label {
    box-sizing: border-box;
}

 .go-back {
    display: none;
}
.tab-items-wrapper li, .profile-tab-sections li {list-style: none;}
@media only screen and (max-width: 990px) {
 .popup-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999;
        align-items: center;
        justify-content: center;
    } 
    .popup-content {
        background: transparent;
        overflow: hidden;
        border-radius: 0px;
        width: 85%;
        position: absolute;
        max-width: 500px;
        text-align: left;
        height: auto;
        top: 20%;
        padding: 1px 1px 1px 1px;
        border-style: solid;
        border-width: 2px 2px 2px 2px;
        border-color:#2b5779;
        border-radius: 15px 15px 15px 15px;
        box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
        overflow-y: scroll;
        -ms-overflow-style: none; 
        scrollbar-width: none; 
        background-color: #8bacc9;
    }
    .popup-content[data-parent-li*="my_projects"],
    .popup-content[data-parent-li*="my_projects"].mode-first {
        height: auto;
        max-height: calc(100vh - 24%);
    }
    .popup-content[data-parent-li*="my_projects"].mode-second,
    .popup-content[data-parent-li*="my_projects"].mode-third {
        height: 50vh;
        max-height: 50vh;
    }

     
     .profile-tab-sections a i {
    margin-right: 5px;
} 
    .popup-content::-webkit-scrollbar {
        display: none;
    }
  /* Контейнер для попапу */
  .popup-overlay {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease;
  }
  .popup-overlay.active {
    visibility: visible;
    opacity: 1;
  }
  /* Уніфікована настройка для всіх рівнів табів */

  .popup-content .profile-tab-sections {
    position: relative !important;
    top: 0;
     left: 0;
    width: 100%; 
    height: 100%;
    transform: translateX(100%);
    transition: transform .3s ease-in-out;
  }

  .popup-content[data-parent-li*="my_projects"] .profile-tab-sections {
    position: absolute !important;
    top: 0;
     left: 0;
    width: 100%; height: 100%;
    transform: translateX(100%);
    transition: transform .3s ease-in-out;
        overflow: hidden;
  }
  .popup-content[data-parent-li*="my_projects"]:not(.mode-second):not(.mode-third) .first-floor,
  .popup-content[data-parent-li*="my_projects"]:not(.mode-second):not(.mode-third) .first-floor.open,
  .popup-content[data-parent-li*="my_projects"].mode-first .first-floor,
  .popup-content[data-parent-li*="my_projects"].mode-first .first-floor.open {
    position: relative !important;
    top: auto; 
    left: auto;
    height: auto !important;
    overflow: visible;
    transform: none;
  }
  .popup-content[data-parent-li*="my_projects"]:not(.mode-second):not(.mode-third) .tpm-sidebar-projects-pagination-item,
  .popup-content[data-parent-li*="my_projects"].mode-first .tpm-sidebar-projects-pagination-item {
    position: sticky;
    bottom: 0;
    z-index: 6;
    flex-shrink: 0;
    background: #7695b0;
  }
  .popup-content[data-parent-li*="my_projects"].mode-first .first-floor .second-floor,
  .popup-content[data-parent-li*="my_projects"].mode-first .first-floor .third-floor,
  .popup-content[data-parent-li*="my_projects"].mode-first > .second-floor,
  .popup-content[data-parent-li*="my_projects"].mode-first > .third-floor {
    display: none !important;
    pointer-events: none !important;
  }
  .popup-content[data-parent-li*="my_projects"].mode-second > .first-floor,
  .popup-content[data-parent-li*="my_projects"].mode-third > .first-floor,
  .popup-content[data-parent-li*="my_projects"].mode-third > .second-floor {
    display: none !important;
  }
  .popup-content[data-parent-li*="my_projects"].mode-second > .second-floor,
  .popup-content[data-parent-li*="my_projects"].mode-second > .second-floor.show,
  .popup-content[data-parent-li*="my_projects"].mode-third > .third-floor,
  .popup-content[data-parent-li*="my_projects"].mode-third > .third-floor.visible {
    display: flex !important;
    flex-direction: column;
    transform: none !important;
    position: relative !important;
    top: auto;
    left: auto;
    height: 100% !important;
    overflow: hidden;
    pointer-events: auto !important;
    visibility: visible !important;
  }
  /* стекування за Z-осью */
  .popup-content .first-floor  { 
    z-index: 10; 
    padding: 0;
    height: 100%;
    background: #8bacc9;
}
  .popup-content .second-floor {
     z-index: 20;
    padding: 0;
    }
  .popup-content .third-floor  {
     z-index: 30; 
    padding: 0;
    }
   .popup-content .third-floor .tab-items-wrapper {   
      height: 100%;
        margin: 0;
        display: block;
        width: 100%;
        overflow: scroll;
    }
  .popup-content .second-floor .tab-items-wrapper {   
        height: 100%;
        margin: 0;
        display: block;
        width: 100%;
        overflow: scroll;
    }
  /* В’їзд кожного рівня */
  .popup-content .first-floor.open    { transform: translateX(0); }
     .popup-content .second-floor.show {
        transform: translateX(0);
        height: 100%;
        margin: 0;
        width: 100%;
        padding: 0;
        background: #cad5df;
        height: 100%;
        overflow: hidden;
        border-radius: 15px;
        border: 2px solid #5D7F99 !important;
        display: flex !important;
        flex-direction: column;
        height: 100%; 
    }
    .popup-content .third-floor.visible {
        transform: translateX(0);
        height: 100%;
        margin: 0;
        display: block;
        width: 100%; 
        background: #e6e6e6;
        border-radius: 15px;
        border: 2px solid #5D7F99 !important;
        display: flex !important;
        flex-direction: column;
        height: 100%;
    }
.profile-tab-sections.first-floor.open li, .profile-tab-sections.first-floor.open {
    background-color: #8bacc9 !important;
}
    .popup-content .second-floor.show a,
    .popup-content .third-floor.visible a {
        position: relative;
        padding: 10px 15px 10px 49px;
        color: #23445D;
        line-height: 19px;
    }
    .popup-content .second-floor.show>li,
    .popup-content .third-floor.visible>li, .tab-items-wrapper>li{
        position: relative; 
    }
.my_projects .popup-content .second-floor.show>li::before,
.my_projects .popup-content .third-floor.visible>li::before,
.tab-items-wrapper>li::before{
    content: "";
    position: absolute !important;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 1px;
    width: 95%;
    z-index: 99;
    background: #e6e6e6;
}
.profile-tab-sections.visible li {
    padding-left: 0px;
}
.tab-items-wrapper li, .profile-tab-sections li {list-style: none;}
  .popup-content .second-floor.show ~ .first-floor.open {
    transform: translateX(-100%);
  }

  .popup-content .third-floor.visible ~ .second-floor.show {
    transform: translateX(-100%);
  }
  .popup-content .go-back {
    list-style: none;
    display: block;
    box-shadow: 0 -3px 8px rgba(0, 0, 0, 1);
    z-index: 2;
  } 
  .popup-content .go-back > a {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    font-size: 1.6rem;
    font-weight: 600;
      font-size: 16px;
    color: #111433;
    background: #fff;
  }

    .popup-content .second-floor.show .go-back>a {
        color: #e3e4e5 !important;
        background: #95adc4;
       padding: 10px;
       box-shadow: inset 0 -1px 3px rgba(0, 0, 0, .2), inset 1px 0 2px rgba(0, 0, 0, .2);
    }
  
.go1{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 16ch;
    margin-right: 7px;

}
.go2{margin-left: 7px; position: relative;display: flex;}
.go2::before{
        font-family: "lp-icon";
    content: "\f104";
    margin-right: 8px;
    font-size: 1.8rem;
}
.popup-content .go-back>a::before {color:#4a6c85}

       .profile-tab-sections.third-floor.visible .go2::before,
       .profile-tab-sections.third-floor.visible .go-back>a::before{ 
        color: #a9a9a9;
    }


  .popup-content .third-floor.visible .go-back>a {
        color: #23445D !important;
        background:#cad5df;
        padding: 10px;
        box-shadow: inset 0 -1px 3px rgba(0, 0, 0, .2), inset 1px 0 2px rgba(0, 0, 0, .2);
    }



.popup-content .second-floor.show .go-back::before,
.popup-content .third-floor.visible .go-back::before{
     width: 0;
}

  .popup-content .go-back > a::before {
    font-family: "lp-icon";
    content: "\f104";
    margin-right: 8px;
    font-size: 1.8rem;
  }

   .profile-tab-sections.open a {
        position: relative;
        padding: 10px 15px;
        color: #fff;
        line-height: 19px;
        display: flex;
        align-items: center;
    }

    .profile-tab-sections .has-childs>a::after {
    font-family: "lp-icon";
    content: "\f105";
    position: absolute;
    font-size: 1.8rem;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    }
    .profile-tab-sections.show a {
        padding: 5px 15px;
    }
    .profile-tab-sections.show, .profile-tab-sections.open {
        margin: 0;
    }

    .profile-tab-sections.show li {
        margin: 0;
    }
    .popup-overlay.active {
        display: flex;
    }
    .close-overlay {
        position: absolute;
        left: 91%;
        top: 12px;
        padding: 0 5px;
        background: transparent !important;
        color: #B85450 !important;
        font-size: 30px;
        line-height: 10px;
        font-weight: 600;
        z-index: 99999;
    }

.third-floor.visible .go-back a{
border-radius: 12px 12px 0px 0px;
}

}

.footer-bottom-above > .container{
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


@media only screen and (max-width: 1024px) {
.thim-ekits-menu__nav{
    margin-top: 0!important;
}

}

.lp-form-course-filter__content .lp-course-filter__field label, .sc_heading.clone_title .clone {
    text-transform: initial !important;
}

.password-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.password-wrapper input {
  width: 100%;
  padding-right: 40px; /* щоб не налізала іконка */
}
.generate-btn {
    position: absolute;
    right: 10px;
    top: 38px;
    cursor: pointer;
    background: none !important;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    color: #666;
    gap: 5px;
}
.generate-btn svg {
  width: 20px;
  height: 20px;
  fill: #666;
  transition: fill 0.2s;
}
.generate-btn:hover svg {
  fill: #B85450;
}
.generate-btn:hover{
     color: #B85450;
}
.learn-press-form-login .lost-password a {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 16px;
    background: #0073aa;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
}
.learn-press-form-login .lost-password a:hover {
    background: #005177;
}
                input#reg_email {
                    background: #bac8d3 !important;
                    color: #23445d !important;
                }

				.password-wrapper, .form-field {
					position: relative;
					display: inline-block;
					width: 100%;
				} 
				.password-wrapper input {
					width: 100%;
					padding-right: 35px; /* щоб іконка не перекривала текст */
				}
				.toggle-visibility {
					position: absolute;
					right: 10px;
					top: 50%;
					transform: translateY(-50%);
					cursor: pointer;
					font-size: 16px;
					user-select: none;
				}
				 .tooltip-box {
					position: absolute;
					top: 100%;
					left: -100px;
					background: #fff;
					border: 1px solid #ccc;
					border-radius: 5px;
					padding: 8px 12px;
					font-size: 13px;
					color: #333;
					box-shadow: 0 2px 5px rgba(0,0,0,0.2);
					display: none;
					width: 190px;
					margin-top: 5px;
					z-index: 1000;
				}
				.tooltip-box ul {
					margin: 0;
					padding-left: 18px;
				}
				.tooltip-box li {
					margin: 4px 0;
					color: red;
				}
				.tooltip-box li.valid {
					color: green;
					text-decoration: line-through;
				}
				.password-wrapper {
					position: relative;
					display: inline-block;
					width: 100%;
				}
				.password-wrapper input {
					width: 100%;
				}
                .is-invalid {
                    border: 2px solid red !important;
                }
                .error-message {
                    color: red;
                    font-size: 12px;
                    margin-top: 3px;
                }






.panel-bottom {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* 🟢 Повноекранна зона для перетягування в межах panel-bottom */
.panel-bottom {
  position: relative; /* обов’язково, щоб оверлей став поверх */
  overflow: hidden;
}

🟢 Оверлей поверх усієї панелі
.drop-overlay {
  position: absolute;
  inset: 0; /* top, right, bottom, left = 0 */
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(250, 250, 250, 0.9);
  backdrop-filter: blur(5px);
  border: 2px dashed #888;
  border-radius: 10px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
  z-index: 9999;
}

/* 🟢 Відображення при наведенні */
.drop-overlay.visible {
  opacity: 1;
}

/* 🟢 Контент підказки */
.drop-overlay-content {
  text-align: center;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.drop-overlay-content i {
  font-size: 36px;
  display: block;
  margin-bottom: 10px;
  color: #444;
}
/* Трохи стилю для аватарки */
.lp-user-info{
    display: flex;
    padding: 0px 10px 10px;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 2; /* вище .lp-profile-nav-tabs, інакше тултіп під бордером */
}


.lp-user-avatar-link img.avatar {
  border-radius: 50%;
   width: 50px;
  border: 2px solid rgba(255,255,255,.35);
}
.lp-user-name-link.has-tooltip:hover { opacity: .9;color:#fff; }
.lp-user-name-link.has-tooltip {color:#fff;}
/* Показуємо тултіп ЗНИЗУ елемента скрізь */
.has-tooltip { position: relative; overflow: visible; z-index: 1; }

.has-tooltip:hover,
.has-tooltip:focus {
  z-index: 10; /* підняти stacking context над сусідніми бордерами */
}

.has-tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  top: calc(100% + 0px);        /* було bottom:100%; -> тепер під елементом */
  transform: translateX(-50%);
  background: rgba(0,0,0,.85);
  color: #fff;
  padding: 6px 8px;
  font-size: 12px;
  line-height: 1;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease;
  z-index: 9999;                /* поверх усього */
}

.has-tooltip:hover::after,
.has-tooltip:focus::after {
  opacity: 1;
  transform: translateX(-50%) translateY(2px);
}

/* Щоб ніщо не обрізало тултіп у цих зонах */
#profile-sidebar,
.lp-user-info,
.thim-link-login,         /* контейнер іконки профілю у шапці Eduma */
.menu-right {
  overflow: visible !important;
}

/* Header login-popup: show user avatar instead of generic users icon */
.thim-link-login a.profile.has-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	vertical-align: middle;
}

.thim-link-login a.profile .thim-login-popup-avatar,
.thim-link-login a.profile img.avatar {
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	object-fit: cover;
    border: 2px solid rgba(255, 255, 255, .35)
}

.thim-link-login{
    display: flex;
    align-items: center;
}


@media (max-width: 768px) {

.lp-user-info{display: none;}


/* Загальний контейнер мобільного режиму */
.split-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 9999;
}

/* Верхня панель (PowerApp або Wiki) */
.panel-top {

  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

/* Внутрішні панелі */
.left-panel,
.right-panel {
  width: 100%;
  height: 100%;
  flex: 1;
  overflow: auto;
  transition: opacity 0.25s ease, height 0.25s ease;
}

.left-panel.hidden,
.right-panel.hidden {
  opacity: 0;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}

.left-panel.active,
.right-panel.active {
  opacity: 1;
  height: 100%;
}

.left-panel iframe,
.right-panel iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* Кнопка перемикання */
.panel-top.resizable .modal_btn {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 30px !important;
    height: 30px !important;
    border: none;
    z-index: 10;
    border-radius:3px;
    background: rgb(255 255 255 / 60%) !important;
}


}

#password-lost-form-wrap legend {
    display: block;
    width: 100%;
    padding: 0 0 5px;
    margin-bottom: 20px;
    text-align: start;
    font-size: 21px;
    line-height: inherit;
    color: #ffffff;
    font-weight: 600;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
} 


form#lostpasswordform {
    text-align: center;
    margin: 0 auto 0px auto!important;
    max-width: 100%!important;
}

.res-pass-forms{
display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 20px auto 0;
    max-width: 300px;
}
.no-margin, .lostpassword-submit{width: 100%}
.res-pass-forms .no-margin input, .disblock.som-password-input {
    width: 100% !important;
    padding: 10px 8px;
    border-radius: 4px !important;
    font-size: 1em;
    border: 2px solid #bac8d3;
    background: #fff;
    border-radius: 0;
    box-sizing: border-box;
    color: #000;
}
.somfrp-lost-pass-form-text p{
      color: #23445d!important;
}
.form-field .disblock.som-password-input{
    margin-bottom: 15px;
}
.res-pass-forms .lostpassword-submit button, .lost-pass .lostpassword-submit button {
    margin-top: 0px !important;
    width: 100% !important;
    max-width: 300px;
    position: relative !important;
    overflow: visible !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px !important;
    padding: 8px 30px !important;
    color: #23445d !important;
    font-weight: 400 !important;
    border: 2px solid #23445d !important;
    background-color: #fff !important;
}

.res-pass-forms .lostpassword-submit button:hover, .lost-pass .lostpassword-submit button:hover  {
    color: #b85450 !important;
    border: 2px solid #b85450 !important;
    max-width: 320px;
}

#password-lost-form-wrap .som-password-sent-message {
    margin-bottom: 20px;
    padding: 15px;
    border: 2px solid #23445d !important;
    border-radius: 4px;
    background-color: #bac8d3 !important;
    color: #23445d;
    position: relative;
    display: table;
    width: 100%;
}
.highlight-email { color: #b85450 !important;}

.somfrp-lost-pass-form-text.lost-p{text-align: center;}

.somfrp-lost-pass-form-text.lost-pass{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 20px auto 0;
    max-width: 300px;
}

.generate-btn.pass{
    color: #23445d;
    position:absolute;
    right:6px; 
    top:6px;
}


 #profile-content-my_projects .learn-press-tab-content{
  
    background-color: #95ADC4;
    border: 3px solid  #BAC8D3;
    border-radius: 0px 0px 15px 15px;
}


#profile-content-my_projects .learn-press-tab-content #tab-workflow{
    padding: 15px;
}
#profile-content-my_projects .learn-press-nav-tabs {
    column-gap: 0;

}
#profile-content-my_projects .learn-press-nav-tabs li {
    position: relative;
    top: 2px;
    background: #5d7f99;
    border-style: solid;
    border-width: 2px;
    border-color: #BAC8D3;
    border-bottom-color: #95adc4;
    
    border-radius: 16px 16px 0px 0px;
} 

.learn-press-tabs_workflow{
    background-color: #5D7F99;
    border: 2px solid #BAC8D3;
    border-radius: 20px ;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5) inset;
    padding: 5px;
    margin-bottom:10px;
}
#profile-content-my_projects  .learn-press-tabs {
    margin-bottom: 0px !important;
    position: relative;
    border-bottom: 0 !important;
}
#profile-content-my_projects .learn-press-nav-tabs li.active::after, 
#profile-content-my_projects .learn-press-nav-tabs li:hover::after {
    background: transparent;
}

#profile-content-my_projects .learn-press-nav-tabs li:hover,
#profile-content-my_projects .learn-press-nav-tabs li.active{
    background: #95ADC4;  
}

#profile-content-my_projects .learn-press-nav-tabs li i{
    color:#bac8d3 ; 
}
#profile-content-my_projects .learn-press-nav-tabs li a{
    color:#bac8d3 ; 
    padding: 8px 20px;
    display: block;
} 

#profile-content-my_projects .learn-press-nav-tabs li:hover i,
#profile-content-my_projects .learn-press-nav-tabs li.active i,
#profile-content-my_projects .learn-press-nav-tabs li:hover a,
#profile-content-my_projects .learn-press-nav-tabs li.active a, .tpm-breadcrumb a:hover{
    color: #b85450  
}
.learn-press-tabs_top{
    display: flex;
    justify-content: space-between;
}

.tpm-breadcrumb {
    padding: 0 5px;
}
.tpm-breadcrumb-content{
    padding: 5px 5px 0px;
    z-index: 100;
    width: 100%;
    display: flex;
    align-items: center;
}
.tpm-breadcrumb-separator svg{
    width: 15px;
    fill:#bac8d3 ; 
}
.tpm-breadcrumb-separator{
    margin: 0 5px;
}
.tpm-breadcrumb span, .tpm-breadcrumb a{
    font-family: "Roboto Condensed", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color:#bac8d3 ; 
    display: flex;
    align-items: center;
    gap: 5px;
}
.projects_tabs{
    position: relative;
    
}

.learn-press-tabs_workflow .learn-press-tab-content-item {
    display: none;
}
.learn-press-tabs_workflow .learn-press-tab-content-item.active {
    display: block;
}  

/* Gutenberg full-width sections for homepage template */ 
.page-template-homepage #main-home-content .alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
.page-template-homepage #main-home-content .alignwide {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}
/*
 * Use class "tpm-bg-full" on a Group block:
 * - the block background stretches full width
 * - inner content stays in container width
 */
.page-template-homepage #main-home-content .wp-block-group.alignfull.tpm-bg-full > .wp-block-group__inner-container,
.page-template-homepage #main-home-content .wp-block-cover.alignfull.tpm-bg-full .wp-block-cover__inner-container {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}


/* 1) База dropdown як у мегаменю */
.navigation .navbar-nav > li.mega-look,
.navigation .navbar-nav > li.categori-menu,
.navigation .navbar-nav > li.learn-and-work {
  position: static;
}

.navigation .navbar-nav > li.mega-look > .sub-menu,
.navigation .navbar-nav > li.categori-menu > .sub-menu,
.navigation .navbar-nav > li.learn-and-work > .sub-menu {
  left: 50% !important;
  transform: translateX(-50%);
  width: min(1180px, calc(100vw - 30px));
  margin-top: 0 !important;
  padding: 18px;
  border: 1px solid #90a6b8;
  border-radius: 0;
  background: #b9c6d1;
  box-shadow: 0 12px 30px rgba(0,0,0,.16);
  display: none;
  z-index: 9999;
}

.navigation .navbar-nav > li:hover > .sub-menu {
  display: block;
}


.navigation .navbar-nav .menu-custom-media-icon{
    width: 22px;
    min-width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right:0px;
  }
  .navigation .navbar-nav .menu-custom-media-icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .menu-custom-media-icon{
    width:18px;
    min-width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-right:10px;
  }
  .menu-custom-media-icon.is-svg-inline svg{
    display:block;
    overflow:visible;
    fill: #23445d;
  }

  .navigation .navbar-nav > li.tpmf-menu > .sub-menu .menu-custom-media-icon.is-svg-inline svg{
    width: 15px !important;
    height: 15px !important;
  }
  /* 3) Перший пункт - інший розмір SVG */
  .navigation .navbar-nav > li.tpmf-menu > .sub-menu > li:first-child .menu-custom-media-icon.is-svg-inline svg{
    width: 20px !important;
    height: 20px !important;
  }
  /* 4) Останній пункт - інший розмір SVG */
  .navigation .navbar-nav > li.tpmf-menu > .sub-menu > li:last-child .menu-custom-media-icon.is-svg-inline svg{
    width: 18px !important;
    height: 18px !important;
  }

  .menu-custom-media-icon.is-img img{
    width:100%;
    height:100%;
    object-fit:contain;
  }
  .navigation .navbar-nav > li.tpmf-menu > .sub-menu{
    width: 150px;
    padding: 0px 5px;
    background: #b9c6d1;
  }
  
  .navigation .navbar-nav > li.tpmf-menu > .sub-menu > li > a{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 0;
    color: #1d4466;
    border-bottom: 1px solid rgba(29,68,102,.18);
    font-weight: 400;
  }
  /* .navigation .navbar-nav > li.tpmf-menu > .sub-menu > li > a:hover svg{
fill: #b85450;
  } */
  .navigation .navbar-nav > li.tpmf-menu > .sub-menu > li:last-child > a{
    border-bottom: 0;
  }
  
  .navigation .navbar-nav > li.tpmf-menu > .sub-menu > li{
    padding: 0;
  }
  
  .navigation .navbar-nav > li.tpmf-menu > .sub-menu > li > a:hover{
    color: #b85450;
    background: transparent !important;
  }
/* 2) Пункти всередині dropdown */
.navigation .navbar-nav > li.mega-look > .sub-menu > li > a,
.navigation .navbar-nav > li.categori-menu > .sub-menu > li > a,
.navigation .navbar-nav > li.learn-and-work > .sub-menu > li > a {
  color: #163b5b;
  font-weight: 600;
  padding: 14px 18px;
  border: 1px solid rgba(22,59,91,.18);
  background: rgba(255,255,255,.12);
}

/* 3) Grid для "Domains / Learning" (як плитки на скріні) */
.navigation .navbar-nav {
    position: relative;
  }
  
  /* Dropdown "Domains" (або інший пункт з класом categori-menu) */
  .navigation .navbar-nav > li.categori-menu {
    position: static;
  }
  .navigation,
.navigation .navbar-nav,
header,
.site-header {
  overflow: visible !important;
}
  .navigation .navbar-nav > li.categori-menu > .sub-menu {
    position: absolute;
    left: auto !important;
    right: 0 !important;          /* з правого боку */
    transform: none !important;
  
    display: grid;
    grid-template-columns: repeat(3, 292px); /* однакова ширина колонок */
    gap: 0;
  
    width: max-content;
    max-width: calc(100vw - 20px);   /* щоб не вилазило за екран */
    padding: 0;
    margin-top: 0 !important;
  }
  
  /* Кожна плитка однакової ширини */
  .navigation .navbar-nav > li.categori-menu > .sub-menu > li {
    width: 292px;
    min-width: 292px;
    margin: 0;
    padding: 0;
  }
  
  /* Внутрішній відступ 20px ліворуч/праворуч */
  .navigation .navbar-nav > li.categori-menu > .sub-menu > li > a {
    box-sizing: border-box;
    width: 100%;
    min-height: 96px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .navigation .navbar-nav > li.categori-menu > .sub-menu > li > a:hover{
    color: #fff;
    background:#b85450;
  }
  .navigation .navbar-nav .cat-term-icon {
    width: 80px;
    min-width: 80px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  
  .navigation .navbar-nav .cat-term-icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }


/* ===== Learning mega fix for real menu structure ===== */

/* 1) right align like Domains */
.navigation .navbar-nav > li.learning-menu { position: static; }
.navigation .navbar-nav > li.learning-menu > .sub-menu{
  position: absolute !important;
  left: auto !important;
  right: 0 !important;
  transform: none !important;

  display: grid !important;
  grid-template-columns: 1fr 1fr 2.1fr;
  gap: 25px;
  width: max-content;
  max-width: calc(100vw - 12px);
  padding: 20px;
  background: #b9c6d1;
}

/* 2) parent blocks */
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-cats,
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-instructors{
  list-style: none;
  padding: 0;
}

/* hide default arrow on parent items */
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-cats > a .icon-toggle,
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-instructors > a .icon-toggle{
  display: none !important;
}

/* headings */
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-cats > a,
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-instructors > a{
  font-size: 32px;
  font-weight: 700;
  padding: 0 0 12px;
  border: 0;
  pointer-events: none;
}

/* 3) IMPORTANT: show nested lists (your items were hidden) */
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-cats > .sub-menu,
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-instructors > .sub-menu{
  display: block !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  min-width: 0 !important;
  width: auto !important;
}

.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-cats > .sub-menu > li,
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-instructors > .sub-menu > li{
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-cats > .sub-menu > li > a,
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-instructors > .sub-menu > li > a{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 0 5px;
    color: #1d4466;
    border: 0;
}
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-cats > .sub-menu > li > a:hover,
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-instructors > .sub-menu > li > a:hover{
  color: #b85450;
  background: transparent !important;
}
/* прибрати стрілки-псевдоелементи в Learning колонках */
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.menu-item-has-children::before,
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.menu-item-has-children > a::before,
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.menu-item-has-children > a::after {
  display: none !important;
  content: none !important;
}

.navigation .navbar-nav > li.learning-menu > .sub-menu .cat-term-icon {
    width: 15px;
    min-width: 15px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.navigation .navbar-nav > li.learning-menu > .sub-menu .cat-term-icon img,
.navigation .navbar-nav > li.learning-menu > .sub-menu .cat-term-icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 4) banner */
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-banner{
  position: relative;
  min-height: 260px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--wpr-bg-93b4bfb2-9064-4e56-abc3-3369efe523e7) center/cover no-repeat;
}
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-banner::before{
  content:"";
  position:absolute; inset:0;
  background: rgba(0,0,0,.28);
}
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-banner {
    position: relative;
    z-index: 2;
    min-height: 230px;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end !important;
    padding: 24px;
    color: #fff;
  }
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-banner .tc-megamenu-title{
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
}

.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-banner .tc-menu-item-description{
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 14px;
  display: block;
}

/* 1) Більший шрифт для заголовків колонок */
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-cats .tc-megamenu-title,
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-instructors .tc-megamenu-title{
  font-size: 24px;   /* постав 32-36 за смаком */
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
}

/* 2) Текст банера внизу */
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-banner{
  justify-content: flex-end !important; /* головне */
  align-items: flex-start;
  padding-bottom: 24px;
}
/* Однакова висота рядків у 2 колонках Learning */
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-cats > .sub-menu > li > a,
.navigation .navbar-nav > li.learning-menu > .sub-menu > li.col-instructors > .sub-menu > li > a{
  display: flex;
  align-items: center;
  min-height: 30px;   /* не строго, але вирівнює */
  line-height: 1.25;
  padding-top: 4px;
  padding-bottom: 4px;
}
/* Базово: приховані */
.navigation .navbar-nav > li.tpmf-menu > .sub-menu,
.navigation .navbar-nav > li.categori-menu > .sub-menu,
.navigation .navbar-nav > li.learning-menu > .sub-menu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
/* Показ тільки для активного top-level пункту */
.navigation .navbar-nav > li.tpmf-menu:hover > .sub-menu,
.navigation .navbar-nav > li.categori-menu:hover > .sub-menu,
.navigation .navbar-nav > li.learning-menu:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
/* Щоб підменю не “наїжджало” на navbar */
.navigation .navbar-nav > li.tpmf-menu > .sub-menu,
.navigation .navbar-nav > li.categori-menu > .sub-menu,
.navigation .navbar-nav > li.learning-menu > .sub-menu {
  top: 100%;
}


/* ===== Learn and Work dropdown ===== */
.navigation .navbar-nav > li.learnwork-menu { position: static; }

.navigation .navbar-nav > li.learnwork-menu > .sub-menu{
    position: absolute !important;
    left: auto !important;
    right: 0 !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: 0.5fr 2fr;
    gap: 22px;
    width: max-content;
    max-width: calc(100vw - 12px);
    padding: 20px 24px;
    background: #b9c6d1;
    z-index: 9999;
}

/* Показ/приховування як в інших */
.navigation .navbar-nav > li.learnwork-menu > .sub-menu{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 100%;
}
.navigation .navbar-nav > li.learnwork-menu:hover > .sub-menu{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Ліва колонка Learn and Work (твоя поточна структура) */
.navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children{
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
  }
  
  /* Заголовок "Learn and Work!" у колонці */
  .navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children > a{
    display: block;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    padding: 0 0 12px;
    color: #1d4466;
    border: 0;
    pointer-events: none; /* як заголовок, не клік */
  }
  
  /* Список посилань */
  .navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children > .sub-menu{
    display: block !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  
  .navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children > .sub-menu > li{
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children > .sub-menu > li > a{
    display: flex;
    align-items: center;
    gap: 5px;
    min-height: 30px;
    line-height: 1.25;
    color: #1d4466;
    border: 0;
  }
  li.learnwork-menu .menu-custom-media-icon {
    width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;
}
li.learnwork-menu  .menu-custom-media-icon.is-svg-inline svg {
    height: 13px!important;
    width: 15px!important;
}
  .navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children > .sub-menu > li > a:hover{
    color: #b85450;
    background: transparent !important;
  }
.navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.col-links > .sub-menu > li > a:hover{
  color: #b85450;
  background: transparent !important;
}

/* Права колонка (банер) */
.navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.col-banner {
    position: relative;
    min-height: 100px;
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    background: var(--wpr-bg-e95b5b1c-7eac-44e7-83d8-5e049b5dcad2) center / cover no-repeat;
    align-items: flex-end;
    padding: 3px 15px;
}


.navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.col-banner::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.32);
}
.navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.col-banner > a{
  position: relative;
  z-index: 2;
  min-height: 170px;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end !important; /* текст знизу */
  padding: 20px 24px;
  color: #fff;
}
.navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.col-banner .tc-megamenu-title{
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.15;
    z-index: 10;
    margin: 0;
    display: block !important;
}
.navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.col-banner .tc-menu-item-description{
  color: #fff;
  font-size: 14px;
  line-height: 1.35;
  margin-top: 6px;
  display: block !important;
}

/* Ховаємо стрілки у колонках */
.navigation .navbar-nav > li.learnwork-menu > .sub-menu .icon-toggle,
.navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children::before,
.navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children > a::before,
.navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children > a::after{
  display: none !important;
  content: none !important;
}

/* Learn&Work: стабільний один стан */
.navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children > .sub-menu{
    display: block !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  
  /* Не давати темі ховати вкладене меню при "не тому" hover */
  .navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children:hover > .sub-menu,
  .navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children:not(:hover) > .sub-menu{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  /* Однаковий вигляд заголовка у всіх станах */
  .navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children > a,
  .navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children.current-menu-parent > a,
  .navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.menu-item-has-children.current-menu-ancestor > a{
    color: #1d4466 !important;
    background: transparent !important;
  }

  .navigation .navbar-nav > li.learnwork-menu .tc-megamenu-title{
    display: none !important;
  }

  /* FIX: Learn&Work не відкривається "сам по собі" */
.navigation .navbar-nav > li.learnwork-menu > .sub-menu{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .navigation .navbar-nav > li.learnwork-menu:hover > .sub-menu,
  .navigation .navbar-nav > li.learnwork-menu:focus-within > .sub-menu{
    display: grid !important;   /* або block, якщо в тебе не grid */
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* банер-картка */
.navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.col-banner{
    position: relative;
    overflow: hidden;
  }
  
  /* напівтемний оверлей для читабельності */
  .navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.col-banner::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.35);
    z-index: 1;
  }
  /* заголовок + опис білими */
  .navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.col-banner .tc-megamenu-title,
  .navigation .navbar-nav > li.learnwork-menu > .sub-menu > li.col-banner .tc-menu-item-description{
    color: #fff !important;
    position: relative;
    z-index: 2;
  }
  @media (max-width: 1024px) {
    /* ===== Заголовок поточного розділу (динамічний) ===== */
    .mobile-menu-wrapper .navbar-nav > li.tpmf-menu.thim-ekits-menu__is-hover > .sub-menu::before,
    .mobile-menu-wrapper .navbar-nav > li.categori-menu.thim-ekits-menu__is-hover > .sub-menu::before,
    .mobile-menu-wrapper .navbar-nav > li.learning-menu.thim-ekits-menu__is-hover > .sub-menu::before,
    .mobile-menu-wrapper .navbar-nav > li.learnwork_menu.thim-ekits-menu__is-hover > .sub-menu::before,
    .mobile-menu-wrapper .navbar-nav > li.learnwork-menu.thim-ekits-menu__is-hover > .sub-menu::before {
        content: attr(data-parent-title);
        display: block;
        font-size: 42px;
        font-weight: 700;
        line-height: 1.2;
        color: #23445d;
        margin: 0px 0 20px;
        background: transparent;
        font-family: "Roboto", Sans-serif;
        font-size: 25px;
        font-weight: 500;
        color: #23445D;
    }
  
    /* ===== Єдиний розмір іконок ===== */
    .mobile-menu-wrapper .cat-term-icon,
    .mobile-menu-wrapper .menu-custom-media-icon {
      width: 22px !important;
      min-width: 22px !important;
      max-width: 22px !important;
      height: 22px !important;
      max-height: 22px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex: 0 0 22px !important;
      margin-right: 10px !important;
      overflow: hidden !important;
    }
  
    .mobile-menu-wrapper .cat-term-icon img,
    .mobile-menu-wrapper .cat-term-icon svg,
    .mobile-menu-wrapper .menu-custom-media-icon img,
    .mobile-menu-wrapper .menu-custom-media-icon svg {
      width: 18px !important;
      height: 18px !important;
      max-width: 18px !important;
      max-height: 18px !important;
      display: block !important;
      object-fit: contain !important;
    }
  
    /* ===== Скидання зайвих падінгів у мобільному меню ===== */
    .mobile-menu-wrapper .navbar-nav .sub-menu li > a{
        padding: 0!important;
        display: flex;
        align-items: center;
        color: #23445d;
        height: 30px;
    }
    .mobile-menu-wrapper .navbar-nav .sub-menu li > span {
        padding: 0 !important;
        font-size: 20px;
        color: #23445d;
        margin-bottom: 15px !important;
        display: block;
    }
    .mobile-menu-wrapper .navbar-nav .sub-menu li {
        padding: 0 0 0 8px;
        margin: 0;
    }
    .col-heading.col-instructors{
        margin-top: 25px !important;
    }
     /* TPMF у mobile: базовий розмір SVG */
  .mobile-menu-wrapper .navbar-nav > li.tpmf-menu.thim-ekits-menu__is-hover > .sub-menu .menu-custom-media-icon.is-svg-inline svg{
    width: 15px !important;
    height: 15px !important;
  }
  /* 1-й пункт більший */
  .mobile-menu-wrapper .navbar-nav > li.tpmf-menu.thim-ekits-menu__is-hover > .sub-menu > li:first-child .menu-custom-media-icon.is-svg-inline svg{
    width: 20px !important;
    height: 20px !important;
  }
  /* останній пункт середній */
  .mobile-menu-wrapper .navbar-nav > li.tpmf-menu.thim-ekits-menu__is-hover > .sub-menu > li:last-child .menu-custom-media-icon.is-svg-inline svg{
    width: 18px !important;
    height: 18px !important;
  }
    /* ===== Learning: вкладені списки завжди видимі і не overlay ===== */
    .mobile-menu-wrapper .navbar-nav > li.learning-menu.thim-ekits-menu__is-hover
    > .sub-menu > li.menu-item-has-children {
      position: static !important;
    }
  
    .mobile-menu-wrapper .navbar-nav > li.learning-menu.thim-ekits-menu__is-hover
    > .sub-menu > li.menu-item-has-children > .sub-menu {
      display: block !important;
      position: static !important;
      top: auto !important;
      left: auto !important;
      right: auto !important;
      width: 100% !important;
      height: auto !important;
      max-height: none !important;
      margin: 0 !important;
      padding: 0 !important;
      transform: none !important;
      overflow: visible !important;
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
      background: transparent !important;
      box-shadow: none !important;
      z-index: auto !important;
    }
  
    .mobile-menu-wrapper .navbar-nav > li.learning-menu.thim-ekits-menu__is-hover
    > .sub-menu > li.menu-item-has-children > .sub-menu > li {
      list-style: none;
      margin: 0;
    }
  
    .mobile-menu-wrapper .navbar-nav > li.learning-menu.thim-ekits-menu__is-hover
    > .sub-menu > li.menu-item-has-children > .sub-menu > li > a {
      display: flex !important;
      align-items: center;
      min-height: 30px;
      padding: 4px 0 !important;
      color: #23445d !important;
    }
  
    .mobile-menu-wrapper .navbar-nav > li.learning-menu.thim-ekits-menu__is-hover
    > .sub-menu > li.menu-item-has-children > .icon-toggle,
    .mobile-menu-wrapper .navbar-nav > li.learning-menu.thim-ekits-menu__is-hover
    > .sub-menu > li.col-banner {
      display: none !important;
    }
        /* Learn and Work: як Learning */
        .mobile-menu-wrapper .navbar-nav > li.learnwork-menu.thim-ekits-menu__is-hover > .sub-menu > li.menu-item-has-children,
        .mobile-menu-wrapper .navbar-nav > li.learnwork_menu.thim-ekits-menu__is-hover > .sub-menu > li.menu-item-has-children{
          position: static !important;
        }
      
        .mobile-menu-wrapper .navbar-nav > li.learnwork-menu.thim-ekits-menu__is-hover > .sub-menu > li.menu-item-has-children > .sub-menu,
        .mobile-menu-wrapper .navbar-nav > li.learnwork_menu.thim-ekits-menu__is-hover > .sub-menu > li.menu-item-has-children > .sub-menu{
          display: block !important;
          position: static !important;
          top: auto !important;
          left: auto !important;
          right: auto !important;
          width: 100% !important;
          height: auto !important;
          max-height: none !important;
          margin: 0 !important;
          padding: 0 !important;
          transform: none !important;
          overflow: visible !important;
          background: transparent !important;
          box-shadow: none !important;
          z-index: auto !important;
        }
      
        /* ховаємо проміжний рядок і стрілку як у Learning */
        .mobile-menu-wrapper .navbar-nav > li.learnwork-menu.thim-ekits-menu__is-hover > .sub-menu > li.menu-item-has-children > .tc-menu-inner,
        .mobile-menu-wrapper .navbar-nav > li.learnwork-menu.thim-ekits-menu__is-hover > .sub-menu > li.menu-item-has-children > .icon-toggle,
        .mobile-menu-wrapper .navbar-nav > li.learnwork_menu.thim-ekits-menu__is-hover > .sub-menu > li.menu-item-has-children > .tc-menu-inner,
        .mobile-menu-wrapper .navbar-nav > li.learnwork_menu.thim-ekits-menu__is-hover > .sub-menu > li.menu-item-has-children > .icon-toggle{
          display: none !important;
        }
      
        .mobile-menu-wrapper .navbar-nav > li.learnwork-menu.thim-ekits-menu__is-hover > .sub-menu > li.menu-item-has-children > .sub-menu > li > a,
        .mobile-menu-wrapper .navbar-nav > li.learnwork_menu.thim-ekits-menu__is-hover > .sub-menu > li.menu-item-has-children > .sub-menu > li > a{
          display: flex !important;
          align-items: center;
          min-height: 30px;
          padding: 4px 0 !important;
          color: #23445d !important;
        }
      
        /* банер в mobile вимикаємо */
        .mobile-menu-wrapper .navbar-nav > li.learnwork-menu.thim-ekits-menu__is-hover > .sub-menu > li.col-banner,
        .mobile-menu-wrapper .navbar-nav > li.learnwork_menu.thim-ekits-menu__is-hover > .sub-menu > li.col-banner{
          display: none !important;
        }
      
  }


  
/* events */
.tpm-event-card {
    background: #fff;
    border: 1px solid #e8edf2;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
  }
  .tpm-event-thumb-link {
    display: block;
  }
  .tpm-event-thumb {
    width: 100%;
    height: 220px;
    object-fit: cover;
  }
  .tpm-event-title {
    margin: 12px 14px 8px;
    font-size: 29px;
    line-height: 1.3;
  }
  .tpm-event-title a {
    color: #23445d;
    text-decoration: none;
  }
  .tpm-event-excerpt {
    margin: 0 14px 14px;
    color: #4f5d6b;
    line-height: 1.5;
    font-size: 31px;
  }
  
  .tpm-events-slider .thim-ekits-event__item{
    border-radius:4px;
    overflow:hidden;
    height:100%;
    margin: 0px 0px 0px 0px;
    background-color: #FFF;
  }
  .tpm-events-slider .thim-ekits-event__thumbnail{position:relative;width: 100%;}
  .tpm-events-slider .event-thumbnail img{width:100%;height:220px;object-fit:cover;display:block}
  .tpm-events-slider .label-event-status{position:absolute;right:23px;bottom:0;transform:translateY(50%);background:#c2514d;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;padding:7px 14px;line-height:1}
  .tpm-events-slider .label-event-status:before {
    border-bottom: var(--thim-ekits-event-status-triangle, 14px) solid var(--thim-ekits-event-status-bg-color, #c2514d);
  }
  

  .tpm-events-slider .thim-ekits-event__date-month{display:flex;align-items:center;gap:14px;margin-bottom:5px}
  .tpm-events-slider .thim-ekits-event__date-month .date{font-size:52px;line-height:.9;font-weight:700;color:#5d7f99}
  .tpm-events-slider .thim-ekits-event__date-month .month{
    font-size:18px;
    text-transform:uppercase;
    color:#b4b8bc;
    position:relative;
    padding-left:14px
}
.tpm-events-slider .thim-ekits-event__date-month .month:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:#d7dbe0}
.tpm-events-slider .thim-ekits-event__title{
    font-size: 1.2em;
    line-height: 1.6em;
    margin-bottom: 5px;
    font-weight: 400;
}
.tpm-events-slider .thim-ekits-event__title a{color:#2f3f4d;text-decoration:none}
.tpm-events-slider .thim-ekits-event__meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px 18px;
    margin-bottom:5px;
    color:#5c6e7d;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
}
.tpm-events-slider .thim-ekits-event__meta i{margin-right:7px}
.tpm-events-slider .thim-ekits-event__excerpt{
    font-size:16px;
    line-height:1.55;
    color:#4d5a66;
    margin-bottom:10px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.tpm-events-slider .thim-ekits-event__read-more{font-size:13px;font-weight:700;letter-spacing:.2px;text-transform:uppercase;color:#2f3f4d;text-decoration:none}
.tpm-events-slider .thim-slider-nav{color:#5d7f99; top: 44%; width: 20px; }
.tpm-events-slider .thim-slider-nav:hover{color:#b85450}
.tpm-events-slider .swiper-button-next:after, .swiper-button-prev:after{
    display: none !important;
}

.tpm-events-slider .swiper-button-prev {
    left: 0px;
    right: auto;
}
.tpm-events-slider .swiper-button-next{
    right: 0px;
    left: auto;
}
.tpm-events-slider  .thim-ekits-event__content {
    padding: 0 10px 10px;
    position: relative;
}
/* [tpm_events nav="bottom"] — sidebar: arrows + dots under card */
.tpm-events-slider--nav-bottom {
    display: flex;
    display: flex;
    flex-direction: column;
    border: 1px solid #eee;
    border-radius: 8px 8px 4px 4px;
}
.tpm-events-slider--nav-bottom .tpm-events-slider__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin:0 0 10px;
    padding: 0 10px;
    min-height: 28px;
}
.tpm-events-slider--nav-bottom .thim-slider-nav,
.tpm-events-slider--nav-bottom .swiper-button-prev,
.tpm-events-slider--nav-bottom .swiper-button-next {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
    width: 22px;
    height: 22px;
    margin: 0;
    flex: 0 0 22px;
}
.tpm-events-slider--nav-bottom .tpm-events-slider__pagination,
.tpm-events-slider--nav-bottom .swiper-pagination {
    position: static;
    width: auto;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
}
.tpm-events-slider--nav-bottom .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 !important;
    background: #c5ccd3;
    opacity: 1;
    border-radius: 50%;
}
.tpm-events-slider--nav-bottom .swiper-pagination-bullet-active {
    background: #5d7f99;
}
.tpm-events-slider--nav-bottom .tpm-arrow-svg {
    width: 22px;
    height: 22px;
}

/* Shortcode [tpm_popular_courses_slider] — blog sidebar (mockup: one card + arrows on image) */
.tpm-popular-courses-slider.tpm-swiper {
    position: relative;
    padding: 0;
    margin: 0;
    overflow: visible;
    container-type: inline-size;
}
.tpm-popular-courses-widget br,
.tpm-popular-courses-slider br {
    display: none !important;
}
.tpm-popular-courses-slider .swiper-wrapper > p {
    display: none !important;
}
.tpm-popular-courses-slider p {
    display: contents;
} 
.tpm-popular-courses-slider .tpm-popular-courses-swiper {
    overflow: hidden;
    width: 100%;
}
.tpm-popular-courses-slider .swiper-slide {
    height: auto;
    box-sizing: border-box;
}
/* Arrows on thumbnail (overlay mode only) */
.tpm-popular-courses-slider:not(.tpm-popular-courses-slider--nav-bottom) .thim-slider-nav,
.tpm-popular-courses-slider:not(.tpm-popular-courses-slider--nav-bottom) .swiper-button-prev,
.tpm-popular-courses-slider:not(.tpm-popular-courses-slider--nav-bottom) .swiper-button-next {
    position: absolute;
    top: 66%;
    transform: translateY(-50%);
    z-index: 12;
    width: 22px;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
    color: #5d7f99;
    background: transparent;
    border: 0;
}
.tpm-popular-courses-slider:not(.tpm-popular-courses-slider--nav-bottom) .thim-slider-nav:hover,
.tpm-popular-courses-slider:not(.tpm-popular-courses-slider--nav-bottom) .swiper-button-prev:hover,
.tpm-popular-courses-slider:not(.tpm-popular-courses-slider--nav-bottom) .swiper-button-next:hover {
    color: #b85450;
}
.tpm-popular-courses-slider:not(.tpm-popular-courses-slider--nav-bottom) .swiper-button-prev,
.tpm-popular-courses-slider:not(.tpm-popular-courses-slider--nav-bottom) .thim-slider-nav-prev {
    left: 0px;
    right: auto;
}
.tpm-popular-courses-slider:not(.tpm-popular-courses-slider--nav-bottom) .swiper-button-next,
.tpm-popular-courses-slider:not(.tpm-popular-courses-slider--nav-bottom) .thim-slider-nav-next {
    right: 0px;
    left: auto;
}
/* [tpm_popular_courses_slider nav="bottom"] — sidebar: arrows + dots under card */
.tpm-popular-courses-slider--nav-bottom {
    display: flex;
    border: 1px solid #eee;
    border-radius: 8px 8px 4px 4px;
    flex-direction: column;
}
.tpm-popular-courses-slider--nav-bottom .tpm-popular-courses-slider__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 10px; 
    padding: 0 10px;
    min-height: 28px;
}
.tpm-popular-courses-slider--nav-bottom .thim-slider-nav,
.tpm-popular-courses-slider--nav-bottom .swiper-button-prev,
.tpm-popular-courses-slider--nav-bottom .swiper-button-next {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
    width: 22px;
    height: 22px;
    margin: 0;
    flex: 0 0 22px;
    cursor: pointer;
    color: #5d7f99;
    background: transparent;
    border: 0;
}
.tpm-popular-courses-slider--nav-bottom .thim-slider-nav:hover,
.tpm-popular-courses-slider--nav-bottom .swiper-button-prev:hover,
.tpm-popular-courses-slider--nav-bottom .swiper-button-next:hover {
    color: #b85450;
}
.tpm-popular-courses-slider--nav-bottom .tpm-popular-courses-slider__pagination,
.tpm-popular-courses-slider--nav-bottom .swiper-pagination {
    position: static;
    width: auto;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
}
.tpm-popular-courses-slider--nav-bottom .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 !important;
    background: #c5ccd3;
    opacity: 1;
    border-radius: 50%;
}
.tpm-popular-courses-slider--nav-bottom .swiper-pagination-bullet-active {
    background: #5d7f99;
}
.tpm-popular-courses-slider .swiper-button-next:after,
.tpm-popular-courses-slider .swiper-button-prev:after {
    display: none !important;
}
.tpm-popular-courses-slider .tpm-arrow-svg {
    width: 22px;
    height: 22px;
}
.tpm-popular-courses-slider .thim-ekits-course__item .thim-ekits-course__thumbnail {
    position: relative;
    margin-bottom: 0;
    border-radius: 8px 8px 0 0; 
    overflow: hidden;
}
.tpm-popular-courses-slider .thim-ekits-course__item .thim-ekits-course__thumbnail::before {
    background: var(--thim-bg-image-overlay-color, #0009);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s;
    z-index: 2;
    pointer-events: none;
}
.tpm-popular-courses-slider .thim-ekits-course__item .thim-ekits-course__thumbnail .thim-ekits-course__read-more {
    left: 50%;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.2);
    transition: all .3s ease-in-out;
    width: auto;
    z-index: 90;
    font-size: 40px;
    border-style: none;
    color: #fff;
    text-decoration: none;
}
.tpm-popular-courses-slider .thim-ekits-course__item .thim-ekits-course__thumbnail:hover::before {
    opacity: 1;
}
.tpm-popular-courses-slider .thim-ekits-course__item .thim-ekits-course__thumbnail:hover .thim-ekits-course__read-more {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
   
}

.tpm-popular-courses-slider .thim-ekits-course__read-more:hover {
    color: #b85450 !important;
}
.tpm-popular-courses-slider .thim-ekits-course__thumbnail img,
.tpm-popular-courses-slider .course-thumbnail img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
    border-radius: 8px 8px 0 0 ;
}
.tpm-popular-courses-slider .thim-ekits-course__content {
    padding: 10px 10px 0;
    display: flex;
    flex-direction: column;
}
.tpm-popular-courses-slider.mb-full-col .thim-ekits-course__content > .thim-ekits-course__meta.m-psi-space-between {
    order: 1;
}
.tpm-popular-courses-slider.mb-full-col .thim-ekits-course__title {
    order: 2;
}
.tpm-popular-courses-slider.mb-full-col .tpm-pcs-divider {
    order: 3;
    width: 100%;
}
.tpm-popular-courses-slider.mb-full-col .tpm-pcs-lessons-meta {
    order: 4;
    margin-bottom: 0;
}
.tpm-popular-courses-slider .thim-ekits-course__meta.m-psi-space-between {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 8px;
}
.tpm-popular-courses-slider .course-categories a {
    color: #5d7f99 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
.tpm-popular-courses-slider .course-categories a:hover {
    color: #b85450 !important;
}
.tpm-popular-courses-slider .thim-ekits-course__price,
.tpm-popular-courses-slider .thim-ekits-course__price .price,
.tpm-popular-courses-slider .course-item-price {
    color: #1f2b37;
    font-weight: 700;
    font-size: 15px;
}
.tpm-popular-courses-slider .thim-ekits-course__title {
    margin: 0 0 0;
    font-weight: 500;
    line-height: 1.35;
}
.tpm-popular-courses-slider .thim-ekits-course__title a {
    color: #2f3f4d;
    text-decoration: none;
}
.tpm-popular-courses-slider .thim-ekits-course__title .course-title {
    font-weight: 500;
}
.tpm-popular-courses-slider .tpm-pcs-divider {
    border: 0;
    height: 0;
    border-top: 1px solid #d5dee6;
    margin: 12px 0 10px;
}
.tpm-popular-courses-slider .tpm-pcs-lessons-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 16px;
    margin-bottom: 0;
}
.tpm-popular-courses-slider .thim-ekits-course__count-lesson {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #7d8894;
    font-size: 14px;
    font-weight: 400;
}
.tpm-popular-courses-slider .thim-ekits-course__count-lesson i {
    color: #7d8894;
}
.tpm-popular-courses-slider .thim-ekits-course__instructor.name_sb a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #7d8894;
    font-size: 14px;
    text-decoration: none;
}
.tpm-popular-courses-slider .thim-ekits-course__instructor.name_sb a:hover {
    color: #b85450;
}
.tpm-popular-courses-slider .thim-ekits-course__instructor.name_sb .fa-user {
    font-size: 14px;
}

.tpm-popular-courses-slider .thim-ekits-course__meta.m-psi-flex-start {
    align-items: center;
    justify-content: space-between;
    display: flex;
    order: 3;
    margin: 0px 0 10px;
}

/* LearnPress profile: multilingual instructor notice */
#learn-press-profile-basic-information .tpm-profile-multilingual-notice {
    margin: 0 0 20px;
    max-width: none;
    background-color: #d4e1f4;
    color: #23445d;
}
#learn-press-profile-basic-information .tpm-profile-multilingual-notice::before{
    color: #b85450;
}
#learn-press-profile-basic-information .tpm-profile-multilingual-notice p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
}

/* LearnPress profile: two-column basic information form */
.lp-profile-content #learn-press-profile-basic-information .tpm-profile-form-cols {
    display: grid;
    grid-template-columns: 1fr; 
    gap: 0 32px;
}

.lp-profile-content #learn-press-profile-basic-information .form-fields {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
}

.lp-profile-content #learn-press-profile-basic-information .form-fields .form-field {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: none;
}

@media (min-width: 767px) {
    .lp-profile-content #learn-press-profile-basic-information .tpm-profile-form-cols {
        grid-template-columns: 1fr 1fr;
        align-items: start; 
    }
}

#learn-press-profile-basic-information #account_email[readonly] {
    background: #bac8d3 !important;
    color: #23445d !important;
    cursor: not-allowed;
}

#learn-press-profile-basic-information .form-fields input:not([type="hidden"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]),
#learn-press-profile-basic-information .form-fields textarea {
    border: 1px solid #e6e6e6 !important;
    box-shadow: none;
}

#learn-press-profile-basic-information .form-fields input:not([type="hidden"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):focus,
#learn-press-profile-basic-information .form-fields textarea:focus {
    border-color: #23445d !important;
    outline: none;
} 
 

/* Instructor CTA (Gutenberg) — як Elementor classic CTA */
.wp-block-columns:has(> .block_bt_inst) {
    gap: 0 !important;
    margin-bottom: 0 !important;
}

.wp-block-columns:has(> .block_bt_inst) > .wp-block-column.block_bt_inst {
    margin: 0 !important;
    padding: 0 !important;
    flex-basis: 100% !important;
    width: 100% !important;
}

.block_bt_inst {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 !important;
    text-align: center;
    background-color: #D4E1F5;
    box-sizing: border-box;
}

.block_bt_inst.noimg{
    padding: 0  0 35px!important;
}


/* верх: обрізане фото як у Elementor (не на всю висоту файлу) */
.block_bt_inst .wp-block-image {
    margin: 0 !important;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    position: relative;
    max-height: 200px;
    aspect-ratio: 1024 / 585;
}

.block_bt_inst .wp-block-image figure {
    margin: 0;
    height: 100%;
}

.block_bt_inst .wp-block-image img {
    width: 100%;
    height: 100%;
    max-height: 200px;
    object-fit: cover;
    object-position: center center;
    display: block;
    transform: scale(1);
    transition: transform 0.5s ease;
    will-change: transform;
}

.block_bt_inst:hover .wp-block-image img {
    transform: scale(1.2);
}

/* низ: текстова панель без зайвих відступів Gutenberg */
.block_bt_inst > :not(.wp-block-image) {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.block_bt_inst h2,
.block_bt_inst_text,
.block_bt_inst_bt {
    padding-left: 35px;
    padding-right: 35px;
}

.block_bt_inst h2 {
    color: #23445D;
    margin: 0 !important;
    padding-top: 35px;
    padding-bottom: 15px;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Roboto", Sans-serif;
    text-align: center;
}

.block_bt_inst_text {
    color: #7A7A7A;
    margin: 0 0 20px !important;
    padding-bottom: 0;
    font-size: 18px;
    line-height: 1.5;
}

.block_bt_inst_bt {
    margin: 0 !important;
    padding-bottom: 35px;
    text-align: center;
}

.block_bt_inst_btn,
.block_bt_inst_bt a {
    color: #FFFFFF;
    font-family: "Roboto", Sans-serif;
    border: 0;
    background-color: #23445D;
    border-radius: 3px;
    display: inline-block;
    fill: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s;
} 
.block_bt_inst_btn:hover, .block_bt_inst_bt a:hover{
    color: #FFFFFF;
    background-color:#b85450;
}

/* Polylang course language flag — single instructor page */
.instructor-courses .course-thumbnail,
.lp-single-instructor .course-thumbnail {
    position: relative;
}

.instructor-courses .tpm-course-lang-flag,
.lp-single-instructor .tpm-course-lang-flag {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    line-height: 0;
    pointer-events: none;
}

.instructor-courses .tpm-course-lang-flag img,
.lp-single-instructor .tpm-course-lang-flag img {
    display: block;
    width: 22px;
    height: auto;
    border-radius: 2px;
}

.instructor-courses .tpm-instructor-no-lang-courses,
.lp-single-instructor .tpm-instructor-no-lang-courses {
    margin: 0 0 20px;
} 

/* Unified overlay search — content type badges */ 
.tpm-site-searching .courses-list-search li.tpm-search-item a {
    align-items: center;
}
.tpm-site-searching .tpm-search-thumb {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    border-radius: var(--thim-border-radius-item, 4px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    background: #5d7f99;
}
.tpm-site-searching .tpm-search-thumb--course {
    background: #23445D;
}
.tpm-site-searching .tpm-search-thumb--guide {
    background: #B85450;
}
.tpm-site-searching .tpm-search-thumb--page {
    background: #5d7f99;
}
.tpm-site-searching .tpm-search-thumb--event {
    background: #2d6a4f;
}
.tpm-site-searching .item-info {
    min-width: 0;
    flex: 1;
}
.tpm-site-searching .item-info .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tpm-site-searching .tpm-search-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.tpm-search-type {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.4;
    text-transform: uppercase;
    white-space: nowrap;
    background: rgba(93, 127, 153, 0.14);
    color: #5d7f99;
}
.tpm-search-type--course {
    background: rgba(35, 68, 93, 0.12);
    color: #23445D;
}
.tpm-search-type--guide {
    background: rgba(184, 84, 80, 0.14);
    color: #B85450;
}
.tpm-search-type--page {
    background: rgba(93, 127, 153, 0.14);
    color: #5d7f99;
}
.tpm-search-type--event {
    background: rgba(45, 106, 79, 0.14);
    color: #2d6a4f;
}
.tpm-site-searching .tpm-search-meta .author {
    font-size: 13px; 
}
.tpm-site-searching .courses-list-search .see-more.tpm-search-see-more {
    display: block;
    padding: 8px 10px 12px !important;
}
.search-results .entry-contain .tpm-search-type {
    margin: 4px 0 8px;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons {
    display: flex;
    justify-content: space-between;
}
body .widget_shopping_cart .widget_shopping_cart_content .buttons a {
    margin: 0px;
    padding: 11px 11px;
} 

.rs-layer.rev-btn{
    display: flex;
    justify-content: center;
    align-items:center ;
    padding: 0 !important;
}