.blocks {
display: flex;
flex-direction: column;
overflow: hidden;
background: #c1b0fc;
}
.block {
position: relative;
}
.block .yznat-ceny-i-srok { padding-top: 0; padding-bottom: 0; }
.block .yznat-ceny-i-srok:before { display: none; }
.block .pinned-bd { margin-top: 0; margin-bottom: 0; }
.block .pinned-bd picture { height: auto; width: 15%; margin-left: 2%; }
.block .pinned-bd .pinned-face { height: auto; width: auto; margin: 0; max-height: 150px; }
.block .reviews { margin-bottom: 0; padding: 0; }
.block .reviews::before { display: none; }
.block-shagi .kak-rabotaem { position: relative; padding-bottom: 0; padding-top: 0; }
.block-main .offer-panel { padding: 0; margin-bottom: 0; }
.block-main .offer-panel:before { display: none; }
.block-block-text .block-text { padding-top: 0; padding-bottom: 0; }
.block-predmety .subject { padding: 0; margin-bottom: 0; }
.block-predmety .subject:before { display: none; }
.block-predmety .subject-section-container { margin-bottom: 0; }
.block-predmety .subject__name { margin-top: 0; }
.block-osnovnoe-opisanie .text { margin-bottom: 0; margin-top: 0; font-size: 16px; line-height: 1.3; }
.block-osnovnoe-opisanie .text > :first-child { margin-top: 0; }
.block-osnovnoe-opisanie .text > :last-child { margin-bottom: 0; }
.block-otzyvy .reviews-item__text {
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
}
.block-faq .qna { padding: 0; margin-bottom: 0; }
.block-faq .qna::before { display: none; }
.block-knopki-sots-setej-2 .pep-order.icons-contact { padding: 0; margin-bottom: 0; height: auto; }
.block-knopki-sots-setej-2 .pep-order__title { margin-top: 0; line-height: 1; }
.block-knopki-sots-setej-2 .pep-order::before { display: none; }
.block-top #top-blog-articles { margin: 0; }
.banner { width: 100%; }
.container { max-width: 1300px; width: 100% !important; }
.block .pinned__text_wrap { color: #333; }
.m-knopki-sots-setej-3-dbs { display: none; } .knopki-sots-setej-3 {
display: flex;
border-radius: 12px;
justify-content: center;
}
.knopki-sots-setej-3 .yznat-ceny-i-srok__icon { width: 23%; }
.block-knopki-sots-setej3 { position: relative; padding: 0; }
.knopki-sots-setej-3-bg {
position: absolute;
width: 455px;
right: 0;
top: 30px;
bottom: 30px;
z-index: 1;
background: url(//student-servis.com/wp-content/uploads/2025/10/speaker-small.png?7) no-repeat 150% 40%;
background-size: 300px;
pointer-events: none;
}
.knopki-sots-setej-3-img-wrapper {
position: absolute;
margin-right: auto;
background: #ddd;
top: 0;
bottom: 0;
}
.knopki-sots-setej-3-img {
width: 350px;
min-width: 350px;
margin: 0;
display: flex;
align-items: center;
justify-content: start;
left: -150px;
position: absolute;
top: -10px;
bottom: 0;
}
.knopki-sots-setej-3-img picture,
.knopki-sots-setej-3-img img { height: 100% !important; width: auto !important; }
.knopki-sots-setej-3 > .yznat-ceny-i-srok { flex: 1; max-width: 860px; }
.knopki-sots-setej-3 .yznat-ceny-i-srok__title {
font-size: 40px;
color: #a015fe;
font-family: 'ProstoOne', sans-serif;
}
.knopki-sots-setej-3 .yznat-ceny-i-srok__text { font-size: 40px; font-weight: 600; }
.m-yznat-ceny-i-srok__icon__wrap { display: none; } .block-banner { padding: 0; }
.m-banner { display: none; }
.block-header-inner { min-height: 400px; display: flex; position: relative; }
.block-header-content {
display: flex;
flex-direction: column;
z-index: 1;
gap: 60px;
justify-content: space-between;
align-items: flex-start;
min-width: 50%;
width: 50%;
}
.block-header-text {
font-size: 23px;
font-family: 'ProstoOne', sans-serif;
width: 100%;
color: #CDE0F6;
text-align: left;
}
.block-header-text-desc span { color: #8f50f5; }
.block-header-top { display: block; }
.block-header-bts-social { display: flex; gap: 40px; justify-content: center; width: 100%; }
.block-header-bts-social div { width: auto; }
.block-header-bts-social > div a {
border-radius: 50% !important;
border: none;
height: 60px;
width: 60px;
min-width: 60px;
}
.block-header-title {
font-weight: 900;
color: #000;
display: inline;
font-family: 'ProstoOne', sans-serif;
}
.block-header-title div {
padding: 0 4px;
display: table;
margin: -3px;
color: #59f61d;
background: #a015fe;
}
.block-header-title span { color: #8f50f5; }
.block-header-sub-title {
background: #C5FCB0;
color: #a015fe;
padding: 4px 10px;
display: table;
margin: 0 auto;
line-height: 1.1;
}
.block-header-bts { display: flex; gap: 20px; flex: 1; width: 100%; align-items: start; margin-top: 30px; }
.block-header-bg {
background-size: contain !important;
background-position: 50% 50% !important;
margin: 0 !important;
min-width: 0;
margin-left: -60px;
width: calc(50% + 60px);
}
.block-header-gear { position: absolute; left: -15px; bottom: -5px; width: 11%; }
.block-header-help { position: absolute; left: -45px; top: -10px; width: 20%; }
.block-header-btn {
font-size: 19px;
transition: all 0.1s ease;
padding: 20px 60px;
border-radius: 99px;
text-align: center;
}
.block-header-btn-show2 { background: #C5FCB0; color: #a015fe !important; align-items: start; }
.block-header-btn.block-header-btn-show { border: 2px solid #000; background: #fff9fc; color: #000; }
.block-header-btn:hover { transform: translateY(-3px); cursor: pointer; }
.block-header-gear img, .block-header-help img { width: 100%; height: auto; } .knopki-sots-setej-4 { display: flex; position: relative; justify-content: center; }
.knopki-sots-setej-4 .yznat-ceny-i-srok__icon { width: 23%; }
.knopki-sots-setej-4-bg {
position: absolute;
width: 455px;
right: 0;
top: 0;
bottom: 10px;
z-index: 1;
background: url(//student-servis.com/wp-content/uploads/2025/10/sm.png) no-repeat 270% 40%;
background-size: 370px;
pointer-events: none;
}
.knopki-sots-setej-4-img {
width: 350px;
min-width: 350px;
margin: 0;
display: flex;
align-items: center;
justify-content: start;
left: -150px;
position: absolute;
top: -10px;
bottom: -10px;
}
.knopki-sots-setej-4-img picture, .knopki-sots-setej-4-img img { width: auto !important; }
.knopki-sots-setej-4 > .yznat-ceny-i-srok { flex: 1; max-width: 860px; }
.knopki-sots-setej-4 .yznat-ceny-i-srok__title,
.knopki-sots-setej-4 .yznat-ceny-i-srok__text { font-size: 40px; text-shadow: 2px 2px 2px #340b12; }
.knopki-sots-setej-4-img-m { display: none; } .ptl-title { margin: 0 0 40px 0; font-size: clamp(30px, 3.6vw, 40px); color: #282828; text-align: center; }
.ptl-tiles-container { display: flex; flex-wrap: wrap; gap: 9px; align-items: stretch; }
.ptl-tile {
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 20px;
min-height: 290px;
color: #1a202c;
border-radius: 12px;
overflow: hidden;
background-color: var(--ptl-bg-color, #eaf2fa);
box-shadow: -1px 1px 8px 0 rgba(34, 60, 80, 0.2);
font-size: 16px;
flex-grow: 1;
container-type: inline-size;
}
.ptl-tile--25 { flex-basis: calc((100% - 20px * 3) / 4); }
.ptl-tile--50 { flex-basis: calc((100% - 20px * 1) / 2); }
.ptl-tile--75 { flex-basis: calc((100% - 10px * 1) / 4 * 3); }
.ptl-tile--100 { flex-basis: 100%; }
.ptl-tile__title {
font-weight: 800;
margin-bottom: 10px;
font-size: clamp(20px, calc(40px - 2vw), 23px);
font-family: 'ProstoOne', sans-serif;
color: #4f33b1;
text-shadow: 2px 2px 10px #fff;
}
.ptl-tile__description { margin: 0; line-height: 1.5; }
.ptl-tile__title, .ptl-tile__description { word-break: break-word; }
.ptl-tile__description ul[data-list="1"] li::before,
.ptl-tile__description ul[data-list="2"] li::before,
.ptl-tile__description ul[data-list="3"] li::before,
.ptl-tile__description ul[data-list="4"] li::before { color: inherit; }
.ptl-only-desktop { display: block; height: 100%; gap: 24px; }
.ptl-only-mobile { display: none; }
.ptl-25 { display: flex; flex-direction: column; }
.ptl-25__middle { flex-grow: 1; }
.ptl-25__bottom { margin-top: auto; }
.ptl-tile__header-icon { width: 48px; height: 48px; object-fit: contain; margin-bottom: 16px; }
.ptl-25__top img { margin: 0 auto; height: 90px; width: auto; }
.ptl-wide-split { display: flex; gap: 24px; align-items: stretch; }
.ptl-tile--50 .ptl-wide-split { flex-direction: column; }
.ptl-tile--50 .ptl-wide-visual { margin: 0; }
.ptl-wide-text { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; gap: 22px; }
.ptl-wide-text__top { flex-grow: 1; display: flex; flex-direction: column; gap: 10px; }
.ptl-wide-text__bottom { margin-top: auto; }
.ptl-wide-visual { display: flex; align-items: center; justify-content: center; margin: -20px 0; }
.ptl-wide-visual img { max-width: 100%; height: auto; object-fit: contain; max-height: 300px; width: auto; }
.ptl-tile__footer .m-ptl-btn,
.ptl-tile__footer .ptl-btn { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.ptl-tile__footer .ptl-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0, 0, 0, .12); cursor: pointer; }
.ptl-tile__icon-arrow { display: inline-flex; width: 42px; height: 42px; border-radius: 50%; align-items: center; justify-content: center; background: rgba(0, 0, 0, .07); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3); color: #fff; }
.ptl-tile__button-text { display: none; }
.ptl-tile--100.img-padding-0 .ptl-wide-visual,
.ptl-tile--50.img-padding-0 .ptl-wide-visual,
.ptl-tile--75.img-padding-0 .ptl-wide-visual { margin-right: -14px; } .ptl-ol1-stepper { width: 100%; display: flex; padding: 0; margin: 40px 0 20px; counter-reset: stepper-counter; align-items: stretch; }
.ptl-ol1-item { flex: 1; position: relative; text-align: center; counter-increment: stepper-counter; display: flex; flex-direction: column; }
.ptl-ol1-ring-container { position: relative; width: 44px; height: 44px; margin: 0 auto 30px; z-index: 2; background-color: #ffffff; flex-shrink: 0; }
.ptl-ol1-ring-svg { width: 44px; height: 44px; transform: rotate(-90deg); margin: 0; }
.ptl-ol1-ring-bg { fill: none; stroke: #e0e0e0; stroke-width: 2; }
.ptl-ol1-ring-progress { fill: none; stroke: #d9534f; stroke-width: 2; stroke-linecap: round; transition: stroke-dashoffset 0.6s ease; }
.ptl-ol1-ring-number { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #212529; font-size: 15px; font-weight: 600; }
.ptl-ol1-ring-number::before { content: counter(stepper-counter); }
.ptl-ol1-item:not(:last-child)::after { content: ''; position: absolute; width: calc(100% - 70px); height: 1px; background-color: #e0e0e0; top: 22px; left: calc(50% + 35px); z-index: 1; }
.ptl-ol1-card { background-color: #f6f6f6; padding: 20px; border-radius: 16px; margin: 0 10px; text-align: center; flex-grow: 1; display: flex; flex-direction: column; }
.ptl-ol1-card-title { margin: 0 0 8px; font-size: 18px; font-weight: 600; }
.ptl-ol1-card p { margin: 0; font-size: 14px; opacity: .7; }
@container (max-width: 900px) {
.ptl-ol1-stepper { flex-direction: column; gap: 30px; }
.ptl-ol1-item { display: flex; flex-direction: row; align-items: center; text-align: left; }
.ptl-ol1-ring-container { margin: 0 20px 0 0; flex-shrink: 0; height: 60px; display: flex; justify-content: center; align-items: center; }
.ptl-ol1-card { margin: 0; flex-grow: 1; text-align: left; }
.ptl-ol1-item:not(:last-child)::after { width: 1px; height: calc(100% + 20px); top: calc(44px + 25px); bottom: 0; left: 22px; }
}
@supports not (container-type: inline-size) {
@media (max-width: 900px) {
.ptl-ol1-stepper { flex-direction: column; gap: 30px; }
.ptl-ol1-item { display: flex; flex-direction: row; align-items: flex-start; text-align: left; }
.ptl-ol1-ring-container { margin: 0 20px 0 0; flex-shrink: 0; }
.ptl-ol1-card { margin: 0; flex-grow: 1; }
.ptl-ol1-item:not(:last-child)::after { width: 1px; height: calc(100% + 10px); top: calc(34px + 10px); left: 17px; }
}
}
.ptl-ul1-stepper { width: 100%; display: flex; flex-direction: column; gap: 30px; margin: 20px 0; }
.ptl-ul1-item { display: flex; align-items: center; position: relative; }
.ptl-ul1-image-container { position: relative; width: 60px; height: 60px; margin-right: 20px; flex-shrink: 0; z-index: 2; overflow: hidden; }
.ptl-ul1-image { width: 100%; height: 100%; object-fit: contain; display: block; }
.ptl-ul1-item:not(:last-child) .ptl-ul1-image-container::after { content: ''; position: absolute; width: 1px; height: calc(100% + 20px); background-color: #e0e0e0; top: calc(100% + 5px); left: 50%; transform: translateX(-50%); z-index: 1; }
.ptl-ul1-card { background-color: #8f50f5; padding: 20px; border-radius: 16px; flex-grow: 1; text-align: left; }
.ptl-ul1-card-title { margin: 0 0 8px; font-size: 22px; font-weight: 600; font-family: 'ProstoOne', sans-serif; }
.ptl-ul1-card p { margin: 0; font-size: 22px; line-height: 1.6; opacity: .9; }
.ptl-ul1-image-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); font-size: 24px; font-weight: 600; } .m-block-header-bg { display: none; }
.desktop-break { display: none; }
.mobile-break { display: block; }
@media screen and (min-width: 560px) {
.mm-hide { display: none !important; }
}
@media screen and (max-width: 1450px) {
.knopki-sots-setej-4-bg, .knopki-sots-setej-3-bg { display: none; }
.knopki-sots-setej-4-img, .knopki-sots-setej-3-img, .knopki-sots-setej-3-img-wrapper { left: 0 !important; }
.block-knopki-sots-setej4, .knopki-sots-setej-4 { position: relative; }
}
@media screen and (max-width: 1200px) {
.block-header-bg { margin-left: -10px; width: calc(50% + 10px); }
.block-header-btn { font-size: 16px; padding: 15px 5px; height: auto; }
.knopki-sots-setej-3::after, .knopki-sots-setej-4::after { display: none; }
.knopki-sots-setej-3 .yznat-ceny-i-srok__title { font-size: clamp(30px, 3.6vw, 40px); color: #a015fe; font-weight: 950; font-family: 'ProstoOne', sans-serif; }
.knopki-sots-setej-3 .yznat-ceny-i-srok__text { font-size: clamp(26px, 3.6vw, 32px); font-weight: 600; font-family: verdana, geneva; }
.knopki-sots-setej-3 > .yznat-ceny-i-srok { flex: 1; margin-right: 0; z-index: 2; }
.knopki-sots-setej-3::before { display: none; }
.knopki-sots-setej-4-img { width: 300px; min-width: 300px; margin: auto; position: absolute; left: -20px; bottom: 0; top: -40px; z-index: 1; }
.knopki-sots-setej-4 .yznat-ceny-i-srok__title, .knopki-sots-setej-4 .yznat-ceny-i-srok__text { font-size: 30px; text-shadow: 2px 2px 2px #340b12; margin-right: 0; }
.knopki-sots-setej-4 > .yznat-ceny-i-srok { flex: 1; margin-right: 0; z-index: 2; }
.knopki-sots-setej-4::before { display: none; }
}
@media screen and (max-width: 1000px) {
.ptl-tile { flex-basis: calc((100% - 20px) / 2); min-height: auto; padding: 20px; max-width: 470px; margin: 0 auto; }
.ptl-only-desktop { display: none !important; }
.ptl-only-mobile { display: flex; height: 100%; flex-direction: column; }
.ptl-tile__body-dc { margin-top: auto; }
.ptl-tile__body { margin-top: 10px; }
.ptl-tile__visual-mobile { display: block; width: 70%; max-width: 240px; margin: 36px auto; }
.ptl-tile__footer { margin-top: 22px; width: fit-content; }
.ptl-tile__footer:not(:has(a)) { display: none; }
.ptl-tile__footer .ptl-btn { background: #4f33b1; border-radius: 12px; padding: 14px; color: #333; width: 100%; }
.ptl-tile__footer .ptl-btn:hover { background: #dee2e6; }
.ptl-tile__icon-arrow { display: none; }
.ptl-tile__button-text { display: block; }
}
@media screen and (max-width: 790px) {
.block-header-btn { font-size: 16px; padding: 15px 20px; height: auto; }
.block-header-gear { width: 21%; }
.block-header-gear img { width: 100%; height: auto; }
.block-header-title { transform: none; width: 100%; box-shadow: 1px -1px 11px 5px #C1EFFE; border-radius: 5px; margin-top: 0; overflow: hidden; }
.block-header-title div { text-align: center; width: 100%; margin: 0 auto; }
.block-header-content { gap: 20px; width: 100%; text-align: center; }
.block-header-top { margin: -30px auto 0; text-align: center; width: 100%; }
.block-header-text-desc { padding: 0 0 0 40px; }
.block-header-inner { flex-direction: column; }
.block-header-bg { display: none; }
.block-header-text { display: flex; gap: 5px; font-size: 16px; }
.block-header-bts { flex-direction: column; flex: 0; gap: 10px; align-items: normal; padding-top: 5px; margin-top: 0; }
.block-header-btn { margin: 0 20px; }
.m-block-header-bg { display: block; max-width: 400px; margin: 0 auto; width: 80%; height: auto; }
.desktop-break { display: block; }
.mobile-break { display: none; }
}
@media screen and (max-width: 560px) {
.ptl-tile { flex-basis: 100% !important; min-height: auto; padding: 20px; max-width: 470px; margin: 0 auto; }
.dd-hide { display: none !important; }
.block-knopki-sots-setej3 { border-radius: 15px; padding: 20px 0 !important; }
.block-header-text-desc { padding: 10px 0; }
.block-header-content { gap: 10px; }
.block-header-gear { left: 0; bottom: 30px; width: 29%; }
.block-header-help { left: 0; top: -20px; width: 45%; }
.knopki-sots-setej-3 .yznat-ceny-i-srok__icon__wrap { display: none; }
.knopki-sots-setej-3-img-wrapper { display: none; }
.knopki-sots-setej-3 .m-yznat-ceny-i-srok__icon__wrap { display: flex; flex-direction: column; gap: 5px; width: 70px; justify-content: space-between; }
.m-knopki-sots-setej-3-img { width: calc(100% - 40px); margin-left: -30px; margin-bottom: -20px; overflow: hidden; text-align: center; }
.knopki-sots-setej-3 .m-yznat-ceny-i-srok__icon__wrap div a { height: 50px; }
.knopki-sots-setej-3 .m-yznat-ceny-i-srok__icon__wrap div.telegram a { background-size: 24px !important; }
.knopki-sots-setej-3 .m-yznat-ceny-i-srok__icon__wrap div { display: table; }
.knopki-sots-setej-3 .m-yznat-ceny-i-srok__icon__wrap div:nth-child(odd) { margin-left: auto; }
.knopki-sots-setej-3-img { top: auto !important; }
.knopki-sots-setej-3-bg { display: block; right: -220px; top: 0; bottom: 104px; z-index: 1; background: url(//student-servis.com/wp-content/uploads/2025/10/speaker-small.png?7) no-repeat 100% 0%; background-size: 260px; transform: rotate(-25deg); pointer-events: none; }
.knopki-sots-setej-3 .yznat-ceny-i-srok__title { font-size: 32px; font-weight: 700; }
.knopki-sots-setej-3 { padding-top: 30px; flex-direction: column; }
.m-banner { display: block; }
.d-banner { display: none; }
.block-knopki-sots-setej4 { background: #fff !important; }
.knopki-sots-setej-4 .yznat-ceny-i-srok__icon__wrap { display: none; }
.knopki-sots-setej-4 .m-yznat-ceny-i-srok__icon__wrap { display: flex; position: absolute; bottom: 40px; right: 0; gap: 10px; left: 0; width: 100%; justify-content: center; margin-bottom: 20px; }
.knopki-sots-setej-4 .yznat-ceny-i-srok__icon { width: auto; }
.knopki-sots-setej-4 .m-yznat-ceny-i-srok__icon__wrap div a { height: 60px; }
.knopki-sots-setej-4 .m-yznat-ceny-i-srok__icon__wrap div.telegram a { background-size: 24px !important; }
.knopki-sots-setej-4-img { display: none; }
.knopki-sots-setej-4 > .yznat-ceny-i-srok { margin-bottom: 70px; }
.knopki-sots-setej-4-bg { background: none; }
.knopki-sots-setej-4 .yznat-ceny-i-srok__title { font-size: 26px; margin: 0 -20px; }
.knopki-sots-setej-4 { padding: 40px; flex-direction: column; justify-content: center; gap: 30px; margin-top: -50%; padding-top: 60%; background: var(--start-color); border-radius: 10px; }
.knopki-sots-setej-4-img-m { display: flex; aspect-ratio: 160 / 100; margin: 0 -11px; position: relative; z-index: 1; justify-content: center; width: calc(100% + 22px); max-height: 298px; }
.knopki-sots-setej-4-img-m img { height: 100%; width: auto; margin: 0 auto; }
.m-knopki-sots-setej-3-dbs { display: flex; height: 250px; justify-content: space-between; gap: 5px; position: relative; }
.m-knopki-sots-setej-3-img img { height: 100%; width: auto; max-width: 100%; max-height: 100%; margin: 0 auto; }
.m-class-50 { flex-basis: calc((100% - 20px) / 2) !important; padding: 10px; }
.ptl-tile__visual-mobile:not(:has(+ .ptl-tile__footer)) { margin-bottom: 0; }
.img-padding-0 .ptl-tile__visual-mobile { margin-bottom: -14px; }
.ptl-only-mobile { height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.block-header-bts-social { gap: 10px; }
.m-class-50 .ptl-tile__title { margin: 0 0 8px; font-weight: 700; }
.m-class-50 .ptl-tile__visual-mobile { width: 80%; margin: 9px auto !important; }
.m-class-50 .ptl-tile__description { line-height: 1.3; font-size: 15px; }
.m-class-50 .ptl-tile__footer .ptl-btn { padding: 10px !important; font-size: 14px; }
.m-class-50 .ptl-tile__footer { width: 100% !important; margin-top: 8px !important; }
}