/**
Theme Name: DPO
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: napsrf.ru
Template: astra
*/

.dpo-hidden {
    display: none !important;
}

.dpo-overflow-hidden {
    overflow: hidden !important;
}

.dpo-col-lic-text {
    max-width: 650px;
    margin-left: auto;
}

.dpo-section-about-us:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(/wp-content/themes/dpo/img/about-us/napsrf-about-us-element-line.svg);
    background-position: 0px 230px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

@media screen and (max-width:767px) {
    .dpo-section-about-us:before {
        background-image: url(/wp-content/themes/dpo/img/about-us/napsrf-about-us-element-line-mob.svg);
        background-position: 0px 88%;
    }
}

p:empty {
    display: none;
    margin: 0;
}

p:has(br),
p:has() {
    display: none;
    margin: 0;
}

.dpo-form-loading:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(/wp-content/themes/dpo/img/loading-spinner-sdo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 0;
    z-index: 2;
}

.site-primary-header-wrap {
    border: 3px solid #2F444E;
    border-radius: 50px;
}

.ast-header-break-point .main-header-bar {
    border-radius: 0;
    border-bottom: 3px solid #2F444E;
}

body.ast-plain-container #content>.ast-container {
    /*padding-top: 50px;*/
    padding-bottom: 50px;
}

body.page-template-page-service #content>.ast-container {
    padding-top: 50px
}

.blog-custom-template-wrapper {
    padding-top: 50px;
    max-width: 100%;
}

.tutor-btn-primary {
    background: #D1F38F;
    color: #2F444E;
    font-size: 20px;
    line-height: 22px;
    border-radius: 20px;
    font-weight: 600;
    border: none;
}

.dpo-tutor-preview-mode .tutor-btn-group {
    width: 100%;
    gap: 6px;
}

.dpo-tutor-preview-mode .tutor-btn-group a {
    text-align: center;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    flex: 1 1 0;
    min-height: 0;
    padding: 6px 8px;
}

.dpo-header-about-link a:hover,
.dpo-header-about-link a:focus {
    text-decoration: underline;
    color: #A4A4A4 !important;
}

.tutor-user-public-profile {
    padding: 0;
}


@media screen and (max-width: 767px) {
    .tutor-btn-primary {
        font-size: 16px;
        line-height: 22px;
    }

    #ast-breadcrumbs-yoast {
        line-height: 16px;
    }
}

/* BVI */

.bvi-shortcode {
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    padding: 10px !important;
    width: 52px;
    height: 52px;
    transition: all 0.3s;
}

.bvi-widget .bvi-svg-eye,
.bvi-shortcode .bvi-svg-eye {
    width: 100% !important;
    height: auto !important;
}

.bvi-widget,
.bvi-widget a,
.bvi-shortcode {
    color: #ffffff !important;
    background-color: #84b056 !important;
}

.bvi-shortcode:hover {
    background-color: #2f444e !important;
}

.bvi-shortcode a {
    background-color: transparent !important;
}

.bvi-shortcode a {
    font-size: 0;
    line-height: 0;
}

/* BVI */

/* top header */

.site-header-above-section-left .header-widget-area {
    display: flex;
    align-items: center;
    gap: 10px 20px;
    flex-wrap: wrap;
}

.site-header-above-section-left .header-widget-area>.widget {
    margin: 0;
}

.dpo-btn-text a {
    box-shadow: none;
}

.ast-above-header-bar {
    padding: 0 !important;
}

.ast-above-header-bar aside {
    display: flex !important;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
}

.ast-above-header-bar aside .widget_block {
    margin: 0;
    padding: 5px 10px;
}

.ast-above-header-bar aside .widget_block a.wp-block-button__link {
    font-size: 14px !important;
    text-align: left;
}

.ast-above-header-bar aside .widget_block:nth-child(2) {
    border-left: 1px solid;
}

@media screen and (max-width:1023px) {
    .ast-above-header-bar aside .widget_block:last-child {
        display: none !important;
    }
}

/* top header */

/* top header contacts */


.dpo-top-header-contacts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px;
    gap: 10px 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.dpo-top-header-contacts .dpo-contact-item {
    display: flex;
    align-items: center;
}

.dpo-top-header-contacts .dpo-contact-item:before {
    content: '';
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.dpo-top-header-contacts .dpo-contact-item.phone:before {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5225_4483)'%3E%3Cpath d='M14.1005 10.2929L11.038 8.98037C10.9072 8.92461 10.7618 8.91286 10.6237 8.94689C10.4856 8.98092 10.3623 9.05888 10.2724 9.16904L8.91613 10.8261C6.78762 9.8225 5.07467 8.10954 4.07109 5.98103L5.72813 4.62478C5.83851 4.53501 5.91663 4.41171 5.95067 4.27356C5.98472 4.13542 5.97283 3.98994 5.9168 3.85916L4.6043 0.796656C4.5428 0.655674 4.43405 0.540567 4.29678 0.471183C4.15951 0.401799 4.00233 0.382488 3.85234 0.416578L1.00859 1.07283C0.863992 1.10622 0.734977 1.18764 0.642607 1.3038C0.550237 1.41995 0.499967 1.56399 0.5 1.7124C0.5 8.72607 6.18477 14.3999 13.1875 14.3999C13.336 14.4 13.4801 14.3498 13.5963 14.2574C13.7125 14.165 13.7939 14.036 13.8273 13.8913L14.4836 11.0476C14.5175 10.8968 14.4977 10.739 14.4278 10.6013C14.3579 10.4635 14.2422 10.3545 14.1005 10.2929Z' fill='%2384b056'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5225_4483'%3E%3Crect width='14' height='14' fill='white' transform='translate(0.5 0.399902)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.dpo-top-header-contacts .dpo-contact-item.email:before {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5225_4522)'%3E%3Cpath d='M14.2348 5.61709C14.3414 5.53232 14.5 5.61162 14.5 5.74561V11.3374C14.5 12.062 13.9121 12.6499 13.1875 12.6499H1.8125C1.08789 12.6499 0.5 12.062 0.5 11.3374V5.74834C0.5 5.61162 0.655859 5.53506 0.765234 5.61982C1.37773 6.09561 2.18984 6.6999 4.97891 8.72607C5.55586 9.14717 6.5293 10.0331 7.5 10.0276C8.47617 10.0358 9.46875 9.13076 10.0238 8.72607C12.8129 6.6999 13.6223 6.09287 14.2348 5.61709ZM7.5 9.1499C8.13438 9.16084 9.04766 8.35147 9.50703 8.01787C13.1355 5.38467 13.4117 5.15498 14.2484 4.49873C14.407 4.37568 14.5 4.18428 14.5 3.98193V3.4624C14.5 2.73779 13.9121 2.1499 13.1875 2.1499H1.8125C1.08789 2.1499 0.5 2.73779 0.5 3.4624V3.98193C0.5 4.18428 0.592969 4.37295 0.751563 4.49873C1.58828 5.15225 1.86445 5.38467 5.49297 8.01787C5.95234 8.35147 6.86562 9.16084 7.5 9.1499Z' fill='%2384b056'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5225_4522'%3E%3Crect width='14' height='14' fill='white' transform='translate(0.5 0.399902)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.dpo-top-header-contacts .dpo-contact-item.address:before {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5225_4479)'%3E%3Cpath d='M6.96045 14.1174C2.98746 8.35778 2.25 7.76666 2.25 5.6499C2.25 2.7504 4.6005 0.399902 7.5 0.399902C10.3995 0.399902 12.75 2.7504 12.75 5.6499C12.75 7.76666 12.0125 8.35778 8.03955 14.1174C7.77882 14.4941 7.22115 14.494 6.96045 14.1174ZM7.5 7.8374C8.70813 7.8374 9.6875 6.85803 9.6875 5.6499C9.6875 4.44177 8.70813 3.4624 7.5 3.4624C6.29187 3.4624 5.3125 4.44177 5.3125 5.6499C5.3125 6.85803 6.29187 7.8374 7.5 7.8374Z' fill='%231c2956'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5225_4479'%3E%3Crect width='14' height='14' fill='white' transform='translate(0.5 0.399902)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media screen and (max-width:767px) {
    .dpo-top-header-contacts {
        justify-content: center;
        text-align: center;
        padding: 0;
        gap: 10px;
        font-size: 14px;
        line-height: 20px;
    }

    .dpo-top-header-contacts .dpo-contact-item {
        justify-content: center;
    }
}

/* top header contacts */

/* account widget */


.dpo-account-widget {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #90C05E;
    color: #fff;
    padding: 12px;
    border-radius: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}

.dpo-account-widget:hover {
    background-color: #2f4348;
}

.dpo-account-widget .tutor-header-profile-menu-items>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dpo-account-widget.not-logined-in {
    background: none;
    padding: 0;
    box-shadow: none;
}

.dpo-account-widget-link-login {
    font-family: 'Druk Wide Cyr';
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    background-color: #90C05E;
    padding: 12px;
    border-radius: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border: 2px solid #90C05E;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
}

.dpo-account-widget-link-login:hover,
.dpo-account-widget-link-login:focus {
    color: #90C05E;
    border: 2px solid #90C05E;
    background-color: #fff;
}


.tutor-header-profile-submenu {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.tutor-header-profile-submenu .tutor-avatar {
    width: 28px;
    height: 28px;
    box-shadow: none;
    border: 1px solid #fff;
}

.tutor-header-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width: 200px;
    padding: 10px 0;
}

.dpo-account-widget:hover .tutor-header-submenu {
    display: block;
}

/*.profile-name {
    display: none;
}*/


.tutor-submenu-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tutor-submenu-links li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    color: #1c2956;
    text-decoration: none;
    font-weight: 500;
    border-left: 4px solid transparent;
    transition: background 0.3s ease;
}

.tutor-submenu-links li a:hover {
    background-color: rgb(28 41 86 / 15%);
    border-left: 4px solid #1c2956;
}


.tutor-dashboard-menu-item-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    .tutor-header-profile-submenu>span {
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box !important;
        font-size: 14px;
        line-height: 14px;
    }

    .dpo-account-widget-link-login {
        font-size: 10px;
        line-height: 10px;
        font-weight: 500;
        color: #2F444E;
        font-family: 'Montserrat', sans-serif;
    }


    .dpo-account-widget-link-login.not-logined-in {
        background-image: url("data:image/svg+xml,%3Csvg width='29' height='34' viewBox='0 0 29 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.776 32.4981C26.8471 26.413 21.6641 22.9263 14.5503 22.9263H14.4991C7.36629 22.8865 2.15673 26.3978 0.224026 32.4981L0 33.2065L0.634108 33.5928C4.35142 35.8542 8.98763 37 14.4098 37C14.4706 37 14.5313 37 14.5902 37C20.0883 37 24.5954 35.8845 28.3659 33.5928L29 33.2065L28.776 32.4981Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5 18.7063C19.6697 18.7063 23.8769 14.5112 23.8769 9.35408C23.8769 4.19504 19.6697 0 14.5 0C9.33036 0 5.12512 4.19504 5.12512 9.35408C5.12512 14.5112 9.33036 18.7063 14.5 18.7063Z' fill='white'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: auto 85%;
        padding: 10px;
        width: 100%;
    }

    #ast-mobile-header .site-header-primary-section-right .header-widget-area {
        width: 100%;
    }

    .dpo-account-widget-link-login.not-logined-in span {
        max-width: 80px;
    }
}

/* account widget */


/* wp columns */

.dpo-wp-columns .wp-block-column:not(:empty) {
    border: 2px solid #2F444E80;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 10px;
}

.dpo-wp-columns-no-border .wp-block-column:not(:empty) {
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 20px;
}

/* wp columns */

/* popup */

.dpo-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    z-index: 9999;
}

.dpo-popup-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

.dpo-popup {
    background: #F5F5F7;
    border-radius: 24px;
    padding: 32px 210px 32px 32px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    transform: translateY(-40px) scale(0.98);
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    min-width: 280px;
    max-width: 700px;
    position: relative;
    display: none;
    max-height: 90vh;
    overflow-y: auto;
}

.dpo-popup.active {
    opacity: 1;
    transform: translateY(0) scale(1);
    display: block;
}

.dpo-popup-close {
    position: absolute;
    top: 32px;
    right: 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    background-color: unset;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 24L16 16M16 16L8 8M16 16L24 8M16 16L8 24' stroke='%231D1D35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border: none;
    cursor: pointer;
    transition: color 0.2s;
}

.dpo-popup-close:hover,
.dpo-popup-close:focus,
.dpo-popup-close:active {
    background-color: unset;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 24L16 16M16 16L8 8M16 16L24 8M16 16L8 24' stroke='%23e74c3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.dpo-popup-form-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dpo-popup-form-items label {
    color: #1D1D35;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}



@media screen and (max-width:767px) {
    .dpo-popup {
        padding: 16px;
        border-radius: 12px;
        max-height: 90vh;
        overflow-y: auto;
    }
}

/* popup */


/* profile page */

.tutor-user-public-profile .tutor-container:not(.photo-area) {
    padding-top: 70px;
}

.tutor-user-public-profile .tutor-user-profile-content {
    width: 100%;
    float: none;
    padding: 0;
}

.tutor-user-public-profile .photo-area {
    position: relative;
    margin-top: 80px;
    height: auto;
    margin: 80px auto 0 auto;
    overflow: hidden;
}

.tutor-user-public-profile .photo-area .cover-area>div:last-child {
    display: none !important;
}

.tutor-user-public-profile .photo-area .cover-area>div:first-child {
    height: 300px;
    border-radius: 50px;
}

.tutor-user-public-profile .photo-area .pp-area {
    padding: 0;
    width: fit-content;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .photo-area .profile-pic {
    box-shadow: 0 4px 14px rgb(0 0 0 / 20%);
}

.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .photo-area .profile-pic {
    border-radius: 50%;
    height: 280px;
    width: 280px;
    border: 3px solid #D1F38F;
}

.tutor-user-public-profile .profile-name {
    margin-bottom: 30px;
    padding: 0;
}

.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .profile-name {
    padding: 0;
}

.tutor-user-public-profile .profile-name h3 {
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 64px;
    line-height: 70px;
    text-transform: uppercase;
}

.dpo-profile-bio-wrapper,
.dpo-profile-bio-wrapper p {
    font-size: 24px !important;
    line-height: 32px !important;
}

.sdo-profile-footer-contacts {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.sdo-profile-footer-contacts-item {
    position: relative;
    padding: 0 25px 0 0;
    background: #90C05E;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    display: flex;
    align-items: stretch;
    gap: 15px;
    flex: 1 0 auto;
}

.sdo-profile-footer-contacts-title {
    font-size: 20px;
    line-height: 24px;
    color: #2F444E;
    padding: 8px 60px;
    background: #D1F38F;
    border-radius: 50px;
    white-space: nowrap;
    height: auto;
    display: inline-flex;
    align-items: center;
}

.sdo-profile-footer-contacts-text {
    padding: 5px;
    height: auto;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 100%;
}

.sdo-profile-footer-contacts-text a {
    color: #fff;
    text-decoration: underline;
}

.sdo-profile-footer-contacts-text a:hover,
.sdo-profile-footer-contacts-text a:focus {
    color: #2F444E;
}

.sdo-profile-footer-license-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    margin: 30px 0 80px 0;
}

.sdo-profile-footer-license-text {
    width: 100%;
    text-align: center;
    padding: 10px;
    background: #2F444E;
    border-radius: 30px;
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    font-weight: 800;
    text-transform: uppercase;
}

.sdo-profile-footer-inn {
    text-align: center;
    padding: 10px 120px;
    background: #2F444E;
    border-radius: 30px;
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    font-weight: 800;
    text-transform: uppercase;
}

.tutor-user-public-profile .tutor-user-profile-content h3 {
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 32px !important;
    line-height: 24px;
    text-transform: uppercase;
    color: #2F444E;
    margin-bottom: 40px;
}

.tutor-user-public-profile .tutor-user-profile-content h3.tutor-course-name {
    font-size: 20px !important;
    line-height: 24px;
}

.sdo-profile-naprav-wrapper {
    margin-bottom: 80px;
}

.sdo-profile-naprav-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.sdo-profile-naprav-item {
    position: relative;
    background: #2F444E;
    border-radius: 65px;
    min-height: 350px;
    display: flex;
    text-decoration: none;
    padding: 40px 32px 110px 32px;
    overflow: hidden;
    transition: all 0.3s;
}

.sdo-profile-naprav-item:hover,
.sdo-profile-naprav-item:focus {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.sdo-profile-naprav-item:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #2F444E 0%, #EEFFCC 100%);
    transition: all 0.3s;
    opacity: 0;
    z-index: -1;
}

.sdo-profile-naprav-item:hover:before,
.sdo-profile-naprav-item:focus:before {
    opacity: 1;
}

.sdo-profile-naprav-item-title {
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    text-transform: uppercase;
}

.sdo-profile-naprav-item-title:after {
    content: '';
    display: block;
    width: 195px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='196' height='15' viewBox='0 0 196 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M195.707 8.07112C196.098 7.6806 196.098 7.04743 195.707 6.65691L189.343 0.292946C188.953 -0.0975785 188.319 -0.0975785 187.929 0.292946C187.538 0.68347 187.538 1.31664 187.929 1.70716L193.586 7.36401L187.929 13.0209C187.538 13.4114 187.538 14.0446 187.929 14.4351C188.319 14.8256 188.953 14.8256 189.343 14.4351L195.707 8.07112ZM0 7.36401V8.36401H195V7.36401V6.36401H0V7.36401Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    margin-top: 32px;
}


.dpo-profile-courses-top {
    display: flex;
    align-items: end;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 40px;
}

.dpo-profile-courses-search {
    width: 66.7%;
    background: #D1F38F;
    border-radius: 30px;
    padding: 20px 40px 32px 40px;
}

.dpo-profile-courses-top-btn {
    width: 33.3%;
}

.dpo-profile-courses-top .dpo-btn-and-arrow-wrapper,
.dpo-profile-courses-top .dpo-btn-and-arrow-wrapper a {
    width: 100%;
}

.dpo-profile-courses-top .dpo-btn-and-arrow-btn {
    flex: 1;
}

.dpo-profile-courses-search-title {
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #2F444E;
    margin-bottom: 12px;
}

.dpo-profile-courses-search-group {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    width: 100%;
}

.dpo-profile-courses-search input[name=course_search] {
    border: none !important;
    border-radius: 10px;
    outline: none;
    box-shadow: none;
}

.dpo-profile-courses-search-btns {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    right: 0;
    padding: 0 5px;
    background: #fff;
    height: 100%;
}

.dpo-profile-courses-search-btns a {
    display: inline-flex;
    align-items: center;
}

.dpo-profile-courses-search-btns button {
    background: none;
    padding: 0;
    height: 100%;
    width: 15px;
    font-size: 15px;
    line-height: 20px;
}

.dpo-profile-courses-search-btns button:hover,
.dpo-profile-courses-search-btns button:focus {
    background: none;
    color: #D1F38F;
}

.tutor-user-public-profile .tutor-container {
    padding: 0;
    max-width: none;
}

@media (max-width: 1024px) {
    .sdo-profile-naprav-inner {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .tutor-user-public-profile .tutor-container {
        padding: 0;
    }

    .tutor-user-public-profile .tutor-container:not(.photo-area) {
        padding-top: 20px;
    }

    .sdo-profile-naprav-inner {
        grid-template-columns: 1fr;
    }

    .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .photo-area .cover-area>div:first-child {
        height: 120px;
        border-radius: 30px;
    }

    .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .pp-area {
        position: absolute !important;
        top: -30px !important;
        margin: 0 !important;
    }

    .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .profile-pic {
        width: 128px !important;
        height: 128px !important;
    }

    .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .profile-name h3 {
        color: #2F444E !important;
        font-size: 24px;
        line-height: 32px;
    }

    .tutor-user-public-profile .tutor-user-profile-content h3.tutor-course-name {
        font-size: 16px !important;
        line-height: 22px;
    }

    .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .profile-name {
        margin-bottom: 12px;
        text-align: left !important;
    }

    .dpo-profile-bio-wrapper,
    .dpo-profile-bio-wrapper p {
        font-size: 12px !important;
        line-height: 18px !important;
    }

    .sdo-profile-footer-contacts-item {
        width: 100%;
    }

    .sdo-profile-footer-contacts-item,
    .sdo-profile-footer-contacts-title {
        white-space: normal;
        font-size: 12px;
        line-height: 16px;
    }

    .sdo-profile-footer-contacts-title {
        padding: 10px 30px;
        font-weight: 700;
        flex: 1;
    }

    .sdo-profile-footer-license-wrapper {
        gap: 8px;
    }

    .sdo-profile-footer-license-text,
    .sdo-profile-footer-inn {
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        padding: 10px 20px;
    }

    .tutor-user-public-profile .tutor-user-profile-content h3 {
        font-size: 18px !important;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .sdo-profile-naprav-item {
        padding: 28px 24px 40px 24px;
        min-height: auto;
        border-radius: 50px;
    }

    .sdo-profile-naprav-item-title {
        font-size: 18px;
        line-height: 22px;
    }

    .sdo-profile-naprav-item-title:after {
        width: 138px;
        margin-top: 20px;
    }

    .dpo-profile-courses-top {
        flex-direction: column;
    }

    .dpo-profile-courses-search {
        padding: 16px 20px 24px 20px;
    }

    .dpo-profile-courses-search,
    .dpo-profile-courses-top-btn {
        width: 100%;
    }

}

/* profile page */

/* sldier docs */

.dpo-slider-infopages-docs-wrapper {
    padding: 20px;
    background: #90C05E;
    border-radius: 35px;
}

.dpo-slider-infopages-docs-top {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    margin-bottom: 30px;
}

.dpo-slider-infopages-docs-title {
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    color: #fff;
}

.dpo-slider-infopages-docs {
    width: 100%;
    padding-left: 70px;
    padding-right: 70px;
}

.dpo-slider-infopages-docs:before {
    content: '';
    display: block;
    width: 50px;
    height: 100%;
    background-image: linear-gradient(0.751turn, #90C05E 0%, rgba(255, 106, 34, 0) 100%);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.dpo-slider-infopages-docs:after {
    content: '';
    display: block;
    width: 50px;
    height: 100%;
    background-image: linear-gradient(0.751turn, #90C05E 0%, rgba(255, 106, 34, 0) 100%);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}


.dpo-slider-docs-file {
    position: relative;
    height: 400px;
    z-index: 1;
    border-radius: 20px;
}

.dpo-slider-docs-file:before {
    content: '';
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #90C05E;
    border-radius: 60px 0 0 0;
}

.dpo-slider-docs-file img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.dpo-slider-docs-file .dpo-slider-docs-btn-download {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #2f444e;
    background-image: url("data:image/svg+xml,%3Csvg width='100px' height='100px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 15C3 17.8284 3 19.2426 3.87868 20.1213C4.75736 21 6.17157 21 9 21H15C17.8284 21 19.2426 21 20.1213 20.1213C21 19.2426 21 17.8284 21 15' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 3V16M12 16L16 11.625M12 16L8 11.625' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    padding: 0;
    overflow: visible;
    z-index: 1;
    transition: all 0.3s ease;
}


.dpo-slider-docs-title {
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

.dpo-slider-docs-file .dpo-slider-docs-btn-download:hover {
    animation: pulseGlow 1.5s infinite;
}

.dpo-slider-infopages-docs-arrows {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}

.dpo-slider-infopages-docs-left,
.dpo-slider-infopages-docs-right {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0px 7.48px 2.99px 0px #6C6C6C40;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
}

.dpo-slider-infopages-docs-left {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.06126 7.92325C0.706154 7.56814 0.706154 6.9924 1.06126 6.6373L6.84806 0.850493C7.20317 0.495386 7.77891 0.495386 8.13402 0.850493C8.48913 1.2056 8.48913 1.78134 8.13402 2.13645L2.9902 7.28027L8.13402 12.4241C8.48913 12.7792 8.48913 13.3549 8.13402 13.7101C7.77891 14.0652 7.20317 14.0652 6.84806 13.7101L1.06126 7.92325ZM16.8594 8.18958H1.70424V6.37097H16.8594V8.18958Z' fill='%231c2956'/%3E%3C/svg%3E%0A");
}

.dpo-slider-infopages-docs-right {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.845 7.92325C16.2001 7.56814 16.2001 6.9924 15.845 6.6373L10.0582 0.850493C9.70308 0.495386 9.12734 0.495386 8.77223 0.850493C8.41712 1.2056 8.41712 1.78134 8.77223 2.13645L13.9161 7.28027L8.77223 12.4241C8.41712 12.7792 8.41712 13.3549 8.77223 13.7101C9.12734 14.0652 9.70308 14.0652 10.0582 13.7101L15.845 7.92325ZM0.046875 8.18958H15.202V6.37097H0.046875V8.18958Z' fill='%231c2956'/%3E%3C/svg%3E%0A");
}

.dpo-slider-infopages-docs-left.swiper-button-disabled,
.dpo-slider-infopages-docs-right.swiper-button-disabled {
    pointer-events: none;
    opacity: 0.5;
}

@keyframes pulseGlow {
    0% {
        transform: scale(1);
        box-shadow: 0 0 10px rgba(62, 100, 222, 0.4),
            0 0 20px rgba(62, 100, 222, 0.3),
            0 0 30px rgba(62, 100, 222, 0.2);
    }

    50% {
        transform: scale(1.1);
        box-shadow: 0 0 20px rgba(62, 100, 222, 0.6),
            0 0 40px rgba(62, 100, 222, 0.4),
            0 0 60px rgba(62, 100, 222, 0.3);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 10px rgba(62, 100, 222, 0.4),
            0 0 20px rgba(62, 100, 222, 0.3),
            0 0 30px rgba(62, 100, 222, 0.2);
    }
}

/* slider docs */

/* course archive */


.courses-loop-header {
    margin-bottom: 16px;
}

img[src*="placeholder.svg"] {
    content: url('/wp-content/themes/dpo/img/naps-placeholder.svg');
    display: block;
    width: 100%;
    height: auto;
}

.courses-loop-title {
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
}


.dpo-course-tags-wrapper {
    margin-bottom: 30px;
}

.dpo-course-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.dpo-course-tag {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 30px;
    background: #D1F38F;
    color: #333;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Druk Wide Cyr';
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    white-space: nowrap;
}

.dpo-course-tag:hover {
    background: #2F444E;
    color: #fff;
}

.dpo-course-tag:focus {
    background: #D1F38F;
    color: #333;
}

.dpo-course-tag.active {
    background: #2F444E;
    color: #fff;
}

.dpo-course-tag.active:before {
    content: '';
    width: 14px;
    height: 14px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.408 1.94321C11.4978 1.88331 11.6056 1.8564 11.713 1.86707C11.8204 1.87773 11.9208 1.92532 11.9971 2.00171C12.0734 2.0781 12.1208 2.17857 12.1314 2.28601C12.1419 2.39345 12.1148 2.50122 12.0548 2.59094L11.995 2.66374L7.65784 7.00001L11.995 11.3372L12.0548 11.41C12.1143 11.4998 12.1409 11.6073 12.1301 11.7144C12.1194 11.8216 12.0719 11.9217 11.9958 11.9978C11.9196 12.0739 11.8195 12.1214 11.7124 12.1322C11.6053 12.1429 11.4977 12.1163 11.408 12.0568L11.3352 11.9971L6.99798 7.65987L2.66171 11.9971C2.61866 12.0416 2.56717 12.0772 2.51023 12.1017C2.4533 12.1261 2.39206 12.139 2.3301 12.1395C2.26813 12.1401 2.20668 12.1283 2.14933 12.1048C2.09198 12.0813 2.03988 12.0467 1.99606 12.0029C1.95224 11.959 1.91759 11.9069 1.89413 11.8496C1.87066 11.7922 1.85885 11.7308 1.85939 11.6688C1.85993 11.6069 1.8728 11.5456 1.89726 11.4887C1.92172 11.4317 1.95727 11.3803 2.00184 11.3372L6.33811 7.00001L2.00184 2.66374L1.94118 2.59094C1.88072 2.50115 1.85336 2.39313 1.86378 2.28539C1.8742 2.17764 1.92176 2.07687 1.9983 2.00033C2.07484 1.92379 2.17561 1.87624 2.28336 1.86582C2.3911 1.85539 2.49912 1.88275 2.58891 1.94321L2.66171 2.00388L6.99798 6.34014L11.3352 2.00388L11.408 1.94321Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.dpo-course-tag.dpo-tag-hidden {
    display: none !important;
}

.dpo-tags-more-btn {
    padding: 10px 30px;
    border: 2px solid #2F444E;
    background: #2F444E;
    color: #fff;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Druk Wide Cyr';
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.dpo-tags-more-btn:hover {
    background: #fff;
    color: #2F444E;
}

.dpo-tags-more-btn:hover path {
    fill: #2F444E;
}

.dpo-tags-more-btn svg {
    transition: transform 0.3s ease;
    display: inline-block;
    vertical-align: middle;
}

.dpo-tags-more-btn.dpo-tags-expanded svg {
    transform: rotate(180deg);
}

.dpo-search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.dpo-search-input-wrapper .dpo-search-input {
    padding-right: 40px;
    width: 100%;
}

.dpo-search-icon-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

.dpo-search-icon-btn:hover {
    opacity: 0.7;
}

.dpo-search-icon-btn svg {
    display: block;
}

.dpo-price-filter-wrapper {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.dpo-price-filter-field {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.dpo-price-filter-field label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #333;
}

.dpo-price-filter-field input[type="number"] {
    width: 100%;
    max-width: none;
}

.tutor-grid-3 .tutor-course-card .tutor-course-wishlist-btn {
    width: 36px;
    height: 36px;
    font-size: 20px;
}

.tutor-course-card .tutor-course-bookmark {
    top: 30px;
    right: 24px;
}

@media screen and (max-width:767px) {

    .tutor-wrap-parent.course-archive-page {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .dpo-course-tags {
        gap: 8px;
    }

    .dpo-course-tag,
    .dpo-tags-more-btn {
        padding: 6px 12px;
        font-size: 12px;
    }

    .dpo-price-filter-wrapper {
        flex-direction: column;
        gap: 15px;
    }

    .tutor-course-card .tutor-course-bookmark {
        top: 16px;
        right: 16px;
    }

    .courses-loop-title {
        font-size: 20px;
        line-height: 28px;
    }

}

/* course archive */

/* tutor pagination */

.tutor-pagination {
    border: none;
    padding: 0;
}

.tutor-pagination-hints>div,
.tutor-pagination-hints span {
    color: #2F444E;
    font-weight: 500;
    font-size: 20px !important;
    line-height: 24px !important;
}

.tutor-pagination .tutor-pagination-numbers .page-numbers,
.tutor-pagination .tutor-pagination-numbers .page-numbers.current {
    color: #2F444E;
    font-weight: 500;
    font-size: 20px !important;
    line-height: 24px !important;
}

.tutor-pagination .tutor-pagination-numbers .page-numbers.current {
    color: #90c05e;
}

.tutor-pagination .tutor-pagination-numbers a.next span:before,
.tutor-pagination .tutor-pagination-numbers a.prev span:before {
    content: '';
}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers.next {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 10.5L20.2071 9.79289L20.9142 10.5L20.2071 11.2071L19.5 10.5ZM10.7071 20.7071C10.3166 21.0976 9.68342 21.0976 9.29289 20.7071C8.90237 20.3166 8.90237 19.6834 9.29289 19.2929L10 20L10.7071 20.7071ZM1 11.5C0.447716 11.5 0 11.0523 0 10.5C0 9.94771 0.447716 9.5 1 9.5V10.5V11.5ZM9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.0976311 10.3166 -0.0976311 10.7071 0.292893L10 1L9.29289 1.70711ZM19.5 10.5L20.2071 11.2071L10.7071 20.7071L10 20L9.29289 19.2929L18.7929 9.79289L19.5 10.5ZM19.5 10.5V11.5H1V10.5V9.5H19.5V10.5ZM10 1L10.7071 0.292893L15.4571 5.04289L14.75 5.75L14.0429 6.45711L9.29289 1.70711L10 1ZM14.75 5.75L15.4571 5.04289L20.2071 9.79289L19.5 10.5L18.7929 11.2071L14.0429 6.45711L14.75 5.75Z' fill='%232F444E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: center;
    width: 43px;
    height: 43px;
    background-color: #D1F38F;
    border-radius: 50%;
}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers.next:hover,
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.next:focus {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 10.5L20.2071 9.79289L20.9142 10.5L20.2071 11.2071L19.5 10.5ZM10.7071 20.7071C10.3166 21.0976 9.68342 21.0976 9.29289 20.7071C8.90237 20.3166 8.90237 19.6834 9.29289 19.2929L10 20L10.7071 20.7071ZM1 11.5C0.447716 11.5 0 11.0523 0 10.5C0 9.94771 0.447716 9.5 1 9.5V10.5V11.5ZM9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.0976311 10.3166 -0.0976311 10.7071 0.292893L10 1L9.29289 1.70711ZM19.5 10.5L20.2071 11.2071L10.7071 20.7071L10 20L9.29289 19.2929L18.7929 9.79289L19.5 10.5ZM19.5 10.5V11.5H1V10.5V9.5H19.5V10.5ZM10 1L10.7071 0.292893L15.4571 5.04289L14.75 5.75L14.0429 6.45711L9.29289 1.70711L10 1ZM14.75 5.75L15.4571 5.04289L20.2071 9.79289L19.5 10.5L18.7929 11.2071L14.0429 6.45711L14.75 5.75Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: center;
    background-color: #2F444E;
}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 10.5L20.2071 9.79289L20.9142 10.5L20.2071 11.2071L19.5 10.5ZM10.7071 20.7071C10.3166 21.0976 9.68342 21.0976 9.29289 20.7071C8.90237 20.3166 8.90237 19.6834 9.29289 19.2929L10 20L10.7071 20.7071ZM1 11.5C0.447716 11.5 0 11.0523 0 10.5C0 9.94771 0.447716 9.5 1 9.5V10.5V11.5ZM9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.0976311 10.3166 -0.0976311 10.7071 0.292893L10 1L9.29289 1.70711ZM19.5 10.5L20.2071 11.2071L10.7071 20.7071L10 20L9.29289 19.2929L18.7929 9.79289L19.5 10.5ZM19.5 10.5V11.5H1V10.5V9.5H19.5V10.5ZM10 1L10.7071 0.292893L15.4571 5.04289L14.75 5.75L14.0429 6.45711L9.29289 1.70711L10 1ZM14.75 5.75L15.4571 5.04289L20.2071 9.79289L19.5 10.5L18.7929 11.2071L14.0429 6.45711L14.75 5.75Z' fill='%232F444E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: center;
    width: 43px;
    height: 43px;
    background-color: #D1F38F;
    border-radius: 50%;
    transform: rotate(180deg);
}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev:hover,
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev:focus {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 10.5L20.2071 9.79289L20.9142 10.5L20.2071 11.2071L19.5 10.5ZM10.7071 20.7071C10.3166 21.0976 9.68342 21.0976 9.29289 20.7071C8.90237 20.3166 8.90237 19.6834 9.29289 19.2929L10 20L10.7071 20.7071ZM1 11.5C0.447716 11.5 0 11.0523 0 10.5C0 9.94771 0.447716 9.5 1 9.5V10.5V11.5ZM9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.0976311 10.3166 -0.0976311 10.7071 0.292893L10 1L9.29289 1.70711ZM19.5 10.5L20.2071 11.2071L10.7071 20.7071L10 20L9.29289 19.2929L18.7929 9.79289L19.5 10.5ZM19.5 10.5V11.5H1V10.5V9.5H19.5V10.5ZM10 1L10.7071 0.292893L15.4571 5.04289L14.75 5.75L14.0429 6.45711L9.29289 1.70711L10 1ZM14.75 5.75L15.4571 5.04289L20.2071 9.79289L19.5 10.5L18.7929 11.2071L14.0429 6.45711L14.75 5.75Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: center;
    background-color: #2F444E;
}

/* tutor pagination */

/* filter courses */

.tutor-widget-course-categories,
.tutor-widget-course-price {
    display: none !important;
}

.dpo-course-filters .tutor-widget:first-of-type {
    margin-top: 0;
}

.tutor-widget-acf-filter-chbx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.tutor-widget-acf-filter-chbx h3 {
    margin: 0;
    max-width: 200px;
}

.tutor-widget-acf-filter-chbx input {
    margin: 0 !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
}

.dpo-reset-filters {
    border-radius: 30px;
    background: #fff;
    border: none;
    color: #2F444E;
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}

.tutor-course-filter-container {
    padding: 0;
}

.dpo-course-filters {
    padding: 52px 40px;
    background: #D1F38F;
    border-radius: 60px;
    margin-bottom: auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.dpo-course-filters>.tutor-widget {
    margin: 0;
}

.tutor-widget-title {
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 12px;
    color: #2F444E;
}

.tutor-course-filter-container input,
.tutor-course-filter-container select {
    padding: 8px 24px;
    font-size: 16px;
    color: #2F444E80;
    border: none !important;
    border-radius: 10px;
}

/* filter courses */

/* tabs courses */

.dpo-courses-tabs ul.tab-titles {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0 0 50px 0;
    align-items: stretch;
}

.dpo-courses-tabs ul.tab-titles li {
    flex: 1;
    min-width: 200px;
    display: flex;
}

.dpo-courses-tabs ul.tab-titles a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    padding: 10px;
    border-radius: 15px;
    border: 1px solid;
    width: 100%;
    min-height: 60px;
    box-sizing: border-box;
    word-wrap: break-word;
    white-space: normal;
}

.dpo-courses-tabs ul.tab-titles a.active {
    color: #1C2956;
    background-color: #fff;
    box-shadow: 0 0 10px #1C2956;
}


/* tabs courses */

/* course cat top */

.dpo-course-cat-title-top {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px;
}

.dpo-course-cat-image-top img {
    border-radius: 30px;
}

@media screen and (max-width:767px) {
    .dpo-course-cat-title-top {
        font-size: 28px;
        line-height: 40px;
    }
}

/* course cat top */

/* checkout styles */

body.woocommerce-checkout .woocommerce-checkout-review-order .order-review-title {
    margin-bottom: 50px;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #3C3C3C;
}

body.woocommerce-checkout .woocommerce-checkout-review-order .shop_table {
    border: none !important;
    border-collapse: collapse !important;
    margin: 0 0 20px 0;
}


body.woocommerce-checkout #order_review .shop_table,
body.woocommerce-checkout #order_review .shop_table .review-order-row {
    position: relative;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    z-index: 1;
}

body.woocommerce-checkout #order_review .shop_table .review-order-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

body.woocommerce-checkout #order_review .shop_table .review-order-row .review-order-col {
    position: relative;
}

body.woocommerce-checkout #order_review .shop_table .review-order-row .review-order-col:first-child {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-end;
}

body.woocommerce-checkout #order_review .shop_table .review-order-row .review-order-col:last-child {
    flex: 0 0 auto;
    background: #F8F9FC;
    z-index: 2;
    padding-left: 5px;
}

body.woocommerce-checkout #order_review .shop_table .review-order-row .review-order-col:first-child span {
    background: #F8F9FC;
    z-index: 2;
    padding-right: 5px;
}

body.woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-remove-coupon {
    font-size: 14px;
    line-height: 16px;
}

body.woocommerce-checkout .woocommerce-checkout-review-order .shop_table .order-total {
    margin-top: 50px;
    padding-top: 25px;
    border-top: 2px solid;
}

body.woocommerce-checkout .woocommerce-checkout-review-order .shop_table .order-total div:last-child {
    font-size: 24px;
    line-height: 29px;
}

body.woocommerce-checkout .woocommerce-checkout-review-order .shop_table .woocommerce-Price-currencySymbol {
    margin-left: 5px;
}

/*body.woocommerce-checkout .woocommerce-checkout-review-order .shop_table .order-total .woocommerce-Price-currencySymbol {
    color: #EF7C00;
}*/

body.woocommerce-checkout #order_review .shop_table .review-order-row .review-order-col:first-child:after {
    content: '';
    display: flex;
    border-bottom: 2px dotted;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    margin-left: 5px;
    position: absolute;
    bottom: 4px;
    z-index: -1;
}


body.woocommerce-checkout .woocommerce-checkout-review-order>.form-row,
body.woocommerce-checkout .woocommerce-checkout-review-order>.form-row button {
    width: 100%;
}


.woocommerce-privacy-policy-text,
.woocommerce-privacy-policy-text p {
    font-size: 14px;
    line-height: 18px;
}

.dpo-checkout-consents {
    margin-top: 8px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dpo-checkout-consents .dpo-checkout-consent {
    margin: 0;
    padding: 0;
    width: 100%;
}

.dpo-checkout-consents .dpo-checkout-consent label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: rgba(10, 8, 59, .7);
    cursor: pointer;
}

.dpo-checkout-consents .dpo-checkout-consent input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    min-height: 18px !important;
    flex: 0 0 18px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    cursor: pointer;
    accent-color: #84b056;
}

.dpo-checkout-consents .dpo-checkout-consent-text {
    flex: 1 1 auto;
}

.dpo-checkout-consents .dpo-checkout-consent-error {
    margin: 0 0 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #fff3f3;
    color: #b42318;
    font-size: 13px;
    line-height: 18px;
}

.dpo-checkout-consents .dpo-checkout-consent a {
    color: #84b056;
}

.dpo-checkout-consents .dpo-checkout-consent a:hover {
    color: #6f9647;
}

.dpo-checkout-consents .dpo-checkout-consent .required {
    color: #84b056;
    text-decoration: none;
    border: none;
}

button[name="update_cart"] {
    display: none !important;
}

body.woocommerce-checkout .dpo-share-cart,
body.woocommerce-checkout input[name*="[custom_price]"] {
    display: none !important;
}

body.woocommerce-order-pay ul.order_details {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    background: #fff !important;
}

.woocommerce-billing-fields__field-wrapper input,
.woocommerce-billing-fields__field-wrapper select,
.woocommerce-billing-fields__field-wrapper .select2-selection {
    border-radius: 10px !important;
}

.woocommerce-billing-fields__field-wrapper input:not([type="checkbox"]),
.woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper {
    width: 100% !important;
}

.woocommerce-billing-fields__field-wrapper .form-row-wide {
    width: 100%;
}

.woocommerce-billing-fields__field-wrapper .optional {
    display: none !important;
}

.woocommerce-checkout input#place_order:disabled,
.woocommerce-checkout input#place_order:disabled[disabled],
.woocommerce-checkout button#place_order:disabled,
.woocommerce-checkout button#place_order:disabled[disabled] {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
    width: 50%;
}

body.woocommerce-checkout .ast-container>.woocommerce,
body.woocommerce-cart .ast-container>.woocommerce {
    padding: 50px 0;
}

.dpo-cart-container {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 30px;
    margin-bottom: 30px;
}

.dpo-cart-container .woocommerce-cart-form {
    width: 100%;
}

.dpo-cart-container .cart-contents-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: #F8F9FC;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}

.dpo-cart-container .cart-contents {
    display: grid;
    align-items: center;
    grid-template-columns: 120px 3fr auto;
    grid-gap: 20px 30px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(47, 68, 78, 0.12);
}

.dpo-cart-container .cart-contents:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.dpo-cart-container .cart-product-image,
.dpo-cart-container .cart-product-image a {
    display: block;
    width: 120px;
    height: 80px;
}

.dpo-cart-container .cart-contents img {
    display: block;
    width: 120px;
    height: 80px;
    max-width: 120px;
    border-radius: 10px;
    object-fit: cover;
}

.dpo-cart-container .cart-product-title a {
    font-weight: 600;
}

.dpo-share-cart-course-btn {
    margin-top: 16px;
}

.dpo-share-cart-course-btn--loop {
    margin-top: 8px;
}

.dpo-share-cart-course-btn form {
    margin: 0;
}

.dpo-share-cart-course-btn__hint {
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 1.4;
    color: #2F444E;
}

.dpo-loop-course-card .dpo-share-cart-course-btn--loop a,
.dpo-loop-course-card .dpo-share-cart-course-btn--loop button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 8px 16px;
    background: #fff;
    color: #2F444E;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    border: 2px solid #2F444E;
    border-radius: 30px;
    box-shadow: none;
}

.dpo-loop-course-card .dpo-share-cart-course-btn--loop a:hover,
.dpo-loop-course-card .dpo-share-cart-course-btn--loop a:focus,
.dpo-loop-course-card .dpo-share-cart-course-btn--loop button:hover,
.dpo-loop-course-card .dpo-share-cart-course-btn--loop button:focus {
    background: #2F444E;
    color: #fff;
}

.dpo-loop-course-card .dpo-share-cart-course-btn__hint {
    display: none;
}

.dpo-cart-container .cart-product-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
    min-width: 90px;
    text-align: right;
}

.dpo-cart-container .cart-product-price {
    white-space: nowrap;
    font-weight: 600;
}

.dpo-cart-container .cart-product-price:has(.dpo-share-cart-price) {
    white-space: normal;
}

.dpo-cart-container .dpo-share-cart-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    text-align: right;
}

.dpo-cart-container .dpo-share-cart-price__label {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    color: rgba(47, 68, 78, 0.68);
}

.dpo-cart-container .dpo-share-cart-price__value {
    display: block;
    font-weight: 600;
    white-space: nowrap;
}

.dpo-cart-container .cart-product-remove {
    line-height: 1.2;
}

.dpo-cart-container .cart-product-remove .remove {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #2F444E !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
    text-indent: 0 !important;
    box-shadow: none !important;
}

.dpo-cart-container .cart-product-remove .remove::before,
.dpo-cart-container .cart-product-remove .remove::after {
    content: none !important;
    display: none !important;
}

.dpo-cart-container .cart-product-remove .remove:hover,
.dpo-cart-container .cart-product-remove .remove:focus {
    color: #84b056 !important;
    background: transparent !important;
}

#yur_lico_inn_field,
#yur_lico_kpp_field,
#yur_lico_name_field,
#yur_lico_address_field {
    display: none;
}

body.dpo-yur-lico-active #yur_lico_inn_field,
body.dpo-yur-lico-active #yur_lico_kpp_field,
body.dpo-yur-lico-active #yur_lico_name_field,
body.dpo-yur-lico-active #yur_lico_address_field {
    display: block;
}

body.woocommerce-cart .dpo-coupon-wrapper {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
    justify-content: space-between;
    background: #F8F9FC;
    border-radius: 20px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
    padding: 20px;
}

body.woocommerce-cart .dpo-coupon-wrapper>div {
    width: 50%;
}

body.woocommerce-cart .dpo-coupon-wrapper .cart_totals {
    width: 100%;
}

body.woocommerce-cart .dpo-coupon-wrapper .cart_totals .shop_table td {
    text-align: right;
}

body:not(.woocommerce-cart) .dpo-coupon-wrapper {
    background: #F8F9FC;
    border-radius: 20px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 20px;
    max-width: 450px;
    margin: 20px auto;
}

.dpo-coupon-wrapper .cart-coupon form input {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    height: 58px;
    color: rgba(10, 8, 59, .5);
    background: #fff;
    border: 1.5px solid rgba(10, 8, 59, .1);
    border-radius: 40px;
    outline: none;
    padding: 10px 22px;
    position: relative;
}

.dpo-coupon-wrapper .cart-coupon form button[name="apply_coupon"] {
    cursor: pointer;
    position: absolute;
    outline: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.31;
    color: #fff;
    border-radius: 108px;
    padding: 10px 23.5px;
    right: 8px;
    top: 8px;
    height: calc(100% - 16px);
    transition: .2s linear;
}

.woocommerce-billing-fields h3 {
    display: none;
}

.checkout.woocommerce-checkout {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.checkout.woocommerce-checkout .woocommerce-NoticeGroup {
    width: 100%;
}

.checkout.woocommerce-checkout>#customer_details {
    width: calc(70% - 15px) !important;
    margin: 0 !important;
    float: none !important;
}

.checkout.woocommerce-checkout>#checkout_order_summary {
    width: calc(30% - 15px);
    margin: 0 0 auto 0;
    float: none;
}

.checkout.woocommerce-checkout>div>div>h2:not(:first-of-type) {
    margin-top: 30px;
}


#customer_details,
#checkout_order_summary {
    background: #F8F9FC;
    padding: 20px;
    border-radius: 20px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}

.woocommerce-page.woocommerce-checkout form.checkout.woocommerce-checkout:after,
.woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout:after {
    display: none;
}

#checkout_order_summary .cart-collaterals {
    display: flex;
    flex-direction: column;
}

#order_review {
    width: 100% !important;
    border: none !important;
    margin-bottom: 20px;
    padding: 0 !important;
}

.woocommerce-terms-and-conditions-wrapper {
    margin-top: 20px;
}

.woocommerce-terms-and-conditions-wrapper.dpo-checkout-consents {
    margin-top: 8px;
    margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
    body.woocommerce-order-pay ul.order_details {
        flex-wrap: wrap;
        padding: 10px;
    }

    body.woocommerce-order-pay ul.order_details li {
        margin: 0;
        float: none;
        padding: 5px;
        line-height: normal;
        width: 50%;
        margin-bottom: 10px;
    }

    .checkout.woocommerce-checkout {
        flex-wrap: wrap;
    }

    .checkout.woocommerce-checkout>#customer_details,
    .checkout.woocommerce-checkout>#checkout_order_summary {
        width: 100% !important;
    }

    .woocommerce form .form-row {
        width: 100%;
    }

    .dpo-cart-container .cart-contents {
        grid-template-columns: 1fr;
        grid-gap: 12px;
    }

    .dpo-cart-container .cart-product-actions {
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        min-width: 0;
    }
}

/* checkout styles */

/* thank you page */

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    background: #84B056;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 20px;
}

.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title {
    text-align: center;
}


.woocommerce-order-received .woocommerce-order ul.order_details {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 20px;
    padding: 35px 40px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}

.woocommerce-order-received .woocommerce-order ul.order_details li {
    width: 33.3%;
    padding: 10px;
    margin: 0;
    border: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #8D8D8D;
}

.woocommerce-order-received .woocommerce-order ul.order_details li span {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #1E1E1E;
    margin-top: 5px;
}

.woocommerce-thankyou-order-received {
    font-weight: 800;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFF;
}

.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details {
    padding: 30px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    background: #fff !important;
}


.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details {
    border: none !important;
}

.woocommerce-order-received .woocommerce-order-details h2 {
    font-weight: 600;
    line-height: 24px;
    color: #3C3C3C;
    background: none;
}

.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details {
    border-collapse: collapse;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details th,
.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details td,
.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details tr {
    border: none;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details tr.woocommerce-table__line-item.order_item {
    border-bottom: 1px solid #DFDFDF;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details .woocommerce-table__line-item.order_item a {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #3C3C3C;
}

.woocommerce-js .woocommerce-order-details :last-child *,
.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details tfoot .woocommerce-Price-amount {
    font-weight: bold;
}

/*.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details .woocommerce-table__line-item.order_item a:hover {
    color: var(--color-main);
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details .product-quantity span {
    color: var(--color-main);
}*/

.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details .product-quantity {
    white-space: nowrap;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details tfoot .woocommerce-Price-currencySymbol {
    margin-left: 5px;
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-table__product-name.product-name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.yc-product-image-table {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    border-radius: 6px;
    display: inline-block;
    margin-right: 20px;
}

.yc-product-image-table img {
    border-radius: 6px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.woocommerce-order-received .woocommerce-customer-details {
    padding: 15px 40px;
}

.woocommerce-order-received .woocommerce-customer-details address {
    border: none !important;
    display: flex;
}

.woocommerce-order-received .woocommerce-customer-details address {
    display: flex;
    flex-wrap: wrap;
}


.woocommerce-order-received .woocommerce-customer-details address .woocommerce-customer-details--item {
    display: flex;
    flex-direction: column;
    width: 33.3%;
    padding: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #8D8D8D;
}

.woocommerce-order-received .woocommerce-customer-details address>div:not(:first-child) .woocommerce-customer-details--item {
    width: 100%;
}

.woocommerce-order-received .woocommerce-customer-details address .woocommerce-customer-details--item span {
    text-transform: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1E1E1E;
    margin-top: 5px;
}

.woocommerce-thankyou-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.yc-btn-outline-big {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 25px 95px;
    border: 2px solid #EF7C00;
    box-sizing: border-box;
    border-radius: 16px;
}

.yc-btn-outline-big:hover {
    background: #EF7C00;
    color: #fff;
}

.dpo-order-invoice-download {
    display: block;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    background: #0A083B;
    width: fit-content;
}


@media screen and (max-width: 767px) {
    .woocommerce-order-received .woocommerce-customer-details address {
        gap: 20px;
        justify-content: space-between;
    }

    .woocommerce-order-received .woocommerce-customer-details address>div {
        width: 100%;
    }

    .woocommerce-order-received .woocommerce-order ul.order_details {
        padding: 10px;
    }

    .woocommerce-order-received .woocommerce-order ul.order_details li,
    .woocommerce-order-received .woocommerce-customer-details address .woocommerce-customer-details--item {
        width: auto;
    }

    .woocommerce-order-received .woocommerce-customer-details,
    .woocommerce-order-received .woocommerce-order-details {
        padding: 10px;
    }
}

/* thank you page */

/* course cards */

.tutor-card {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}

.tutor-course-thumbnail img {
    border-radius: 15px;
}

.tutor-card .tutor-ratio-3x2 {
    height: 100%;
}


/* course cards */

/* course single */

.tutor-color-success {
    color: #84b056 !important;
}

:root {
    --tutor-color-success: #84b056;
    --tutor-color-success-rgb: 132, 176, 86;
}

.tutor-course-details-title {
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    color: #2F444E;
}

.dpo-course-service-code {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #5A6B73;
}

.dpo-course-service-types {
    max-width: 100%;
    min-width: 0;
    min-inline-size: 0;
}

.dpo-course-service-types ::selection {
    background: #D1F38F;
    color: #2F444E;
}

.dpo-course-service-types__selector,
.dpo-course-service-types__scroller,
.dpo-course-service-types__rail {
    min-width: 0;
    min-inline-size: 0;
    max-width: 100%;
}

.dpo-course-service-types__rail {
    position: relative;
}

.dpo-course-service-types__rail::before,
.dpo-course-service-types__rail::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 10px;
    width: 56px;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.dpo-course-service-types__rail::before {
    left: 0;
    background: linear-gradient(to right, #fff 12%, rgba(255, 255, 255, 0));
}

.dpo-course-service-types__rail::after {
    right: 0;
    background: linear-gradient(to left, #fff 12%, rgba(255, 255, 255, 0));
}

.dpo-course-service-types__rail.is-overflowing:not(.is-at-start)::before {
    opacity: 1;
}

.dpo-course-service-types__rail.is-overflowing:not(.is-at-end)::after {
    opacity: 1;
}

.dpo-course-service-types__scroller {
    /* Containing block: wide card track must not inflate #page / the layout viewport. */
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: #2F444E #EEFFCC;
}

.dpo-course-service-types__rail.is-overflowing .dpo-course-service-types__scroller {
    cursor: grab;
}

.dpo-course-service-types__rail.is-overflowing .dpo-course-service-types__sheet-hit,
.dpo-course-service-types__rail.is-overflowing .dpo-course-service-types__meta {
    cursor: grab;
}

.dpo-course-service-types__scroller.is-dragging,
.dpo-course-service-types__scroller.is-dragging .dpo-course-service-types__sheet-hit,
.dpo-course-service-types__scroller.is-dragging .dpo-course-service-types__meta {
    cursor: grabbing;
}

.dpo-course-service-types__scroller.is-dragging {
    scroll-snap-type: none;
    user-select: none;
}

.dpo-course-service-types__scroller.is-dragging * {
    pointer-events: none;
}

.dpo-course-service-types__scroller::-webkit-scrollbar {
    height: 6px;
}

.dpo-course-service-types__scroller::-webkit-scrollbar-track {
    background: #EEFFCC;
    border-radius: 999px;
}

.dpo-course-service-types__scroller::-webkit-scrollbar-thumb {
    background: #2F444E;
    border-radius: 999px;
}

.dpo-course-service-types__selector {
    margin: 0;
    padding: 0;
    border: 0;
}

.dpo-course-service-types__lead {
    margin: 16px 0 12px;
    max-width: 68ch;
    padding: 14px 16px;
    border-radius: 16px;
    background: #F3F7EC;
    color: #2F444E;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.dpo-course-service-types__title {
    display: block;
    float: none;
    width: auto;
    margin: 0 0 12px;
    padding: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #2F444E;
}

.dpo-course-service-types__grid,
.dpo-course-service-types__grid[data-count="1"],
.dpo-course-service-types__grid[data-count="2"],
.dpo-course-service-types__grid[data-count="3"] {
    display: flex;
    width: max-content;
    max-width: none;
    min-width: 0;
    gap: 12px;
    overflow: visible;
    padding-bottom: 8px;
    align-items: start;
}

.dpo-course-service-types__card {
    flex: 0 0 240px;
    width: 240px;
    max-width: 240px;
    min-width: 240px;
    scroll-snap-align: start;
}

.dpo-course-service-types__preview {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.dpo-course-service-types__frame {
    position: relative;
}

.dpo-course-service-types__radio {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.dpo-course-service-types__sheet-hit,
.dpo-course-service-types__meta {
    display: block;
    cursor: pointer;
}

.dpo-course-service-types__meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dpo-course-service-types__sheet {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 11;
    border: 2px solid #2F444E;
    border-radius: 16px;
    background: #f4f6f5;
    box-shadow: 0 10px 22px rgba(47, 68, 78, 0.1);
}

.dpo-course-service-types__image,
.dpo-course-service-types__placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.dpo-course-service-types__sheet .dpo-course-service-types__image {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center center;
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: none;
}

.dpo-course-service-types__sheet.is-none {
    border-style: dashed;
    background: #fff;
    box-shadow: none;
}

.dpo-course-service-types__card.is-none .dpo-course-service-types__check {
    display: none;
}

.dpo-course-service-types__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 12px;
    background:
        linear-gradient(#fff, #fff) padding-box,
        repeating-linear-gradient(-12deg,
            rgba(47, 68, 78, 0.04),
            rgba(47, 68, 78, 0.04) 8px,
            transparent 8px,
            transparent 16px);
}

.dpo-course-service-types__placeholder-name {
    color: #2F444E;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
}

.dpo-course-service-types__check {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #D1F38F;
    box-shadow: 0 4px 10px rgba(47, 68, 78, 0.18);
    opacity: 0;
    transform: scale(0.92);
    pointer-events: none;
}

.dpo-course-service-types__check::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 8px;
    width: 5px;
    height: 9px;
    border-right: 2px solid #2F444E;
    border-bottom: 2px solid #2F444E;
    transform: rotate(45deg);
}

.dpo-course-service-types__name {
    display: block;
    color: #2F444E;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    overflow-wrap: break-word;
}

.dpo-course-service-types__requirement {
    color: #5A6B73;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    overflow-wrap: break-word;
}

.dpo-course-service-types__zoom {
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: 6px;
    z-index: 1;
    width: calc(100% - 12px);
    min-height: 28px;
    padding: 5px 8px;
    border: 0;
    border-radius: 999px;
    background: #2F444E;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.dpo-course-service-types__radio:focus-visible~.dpo-course-service-types__preview .dpo-course-service-types__sheet {
    outline: 2px solid #D1F38F;
    outline-offset: 3px;
}

.dpo-course-service-types__radio:checked~.dpo-course-service-types__preview .dpo-course-service-types__sheet {
    box-shadow: 0 0 14px #D1F38F;
    border: 2px solid #D1F38F;
}

.dpo-course-service-types__radio:checked~.dpo-course-service-types__preview .dpo-course-service-types__check {
    opacity: 1;
    transform: none;
}

.dpo-course-service-types__dialog {
    width: min(920px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    padding: 28px 28px 24px;
    overflow: auto;
    border: 0;
    border-radius: 40px;
    background: #2F444E;
    color: #fff;
    box-shadow: 0 24px 64px rgba(47, 68, 78, 0.35);
}

.dpo-course-service-types__dialog::backdrop {
    background: rgba(47, 68, 78, 0.72);
}

.dpo-course-service-types__dialog-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 16px;
}

.dpo-course-service-types__dialog-caption {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

.dpo-course-service-types__dialog-close {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 8px 16px;
    border: 0;
    border-radius: 999px;
    background: #D1F38F;
    color: #2F444E;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    cursor: pointer;
}

.dpo-course-service-types__dialog-image {
    display: block;
    width: 100%;
    max-height: calc(100vh - 160px);
    object-fit: contain;
    background: #fff;
    border-radius: 16px;
}

.dpo-course-service-types__dialog-close:focus-visible,
.dpo-course-service-types__zoom:focus-visible {
    outline: 2px solid #D1F38F;
    outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
    .dpo-course-service-types__sheet-hit:hover .dpo-course-service-types__sheet {
        background-color: #f7fbe9;
    }

    .dpo-course-service-types__zoom:hover {
        background-color: #24353d;
    }

    .dpo-course-service-types__dialog-close:hover {
        background-color: #e4f7a8;
    }
}

.dpo-course-service-types__sheet-hit:active .dpo-course-service-types__sheet,
.dpo-course-service-types__zoom:active,
.dpo-course-service-types__dialog-close:active {
    transform: scale(0.97);
}

.dpo-course-service-cart-note {
    margin: 0 0 12px;
    padding: 12px 14px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}

.dpo-course-service-cart-note[data-state="required"] {
    background: #EEFFCC;
    color: #2F444E;
}

.dpo-course-service-cart-note[data-state="selected"] {
    background: #2F444E;
    color: #fff;
}

.single-courses .tutor-add-to-cart-button:disabled,
.single-courses .tutor-add-to-cart-button[aria-disabled="true"] {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {

    .dpo-course-service-types__sheet,
    .dpo-course-service-types__check,
    .dpo-course-service-types__zoom,
    .dpo-course-service-types__dialog-close,
    .dpo-course-service-cart-note,
    .single-courses .tutor-add-to-cart-button {
        transition:
            background-color 160ms ease,
            color 160ms ease,
            opacity 160ms cubic-bezier(0.23, 1, 0.32, 1),
            transform 160ms cubic-bezier(0.23, 1, 0.32, 1),
            box-shadow 160ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .dpo-course-service-types__dialog {
        opacity: 1;
        transform: scale(1);
        transition:
            opacity 240ms cubic-bezier(0.23, 1, 0.32, 1),
            transform 240ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .dpo-course-service-types__dialog[open] {
        @starting-style {
            opacity: 0;
            transform: scale(0.96);
        }
    }

    .dpo-course-service-types__dialog::backdrop {
        transition: opacity 240ms cubic-bezier(0.23, 1, 0.32, 1);
    }
}

@media (prefers-reduced-motion: reduce) {

    .dpo-course-service-types__sheet-hit:active .dpo-course-service-types__sheet,
    .dpo-course-service-types__zoom:active,
    .dpo-course-service-types__dialog-close:active {
        transform: none;
    }
}

.tutor-course-details-top .tutor-meta.tutor-course-details-info * {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: #000;
}

.tutor-course-details-top .tutor-meta.tutor-course-details-info a {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-decoration: underline;
}

.tutor-single-course-sidebar .tutor-card {
    background: #fff;
    border: 4px solid #2F444E;
    padding: 48px 32px;
    border-radius: 40px;
}

.tutor-single-course-sidebar .tutor-card.dpo-tutor-preview-mode {
    border: none;
    padding: 10px;
    border-radius: 10px;
}

.tutor-single-course-sidebar .tutor-card .tutor-card-body {
    padding: 0;
    background: none;
}

.tutor-single-course-sidebar .tutor-card-footer {
    padding: 24px 0 0 0;
    border-top: 3px solid #2F444E;
    margin-top: 24px;
}

.tutor-single-course-sidebar-more>div {
    background: #2F444E !important;
    border: none !important;
    color: #fff;
    padding: 22px 40px;
    border-radius: 60px !important;
}

.tutor-single-course-sidebar-more>div:not(:last-child) {
    margin-bottom: 20px;
}

.tutor-single-course-sidebar-more>div * {
    color: #fff;
}

.tutor-course-details-instructors a:hover,
.tutor-course-details-instructors a:focus {
    color: #D1F38F;
}

.tutor-course-details-tab .tutor-nav-link {
    background: #D1F38F;
    border-radius: 30px;
    color: #2F444E;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    border: none !important;
}

.tutor-course-details-tab .tutor-nav-link.is-active,
.tutor-course-details-tab .tutor-nav-link:hover,
.tutor-course-details-tab .tutor-nav-link:focus {
    background: #2F444E;
    color: #fff;
}

.tutor-course-details-tab .tutor-nav {
    display: flex;
    gap: 20px;
    border: none !important;
}

.tutor-course-content-title {
    color: #2F444E;
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
}

.tutor-accordion-item {
    padding: 22px 70px 40px 22px;
    background-color: #2F444E;
    border-radius: 20px;
}

.tutor-accordion-item-header {
    padding: 0;
    background: none !important;
    color: #fff;
}

.tutor-accordion-item-header.is-active {
    color: #84b056;
}

.tutor-course-content-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.tutor-course-content-list-item,
.tutor-course-content-list-item:hover {
    padding: 0;
    background: none;
}


.tutor-course-content-list-item * {
    color: #fff;
}

.tutor-accordion-item-body {
    margin-top: 20px;
}

.tutor-accordion-item-body-content {
    border: none;
}

#tutor-course-details-tab-info .tutor-accordion-item-header:after {
    content: '';
    font-size: 0;
    right: -44px;
    display: block;
    width: 34px;
    height: 34px;
    background-image: url(/wp-content/themes/dpo/img/dpo-icon-accordion-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#tutor-course-details-tab-info .tutor-accordion-item-header.is-active:after {
    transform: translateY(-50%) rotate(-180deg);
}

.tutor-course-spotlight-nav .tutor-nav-link {
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 10px 10px 0 0;
}

.tutor-course-spotlight-nav .tutor-nav-link:hover,
.tutor-course-spotlight-nav .tutor-nav-link.is-active {
    background: #2F444E;
    color: #fff;
    border-bottom: 2px solid #90c05e !important;
}

@media screen and (max-width:767px) {
    .tutor-course-details-page {
        padding: 0;
    }

    .tutor-course-details-page>.tutor-row>main,
    .tutor-course-details-page>.tutor-row>aside {
        padding: 0;
        min-width: 0;
    }

    .tutor-course-details-title {
        font-size: 16px;
        line-height: 22px;
    }

    .dpo-course-service-types__lead {
        margin-top: 12px;
        margin-bottom: 10px;
        padding: 12px 14px;
        font-size: 13px;
        line-height: 18px;
        border-radius: 14px;
    }

    .dpo-course-service-types__title {
        margin-top: 0;
        font-size: 14px;
        line-height: 18px;
    }

    .dpo-course-service-types {
        max-width: 100%;
        min-width: 0;
    }

    .dpo-course-service-types__scroller {
        scroll-snap-type: x mandatory;
    }

    .dpo-course-service-types__grid,
    .dpo-course-service-types__grid[data-count="1"],
    .dpo-course-service-types__grid[data-count="2"],
    .dpo-course-service-types__grid[data-count="3"] {
        gap: 10px;
        padding-bottom: 4px;
    }

    .dpo-course-service-types__dialog {
        width: min(920px, calc(100% - 24px));
        max-width: calc(100% - 24px);
        padding: 20px 16px 16px;
        border-radius: 28px;
    }

    .dpo-course-service-types__dialog:not([open]) {
        display: none;
    }

    .tutor-course-content-title {
        font-size: 20px;
        line-height: 24px;
    }

    .tutor-accordion-item {
        padding: 10px 40px 10px 20px;
    }

    #tutor-course-details-tab-info .tutor-accordion-item-header:after {
        right: -29px;
        width: 19px;
        height: 19px;
    }

    .tutor-accordion-item-header {
        font-size: 12px;
        line-height: 16px;
    }

    .tutor-course-content-list-item-title {
        font-size: 12px;
        line-height: 16px;
    }

    .tutor-single-course-sidebar .tutor-card {
        padding: 32px;
    }
}


/* course single */

/* lesson page */

.tutor-lesson-wrapper .wp-video,
.tutor-lesson-wrapper .wp-video-shortcode {
    width: 100% !important;
}

/* lesson page */


/* dashboard */

body.tutor-screen-frontend-dashboard .dpo-dashboard-site-header {
    width: 100%;
    flex: 0 0 100%;
    position: relative;
    z-index: 20;
}

body.tutor-screen-frontend-dashboard .dpo-dashboard-site-header .site-header,
body.tutor-screen-frontend-dashboard .dpo-dashboard-site-header #masthead,
body.tutor-screen-frontend-dashboard .dpo-dashboard-site-header .ast-header-wrap,
body.tutor-screen-frontend-dashboard .dpo-dashboard-site-header .ast-above-header-bar,
body.tutor-screen-frontend-dashboard .dpo-dashboard-site-header .ast-primary-header-bar,
body.tutor-screen-frontend-dashboard .dpo-dashboard-site-header .ast-mobile-header-wrap {
    display: block;
    position: relative !important;
    z-index: 20 !important;
}

body.tutor-screen-frontend-dashboard .dpo-dashboard-site-header .ast-sticky-active,
body.tutor-screen-frontend-dashboard .dpo-dashboard-site-header .ast-header-sticky-active {
    z-index: 20 !important;
}

body.tutor-screen-frontend-dashboard .ast-container {
    flex-wrap: wrap;
}

.tutor-dashboard-page .dpo-dashboard-manager-actions {
    width: 100%;
    margin: 0 0 16px;
}

.dpo-dashboard-manager-actions-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.tutor-dashboard-page .dpo-dashboard-top-content {
    position: relative;
    width: 100%;
    display: flex;
    gap: 16px 20px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 24px;
    padding: 16px 20px;
    background: var(--tutor-surface-l1, #fff);
    border: 1px solid var(--tutor-stroke-neutral, #ececed);
    border-radius: 12px;
    z-index: auto;
    box-sizing: border-box;
}

.dpo-dashboard-view-mode {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.3;
}

.dpo-dashboard-view-mode__label {
    color: rgba(47, 68, 78, 0.68);
}

.dpo-dashboard-view-mode__value {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 1px 8px;
    border-radius: 999px;
    font-weight: 600;
}

.dpo-dashboard-view-mode[data-mode="instructor"] .dpo-dashboard-view-mode__value {
    background: rgba(132, 176, 86, 0.2);
    color: #2F444E;
}

.dpo-dashboard-view-mode[data-mode="student"] .dpo-dashboard-view-mode__value {
    background: #2F444E;
    color: #fff;
}

.tutor-dashboard-header-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.tutor-dashboard-header-right>div:first-child {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.dpo-dashboard-user-url {
    display: flex;
    align-items: center;
}

.dpo-dashboard-user-id {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
}

.dpo-dashboard-user-id-label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--tutor-text-secondary, #5b616f);
}

.dpo-dashboard-user-id-value {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.dpo-dashboard-user-id-number {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.dpo-dashboard-copy-btn {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 115.77 122.88' style='enable-background:new 0 0 115.77 122.88' xml:space='preserve'%3E%3Cpath class='st0' d='M89.62,13.96v7.73h12.19h0.01v0.02c3.85,0.01,7.34,1.57,9.86,4.1c2.5,2.51,4.06,5.98,4.07,9.82h0.02v0.02 v73.27v0.01h-0.02c-0.01,3.84-1.57,7.33-4.1,9.86c-2.51,2.5-5.98,4.06-9.82,4.07v0.02h-0.02h-61.7H40.1v-0.02 c-3.84-0.01-7.34-1.57-9.86-4.1c-2.5-2.51-4.06-5.98-4.07-9.82h-0.02v-0.02V92.51H13.96h-0.01v-0.02c-3.84-0.01-7.34-1.57-9.86-4.1 c-2.5-2.51-4.06-5.98-4.07-9.82H0v-0.02V13.96v-0.01h0.02c0.01-3.85,1.58-7.34,4.1-9.86c2.51-2.5,5.98-4.06,9.82-4.07V0h0.02h61.7 h0.01v0.02c3.85,0.01,7.34,1.57,9.86,4.1c2.5,2.51,4.06,5.98,4.07,9.82h0.02V13.96L89.62,13.96z M79.04,21.69v-7.73v-0.02h0.02 c0-0.91-0.39-1.75-1.01-2.37c-0.61-0.61-1.46-1-2.37-1v0.02h-0.01h-61.7h-0.02v-0.02c-0.91,0-1.75,0.39-2.37,1.01 c-0.61,0.61-1,1.46-1,2.37h0.02v0.01v64.59v0.02h-0.02c0,0.91,0.39,1.75,1.01,2.37c0.61,0.61,1.46,1,2.37,1v-0.02h0.01h12.19V35.65 v-0.01h0.02c0.01-3.85,1.58-7.34,4.1-9.86c2.51-2.5,5.98-4.06,9.82-4.07v-0.02h0.02H79.04L79.04,21.69z M105.18,108.92V35.65v-0.02 h0.02c0-0.91-0.39-1.75-1.01-2.37c-0.61-0.61-1.46-1-2.37-1v0.02h-0.01h-61.7h-0.02v-0.02c-0.91,0-1.75,0.39-2.37,1.01 c-0.61,0.61-1,1.46-1,2.37h0.02v0.01v73.27v0.02h-0.02c0,0.91,0.39,1.75,1.01,2.37c0.61,0.61,1.46,1,2.37,1v-0.02h0.01h61.7h0.02 v0.02c0.91,0,1.75-0.39,2.37-1.01c0.61-0.61,1-1.46,1-2.37h-0.02V108.92L105.18,108.92z' fill='%231C2956'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: contain;
    border: none;
    border-radius: 0;
    cursor: pointer;
    margin-left: 10px;
    padding: 0;
}

.dpo-dashboard-copy-btn:hover,
.dpo-dashboard-copy-btn:focus {
    opacity: 0.8;
    background-color: transparent;
}


.dpo-dashboard-copy-btn:after {
    content: "";
    background-color: #90EE90;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z' fill='%238FA2F6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: all 5s;
}

.dpo-dashboard-copy-btn:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s;
}

.dpo-dashboard-user-id-field {
    display: none;
    background: transparent;
    border: none;
    outline: none;
    cursor: default;
    width: fit-content !important;
    max-width: fit-content !important;
}

.dpo-dashboard-user-id-share {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.dpo-dashboard-user-id-share-title {
    width: 100%;
}

.dpo-dashboard-user-id-share-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.dpo-dashboard-user-id-share a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: inherit;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.dpo-dashboard-user-id-share a svg {
    width: 20px;
    height: 20px;
    display: block;
}

.dpo-dashboard-user-id-share-mail svg path {
    fill: currentColor;
}

.dpo-dashboard-user-id-share a:hover svg path {
    fill: #395bca;
}

.tutor-order-history-actions {
    display: none !important;
}

.tutor-frontend-dashboard-qna-header>div:nth-child(1)>div>div:after {
    content: ' (предоставляются в рамках некоторых курсов, не является базовой опцией)';
}

.tutor-dashboard-courses-tab .tutor-nav>.tutor-nav-item:nth-child(1) {
    order: 3;
}

/* Dashboard grid: main column must shrink inside viewport */
body.tutor-screen-frontend-dashboard .tutor-dashboard-layout {
    grid-template-columns: 274px minmax(0, 1fr);
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-logo img {
    max-width: none;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-main,
body.tutor-screen-frontend-dashboard .tutor-dashboard-body,
body.tutor-screen-frontend-dashboard .tutor-dashboard-page {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

/* Enrollments / add-new: admin UI внутри dashboard 4.0 */
body.tutor-screen-frontend-dashboard .tutor-dashboard-layout .tutor-dashboard-page:has(.tutor-admin-wrap),
body.tutor-screen-frontend-dashboard .tutor-dashboard-layout .tutor-dashboard-page:has(.tutor-new-enrollment-wrapper) {
    max-width: 100%;
    width: 100%;
    margin-inline: 0;
    padding-inline: 16px;
}

body.tutor-screen-frontend-dashboard .tutor-admin-wrap {
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin: 0;
    max-width: 100%;
    overflow-x: hidden;
}

body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-admin-container,
body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-admin-container-lg {
    max-width: 100%;
    padding-inline: 0;
    box-sizing: border-box;
}

body.tutor-screen-frontend-dashboard .tutor-new-enrollment-wrapper {
    min-height: 420px;
    max-width: 100%;
}

body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-dashboard-list-table,
body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-table-responsive {
    overflow-x: hidden;
    max-width: 100%;
}

body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-dashboard-list-table .tutor-table {
    table-layout: fixed;
    width: 100%;
}

body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-dashboard-list-table .tutor-table th:nth-child(3),
body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-dashboard-list-table .tutor-table td:nth-child(3) {
    min-width: 0;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.dpo-enrollment-course-cell {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}

.dpo-enrollment-course-title {
    flex: 1 1 auto;
    min-width: 0;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.dpo-enrollment-course-link {
    flex: 0 0 auto;
    margin-top: 2px;
}

body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-dashboard-list-table .tutor-table th.dpo-enrollment-name-col,
body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-dashboard-list-table .tutor-table td.dpo-enrollment-name-col {
    width: 18%;
    min-width: 0;
    max-width: 220px;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    vertical-align: middle;
}

.dpo-enrollment-user-name {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.dpo-enrollment-user-email {
    display: block;
    white-space: normal;
    word-break: break-all;
    overflow-wrap: anywhere;
    line-height: 1.35;
}

body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-dashboard-list-table .tutor-table th.dpo-enrollment-status-col,
body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-dashboard-list-table .tutor-table td.dpo-enrollment-status-col {
    width: 112px;
    min-width: 112px;
    max-width: 112px;
    white-space: nowrap;
    vertical-align: middle;
}

body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-dashboard-list-table .tutor-table td.dpo-enrollment-status-col .tutor-badge-label {
    display: inline-flex;
    max-width: 100%;
    white-space: nowrap;
}

body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-dashboard-list-table .tutor-table th:last-child,
body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-dashboard-list-table .tutor-table td:last-child {
    width: 56px;
    min-width: 56px;
    max-width: 56px;
    overflow: visible;
    text-align: center;
    vertical-align: middle;
}

body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-dashboard-list-table .tutor-table td:last-child .tutor-dropdown-parent,
body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-dashboard-list-table .tutor-table td:last-child .tutor-iconic-btn,
body.tutor-screen-frontend-dashboard .tutor-admin-wrap .tutor-dashboard-list-table .tutor-table td:last-child .tutor-btn {
    overflow: visible;
}

body.tutor-screen-frontend-dashboard .dpo-featured-courses-section {
    border-top: 1px solid var(--tutor-border-idle, #ececed);
    padding: 24px;
}

body.tutor-screen-frontend-dashboard .dpo-featured-courses-title {
    margin-top: 0;
}

body.tutor-screen-frontend-dashboard .dpo-featured-courses-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

body.tutor-screen-frontend-dashboard .dpo-featured-course-card {
    min-width: 0;
    background: var(--tutor-surface-base, #fff);
    border: 1px solid var(--tutor-border-idle, #ececed);
    border-radius: 8px;
    overflow: hidden;
}

body.tutor-screen-frontend-dashboard .dpo-featured-course-card .tutor-course-card-thumbnail {
    display: block;
    margin-bottom: 0;
}

body.tutor-screen-frontend-dashboard .dpo-featured-course-card .tutor-ratio-16x9 {
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

body.tutor-screen-frontend-dashboard .dpo-featured-course-card .tutor-ratio-16x9 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.tutor-screen-frontend-dashboard .dpo-featured-course-card .tutor-card-body {
    padding: 12px 12px 0;
}

body.tutor-screen-frontend-dashboard .dpo-featured-course-card .tutor-course-card-footer {
    padding: 12px;
}

body.tutor-screen-frontend-dashboard .tutor-analytics-wrapper-standalone,
.tutor-dashboard-page .tutor-analytics-wrapper-standalone {
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

body.tutor-screen-frontend-dashboard .tutor-analytics-student-details,
.tutor-dashboard-page .tutor-analytics-student-details {
    min-width: 0;
    width: 100%;
}

body.tutor-screen-frontend-dashboard .dpo-custom-footer,
.tutor-dashboard-layout~.dpo-custom-footer {
    clear: both;
    width: 100%;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 992px) {
    body.tutor-screen-frontend-dashboard .dpo-featured-courses-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 576px) {
    body.tutor-screen-frontend-dashboard .dpo-featured-courses-section {
        padding: 16px;
    }

    body.tutor-screen-frontend-dashboard .dpo-featured-courses-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media screen and (max-width:767px) {
    body.tutor-screen-frontend-dashboard .tutor-dashboard-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-body {
        margin-top: 30px;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-main {
        padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px));
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-page {
        padding-inline: 12px;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-header {
        position: relative;
        z-index: 30;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-header-inner {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-header-left {
        flex: 1 1 auto;
        min-width: 0;
        padding-right: 4px;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-header-left .tutor-h5 {
        font-size: 18px;
        line-height: 1.35;
        word-break: break-word;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-header-right {
        flex: 0 0 auto;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        flex-wrap: nowrap;
        margin-left: auto;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-header-right>div:first-child {
        width: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        flex-wrap: nowrap;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-header-user,
    body.tutor-screen-frontend-dashboard .tutor-dashboard-notification,
    body.tutor-screen-frontend-dashboard .tutor-dashboard-notification-trigger-wrap {
        flex: 0 0 auto;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-header-user-avatar {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-header-user-popover {
        position: fixed !important;
        z-index: 100010 !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-header-user-popover .tutor-profile-header-top {
        display: flex !important;
    }

    body.tutor-screen-frontend-dashboard .dpo-dashboard-manager-actions .dpo-popup-addUser {
        width: auto;
        max-width: none;
        white-space: nowrap;
        padding-inline: 10px;
        font-size: 12px;
    }

    .tutor-dashboard-page .dpo-dashboard-top-content {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        padding: 14px 16px;
        margin-bottom: 16px;
    }

    .dpo-dashboard-user-id,
    .dpo-dashboard-user-id-share {
        width: 100%;
    }

    .dpo-dashboard-user-id-share-title {
        width: auto;
    }

    .tutor-student-dashboard-stats .tutor-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.tutor-screen-frontend-dashboard .tutor-stat-card {
        min-width: 0;
        padding: 12px;
    }

    body.tutor-screen-frontend-dashboard .tutor-stat-card-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px;
        min-width: 0;
    }

    body.tutor-screen-frontend-dashboard .tutor-stat-card-title {
        flex: 1 1 auto;
        min-width: 0;
        font-size: 13px;
        line-height: 1.35;
        margin: 0;
    }

    body.tutor-screen-frontend-dashboard .tutor-stat-card-icon {
        flex: 0 0 auto;
        margin-left: auto;
    }

    body.tutor-screen-frontend-dashboard .tutor-stat-card-value {
        font-size: 24px;
        line-height: 1.1;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-nav-mobile-list {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        gap: 0;
        padding: 8px 4px calc(8px + env(safe-area-inset-bottom, 0px));
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-nav-mobile-list>li {
        flex: 1 1 0;
        min-width: 0;
        max-width: 20%;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-nav-mobile-list>li>a,
    body.tutor-screen-frontend-dashboard .tutor-dashboard-nav-mobile-list>li>button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 4px;
        width: 100%;
        min-width: 0;
        padding: 4px 2px;
        text-align: center;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-nav-mobile-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        flex: 0 0 auto;
    }

    body.tutor-screen-frontend-dashboard .tutor-dashboard-nav-mobile-text {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        font-size: 10px;
        line-height: 1.2;
        white-space: normal;
        word-break: break-word;
    }
}

/* dashboard */

/* create user dashboard */

#dpo_create_user_dashboard {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

#dpo_create_user_dashboard input {
    border-radius: 10px;
}

/* create user dashboard */

/* cf7 */

.dpo-cf7-form-title {
    padding: 40px;
    font-family: 'Druk Wide Cyr';
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
    color: #2F444E;
    margin: 0 !important;
}

.dpo-cf7-form-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}

.dpo-cf7-form-wrapper label {
    font-size: 16px;
    line-height: 20px;
    display: block;
    margin-bottom: 5px;
}

.dpo-cf7-form-wrapper input[type=text],
.dpo-cf7-form-wrapper input[type=email],
.dpo-cf7-form-wrapper input[type=tel],
.dpo-cf7-form-wrapper textarea {
    background: #EEEEEE;
    border: none;
    border-radius: 20px;
}

.dpo-cf7-form-submit-wrapper {
    text-align: center;
}

.dpo-cf7-form-wrapper input[type=submit] {
    width: 100%;
}

.dpo-cf7-form-required {
    color: red;
}

.wpcf7-form.submitting {
    opacity: 0.5;
    pointer-events: none;
}

.wpcf7-form.submitting::after {
    content: "Пожалуйста, подождите...";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.9);
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    color: #444;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.dpo-cf7-form-wrapper .dpo-cf7-form-submit-wrapper input[type=submit] {
    border-radius: 20px;
    border: 1px solid #84b056;
    transition: all 0.3s;
}

.wpcf7 form .wpcf7-response-output {
    border-radius: 20px;
    margin: 0 !important;
    border: 2px solid #D1F38F !important;
}

.wpcf7#wpcf7-f182273-p3707-o3 .wpcf7-response-output,
.wpcf7#wpcf7-f181849-o5 .wpcf7-response-output {
    color: #fff;
}

.dpo-cf7-form-file-wrapper {
    width: 100%;
    position: relative;
    text-align: center;
}

.wpcf7-file {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.dpo-cf7-form-file-label {
    position: relative;
    width: 100%;
    height: 50px;
    display: flex !important;
    align-items: center;
    border-radius: 20px;
    background: #fff;
}

.dpo-cf7-form-file-fake {
    display: flex;
    align-items: center;
    padding: 0 12px;
    width: fit-content;
}

.dpo-cf7-form-file-btn {
    width: fit-content;
    height: 100%;
    background: #90C05E;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
    padding: 12px 30px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s;
}

.dpo-cf7-form-file-btn:hover,
.dpo-cf7-form-file-btn:focus {
    background: #2F444E;
}

/* cf7 */

/* footer form */

.dpo-cf7-form-wrapper.dpo-footer-form {
    box-shadow: none;
    padding: 0;
}

.dpo-cf7-form-wrapper.dpo-footer-form .dpo-cf7-form-submit-wrapper {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.dpo-cf7-form-wrapper.dpo-footer-form .dpo-cf7-form-submit-wrapper .wpcf7-form-control-wrap,
.dpo-cf7-form-wrapper.dpo-footer-form .dpo-cf7-form-submit-wrapper input[type=submit] {
    width: calc(50% - 5px);
}

.dpo-cf7-form-wrapper.dpo-footer-form .wpcf7-acceptance label {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    text-align: left;
}


/* footer form */

/* request form */

.dpo-request-form {
    box-shadow: none;
    padding: 0;
    gap: 8px;
}

.dpo-request-form .wpcf7-acceptance {
    text-align: left;
    width: 100%;
    display: inline-block;
}

.dpo-request-form .wpcf7-acceptance label {
    font-size: 12px;
    color: #fff;
}

.dpo-request-form .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}

.dpo-request-form .dpo-cf7-form-submit-wrapper input[type=submit] {
    margin-top: 30px;
    color: #2F444E;
    background: #D1F38F;
    border: 1px solid #D1F38F;
}

.dpo-request-form .dpo-cf7-form-submit-wrapper input[type=submit]:hover,
.dpo-request-form .dpo-cf7-form-submit-wrapper input[type=submit]:focus {
    background: #2F444E;
    color: #D1F38F;
    border: 1px solid #D1F38F;
}

#wpcf7-f182273-p3707-o1 .wpcf7-response-output {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .dpo-request-form .dpo-cf7-form-submit-wrapper input[type=submit] {
        margin-top: 5px;
    }

    .dpo-cf7-form-wrapper.dpo-footer-form .dpo-cf7-form-submit-wrapper .wpcf7-form-control-wrap,
    .dpo-cf7-form-wrapper.dpo-footer-form .dpo-cf7-form-submit-wrapper input[type=submit] {
        width: 100%;
    }

}

/* request form */

/* popup form */

.dpo-popup-form {
    box-shadow: none;
    border-radius: 50px;
    background: #D1F38F;
    margin: 0 !important;
    padding: 40px 50px;
}

.dpo-popup-form>div {
    max-width: 565px;
    width: 100%;
    margin: 0 auto;
}


.dpo-cf7-form-wrapper.dpo-popup-form input[type=text],
.dpo-cf7-form-wrapper.dpo-popup-form input[type=email],
.dpo-cf7-form-wrapper.dpo-popup-form input[type=tel],
.dpo-cf7-form-wrapper.dpo-popup-form textarea {
    background: #fff;
    font-size: 20px;
    padding: 12px 25px;
    height: auto;
    color: #7C7C7C;
}

.dpo-cf7-form-wrapper.dpo-popup-form input[type=file] {
    border-radius: 20px;
    color: #2F444E;
    font-weight: 500;
}

.dpo-cf7-form-wrapper.dpo-popup-form .dpo-cf7-form-submit-wrapper input[type=submit] {
    background: #2F444E;
    color: #fff;
}

.dpo-cf7-form-wrapper.dpo-popup-form .dpo-cf7-form-submit-wrapper input[type=submit]:hover,
.dpo-cf7-form-wrapper.dpo-popup-form .dpo-cf7-form-submit-wrapper input[type=submit]:focus {
    background: #90C05E;
}

.pum-theme-lightbox .pum-content+.pum-close {
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.422 24.278L24.3 26.4L19.498 21.602L14.698 26.394L12.578 24.272L17.376 19.482L12.578 14.686L14.7 12.564L19.5 17.362L24.302 12.568L26.422 14.692L21.622 19.482L26.422 24.278ZM19.5 0C8.748 0 0 8.748 0 19.5C0 30.252 8.748 39 19.5 39C30.252 39 39 30.252 39 19.5C39 8.748 30.252 0 19.5 0Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.pum-theme-lightbox .pum-content+.pum-close:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.422 24.278L24.3 26.4L19.498 21.602L14.698 26.394L12.578 24.272L17.376 19.482L12.578 14.686L14.7 12.564L19.5 17.362L24.302 12.568L26.422 14.692L21.622 19.482L26.422 24.278ZM19.5 0C8.748 0 0 8.748 0 19.5C0 30.252 8.748 39 19.5 39C30.252 39 39 30.252 39 19.5C39 8.748 30.252 0 19.5 0Z' fill='%23D1F38F'/%3E%3C/svg%3E%0A");
}

.wpcf7-acceptance {
    margin-bottom: 10px;
    display: block;
}

.wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 14px;
    line-height: 20px;
}


@media screen and (max-width:767px) {
    .dpo-popup-form {
        padding: 20px;
    }
}


/* popup form */

/* steps form */

.dpo-steps-form {
    position: relative;
    box-shadow: none;
    padding: 0;
    gap: 8px;
}

.dpo-steps-indicator {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 10px;
}

.dpo-steps-indicator-inner {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    background-color: #2f444e;
    justify-content: center;
    align-items: center;
}

.dpo-steps-indicator-inner .step {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    padding: 3px 12px;
    border-radius: 20px;
    transition: 0.3s;
}

.dpo-steps-indicator-inner .step.active {
    background: #fff;
    color: #2f444e;
}

.dpo-steps-indicator-inner .step:not(.active) {
    color: #fff;
}

.dpo-steps-indicator-texts {
    position: relative;
    flex: 1;
}

.dpo-steps-indicator-texts .step-text {
    display: none;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    font-weight: 700;
    transition: all 0.3s ease;
    width: 100%;
}

.dpo-steps-indicator-texts .step-text.active {
    display: block;
    animation: fadeIn 0.3s ease;
}

.dpo-steps-form .dpo-cf7-form-fieldset {
    display: none;
    animation: fadeIn 0.3s ease;
}

.dpo-steps-form .dpo-cf7-form-fieldset.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dpo-btn-form-next,
.dpo-btn-form-prev,
.dpo-steps-form .dpo-cf7-form-submit-wrapper input[type=submit] {
    padding: 12px 30px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: #2F444E;
    border: 1px solid #D1F38F;
    transition: all 0.3s ease;
}

.dpo-btn-form-next {
    background: #D1F38F;
    color: #2F444E;
    width: 100%;
}

.dpo-btn-form-next:hover:not(:disabled) {
    background: #2F444E;
    color: #D1F38F;
    border: 1px solid #D1F38F;
}

.dpo-btn-form-next:disabled,
.dpo-steps-form .dpo-cf7-form-submit-wrapper input[type=submit]:disabled {
    opacity: 0.6;
    border: 1px solid #D1F38F;
    cursor: not-allowed;
}

.dpo-btn-form-prev {
    background: #D1F38F;
    color: #2F444E;
    width: 50%;
}

.dpo-btn-form-prev:hover {
    background: #2F444E;
    color: #D1F38F;
    border: 1px solid #D1F38F;
}

.dpo-steps-form .dpo-cf7-form-submit-wrapper input[type=submit] {
    background: #D1F38F;
    color: #2F444E;
    display: none;
    width: 50%;
}

.dpo-steps-form .dpo-cf7-form-submit-wrapper input[type=submit]:hover {
    background: #2F444E;
    color: #D1F38F;
    border: 1px solid #D1F38F;
}

.dpo-steps-form .dpo-cf7-form-submit-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.dpo-btn-submit {
    display: none;
}

.dpo-btn-submit[style*="display: inline-block"] {
    display: inline-block;
}

.dpo-steps-form .wpcf7-spinner {
    position: absolute;
    bottom: -20px;
}

.dpo-steps-form .wpcf7-acceptance {
    text-align: left;
    width: 100%;
    display: inline-block;
}

.dpo-steps-form .wpcf7-acceptance label {
    font-size: 12px;
    color: #fff;
}

.dpo-steps-form .wpcf7-acceptance .wpcf7-list-item {
    margin: 5px 0 0 0;
}

/* steps form */

/* burger menu */

.dpo-burger-menu-wrapper {
    position: relative;
    display: inline-block;
    z-index: 1000;
}

/* Кнопка-бургер */
.dpo-burger-button {
    position: relative;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: none;
    background: #2f4348;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    gap: 5px;
    transition: 0.3s;
    z-index: 2;
}

.dpo-burger-button span {
    display: block;
    width: 28px;
    height: 4px;
    background: #fff;
    border-radius: 10px;
    transition: 0.3s;
}

/* Анимация крестика */
.dpo-burger-button.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.dpo-burger-button.active span:nth-child(2) {
    opacity: 0;
}

.dpo-burger-button.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* Оверлей */
.dpo-burger-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.dpo-burger-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Меню */
.dpo-burger-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: calc(100% - 165px);
    width: 280px;
    background-color: #2f4348;
    background-image: url(/wp-content/themes/dpo/img/header/napsrf-line-menu.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    border-radius: 30px;
    padding: 52px 24px 64px 24px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    transform: translateY(-20px);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 1;
}

.dpo-burger-menu.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

/* Поиск */
.dpo-burger-search {
    margin-bottom: 15px;
}

.dpo-burger-search input[type="search"] {
    width: 100%;
    padding: 8px 10px;
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
    color: #fff;
    font-size: 15px;
}

.dpo-burger-search input::placeholder {
    color: #ccc;
}

/* Меню */
.dpo-burger-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dpo-burger-menu-list li {
    margin: 10px 0;
}

.dpo-burger-menu-list a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    transition: color 0.2s;
}

.dpo-burger-menu-list a:hover {
    color: #aee57b;
}

.dpo-burger-search form {
    display: flex;
    align-items: center;
    position: relative;
}

.dpo-burger-search form button {
    background: none;
    padding: 0;
    position: absolute;
    right: 0;
}


/* burger menu */


/* footer social */

.dpo-footer-social-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dpo-footer-social-wrapper svg path,
.dpo-footer-social-wrapper svg circle {
    transition: all 0.3s;
}

.dpo-footer-social-wrapper a:not(:last-child):hover svg path {
    fill: #D1F38F;
}

.dpo-footer-social-wrapper a:last-child:hover svg circle {
    fill: #D1F38F;
}

/* footer social */


/* home section blocks naps */

.dpo-home-hero-title {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dpo-home-hero-title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
}

.dpo-home-hero-title-line1,
.dpo-home-hero-title-line2 {
    margin: 0 !important;
    font-family: "Druk Wide Cyr", sans-serif;
    text-transform: uppercase;
}

.dpo-home-hero-title-line1 {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 0.3em;
    font-size: 26px;
    line-height: 1.1;
    color: #2F444E;
}

.dpo-home-hero-title-line2 {
    font-size: 38px;
    line-height: 34px;
    color: #90C05E;
}

.dpo-home-hero-title-tag {
    flex-shrink: 0;
    padding: 10px;
    border: 2px solid #90C05E;
    border-radius: 32px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    color: #2F444E;
    box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
    .dpo-home-hero-title-line1 {
        font-size: 22px;
    }

    .dpo-home-hero-title-line2 {
        font-size: 32px;
        line-height: 30px;
    }

    .dpo-home-hero-title-tag {
        font-size: 11px;
        padding: 8px;
    }

    .dpo-home-hero-title-row {
        gap: 10px;
    }
}

@media screen and (max-width: 767px) {
    .dpo-home-hero-title {
        gap: 4px;
    }

    .dpo-home-hero-title-row,
    .dpo-home-hero-title-row-top,
    .dpo-home-hero-title-row-bottom {
        display: block;
    }

    .dpo-home-hero-title-tag {
        display: none;
    }

    .dpo-home-hero-title-line1 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0;
        font-size: 16px;
        line-height: 24px;
    }

    .dpo-home-hero-title-line2 {
        font-size: 27px;
        line-height: 30px;
    }
}

.dpo-academy-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 20px;
    transition: all 0.6s ease;
}

.dpo-academy-item {
    position: relative;
    border-radius: 38px;
    padding: 24px;
    font-size: 24px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    line-height: 1.4;
    transition: all 0.5s ease-in-out;
}

.dpo-academy-green {
    position: relative;
    background: #90C05E;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
}

.dpo-academy-green>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.dpo-academy-green:before {
    content: '';
    display: block;
    width: 100%;
    height: 80px;
    background-image: url(/wp-content/themes/dpo/img/main-blocks/napsrf-home-blocks-element1-block-first.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -50px;
    position: absolute;
    left: 0;
    top: 270px;
    transition: all 0.3s;
}

.dpo-academy-green:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/themes/dpo/img/main-blocks/napsrf-home-blocks-element2-block-first.svg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 300px;
    transition: all 0.3s;
}

.dpo-academy-green:hover:before {
    background-position: -5px;
    transform: scale(1.1);
}

.dpo-academy-green:hover:after {
    top: 320px;
    transform: scale(1.2) translateX(20px);
}

.dpo-academy-icon {
    margin-bottom: 40px;
    margin-left: auto;
    transition: all 0.4s ease;
}

.dpo-academy-icon-circle {
    transition: fill 0.4s ease, stroke 0.4s ease;
}

.dpo-academy-icon-arrow {
    transition: stroke 0.4s ease;
}

.dpo-academy-green:hover .dpo-academy-icon {
    transform: scale(1.35);
}

.dpo-academy-green:hover .dpo-academy-icon-circle {
    fill: white;
    stroke: white;
}

.dpo-academy-green:hover .dpo-academy-icon-arrow {
    stroke: #90C05E;
}

.dpo-academy-dark {
    background: #2F444E;
    color: #fff;
}

.dpo-academy-light {
    background: #F4F4F4;
    color: #2F444E;
}

.dpo-academy-white {
    background: #fff;
    border: 3px solid #2F444E;
    text-align: center;
}

.dpo-academy-tall {
    grid-row: span 2;
}

.dpo-academy-tall h3 {
    font-family: 'Druk Wide Cyr';
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
}

.dpo-academy-green h3 {
    line-height: 28px;
}

.dpo-academy-tall h3 span {
    font-size: 24px;
    line-height: 28px;
}

.dpo-academy-tall h3,
.dpo-academy-tall p {
    color: #2F444E;
}

.dpo-academy-tall.dpo-academy-white {
    background-image: url(/wp-content/themes/dpo/img/main-blocks/napsrf-home-blocks-element-block-last.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    text-align: left;
    overflow: hidden;
}

.dpo-academy-grid>.dpo-academy-green h3 {
    color: #fff;
}

.dpo-academy-tall.dpo-academy-white h3 {
    margin-bottom: 8px;
}

.dpo-academy-tall.dpo-academy-white p {
    font-size: 16px;
    line-height: 20px;
}


.dpo-academy-grid>.dpo-academy-green {
    grid-column: 1;
    grid-row: 1 / span 2;
}

.dpo-academy-grid>.dpo-academy-dark:nth-of-type(2) {
    grid-column: 2;
    grid-row: 1;
}

.dpo-academy-grid>.dpo-academy-light:nth-of-type(3) {
    grid-column: 3;
    grid-row: 1;
}

.dpo-academy-grid>.dpo-academy-light:nth-of-type(4) {
    grid-column: 2;
    grid-row: 2;
}

.dpo-academy-grid>.dpo-academy-dark:nth-of-type(5) {
    grid-column: 3;
    grid-row: 2;
}

.dpo-academy-grid>.dpo-academy {
    grid-column: 4;
    grid-row: 1 / span 2;
}

.dpo-academy-grid>.dpo-hover-card {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}

.dpo-academy-tall.dpo-academy-white img {
    margin-top: auto;
    margin-left: auto;
    margin-bottom: -24px;
    margin-right: -40px;
    width: 100%;
    max-width: 90%;
    height: auto;
    align-self: center;
    transition: transform 0.4s ease;
}


.dpo-hover-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 20px;
    transition: all 0.5s ease;
}

.dpo-hover-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    transition: transform 0.5s ease, filter 0.5s ease;
}

.dpo-academy-grid>.dpo-academy-dark:nth-of-type(2):before {
    background-image: url(/wp-content/themes/dpo/img/main-blocks/napsrf-home-blocks-2x2-element-block1.svg);
}

.dpo-academy-grid>.dpo-academy-light:nth-of-type(3):before {
    background-image: url(/wp-content/themes/dpo/img/main-blocks/napsrf-home-blocks-2x2-element-block2.svg);
}

.dpo-academy-grid>.dpo-academy-light:nth-of-type(4):before {
    background-image: url(/wp-content/themes/dpo/img/main-blocks/napsrf-home-blocks-2x2-element-block3.svg);
}

.dpo-academy-grid>.dpo-academy-dark:nth-of-type(5):before {
    background-image: url(/wp-content/themes/dpo/img/main-blocks/napsrf-home-blocks-2x2-element-block4.svg);
}

.dpo-main-text,
.dpo-hover-text {
    position: relative;
    z-index: 1;
    display: block;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.dpo-main-text {
    opacity: 1;
    transform: translateY(0);
    font-weight: 500;
}

.dpo-hover-text {
    opacity: 0;
    transform: translateY(30%);
    font-size: 20px;
    line-height: 1.3;
    position: absolute;
    bottom: 0;
    padding: 0 24px 24px 24px;
    left: 0;
    right: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


@media (hover: hover) {
    .dpo-hover-card:hover::before {
        filter: blur(6px);
        transform: scale(1.15);
    }

    .dpo-hover-card:hover .dpo-main-text {
        opacity: 0;
        transform: translateY(-10px);
        transition: opacity 0.4s ease, transform 0.4s ease;
    }

    .dpo-hover-card:hover .dpo-hover-text {
        opacity: 1;
        transform: translateY(0);
    }
}


@media (max-width: 900px) {
    .dpo-academy-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            "academy academy"
            "dark1 light1"
            "light2 dark2"
            "green green";
    }

    .dpo-academy-grid>.dpo-academy {
        grid-area: academy;
        grid-row: auto;
    }

    .dpo-academy-grid>.dpo-academy-green {
        grid-area: green;
        grid-row: auto;
    }

    .dpo-academy-grid>.dpo-academy-dark:nth-of-type(2) {
        grid-area: dark1;
    }

    .dpo-academy-grid>.dpo-academy-light:nth-of-type(3) {
        grid-area: light1;
    }

    .dpo-academy-grid>.dpo-academy-dark:nth-of-type(5) {
        grid-area: dark2;
    }

    .dpo-academy-grid>.dpo-academy-light:nth-of-type(4) {
        grid-area: light2;
    }

    .dpo-academy-grid>.dpo-hover-card {
        aspect-ratio: 1;
    }

    .dpo-academy-green,
    .dpo-academy {
        width: 100%;
        align-items: left;
        text-align: left;
    }

    .dpo-academy-item {
        opacity: 0;
        transform: translateY(30px);
        animation: dpoFadeIn 0.6s ease forwards;
    }

    .dpo-academy-item:nth-child(1) {
        animation-delay: 0.1s;
    }

    .dpo-academy-item:nth-child(2) {
        animation-delay: 0.2s;
    }

    .dpo-academy-item:nth-child(3) {
        animation-delay: 0.3s;
    }

    .dpo-academy-item:nth-child(4) {
        animation-delay: 0.4s;
    }

    .dpo-academy-item:nth-child(5) {
        animation-delay: 0.5s;
    }

    .dpo-academy-item:nth-child(6) {
        animation-delay: 0.6s;
    }

    .dpo-hover-card {
        cursor: default;
    }

    .dpo-main-text {
        opacity: 1 !important;
        transform: none !important;
        margin-bottom: 6px;
        font-size: 12px;
        line-height: 14px;
        font-weight: 700;
    }

    .dpo-hover-text {
        position: relative;
        padding: 0;
        opacity: 1 !important;
        transform: none !important;
        font-size: 10px;
        line-height: 12px;
        font-weight: 500;
    }

    .dpo-academy-green {
        order: 6
    }

    .dpo-academy-tall.dpo-academy-white {
        display: flex;
        flex-direction: row;
        background-image: url(/wp-content/themes/dpo/img/main-blocks/napsrf-home-blocks-element-block-last-mob.svg);
        background-position: top right;
        background-size: contain;
        height: 150px;
        padding: 14px 24px;
    }

    .dpo-academy-tall.dpo-academy-white img {
        margin-bottom: 0;
        margin-right: 0;
        width: fit-content;
        height: 95%;
        object-fit: contain;
        position: absolute;
        right: 7px;
        bottom: 0;
    }

    .dpo-academy-tall h3 {
        font-size: 24px;
        line-height: 24px;
    }

    .dpo-academy-tall h3 span {
        font-size: 16px;
        line-height: 20px;
    }

    .dpo-academy-tall.dpo-academy-white p {
        font-size: 12px;
        line-height: 14px;
        max-width: 220px;
    }

    .dpo-academy-grid>.dpo-academy-dark:nth-of-type(2):before {
        background-image: url(/wp-content/themes/dpo/img/main-blocks/napsrf-home-blocks-2x2-element-block1-mob.svg);
        background-position: 0 15px;
    }

    .dpo-academy-grid>.dpo-academy-light:nth-of-type(3):before {
        background-image: url(/wp-content/themes/dpo/img/main-blocks/napsrf-home-blocks-2x2-element-block2-mob.svg);
        background-position: 0 15px;
    }

    .dpo-academy-grid>.dpo-academy-light:nth-of-type(4):before {
        background-image: url(/wp-content/themes/dpo/img/main-blocks/napsrf-home-blocks-2x2-element-block3-mob.svg);
        background-position: 0 15px;
    }

    .dpo-academy-grid>.dpo-academy-dark:nth-of-type(5):before {
        background-image: url(/wp-content/themes/dpo/img/main-blocks/napsrf-home-blocks-2x2-element-block4-mob.svg);
        background-position: 0 15px;
    }

    .dpo-academy-green:before {
        background-image: url(/wp-content/themes/dpo/img/main-blocks/napsrf-home-blocks-element1-block-first-mob.svg);
        background-position: left;
        left: 0;
        top: 10px;
    }

    .dpo-academy-grid>.dpo-academy-green h3 {
        font-size: 32px;
        line-height: 26px;
    }

    .dpo-academy-grid>.dpo-academy-green h3 span {
        font-size: 20px;
        line-height: 24px;
    }

}

@keyframes dpoFadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* home section blocks naps */

/* dpo section base */

.dpo-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.dpo-section h2 {
    font-family: "Druk Wide Cyr", sans-serif;
    font-size: 40px;
    line-height: 42px;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
    .dpo-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .dpo-section h2 {
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .dpo-section h2 {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 24px;
    }
}

/* dpo section base */

/* home hero title section */

.dpo-section-home-hero-title {
    padding-top: 40px;
    padding-bottom: 0;
}

@media screen and (max-width: 767px) {
    .dpo-section-home-hero-title {
        padding-top: 20px;
    }
}

/* home hero title section */

/* home section headings */

.dpo-home-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 40px;
}

.dpo-section .dpo-home-section-title {
    margin: 0;
    font-family: "Druk Wide Cyr", sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 42px;
    text-align: left;
    text-transform: uppercase;
    color: #2F444E;
}

.dpo-home-section-head-btn {
    flex-shrink: 0;
}

@media screen and (max-width: 1024px) {
    .dpo-home-section-head {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .dpo-home-section-head {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        margin-bottom: 24px;
    }

    .dpo-section .dpo-home-section-title {
        font-size: 20px;
        line-height: 28px;
    }

    .dpo-home-section-head-btn .dpo-btn-and-arrow-wrapper,
    .dpo-home-section-head-btn .dpo-btn-and-arrow-wrapper a {
        width: 100%;
    }
}

/* home section headings */

/* home about us */

.dpo-home-about {
    position: relative;
    padding-top: 110px;
    padding-bottom: 80px;
}

.dpo-home-about::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url(/wp-content/themes/dpo/img/about-us/napsrf-about-us-element-line.svg);
    background-position: 0 360px;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    margin: 0 -40px;
}

.dpo-home-about::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/themes/dpo/img/about-us/napsrf-about-us-element-petlya.svg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: auto;
    pointer-events: none;
    z-index: 0;
    margin: 0 -40px;
}

.dpo-home-about-head {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 40px;
}

.dpo-home-about-head-main {
    min-width: 0;
}

.dpo-home-about-subtitle {
    margin: 12px 0 0 !important;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #2F444E;
}

.dpo-home-about-intro {
    flex-shrink: 0;
    margin: 0 !important;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #2F444E;
    text-align: right;
}

.dpo-home-about .dpo-section-about-us-stats {
    position: relative;
    z-index: 3;
    margin-bottom: 40px;
}

.dpo-home-about .dpo-section-about-us-stats .dpo-about-us-stats {
    margin-bottom: 0;
}

.dpo-home-about-form-block {
    position: relative;
    max-width: 920px;
    margin: 0 auto;
}

.dpo-home-about-form-bg {
    position: absolute;
    inset: 0;
    border-radius: 50px;
    background-color: #2F444E;
    z-index: 1;
}

.dpo-home-about-form-inner {
    position: relative;
    z-index: 3;
    padding: 68px 170px 58px 56px;
}

.dpo-home-about-form-title {
    max-width: 720px;
    margin: 0 0 32px;
    font-family: "Druk Wide Cyr", sans-serif;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
}

.dpo-home-about-form-content {
    position: relative;
    max-width: 520px;
}

.dpo-home-about-form-fields {
    box-shadow: none;
    padding: 0;
    gap: 12px;
}

.dpo-home-about-form-fields.dpo-cf7-form-wrapper input[type=text],
.dpo-home-about-form-fields.dpo-cf7-form-wrapper input[type=email],
.dpo-home-about-form-fields.dpo-cf7-form-wrapper input[type=tel] {
    background: #EEEEEE;
    border: none;
    border-radius: 20px;
}

.dpo-home-about-form-visual {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: min(30%, 420px);
    pointer-events: none;
}

.dpo-home-about-form-glow {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.dpo-home-about-form-man {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media screen and (max-width: 1024px) {
    .dpo-home-about {
        padding-top: 80px;
        padding-bottom: 100px;
    }

    .dpo-home-about-head {
        margin-bottom: 30px;
        gap: 24px;
    }

    .dpo-home-about-subtitle,
    .dpo-home-about-intro {
        font-size: 16px;
        line-height: 22px;
    }

    .dpo-home-about .dpo-section-about-us-stats {
        margin-bottom: 30px;
    }

    .dpo-home-about-form-inner {
        padding: 48px 140px 48px 40px;
    }

    .dpo-home-about-form-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 24px;
    }

    .dpo-home-about-form-visual {
        width: min(38%, 320px);
    }
}

@media screen and (max-width: 767px) {
    .dpo-home-about {
        padding-top: 50px;
        padding-bottom: 100px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .dpo-home-about::before {
        background-image: url(/wp-content/themes/dpo/img/about-us/napsrf-about-us-element-line-mob.svg);
        background-position: 0 100%;
        margin: 0;
    }

    .dpo-home-about::after {
        margin: 0;
    }

    .dpo-home-about-head {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 24px;
    }

    .dpo-home-about-intro {
        max-width: none;
        width: 100%;
        text-align: right;
    }

    .dpo-home-about .dpo-section-about-us-stats {
        margin-bottom: 24px;
    }

    .dpo-home-about-form-inner {
        padding: 32px 20px 300px;
    }

    .dpo-home-about-form-title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .dpo-home-about-form-content {
        max-width: none;
    }

    .dpo-home-about-form-visual {
        width: min(100%, 320px);
    }
}

/* home about us */

/* about us stats */

.dpo-section-about-us-stats .dpo-about-us-stats {
    margin-bottom: 40px;
}

.dpo-section-about-us-stats .dpo-btn-and-arrow-wrapper {
    display: flex;
    justify-content: center;
}

.dpo-about-us-stats-desc {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 28px;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .dpo-section-about-us-stats .dpo-about-us-stats {
        margin-bottom: 20px;
    }

    .dpo-about-us-stats-desc {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .dpo-about-us-stats-desc {
        font-weight: 500;
        text-align: left;
    }
}

.dpo-about-us-stats {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px 40px;
    flex-wrap: wrap;
}

.dpo-about-us-stat-item {
    position: relative;
    padding: 0 25px 0 0;
    background: #90C05E;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    display: flex;
    align-items: stretch;
    gap: 15px;
}

.dpo-about-us-stat-number {
    font-size: 24px;
    line-height: 32px;
    color: #2F444E;
    padding: 10px 25px;
    background: #D1F38F;
    border-radius: 50px;
    white-space: nowrap;
    height: auto;
    display: inline-flex;
    align-items: center;
}

.dpo-about-us-stat-text {
    padding: 5px;
    height: auto;
    display: inline-flex;
    align-items: center;
}

@media screen and (max-width:767px) {
    .dpo-about-us-stats {
        gap: 12px;
    }

    .dpo-about-us-stat-item {
        justify-content: space-between;
        width: 100%;
        text-align: right;
    }
}

/* about us stats */

/* about org info */

.dpo-section-about-org {
    background-image: url(/wp-content/themes/dpo/img/about-us/dpo-about-section1-vector.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: repeat-x;
}

.dpo-about-org {
    position: relative;
}

.dpo-about-org-banner {
    position: relative;
    margin-bottom: 40px;
    padding-top: 50px;
}

.dpo-about-org-banner-photo {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 260px;
    max-width: 34%;
    pointer-events: none;
}

.dpo-about-org-banner-photo img {
    display: block;
    width: 100%;
    height: auto;
}

.dpo-about-org-banner-inner {
    position: relative;
    z-index: 1;
    margin-left: 170px;
    padding: 36px 48px 36px 120px;
    background: #90C05E;
    border-radius: 0 50px 50px 0;
    color: #fff;
}

.dpo-about-org-banner-content {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px 40px;
}

.dpo-about-org-banner-item {
    min-width: 0;
}

.dpo-about-org-banner-label {
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 4px;
    border-bottom: 1px solid #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.dpo-about-org-banner-text {
    margin: 0 !important;
}

.dpo-about-org-details {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dpo-about-org-detail-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.dpo-about-org-detail-label,
.dpo-about-org-detail-value {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 100px;
    border-radius: 30px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
    box-sizing: border-box;
}

.dpo-about-org-detail-label {
    background: #2F444E;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.dpo-about-org-detail-value {
    background: #fff;
    border: 2px solid #2F444E;
    color: #2F444E;
}

.dpo-about-org-detail-value a {
    color: inherit;
    text-decoration: none;
}

.dpo-about-org-detail-value a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1024px) {
    .dpo-about-org-banner {
        margin-bottom: 30px;
    }

    .dpo-about-org-banner-photo {
        width: 200px;
        max-width: 40%;
    }

    .dpo-about-org-banner-inner {
        margin-left: 120px;
        padding: 28px 32px 28px 90px;
    }

    .dpo-about-org-banner-content {
        gap: 20px 24px;
    }

    .dpo-about-org-banner-label,
    .dpo-about-org-banner-text {
        font-size: 14px;
        line-height: 20px;
    }

    .dpo-about-org-detail-label,
    .dpo-about-org-detail-value {
        min-height: 64px;
        padding: 14px 20px;
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (max-width: 767px) {
    .dpo-section-about-org {
        background-image: none;
    }

    .dpo-about-org-banner {
        margin-bottom: 24px;
        padding-top: 0;
    }

    .dpo-about-org-banner-photo {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 150px;
        max-width: 45%;
    }

    .dpo-about-org-banner-inner {
        margin-left: 0;
        padding: 24px 20px 24px 130px;
        border-radius: 30px;
    }

    .dpo-about-org-banner-content {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 18px;
        text-align: right;
    }

    .dpo-about-org-banner-item {
        max-width: 100%;
    }

    .dpo-about-org-banner-label {
        font-size: 14px;
        line-height: 18px;
    }

    .dpo-about-org-banner-text {
        font-size: 14px;
        line-height: 18px;
    }

    .dpo-about-org-details {
        gap: 12px;
    }

    .dpo-about-org-detail-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .dpo-about-org-detail-label,
    .dpo-about-org-detail-value {
        min-height: auto;
        border-radius: 30px;
        padding: 14px 18px;
        font-size: 14px;
        line-height: 20px;
    }

    .dpo-about-org-detail-label {
        font-weight: 600;
    }

    .dpo-about-org-detail-value {
        font-weight: 500;
    }
}

/* about org info */

/* about edu info + accordion single */

.dpo-about-edu-info {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.dpo-about-info-block {
    background-color: #90C05E;
    padding: 24px;
    border-radius: 35px;
}

.dpo-about-info-block-title {
    margin: 0 0 20px;
    font-family: "Druk Wide Cyr", sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 22px;
    color: #FFFFFF;
    text-align: center;
}

.dpo-about-info-block-inner {
    max-width: 1128px;
    margin: 0 auto;
    padding: 24px 54px;
    border-radius: 20px;
    background: #fff;
    color: #2F444E;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    box-sizing: border-box;
}

.dpo-about-info-block-inner p {
    margin: 0 0 16px;
}

.dpo-about-info-block-inner p:last-child {
    margin-bottom: 0;
}

.dpo-accordion-single {
    border-radius: 50px;
    background: #2F444E;
    color: #fff;
    overflow: hidden;
}

.dpo-accordion-single--theme-light {
    background: #D1F38F;
    color: #2F444E;
}

.dpo-accordion-single--theme-light .dpo-accordion-single-content-inner a {
    color: #2F444E;
    text-decoration: underline;
}

.dpo-accordion-single-trigger {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
    box-sizing: border-box;
    padding: 24px 32px;
    gap: 16px;
}

.dpo-accordion-single--center .dpo-accordion-single-trigger::before {
    content: '';
    flex-shrink: 0;
    width: 43px;
}

.dpo-accordion-single--center .dpo-accordion-single-trigger {
    justify-content: center;
}

.dpo-accordion-single--center .dpo-accordion-single-title {
    flex: 1;
    font-family: "Druk Wide Cyr", sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.dpo-accordion-single--left .dpo-accordion-single-trigger {
    justify-content: space-between;
}

.dpo-accordion-single--left .dpo-accordion-single-title {
    flex: 1;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-transform: none;
    text-align: left;
}

.dpo-accordion-single-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex-shrink: 0;
}

.dpo-accordion-single-chevron {
    display: block;
    width: 43px;
    height: 43px;
    flex-shrink: 0;
    transform-origin: center center;
    transition: transform 0.35s ease;
}

.dpo-accordion-single.is-open .dpo-accordion-single-chevron {
    transform: rotate(180deg);
}

.dpo-accordion-single-panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
}

.dpo-accordion-single.is-open .dpo-accordion-single-panel {
    grid-template-rows: 1fr;
}

.dpo-accordion-single-content {
    min-height: 0;
    overflow: hidden;
}

.dpo-accordion-single-content-inner {
    padding: 0 60px 60px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.dpo-accordion-single-content-inner p {
    margin: 0 0 16px;
}

.dpo-accordion-single-content-inner p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .dpo-about-info-block {
        padding: 28px;
        border-radius: 30px;
    }

    .dpo-about-info-block-title {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 16px;
    }

    .dpo-about-info-block-inner {
        padding: 24px;
        border-radius: 20px;
    }

    .dpo-accordion-single {
        border-radius: 40px;
    }

    .dpo-accordion-single--center .dpo-accordion-single-trigger::before {
        width: 40px;
    }

    .dpo-accordion-single--center .dpo-accordion-single-trigger,
    .dpo-accordion-single--left .dpo-accordion-single-trigger {
        padding: 20px 15px;
    }

    .dpo-accordion-single--center .dpo-accordion-single-title {
        font-size: 14px;
        line-height: 20px;
    }

    .dpo-accordion-single--left .dpo-accordion-single-title {
        font-size: 14px;
        line-height: 20px;
    }

    .dpo-accordion-single-icon {
        width: 40px;
        height: 40px;
    }

    .dpo-accordion-single-chevron {
        width: 40px;
        height: 40px;
    }

    .dpo-accordion-single-content-inner {
        padding: 0 15px 30px;
    }
}

/* about edu info + accordion single */

/* about anti terror */

.dpo-about-anti-terror-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
    align-items: stretch;
}

.dpo-about-anti-terror-col-image img {
    display: block;
    width: 100%;
    height: auto;
}

.dpo-about-anti-terror-col-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: right;
}

.dpo-about-anti-terror-intro {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.dpo-about-anti-terror-date {
    color: #90C05E;
}

.dpo-about-anti-terror-subtitle {
    margin: 0 0 12px;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase;
    color: #2F444E;
}

.dpo-about-anti-terror-main-btn {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.dpo-about-anti-terror-buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.dpo-about-anti-terror-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 20px;
    border-radius: 20px;
    background-color: #D1F38F;
    color: #2F444E;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    box-sizing: border-box;
}

.dpo-about-anti-terror-btn:hover,
.dpo-about-anti-terror-btn:focus {
    background-color: #2F444E;
    color: #FFFFFF;
}

.dpo-about-anti-terror-btn-wide {
    grid-column: 1 / -1;
}

.dpo-about-anti-terror-accordion {
    margin-top: 50px;
}

.dpo-about-anti-terror-acc-title {
    margin: 24px 0 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.dpo-about-anti-terror-acc-btn {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.dpo-about-anti-terror-acc-report {
    margin: 24px 0 0;
    text-align: center;
}

.dpo-accordion-single-content-inner .dpo-acc-cnt-btn-light {
    display: inline-block;
    background: #D1F38F;
    color: #2F444E;
    border-radius: 20px;
    padding: 12px 24px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    border: 2px solid #D1F38F;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.dpo-accordion-single-content-inner .dpo-acc-cnt-btn-light:hover,
.dpo-accordion-single-content-inner .dpo-acc-cnt-btn-light:focus {
    background: #fff;
    color: #2F444E;
    border-color: #2F444E;
}

.dpo-accordion-single-content-inner ul {
    margin: 0 0 16px;
    padding-left: 20px;
}

.dpo-accordion-single-content-inner li {
    margin-bottom: 8px;
}

.dpo-accordion-single-content-inner li:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
    .dpo-about-anti-terror-grid {
        gap: 30px;
    }
}

@media screen and (max-width: 767px) {
    .dpo-about-anti-terror-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .dpo-about-anti-terror-col-content {
        justify-content: flex-start;
        text-align: left;
    }

    .dpo-about-anti-terror-subtitle {
        font-size: 20px;
        line-height: 24px;
    }

    .dpo-about-anti-terror-main-btn {
        justify-content: flex-start;
    }

    .dpo-about-anti-terror-main-btn .dpo-btn-and-arrow-wrapper,
    .dpo-about-anti-terror-main-btn .dpo-btn-and-arrow-wrapper a {
        width: 100%;
    }

    .dpo-about-anti-terror-buttons {
        grid-template-columns: 1fr;
    }

    .dpo-about-anti-terror-btn-wide {
        grid-column: auto;
    }

    .dpo-about-anti-terror-btn {
        font-size: 16px;
        line-height: 22px;
    }

    .dpo-about-anti-terror-accordion {
        margin-top: 30px;
    }

    .dpo-about-anti-terror-acc-btn .dpo-btn-and-arrow-wrapper,
    .dpo-about-anti-terror-acc-btn .dpo-btn-and-arrow-wrapper a {
        width: 100%;
    }
}

/* about anti terror */

/* about intl coop */

.dpo-about-intl-coop-block {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    padding: 26px 40px;
    background-color: #D1F38F;
    border-radius: 50px;
    color: #2F444E;
}

.dpo-about-intl-coop-block p {
    margin: 0;
}

@media screen and (max-width: 767px) {
    .dpo-about-intl-coop-block {
        font-size: 12px;
        line-height: 16px;
        padding: 20px 24px 10px;
        border-radius: 40px;
    }
}

/* about intl coop */

/* about facilities */

.dpo-about-facilities-blocks {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dpo-about-info-text-block {
    background-color: #D1F38F;
    padding: 40px 300px 40px 40px;
    border-radius: 60px;
    font-size: 20px;
    line-height: 24px;
    color: #2F444E;
    box-sizing: border-box;
}

.dpo-about-info-text-block p {
    margin: 0 0 16px;
}

.dpo-about-info-text-block p:last-child {
    margin-bottom: 0;
}

.dpo-about-info-text-block strong {
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .dpo-about-facilities-blocks {
        gap: 16px;
    }

    .dpo-about-info-text-block {
        padding: 20px 24px;
        border-radius: 40px;
        font-size: 12px;
        line-height: 16px;
    }
}

/* about facilities */

/* about oferta + doc teaser */

.dpo-about-doc-teaser {
    background-color: #D1F38F;
    padding: 56px 52px 32px;
    border-radius: 50px;
    color: #2F444E;
    box-sizing: border-box;
}

.dpo-about-doc-teaser-text {
    position: relative;
    max-height: 168px;
    margin-bottom: 24px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
}

.dpo-about-doc-teaser-text h1,
.dpo-about-doc-teaser-text h2,
.dpo-about-doc-teaser-text h3,
.dpo-about-doc-teaser-text h4,
.dpo-about-doc-teaser-text h5,
.dpo-about-doc-teaser-text h6 {
    margin: 0 0 16px;
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
    text-align: left;
    text-transform: none;
}

.dpo-about-doc-teaser-text::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    background: linear-gradient(180deg, rgba(209, 243, 143, 0) 0%, #D1F38F 100%);
    pointer-events: none;
}

.dpo-about-doc-teaser-text p,
.dpo-about-doc-teaser-text ul,
.dpo-about-doc-teaser-text ol {
    margin: 0 0 16px;
}

.dpo-about-doc-teaser-text p:last-child,
.dpo-about-doc-teaser-text ul:last-child,
.dpo-about-doc-teaser-text ol:last-child {
    margin-bottom: 0;
}

.dpo-about-doc-teaser-text ul,
.dpo-about-doc-teaser-text ol {
    padding-left: 20px;
}

.dpo-about-doc-teaser-btn {
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 767px) {
    .dpo-about-doc-teaser {
        padding: 20px 24px;
        border-radius: 40px;
    }

    .dpo-about-doc-teaser-text {
        max-height: 108px;
        margin-bottom: 16px;
        font-size: 12px;
        line-height: 18px;
    }

    .dpo-about-doc-teaser-text::after {
        height: 48px;
    }

    .dpo-about-doc-teaser-btn .dpo-btn-and-arrow-wrapper,
    .dpo-about-doc-teaser-btn .dpo-btn-and-arrow-wrapper a {
        width: 100%;
    }
}

/* about oferta + doc teaser */

/* about payment */

.dpo-about-payment-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dpo-section-about-payment .dpo-service-pay {
    margin: 0;
}

.dpo-about-payment-intro,
.dpo-about-payment-note {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #2F444E;
}

.dpo-about-payment-intro {
    margin: 0;
}

.dpo-about-payment-note p {
    margin: 0 0 16px;
}

.dpo-about-payment-note p:last-child {
    margin-bottom: 0;
}

.dpo-about-payment-cards {
    display: block;
    max-width: 200px;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 767px) {
    .dpo-about-payment-content {
        gap: 16px;
    }

    .dpo-about-payment-intro,
    .dpo-about-payment-note {
        font-size: 12px;
        line-height: 18px;
    }
}

/* about payment */

/* about rekvizity */

.dpo-about-rekvizity-download-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.dpo-about-rekvizity-download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    border: 2px solid #2F444E;
    border-radius: 30px;
    background-color: #D1F38F;
    color: #2F444E;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    transition: background-color 0.3s ease, color 0.3s ease;
    box-sizing: border-box;
}

.dpo-about-rekvizity-download:hover,
.dpo-about-rekvizity-download:focus {
    background-color: #2F444E;
    color: #FFFFFF;
}

.dpo-about-rekvizity-card {
    padding: 40px 48px 32px;
    border-radius: 50px;
    background-color: #2F444E;
    color: #FFFFFF;
    box-sizing: border-box;
}

.dpo-about-rekvizity-rows {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: 168px;
    margin-bottom: 32px;
    overflow: hidden;
}

.dpo-about-rekvizity-rows::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    background: linear-gradient(180deg, rgba(47, 68, 78, 0) 0%, #2F444E 100%);
    pointer-events: none;
}

.dpo-about-rekvizity-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.dpo-about-rekvizity-label,
.dpo-about-rekvizity-value {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 72px;
    padding: 16px 32px;
    border-radius: 30px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
    box-sizing: border-box;
}

.dpo-about-rekvizity-label {
    background-color: #D1F38F;
    color: #2F444E;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.dpo-about-rekvizity-value {
    background-color: #FFFFFF;
    color: #2F444E;
}

.dpo-about-rekvizity-btn {
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 1024px) {
    .dpo-about-rekvizity-download-wrap {
        margin-bottom: 30px;
    }

    .dpo-about-rekvizity-card {
        padding: 32px 32px 24px;
    }

    .dpo-about-rekvizity-label,
    .dpo-about-rekvizity-value {
        font-size: 14px;
        line-height: 20px;
        padding: 14px 20px;
        min-height: 0;
    }

    .dpo-about-rekvizity-label {
        font-size: 16px;
        line-height: 22px;
    }
}

@media screen and (max-width: 767px) {
    .dpo-about-rekvizity-download {
        width: 100%;
        max-width: 320px;
        font-size: 14px;
        line-height: 18px;
        padding: 10px 24px;
    }

    .dpo-about-rekvizity-card {
        padding: 20px 24px;
        border-radius: 40px;
    }

    .dpo-about-rekvizity-rows {
        gap: 12px;
        max-height: 108px;
        margin-bottom: 20px;
    }

    .dpo-about-rekvizity-rows::after {
        height: 48px;
    }

    .dpo-about-rekvizity-row {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .dpo-about-rekvizity-label,
    .dpo-about-rekvizity-value {
        font-size: 12px;
        line-height: 16px;
        padding: 12px 16px;
        border-radius: 20px;
    }

    .dpo-about-rekvizity-label {
        font-size: 12px;
        line-height: 16px;
    }

    .dpo-about-rekvizity-btn .dpo-btn-and-arrow-wrapper,
    .dpo-about-rekvizity-btn .dpo-btn-and-arrow-wrapper a {
        width: 100%;
    }
}

/* about rekvizity */

/* about edo */

.dpo-about-edo-actions {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
}

.dpo-about-edo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 280px;
    padding: 12px 32px;
    border: 2px solid #2F444E;
    border-radius: 30px;
    background: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    box-sizing: border-box;
    font-family: inherit;
}

.dpo-about-edo-btn-download {
    background-color: #D1F38F;
    color: #2F444E;
}

.dpo-about-edo-btn-download:hover,
.dpo-about-edo-btn-download:focus {
    background-color: #2F444E;
    color: #FFFFFF;
}

.dpo-about-edo-btn-toggle {
    background-color: #2F444E;
    color: #FFFFFF;
}

.dpo-about-edo-btn-toggle:hover,
.dpo-about-edo-btn-toggle:focus {
    background-color: #D1F38F;
    color: #2F444E;
}

#dpo_edo_block {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease;
}

#dpo_edo_block.visible {
    opacity: 1;
    height: auto;
    margin-top: 40px;
}

.dpo-about-edo-info p {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #2F444E;
    text-align: center;
}

.dpo-about-edo-info p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
    #dpo_edo_block.visible {
        margin-top: 30px;
    }

    .dpo-about-edo-info p {
        font-size: 16px;
        line-height: 22px;
    }
}

@media screen and (max-width: 767px) {
    .dpo-about-edo-actions {
        gap: 12px;
    }

    .dpo-about-edo-btn {
        width: 100%;
        max-width: 320px;
        min-width: 0;
        font-size: 14px;
        line-height: 18px;
        padding: 10px 24px;
    }

    #dpo_edo_block.visible {
        margin-top: 24px;
    }

    .dpo-about-edo-info p {
        font-size: 12px;
        line-height: 16px;
    }
}

/* about edo */

/* about finance */

.dpo-about-finance-subtitle {
    max-width: 920px;
    margin: -30px auto 40px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #2F444E;
    text-align: center;
}

.dpo-about-finance-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dpo-about-finance-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 32px;
    background-color: #D1F38F;
    border-radius: 50px;
    color: #2F444E;
    box-sizing: border-box;
}

.dpo-about-finance-text {
    margin: 0;
    flex: 1 1 auto;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}

.dpo-about-finance-value {
    flex: 0 0 auto;
    min-width: 120px;
    padding: 20px 24px;
    background-color: #FFFFFF;
    border-radius: 50px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .dpo-about-finance-subtitle {
        margin: -20px auto 30px;
        font-size: 16px;
        line-height: 22px;
    }

    .dpo-about-finance-item {
        padding: 20px 24px;
        gap: 16px;
    }

    .dpo-about-finance-text {
        font-size: 16px;
        line-height: 22px;
    }

    .dpo-about-finance-value {
        min-width: 96px;
        padding: 14px 18px;
        font-size: 20px;
        line-height: 20px;
    }
}

@media screen and (max-width: 767px) {
    .dpo-about-finance-subtitle {
        margin: -16px auto 24px;
        font-size: 12px;
        line-height: 16px;
    }

    .dpo-about-finance-list {
        gap: 12px;
    }

    .dpo-about-finance-item {
        flex-direction: column;
        align-items: stretch;
        padding: 20px 24px;
        border-radius: 40px;
        gap: 12px;
    }

    .dpo-about-finance-text {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
    }

    .dpo-about-finance-value {
        width: 100%;
        min-width: 0;
        padding: 12px 16px;
        font-size: 16px;
        line-height: 16px;
    }
}

/* about finance */

/* btn and arrow */

.dpo-btn-and-arrow-wrapper a {
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

.dpo-btn-and-arrow-wrapper a span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2F444E;
    border: 2px solid #2F444E;
    border-radius: 30px;
    transition: all 0.3s;
}

.dpo-btn-and-arrow-btn {
    padding: 8px 40px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    text-transform: lowercase;
}

.dpo-btn-and-arrow-arrow {
    padding: 9px 15px;
}

.dpo-btn-and-arrow-wrapper a:hover span {
    background: #fff;
    color: #2F444E;
}

.dpo-btn-and-arrow-wrapper a:hover svg path {
    fill: #2F444E;
}

.dpo-btn-and-arrow-wrapper.type-light a span {
    background: #FFF;
    border: 2px solid #2F444E;
    color: #2F444E;
}

.dpo-btn-and-arrow-wrapper.type-light a:hover {
    opacity: 0.7;
}

@media screen and (max-width:767px) {


    .dpo-btn-and-arrow-wrapper,
    .dpo-btn-and-arrow-wrapper a {
        width: 100%;
    }

    .dpo-btn-and-arrow-btn {
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
        padding: 5px 30px;
        min-width: 150px;
        width: 100%;
    }

    .dpo-btn-and-arrow-arrow {
        padding: 3px 10px;
    }

    .dpo-btn-all-courses .dpo-btn-and-arrow-arrow {
        display: none;
    }

}

/* btn and arrow */


/* btn and arrow */

.dpo-btn-arrow-wrapper {
    position: relative;
    max-width: 370px;
}

.dpo-btn-arrow-wrapper a {
    display: inline-flex;
    align-items: center;
    width: 100%;
}

.dpo-btn-arrow-wrapper a .dpo-btn-arrow-btn,
.dpo-btn-arrow-wrapper a .dpo-btn-arrow-arrow {
    display: inline-flex;
    align-items: center;
    background: #2F444E;
    border-radius: 30px;
    transition: all 0.3s;
}

.dpo-btn-arrow-wrapper a .dpo-btn-arrow-arrow {
    position: absolute;
    right: 0;
}

.dpo-btn-arrow-btn {
    padding: 8px 30px;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    width: calc(100% - 48px);
    justify-content: center;
}

.dpo-btn-arrow-wrapper.light .dpo-btn-arrow-btn,
.dpo-btn-arrow-wrapper.light .dpo-btn-arrow-arrow {
    background: #fff;
    color: #2F444E;
}

.dpo-btn-arrow-line {
    display: flex;
    align-items: center;
    margin: 0 -4px;
    position: absolute;
    right: 34px;
}

.dpo-btn-arrow-arrow {
    padding: 9px;
}

.dpo-btn-arrow-wrapper .dpo-btn-arrow-line svg path {
    transition: all 0.3s;
}

.dpo-btn-arrow-wrapper a:hover span:not(.dpo-btn-arrow-line) {
    background: #fff;
    color: #2F444E;
}

.dpo-btn-arrow-wrapper a:hover .dpo-btn-arrow-line svg path {
    fill: #fff;
    stroke: #fff;
}

.dpo-btn-arrow-wrapper a:hover .dpo-btn-arrow-arrow svg path {
    fill: #2F444E;
}

.dpo-btn-arrow-wrapper.light .dpo-btn-arrow-line svg path {
    fill: #fff;
    stroke: #fff;
}

.dpo-btn-arrow-wrapper.light .dpo-btn-arrow-arrow svg path {
    fill: #2F444E;
}

.dpo-btn-arrow-wrapper.light a:hover span:not(.dpo-btn-arrow-line) {
    background: #2F444E;
    color: #fff;
}

.dpo-btn-arrow-wrapper.light a:hover .dpo-btn-arrow-line svg path {
    fill: #2F444E;
    stroke: #2F444E;
}

.dpo-btn-arrow-wrapper.light a:hover .dpo-btn-arrow-arrow svg path {
    fill: #fff;
}

@media screen and (max-width:767px) {

    .dpo-btn-arrow-btn {
        font-size: 12px;
        line-height: 16px;
        padding: 8px 10px;
    }
}

/* btn and arrow */


/* image zoom */

.dpo-image-zoom a,
.dpo-image-zoom__trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    overflow: hidden;
    border-radius: 8px;
    background: none;
    cursor: pointer;
    text-align: left;
}

.dpo-image-zoom img {
    display: block;
    width: 100%;
    height: auto;
}

.dpo-image-zoom a:before,
.dpo-image-zoom__trigger:before {
    content: '';
    width: 50px;
    height: 50px;
    display: block;
    background-image: url(/wp-content/themes/dpo/img/dpo-icon-zoom.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    opacity: 0;
}

.dpo-image-zoom a:hover:before,
.dpo-image-zoom__trigger:hover:before {
    opacity: 1;
}

.dpo-image-zoom a:hover img,
.dpo-image-zoom__trigger:hover img {
    filter: blur(3px);
}

/* image zoom */


/* dpo carousel docs */

.dpo-carousel-docs {
    position: relative;
    padding-bottom: 60px;
    overflow: hidden;
}

.dpo-carousel-docs .swiper-slide {
    height: auto;
}

.dpo-carousel-docs-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dpo-carousel-docs-caption {
    margin-top: 16px;
    font-size: 14px;
    line-height: 18px;
    color: #2F444E;
    text-align: center;
}

.dpo-carousel-docs img {
    max-height: 450px;
    object-fit: cover;
    aspect-ratio: 16 / 11;
}

.dpo-carousel-docs .elementor-swiper-button {
    width: 61px;
    height: 45px;
    padding: 10px;
    border-radius: 30px;
    align-items: center;
    justify-content: center;
    background: #2F444E;
    border: 2px solid #2F444E;
    bottom: 0;
    top: auto !important;
    transform: none !important;
    cursor: pointer;
    margin: 0;
}


.dpo-carousel-docs .elementor-swiper-button svg {
    display: none;
}

.dpo-carousel-docs .swiper-button-next:after,
.dpo-carousel-docs .swiper-rtl .swiper-button-prev:after,
.dpo-carousel-docs .elementor-swiper-button-next:after,
.dpo-carousel-docs .elementor-swiper-button-prev:after {
    display: none !important;
}


.dpo-carousel-docs .elementor-swiper-button-next {
    right: calc(50% - 73px) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 13.5L27.7071 12.7929L28.4142 13.5L27.7071 14.2071L27 13.5ZM18.2071 23.7071C17.8166 24.0976 17.1834 24.0976 16.7929 23.7071C16.4024 23.3166 16.4024 22.6834 16.7929 22.2929L17.5 23L18.2071 23.7071ZM3.25 14.5C2.69772 14.5 2.25 14.0523 2.25 13.5C2.25 12.9477 2.69772 12.5 3.25 12.5V13.5V14.5ZM16.7929 4.70711C16.4024 4.31658 16.4024 3.68342 16.7929 3.29289C17.1834 2.90237 17.8166 2.90237 18.2071 3.29289L17.5 4L16.7929 4.70711ZM27 13.5L27.7071 14.2071L18.2071 23.7071L17.5 23L16.7929 22.2929L26.2929 12.7929L27 13.5ZM27 13.5V14.5H3.25V13.5V12.5H27V13.5ZM17.5 4L18.2071 3.29289L22.9571 8.04289L22.25 8.75L21.5429 9.45711L16.7929 4.70711L17.5 4ZM22.25 8.75L22.9571 8.04289L27.7071 12.7929L27 13.5L26.2929 14.2071L21.5429 9.45711L22.25 8.75Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 31px;
    background-position: center;
}

.dpo-carousel-docs .elementor-swiper-button-prev {
    left: calc(50% - 73px) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13.5L3.29289 12.7929L2.58579 13.5L3.29289 14.2071L4 13.5ZM12.7929 23.7071C13.1834 24.0976 13.8166 24.0976 14.2071 23.7071C14.5976 23.3166 14.5976 22.6834 14.2071 22.2929L13.5 23L12.7929 23.7071ZM27.75 14.5C28.3023 14.5 28.75 14.0523 28.75 13.5C28.75 12.9477 28.3023 12.5 27.75 12.5V13.5V14.5ZM14.2071 4.70711C14.5976 4.31658 14.5976 3.68342 14.2071 3.29289C13.8166 2.90237 13.1834 2.90237 12.7929 3.29289L13.5 4L14.2071 4.70711ZM4 13.5L3.29289 14.2071L12.7929 23.7071L13.5 23L14.2071 22.2929L4.70711 12.7929L4 13.5ZM4 13.5V14.5H27.75V13.5V12.5H4V13.5ZM13.5 4L12.7929 3.29289L8.04289 8.04289L8.75 8.75L9.45711 9.45711L14.2071 4.70711L13.5 4ZM8.75 8.75L8.04289 8.04289L3.29289 12.7929L4 13.5L4.70711 14.2071L9.45711 9.45711L8.75 8.75Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 31px;
    background-position: center;
}

.dpo-carousel-docs .elementor-swiper-button:hover {
    background: #fff;
    border: 2px solid #2F444E;
}

.dpo-carousel-docs .elementor-swiper-button-next:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 13.5L27.7071 12.7929L28.4142 13.5L27.7071 14.2071L27 13.5ZM18.2071 23.7071C17.8166 24.0976 17.1834 24.0976 16.7929 23.7071C16.4024 23.3166 16.4024 22.6834 16.7929 22.2929L17.5 23L18.2071 23.7071ZM3.25 14.5C2.69772 14.5 2.25 14.0523 2.25 13.5C2.25 12.9477 2.69772 12.5 3.25 12.5V13.5V14.5ZM16.7929 4.70711C16.4024 4.31658 16.4024 3.68342 16.7929 3.29289C17.1834 2.90237 17.8166 2.90237 18.2071 3.29289L17.5 4L16.7929 4.70711ZM27 13.5L27.7071 14.2071L18.2071 23.7071L17.5 23L16.7929 22.2929L26.2929 12.7929L27 13.5ZM27 13.5V14.5H3.25V13.5V12.5H27V13.5ZM17.5 4L18.2071 3.29289L22.9571 8.04289L22.25 8.75L21.5429 9.45711L16.7929 4.70711L17.5 4ZM22.25 8.75L22.9571 8.04289L27.7071 12.7929L27 13.5L26.2929 14.2071L21.5429 9.45711L22.25 8.75Z' fill='%232F444E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 31px;
    background-position: center;
}

.dpo-carousel-docs .elementor-swiper-button-prev:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13.5L3.29289 12.7929L2.58579 13.5L3.29289 14.2071L4 13.5ZM12.7929 23.7071C13.1834 24.0976 13.8166 24.0976 14.2071 23.7071C14.5976 23.3166 14.5976 22.6834 14.2071 22.2929L13.5 23L12.7929 23.7071ZM27.75 14.5C28.3023 14.5 28.75 14.0523 28.75 13.5C28.75 12.9477 28.3023 12.5 27.75 12.5V13.5V14.5ZM14.2071 4.70711C14.5976 4.31658 14.5976 3.68342 14.2071 3.29289C13.8166 2.90237 13.1834 2.90237 12.7929 3.29289L13.5 4L14.2071 4.70711ZM4 13.5L3.29289 14.2071L12.7929 23.7071L13.5 23L14.2071 22.2929L4.70711 12.7929L4 13.5ZM4 13.5V14.5H27.75V13.5V12.5H4V13.5ZM13.5 4L12.7929 3.29289L8.04289 8.04289L8.75 8.75L9.45711 9.45711L14.2071 4.70711L13.5 4ZM8.75 8.75L8.04289 8.04289L3.29289 12.7929L4 13.5L4.70711 14.2071L9.45711 9.45711L8.75 8.75Z' fill='%232F444E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 31px;
    background-position: center;
}

@media screen and (max-width:767px) {
    .dpo-carousel-docs .elementor-swiper-button {
        height: 32px;
    }

    .dpo-carousel-docs .elementor-swiper-button-next,
    .dpo-carousel-docs .elementor-swiper-button-prev {
        background-size: 25px;
    }
}


/* dpo carousel docs */


/* lightbox */

.dialog-lightbox-widget:not(#elementor-lightbox-slideshow-04a94d2) .elementor-slideshow__footer {
    display: none;
}

.dialog-lightbox-widget .dialog-lightbox-widget-content {
    background: #2F444E !important;
    border-radius: 50px;
    max-width: 90%;
    max-height: 90%;
    /*margin: auto;*/
}

.dialog-lightbox-widget .dialog-lightbox-widget-content:after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='884' height='241' viewBox='0 0 884 241' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-38 3.30908C-6.5 93.1424 194.5 316.309 455.5 195.309C609 126.809 824.8 19.3091 946 195.309' stroke='white' stroke-width='20'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.dialog-lightbox-close-button svg {
    display: none;
}

.dialog-lightbox-close-button {
    width: 39px;
    height: 39px;
    margin: 0 !important;
    top: 32px;
    right: 32px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.422 24.278L24.3 26.4L19.498 21.602L14.698 26.394L12.578 24.272L17.376 19.482L12.578 14.686L14.7 12.564L19.5 17.362L24.302 12.568L26.422 14.692L21.622 19.482L26.422 24.278ZM19.5 0C8.748 0 0 8.748 0 19.5C0 30.252 8.748 39 19.5 39C30.252 39 39 30.252 39 19.5C39 8.748 30.252 0 19.5 0Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


.dialog-lightbox-widget .dialog-lightbox-widget-content {
    padding-bottom: 20px;
}

.dialog-lightbox-widget .dialog-lightbox-widget-content .elementor-swiper-button {
    width: 61px;
    height: 45px;
    padding: 10px;
    border-radius: 30px;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 2px solid #fff;
    bottom: 0;
    top: auto !important;
    transform: none !important;
}

.dialog-lightbox-widget .dialog-lightbox-widget-content .elementor-swiper-button svg {
    display: none;
}


.dialog-lightbox-widget .dialog-lightbox-widget-content .elementor-swiper-button-next {
    right: calc(50% - 73px) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 13.5L27.7071 12.7929L28.4142 13.5L27.7071 14.2071L27 13.5ZM18.2071 23.7071C17.8166 24.0976 17.1834 24.0976 16.7929 23.7071C16.4024 23.3166 16.4024 22.6834 16.7929 22.2929L17.5 23L18.2071 23.7071ZM3.25 14.5C2.69772 14.5 2.25 14.0523 2.25 13.5C2.25 12.9477 2.69772 12.5 3.25 12.5V13.5V14.5ZM16.7929 4.70711C16.4024 4.31658 16.4024 3.68342 16.7929 3.29289C17.1834 2.90237 17.8166 2.90237 18.2071 3.29289L17.5 4L16.7929 4.70711ZM27 13.5L27.7071 14.2071L18.2071 23.7071L17.5 23L16.7929 22.2929L26.2929 12.7929L27 13.5ZM27 13.5V14.5H3.25V13.5V12.5H27V13.5ZM17.5 4L18.2071 3.29289L22.9571 8.04289L22.25 8.75L21.5429 9.45711L16.7929 4.70711L17.5 4ZM22.25 8.75L22.9571 8.04289L27.7071 12.7929L27 13.5L26.2929 14.2071L21.5429 9.45711L22.25 8.75Z' fill='%232F444E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 31px;
    background-position: center;
}

.dialog-lightbox-widget .dialog-lightbox-widget-content .elementor-swiper-button-prev {
    left: calc(50% - 73px) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13.5L3.29289 12.7929L2.58579 13.5L3.29289 14.2071L4 13.5ZM12.7929 23.7071C13.1834 24.0976 13.8166 24.0976 14.2071 23.7071C14.5976 23.3166 14.5976 22.6834 14.2071 22.2929L13.5 23L12.7929 23.7071ZM27.75 14.5C28.3023 14.5 28.75 14.0523 28.75 13.5C28.75 12.9477 28.3023 12.5 27.75 12.5V13.5V14.5ZM14.2071 4.70711C14.5976 4.31658 14.5976 3.68342 14.2071 3.29289C13.8166 2.90237 13.1834 2.90237 12.7929 3.29289L13.5 4L14.2071 4.70711ZM4 13.5L3.29289 14.2071L12.7929 23.7071L13.5 23L14.2071 22.2929L4.70711 12.7929L4 13.5ZM4 13.5V14.5H27.75V13.5V12.5H4V13.5ZM13.5 4L12.7929 3.29289L8.04289 8.04289L8.75 8.75L9.45711 9.45711L14.2071 4.70711L13.5 4ZM8.75 8.75L8.04289 8.04289L3.29289 12.7929L4 13.5L4.70711 14.2071L9.45711 9.45711L8.75 8.75Z' fill='%232F444E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 31px;
    background-position: center;
}

.dialog-lightbox-widget .dialog-lightbox-widget-content .elementor-swiper-button:hover {
    background: #2F444E;
    border: 2px solid #fff;
}

.dialog-lightbox-widget .dialog-lightbox-widget-content .elementor-swiper-button-next:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 13.5L27.7071 12.7929L28.4142 13.5L27.7071 14.2071L27 13.5ZM18.2071 23.7071C17.8166 24.0976 17.1834 24.0976 16.7929 23.7071C16.4024 23.3166 16.4024 22.6834 16.7929 22.2929L17.5 23L18.2071 23.7071ZM3.25 14.5C2.69772 14.5 2.25 14.0523 2.25 13.5C2.25 12.9477 2.69772 12.5 3.25 12.5V13.5V14.5ZM16.7929 4.70711C16.4024 4.31658 16.4024 3.68342 16.7929 3.29289C17.1834 2.90237 17.8166 2.90237 18.2071 3.29289L17.5 4L16.7929 4.70711ZM27 13.5L27.7071 14.2071L18.2071 23.7071L17.5 23L16.7929 22.2929L26.2929 12.7929L27 13.5ZM27 13.5V14.5H3.25V13.5V12.5H27V13.5ZM17.5 4L18.2071 3.29289L22.9571 8.04289L22.25 8.75L21.5429 9.45711L16.7929 4.70711L17.5 4ZM22.25 8.75L22.9571 8.04289L27.7071 12.7929L27 13.5L26.2929 14.2071L21.5429 9.45711L22.25 8.75Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 31px;
    background-position: center;
}

.dialog-lightbox-widget .dialog-lightbox-widget-content .elementor-swiper-button-prev:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13.5L3.29289 12.7929L2.58579 13.5L3.29289 14.2071L4 13.5ZM12.7929 23.7071C13.1834 24.0976 13.8166 24.0976 14.2071 23.7071C14.5976 23.3166 14.5976 22.6834 14.2071 22.2929L13.5 23L12.7929 23.7071ZM27.75 14.5C28.3023 14.5 28.75 14.0523 28.75 13.5C28.75 12.9477 28.3023 12.5 27.75 12.5V13.5V14.5ZM14.2071 4.70711C14.5976 4.31658 14.5976 3.68342 14.2071 3.29289C13.8166 2.90237 13.1834 2.90237 12.7929 3.29289L13.5 4L14.2071 4.70711ZM4 13.5L3.29289 14.2071L12.7929 23.7071L13.5 23L14.2071 22.2929L4.70711 12.7929L4 13.5ZM4 13.5V14.5H27.75V13.5V12.5H4V13.5ZM13.5 4L12.7929 3.29289L8.04289 8.04289L8.75 8.75L9.45711 9.45711L14.2071 4.70711L13.5 4ZM8.75 8.75L8.04289 8.04289L3.29289 12.7929L4 13.5L4.70711 14.2071L9.45711 9.45711L8.75 8.75Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 31px;
    background-position: center;
}

.elementor-slideshow__footer {
    opacity: 1 !important;
    bottom: auto !important;
    top: 10px;
    position: absolute !important;
}

.elementor-lightbox .elementor-lightbox-item {
    padding: 70px 70px 60px 70px !important;
}

.elementor-lightbox .dialog-lightbox-close-button:hover,
.elementor-lightbox .elementor-swiper-button:hover {
    color: #D1F38F !important;
}

@media screen and (max-width:767px) {
    .dialog-lightbox-widget .dialog-lightbox-widget-content .elementor-swiper-button {
        height: 32px;
    }

    .dialog-lightbox-widget .dialog-lightbox-widget-content .elementor-swiper-button-next,
    .dialog-lightbox-widget .dialog-lightbox-widget-content .elementor-swiper-button-prev {
        background-size: 25px;
    }

    .elementor-lightbox .elementor-lightbox-item {
        padding: 70px 10px 60px 10px !important;
    }

    .dialog-lightbox-widget .dialog-lightbox-widget-content {
        /*height: fit-content !important;*/
        padding-top: 50px;
        padding-bottom: 50px !important;
    }

    .dialog-lightbox-widget .dialog-lightbox-widget-content:after {
        background-image: url("data:image/svg+xml,%3Csvg width='320' height='143' viewBox='0 0 320 143' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-165 62.18C-134.033 110.333 57 167.123 151.761 105.736C218.598 62.439 322.5 -38.3766 440.157 37.4169' stroke='white' stroke-width='20'/%3E%3C/svg%3E%0A");
    }
}

/* lightbox */

/* dpo lightbox */

.dpo-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
}

.dpo-lightbox.is-open {
    display: flex;
}

.dpo-lightbox__overlay {
    position: absolute;
    inset: 0;
    background: rgba(47, 68, 78, 0.75);
}

.dpo-lightbox__dialog {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 90%;
    max-width: 90%;
    max-height: 90%;
    padding: 70px 70px 60px;
    overflow: hidden;
    background: #2F444E;
    border-radius: 50px;
}

.dpo-lightbox__dialog::after {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    margin: auto;
    background-image: url("data:image/svg+xml,%3Csvg width='884' height='241' viewBox='0 0 884 241' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-38 3.30908C-6.5 93.1424 194.5 316.309 455.5 195.309C609 126.809 824.8 19.3091 946 195.309' stroke='white' stroke-width='20'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    pointer-events: none;
}

.dpo-lightbox__content {
    position: relative;
    z-index: 2;
}

.dpo-lightbox__image {
    display: block;
    max-width: 100%;
    max-height: calc(90vh - 140px);
    margin: 0 auto;
    object-fit: contain;
}

.dpo-lightbox__close {
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 3;
    width: 39px;
    height: 39px;
    padding: 0;
    border: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.422 24.278L24.3 26.4L19.498 21.602L14.698 26.394L12.578 24.272L17.376 19.482L12.578 14.686L14.7 12.564L19.5 17.362L24.302 12.568L26.422 14.692L21.622 19.482L26.422 24.278ZM19.5 0C8.748 0 0 8.748 0 19.5C0 30.252 8.748 39 19.5 39C30.252 39 39 30.252 39 19.5C39 8.748 30.252 0 19.5 0Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.dpo-lightbox__prev,
.dpo-lightbox__next {
    position: absolute;
    bottom: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 61px;
    height: 45px;
    padding: 10px;
    border: 2px solid #fff;
    border-radius: 30px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.dpo-lightbox__next {
    right: calc(50% - 73px);
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 13.5L27.7071 12.7929L28.4142 13.5L27.7071 14.2071L27 13.5ZM18.2071 23.7071C17.8166 24.0976 17.1834 24.0976 16.7929 23.7071C16.4024 23.3166 16.4024 22.6834 16.7929 22.2929L17.5 23L18.2071 23.7071ZM3.25 14.5C2.69772 14.5 2.25 14.0523 2.25 13.5C2.25 12.9477 2.69772 12.5 3.25 12.5V13.5V14.5ZM16.7929 4.70711C16.4024 4.31658 16.4024 3.68342 16.7929 3.29289C17.1834 2.90237 17.8166 2.90237 18.2071 3.29289L17.5 4L16.7929 4.70711ZM27 13.5L27.7071 14.2071L18.2071 23.7071L17.5 23L16.7929 22.2929L26.2929 12.7929L27 13.5ZM27 13.5V14.5H3.25V13.5V12.5H27V13.5ZM17.5 4L18.2071 3.29289L22.9571 8.04289L22.25 8.75L21.5429 9.45711L16.7929 4.70711L17.5 4ZM22.25 8.75L22.9571 8.04289L27.7071 12.7929L27 13.5L26.2929 14.2071L21.5429 9.45711L22.25 8.75Z' fill='%232F444E'/%3E%3C/svg%3E%0A");
    background-size: 31px;
}

.dpo-lightbox__prev {
    left: calc(50% - 73px);
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13.5L3.29289 12.7929L2.58579 13.5L3.29289 14.2071L4 13.5ZM12.7929 23.7071C13.1834 24.0976 13.8166 24.0976 14.2071 23.7071C14.5976 23.3166 14.5976 22.6834 14.2071 22.2929L13.5 23L12.7929 23.7071ZM27.75 14.5C28.3023 14.5 28.75 14.0523 28.75 13.5C28.75 12.9477 28.3023 12.5 27.75 12.5V13.5V14.5ZM14.2071 4.70711C14.5976 4.31658 14.5976 3.68342 14.2071 3.29289C13.8166 2.90237 13.1834 2.90237 12.7929 3.29289L13.5 4L14.2071 4.70711ZM4 13.5L3.29289 14.2071L12.7929 23.7071L13.5 23L14.2071 22.2929L4.70711 12.7929L4 13.5ZM4 13.5V14.5H27.75V13.5V12.5H4V13.5ZM13.5 4L12.7929 3.29289L8.04289 8.04289L8.75 8.75L9.45711 9.45711L14.2071 4.70711L13.5 4ZM8.75 8.75L8.04289 8.04289L3.29289 12.7929L4 13.5L4.70711 14.2071L9.45711 9.45711L8.75 8.75Z' fill='%232F444E'/%3E%3C/svg%3E%0A");
    background-size: 31px;
}

.dpo-lightbox__prev:hover,
.dpo-lightbox__next:hover {
    background-color: #2F444E;
    border-color: #fff;
}

.dpo-lightbox__next:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 13.5L27.7071 12.7929L28.4142 13.5L27.7071 14.2071L27 13.5ZM18.2071 23.7071C17.8166 24.0976 17.1834 24.0976 16.7929 23.7071C16.4024 23.3166 16.4024 22.6834 16.7929 22.2929L17.5 23L18.2071 23.7071ZM3.25 14.5C2.69772 14.5 2.25 14.0523 2.25 13.5C2.25 12.9477 2.69772 12.5 3.25 12.5V13.5V14.5ZM16.7929 4.70711C16.4024 4.31658 16.4024 3.68342 16.7929 3.29289C17.1834 2.90237 17.8166 2.90237 18.2071 3.29289L17.5 4L16.7929 4.70711ZM27 13.5L27.7071 14.2071L18.2071 23.7071L17.5 23L16.7929 22.2929L26.2929 12.7929L27 13.5ZM27 13.5V14.5H3.25V13.5V12.5H27V13.5ZM17.5 4L18.2071 3.29289L22.9571 8.04289L22.25 8.75L21.5429 9.45711L16.7929 4.70711L17.5 4ZM22.25 8.75L22.9571 8.04289L27.7071 12.7929L27 13.5L26.2929 14.2071L21.5429 9.45711L22.25 8.75Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}

.dpo-lightbox__prev:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13.5L3.29289 12.7929L2.58579 13.5L3.29289 14.2071L4 13.5ZM12.7929 23.7071C13.1834 24.0976 13.8166 24.0976 14.2071 23.7071C14.5976 23.3166 14.5976 22.6834 14.2071 22.2929L13.5 23L12.7929 23.7071ZM27.75 14.5C28.3023 14.5 28.75 14.0523 28.75 13.5C28.75 12.9477 28.3023 12.5 27.75 12.5V13.5V14.5ZM14.2071 4.70711C14.5976 4.31658 14.5976 3.68342 14.2071 3.29289C13.8166 2.90237 13.1834 2.90237 12.7929 3.29289L13.5 4L14.2071 4.70711ZM4 13.5L3.29289 14.2071L12.7929 23.7071L13.5 23L14.2071 22.2929L4.70711 12.7929L4 13.5ZM4 13.5V14.5H27.75V13.5V12.5H4V13.5ZM13.5 4L12.7929 3.29289L8.04289 8.04289L8.75 8.75L9.45711 9.45711L14.2071 4.70711L13.5 4ZM8.75 8.75L8.04289 8.04289L3.29289 12.7929L4 13.5L4.70711 14.2071L9.45711 9.45711L8.75 8.75Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}

.dpo-lightbox__close:hover {
    filter: brightness(0) saturate(100%) invert(89%) sepia(19%) saturate(746%) hue-rotate(29deg) brightness(103%) contrast(91%);
}

@media screen and (max-width: 767px) {
    .dpo-lightbox__dialog {
        padding: 50px 10px;
    }

    .dpo-lightbox__prev,
    .dpo-lightbox__next {
        height: 32px;
        background-size: 25px;
    }

    .dpo-lightbox__dialog::after {
        background-image: url("data:image/svg+xml,%3Csvg width='320' height='143' viewBox='0 0 320 143' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-165 62.18C-134.033 110.333 57 167.123 151.761 105.736C218.598 62.439 322.5 -38.3766 440.157 37.4169' stroke='white' stroke-width='20'/%3E%3C/svg%3E%0A");
    }
}

/* dpo lightbox */


/* dpo home slider vertical */

.dpo-home-slider-vertical .swiper-slide {
    height: fit-content !important;
    padding: 28px 40px;
    border-radius: 50px;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 28px;
    color: #2F444E;
}

.dpo-home-slider-vertical .swiper-slide:nth-child(1) {
    background: #2F444E;
    color: #fff;
}

.dpo-home-slider-vertical .swiper-slide:nth-child(2) {
    background: #D1F38F;
}

.dpo-home-slider-vertical-icons {
    width: fit-content;
    margin-left: auto;
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .dpo-home-slider-vertical {
        padding: 0 15px;
    }

    .dpo-home-slider-vertical .swiper-slide {
        font-size: 16px;
        line-height: 21px;
        padding: 20px 15px;
    }
}

/* dpo home slider vertical */

/* corse card slider */

.dpo-course-categories {
    position: relative;
    display: flex;
    gap: 10px;
    margin-bottom: 26px;
    flex-wrap: wrap;
}

.dpo-course-cat-btn {
    padding: 4px 24px;
    border: 3px solid transparent;
    background: #fff;
    cursor: pointer;
    border-radius: 40px;
    color: #2F444E;
    font-size: 24px;
    font-weight: 500;
    box-shadow: none;
    outline: none;
    transition: all 0.2s ease;
}

.dpo-course-cat-btn.active,
.dpo-course-cat-btn:hover {
    background: #fff;
    color: #90C05E;
    border-color: #90C05E;
}

.dpo-courses-slider-wrapper {
    position: relative;
}

.dpo-courses-slider {
    padding-bottom: 70px;
}

/*.dpo-courses-slider:before {
            content: '';
            display: block;
            width: 20px;
            height: calc(100% + 10px);
            background-image: linear-gradient(0.751turn, #fff 0%, rgba(255, 106, 34, 0) 100%);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
        }

        .dpo-courses-slider:after {
            content: '';
            display: block;
            width: 20px;
            height: calc(100% + 10px);
            background-image: linear-gradient(0.751turn, #fff 0%, rgba(255, 106, 34, 0) 100%);
            position: absolute;
            top: 0;
            right: 0;
            z-index: 2;
        }*/

.dpo-course-slide {
    height: auto;
}

.dpo-loader {
    text-align: center;
    display: none;
    padding: 20px;
}

.dpo-course-slide>.dpo-course-card {
    height: 100%;
    background: #fff;
    border-radius: 40px;
    border: 3px solid #2F444E;
    overflow: hidden;
    padding: 28px 28px 90px 28px;
}

.dpo-course-card .dpo-course-card-thumb {
    position: relative;
}

.dpo-course-card .dpo-course-card-thumb img {
    width: 100%;
    height: 165px;
    object-fit: cover;
    border-radius: 30px;
    display: block;
}

.dpo-course-card-duration {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    background: #2F444E;
    border-radius: 20px;
    color: #fff;
    width: fit-content;
    position: absolute;
    bottom: -5px;
    right: -5px;
}

.dpo-course-card-duration * {
    color: #fff;
}

.dpo-course-card-duration .tutor-meta-value {
    margin-left: -5px;
}

.dpo-course-card-duration span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.dpo-course-card-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin-top: 15px;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box !important;
}

.dpo-course-card .dpo-course-card-btn {
    display: inline-block;
    color: #fff;
    background: #90C05E;
    border: 2px solid #90C05E;
    padding: 8px 50px;
    border-radius: 20px;
    text-decoration: none;
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    z-index: 1;
    transition: all 0.3s ease;
}

.dpo-course-card .dpo-course-card-btn:hover {
    border: 2px solid #90C05E;
    background: #fff;
    color: #90C05E;
}

.dpo-course-card:not(.dpo-course-card-dark):before {
    content: '';
    width: 75%;
    height: 65px;
    background-image: url(/wp-content/themes/dpo/img/sliders/courses/course-card-bottom-element-line-new.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

.dpo-course-card:not(.dpo-course-card-dark):after {
    content: '';
    width: 75%;
    height: 65px;
    background-image: url(/wp-content/themes/dpo/img/sliders/courses/course-card-dark-bottom-element-new.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.swiper-scrollbar {
    height: 22px !important;
    border-radius: 20px;
    background: #2F444E;
}

.swiper-scrollbar-drag {
    background: #fff;
    border: 2px solid #2F444E;
}

@media screen and (min-width:900px) {
    .dpo-course-card.dpo-course-card-dark {
        background: #2F444E;
        color: #fff;
    }

    .dpo-course-card.dpo-course-card-dark .dpo-course-card-title {
        color: #fff;
    }

    .dpo-course-card.dpo-course-card-dark .dpo-course-card-duration {
        color: #2F444E;
        background: #fff;
    }

    .dpo-course-card.dpo-course-card-dark .dpo-course-card-duration * {
        color: #2F444E;
    }

    .dpo-course-card.dpo-course-card-dark .dpo-course-card-duration svg path {
        stroke: #2F444E;
    }

    .dpo-course-card.dpo-course-card-dark:after {
        content: '';
        width: 75%;
        height: 65px;
        background-image: url(/wp-content/themes/dpo/img/sliders/courses/course-card-dark-bottom-element-new.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media screen and (max-width:767px) {
    .dpo-course-categories {
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
        padding: 0 15px;
    }

    /*.dpo-course-categories:before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: -2px;
                width: 20%;
                height: 100%;
                background: linear-gradient(90deg, #ffffff 10%, transparent 30%);
            }

            .dpo-course-categories:after {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                right: -2px;
                width: 20%;
                height: 100%;
                background: linear-gradient(270deg, #ffffff 10%, transparent 30%);
            }*/

    .dpo-courses-slider {
        padding: 0 15px 70px 15px;
    }

    .dpo-course-card,
    .dpo-course-slide>.dpo-course-card {
        border-radius: 40px;
        padding: 15px 15px 70px 15px;
    }

    .dpo-course-card:not(.dpo-course-card-dark):before,
    .dpo-course-card:not(.dpo-course-card-dark):after {
        width: 70%;
    }

    .dpo-course-card.dpo-course-card-dark:before {
        content: '';
        width: 70%;
        height: 65px;
        background-image: url(/wp-content/themes/dpo/img/sliders/courses/course-card-bottom-element-line-new.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1;
    }

    .dpo-course-card.dpo-course-card-dark:after {
        content: '';
        width: 70%;
        height: 65px;
        background-image: url(/wp-content/themes/dpo/img/sliders/courses/course-card-dark-bottom-element-new.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .dpo-course-card .dpo-course-card-btn {
        padding: 5px 30px;
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
    }
}

/* course card slider */


/* course card services */


.dpo-course-cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 52px 24px;
}

.dpo-course-cards-wrapper .dpo-course-card {
    position: relative;
    flex: 0 0 calc(50% - 12px);
    height: auto;
    padding: 0;
    border: 0;
}

.dpo-course-cards-wrapper .dpo-course-card-inner {
    position: relative;
    height: 100%;
    background: #fff;
    border-radius: 40px;
    border: 3px solid #2F444E;
    overflow: hidden;
    padding: 28px 28px 90px 28px;
}

.dpo-course-cards-wrapper .dpo-course-card-btn {
    width: 35%;
    text-align: center;
    padding: 10px;
    font-size: 22px;
    line-height: 24px;
}

@media screen and (max-width: 767px) {
    .dpo-course-cards-wrapper .dpo-course-card {
        border-radius: 0;
        padding: 0;
        flex: 1 0 0;
        width: 100%;
    }

    .dpo-course-cards-wrapper .dpo-course-card-inner {
        padding: 15px 15px 70px 15px;
    }

    .dpo-course-cards-wrapper .dpo-course-card-btn {
        font-size: 16px;
        line-height: 18px;
        padding: 7px;
        width: 50%;
        /*min-width: 200px;*/
        bottom: 0;
    }

    .dpo-course-cards-wrapper .dpo-course-card:not(.dpo-course-card-dark):before,
    .dpo-course-cards-wrapper .dpo-course-card:not(.dpo-course-card-dark):after {
        width: 75%;
    }

    .dpo-course-cards-wrapper .dpo-course-card .dpo-course-card-thumb img {
        height: 100px;
    }
}

/* course card services */

/* page service */


.page-template-page-service h1 {
    font-family: 'Druk Wide Cyr';
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 40px;
    max-width: 950px;
}

.dpo-service-block {
    margin-top: 40px;
}

.dpo-service-section {
    margin-bottom: 30px;
}

.dpo-service-section .dpo-service-section-inner {
    position: relative;
    padding: 52px 64px;
    font-size: 20px;
    line-height: 28px;
    border-radius: 50px;
}

.dpo-service-section ul,
.dpo-service-section ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dpo-service-section ul li:not(:last-child),
.dpo-service-section ol li:not(:last-child) {
    margin-bottom: 30px;
}

.dpo-service-section ul li {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 36px;
}

.dpo-service-section ul li:before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.dpo-service-section h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 24px;
}

.dpo-service-btn {
    display: inline-block;
    background: #2F444E;
    color: #fff;
    padding: 16px 32px;
    width: 100%;
    border-radius: 40px;
    border: 3px solid #2F444E;
    text-decoration: none;
    font-family: 'Druk Wide Cyr', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.2s ease;
}

.dpo-service-btn.loading {
    opacity: 0.7;
    cursor: not-allowed;
}

.dpo-service-btn.loading img {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.dpo-service-btn:hover:not(.disabled),
.dpo-service-btn:focus:not(.disabled) {
    background: #fff;
    color: #2F444E;
}

.dpo-service-btn.disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

/* ==== Блок "Что входит в услугу" ==== */

.dpo-service-section.dpo-service-include .dpo-service-section-inner {
    background: #D1F38F;
}

.dpo-service-include-badge {
    position: absolute;
    top: 0;
    right: 72px;
    transform-origin: center;
    text-orientation: mixed;
    color: #fff;
    font-family: 'Druk Wide Cyr', sans-serif;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    transition: opacity 0.3s ease;
    white-space: nowrap;
    padding: 12px 55px;
    width: fit-content;
    height: fit-content;
    margin: auto;
    z-index: 1;
    background: url(/wp-content/themes/dpo/img/page-service/napsrf-service-include-element.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.dpo-service-section.dpo-service-include ul li:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%232F444E'/%3E%3C/svg%3E%0A");
}

/* ==== Блок оплаты ==== */

.dpo-service-pay {
    margin: 25px 0;
    text-align: center;
}

.dpo-service-pay-text {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 40px;
}

.dpo-service-accept-terms {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
    line-height: 22px;
    color: #2F444E;
    margin-top: 20px;
}

.dpo-service-accept-terms input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 23px;
    height: 23px;
    border: 1px solid #2F444E;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    outline: none;
    transition: all 0.2s ease-in-out;
    flex-shrink: 0;
    background-color: #fff;
}

/* При наведении — лёгкий акцент */
.dpo-service-accept-terms input[type="checkbox"]:hover {
    border-color: #1b2a30;
}

/* Галочка через background */
.dpo-service-accept-terms input[type="checkbox"]:checked {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    border-color: #2F444E;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5L5 8.5L9.5 0.5' stroke='%232F444E' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

/* Ссылка внутри текста */
.dpo-service-accept-terms label {
    cursor: pointer;
    user-select: none;
}

.dpo-service-accept-terms label a {
    color: #2F444E;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s ease;
}

.dpo-service-accept-terms label a:hover {
    color: #000;
}

.dpo-service-pay-btns {
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 30px;
}

.dpo-service-pay-btns .dpo-service-btn {
    width: calc(50% - 12px);
}

/* ==== Документы ==== */
.dpo-service-section.dpo-service-docs .dpo-service-section-inner {
    background: #2F444E;
    color: #fff;
}

.dpo-service-docs-text-top {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    margin: 55px 0 32px;
}

.dpo-service-docs-text-bottom {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 32px;
}

.dpo-service-docs-badge {
    position: absolute;
    top: 0;
    right: 72px;
    transform-origin: center;
    text-orientation: mixed;
    color: #2F444E;
    font-family: 'Druk Wide Cyr', sans-serif;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    transition: opacity 0.3s ease;
    white-space: nowrap;
    width: 380px;
    height: 40px;
    margin: auto;
    padding-right: 60px;
    z-index: 1;
    background: url(/wp-content/themes/dpo/img/page-service/napsrf-service-docs-element.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

.dpo-service-docs-badge span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #90C05E;
    color: #fff;
    width: 175px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 20px;
}

.dpo-service-section.dpo-service-docs ul li:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}

/* ==== Аккордеон ==== */

.dpo-service-additional-text-top {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    padding: 40px 0 80px 0;
    text-align: center;
}

.dpo-service-accordion-btn {
    position: relative;
    background: #2F444E;
    border: none;
    width: 100%;
    padding: 26px 48px;
    font-size: 22px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background 0.3s ease;
}

.dpo-service-accordion-label {
    display: flex;
    align-items: baseline;
    gap: 20px;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
}

.dpo-service-accordion-label span {
    font-family: 'Druk Wide Cyr', sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 72px;
}

.dpo-service-accordion-btn svg {
    transition: transform 0.3s ease;
    width: 68px;
    height: 68px;
    flex-shrink: 0;
}

.dpo-service-accordion-btn.open svg {
    transform: rotate(180deg);
}

.dpo-service-accordion-btn.open svg {
    transform: rotate(180deg);
}

.dpo-service-accordion-content {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-top: 40px;
    transition: max-height 0.5s ease, opacity 0.4s ease;
}

.dpo-service-accordion-btn.open+.dpo-service-accordion-content {
    opacity: 1;
}

.dpo-service-accordion-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-left: 48px;
}

.dpo-service-accordion-item-num {
    font-family: 'Druk Wide Cyr', sans-serif;
    color: #2F444E;
    min-width: 40px;
    font-weight: 700;
    font-size: 48px;
    line-height: 52px;
}

.dpo-service-accordion-item-text {
    flex: 1;
    padding: 20px 52px;
    border-radius: 20px;
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    max-width: 1130px;
}

.dpo-service-accordion-item:nth-child(3n+1) .dpo-service-accordion-item-text {
    background: #D1F38F;
    color: #2F444E;
}

.dpo-service-accordion-item:nth-child(3n+2) .dpo-service-accordion-item-text {
    background: #D1F38F;
    color: #2F444E;
}

.dpo-service-accordion-item:nth-child(3n) .dpo-service-accordion-item-text {
    background: #2F444E;
    color: #fff;
}

/* ==== Блок "Хочу узнать подробности" ==== */
.dpo-service-more-info-text {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    text-align: center;
    padding: 40px 0;
}

@media screen and (max-width:767px) {
    .page-template-page-service h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .dpo-service-section h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .dpo-service-section .dpo-service-section-inner {
        padding: 50px 35px 20px 20px;
        overflow: hidden;
    }

    .dpo-service-pay-btns .dpo-service-btn {
        width: 100%;
        font-size: 16px;
        line-height: 20px;
    }

    .dpo-service-pay-text {
        font-size: 16px;
        line-height: 20px;
    }

    .dpo-service-docs-text-top {
        font-size: 18px;
        line-height: 22px;
    }

    .dpo-service-additional-text-top {
        font-size: 22px;
        line-height: 28px;
    }

    .dpo-service-accordion-btn {
        padding: 15px;
    }

    .dpo-service-accordion-label {
        font-size: 18px;
        line-height: 22px;
        gap: 10px;
    }

    .dpo-service-accordion-label span {
        font-size: 28px;
        line-height: 32px;
    }

    .dpo-service-accordion-btn svg {
        width: 40px;
        height: 40px;
    }

    .dpo-service-more-info-text {
        font-size: 18px;
        line-height: 24px;
    }

    .dpo-service-accordion-item {
        padding: 0;
        flex-wrap: wrap;
    }

    .dpo-service-accordion-item-text {
        flex: 0 1 auto;
        padding: 15px;
        font-size: 22px;
        line-height: 30px;
    }

    .dpo-service-section ul li:before {
        width: 12px;
        height: 12px;
    }

    .dpo-service-section ul li {
        padding-left: 24px;
    }

    .dpo-service-include-badge {
        right: 0;
        left: 0;
    }

    .dpo-service-docs-badge {
        top: -1px;
        width: 100%;
        height: 36px;
        right: 0;
        left: 0;
    }

    .dpo-service-docs-badge span {
        width: 40%;
        height: 36px;
        left: 15px;
    }
}

/* page service */

/* services slider */

/* home accreditation */

.dpo-home-accreditation {
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    background-color: #90C05E;
    background-image: url(/wp-content/themes/dpo/img/about-us/napsrf-akkred-element-line-new.svg);
    background-position: -91px 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 56px 0 56px 68px;
    box-sizing: border-box;
}

.dpo-home-accreditation-man {
    position: absolute;
    inset: 0;
    z-index: 1;
    background-image: url(/wp-content/themes/dpo/img/about-us/napsrf-akkred-image-man.webp);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 550px auto;
    pointer-events: none;
}

.dpo-home-accreditation-inner {
    position: relative;
    z-index: 2;
    max-width: 560px;
}

.dpo-home-accreditation-title {
    margin: 0 0 32px;
    font-family: "Druk Wide Cyr", sans-serif;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
}

.dpo-home-accreditation-list {
    margin: 0 0 32px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dpo-home-accreditation-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #FFFFFF;
}

.dpo-home-accreditation-list-icon {
    flex-shrink: 0;
    width: 11px;
    height: 11px;
    margin-top: 7px;
}

.dpo-home-accreditation-form {
    box-shadow: none;
    padding: 0;
}

.dpo-home-accreditation-form.dpo-cf7-form-wrapper input[type=text],
.dpo-home-accreditation-form.dpo-cf7-form-wrapper input[type=email],
.dpo-home-accreditation-form.dpo-cf7-form-wrapper input[type=tel] {
    background: #EEEEEE;
    border: none;
    border-radius: 20px;
}

@media screen and (max-width: 1024px) {
    .dpo-home-accreditation {
        padding: 48px 0 48px 40px;
    }

    .dpo-home-accreditation-man {
        background-size: 420px auto;
    }

    .dpo-home-accreditation-title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 24px;
    }

    .dpo-home-accreditation-list {
        margin-bottom: 24px;
    }

    .dpo-home-accreditation-list li {
        font-size: 16px;
        line-height: 20px;
    }
}

@media screen and (max-width: 767px) {
    .dpo-home-accreditation {
        padding: 32px 20px 250px;
        background-image: url(/wp-content/themes/dpo/img/about-us/napsrf-akkred-element-line-mob.svg);
        background-position: bottom left;
        background-size: contain;
    }

    .dpo-home-accreditation-man {
        background-size: 100% auto;
    }

    .dpo-home-accreditation-inner {
        max-width: none;
    }

    .dpo-home-accreditation-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .dpo-home-accreditation-list {
        gap: 10px;
        margin-bottom: 20px;
    }

    .dpo-home-accreditation-list li {
        font-size: 12px;
        line-height: 14px;
        gap: 10px;
    }

    .dpo-home-accreditation-list-icon {
        margin-top: 2px;
    }
}

/* home accreditation */

.dpo-section-home-services .dpo-home-section-title {
    margin-bottom: 40px;
}

.dpo-home-services-intro {
    margin-bottom: 40px;
    padding: 30px 50px;
    border-radius: 40px;
    background-color: #D1F38F;
    font-size: 24px;
    line-height: 28px;
    color: #2F444E;
    box-sizing: border-box;
}

.dpo-home-services-intro p {
    margin: 0;
}

.dpo-home-services-btn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

@media screen and (max-width: 1024px) {
    .dpo-section-home-services .dpo-home-section-title {
        margin-bottom: 30px;
    }

    .dpo-home-services-intro {
        margin-bottom: 30px;
    }

    .dpo-home-services-btn {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .dpo-section-home-services .dpo-home-section-title {
        margin-bottom: 24px;
    }

    .dpo-home-services-intro {
        margin-bottom: 24px;
        padding: 30px 20px 30px 30px;
        border-radius: 40px 0 0 40px;
        font-size: 12px;
        line-height: 14px;
    }

    .dpo-home-services-btn {
        margin-top: 24px;
    }

    .dpo-home-services-btn .dpo-btn-and-arrow-wrapper,
    .dpo-home-services-btn .dpo-btn-and-arrow-wrapper a {
        width: 100%;
    }
}

.dpo-services-slider {
    padding-bottom: 70px;
}

.dpo-services-slider .dpo-course-card {
    height: 100%;
    background: #fff;
    border-radius: 40px;
    border: 3px solid #2F444E;
    overflow: hidden;
    padding: 28px 28px 90px 28px;
}

.dpo-services-slider .swiper-slide {
    height: auto;
}

.dpo-services-slider .dpo-course-card .dpo-course-card-btn {
    width: 50%;
    text-align: center;
}

.dpo-services-slider .dpo-course-card:not(.dpo-course-card-dark):before {
    width: 70%;
    height: 60px;
    background-image: url(/wp-content/themes/dpo/img/sliders/services/service-slider-element-line.svg);
}

.dpo-services-slider .dpo-course-card:not(.dpo-course-card-dark):after {
    width: 70%;
    height: 60px;
    background-image: url(/wp-content/themes/dpo/img/sliders/services/service-slider-element-bg-white.svg);
}

@media screen and (max-width:767px) {
    .dpo-services-slider {
        padding-left: 20px;
    }

    .dpo-services-slider .dpo-course-card {
        padding: 20px 20px 70px 20px;
    }

    .dpo-services-slider .dpo-course-card:not(.dpo-course-card-dark):before {
        width: 75%;
        height: 65px;
        background-image: url(/wp-content/themes/dpo/img/sliders/courses/course-card-bottom-element-line-new.svg);
    }

    .dpo-services-slider .dpo-course-card:not(.dpo-course-card-dark):after {
        width: 75%;
        height: 65px;
        background-image: url(/wp-content/themes/dpo/img/sliders/courses/course-card-dark-bottom-element-new.svg);
    }

    .dpo-services-slider .dpo-course-card .dpo-course-card-thumb img {
        height: 100px;
    }
}


/* services slider */


/* table rekvizity */


.dpo-table-rekvizity {
    background: #2F444E;
    border-radius: 70px;
    padding: 32px 28px;
}

.dpo-table-rekvizity table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 24px;
    margin: 0;
}

.dpo-table-rekvizity table td {
    padding: 20px 30px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    vertical-align: middle;
    border-radius: 30px;
    text-align: center;
}

.dpo-table-rekvizity table td:first-child {
    background: #D1F38F;
    width: 50%;
}

.dpo-table-rekvizity table td:last-child {
    background: #ffffff;
}

@media (max-width: 700px) {
    .dpo-table-rekvizity {
        padding: 10px 0;
        border-radius: 40px;
    }

    .dpo-table-rekvizity table td {
        display: block;
        width: 100% !important;
        margin-bottom: 4px;
        border-radius: 20px;
        font-size: 12px;
        line-height: 18px;
    }

    .dpo-table-rekvizity table tr {
        display: block;
        margin-bottom: 16px;
    }
}


/* table rekvizity */


/* about page */


.subsection1-blocks .elementor-widget-heading:nth-child(2) {
    min-height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dpo-about-block-count .elementor-counter {
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.dpo-about-block-count .elementor-counter-title {
    flex: 0 1 auto !important;
    max-width: 970px;
}

.dpo-about-block-count .elementor-counter-number-wrapper {
    padding: 20px 24px;
    background: #fff;
    border-radius: 50px;
    flex: 0 1 auto !important;
}

.dpo-about-block-count .elementor-counter-number-prefix {
    display: none;
}

.dpo-about-section-overlay-dark>.elementor-container>.elementor-column>.elementor-widget-wrap,
.dpo-about-section-overlay-light>.elementor-container>.elementor-column>.elementor-widget-wrap {
    overflow: hidden;
}

.dpo-about-section-overlay-dark>.elementor-container>.elementor-column>.elementor-widget-wrap:before {
    content: '';
    display: block;
    width: 100%;
    height: 90%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(47, 68, 78, 0) 10%, #2F444E 70%);
    z-index: 1;
}

.dpo-about-section-overlay-light>.elementor-container>.elementor-column>.elementor-widget-wrap:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(209, 243, 143, 0) 10%, #D1F38F 70%);
    z-index: 1;
}

@media screen and (max-width:767px) {
    .dpo-about-block-count .elementor-counter-number-wrapper {
        padding: 14px 10px;
    }
}

/* about page */


/* oferta */


.dpo-oferta-bottom-block {
    max-width: 1200px !important;
    padding: 50px !important;
    gap: 200px;
    background: #D1F38F;
    border-radius: 80px;
    margin-top: 60px;
}

.dpo-oferta-bottom-block iframe {
    border-radius: 20px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}

.dpo-oferta-bottom-block .pdfemb-viewer {
    border-radius: 20px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
    border: none;
}

.dpo-oferta-bottom-block .dpo-btn-arrow-wrapper {
    margin: auto;
    width: stretch;
}

@media screen and (max-width:767px) {
    .dpo-oferta-bottom-block {
        padding: 32px 24px !important;
        gap: 32px;
        border-radius: 40px;
        margin-top: 30px;
    }
}

/* oferta */


/* dpo accordion */


.dpo-accordion-info .elementor-accordion-item:first-of-type {
    display: none !important;
}

.dpo-accordion-info .elementor-accordion-item {
    border-radius: 50px;
    background: #2F444E;
    color: #fff;
}

.dpo-accordion-info-light .elementor-accordion-item {
    border-radius: 50px;
    background: #D1F38F;
    color: #2F444E;
}

.dpo-accordion-info-dark-light .elementor-accordion-item {
    border-radius: 50px;
    background: #2F444E;
    color: #fff;
}

.dpo-accordion-info .elementor-tab-title {
    padding: 22px 32px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.dpo-accordion-info-center .elementor-tab-title {
    font-family: 'Druk Wide Cyr', sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.dpo-accordion-info-center .elementor-tab-title a {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
}

.dpo-accordion-info .elementor-accordion-icon {
    flex-shrink: 0;
    width: 43px !important;
    height: 43px;
    background-image: url(/wp-content/themes/dpo/img/dpo-icon-accordion-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.3s;
}

.dpo-accordion-info .elementor-tab-title.elementor-active .elementor-accordion-icon {
    transform: rotate(180deg);
}

.dpo-accordion-info .elementor-accordion-icon>span {
    display: none !important;
}

.dpo-accordion-info .elementor-tab-content {
    padding: 0 60px 60px 60px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.dpo-accordion-info-light.p-blocks .elementor-tab-content p {
    padding: 20px 100px;
    background: #fff;
    border-radius: 50px;
}

.dpo-accordion-info .dpo-acc-cnt-btn-light {
    display: block;
    background: #D1F38F;
    color: #2F444E;
    border-radius: 20px;
    padding: 12px 24px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    border: 2px solid #D1F38F;
}

.dpo-accordion-info .dpo-acc-cnt-btn-light:hover,
.dpo-accordion-info .dpo-acc-cnt-btn-light:active {
    background: #fff;
    color: #2F444E;
    border: 2px solid #2F444E;
}

.dpo-accordion-info .dpo-acc-cnt-btn {
    display: block;
    background: #2F444E;
    color: #fff;
    border-radius: 20px;
    padding: 12px 24px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    border: 2px solid #2F444E;
}

.dpo-accordion-info .dpo-acc-cnt-btn:hover,
.dpo-accordion-info .dpo-acc-cnt-btn:active {
    background: #fff;
    color: #2F444E;
    border: 2px solid #2F444E;
}

@media screen and (max-width: 767px) {
    .dpo-accordion-info .elementor-accordion-item {
        border-radius: 40px;
    }

    .dpo-accordion-info .elementor-tab-title {
        padding: 20px 15px;
        font-size: 12px;
        line-height: 18px;
    }

    .dpo-accordion-info-center .elementor-tab-title a {
        position: relative;
        font-size: 14px;
        line-height: 20px;
    }

    .dpo-accordion-info .elementor-tab-content {
        padding: 0 15px 30px 15px;
    }
}


/* dpor accordion */


/* courses archive slider cats */


.dpo-slider-cats-wrapper {
    position: relative;
    margin-bottom: 100px;
}

.dpo-slider-cats {
    position: relative;
    padding: 30px 0;
}

.dpo-slider-cats .swiper-slide-shadow-left,
.dpo-slider-cats .swiper-slide-shadow-right {
    display: none;
}

.dpo-slider-cats .swiper-slide {
    position: relative;
    height: 300px;
    width: 300px;
    border-radius: 150px;
    filter: blur(1px);
    pointer-events: none;
    transition: filter 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
}

.dpo-slider-cats .swiper-slide.swiper-slide-active {
    filter: none;
    pointer-events: all;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}

.dpo-slider-cats .swiper-slide.swiper-slide-active:hover {
    transform: scale(1.05) !important;
}

.dpo-slider-cats .swiper-slide a {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 150px;
    display: block;
    position: absolute;
}

.dpo-hex-title {
    font-family: "Druk Wide Cyr";
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 90%;
    text-align: center;
    font-size: 20px;
    margin: auto;
}

.dpo-slider-cats-control {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.dpo-slider-cats-control .swiper-pagination {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
}


.dpo-slider-cats-control .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}

.dpo-slider-cats-control .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #2F444E;
}

.dpo-slider-cats-left,
.dpo-slider-cats-right {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0px 7.48px 2.99px 0px #6C6C6C40;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
}

.dpo-slider-cats-left,
.dpo-slider-cats-right {
    background-color: transparent;
    box-shadow: none;
    width: 43px;
    height: 43px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.dpo-slider-cats-left {
    position: absolute;
    top: 50%;
    left: -55px;
    background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.5' cy='21.5' r='21' transform='matrix(-1 0 0 1 43 0)' fill='white' stroke='%232F444E'/%3E%3Cpath d='M12 21.5L11.2929 20.7929L10.5858 21.5L11.2929 22.2071L12 21.5ZM20.7929 31.7071C21.1834 32.0976 21.8166 32.0976 22.2071 31.7071C22.5976 31.3166 22.5976 30.6834 22.2071 30.2929L21.5 31L20.7929 31.7071ZM30.5 22.5C31.0523 22.5 31.5 22.0523 31.5 21.5C31.5 20.9477 31.0523 20.5 30.5 20.5V21.5V22.5ZM22.2071 12.7071C22.5976 12.3166 22.5976 11.6834 22.2071 11.2929C21.8166 10.9024 21.1834 10.9024 20.7929 11.2929L21.5 12L22.2071 12.7071ZM12 21.5L11.2929 22.2071L20.7929 31.7071L21.5 31L22.2071 30.2929L12.7071 20.7929L12 21.5ZM12 21.5V22.5H30.5V21.5V20.5H12V21.5ZM21.5 12L20.7929 11.2929L16.0429 16.0429L16.75 16.75L17.4571 17.4571L22.2071 12.7071L21.5 12ZM16.75 16.75L16.0429 16.0429L11.2929 20.7929L12 21.5L12.7071 22.2071L17.4571 17.4571L16.75 16.75Z' fill='%232F444E'/%3E%3C/svg%3E%0A");
}

.dpo-slider-cats-left:hover,
.dpo-slider-cats-left:focus {
    background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.5' cy='21.5' r='21' transform='matrix(-1 0 0 1 43 0)' fill='%232F444E' stroke='%232F444E'/%3E%3Cpath d='M12 21.5L11.2929 20.7929L10.5858 21.5L11.2929 22.2071L12 21.5ZM20.7929 31.7071C21.1834 32.0976 21.8166 32.0976 22.2071 31.7071C22.5976 31.3166 22.5976 30.6834 22.2071 30.2929L21.5 31L20.7929 31.7071ZM30.5 22.5C31.0523 22.5 31.5 22.0523 31.5 21.5C31.5 20.9477 31.0523 20.5 30.5 20.5V21.5V22.5ZM22.2071 12.7071C22.5976 12.3166 22.5976 11.6834 22.2071 11.2929C21.8166 10.9024 21.1834 10.9024 20.7929 11.2929L21.5 12L22.2071 12.7071ZM12 21.5L11.2929 22.2071L20.7929 31.7071L21.5 31L22.2071 30.2929L12.7071 20.7929L12 21.5ZM12 21.5V22.5H30.5V21.5V20.5H12V21.5ZM21.5 12L20.7929 11.2929L16.0429 16.0429L16.75 16.75L17.4571 17.4571L22.2071 12.7071L21.5 12ZM16.75 16.75L16.0429 16.0429L11.2929 20.7929L12 21.5L12.7071 22.2071L17.4571 17.4571L16.75 16.75Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}

.dpo-slider-cats-right {
    position: absolute;
    top: 50%;
    right: -55px;
    background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.5' cy='21.5' r='21' fill='white' stroke='%232F444E'/%3E%3Cpath d='M31 21.5L31.7071 20.7929L32.4142 21.5L31.7071 22.2071L31 21.5ZM22.2071 31.7071C21.8166 32.0976 21.1834 32.0976 20.7929 31.7071C20.4024 31.3166 20.4024 30.6834 20.7929 30.2929L21.5 31L22.2071 31.7071ZM12.5 22.5C11.9477 22.5 11.5 22.0523 11.5 21.5C11.5 20.9477 11.9477 20.5 12.5 20.5V21.5V22.5ZM20.7929 12.7071C20.4024 12.3166 20.4024 11.6834 20.7929 11.2929C21.1834 10.9024 21.8166 10.9024 22.2071 11.2929L21.5 12L20.7929 12.7071ZM31 21.5L31.7071 22.2071L22.2071 31.7071L21.5 31L20.7929 30.2929L30.2929 20.7929L31 21.5ZM31 21.5V22.5H12.5V21.5V20.5H31V21.5ZM21.5 12L22.2071 11.2929L26.9571 16.0429L26.25 16.75L25.5429 17.4571L20.7929 12.7071L21.5 12ZM26.25 16.75L26.9571 16.0429L31.7071 20.7929L31 21.5L30.2929 22.2071L25.5429 17.4571L26.25 16.75Z' fill='%232F444E'/%3E%3C/svg%3E%0A");
}

.dpo-slider-cats-right:hover,
.dpo-slider-cats-right:focus {
    background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.5' cy='21.5' r='21' fill='%232F444E' stroke='%232F444E'/%3E%3Cpath d='M31 21.5L31.7071 20.7929L32.4142 21.5L31.7071 22.2071L31 21.5ZM22.2071 31.7071C21.8166 32.0976 21.1834 32.0976 20.7929 31.7071C20.4024 31.3166 20.4024 30.6834 20.7929 30.2929L21.5 31L22.2071 31.7071ZM12.5 22.5C11.9477 22.5 11.5 22.0523 11.5 21.5C11.5 20.9477 11.9477 20.5 12.5 20.5V21.5V22.5ZM20.7929 12.7071C20.4024 12.3166 20.4024 11.6834 20.7929 11.2929C21.1834 10.9024 21.8166 10.9024 22.2071 11.2929L21.5 12L20.7929 12.7071ZM31 21.5L31.7071 22.2071L22.2071 31.7071L21.5 31L20.7929 30.2929L30.2929 20.7929L31 21.5ZM31 21.5V22.5H12.5V21.5V20.5H31V21.5ZM21.5 12L22.2071 11.2929L26.9571 16.0429L26.25 16.75L25.5429 17.4571L20.7929 12.7071L21.5 12ZM26.25 16.75L26.9571 16.0429L31.7071 20.7929L31 21.5L30.2929 22.2071L25.5429 17.4571L26.25 16.75Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}

.dpo-slider-cats-left.swiper-button-disabled,
.dpo-slider-cats-right.swiper-button-disabled {
    pointer-events: none;
    opacity: 0.5;
}

.dpo-slider-cats:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 90%;
    background: linear-gradient(90deg, #FFFFFF 10%, transparent 30%);
    z-index: 2;
}

.dpo-slider-cats:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 7%;
    height: 90%;
    background: linear-gradient(90deg, transparent 5%, #FFFFFF 60%);
    z-index: 2;
}



@media screen and (max-width: 768px) {
    .dpo-slider-cats .swiper-slide {
        height: 200px;
        width: 200px !important;
        border-radius: 100px;
    }

    .dpo-slider-cats-left,
    .dpo-slider-cats-right {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background-size: 15px;
    }

    .dpo-slider-cats-left,
    .dpo-slider-cats-right {
        display: none;
    }
}

/* courses archive  slider cats */



/* courses archive card */

.tutor-card.tutor-course-card.dpo-loop-course-card {
    flex-direction: row;
    border-radius: 40px;
    border: 4px solid #90C05E;
    padding: 20px 60px 20px 20px;
    gap: 20px;
}

.tutor-card.tutor-course-card.dpo-loop-course-card:nth-child(even) {
    border: 4px solid #2F444E;
}

.tutor-card.tutor-course-card.dpo-loop-course-card:nth-child(odd) {
    border-color: #90C05E;
}

.dpo-loop-course-card .dpo-loop-course-top {
    width: 35%;
}

.dpo-loop-course-card .tutor-card-body {
    width: 65%;
}

.dpo-loop-course-card .tutor-card-image-top {
    border-radius: 30px;
}

.dpo-loop-course-card .dpo-loop-course-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 18px
}

.dpo-loop-course-card .tutor-course-ratings {
    margin: 0;
}

.dpo-loop-course-card .tutor-card-body {
    padding: 0;
}

.dpo-loop-course-card .tutor-course-name {
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 18px 0;
}

.dpo-loop-course-card .tutor-course-name a {
    color: #2F444E;
}

.dpo-loop-course-card .tutor-card-footer {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: auto;
    border: none;
    padding: 0;
    box-sizing: border-box;
}

.dpo-loop-course-card .tutor-card-footer>div {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.dpo-loop-course-card .tutor-card-footer .list-item-price,
.dpo-loop-course-card .tutor-card-footer .list-item-button {
    flex: 1 1 50% !important;
    width: auto !important;
    min-width: min-content;
    max-width: none !important;
    margin-left: 0 !important;
}

.dpo-loop-course-card .tutor-card-footer>.list-item-button:only-child {
    flex: 0 0 50% !important;
    width: 50% !important;
    margin-left: auto !important;
}

.dpo-loop-course-card .list-item-price {
    background: #D1F38F;
    border-radius: 30px;
    padding: 8px 16px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.dpo-loop-course-card .list-item-price .price {
    color: #2F444E;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
}

.dpo-loop-course-card .list-item-button .tutor-loop-cart-btn-wrap {
    display: block;
    width: 100%;
}

.dpo-loop-course-card .list-item-button a,
.dpo-loop-course-card .list-item-button button {
    display: inline-flex !important;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100% !important;
    min-height: 48px;
    padding: 8px 16px;
    background: #2F444E;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    border-radius: 30px;
    border: 2px solid #2F444E;
    box-sizing: border-box;
    white-space: nowrap !important;
}

.dpo-loop-course-card .list-item-button a:hover,
.dpo-loop-course-card .list-item-button a:focus,
.dpo-loop-course-card .list-item-button button:hover,
.dpo-loop-course-card .list-item-button button:focus {
    color: #2F444E;
    background: #fff;
}

.dpo-loop-course-card .list-item-button a>span:first-of-type {
    margin: 0;
}

.dpo-loop-course-card .tutor-card-footer:has(.dpo-share-cart-course-btn--loop) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end;
    gap: 8px;
}

.dpo-loop-course-card .tutor-card-footer:has(.dpo-share-cart-course-btn--loop)>div {
    flex-direction: column !important;
    width: 50% !important;
    margin-left: auto;
}

.dpo-loop-course-card .tutor-card-footer:has(.dpo-share-cart-course-btn--loop) .list-item-price,
.dpo-loop-course-card .tutor-card-footer:has(.dpo-share-cart-course-btn--loop) .list-item-button,
.dpo-loop-course-card .tutor-card-footer:has(.dpo-share-cart-course-btn--loop)>.list-item-button:only-child,
.dpo-loop-course-card .dpo-share-cart-course-btn--loop {
    flex: none !important;
    width: 100% !important;
    margin-top: 0;
}


/* grid-3*/

.tutor-grid-3 .tutor-card.tutor-course-card.dpo-loop-course-card {
    flex-direction: column;
    padding: 30px 24px 40px 24px;
}

.tutor-grid-3 .dpo-loop-course-card .dpo-loop-course-top,
.tutor-grid-3 .dpo-loop-course-card .tutor-card-body {
    width: 100%;
}

.tutor-grid-3 .dpo-loop-course-card .dpo-loop-course-top {
    display: flex;
    flex-direction: column-reverse;
}

.tutor-grid-3 .dpo-loop-course-card .dpo-loop-course-meta,
.tutor-grid-3 .dpo-loop-course-card .tutor-card-body .tutor-meta {
    margin-top: 0;
    margin-bottom: 18px;
}

.tutor-grid-3 .dpo-loop-course-card .tutor-card-footer {
    margin-top: auto;
}

.tutor-grid-3 .dpo-loop-course-card .tutor-card-footer>div {
    flex-direction: column !important;
    gap: 8px;
}

.tutor-grid-3 .dpo-loop-course-card .tutor-card-footer>.list-item-button,
.tutor-grid-3 .dpo-loop-course-card .tutor-card-footer>.list-item-button:only-child,
.tutor-grid-3 .dpo-loop-course-card .list-item-price,
.tutor-grid-3 .dpo-loop-course-card .list-item-button,
.tutor-grid-3 .dpo-loop-course-card .dpo-share-cart-course-btn--loop {
    flex: none !important;
    width: 100% !important;
    margin-left: 0 !important;
}

/* grid-3 */

@media screen and (max-width: 767px) {
    .tutor-card.tutor-course-card.dpo-loop-course-card {
        flex-direction: column;
        padding: 20px;
    }

    .tutor-grid-3 .tutor-card.tutor-course-card.dpo-loop-course-card {
        flex-direction: column;
        padding: 16px 16px 28px 16px;
    }

    .dpo-loop-course-card .dpo-loop-course-top,
    .dpo-loop-course-card .tutor-card-body {
        width: 100%;
    }

    .dpo-loop-course-card .dpo-loop-course-top {
        display: flex;
        flex-direction: column-reverse;
    }

    .dpo-loop-course-card .dpo-loop-course-meta {
        margin-top: 0;
        margin-bottom: 18px;
    }

    .dpo-loop-course-card .tutor-card-footer {
        margin-top: 20px;
        width: 100% !important;
    }

    .dpo-loop-course-card .tutor-card-footer,
    .dpo-loop-course-card .tutor-card-footer:has(.dpo-share-cart-course-btn--loop) {
        align-items: stretch;
    }

    .dpo-loop-course-card .tutor-card-footer>div,
    .dpo-loop-course-card .tutor-card-footer:has(.dpo-share-cart-course-btn--loop)>div {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px;
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
    }

    .dpo-loop-course-card .tutor-card-footer .list-item-price,
    .dpo-loop-course-card .tutor-card-footer .list-item-button,
    .dpo-loop-course-card .tutor-card-footer>.list-item-button,
    .dpo-loop-course-card .tutor-card-footer>.list-item-button:only-child,
    .dpo-loop-course-card .dpo-share-cart-course-btn--loop {
        flex: none !important;
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
    }

    .dpo-loop-course-card .list-item-price,
    .dpo-loop-course-card .list-item-button a,
    .dpo-loop-course-card .list-item-button button,
    .dpo-loop-course-card .dpo-share-cart-course-btn--loop a,
    .dpo-loop-course-card .dpo-share-cart-course-btn--loop button {
        min-height: 48px;
        padding: 10px 16px;
        font-size: 16px;
    }

    .dpo-loop-course-card .list-item-price .price {
        font-size: 16px;
    }


}

/* courses archive card */


/* title and arrow */

.dpo-title-arrow-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
}


.dpo-title-arrow-wrapper .dpo-title-arrow-text,
.dpo-title-arrow-wrapper .dpo-title-arrow-arrow {
    display: inline-flex;
    align-items: center;
    background: #2F444E;
    border-radius: 30px;
    transition: all 0.3s;
    white-space: nowrap;
}


.dpo-title-arrow-text {
    padding: 12px 38px;
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    height: 68px;
    justify-content: center;
    text-transform: uppercase;
}

.dpo-title-arrow-wrapper.light .dpo-title-arrow-text,
.dpo-title-arrow-wrapper.light .dpo-title-arrow-arrow {
    background: #fff;
    color: #2F444E;
}

.dpo-title-arrow-line {
    display: flex;
    align-items: center;
    margin: 0 -10px;
}

.dpo-title-arrow-arrow {
    padding: 9px;
    width: 68px;
    height: 68px;
    border-radius: 34px !important;
    justify-content: center;
}

.dpo-title-arrow-wrapper .dpo-title-arrow-line svg path {
    transition: all 0.3s;
}

.dpo-title-arrow-wrapper a:hover span:not(.dpo-title-arrow-line) {
    background: #fff;
    color: #2F444E;
}

.dpo-title-arrow-wrapper a:hover .dpo-title-arrow-line svg path {
    fill: #fff;
    stroke: #fff;
}

.dpo-title-arrow-wrapper a:hover .dpo-title-arrow-arrow svg path {
    fill: #2F444E;
}

.dpo-title-arrow-wrapper.light .dpo-title-arrow-line svg path {
    fill: #fff;
    stroke: #fff;
}

.dpo-title-arrow-wrapper.light .dpo-title-arrow-arrow svg path {
    fill: #2F444E;
}

.dpo-title-arrow-wrapper.light a:hover span:not(.dpo-title-arrow-line) {
    background: #2F444E;
    color: #fff;
}

.dpo-title-arrow-wrapper.light a:hover .dpo-title-arrow-line svg path {
    fill: #2F444E;
    stroke: #2F444E;
}

.dpo-title-arrow-wrapper.light a:hover .dpo-title-arrow-arrow svg path {
    fill: #fff;
}

@media screen and (max-width:767px) {

    .dpo-title-arrow-text {
        font-size: 12px;
        line-height: 16px;
        padding: 8px 10px;
        height: 48px;
    }

    .dpo-title-arrow-arrow {
        width: 48px;
        height: 48px;
    }

    .dpo-title-arrow-line svg {
        height: 32px;
    }

    .dpo-title-arrow-line {
        margin: 0 -14px;
    }
}

/* title and arrow */


/* latest featured post */


.dpo-latest-featured-post-wrapper {
    background: #D1F38F;
    border-radius: 30px;
    overflow: hidden;
    padding: 20px 26px 30px 26px;
}

.dpo-latest-featured-post-image {
    margin-bottom: 15px;
}

.dpo-latest-featured-post-image img {
    max-height: 128px;
    object-fit: cover;
    border-radius: 20px;
}



.dpo-latest-featured-post-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
}

.dpo-latest-featured-post-content .post-title {
    max-width: 700px;
    width: 100%;
}

.dpo-latest-featured-post-content .post-title,
.dpo-latest-featured-post-content .post-title a {
    display: block;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000;
}

.dpo-latest-featured-post-content .post-title a:hover,
.dpo-latest-featured-post-content .post-title a:focus {
    color: #fff;
}

.dpo-latest-featured-post-content .post-meta {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
}

.dpo-latest-featured-post-content .post-date {
    background: #FFFFFF;
    padding: 12px 20px;
    border-radius: 20px;
    color: #2F444E;
}

.dpo-latest-featured-post-content .post-meta .post-category {
    background: #FFFFFF;
    padding: 12px 20px;
    border-radius: 20px;
    color: #2F444E;
}

.dpo-latest-featured-post-content .post-meta .post-category:hover,
.dpo-latest-featured-post-content .post-meta .post-category:focus {
    background: #2F444E;
    color: #fff;
}

.dpo-latest-featured-post-content .post-meta .readmore-link {
    background: #FFFFFF;
    display: flex;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    padding: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 13.5L22.7071 12.7929L23.4142 13.5L22.7071 14.2071L22 13.5ZM13.2071 23.7071C12.8166 24.0976 12.1834 24.0976 11.7929 23.7071C11.4024 23.3166 11.4024 22.6834 11.7929 22.2929L12.5 23L13.2071 23.7071ZM3.5 14.5C2.94772 14.5 2.5 14.0523 2.5 13.5C2.5 12.9477 2.94772 12.5 3.5 12.5V13.5V14.5ZM11.7929 4.70711C11.4024 4.31658 11.4024 3.68342 11.7929 3.29289C12.1834 2.90237 12.8166 2.90237 13.2071 3.29289L12.5 4L11.7929 4.70711ZM22 13.5L22.7071 14.2071L13.2071 23.7071L12.5 23L11.7929 22.2929L21.2929 12.7929L22 13.5ZM22 13.5V14.5H3.5V13.5V12.5H22V13.5ZM12.5 4L13.2071 3.29289L17.9571 8.04289L17.25 8.75L16.5429 9.45711L11.7929 4.70711L12.5 4ZM17.25 8.75L17.9571 8.04289L22.7071 12.7929L22 13.5L21.2929 14.2071L16.5429 9.45711L17.25 8.75Z' fill='%232F444E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
}

.dpo-latest-featured-post-content .post-meta .readmore-link:hover,
.dpo-latest-featured-post-content .post-meta .readmore-link:focus {
    background: #2F444E;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 13.5L22.7071 12.7929L23.4142 13.5L22.7071 14.2071L22 13.5ZM13.2071 23.7071C12.8166 24.0976 12.1834 24.0976 11.7929 23.7071C11.4024 23.3166 11.4024 22.6834 11.7929 22.2929L12.5 23L13.2071 23.7071ZM3.5 14.5C2.94772 14.5 2.5 14.0523 2.5 13.5C2.5 12.9477 2.94772 12.5 3.5 12.5V13.5V14.5ZM11.7929 4.70711C11.4024 4.31658 11.4024 3.68342 11.7929 3.29289C12.1834 2.90237 12.8166 2.90237 13.2071 3.29289L12.5 4L11.7929 4.70711ZM22 13.5L22.7071 14.2071L13.2071 23.7071L12.5 23L11.7929 22.2929L21.2929 12.7929L22 13.5ZM22 13.5V14.5H3.5V13.5V12.5H22V13.5ZM12.5 4L13.2071 3.29289L17.9571 8.04289L17.25 8.75L16.5429 9.45711L11.7929 4.70711L12.5 4ZM17.25 8.75L17.9571 8.04289L22.7071 12.7929L22 13.5L21.2929 14.2071L16.5429 9.45711L17.25 8.75Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
}

@media screen and (max-width: 767px) {
    .dpo-latest-featured-post-wrapper {
        padding: 20px;
    }

    .dpo-latest-featured-post-image img {
        max-height: 75px;
    }

    .dpo-latest-featured-post-content {
        flex-direction: column;
        gap: 20px;
    }

    .dpo-latest-featured-post-content .post-title,
    .dpo-latest-featured-post-content .post-title a {
        font-size: 16px;
        line-height: 22px;
    }

    .dpo-latest-featured-post-content .post-date,
    .dpo-latest-featured-post-content .post-meta .post-category {
        padding: 6px 12px;
        font-size: 12px;
    }

    .dpo-latest-featured-post-content .post-meta {
        width: 100%;
        gap: 10px;
        justify-content: space-between;
    }

    .dpo-latest-featured-post-content .post-meta .readmore-link {
        width: 40px;
        height: 40px;
    }
}

/* latest featured post */


/* posts by cats tabs */

.dpo-posts-tabs {
    margin-top: 80px;
}

.dpo-posts-tabs h2 {
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
    color: #2F444E;
    text-align: center;
    margin-bottom: 30px;
}

.dpo-posts-tabs-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 50px;
    flex-wrap: wrap;
}

.dpo-posts-tabs-buttons .tab-btn {
    padding: 8px 14px;
    border: 3px solid transparent;
    background: #fff;
    cursor: pointer;
    box-shadow: none;
    border-radius: 40px;
    margin: 0;
    transition: all 0.3s;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
}

.dpo-posts-tabs-buttons .tab-btn.active,
.dpo-posts-tabs-buttons .tab-btn:hover,
.dpo-posts-tabs-buttons .tab-btn:focus {
    color: #90C05E;
    border: 3px solid #90C05E;
}

.dpo-posts-tabs-content.loading {
    opacity: 0.4;
    pointer-events: none;
}


.dpo-posts-tabs-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.dpo-posts-tabs-card {
    background: #D1F38F;
    border-radius: 50px;
    overflow: hidden;
    padding: 40px;
    display: flex;
    flex-direction: column;
}

.dpo-posts-tabs-post-top {
    margin-bottom: 24px;
}

.dpo-posts-tabs-post-top img {
    max-height: 90px;
    border-radius: 30px;
    object-fit: cover;
}

.dpo-posts-tabs-post-title {
    margin-top: 24px;
}

.dpo-posts-tabs-post-title a {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #2F444E;
    margin-bottom: 4px;
    display: flex;
}

.dpo-posts-tabs-post-title a:hover,
.dpo-posts-tabs-post-title a:focus {
    color: #fff;
}

.dpo-posts-tabs-post-excerpt {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #2F444E;
}

.dpo-posts-tabs-post-content {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    margin-top: auto;
}

.dpo-posts-tabs-post-date {
    max-width: 250px;
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 6px 10px;
    border-radius: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #2F444E;
}

.dpo-posts-tabs-post-content .readmore-link {
    background: #FFFFFF;
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 13.5L22.7071 12.7929L23.4142 13.5L22.7071 14.2071L22 13.5ZM13.2071 23.7071C12.8166 24.0976 12.1834 24.0976 11.7929 23.7071C11.4024 23.3166 11.4024 22.6834 11.7929 22.2929L12.5 23L13.2071 23.7071ZM3.5 14.5C2.94772 14.5 2.5 14.0523 2.5 13.5C2.5 12.9477 2.94772 12.5 3.5 12.5V13.5V14.5ZM11.7929 4.70711C11.4024 4.31658 11.4024 3.68342 11.7929 3.29289C12.1834 2.90237 12.8166 2.90237 13.2071 3.29289L12.5 4L11.7929 4.70711ZM22 13.5L22.7071 14.2071L13.2071 23.7071L12.5 23L11.7929 22.2929L21.2929 12.7929L22 13.5ZM22 13.5V14.5H3.5V13.5V12.5H22V13.5ZM12.5 4L13.2071 3.29289L17.9571 8.04289L17.25 8.75L16.5429 9.45711L11.7929 4.70711L12.5 4ZM17.25 8.75L17.9571 8.04289L22.7071 12.7929L22 13.5L21.2929 14.2071L16.5429 9.45711L17.25 8.75Z' fill='%232F444E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}

.dpo-posts-tabs-post-content .readmore-link:hover,
.dpo-posts-tabs-post-content .readmore-link:focus {
    background: #2F444E;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 13.5L22.7071 12.7929L23.4142 13.5L22.7071 14.2071L22 13.5ZM13.2071 23.7071C12.8166 24.0976 12.1834 24.0976 11.7929 23.7071C11.4024 23.3166 11.4024 22.6834 11.7929 22.2929L12.5 23L13.2071 23.7071ZM3.5 14.5C2.94772 14.5 2.5 14.0523 2.5 13.5C2.5 12.9477 2.94772 12.5 3.5 12.5V13.5V14.5ZM11.7929 4.70711C11.4024 4.31658 11.4024 3.68342 11.7929 3.29289C12.1834 2.90237 12.8166 2.90237 13.2071 3.29289L12.5 4L11.7929 4.70711ZM22 13.5L22.7071 14.2071L13.2071 23.7071L12.5 23L11.7929 22.2929L21.2929 12.7929L22 13.5ZM22 13.5V14.5H3.5V13.5V12.5H22V13.5ZM12.5 4L13.2071 3.29289L17.9571 8.04289L17.25 8.75L16.5429 9.45711L11.7929 4.70711L12.5 4ZM17.25 8.75L17.9571 8.04289L22.7071 12.7929L22 13.5L21.2929 14.2071L16.5429 9.45711L17.25 8.75Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}

@media (max-width: 1023px) {
    .dpo-posts-tabs-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .dpo-posts-tabs-wrapper {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .dpo-posts-tabs h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .dpo-posts-tabs-card {
        padding: 20px;
    }
}



/* posts by cats tabs */

/* archive posts */

body.archive.category #content,
body.archive.tag #content,
body.blog #content {
    margin-bottom: 50px;
}

body.archive.category #content,
body.archive.tag #conten {
    margin-top: 50px;
}

body.archive h1 {
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    body.archive h1 {
        font-size: 20px !important;
        line-height: 24px !important;
    }
}

/* archive posts */


/* single post */

body.single-post #primary {
    padding: 0;
}

article.type-post h1 {
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 50px;
}

article.type-post .entry-content {
    border: 4px solid #90C05E;
    padding: 65px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
}


.dpo-post-after-title-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 55px 0 70px;
}

.dpo-post-after-title-share {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-decoration: underline;
    text-decoration-style: dotted;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.dpo-post-share-links {
    font-size: 0;
    display: flex;
    align-items: center;
    gap: 20px;
}

.dpo-post-share-item {
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.dpo-post-share-item.telegram:hover path {
    fill: #2F444E;
}

.dpo-post-share-item.vk:hover path {
    fill: #2F444E;
}

.dpo-post-share-item.whatsapp:hover circle {
    fill: #2F444E;
}

.dpo-post-after-title-date {
    padding: 10px 70px;
    background: #D1F38F;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
}

.dpo-post-block-after-content-btn {
    padding: 40px 0;
    text-align: center;
}

.dpo-post-banner-inner p:last-child {
    margin: 0 !important;
}

.dpo-post-banner-wrapper {
    position: relative;
    height: 280px;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    overflow: hidden;
    margin-top: 40px;
}

.dpo-post-banner-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    max-width: 900px;
}

.dpo-post-banner-inner p {
    display: block;
    width: 100%;
    font-family: "Druk Wide Cyr";
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
}

.category-zakonodatelstvo .dpo-post-banner-wrapper {
    background: linear-gradient(180deg, #2F444E 0%, #CBD3D7 100%);
}

.category-zakonodatelstvo .dpo-post-banner-inner p:first-of-type,
.category-zakonodatelstvo .dpo-post-banner-inner p:first-of-type>span {
    color: #fff;
}

.category-mediczina .dpo-post-banner-wrapper {
    background: linear-gradient(180deg, #F3FFE6 0%, #90C05E 100%);
}

.category-novosti .dpo-post-banner-wrapper {
    background: linear-gradient(180deg, #CBD3D7 0%, #2F444E 100%);
}

.dpo-post-banner-wrapper:before {
    content: '';
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}

.dpo-post-banner-wrapper:after {
    content: '';
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
}

.category-zakonodatelstvo .dpo-post-banner-wrapper:before {
    content: '';
    background-image: url(/wp-content/themes/dpo/img/single/post/banner/dpo-singlepost-zakon-banner-img-left.webp);
}

.category-zakonodatelstvo .dpo-post-banner-wrapper:after {
    content: '';
    background-image: url(/wp-content/themes/dpo/img/single/post/banner/dpo-singlepost-zakon-banner-img-right.webp);
}

.category-mediczina .dpo-post-banner-wrapper:before {
    content: '';
    background-image: url(/wp-content/themes/dpo/img/single/post/banner/dpo-singlepost-med-banner-img-left.webp);
}

.category-mediczina .dpo-post-banner-wrapper:after {
    content: '';
    background-image: url(/wp-content/themes/dpo/img/single/post/banner/dpo-singlepost-med-banner-img-right.webp);
}

.category-novosti .dpo-post-banner-wrapper:before {
    content: '';
    background-image: url(/wp-content/themes/dpo/img/single/post/banner/dpo-singlepost-news-banner-img-left.webp);
}

.category-novosti .dpo-post-banner-wrapper:after {
    content: '';
    background-image: url(/wp-content/themes/dpo/img/single/post/banner/dpo-singlepost-news-banner-img-right.webp);
}


@media (max-width: 767px) {
    article.type-post h1 {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    article.type-post .entry-content {
        border-radius: 30px;
        padding: 10px;
        font-size: 16px;
        line-height: 24px;
    }

    .dpo-post-after-title-meta {
        flex-direction: column-reverse;
    }

    .dpo-post-after-title-share {
        justify-content: center;
    }

    .dpo-post-after-title-date {
        width: 100%;
        text-align: center;
    }

    .dpo-post-block-after-content-btn .dpo-btn-and-arrow-arrow {
        display: none;
    }

    .dpo-post-banner-wrapper {
        padding: 80px 20px;
        height: auto;
    }

    .dpo-post-banner-inner p {
        font-size: 16px;
        line-height: 21px;
    }

    .dpo-post-banner-wrapper:before {
        top: 0;
        transform: none;
        width: 80px;
        height: 80px;
    }

    .dpo-post-banner-wrapper:after {
        top: auto;
        bottom: 0;
        transform: none;
        width: 80px;
        height: 80px;
    }

    .category-zakonodatelstvo .dpo-post-banner-wrapper:before {
        top: auto;
        left: 0;
        bottom: -25px;
        transform: rotate(331deg);
        width: 100px;
        height: 100px;
    }

    .category-zakonodatelstvo .dpo-post-banner-wrapper:after {
        top: 0;
        bottom: auto;
        right: 0;
        transform: rotate(354deg);
        width: 100px;
        height: 100px;
    }

    .category-mediczina .dpo-post-banner-wrapper:before {
        top: -20px;
        right: 20px;
        left: auto;
        transform: rotate(10deg);
        width: 100px;
        height: 100px;
    }

    .category-mediczina .dpo-post-banner-wrapper:after {
        top: auto;
        bottom: -35px;
        left: 0;
        transform: rotate(75deg);
        width: 100px;
        height: 100px;
    }

    .category-novosti .dpo-post-banner-wrapper:before {
        top: auto;
        bottom: -25px;
        left: 0;
        transform: rotate(344deg);
        width: 100px;
        height: 100px;
    }

    .category-novosti .dpo-post-banner-wrapper:after {
        top: 0;
        right: 20px;
        bottom: auto;
        transform: rotate(333deg);
        width: 80px;
        height: 80px;
    }
}

/* single post */


/* dpo posts slider */

.dpo-posts-slider {
    width: 100%;
    overflow: hidden;
    padding-top: 30px;
}

.dpo-posts-slide {
    padding: 24px 32px;
    background: #2F444E;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: auto;
}

.dpo-posts-slide-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.dpo-posts-slide-title a {
    color: #fff;
}

.dpo-posts-slide-title,
.dpo-posts-slide-title a:hover {
    color: #D1F38F;
}

.dpo-posts-slide-content {
    margin-top: auto;
}

.dpo-posts-slide-image {
    margin-bottom: 12px;
}

.dpo-posts-slide-image img {
    max-height: 68px;
    object-fit: cover;
    border-radius: 14px;
}

.dpo-posts-slide-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
    margin-left: auto;
}

.dpo-posts-slide-meta .dpo-posts-slide-date {
    background: #FFFFFF;
    padding: 6px 12px;
    border-radius: 20px;
    color: #2F444E;
    font-size: 12px;
    line-height: 16px;
}

.dpo-posts-slide-meta .dpo-posts-slide-category {
    background: #FFFFFF;
    padding: 6px 12px;
    border-radius: 20px;
    color: #2F444E;
    font-size: 12px;
    line-height: 16px;
}

.dpo-posts-slide-meta .dpo-posts-slide-category:hover,
.dpo-posts-slide-meta .dpo-posts-slide-category:focus {
    background: #D1F38F;
}

.dpo-posts-slide-meta .dpo-posts-slide-readmore {
    background: #FFFFFF;
    display: flex;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    padding: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 13.5L22.7071 12.7929L23.4142 13.5L22.7071 14.2071L22 13.5ZM13.2071 23.7071C12.8166 24.0976 12.1834 24.0976 11.7929 23.7071C11.4024 23.3166 11.4024 22.6834 11.7929 22.2929L12.5 23L13.2071 23.7071ZM3.5 14.5C2.94772 14.5 2.5 14.0523 2.5 13.5C2.5 12.9477 2.94772 12.5 3.5 12.5V13.5V14.5ZM11.7929 4.70711C11.4024 4.31658 11.4024 3.68342 11.7929 3.29289C12.1834 2.90237 12.8166 2.90237 13.2071 3.29289L12.5 4L11.7929 4.70711ZM22 13.5L22.7071 14.2071L13.2071 23.7071L12.5 23L11.7929 22.2929L21.2929 12.7929L22 13.5ZM22 13.5V14.5H3.5V13.5V12.5H22V13.5ZM12.5 4L13.2071 3.29289L17.9571 8.04289L17.25 8.75L16.5429 9.45711L11.7929 4.70711L12.5 4ZM17.25 8.75L17.9571 8.04289L22.7071 12.7929L22 13.5L21.2929 14.2071L16.5429 9.45711L17.25 8.75Z' fill='%232F444E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}

.dpo-posts-slide-meta .dpo-posts-slide-readmore:hover,
.dpo-posts-slide-meta .dpo-posts-slide-readmore:focus {
    background: #D1F38F;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 13.5L22.7071 12.7929L23.4142 13.5L22.7071 14.2071L22 13.5ZM13.2071 23.7071C12.8166 24.0976 12.1834 24.0976 11.7929 23.7071C11.4024 23.3166 11.4024 22.6834 11.7929 22.2929L12.5 23L13.2071 23.7071ZM3.5 14.5C2.94772 14.5 2.5 14.0523 2.5 13.5C2.5 12.9477 2.94772 12.5 3.5 12.5V13.5V14.5ZM11.7929 4.70711C11.4024 4.31658 11.4024 3.68342 11.7929 3.29289C12.1834 2.90237 12.8166 2.90237 13.2071 3.29289L12.5 4L11.7929 4.70711ZM22 13.5L22.7071 14.2071L13.2071 23.7071L12.5 23L11.7929 22.2929L21.2929 12.7929L22 13.5ZM22 13.5V14.5H3.5V13.5V12.5H22V13.5ZM12.5 4L13.2071 3.29289L17.9571 8.04289L17.25 8.75L16.5429 9.45711L11.7929 4.70711L12.5 4ZM17.25 8.75L17.9571 8.04289L22.7071 12.7929L22 13.5L21.2929 14.2071L16.5429 9.45711L17.25 8.75Z' fill='%232F444E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}

.dpo-posts-slider-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 40px;
}

.dpo-posts-slider-nav>div {
    width: 100%;
    max-width: 60px;
    max-height: 45px;
    padding: 9px 15px;
    background: #2F444E;
    border: 2px solid #2F444E;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.dpo-posts-slider-nav>div:not(.swiper-button-disabled):hover,
.dpo-posts-slider-nav>div:not(.swiper-button-disabled):focus {
    background: #fff;
}

.dpo-posts-slider-nav>div:not(.swiper-button-disabled):hover svg path,
.dpo-posts-slider-nav>div:not(.swiper-button-disabled):focus svg path {
    fill: #2F444E;
}

.dpo-posts-slider-nav>div.swiper-button-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

@media screen and (max-width:767px) {
    .dpo-posts-slide {
        padding: 20px;
    }

    .dpo-posts-slide-meta {
        gap: 10px;
        justify-content: space-between;
    }
}

/* dpo posts slider */

/* LK messenger */

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) {
    border-radius: 0 14px 14px 14px !important;
}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message.my .bm-message-content:not(.bm-hide-background) {
    border-radius: 14px 0 14px 14px !important;
}


/*body:not(.admin-bar) .bm-thread-info-actions .bm-thread-info-action:nth-child(2),*/
body:not(.admin-bar) .actions .bm-private-message,
.bpbm-dropdown-item.bpbm-invite-conversation {
    display: none !important;
}

/* LK messenger */


#tutor-course-spotlight-overview,
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
    max-width: calc(100% - 240px);
}

@media screen and (max-width:767px) {

    #tutor-course-spotlight-overview,
    .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
        max-width: 100%;
    }
}


.tutor-lesson-wrapper {
    overflow-wrap: break-word;
}

#tutor-course-spotlight-overview {
    user-select: none;
}

#tutor-course-spotlight-overview a,
#tutor-course-spotlight-overview button,
#tutor-course-spotlight-overview img,
#tutor-course-spotlight-overview iframe,
#tutor-course-spotlight-overview canvas {
    user-select: auto;
}


/* Documents Gate */

.dpo-tutor-documents-gate .tutor-alert-text {
    flex-direction: column;
}

.dpo-tutor-documents-gate .tutor-alert-text ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.dpo-tutor-documents-gate .tutor-alert-text ul li {
    color: red;
}

.dpo-tutor-documents-gate .tutor-btn {
    text-align: center;
    justify-content: center;
}


/* home license */

.dpo-section-home-license {
    overflow: visible;
}

.dpo-home-license {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 40px;
    align-items: center;
}

.dpo-home-license-content .dpo-home-section-title {
    margin-bottom: 24px;
}

.dpo-home-license-text {
    font-size: 20px;
    line-height: 28px;
    color: #2F444E;
}

.dpo-home-license-text p {
    margin: 0 0 16px;
}

.dpo-home-license-text p:last-child {
    margin-bottom: 0;
}

.dpo-home-license-panel {
    box-sizing: border-box;
    margin-right: calc(50% - 50vw);
    padding: 40px 48px;
    padding-right: calc(48px + (50vw - 50%));
    border-radius: 50px 0 0 50px;
    background-color: #D1F38F;
}

.dpo-home-license-docs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.dpo-home-license-btns {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.dpo-home-license-btns .dpo-btn-arrow-wrapper {
    max-width: 100%;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .dpo-home-license {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .dpo-home-license-panel {
        padding: 32px 40px;
        padding-right: calc(40px + (50vw - 50%));
    }
}

@media screen and (max-width: 767px) {
    .dpo-section-home-license {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .dpo-home-license {
        gap: 24px;
    }

    .dpo-home-license-content .dpo-home-section-title {
        margin-bottom: 16px;
    }

    .dpo-home-license-text {
        font-size: 16px;
        line-height: 22px;
    }

    .dpo-home-license-panel {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding: 24px calc(20px + (50vw - 50%));
        border-radius: 40px 0 0 40px;
    }

    .dpo-home-license-docs {
        gap: 12px;
        margin-bottom: 20px;
    }
}

/* home license */


/* about academy docs */

.dpo-section-about-academy-docs {
    position: relative;
    overflow: hidden;
    background-image: url(/wp-content/themes/dpo/img/about-us/dpo-image-line-section-docs.svg);
    background-position: -120px 100%;
    background-repeat: no-repeat;
    background-size: auto;
}

.dpo-about-academy-docs {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 40px;
    align-items: center;
}

.dpo-about-academy-docs-content .dpo-home-section-title {
    margin-bottom: 24px;
}

.dpo-about-academy-docs-text {
    font-size: 20px;
    line-height: 28px;
    color: #2F444E;
}

.dpo-about-academy-docs-text p {
    margin: 0 0 16px;
}

.dpo-about-academy-docs-text p:last-child {
    margin-bottom: 0;
}

.dpo-about-academy-docs-carousel {
    min-width: 0;
}

@media screen and (max-width: 1024px) {
    .dpo-about-academy-docs {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

@media screen and (max-width: 767px) {
    .dpo-section-about-academy-docs {
        padding-top: 30px;
        padding-bottom: 30px;
        background-image: url(/wp-content/themes/dpo/img/about-us/dpo-image-line-section-docs-mob-top.svg);
        background-position: bottom center;
        background-size: contain;
    }

    .dpo-section-about-academy-docs::after {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background-image: url(/wp-content/themes/dpo/img/about-us/dpo-image-line-section-docs-mob-bottom.svg);
        background-position: 100% 35px;
        background-repeat: no-repeat;
        background-size: auto;
        opacity: 1;
    }

    .dpo-about-academy-docs {
        gap: 24px;
    }

    .dpo-about-academy-docs-content .dpo-home-section-title {
        margin-bottom: 16px;
    }

    .dpo-about-academy-docs-text {
        font-size: 16px;
        line-height: 22px;
    }

    .dpo-carousel-docs-caption {
        font-size: 12px;
        line-height: 16px;
    }
}

/* about academy docs */


/* about academy center */

.dpo-section-about-academy-center .dpo-about-academy-center-title {
    margin-bottom: 40px;
}

.dpo-section-about-academy-center .dpo-home-slider-vertical-wrapper {
    margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
    .dpo-section-about-academy-center .dpo-about-academy-center-title {
        margin-bottom: 24px;
    }

    .dpo-section-about-academy-center .dpo-home-slider-vertical-wrapper {
        margin-bottom: 16px;
    }
}

/* about academy center */


/* reviews blocks video */

.dpo-section-reviews-blocks-video .dpo-home-section-title {
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .dpo-section-reviews-blocks-video .dpo-home-section-title {
        margin-bottom: 24px;
    }
}

/* reviews blocks video */


/* instructors blocks */

.dpo-section-instructors-blocks {
    position: relative;
    overflow: hidden;
    background-image: url(/wp-content/themes/dpo/img/about-us/dpo-element-instructors-bg.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dpo-instructors-blocks {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 40px;
    align-items: center;
}

.dpo-instructors-blocks-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.dpo-instructors-blocks-content .dpo-home-section-title {
    margin: 0;
}

.dpo-instructors-blocks-panel {
    min-width: 0;
}

@media screen and (max-width: 1024px) {
    .dpo-instructors-blocks {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

@media screen and (max-width: 767px) {
    .dpo-section-instructors-blocks {
        padding-top: 30px;
        padding-bottom: 30px;
        background-image: url(/wp-content/themes/dpo/img/about-us/dpo-element-instructors-bg-mob.svg);
        background-size: cover;
    }

    .dpo-instructors-blocks {
        gap: 24px;
    }

    .dpo-instructors-blocks-content {
        gap: 16px;
    }

    .dpo-instructors-blocks-content .dpo-btn-and-arrow-wrapper,
    .dpo-instructors-blocks-content .dpo-btn-and-arrow-wrapper a {
        width: 100%;
    }
}

/* instructors blocks */


.dpo-course-documents-gate {
    display: flex;
    flex-direction: column;
}

/* Tutor 4 Modern learning-area + custom footer */
body.dpo-tutor-learning-area .dpo-custom-footer {
    position: relative;
    z-index: 25;
}

@media (min-width: 993px) {
    body.dpo-tutor-learning-area.dpo-learning-sidebar-parked .tutor-learning-area-body {
        position: relative;
    }

    body.dpo-tutor-learning-area.dpo-learning-sidebar-parked .tutor-learning-sidebar {
        position: absolute;
        top: auto !important;
        bottom: 0;
        height: calc(100dvh - 62px);
        max-height: calc(100dvh - 62px);
    }

    body.dpo-tutor-learning-area.dpo-learning-sidebar-parked.tutor-has-admin-bar .tutor-learning-sidebar {
        height: calc(100dvh - 92px);
        max-height: calc(100dvh - 92px);
    }
}

body.dpo-tutor-content-gated .tutor-learning-area-gate {
    max-width: 760px;
    margin: 0 auto;
}

body.dpo-tutor-content-gated .dpo-tutor-offer-content {
    max-height: 50vh;
    overflow-y: auto;
}

body.dpo-tutor-learning-area .dpo-learning-header-content {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1 1 auto;
}

body.dpo-tutor-learning-area .dpo-learning-header-nav {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    padding-right: 12px;
    margin-right: 0;
    border-right: 1px solid var(--tutor-border-muted, #dcdfe5);
}

body.dpo-tutor-learning-area .dpo-learning-header-nav .tutor-btn,
body.dpo-tutor-learning-area .dpo-learning-header-nav .dpo-learning-header-nav-btn {
    flex: 0 0 auto;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
}

body.dpo-tutor-learning-area .dpo-learning-header-nav-sep {
    flex: 0 0 auto;
    color: var(--tutor-border-muted, #b8bcc4);
    font-size: 14px;
    line-height: 1;
    user-select: none;
}

body.dpo-tutor-learning-area .tutor-learning-area-footer button[name="complete_lesson_btn"].tutor-mark-as-complete-button:not(.completed),
body.dpo-tutor-learning-area .tutor-learning-area-footer .tutor-mark-as-complete-button:not(.completed):not(:disabled) {
    background-color: #D1F38F !important;
    color: #2F444E !important;
    border: 2px solid #84b056 !important;
    font-weight: 600;
    box-shadow: 0 3px 0 #84b056;
}

body.dpo-tutor-learning-area .tutor-learning-area-footer button[name="complete_lesson_btn"].tutor-mark-as-complete-button:not(.completed):hover:not(:disabled),
body.dpo-tutor-learning-area .tutor-learning-area-footer .tutor-mark-as-complete-button:not(.completed):not(:disabled):hover {
    background-color: #c5eb7a !important;
    color: #2F444E !important;
}

body.dpo-tutor-learning-area .tutor-learning-area-footer button[name="complete_lesson_btn"].tutor-mark-as-complete-button:not(.completed) svg,
body.dpo-tutor-learning-area .tutor-learning-area-footer .tutor-mark-as-complete-button:not(.completed):not(:disabled) svg {
    color: #2F444E !important;
}

body.dpo-tutor-learning-area .dpo-lesson-footer-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
    max-width: 34%;
}

body.dpo-tutor-learning-area .dpo-lesson-footer-nav-next {
    align-items: flex-end;
    text-align: right;
}

body.dpo-tutor-learning-area .dpo-lesson-footer-nav-hint {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.3;
    color: var(--tutor-text-subdued, #5b616f);
    padding: 0 4px;
}

@media (max-width: 576px) {
    body.dpo-tutor-learning-area .dpo-lesson-footer-nav {
        max-width: 30%;
    }

    body.dpo-tutor-learning-area .dpo-lesson-footer-nav-hint {
        display: none;
    }
}

body.dpo-tutor-learning-area .tutor-learning-header-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.dpo-tutor-learning-area .dpo-learning-sidebar-preview-slot {
    padding: 8px 12px 0;
    flex: 0 0 auto;
}

body.dpo-tutor-learning-area .dpo-learning-sidebar-preview-slot .dpo-tutor-preview-mode {
    margin-bottom: 0;
    border: 1px solid var(--tutor-border-idle, #ececed);
    border-radius: 8px;
    box-shadow: none;
    background: var(--tutor-surface-l1, #fff);
}

body.dpo-tutor-learning-area .dpo-learning-sidebar-preview-slot .dpo-tutor-preview-mode .tutor-card-body {
    padding: 8px 10px;
}

body.dpo-tutor-learning-area .dpo-learning-sidebar-preview-slot .dpo-tutor-preview-mode-title {
    font-size: 11px;
    line-height: 1.25;
    margin-bottom: 6px;
}

body.dpo-tutor-learning-area .dpo-learning-sidebar-preview-slot .dpo-tutor-preview-mode .tutor-btn-group {
    margin-bottom: 0;
    gap: 4px;
}

body.dpo-tutor-learning-area .dpo-learning-sidebar-preview-slot .dpo-tutor-preview-mode .tutor-btn-group a {
    font-size: 11px;
    padding: 5px 6px;
    border-radius: 6px;
}

body.dpo-tutor-learning-area .dpo-learning-sidebar-preview-slot .dpo-tutor-preview-mode-hint {
    display: none;
}

body.dpo-tutor-learning-area .tutor-learning-sidebar-curriculum {
    min-height: 0;
}