.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(//napsrf.ru/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;
}
@media screen and (max-width:767px) {
.dpo-section-about-us:before {
background-image: url(//napsrf.ru/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(//napsrf.ru/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;
} .bvi-shortcode {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
padding: 10px;
width: 52px;
height: 52px;
}
.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;
background-color: #84b056;
}
.bvi-shortcode:hover {
background-color: #2f444e;
}
.bvi-shortcode a {
background-color: transparent;
}
.bvi-shortcode a {
font-size: 0;
line-height: 0;
}  .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;
}
}  .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;
}
}  .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;
}
}  .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;
}  .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;
}
}  .tutor-user-public-profile .tutor-container:not(.photo-area) {
padding-top: 70px;
}
.tutor-user-public-profile .tutor-user-profile-content {
width: 100%;
}
.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: 180px;
width: 180px;
}
.sdo-profile-head-slider .slick-list,
.sdo-profile-head-slider .slick-track {
height: 100%;
}
.sdo-profile-head-slider .slick-prev,
.sdo-profile-head-slider .slick-next {
z-index: 1;
}
.sdo-profile-head-slider .slick-prev:before,
.sdo-profile-head-slider .slick-next:before {
font-size: 30px;
}
.sdo-profile-head-slider .slick-prev {
left: 10px;
}
.sdo-profile-head-slider .slick-next {
right: 20px;
}
.sdo-profile-head-slider-item {
background-size: cover !important;
background-position: 50% !important;
position: relative;
}
.sdo-profile-head-slider-item:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 70%;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6)));
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
}
.sdo-profile-head-slider-item-content {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.sdo-profile-head-slider-item a {
font-weight: 500;
color: #fff;
background: #1C2956;
padding: 10px 20px;
border-radius: 15px;
transition: all 0.3s;
}
.sdo-profile-naprav-wrapper {
padding: 15px;
}
.sdo-profile-naprav-inner {
display: flex;
flex-wrap: wrap;
margin: 0 -30px;
justify-content: center;
}
.sdo-profile-naprav-item {
display: flex;
flex-direction: column;
width: calc(25% - 30px);
margin: 15px;
}
.sdo-profile-naprav-item-image {
margin-bottom: 10px;
}
.sdo-profile-naprav-item-image img {
border-radius: 10px;
}
.sdo-profile-naprav-item-title {
text-align: center;
font-weight: 500;
} .sdo-profile-program-inner {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.sdo-profile-program-item {
display: flex;
flex-direction: column;
width: 33.3%;
border: 4px solid #fff;
background: #cdb97e;
box-shadow: 0 4px 14px rgb(0 0 0 / 30%);
}
.sdo-profile-program-item-image {
min-height: 250px;
}
.sdo-profile-program-item-image img {
border-radius: 0 0 10px 10px;
height: 100%;
width: 100%;
object-fit: cover;
}
.sdo-profile-program-item-title {
text-align: center;
font-weight: 500;
padding: 10px;
}
.sdo-profile-footer {
background: #cdb97e;
padding: 30px;
margin-bottom: -60px;
}
.sdo-profile-footer-inner {
display: flex;
flex-wrap: wrap;
margin: 0 -30px;
}
.sdo-profile-footer-col {
display: flex;
flex-direction: column;
width: calc(50% - 30px);
margin: 15px auto;
padding: 10px;
border: 1px solid #fff;
border-radius: 15px;
}
.sdo-profile-footer-inner>div+div {
margin: 15px;
}
.sdo-profile-footer-contacts {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.sdo-profile-footer-contacts-item {
display: flex;
flex-direction: column;
width: 50%;
padding: 10px;
color: #fff;
}
.sdo-profile-footer-contacts-item a {
color: #fff;
}
.sdo-profile-footer-contacts-title {
color: #1C2956;
font-weight: 600;
font-size: 14px;
}
.sdo-profile-footer-connect {
display: flex;
flex-wrap: wrap;
padding: 10px;
}
.sdo-profile-footer-connect>div {
width: 50%;
align-items: center;
justify-content: flex-start;
}
.sdo-profile-footer-btn {
font-weight: 500;
color: #fff;
background: #1C2956;
padding: 10px;
border-radius: 15px;
transition: all 0.3s;
}
.sdo-profile-footer-socials-inner {
display: flex;
align-items: center;
}
.sdo-profile-footer-socials-inner a {
font-size: 18px;
background: #cdb97e;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 1px 10px rgb(0 0 0 / 40%);
padding: 5px;
border-radius: 5px;
transition: all 0.3s;
width: 30px;
height: 30px;
}
.sdo-profile-footer-socials-inner a:hover {
box-shadow: 0 1px 10px rgb(0 0 0 / 60%);
}
.sdo-profile-footer-socials-inner a:not(:last-child) {
margin-right: 10px;
}
.sdo-profile-footer-col.--right {
flex-direction: row;
}
.sdo-profile-footer-company {
width: 50%;
display: flex;
flex-direction: column;
padding: 10px;
color: #fff;
}
.sdo-profile-footer-company.--right {
align-items: end;
}
.sdo-profile-footer-company-title {
color: #1C2956;
font-weight: 600;
font-size: 14px;
margin-bottom: 10px;
}
.sdo-profile-footer-company img {
max-width: 160px;
}
.sdo-profile-footer-company img:not(:last-child) {
margin-bottom: 10px;
}
.sdo-profile-footer-company-text {
margin-top: 10px;
font-size: 12px;
line-height: 16px;
}
.sdo-profile-footer-company.--right .sdo-profile-footer-company-text {
text-align: right;
}
.sdo-profile-consult {
padding: 15px; }
.sdo-profile-consult h3 {
text-align: center;
}
.tutor-user-profile-content>.sdo-profile-footer-contacts * {
color: #41454F !important;
} .sdo-form label {
color: #1C2956;
font-weight: 600;
font-size: 16px;
}
.sdo-form input[type="text"],
.sdo-form input[type="textarea"],
.sdo-form input[type="email"],
.sdo-form input[type="tel"],
.sdo-form input[type="number"] {
height: 40px;
border-radius: 10px;
border: 1px solid #ccc;
padding: 5px;
width: 100%;
font-size: 14px;
}
.sdo-form input[type="submit"] {
font-weight: 500;
color: #fff;
background: #1C2956;
padding: 10px 50px;
border-radius: 15px;
transition: all 0.3s;
}
.sdo-form input[type="submit"]:disabled {
opacity: 0.5
} .sdo-profile-consult-form {
display: flex;
flex-wrap: wrap;
max-width: 550px;
margin: auto;
}
.sdo-profile-consult-form>div {
margin-bottom: 15px;
}
.sdo-profile-consult-form-field {
width: 50%;
padding: 5px;
}
.sdo-profile-consult-form-field:first-child {
width: 100%;
}
.sdo-profile-consult-form-accept {
width: 100%;
}
.sdo-profile-consult-form-button {
width: 100%;
position: relative;
display: flex;
justify-content: center;
}
.sdo-profile-consult-form-button .wpcf7-spinner {
position: absolute;
right: 0;
}
.sdo-profile-consult-form-accept label {
font-size: 12px;
line-height: 16px;
}  .dpo-slider-infopages-wrapper {
margin-top: -60px;
}
.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, #84B056 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, #84B056 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: #84B056;
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;
margin-bottom: 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);
}
}  .courses-loop-header {
border-bottom: 1px solid;
margin-bottom: 20px;
}
img[src*="placeholder.svg"] {
content: url(//napsrf.ru/wp-content/themes/dpo/img/naps-placeholder.svg);
display: block;
width: 100%;
height: auto;
}
@media screen and (max-width:767px) {
.tutor-wrap-parent.course-archive-page {
padding-top: 30px;
padding-bottom: 50px;
}
}  .tutor-widget-course-categories,
.tutor-widget-course-price {
display: none !important;
}
.dpo-course-filters .tutor-widget:first-of-type {
margin-top: 0;
}
.dpo-reset-filters {
margin-top: 20px;
}  .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;
}  .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;
}
}  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: #fff;
z-index: 2;
padding-left: 5px;
}
body.woocommerce-checkout #order_review .shop_table .review-order-row .review-order-col:first-child span {
background: #fff;
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 #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;
}
button[name="update_cart"] {
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] {
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 {
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: auto 3fr auto;
grid-gap: 30px;
}
.dpo-cart-container .cart-contents img {
border-radius: 10px;
max-width: 160px;
object-fit: cover;
height: auto;
}
.dpo-cart-container .cart-product-title a {
font-weight: 600;
}
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 {
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;
gap: 30px;
}
.checkout.woocommerce-checkout>div:nth-child(1) {
width: 70% !important;
margin: 0 !important;
float: none !important;
}
.checkout.woocommerce-checkout>div:nth-child(2) {
width: 30%;
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;
}
@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>div:nth-child(1),
.checkout.woocommerce-checkout>div:nth-child(2) {
width: 100% !important;
}
.woocommerce form .form-row {
width: 100%;
}
.dpo-cart-container .cart-contents {
grid-template-columns: auto;
}
}  .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 .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;
}
}  .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%;
}  .tutor-single-course-sidebar-more>div {
border-radius: 15px !important;
}  body.tutor-screen-frontend-dashboard .ast-container {
flex-wrap: wrap;
}
.dpo-dashboard-top-content {
position: relative;
width: 100%;
display: flex;
gap: 20px;
justify-content: space-between;
margin: 50px auto -50px;
z-index: 1;
}
.dpo-dashboard-user-url {
display: flex;
align-items: center;
}
.dpo-dashboard-user-id {
position: relative;
font-size: 22px;
font-weight: bold;
display: flex;
align-items: center;
gap: 5px;
}
.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;
font-size: 20px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.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-content-inner.enrolled-courses .tutor-nav>.tutor-nav-item:nth-child(1) {
order: 3;
}
.tutor-dashboard-content-inner .tutor-card {
transition: all 0.3s;
}
.tutor-dashboard-content-inner .tutor-card.card-with-link a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
transition: all 0.3s;
}
.tutor-dashboard-content-inner .tutor-card.card-with-link:hover {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
#tutor-dashboard-footer-mobile .tutor-row>a:nth-child(2) {
display: none !important;
}
#tutor-dashboard-footer-mobile .tutor-row {
justify-content: space-evenly;
}
@media screen and (max-width:767px) {
.dpo-dashboard-top-content {
flex-wrap: wrap;
}
body.tutor-screen-frontend-dashboard .tutor-frontend-dashboard .tutor-header-right-side>div {
flex-direction: column;
gap: 20px;
width: 100%;
align-items: flex-start !important;
}
}  .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-response-output {
border-radius: 20px;
margin: 0;
}
.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;
}  .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;
}  .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-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;
}
.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");
}  .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;
}  .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(//napsrf.ru/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;
}  .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;
}  .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(//napsrf.ru/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(//napsrf.ru/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(//napsrf.ru/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(//napsrf.ru/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(//napsrf.ru/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(//napsrf.ru/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(//napsrf.ru/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(//napsrf.ru/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(//napsrf.ru/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(//napsrf.ru/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(//napsrf.ru/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(//napsrf.ru/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(//napsrf.ru/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);
}
}  .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;
}
}  .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;
}
@media screen and (max-width:767px) {
.dpo-btn-and-arrow-wrapper a {
width: 100%;
}
.dpo-btn-and-arrow-btn {
font-size: 14px;
line-height: 18px;
font-weight: 500;
padding: 5px 30px;
min-width: 150px;
width: 100%;
}
.dpo-btn-all-courses .dpo-btn-and-arrow-arrow {
display: none;
}
}  .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;
}
}  .dpo-image-zoom a:before {
content: '';
width: 50px;
height: 50px;
display: block;
background-image: url(//napsrf.ru/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 {
opacity: 1;
}
.dpo-image-zoom a:hover img {
filter: blur(3px);
}  .dpo-carousel-docs {
padding-bottom: 60px;
}
.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;
}
.dpo-carousel-docs .elementor-swiper-button svg {
display: none;
}
.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;
}
}  .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%; }
.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 { 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");
}
}  .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-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-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(//napsrf.ru/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(//napsrf.ru/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(//napsrf.ru/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-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(//napsrf.ru/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(//napsrf.ru/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;
}
}  .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%; 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;
}
}  .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(//napsrf.ru/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;
} .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(//napsrf.ru/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;
}
}  .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(//napsrf.ru/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(//napsrf.ru/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(//napsrf.ru/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(//napsrf.ru/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;
}
}