/* breadcrumbs */
.breadcrumbs__wrapper {
    margin-bottom: 50px;
    padding-left: 0;
    /* padding-left: 120px; */
}
.breadcrumbs {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.breadcrumbs li {
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
}
.breadcrumbs li:not(:first-child)::before {
    content: '';
    width: 14px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' fill='none' viewBox='0 0 25 26'%3e%3cpath fill='%23352D28' d='M8.27 3.057a1.563 1.563 0 0 0 0 2.21L16.003 13l-7.735 7.734a1.563 1.563 0 0 0 2.21 2.21l8.839-8.84a1.562 1.562 0 0 0 0-2.209l-8.84-8.839a1.562 1.562 0 0 0-2.209 0Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
}
.breadcrumbs li a {
    display: block;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    transition: .25s all ease-in-out;
}
.breadcrumbs li a:hover {
    text-decoration: none;
    opacity: .7;
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
    .breadcrumbs__wrapper {
        padding-left: 15px;
    }
    .breadcrumbs li a,
    .breadcrumbs li {
        font-size: 16px;
    }
    .breadcrumbs li,
    .breadcrumbs {
        gap: 8px;
    }
    .breadcrumbs li:not(:first-child)::before {
        width: 14px;
    }
}
@media(max-width:992px) {
    .breadcrumbs__wrapper {
        padding-left: 15px;
    }
    .breadcrumbs li a,
    .breadcrumbs li {
        font-size: 14px;
    }
    .breadcrumbs li,
    .breadcrumbs {
        gap: 6px;
    }
    .breadcrumbs li:not(:first-child)::before {
        width: 12px;
    }
}
@media(max-width:768px) {
}
@media(max-width:480px) {
    .breadcrumbs__wrapper {
        padding-left: 15px;
    }
    .breadcrumbs li a,
    .breadcrumbs li {
        font-size: 12px;
    }
    .breadcrumbs li,
    .breadcrumbs {
        gap: 4px;
    }
    .breadcrumbs li:not(:first-child)::before {
        width: 10px;
    }
}
/* breadcrumbs */

/* page */
.page {
    margin-bottom: 60px;
}
.page > .container {
    padding: 0;
}
.page__container {
    display: flex;
    align-items: flex-start;
    gap: 70px;
}
.page__aside {
    border-radius: 16px;
    background: #FFF;
    padding: 16px;
    flex: none;
    width: 300px;
}
.page__asideMenu {
}
.page__asideMenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.page__asideMenu ul li {
    list-style: none;
}
.page__asideMenu ul li a {
    display: flex;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    padding: 12px 16px;
    border-radius: 10px;
    transition: .25s all ease-in-out;
}
.page__asideMenu ul li a:hover {
    text-decoration: none;
    background-color: #F8F4EB;
    text-decoration: none;
}
.page__asideMenu ul li a.active {
    text-decoration: none;
    background-color: #F8F4EB;
    text-decoration: none;
}
.page__content {
    flex: 1;
    width: 100%;
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
    .page__aside {
        width: 280px;
    }
    .page__asideMenu ul li a {
        font-size: 16px;
    }
    .page__asideMenu ul li a {
        padding: 12px;
    }
    .page__container {
        gap: 40px;
    }
}
@media(max-width:992px) {
    .page__aside {
        width: 230px;
        padding: 12px;
    }
    .page__container {
        gap: 30px;
    }
    .page__asideMenu ul {
        gap: 8px;
    }
}
@media(max-width:768px) {
    .page__container {
        flex-direction: column;
    }
    .page__aside {
        width: 100%;
    }
}
@media(max-width:575px) {
    .page > .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media(max-width:480px) {
}
/* page */

/* navigation */
.navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    margin-top: 30px;
}
.navigation__arrow {
    width: 52px;
    height: auto;
    aspect-ratio: 1;
    flex: none;
    border-radius: 50%;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    border: 2px solid #352D28;
    transition: .25s all ease-in-out;
}
.navigation__prev {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3e%3cpath fill='%23352D28' d='M21.413 28.729a2 2 0 0 0 0-2.828l-9.9-9.9 9.9-9.9a2 2 0 0 0-2.828-2.828L7.271 14.587a2 2 0 0 0 0 2.828l11.314 11.314a2 2 0 0 0 2.828 0Z'/%3e%3c/svg%3e");
}
.navigation__pages {
    color: #999;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
}
.navigation__next {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3e%3cpath fill='%23352D28' d='M10.587 3.271a2 2 0 0 0 0 2.828l9.9 9.9-9.9 9.9a2 2 0 0 0 2.828 2.828l11.314-11.314a2 2 0 0 0 0-2.828L13.415 3.271a2 2 0 0 0-2.828 0Z'/%3e%3c/svg%3e");
}
.navigation__arrow:hover {
    text-decoration: none;
    opacity: .8;
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
}
@media(max-width:992px) {
    .navigation__arrow {
        width: 44px;
        background-size: 20px;
    }
    .navigation__pages {
        font-size: 16px;
    }
    .navigation {
        gap: 20px;
    }
}
@media(max-width:768px) {
}
@media(max-width:480px) {
}
/* navigation */

/* chat */
.chat__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.chat__item {
    padding: 16px 24px;
    background-color: #fff;
    display: grid;
    grid-template-columns: 80px 1fr;
    align-items: center;
    gap: 24px;
    border-radius: 24px;
    margin-bottom:25px;
}
.chat__itemImg {
    display: flex;
}
.chat__itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
}
.chat__itemContent {
}
.chat__itemHeader {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.chat__itemTitle {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
    transition: .25s all ease-in-out;
}
.chat__itemTitle:hover {
    text-decoration: none;
    opacity: .8;
    color: #352D28;
}
.chat__itemDate {
    display: flex;
    align-items: center;
    gap: 12px;
}
.chat__itemDate span {
    color: #999;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.chat__itemFooter {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    margin-top: 10px;
}
.chat__itemText {
    color: #999;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5
}
.chat__itemOption {
    width: 24px;
    height: auto;
    aspect-ratio: 1;
    flex: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3e%3cpath stroke='%23352D28' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5.334 16a1.333 1.333 0 1 0 2.667 0 1.333 1.333 0 0 0-2.667 0Zm9.333 0a1.334 1.334 0 1 0 2.668 0 1.334 1.334 0 0 0-2.668 0Zm9.334 0a1.333 1.333 0 1 0 2.666 0 1.333 1.333 0 0 0-2.666 0Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
    border: none;
    padding: 0;
}
.chat__itemOption:hover {
    opacity: .7;
    text-decoration: none;
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
    .chat__list {
        gap: 18px;
    }
    .chat__item {
        padding: 16px;
        border-radius: 26px;
    }
}
@media(max-width:992px) {
}
@media(max-width:768px) {
}
@media(max-width:480px) {
    .chat__item {
        grid-template-columns: 45px 1fr;
        gap: 15px;
    }
    .chat__itemTitle {
        font-size: 16px;
    }
    .chat__itemText {
        font-size: 14px;
    }
    .chat__itemDate span {
        font-size: 12px;
    }
    .chat__itemDate {
        gap: 8px;
    }
    .chat__itemOption {
        width: 20px;
    }
    .chat__itemFooter {
        margin-top: 4px;
    }
    .chat__list {
        gap: 12px;
    }
}
/* chat */

/* chatInner */
.chatInner {
    border-radius: 30px;
    background-color: #fff;
    padding: 24px;
    padding-bottom:50px;
}
.chatInner__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px 8px 8px;
    background-color: #F8F4EB;
    border-radius: 100px;
    margin-bottom: 32px;
}
.chatInner__headerInfo {
    display: grid;
    grid-template-columns: 70px 1fr;
    align-items: center;
    gap: 18px;
}
.chatInner__img {
    width: 100%;
}
.chatInner__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    user-select: none;
    pointer-events: none;
}
.chatInner__headerInfoContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
.chatInner__headerName {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
}
.chatInner__headerOnline {
    color: #999;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
}
.chatInner__headerOption {
    width: 24px;
    height: auto;
    aspect-ratio: 1;
    flex: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3e%3cpath stroke='%23352D28' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5.334 16a1.333 1.333 0 1 0 2.667 0 1.333 1.333 0 0 0-2.667 0Zm9.333 0a1.334 1.334 0 1 0 2.668 0 1.334 1.334 0 0 0-2.668 0Zm9.334 0a1.333 1.333 0 1 0 2.666 0 1.333 1.333 0 0 0-2.666 0Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
    border: none;
    padding: 0;
}
.chatInner__headerOption:hover {
    opacity: .7;
    text-decoration: none;
}
.chatInner__content {
    max-height: 340px;
    min-width: 200px;
    overflow-y: auto;
    padding: 0 5px;
}
.chatInner__content::-webkit-scrollbar-track {
	background-color: #fff;
}
.chatInner__content::-webkit-scrollbar {
	width: 5px;
	background-color: #fff;
}
.chatInner__content::-webkit-scrollbar-thumb {
	background-color: #F8F4EB;
}
.chatInner__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.chatInner__item {
    display: flex;
    width: 100%;
}
.chatInner__item.left {
    justify-content: flex-start;
}
.chatInner__item.right {
    justify-content: flex-end;
}
.chatInner__item.right .chatInner__itemText {
    background-color: #FE9;
}
.chatInner__item.right .chatInner__itemText::before {
    left: auto;
    right: -3px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' fill='none' viewBox='0 0 20 14'%3e%3cpath fill='%23FE9' fill-rule='evenodd' d='M15.028 0H0c0 7.732 6.268 14 14 14h6v-.33a14 14 0 0 1-3.474-4.367C15.404 7.1 15.107 4.397 15.028 0Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.chatInner__itemText {
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    border-radius: 16px;
    padding: 12px;
    background: #F8F4EB;
    line-height: 1.35;
    position: relative;
    text-wrap: pretty;
}
.chatInner__itemText::before {
    content: '';
    width: 16px;
    height: auto;
    aspect-ratio: 1.428571;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' fill='none' viewBox='0 0 20 14'%3e%3cpath fill='%23F8F4EB' fill-rule='evenodd' d='M4.971 0H20c0 7.732-6.268 14-14 14H0v-.33a14 14 0 0 0 3.474-4.367C4.596 7.1 4.893 4.397 4.97 0Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: -3px;
    bottom: 0;
}
.chatInner__itemImg {
    
}
.chatInner__itemImg img {
    max-width: 330px;
    height: auto;
    border-radius: 28px;
    object-fit: contain;
}
.chatInner__footer {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.chatInner__attach {
    width: 52px;
    height: auto;
    aspect-ratio: 1;
    flex: none;
    border-radius: 50%;
    background-color: #F8F4EB;
    border: none;
    transition: .25s all ease-in-out;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='29' fill='none' viewBox='0 0 27 29'%3e%3cpath stroke='%23352D28' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.361 7.156 8.003 16.59a3.09 3.09 0 0 0-.895 2.176c0 .817.322 1.6.895 2.177s1.35.901 2.16.901 1.586-.324 2.16-.901l9.358-9.432a6.181 6.181 0 0 0 1.789-4.354 6.18 6.18 0 0 0-1.79-4.353A6.084 6.084 0 0 0 17.362 1c-1.62 0-3.173.649-4.319 1.803l-9.358 9.432A9.272 9.272 0 0 0 1 18.765c0 2.45.965 4.798 2.684 6.53A9.126 9.126 0 0 0 10.163 28c2.43 0 4.76-.973 6.479-2.705L26 15.863'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 46%;
    padding: 0;
}
.chatInner__attach:hover {
    text-decoration: none;
    background-color: #ebe6dc;
}
.chatInner__message {
    flex: 1;
    position: relative;
}
.chatInner__message textarea {
    display: flex;
    width: 100%;
    border: none;
    padding: 16px 50px 16px 16px;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    outline: none;
    resize: none;
    height: 100%;
    background-color: #F8F4EB;
    border-radius: 100px;
    height: 52px;
}
.textarea {
    display: flex;
    width: 100%;
    border: none;
    padding: 16px 50px 16px 16px;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    outline: none;
    resize: none;
    height: 100%;
    background-color: #F8F4EB;
    border-radius: 100px;
    height: auto;
}
.KEmoji_Block .KEmoji_Input>div[contenteditable=true] {
    
    background: transparent !important;
}
.chatInner__message textarea::placeholder {
    color: #999;
}
.chatInner__message textarea::-webkit-scrollbar-track {
	display: none;
}
.chatInner__message textarea::-webkit-scrollbar {
	display: none;
}
.chatInner__message textarea::-webkit-scrollbar-thumb {
	display: none;
}
.chatInner__message button {
    position: absolute;
    right: 16px;
    top: 12px;
    width: 28px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3e%3cpath fill='%23FFD70C' fill-rule='evenodd' d='M3.127 2.993a1.333 1.333 0 0 1 1.47-.187l24 12a1.333 1.333 0 0 1 0 2.387l-24 12a1.334 1.334 0 0 1-1.862-1.615l3.416-10.245h7.183a1.333 1.333 0 1 0 0-2.667H6.151L2.734 4.421a1.333 1.333 0 0 1 .393-1.428Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    background-color: transparent;
    transition: .25s all ease-in-out;
    padding: 0;
}
.chatInner__message button:hover {
    opacity: .8;
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
}
@media(max-width:992px) {
}
@media(max-width:768px) {
}
@media(max-width:480px) {
    .chatInner {
        padding: 12px;
        border-radius: 24px;
    }
    .chatInner__headerInfo {
        grid-template-columns: 44px 1fr;
        gap: 10px;
    }
    .chatInner__headerName {
        font-size: 15px;
    }
    .chatInner__headerOnline {
        font-size: 12px;
    }
    .chatInner__headerOption {
        width: 22px;
    }
    .chatInner__header {
        margin-bottom: 24px;
    }
    .chatInner__itemText {
        font-size: 13px;
    }
    .chatInner__itemImg img {
        width: 100%;
        border-radius: 20px;
    }
    .chatInner__attach {
        width: 40px;
    }
    .chatInner__footer {
        gap: 10px;
    }
    .chatInner__message textarea {
        height: 40px;
    }
    .chatInner__message textarea {
        font-size: 14px;
    }
    .chatInner__message textarea {
        padding: 12px 38px 12px 10px;
    }
    .chatInner__message button {
        width: 20px;
        right: 10px;
        top: 10px;
    }
    .chatInner__footer {
        margin-top: 15px;
    }
}
/* chatInner */

/* notificationSection */
.notificationSection {
}
.notificationSectionCaption {
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 16px;
}
.notificationSectionCaption li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-radius: 100px;
    border: 1px solid #352D28;
    transition: .25s all ease-in-out;
    cursor: pointer;
    min-height: 40px;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.notificationSectionCaption li:hover {
    text-decoration: none;
    opacity: .8;
}
.notificationSectionCaption li.active {
    background-color: #F86262;
    border-color: #F86262;
    font-weight: 700;
    cursor: default;
    opacity: 1;
}
.notificationSection__wrapper {
}
.notificationSection__tab {
    display: none;
}
.notificationSection__tab.active {
    display: block;
}
.notificationSection__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.notificationSection__item {
    border-radius: 32px;
    background: #FFF;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
a.notificationSection__item:hover {
    text-decoration: none;
    opacity: .9;
}
.notificationSection__itemText {
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
}
.notificationSection__itemInfo {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}
.notificationSection__itemDate {
    color: #352D28;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}
.notificationSection__itemTime {
    color: #352D28;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
}
@media(max-width:992px) {
}
@media(max-width:768px) {
}
@media(max-width:575px) {
    .notificationSection__itemText {
        font-size: 14px;
    }
    .notificationSection__itemDate {
        font-size: 12px;
    }
    .notificationSection__itemTime {
        font-size: 12px;
    }
    .notificationSection__itemInfo {
        opacity: .7;
        flex-direction: row;
    }
    .notificationSection__item {
        flex-direction: column;
        align-items: flex-end;
    }
    .notificationSection__item {
        border-radius: 16px;
    }
    .notificationSectionCaption {
        gap: 10px;
    }
    .notificationSectionCaption li {
        font-size: 14px;
    }
}
/* notificationSection */

/* balanceSection */
.balanceHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-radius: 32px;
    background: #FFF;
    padding: 16px 20px;
    margin-bottom: 24px;
}
.balanceHeader__title {
    color: #352D28;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}
.balanceHeader__total {
    color: #352D28;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.balanceSection {
}
.balanceSectionCaption {
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 16px;
}
.balanceSectionCaption li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-radius: 100px;
    border: 1px solid #352D28;
    transition: .25s all ease-in-out;
    cursor: pointer;
    min-height: 40px;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.balanceSectionCaption li:hover {
    text-decoration: none;
    opacity: .8;
}
.balanceSectionCaption li.active {
    background-color: #F86262;
    border-color: #F86262;
    font-weight: 700;
    cursor: default;
    opacity: 1;
}
.balanceSection__wrapper {
}
.balanceSection__tab {
    display: none;
}
.balanceSection__tab.active {
    display: block;
}
.balanceSection__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.balanceSection__item {
    border-radius: 24px;
    background: #FFF;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
a.balanceSection__item:hover {
    text-decoration: none;
    opacity: .9;
}
.balanceSection__itemContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.balanceSection__itemName {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
}
.balanceSection__itemTotal {
    color: #352D28;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    white-space: nowrap;
}
.balanceSection__itemInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.balanceSection__itemDate {
    color: #352D28;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}
.balanceSection__itemTime {
    color: #352D28;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
}
@media(max-width:992px) {
}
@media(max-width:768px) {
}
@media(max-width:575px) {
    .balanceSection__itemName {
        font-size: 14px;
    }
    .balanceSection__itemDate {
        font-size: 12px;
    }
    .balanceSection__itemTime {
        font-size: 12px;
    }
    .balanceSection__itemInfo {
        opacity: .7;
    }
    .balanceSection__itemTotal {
        font-size: 16px;
    }
    .balanceSection__item {
        border-radius: 16px;
        padding: 15px;
    }
    .balanceSectionCaption {
        gap: 10px;
    }
    .balanceSectionCaption li {
        font-size: 14px;
    }
    .balanceHeader__title {
        font-size: 16px;
    }
    .balanceHeader__total {
        font-size: 18px;
    }
}
/* balanceSection */

/* students */
.students__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.students__item {
    display: grid;
    grid-template-columns: 80px 1fr;
    align-items: center;
    gap: 24px;
    padding: 16px 24px;
    background-color: #fff;
    border-radius: 24px;
}
.students__itemImg {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    transition: .25s all ease-in-out;
}
.students__itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.students__itemImg:hover {
    text-decoration: none;
    opacity: .8;
}
.students__itemContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.students__itemName {
    display: block;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    transition: .25s all ease-in-out;
}
.students__itemName:hover {
    text-decoration: none;
    opacity: .8;
    color: #352D28;
}
.students__itemFooter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px 16px
}
.students__itemLang {
    color: #352D28;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    border-radius: 100px;
    border: 1px solid #352D28;
    padding: 6px 10px;
}
.students__itemCost {
    display: flex;
    align-items: center;
    gap: 5px 8px;
    flex-wrap: wrap;
}
.students__itemCostTitle {
    color: #999;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}
.students__itemCostTotal {
    color: #999;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
}
@media(max-width:992px) {
}
@media(max-width:768px) {
}
@media(max-width:575px) {
    .students__item {
        padding: 16px;
        gap: 16px;
        grid-template-columns: 1fr;
    }
    .students__itemImg {
        max-width: 100px;
        margin: 0 auto;
    }
    .students__itemName {
        font-size: 16px;
        text-align: center;
    }
    .students__itemLang {
        font-size: 12px;
    }
    .students__itemContent {
        align-items: center;
    }
    .students__itemFooter {
        align-items: center;
        flex-direction: column;
    }
    .students__itemCost {
        justify-content: center;
    }
}
/* students */

/* classesSection */
.classesSection {
}
.classesSectionCaption {
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 16px;
}
.classesSectionCaption li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-radius: 100px;
    border: 1px solid #352D28;
    transition: .25s all ease-in-out;
    cursor: pointer;
    min-height: 40px;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.classesSectionCaption li:hover {
    text-decoration: none;
    opacity: .8;
}
.classesSectionCaption li.active {
    background-color: #F86262;
    border-color: #F86262;
    font-weight: 700;
    cursor: default;
    opacity: 1;
}
.classesSection__wrapper {
}
.classesSection__tab {
    display: none;
}
.classesSection__tab.active {
    display: block;
}
.classesSection__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.classesSection__item {
    padding: 24px;
    background-color: #fff;
    border-radius: 24px;
}
.classesSection__itemHeader {
    cursor: pointer;
    display: grid;
    grid-template-columns: 80px 1fr;
    align-items: center;
    gap: 24px;
    padding-right: 30px;
    position: relative;
    transition: .25s all ease-in-out;
}
.classesSection__itemHeader:hover {
    opacity: .9;
}
.classesSection__itemHeader::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: auto;
    aspect-ratio: 1;
    flex: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3e%3cpath fill='%23352D28' d='M28.727 10.587a2 2 0 0 0-2.828 0l-9.9 9.9-9.9-9.9a2 2 0 0 0-2.828 2.828l11.314 11.314a2 2 0 0 0 2.828 0l11.314-11.314a2 2 0 0 0 0-2.828Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .25s all ease-in-out;
}
.classesSection__item.active .classesSection__itemHeader::before {
    transform: translateY(-50%) rotate(180deg);
}
.classesSection__itemImg {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    transition: .25s all ease-in-out;
}
.classesSection__itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.classesSection__itemHeaderContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}
.classesSection__itemName {
    display: block;
    color: #352D28;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}
.classesSection__itemCost {
    display: flex;
    align-items: center;
    gap: 5px 8px;
    flex-wrap: wrap;
}
.classesSection__itemCostTitle {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}
.classesSection__itemCostTotal {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}
.classesSection__itemContent {
    display: none;
    margin-top: 18px;
}
.classesSection__itemFeatures {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.classesSection__itemFeaturesItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.classesSection__itemFeaturesItem span {
    color: #352D28;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25;
}
.classesSection__itemMore {
    margin-top: 12px;
    position: relative;
}
.classesSection__itemMoreTitle {
    color: #352D28;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25;
    position: relative;
    cursor: pointer;
    transition: .25s all ease-in-out;
}
.classesSection__itemMoreTitle:hover {
    opacity: .9;
}
.classesSection__itemMoreTitle::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: auto;
    aspect-ratio: 1;
    flex: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3e%3cpath fill='%23352D28' d='M28.727 10.587a2 2 0 0 0-2.828 0l-9.9 9.9-9.9-9.9a2 2 0 0 0-2.828 2.828l11.314 11.314a2 2 0 0 0 2.828 0l11.314-11.314a2 2 0 0 0 0-2.828Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .25s all ease-in-out;
}
.classesSection__itemMore.active .classesSection__itemMoreTitle::before {
    transform: translateY(-50%) rotate(180deg);
}
.classesSection__itemMoreContent {
    display: none;
    margin-top: 10px;
    color: #352D28;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}
.classesSection__itemControl {
    margin-top: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.classesSection__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-radius: 100px;
    border: 1px solid #352D28;
    transition: .25s all ease-in-out;
    cursor: pointer;
    min-height: 48px;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.classesSection__btn:hover {
    text-decoration: none;
    color: #352D28;
    opacity: .8;
}
.classesSection__reject {
}
.classesSection__connect {
    font-weight: 700;
    background-color: #FFD70C;
    border-color: #FFD70C
}
.classesSection__restore {
    font-weight: 700;
    background-color: #FFD70C;
    border-color: #FFD70C
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
}
@media(max-width:992px) {
}
@media(max-width:768px) {
}
@media(max-width:575px) {
    .classesSectionCaption {
        gap: 10px;
        flex-wrap: wrap;
    }
    .classesSectionCaption li {
        font-size: 14px;
        padding: 0 10px;
    }
    .classesSection__item {
        padding: 15px;
        border-radius: 20px;
    }
    .classesSection__itemFeaturesItem span {
        font-size: 15px;
    }
    .classesSection__itemFeaturesItem {
        flex-direction: column;
        align-items: flex-start;
    }
    .classesSection__itemFeaturesItem span:nth-child(2) {
        opacity: .7;
    }
    .classesSection__itemMoreTitle {
        font-size: 15px;
    }
    .classesSection__itemMoreTitle::before {
        width: 15px;
    }
    .classesSection__itemControl {
        gap: 10px;
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .classesSection__btn {
        font-size: 14px;
        padding: 0 10px;
        min-height: 40px;
    }
    .classesSection__itemHeader {
        grid-template-columns: 50px 1fr;
        gap: 10px;
    }
    .classesSection__itemName {
        font-size: 16px;
    }
    .classesSection__itemHeaderContent {
        gap: 6px
    }
    .classesSection__itemCostTitle{
        font-size: 12px;
    }
    .classesSection__itemCostTotal {
        font-size: 12px;
    }
    .classesSection__itemHeader::before {
        width: 20px;
    }
    .classesSection__itemHeader {
        padding-right: 23px;
    }
    .classesSection__itemImg img {
        border-radius: 10px;
    }
}
/* classesSection */

/* blog */
.blogHeader {
    margin-bottom: 32px;
}
.blog__add {
    display: block;
    border-radius: 100px;
    background: #FFD70C;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 10px;
    transition: .25s all ease-in-out;
}
.blog__add::before {
    content: '';
    width: 14px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3e%3cpath fill='%23352D28' d='M25.835 14.829h-11v11h-3.667v-11h-11v-3.667h11v-11h3.667v11h11v3.667Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
}
.blog__add:hover {
    text-decoration: none;
    background-color: #ebc405;
    color: #352D28;
}
.blog__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.blog__item {
    border-radius: 32px;
    background: #FFF;
    padding: 20px 24px;
}
.blog__itemHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.blog__itemInfo {
    display: grid;
    grid-template-columns: 60px 1fr;
    align-items: center;
    gap: 12px;
}
.blog__itemInfoImg {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 50%;
}
.blog__itemInfoImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog__itemContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}
.blog__itemName {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.048px;
}
.blog__itemDate {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #999;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.038px;
    flex-wrap: wrap;
}
.blog__itemDate span {
    display: flex;
    align-items: center;
    gap: 8px;
}
.blog__itemDate span:not(:first-child)::before {
    content: '';
    width: 2px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #999;
    flex: none;
}
.blog__itemControl {
    display: flex;
    align-items: center;
    gap: 20px;
}
.blog__itemEdit {
    width: 50px;
    height: auto;
    aspect-ratio: 1;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #FFD70C;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath stroke='%23FFD70C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 31.5h24M8.499 19.782a3.42 3.42 0 0 0-.999 2.415V27h4.835a3.41 3.41 0 0 0 2.414-1.002L29 11.742a3.42 3.42 0 0 0 0-4.83l-1.406-1.41a3.415 3.415 0 0 0-4.834.002L8.5 19.78Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
    transition: .25s all ease-in-out;
    display: block;
}
.blog__itemEdit:hover {
    background-color: #FFD70C;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 31.5h24M8.499 19.782a3.42 3.42 0 0 0-.999 2.415V27h4.835a3.41 3.41 0 0 0 2.414-1.002L29 11.742a3.42 3.42 0 0 0 0-4.83l-1.406-1.41a3.415 3.415 0 0 0-4.834.002L8.5 19.78Z'/%3e%3c/svg%3e");
}
.blog__itemDelete {
    width: 50px;
    height: auto;
    aspect-ratio: 1;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #F86262;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath fill='%23F86262' d='M30.375 6.75H24.75V5.625a3.375 3.375 0 0 0-3.375-3.375h-6.75a3.375 3.375 0 0 0-3.375 3.375V6.75H5.625a1.125 1.125 0 0 0 0 2.25H6.75v20.25A2.25 2.25 0 0 0 9 31.5h18a2.25 2.25 0 0 0 2.25-2.25V9h1.125a1.125 1.125 0 0 0 0-2.25ZM13.5 5.625A1.125 1.125 0 0 1 14.625 4.5h6.75A1.125 1.125 0 0 1 22.5 5.625V6.75h-9V5.625ZM27 29.25H9V9h18v20.25ZM15.75 14.625v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Zm6.75 0v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
    transition: .25s all ease-in-out;
    display: block;
}
.blog__itemDelete:hover {
    background-color: #F86262;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath fill='%23fff' d='M30.375 6.75H24.75V5.625a3.375 3.375 0 0 0-3.375-3.375h-6.75a3.375 3.375 0 0 0-3.375 3.375V6.75H5.625a1.125 1.125 0 0 0 0 2.25H6.75v20.25A2.25 2.25 0 0 0 9 31.5h18a2.25 2.25 0 0 0 2.25-2.25V9h1.125a1.125 1.125 0 0 0 0-2.25ZM13.5 5.625A1.125 1.125 0 0 1 14.625 4.5h6.75A1.125 1.125 0 0 1 22.5 5.625V6.75h-9V5.625ZM27 29.25H9V9h18v20.25ZM15.75 14.625v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Zm6.75 0v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Z'/%3e%3c/svg%3e");
}
.blog__itemImg {
    width: 100%;
    height: auto;
    aspect-ratio: 2.685393;
    border-radius: 32px;
    overflow: hidden;
    margin-bottom: 20px;
}
.blog__itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog__itemTitle {
    margin-bottom: 12px;
    color: #352D28;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}
.blog__itemText {
    height: 80px;
  overflow: hidden;
  position: relative;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.blog__itemText:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(180deg, transparent, #ffffff 50%);
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
    .blog__itemTitle {
        font-size: 20px;
    }
}
@media(max-width:992px) {
}
@media(max-width:768px) {
}
@media(max-width:575px) {
    .blog__itemTitle {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .blog__itemText {
        font-size: 14px;
    }
    .blog__item {
        padding: 20px 16px;
    }
    .blog__itemImg {
        border-radius: 16px;
    }
    .blog__itemInfo {
        grid-template-columns: 45px 1fr;
        gap: 10px;
    }
    .blog__itemName {
        font-size: 14px;
    }
    .blog__itemDate {
        font-size: 12px;
        gap: 6px;
    }
    .blog__itemDate span {
        gap: 6px;
    }
    .blog__itemEdit {
        width: 40px;
    }
    .blog__itemDelete {
        width: 40px;
    }
    .blog__itemControl {
        gap: 12px;
    }
    .blog__itemImg {
        aspect-ratio: 2;
    }
    .blog__add {
        font-size: 16px;
        gap: 8px
    }
    .blog__add::before {
        width: 12px;
    }
}
@media(max-width:370px) {
    .blog__itemControl {
        gap: 6px;
    }
    .blog__itemInfo {
        gap: 6px;
        grid-template-columns: 40px 1fr;
    }
}
/* blog */

/* blogAdd */
.blogAdd {
    border-radius: 26px;
    border: 1px solid #000;
    background: #FFF;
    padding: 24px;
}
.blogAdd__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 32px;
}
.blogAdd__title {
    color: #352D28;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}
.blogAdd__back {
    width: 24px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3e%3cpath fill='%23999' d='M14 0C6.2 0 0 6.2 0 14s6.2 14 14 14 14-6.2 14-14S21.8 0 14 0Zm5.4 21L14 15.6 8.6 21 7 19.4l5.4-5.4L7 8.6 8.6 7l5.4 5.4L19.4 7 21 8.6 15.6 14l5.4 5.4-1.6 1.6Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
    cursor: pointer;
    transition: .25s all ease-in-out;
}
.blogAdd__back:hover {
    opacity: .8;
}
.blogAdd__preHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.blogAdd__preHeaderTitle {
    color: #352D28;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
}
.blogAdd__preHeaderReset {
    color: #F86262;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    cursor: pointer;
    transition: .25s all ease-in-out;
}
.blogAdd__preHeaderReset:hover {
    text-decoration: none;
    opacity: .8;
}
.blogAdd__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.blogAdd__item:not(:last-child) {
    margin-bottom: 20px;
}
.blogAdd__itemTitle {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
}
.blogAdd__itemInput {
    width: 100%;
    position: relative;
}
.blogAdd__itemInput input {
    width: 100%;
    height: 60px;
    border-radius: 35px;
    background: #F8F4EB;
    padding: 0 40px 0 20px;
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    border: none;
    outline: none;
}
.blogAdd__itemInput input::placeholder {
    color: #999;
}
.blogAdd__itemRemove {
    position: absolute;
    right: 15px;
    top: 20px;
    width: 20px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3e%3cpath fill='%23999' d='M14 0C6.2 0 0 6.2 0 14s6.2 14 14 14 14-6.2 14-14S21.8 0 14 0Zm5.4 21L14 15.6 8.6 21 7 19.4l5.4-5.4L7 8.6 8.6 7l5.4 5.4L19.4 7 21 8.6 15.6 14l5.4 5.4-1.6 1.6Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
    cursor: pointer;
    transition: .25s all ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.blogAdd__itemRemove:hover {
    text-decoration: none;
    opacity: .8;
}
.blogAdd__itemRemove.active {
    opacity: 1;
    visibility: visible;
}
.blogAdd__itemTextarea {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 35px;
}
.blogAdd__itemTextarea textarea {
    width: 100%;
    height: 60px;
    max-height: 640px;
    border-radius: 35px;
    background: #F8F4EB;
    padding: 18px 40px 18px 20px;
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    border: none;
    outline: none;
    resize: none;
}
.blogAdd__itemTextarea textarea::-webkit-scrollbar-track {
	background-color: #F8F4EB;
    margin: 32px;
}
.blogAdd__itemTextarea textarea::-webkit-scrollbar {
	width: 5px;
	background-color: #F8F4EB;
}
.blogAdd__itemTextarea textarea::-webkit-scrollbar-thumb {
	background-color: #ccc;
    border-radius: 50px;
}
.blogAdd__itemTextarea input::placeholder {
    color: #999;
}
.blogAdd__footer {
    margin-top: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px
}
.blogAdd__btn {
    height: 54px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 100px;
    border: 1px solid #352D28;
    background-color: transparent;
    transition: .25s all ease-in-out;
}
.blogAdd__btn:hover {
    text-decoration: none;
    opacity: .9;
}
.blogAdd__draft {
    
}
.blogAdd__post {
    background-color: #FFD70C;
    color: #352D28;
    font-weight: 700;
    border-color: #FFD70C;
    padding: 0 60px;
}
.blogAdd__post:disabled {
    background-color: #BEBBB5;
    color:rgba(255, 255, 255, .5);
    border-color: #BEBBB5;
    cursor: not-allowed;
}
.blogAdd__post:disabled:hover {
    opacity: 1;
}
.blogAdd__itemPreview {

}
.blogAdd__itemFile {

}
.blogAdd__itemFileInput {
    opacity: 0;
	visibility: hidden;
	position: absolute;
	max-width: 10px;
}
.blogAdd__itemFileButton {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0;
    cursor: pointer;
}
.blogAdd__itemFileButton::after {
    content: '';
    width: 180px;
    height: 46px;
    border-radius: 24px;
    background-color: #FFD70C;
    flex: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'%3e%3cpath fill='%23352D28' d='M21.5 12.496h-9v9h-3v-9h-9v-3h9v-9h3v9h9v3Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    background-size: 10.5%;
    transition: .25s all ease-in-out;
}
.blogAdd__itemFileButton:hover::after {
    opacity: .9;
}
.blogAdd__itemFileButtonText {
    color: #352D28;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
}
.blogAdd__itemPreview {
    position: relative;
}
.blogAdd__itemPreviewImg {
    width: 100%;
    height: auto;
    aspect-ratio: 2.685393;
    border-radius: 32px;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 8px;
    position: relative;
}
.blogAdd__itemPreviewImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blogAdd__itemPreviewRemove {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 50px;
    height: auto;
    aspect-ratio: 1;
    padding: 0;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #F86262;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath fill='%23F86262' d='M30.375 6.75H24.75V5.625a3.375 3.375 0 0 0-3.375-3.375h-6.75a3.375 3.375 0 0 0-3.375 3.375V6.75H5.625a1.125 1.125 0 0 0 0 2.25H6.75v20.25A2.25 2.25 0 0 0 9 31.5h18a2.25 2.25 0 0 0 2.25-2.25V9h1.125a1.125 1.125 0 0 0 0-2.25ZM13.5 5.625A1.125 1.125 0 0 1 14.625 4.5h6.75A1.125 1.125 0 0 1 22.5 5.625V6.75h-9V5.625ZM27 29.25H9V9h18v20.25ZM15.75 14.625v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Zm6.75 0v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
    transition: .25s all ease-in-out;
    display: block;
    cursor: pointer;
}
.blogAdd__itemPreviewRemove:hover {
    background-color: #F86262;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath fill='%23fff' d='M30.375 6.75H24.75V5.625a3.375 3.375 0 0 0-3.375-3.375h-6.75a3.375 3.375 0 0 0-3.375 3.375V6.75H5.625a1.125 1.125 0 0 0 0 2.25H6.75v20.25A2.25 2.25 0 0 0 9 31.5h18a2.25 2.25 0 0 0 2.25-2.25V9h1.125a1.125 1.125 0 0 0 0-2.25ZM13.5 5.625A1.125 1.125 0 0 1 14.625 4.5h6.75A1.125 1.125 0 0 1 22.5 5.625V6.75h-9V5.625ZM27 29.25H9V9h18v20.25ZM15.75 14.625v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Zm6.75 0v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Z'/%3e%3c/svg%3e");
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
}
@media(max-width:992px) {
    .blogAdd__title {
        font-size: 22px;
    }
    .blogAdd__preHeaderTitle {
        font-size: 18px;
    }
    .blogAdd__itemTitle {
        font-size: 16px;
    }
    .blogAdd__itemFileButtonText {
        font-size: 16px;
    }
    .blogAdd__btn {
        font-size: 16px;
    }
    .blogAdd__post {
        padding: 0 20px;
    }
}
@media(max-width:768px) {
}
@media(max-width:575px) {
    .blogAdd {
        padding: 24px 20px;
    }
    .blogAdd__footer {
        flex-direction: column;
    }
    .blogAdd__footer>* {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .blogAdd__btn {
        height: 48px;
    }
    .blogAdd__title {
        font-size: 18px;
    }
    .blogAdd__preHeaderTitle {
        font-size: 16px;
    }
    .blogAdd__preHeaderReset {
        font-size: 16px;
    }
    .blogAdd__preHeader {
        flex-wrap: wrap;
        gap: 10px;
    }
    .blogAdd__itemInput input {
        border-radius: 20px;
        font-size: 16px;
    }
    .blogAdd__itemTextarea {
        border-radius: 20px;
    }
    .blogAdd__itemTextarea textarea {
        border-radius: 20px;
        font-size: 16px;
        padding: 21px 40px 18px 20px;
    }
    .blogAdd__itemPreviewImg {
        aspect-ratio: 2;
    }
    .blogAdd__itemTextarea textarea {
        max-height: 400px;
    }
    .blogAdd__itemPreviewImg {
        border-radius: 16px;
    }
    .blogAdd__itemPreviewRemove {
        right: 10px;
        top: 10px;
        width: 36px;
    }
    .blogAdd__footer{
        margin-top: 20px;
    }
}
/* blogAdd */

/* blank */
.blank__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.blank__item {
    padding: 20px;
    border-radius: 32px;
    background: #FFF;
}
.blank__itemHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blank__itemTitle {
    color: #352D28;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}
.blank__itemControl {
    display: flex;
    align-items: center;
    gap: 20px;
}
.blank__itemEdit {
    width: 50px;
    height: auto;
    aspect-ratio: 1;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #FFD70C;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath stroke='%23FFD70C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 31.5h24M8.499 19.782a3.42 3.42 0 0 0-.999 2.415V27h4.835a3.41 3.41 0 0 0 2.414-1.002L29 11.742a3.42 3.42 0 0 0 0-4.83l-1.406-1.41a3.415 3.415 0 0 0-4.834.002L8.5 19.78Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
    transition: .25s all ease-in-out;
    display: block;
}
.blank__itemEdit:hover {
    background-color: #FFD70C;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 31.5h24M8.499 19.782a3.42 3.42 0 0 0-.999 2.415V27h4.835a3.41 3.41 0 0 0 2.414-1.002L29 11.742a3.42 3.42 0 0 0 0-4.83l-1.406-1.41a3.415 3.415 0 0 0-4.834.002L8.5 19.78Z'/%3e%3c/svg%3e");
}
.blank__itemDelete {
    width: 50px;
    height: auto;
    aspect-ratio: 1;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #F86262;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath fill='%23F86262' d='M30.375 6.75H24.75V5.625a3.375 3.375 0 0 0-3.375-3.375h-6.75a3.375 3.375 0 0 0-3.375 3.375V6.75H5.625a1.125 1.125 0 0 0 0 2.25H6.75v20.25A2.25 2.25 0 0 0 9 31.5h18a2.25 2.25 0 0 0 2.25-2.25V9h1.125a1.125 1.125 0 0 0 0-2.25ZM13.5 5.625A1.125 1.125 0 0 1 14.625 4.5h6.75A1.125 1.125 0 0 1 22.5 5.625V6.75h-9V5.625ZM27 29.25H9V9h18v20.25ZM15.75 14.625v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Zm6.75 0v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
    transition: .25s all ease-in-out;
    display: block;
}
.blank__itemDelete:hover {
    background-color: #F86262;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath fill='%23fff' d='M30.375 6.75H24.75V5.625a3.375 3.375 0 0 0-3.375-3.375h-6.75a3.375 3.375 0 0 0-3.375 3.375V6.75H5.625a1.125 1.125 0 0 0 0 2.25H6.75v20.25A2.25 2.25 0 0 0 9 31.5h18a2.25 2.25 0 0 0 2.25-2.25V9h1.125a1.125 1.125 0 0 0 0-2.25ZM13.5 5.625A1.125 1.125 0 0 1 14.625 4.5h6.75A1.125 1.125 0 0 1 22.5 5.625V6.75h-9V5.625ZM27 29.25H9V9h18v20.25ZM15.75 14.625v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Zm6.75 0v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Z'/%3e%3c/svg%3e");
}
.blank__itemMore {
    width: 50px;
    height: auto;
    aspect-ratio: 1;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #352D28;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3e%3cpath fill='%23352D28' d='M28.727 10.587a2 2 0 0 0-2.828 0l-9.9 9.9-9.9-9.9a2 2 0 0 0-2.828 2.828l11.314 11.314a2 2 0 0 0 2.828 0l11.314-11.314a2 2 0 0 0 0-2.828Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    transition: .25s all ease-in-out;
    display: block;
    cursor: pointer;
}
.blank__itemMore:hover {
    background-color: #352D28;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3e%3cpath fill='%23fff' d='M28.727 10.587a2 2 0 0 0-2.828 0l-9.9 9.9-9.9-9.9a2 2 0 0 0-2.828 2.828l11.314 11.314a2 2 0 0 0 2.828 0l11.314-11.314a2 2 0 0 0 0-2.828Z'/%3e%3c/svg%3e");
}
.blank__itemHeader.active .blank__itemMore {
    transform: rotate(180deg);
}
.blank__itemContent {
    display: none;
    margin-top: 20px;
}
.blank__itemBlock {
}
.blank__itemBlock+* {
    margin-top: 16px;
}
.blank__itemFeature {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 50px;
}
.blank__itemFeature .blank__itemBlockTitle {
    margin: 0;
    flex: none;
}
.blank__itemFeature .blank__itemBlockText {
    margin: 0;
    text-align: right;
}
.blank__itemBlockTitle {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 12px;
}
.blank__itemBlockText {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
}
.blank__itemList {
    border-radius: 18px;
    background: #F8F4EB;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.blank__itemListLine {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 30px;
}
.blank__itemListTitle {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
}
.blank__itemListText {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25;
    text-align: right;
}
.blank__itemListText a {
    color: #F86262;
    display: block;
    transition: .25s all ease-in-out;
}
.blank__itemListText a:hover {
    text-decoration: none;
    opacity: .8;
}
.blank__itemBlockContnet {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    border-radius: 18px;
    background: #F8F4EB;
    padding: 12px;
    min-height: 160px;
}
.blank__itemBlockContnet p {}
.blank__itemBlockContnet p:last-child {
    margin-bottom: 0;
}
/* blank */

/* blankAdd */
.blankAdd {
    border-radius: 26px;
    border: 1px solid #000;
    background: #FFF;
    padding: 24px;
}
.blankAdd__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 32px;
}
.blankAdd__title {
    color: #352D28;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}
.blankAdd__back {
    width: 24px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3e%3cpath fill='%23999' d='M14 0C6.2 0 0 6.2 0 14s6.2 14 14 14 14-6.2 14-14S21.8 0 14 0Zm5.4 21L14 15.6 8.6 21 7 19.4l5.4-5.4L7 8.6 8.6 7l5.4 5.4L19.4 7 21 8.6 15.6 14l5.4 5.4-1.6 1.6Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
    cursor: pointer;
    transition: .25s all ease-in-out;
}
.blankAdd__back:hover {
    opacity: .8;
}
.blankAdd__footer {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px
}
.blankAdd__btn {
    width: 52px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid #352D28;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 46%;
    cursor: pointer;
}
.blankAdd__btn:hover {
    text-decoration: none;
    opacity: .8;
}
.blankAdd__btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.blankAdd__btn.disabled:hover {
    opacity: .5;
    cursor: not-allowed;
}
.blankAdd__prev {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3e%3cpath fill='%23352D28' d='M21.415 28.729a2 2 0 0 0 0-2.828l-9.9-9.9 9.9-9.9a2 2 0 0 0-2.828-2.828L7.273 14.587a2 2 0 0 0 0 2.828l11.314 11.314a2 2 0 0 0 2.828 0Z'/%3e%3c/svg%3e");
}
.blankAdd__next {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3e%3cpath fill='%23352D28' d='M10.585 3.271a2 2 0 0 0 0 2.828l9.9 9.9-9.9 9.9a2 2 0 0 0 2.828 2.828l11.314-11.314a2 2 0 0 0 0-2.828L13.413 3.271a2 2 0 0 0-2.828 0Z'/%3e%3c/svg%3e");
}
.blankAdd__save {
    height: 54px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    border-radius: 100px;
    border: 1px solid #FFD70C;
    transition: .25s all ease-in-out;
    background-color: #FFD70C;
    color: #352D28;
    font-weight: 700;
    padding: 0 60px;

    display: none;
}
.blankAdd__save.visible  {
    display: block;
}
.blankAdd__stage {
    display: none;
}
.blankAdd__stage.active {
    display: block;
}
.blankAdd__preHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.blankAdd__preHeaderTitle {
    color: #352D28;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
}
.blankAdd__preHeaderReset {
    color: #F86262;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    cursor: pointer;
    transition: .25s all ease-in-out;
}
.blankAdd__preHeaderReset:hover {
    text-decoration: none;
    opacity: .8;
}
.blankAdd__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.blankAdd__item:not(:last-child) {
    margin-bottom: 20px;
}
.blankAdd__itemTitle {
    color: #352D28;
    font-size: 18px;
    font-weight: bold;
    font-weight: 400;
    line-height: 1.25;
}
.blankAdd__itemInput {
    width: 100%;
    position: relative;
}
.blankAdd__itemInput input {
    width: 100%;
    height: 60px;
    border-radius: 35px;
    background: #F8F4EB;
    padding: 0 40px 0 20px;
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    border: none;
    outline: none;
}
.blankAdd__itemInput input::placeholder {
    color: #999;
}
.blankAdd__itemSelect {
    width: 100%;
    position: relative;
}
.blankAdd__itemSelect select {
    width: 100%;
    height: 60px;
    border-radius: 35px;
    background: #F8F4EB;
    padding: 0 75px 0 20px;
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none' viewBox='0 0 17 16'%3e%3cpath fill='%23352D28' d='M14.864 5.292a1 1 0 0 0-1.415 0l-4.95 4.95-4.95-4.95a1 1 0 0 0-1.414 1.414l5.657 5.657a1 1 0 0 0 1.414 0l5.658-5.657a1 1 0 0 0 0-1.414Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
}
.blankAdd__itemSelect select::-ms-expand {
    display: none;
}
.blankAdd__itemRemove {
    position: absolute;
    right: 15px;
    top: 20px;
    width: 20px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3e%3cpath fill='%23999' d='M14 0C6.2 0 0 6.2 0 14s6.2 14 14 14 14-6.2 14-14S21.8 0 14 0Zm5.4 21L14 15.6 8.6 21 7 19.4l5.4-5.4L7 8.6 8.6 7l5.4 5.4L19.4 7 21 8.6 15.6 14l5.4 5.4-1.6 1.6Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
    cursor: pointer;
    transition: .25s all ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}
.blankAdd__itemRemove:hover {
    text-decoration: none;
    opacity: .8;
}
.blankAdd__itemRemove.active {
    opacity: 1;
    visibility: visible;
}
.blankAdd__itemRemoveSelect {
    position: absolute;
    right: 50px;
    top: 20px;
    width: 20px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3e%3cpath fill='%23999' d='M14 0C6.2 0 0 6.2 0 14s6.2 14 14 14 14-6.2 14-14S21.8 0 14 0Zm5.4 21L14 15.6 8.6 21 7 19.4l5.4-5.4L7 8.6 8.6 7l5.4 5.4L19.4 7 21 8.6 15.6 14l5.4 5.4-1.6 1.6Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
    cursor: pointer;
    transition: .25s all ease-in-out;
    z-index: 2;
}
.blankAdd__itemRemoveSelect:hover {
    text-decoration: none;
    opacity: .8;
}
.blankAdd__itemTextarea {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 35px;
}
.blankAdd__itemTextarea textarea {
    width: 100%;
    height: 200px;
    border-radius: 35px;
    background: #F8F4EB;
    padding: 18px 40px 18px 20px;
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    border: none;
    outline: none;
    resize: none;
}
.blankAdd__itemTextarea textarea::-webkit-scrollbar-track {
	background-color: #F8F4EB;
    margin: 32px;
}
.blankAdd__itemTextarea textarea::-webkit-scrollbar {
	width: 5px;
	background-color: #F8F4EB;
}
.blankAdd__itemTextarea textarea::-webkit-scrollbar-thumb {
	background-color: #ccc;
    border-radius: 50px;
}
.blankAdd__itemTextarea input::placeholder {
    color: #999;
}
.blankAdd__itemDouble {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.blankAdd__itemDouble::before {
    content: '—';
    color: #352D28;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    order: 2;
}
.blankAdd__itemDouble >*:nth-child(1) {
    order: 1
}
.blankAdd__itemDouble >*:nth-child(2) {
    order: 3
}
.blankAdd__itemChecks {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px
}
.checkbox {
	margin: 0;
	display: block;
}
.checkbox>input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.checkbox>span {
	display: block;
	position: relative;
	cursor: pointer;

    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;

	padding-left: 35px;
}
.checkbox>span::before {
	content: '';
	width: 24px;
	height: auto;
	aspect-ratio: 1;
	border-radius: 6px;
	border: 1px solid #352D28;
	background-color: #ffffff;
	flex: none;
	position: absolute;
	left: 0;
	top: -1px;
	background-repeat: no-repeat;
	background-position: center;
    background-size: 54%;
	transition: .25s all ease-in-out;
}
.checkbox>input:checked+span::before {
	border-color: #FFD70C;
	background-color: #FFD70C;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' fill='none' viewBox='0 0 20 17'%3e%3cpath fill='%23352D28' d='M19.8 1.703 6.223 16.2 0 9.556l1.595-1.704 4.628 4.93L18.205 0 19.8 1.703Z'/%3e%3c/svg%3e");
}
.checkbox>input:disabled+span {
	background-color: #e9ecef;
	opacity: .5;
}
.blankAdd__employment {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.blankAdd__employmentBtn {
    display: block;
    border-radius: 100px;
    background: #FFD70C;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 10px;
    transition: .25s all ease-in-out;
    cursor: pointer;
    margin-top: 20px;
}
.blankAdd__employmentBtn::before {
    content: '';
    width: 14px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3e%3cpath fill='%23352D28' d='M25.835 14.829h-11v11h-3.667v-11h-11v-3.667h11v-11h3.667v11h11v3.667Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
}
.blankAdd__employmentBtn:hover {
    text-decoration: none;
    background-color: #ebc405;
    color: #352D28;
}
.blankAdd__price {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.blankAdd__priceItem {
    display: grid;
    grid-template-columns: auto 300px 42px;
    align-items: center;
    gap: 60px;
    width: 100%;
}
.blankAdd__priceItemTitle {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
}
.blankAdd__priceItemList {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
.blankAdd__priceItemList span {
    display: block;
}
.blankAdd__priceItemEdit {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #FFD70C;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath stroke='%23FFD70C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 31.5h24M8.499 19.782a3.42 3.42 0 0 0-.999 2.415V27h4.835a3.41 3.41 0 0 0 2.414-1.002L29 11.742a3.42 3.42 0 0 0 0-4.83l-1.406-1.41a3.415 3.415 0 0 0-4.834.002L8.5 19.78Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
    transition: .25s all ease-in-out;
    display: block;
}
.blankAdd__priceItemEdit:hover {
    background-color: #FFD70C;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 31.5h24M8.499 19.782a3.42 3.42 0 0 0-.999 2.415V27h4.835a3.41 3.41 0 0 0 2.414-1.002L29 11.742a3.42 3.42 0 0 0 0-4.83l-1.406-1.41a3.415 3.415 0 0 0-4.834.002L8.5 19.78Z'/%3e%3c/svg%3e");
}
.priceModal {
    position: relative;
    background: #FFF;
    padding: 32px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
    border-radius: 10px;
}
.priceModal .mfp-close{
    display: none;
}
.priceModal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.priceModal__title {
    color: #352D28;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}
.priceModal__close {
    width: 24px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3e%3cpath fill='%23999' d='M14 0C6.2 0 0 6.2 0 14s6.2 14 14 14 14-6.2 14-14S21.8 0 14 0Zm5.4 21L14 15.6 8.6 21 7 19.4l5.4-5.4L7 8.6 8.6 7l5.4 5.4L19.4 7 21 8.6 15.6 14l5.4 5.4-1.6 1.6Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
    cursor: pointer;
    transition: .25s all ease-in-out;
}
.priceModal__close:hover {
    opacity: .8;
}
.priceModal__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
}
.priceModal__infoTitle {
    overflow: hidden;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.priceModal__infoText {
    margin-top: 8px;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.priceModal__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.priceModal__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.priceModal__itemTitle {
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.priceModal__item .blankAdd__itemInput {
    max-width: 160px;
}
.priceModal__item .blankAdd__itemInput input {
    height: 50px;
}
.priceModal__item .blankAdd__itemInput .blankAdd__itemRemove {
    top: 15px;
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
    .blankAdd__title {
        font-size: 22px;
    }
    .blankAdd__preHeaderTitle {
        font-size: 18px;
    }
    .blankAdd__itemTitle {
        font-size: 16px;
    }
}
@media(max-width:992px) {
}
@media(max-width:768px) {
}
@media(max-width:575px) {
    .blankAdd {
        padding: 24px 20px;
    }
    .blankAdd__title {
        font-size: 18px;
    }
    .blankAdd__preHeaderTitle {
        font-size: 16px;
    }
    .blankAdd__preHeaderReset {
        font-size: 16px;
    }
    .blankAdd__preHeader {
        flex-wrap: wrap;
        gap: 10px;
    }
    .blankAdd__itemInput input {
        border-radius: 20px;
        font-size: 16px;
    }
    .blankAdd__itemTextarea {
        border-radius: 20px;
    }
    .blankAdd__itemTextarea textarea {
        border-radius: 20px;
        font-size: 16px;
        padding: 21px 40px 18px 20px;
    }
    .blankAdd__itemTextarea textarea {
        max-height: 400px;
    }
    .blankAdd__footer{
        margin-top: 20px;
    }
    .blankAdd__itemSelect select {
        font-size: 16px;
    }
    .checkbox>span {
        font-size: 16px;
    }
    .checkbox>span::before {
        width: 22px;
    }
    .checkbox>span {
        padding-left: 30px;
    }
    .blankAdd__employmentBtn {
        font-size: 16px;
    }
    .blankAdd__employmentBtn::before {
        width: 12px;
    }
    .blankAdd__itemTextarea textarea {
        height: 150px;
    }
    .blankAdd__priceItemTitle {
        font-size: 14px;
        font-weight: 600;
    }
    .blankAdd__priceItemList {
        font-size: 14px;
    }
    .blankAdd__priceItem {
        grid-template-columns: 1fr 38px;
        gap: 5px 20px;
    }
    .blankAdd__priceItemTitle {
        order: 1;
    }
    .blankAdd__priceItemList {
        order: 3;
        grid-column: -1/1;
    }
    .blankAdd__priceItemEdit{
        order: 2;
    }
    .priceModal {
        padding: 24px 20px;
    }
    .priceModal__title {
        font-size: 20px;
    }
    .priceModal__infoText {
        font-size: 14px;
    }
    .priceModal__itemTitle {
        font-size: 14px;
    }
    .priceModal__item .blankAdd__itemInput {
        max-width: 130px;
    }
}
/* blankAdd */

/* account */
.account {
}
.account+* {
    margin-top: 50px;
}
.account__info {
    display: grid;
    grid-template-columns: 110px 1fr;
    align-items: center;
    gap: 30px;
}
.account__infoImgPreview {
    position: relative;
}
.account__infoImgPreview img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 16px;
}
.account__infoImgPreviewEdit {
    width: 42px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    color: transparent;
    top: 0;
    right: -10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath stroke='%23FFD70C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 31.5h24M8.499 19.782a3.42 3.42 0 0 0-.999 2.415V27h4.835a3.41 3.41 0 0 0 2.414-1.002L29 11.742a3.42 3.42 0 0 0 0-4.83l-1.406-1.41a3.415 3.415 0 0 0-4.834.002L8.5 19.78Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
    transition: .25s all ease-in-out;
    cursor: pointer;
}
.account__infoImgPreviewEdit:hover {
    text-decoration: none;
    opacity: .9;
}
.account__infoImgPreviewEdit::file-selector-button { 
   display: none; 
}
.account__infoImgPreviewEdit::-webkit-file-upload-button {
   display: none;
}
.account__infoImg {
    position: relative;
}
.account__infoImgInput {
    opacity: 0;
	visibility: hidden;
	position: absolute;
	max-width: 10px;
}
.account__infoImgButton {
    display: flex;
    margin: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 16px;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill='none' viewBox='0 0 42 42'%3e%3cpath fill='%23FFD70C' d='M42 23.994H24v18h-6v-18H0v-6h18v-18h6v18h18v6Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32%;
    cursor: pointer;
    transition: .25s all ease-in-out;
}
.account__infoImgButton:hover {
    opacity: .9;
}
.account__infoContent {
}
.account__infoTitle {
    margin-bottom: 16px;
    color: #352D28;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}
.account__input {
    width: 100%;
    position: relative;
}
.account__input input {
    width: 100%;
    height: 60px;
    border-radius: 100px;
    background: #FFF;
    border: none;
    padding: 0 40px 0 20px;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    outline: none;
}
.account__input+* {
    margin-top: 12px;
}
.account__textarea input::placeholder {
    color: #999;
}
.account__inputRemove {
    position: absolute;
    right: 15px;
    top: 20px;
    width: 20px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3e%3cpath fill='%23999' d='M14 0C6.2 0 0 6.2 0 14s6.2 14 14 14 14-6.2 14-14S21.8 0 14 0Zm5.4 21L14 15.6 8.6 21 7 19.4l5.4-5.4L7 8.6 8.6 7l5.4 5.4L19.4 7 21 8.6 15.6 14l5.4 5.4-1.6 1.6Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
    cursor: pointer;
    transition: .25s all ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.account__inputRemove:hover {
    text-decoration: none;
    opacity: .8;
}
.account__inputRemove.active {
    opacity: 1;
    visibility: visible;
}
.account__item {
    margin-top: 40px;
}
.account__itemRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.account__itemRow .account__itemTitle {
    margin-bottom: 0;
}
.account__itemTitle {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.account__textarea {
    position: relative;
    width: 100%;
}
.account__textarea textarea {
    border-radius: 32px;
    background: #FFF;
    height: 154px;;
    width: 100%;
    border: none;
    resize: none;
    outline: none;
    padding: 20px;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
}
.account__textarea textarea::placeholder {
    color: #999;
}
.account__select {
    position: relative;
    max-width: 300px;
    width: 100%;
}
.account__select select {
    height: 60px;
    border-radius: 100px;
    background: #FFF;
    padding: 0 40px 0 20px;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    width: 100%;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none' viewBox='0 0 17 16'%3e%3cpath fill='%23352D28' d='M14.864 5.292a1 1 0 0 0-1.415 0l-4.95 4.95-4.95-4.95a1 1 0 0 0-1.414 1.414l5.657 5.657a1 1 0 0 0 1.414 0l5.658-5.657a1 1 0 0 0 0-1.414Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
}
.account__select select::-ms-expand {
    display: none;
}
.account__itemAdd {
    width: 200px;
    height: 46px;
    border-radius: 24px;
    background: #FFD70C;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'%3e%3cpath fill='%23352D28' d='M21.5 12.496h-9v9h-3v-9h-9v-3h9v-9h3v9h9v3Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px;
    cursor: pointer;
    transition: .25s all ease-in-out;
}
.account__itemAdd:hover {
    text-decoration: none;
    background-color: #ebce3d;
}
.account__itemEdu {

}
.account__itemEduHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.account__itemEduHeader .account__itemTitle {
    margin-bottom: 0;
}
.account__itemExpHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.account__itemExpHeader .account__itemTitle {
    margin-bottom: 0;
}
.account__footer {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}
.account__apply {
    max-width: 320px;
    width: 100%;
    min-height: 50px;
    padding: 5px 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 100px;
    background-color: #FFD70C;
    border: none;
    transition: .25s all ease-in-out;
}
.account__apply:hover {
    text-decoration: none;
    opacity: .8;
    color: #352D28;
}
.account__itemDeleteBtn {
    max-width: 320px;
    width: 100%;
    min-height: 50px;
    padding: 5px 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 100px;
    background-color: #F86262;
    border: none;
    transition: .25s all ease-in-out;
}
.account__itemDeleteBtn:hover {
    text-decoration: none;
    opacity: .8;
    color: #352D28;
}
.account__itemDelete {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.account__itemDelete .account__itemTitle {
    margin-bottom: 0;
}
.account__itemDeleteContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
.account__itemText {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25;
}
.account__rules {
    display: grid;
    grid-template-columns: 60px 1fr;
    align-items: center;
    gap: 30px;
    border-radius: 16px;
    background: #FFF;
    padding: 16px 40px 16px 16px;
    position: relative;
    margin-top:35px;
}
.account__rules::before {
    content: '';
    width: 28px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3e%3cpath fill='%23352D28' d='M10.585 3.271a2 2 0 0 0 0 2.828l9.9 9.9-9.9 9.9a2 2 0 0 0 2.828 2.828l11.314-11.314a2 2 0 0 0 0-2.828L13.413 3.271a2 2 0 0 0-2.828 0Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: .25s all ease-in-out;
}
.account__rules:hover::before {
    transform: translateY(-50%) translateX(5px);
}
.account__rules:hover {
    text-decoration: none;
}
.account__rulesImg {
    width: 100%;
}
.account__rulesImg img {
    width: 100%;
    height: auto;
}
.account__rulesContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
.account__rulesTitle {
    color: #352D28;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}
.account__rulesText {
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}
.account__rulesText span {
    border-bottom: 1px solid #352D28;
}
.account__footerMain {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 40px;
}
.account__footerMain>* {
    flex: 1;
}
.account__save {
    width: auto;
    min-height: 50px;
    padding: 5px 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 100px;
    background-color: #FFD70C;
    border: none;
    transition: .25s all ease-in-out;
}
.account__save:hover {
    text-decoration: none;
    opacity: .8;
    color: #352D28;
}
.account__reset {
    width: auto;
    min-height: 50px;
    padding: 5px 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 100px;
    background-color: transparent;
    border: 1px solid #352D28;
    transition: .25s all ease-in-out;
}
.account__reset:hover {
    text-decoration: none;
    opacity: .8;
    color: #352D28;
}
.account__itemAddList {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.account__itemAddItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.account__itemAddItemContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.account__itemAddItemTitle {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25;
}
.account__itemAddItemText {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25;
}
.account__itemAddItemRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px
}
.account__itemAddItemArticle {
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25;
}
.account__itemAddItemControl {
    display: flex;
    align-items: center;
    gap: 14px
}
.account__itemAddItemControlEdit {
    width: 40px;
    height: auto;
    aspect-ratio: 1;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #FFD70C;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath stroke='%23FFD70C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 31.5h24M8.499 19.782a3.42 3.42 0 0 0-.999 2.415V27h4.835a3.41 3.41 0 0 0 2.414-1.002L29 11.742a3.42 3.42 0 0 0 0-4.83l-1.406-1.41a3.415 3.415 0 0 0-4.834.002L8.5 19.78Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
    transition: .25s all ease-in-out;
    display: block;
}
.account__itemAddItemControlEdit:hover {
    background-color: #FFD70C;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 31.5h24M8.499 19.782a3.42 3.42 0 0 0-.999 2.415V27h4.835a3.41 3.41 0 0 0 2.414-1.002L29 11.742a3.42 3.42 0 0 0 0-4.83l-1.406-1.41a3.415 3.415 0 0 0-4.834.002L8.5 19.78Z'/%3e%3c/svg%3e");
}
.account__itemAddItemControlDelete {
    width: 40px;
    height: auto;
    aspect-ratio: 1;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #F86262;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath fill='%23F86262' d='M30.375 6.75H24.75V5.625a3.375 3.375 0 0 0-3.375-3.375h-6.75a3.375 3.375 0 0 0-3.375 3.375V6.75H5.625a1.125 1.125 0 0 0 0 2.25H6.75v20.25A2.25 2.25 0 0 0 9 31.5h18a2.25 2.25 0 0 0 2.25-2.25V9h1.125a1.125 1.125 0 0 0 0-2.25ZM13.5 5.625A1.125 1.125 0 0 1 14.625 4.5h6.75A1.125 1.125 0 0 1 22.5 5.625V6.75h-9V5.625ZM27 29.25H9V9h18v20.25ZM15.75 14.625v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Zm6.75 0v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
    transition: .25s all ease-in-out;
    display: block;
}
.account__itemAddItemControlDelete:hover {
    background-color: #F86262;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3e%3cpath fill='%23fff' d='M30.375 6.75H24.75V5.625a3.375 3.375 0 0 0-3.375-3.375h-6.75a3.375 3.375 0 0 0-3.375 3.375V6.75H5.625a1.125 1.125 0 0 0 0 2.25H6.75v20.25A2.25 2.25 0 0 0 9 31.5h18a2.25 2.25 0 0 0 2.25-2.25V9h1.125a1.125 1.125 0 0 0 0-2.25ZM13.5 5.625A1.125 1.125 0 0 1 14.625 4.5h6.75A1.125 1.125 0 0 1 22.5 5.625V6.75h-9V5.625ZM27 29.25H9V9h18v20.25ZM15.75 14.625v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Zm6.75 0v9a1.125 1.125 0 1 1-2.25 0v-9a1.125 1.125 0 1 1 2.25 0Z'/%3e%3c/svg%3e");
}
.account__itemAddBlock {
    padding: 16px;
    border-radius: 20px;
    border: 1px solid #000;
    margin-top: 20px;
}
.account__itemAddBlockHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.account__itemAddBlockTitle {
    color: #352D28;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}
.account__itemAddBlockClose {
    width: 22px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3e%3cpath fill='%23999' d='M14 0C6.2 0 0 6.2 0 14s6.2 14 14 14 14-6.2 14-14S21.8 0 14 0Zm5.4 21L14 15.6 8.6 21 7 19.4l5.4-5.4L7 8.6 8.6 7l5.4 5.4L19.4 7 21 8.6 15.6 14l5.4 5.4-1.6 1.6Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
    cursor: pointer;
    transition: .25s all ease-in-out;
}
.account__itemAddBlockClose:hover {
    opacity: .8;
}
.account__itemAddBlockGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-end;
    gap: 20px;
}
.account__itemAddBlock .account__itemTitle {
    font-weight: 400;
    text-transform: unset;
    font-size: 18px;
}
.account__itemAddBlock .account__item {
    margin: 0;
}
.account__itemAddBlockBtn {
    max-width: 100%;
    width: 100%;
    min-height: 56px;
    padding: 5px 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 100px;
    background-color: #FFD70C;
    border: none;
    transition: .25s all ease-in-out;
}
.account__itemAddBlockBtn:hover {
    opacity: .8;
    text-decoration: none;
}
.account__itemAddBlockDouble {
    display: grid;
    grid-template-columns: 2fr auto 3fr;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.account__itemAddBlockDouble::before {
    content: '—';
    color: #352D28;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    order: 2;
}
.account__itemAddBlockDouble >*:nth-child(1) {
    order: 1;
    margin: 0;
}
.account__itemAddBlockDouble >*:nth-child(2) {
    order: 3;
    margin: 0;
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
}
@media(max-width:992px) {
    .account__itemAddBlockGrid {
        grid-template-columns: 1fr;
    }
}
@media(max-width:768px) {
}
@media(max-width:575px) {
    .account__itemTitle {
        font-size: 18px;
    }
    .account__itemAdd {
        width: 100%;
        max-width: 90px;
        height: 36px;
        background-size: 17px;
    }
    .account__input input {
        height: 50px;
        font-size: 16px;
    }
    .account__textarea textarea {
        font-size: 16px;
        height: 120px;
    }
    .account__select select {
        height: 50px;
        font-size: 16px;
    }
    .account__itemRow {
        gap: 20px;
    }
    .blogAdd__itemFileButton::after {
        width: 100%;
        max-width: 160px;
    }
    .account__itemDelete {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .account__itemDeleteBtn {
        font-size: 16px;
    }
    .account__rules {
        grid-template-columns: 40px 1fr;
        gap: 15px;
        padding: 16px 30px 16px 16px;
    }
    .account__rulesTitle {
        font-size: 18px;
    }
    .account__rulesText {
        font-size: 14px;
    }
    .account__rules::before {
        width: 22px;
        right: 10px;
    }
    .account__footerMain {
        flex-direction: column;
    }
    .account__footerMain>* {
        width: 100%;
        padding: 5px 20px;
        font-size: 16px;
    }
    .account__itemText {
        font-size: 16px;
    }
    .account__info {
        grid-template-columns: 80px 1fr;
        gap: 15px
    }
    .account__infoTitle {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .account__inputRemove {
        top: 15px;
    }
    .account__itemAddBlock .account__itemTitle {
        font-size: 16px;
    }
    .account__itemAddBlockBtn {
        font-size: 16px;
    }
    .account__itemAddBlockBtn {
        min-height: 50px;
    }
    .account__itemAddItemTitle {
        font-size: 14px;
    }
    .account__itemAddItemText {
        font-size: 14px;
    }
    .account__itemAddItemArticle {
        font-size: 14px;
    }
    .account__itemAddItemContent {
        gap: 6px;
    }
    .account__itemAddItemControl {
        gap: 8px;
    }
    .account__itemAddItemRight {
        gap: 10px;
    }
    .account__itemAddBlockDouble {
        grid-template-columns: 1fr;
    }
    .account__itemAddBlockDouble::before{
        content: '';
        width: 1px;
        height: 20px;
        flex: none;
        margin: 0 auto;
        background-color: #352D28;
        opacity: .6;
    }
    .account__apply {
        font-size: 16px;
    }
    .account__itemAddItem {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .account__itemAddItemContent {
        gap: 2px;
    }
    .account__itemAddItemControlEdit  {
        width: 34px;
    }
    .account__itemAddItemControlDelete {
        width: 34px;
    }
    .account__infoImgPreviewEdit {
        width: 32px;
    }
}
/* account */

/* form popup */
/* form popup */

/* Magnific popup */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
.my-mfp-slide-bottom {
    opacity: 0;
    opacity--webkit-transition: opacity 0.3s ease-out;
    opacity--moz-transition: opacity 0.3s ease-out;
    opacity--o-transition: opacity 0.3s ease-out;
    opacity-transition: opacity 0.3s ease-out;
}
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}


.row_btn {
    display:flex;
    justify-content:center;
}
#baby_btn.priceModal__close, 
#primary_btn.priceModal__close, 
#middle_btn.priceModal__close, 
#high_btn.priceModal__close, 
#students_btn.priceModal__close, 
#adult_btn.priceModal__close {
    border-radius:25px;
    width:49% !important;
    margin-top:30px;
    background-image: none !important;
    aspect-ratio:unset;
    background:rgb(255, 215, 12);
    padding-top:10px;
    padding-bottom:10px;
    border-color:rgb(255, 215, 12);
}

/* Magnific popup */
.input_short {
    width:42%;
}

.group_account {
    padding: 15px;
    background: #fff;
    border-radius:20px;
    margin-top:30px;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:15px;
    padding-right:15px;
}
.group_account .account__itemRow {
    margin-bottom:20px;
}
.group_account .input_short {
    width:auto;
}
.group_account .account__input, .acc_text  {
    
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.acc_text {font-weight:800;
.noflex {
    display:block !mportant;
}

/* materialSection */
.materialSection {
}
.materialSectionCaption {
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    gap: 16px;
}
.materialSectionCaption li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-radius: 100px;
    border: 1px solid #352D28;
    transition: .25s all ease-in-out;
    cursor: pointer;
    min-height: 40px;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    padding: 5px;
}
.materialSectionCaption li:hover {
    text-decoration: none;
    opacity: .8;
}
.materialSectionCaption li.active {
    background-color: #F86262;
    border-color: #F86262;
    font-weight: 700;
    cursor: default;
    opacity: 1;
}
.materialSection__wrapper {
}
.materialSection__tab {
    display: none;
}
.materialSection__tab.active {
    display: block;
}
.materialSection__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 36px 20px
}
.materialSection__itemAdd {
    width: 100%;
    height: 100%;
    background-color: #FFD70C;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104' fill='none' viewBox='0 0 104 104'%3e%3cpath fill='%23352D28' d='M82.333 56.325h-26v26h-8.667v-26h-26v-8.667h26v-26h8.667v26h26v8.667Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    border-radius: 16px;
    transition: .25s all ease-in-out;
}
.materialSection__itemAdd:hover {
    text-decoration: none;
    opacity: .85;
}
.materialSection__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transition: .25s all ease-in-out;
}
.materialSection__item:hover {
    text-decoration: none;
    opacity: .9;
}
.materialSection__itemImg {
    display: flex;
    border-radius: 16px;
    background: #FFF;
    width: 100%;
    height: auto;
    aspect-ratio: 1.229730;
    overflow: hidden;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='105' height='104' fill='none' viewBox='0 0 105 104'%3e%3cpath fill='%23999' d='M74.167 34.667a8.667 8.667 0 1 0 0-17.333 8.667 8.667 0 0 0 0 17.333Z'/%3e%3cpath fill='%23999' stroke='%23999' stroke-width='2' d='m23.146 48.296-6.526 5.438c-1.534 1.279-2.301 1.92-2.713 2.79-.407.876-.407 1.873-.407 3.87v8.94c0 8.173 0 12.255 2.54 14.794 2.539 2.54 6.62 2.54 14.793 2.54h39c8.173 0 12.255 0 14.794-2.54 2.54-2.54 2.54-6.621 2.54-14.794v-.745c0-1.768 0-2.656-.33-3.45-.329-.792-.953-1.425-2.21-2.677l-4.823-4.824c-3.588-3.587-5.382-5.381-7.466-6.01a8.666 8.666 0 0 0-5.01 0c-2.08.629-3.878 2.422-7.466 6.01-2.535 2.535-3.804 3.805-5.152 4.04a4.334 4.334 0 0 1-3.029-.581c-1.161-.72-1.868-2.37-3.285-5.669l-.511-1.195c-3.462-8.078-5.191-12.116-8.45-13.468a8.665 8.665 0 0 0-2.643-.638c-3.519-.273-6.89 2.54-13.646 8.169Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
}
.materialSection__itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.materialSection__itemTitle {
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
    .materialSection__list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media(max-width:992px) {
}
@media(max-width:768px) {
}
@media(max-width:575px) {
    .materialSectionCaption {
        gap: 10px;
    }
    .materialSectionCaption li {
        font-size: 14px;
    }
    .materialSection__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}
/* materialSection */

/* materialInner */
.materialInner__container {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 30px;
}
.materialInner__aside {
    padding: 16px;
    border-radius: 24px;
    background-color: #fff;
}
.materialInner__asideTitle {
    border-radius: 18px;
    background: #F8F4EB;
    min-height: 160px;
    padding: 20px;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.materialInner__asideSection {
}
.materialInner__asideSectionTitle {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #F8F4EB;
}
.materialInner__asideSectionList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.materialInner__asideSectionItem {
}
.materialInner__asideSectionItemTitle {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    padding-left: 8px;
    border-left: 1px solid #FFD70C;
    display: flex;
    align-items: center;
    gap: 10px;
}
.materialInner__asideSectionItemTitle::after {
    content: '';
    width: 12px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%23352D28' d='M14.364 5.292a1 1 0 0 0-1.415 0L8 10.242l-4.95-4.95a1 1 0 0 0-1.414 1.414l5.657 5.657a1 1 0 0 0 1.414 0l5.658-5.657a1 1 0 0 0 0-1.414Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
    transition: .25s all ease-in-out;
}
.materialInner__asideSectionItem.active .materialInner__asideSectionItemTitle::after {
    transform: rotate(180deg);
}
.materialInner__asideSectionItemContent {
    display: none;
    padding-left: 20px;
}
.materialInner__asideSectionItemLesson {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    padding-left: 8px;
    border-left: 1px solid #FFD70C;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.materialInner__asideSectionAdd {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: #F86262;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: .25s all ease-in-out;
}
.materialInner__asideSectionAdd:hover {
    text-decoration: none;
    color: #F86262;
    opacity: .8;
}
.materialInner__asideSectionAdd::after {
    content: '';
    width: 12px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3e%3cpath fill='%23F86262' d='M25.835 14.829h-11v11h-3.667v-11h-11v-3.667h11v-11h3.667v11h11v3.667Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
}
.materialInner__asideFooter {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.materialInner__asideAdd {
    border-radius: 100px;
    background: transparent;
    border: 1px solid #352D28;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 10px;
    min-height: 45px;
    transition: .25s all ease-in-out;
}
.materialInner__asideAdd::before {
    content: '';
    width: 14px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3e%3cpath fill='%23352D28' d='M25.835 14.829h-11v11h-3.667v-11h-11v-3.667h11v-11h3.667v11h11v3.667Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
}
.materialInner__asideAdd:hover {
    text-decoration: none;
    background-color: transparent;
    color: #352D28;
    opacity: .8;
}
.materialInner__asideSave {
    border-radius: 100px;
    background: #FFD70C;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 10px 10px;
    min-height: 45px;
    transition: .25s all ease-in-out;
}
.materialInner__asideSave:hover {
    text-decoration: none;
    background-color: #ebc405;
    color: #352D28;
}
.materialInner__content {
}
.materialInner__lessonsList {
}
.materialInner__lesson {
    border-radius: 24px;
    padding: 24px;
    background-color: #fff;
}
.materialInner__lessonTitle {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    border-bottom: 1px solid #F8F4EB;
    padding-bottom: 12px;
}
.materialInner__lessonBtn {
    margin-top: 24px;
    border-radius: 100px;
    background: #FFD70C;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 10px;
    transition: .25s all ease-in-out;
}
.materialInner__lessonBtn::before {
    content: '';
    width: 14px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3e%3cpath fill='%23352D28' d='M25.835 14.829h-11v11h-3.667v-11h-11v-3.667h11v-11h3.667v11h11v3.667Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
}
.materialInner__lessonBtn:hover {
    text-decoration: none;
    background-color: #ebc405;
    color: #352D28;
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
    .materialInner__container {
        grid-template-columns: 320px 1fr;
    }
    .materialInner__lessonTitle {
        font-size: 22px;
    }
    .materialInner__asideTitle {
        font-size: 18px;
        min-height: 140px;
    }
}
@media(max-width:992px) {
    .materialInner__container {
        grid-template-columns: 1fr;
    }
}
@media(max-width:768px) {
}
@media(max-width:575px) {
    .materialInner__lesson{
        padding: 20px;
    }
}
/* materialInner */

/* form popup */
/* form popup */

/* Magnific popup */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
.my-mfp-slide-bottom {
    opacity: 0;
    opacity--webkit-transition: opacity 0.3s ease-out;
    opacity--moz-transition: opacity 0.3s ease-out;
    opacity--o-transition: opacity 0.3s ease-out;
    opacity-transition: opacity 0.3s ease-out;
}
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}
/* Magnific popup */

/* popupWide */
.popupWide {
    position: relative;
    background: #FFF;
    padding: 32px;
    width: auto;
    max-width: 1200px;
    margin: 20px auto;
    border-radius: 10px;
}
.popupWide .mfp-close {
    display: none;
}
.popupWide__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.popupWide__title {
    color: #352D28;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}
.popupWide__close {
    width: 24px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3e%3cpath fill='%23999' d='M14 0C6.2 0 0 6.2 0 14s6.2 14 14 14 14-6.2 14-14S21.8 0 14 0Zm5.4 21L14 15.6 8.6 21 7 19.4l5.4-5.4L7 8.6 8.6 7l5.4 5.4L19.4 7 21 8.6 15.6 14l5.4 5.4-1.6 1.6Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
    cursor: pointer;
    transition: .25s all ease-in-out;
}
.popupWide__close:hover {
    opacity: .8;
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
}
@media(max-width:992px) {
}
@media(max-width:768px) {
}
@media(max-width:575px) {
    .popupWide {
        padding: 24px 20px;
    }
    .popupWide__title {
        font-size: 20px;
    }
}
/* popupWide */

/* templates */
.templates__list {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}
.templates__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transition: .25s all ease-in-out;
}
.templates__item:hover {
    text-decoration: none;
    opacity: .9;
}

.templates__item:nth-child(3n+5) {
    grid-column: 1/5;
}
.templates__item:nth-child(3n+6) {
    grid-column: 5/9;
}
.templates__item:nth-child(3n+7) {
    grid-column: 9/13;
}
.templates__itemImg {
    display: flex;
    border-radius: 16px;
    background: #F8F4EB;
    width: 100%;
    height: 200px;
    /* aspect-ratio: 1.229730; */
    overflow: hidden;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='105' height='104' fill='none' viewBox='0 0 105 104'%3e%3cpath fill='%23999' d='M74.167 34.667a8.667 8.667 0 1 0 0-17.333 8.667 8.667 0 0 0 0 17.333Z'/%3e%3cpath fill='%23999' stroke='%23999' stroke-width='2' d='m23.146 48.296-6.526 5.438c-1.534 1.279-2.301 1.92-2.713 2.79-.407.876-.407 1.873-.407 3.87v8.94c0 8.173 0 12.255 2.54 14.794 2.539 2.54 6.62 2.54 14.793 2.54h39c8.173 0 12.255 0 14.794-2.54 2.54-2.54 2.54-6.621 2.54-14.794v-.745c0-1.768 0-2.656-.33-3.45-.329-.792-.953-1.425-2.21-2.677l-4.823-4.824c-3.588-3.587-5.382-5.381-7.466-6.01a8.666 8.666 0 0 0-5.01 0c-2.08.629-3.878 2.422-7.466 6.01-2.535 2.535-3.804 3.805-5.152 4.04a4.334 4.334 0 0 1-3.029-.581c-1.161-.72-1.868-2.37-3.285-5.669l-.511-1.195c-3.462-8.078-5.191-12.116-8.45-13.468a8.665 8.665 0 0 0-2.643-.638c-3.519-.273-6.89 2.54-13.646 8.169Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80px;
}
.templates__itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.templates__itemTitle {
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}
@media(min-width:993px) {
    .templates__item:nth-child(1) {
        grid-column: 1/4!important;
    }
    .templates__item:nth-child(2) {
        grid-column: 4/7!important;
    }
    .templates__item:nth-child(3) {
        grid-column: 7/10!important;
    }
    .templates__item:nth-child(4) {
        grid-column: 10/13!important;
    }
}
@media(max-width:992px) {
    .templates__list {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
    .templates__item {
        grid-column: auto!important;
    }
}
@media(max-width:575px) {
    .templates__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .templates__itemTitle {
        font-size: 14px;
    }
    .templates__itemImg {
        height: auto;
        aspect-ratio: 1;
    }
}
/* templates */

/* exercise */
.exercise__list {
    display: flex;
    flex-direction: column;
    gap: 16px
}
.exercise__item {
    border-radius: 16px;
    background-color: #F8F4EB;
}
.exercise__itemTitle {
    cursor: pointer;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.exercise__itemTitle::after {
    content: '';
    width: 24px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3e%3cpath fill='%23000' d='M5.76 11.983 16 22.578l10.24-10.595a1.512 1.512 0 0 0-2.179-2.098L16 18.232 7.928 9.885a1.512 1.512 0 0 0-2.178 2.098h.01Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
    transition: .25s all ease-in-out;
}
.exercise__item.active>.exercise__itemTitle::after {
    transform: rotate(180deg);
}
.exercise__itemContent {
    display: none;
    padding-left: 60px;
}
.exercise__labelWrapper {
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.exercise__label {
    margin: 0;
	display: block;
    padding: 20px;
    cursor: pointer;
}
.exercise__label>input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.exercise__label>span {
	display: flex;
    align-items: center;
    justify-content: space-between;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}
.exercise__label>span::after {
	content: '';
	width: 28px;
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 1px solid #352D28;
	background-color: transparent;
	flex: none;
	background-repeat: no-repeat;
	background-position: center;
    background-size: 14px;
	transition: .25s all ease-in-out;
}
.exercise__label>input:checked+span::after {
	border-color: #FFD70C;
	background-color: #FFD70C;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' fill='none' viewBox='0 0 18 16'%3e%3cpath fill='%23352D28' d='M18 2.315 5.657 15.2 0 9.295 1.45 7.78l4.207 4.38L16.55.802 18 2.315Z'/%3e%3c/svg%3e");
}
.exercise__footer {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 32px;
}
.exercise__btn {
}
.exercise__create {
    min-width: 250px;
    border-radius: 100px;
    background: transparent;
    border: 1px solid #352D28;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 10px;
    min-height: 45px;
    transition: .25s all ease-in-out;
}
.exercise__create:hover {
    text-decoration: none;
    background-color: transparent;
    color: #352D28;
    opacity: .8;
}
.exercise__add {
    min-width: 250px;
    border-radius: 100px;
    background: #FFD70C;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 10px 10px;
    min-height: 45px;
    transition: .25s all ease-in-out;
}
.exercise__add:hover {
    text-decoration: none;
    background-color: #ebc405;
    color: #352D28;
}
@media(max-width:992px) {
    .exercise__itemContent {
        padding-left: 30px;
    }
}
@media(max-width:575px) {
    .exercise__itemContent {
        padding-left: 15px;
    }
    .exercise__itemTitle {
        font-size: 16px;
    }
    .exercise__label>span {
        font-size: 16px;
    }
    .exercise__label {
        padding: 10px 15px;
    }
    .exercise__itemTitle {
        padding: 15px;
    }
    .exercise__label>span::after {
        width: 22px;
        background-size: 10px;
    }
}
/* exercise */