/*
	Theme Name: DreamCraftStudio
	Author: Koc
	Author URI: http://kocgroup.ru
	Version: 1.0
*/

.admin-bar .header-container, .admin-bar .header.is-scrolled {
    top: 32px;
}

.hide {
    display: none !important;
}

.form_result {
    font-size: 26px;
    padding: 20px 0;
}
.checkbox-error {
    color: red;
}

.author .info {
    line-height: 1.2;
}

.person-card__text {
    max-height: 310px;
    overflow: hidden;
}

.tarif__inner ul {
    font-size: 14px;
    line-height: 1.28571;
    margin-bottom: 48px;
    list-style: none;
}
.tarif__inner ul li, .content-block__text ul li, .big-card__text-block ul li {
    position: relative;
    z-index: 1;
    min-height: 24px;
    padding-left: 32px
}

.tarif__inner ul li:not(:last-child), .content-block__text ul li:not(:last-child), .big-card__text-block ul li:not(:last-child) {
    margin-bottom: 8px
}
.tarif__inner ul li::before, .content-block__text ul li::before, .big-card__text-block ul li::before {
    position: absolute;
    z-index: 1;
    top: 3px !important;
    left: 0;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
    background-position: 0 0
}
.tarif__inner ul>li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300A3FF' d='M11.9,20.7c-0.5,0-1-0.2-1.4-0.6l-6.8-6.8C3.4,13,3.1,12.5,3.1,12c0-0.5,0.2-1,0.6-1.4l6.8-6.8c0.8-0.8,2.1-0.8,2.8,0l0,0l0,0l6.8,6.8c0.4,0.4,0.6,0.9,0.6,1.4c0,0.5-0.2,1-0.6,1.4l-6.8,6.8C12.9,20.5,12.4,20.7,11.9,20.7z M11.9,4.2c-0.3,0-0.5,0.1-0.7,0.3l-6.8,6.8c-0.2,0.2-0.3,0.4-0.3,0.7s0.1,0.5,0.3,0.7l6.8,6.8c0.4,0.4,1,0.4,1.4,0l6.8-6.8c0.2-0.2,0.3-0.4,0.3-0.7s-0.1-0.5-0.3-0.7l-6.8-6.8C12.4,4.3,12.2,4.2,11.9,4.2z'/%3E%3Cpath fill='%231E76E2' d='M11.7,14.6c-0.3,0-0.5-0.1-0.7-0.3l-2.6-2.6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.9,1.9l7.4-7.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-8.2,8.2C12.2,14.5,12,14.6,11.7,14.6z'/%3E%3C/svg%3E")
}
.tarif--dark .tarif__inner ul>li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' opacity='0.6' d='M11.9,20.7c-0.5,0-1-0.2-1.4-0.6l-6.8-6.8C3.4,13,3.1,12.5,3.1,12c0-0.5,0.2-1,0.6-1.4l6.8-6.8c0.8-0.8,2.1-0.8,2.8,0l0,0l0,0l6.8,6.8c0.4,0.4,0.6,0.9,0.6,1.4c0,0.5-0.2,1-0.6,1.4l-6.8,6.8C12.9,20.5,12.4,20.7,11.9,20.7z M11.9,4.2c-0.3,0-0.5,0.1-0.7,0.3l-6.8,6.8c-0.2,0.2-0.3,0.4-0.3,0.7s0.1,0.5,0.3,0.7l6.8,6.8c0.4,0.4,1,0.4,1.4,0l6.8-6.8c0.2-0.2,0.3-0.4,0.3-0.7s-0.1-0.5-0.3-0.7l-6.8-6.8C12.4,4.3,12.2,4.2,11.9,4.2z'/%3E%3Cpath fill='%23FFF' d='M11.7,14.6c-0.3,0-0.5-0.1-0.7-0.3l-2.6-2.6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.9,1.9l7.4-7.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-8.2,8.2C12.2,14.5,12,14.6,11.7,14.6z'/%3E%3C/svg%3E")
}

.content-block__text ul, .big-card__text-block ul {
    list-style: none;
}
.content-block__text ul>li::before, .big-card__text-block ul>li::before {
    background-image: url("data:image/svg+xml,%3Csvg wihdth='24' height='24' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300A3FF' d='M12,20.8c-0.5,0-1-0.2-1.4-0.6l-6.8-6.8C3.5,13,3.2,12.5,3.2,12s0.2-1,0.6-1.4l6.8-6.8c0.8-0.8,2.1-0.8,2.8,0l6.8,6.8c0.4,0.4,0.6,0.9,0.6,1.4s-0.2,1-0.6,1.4l-6.8,6.8C13,20.5,12.5,20.8,12,20.8z M12,4.2c-0.3,0-0.5,0.1-0.7,0.3l-6.8,6.8c-0.2,0.2-0.3,0.4-0.3,0.7s0.1,0.5,0.3,0.7l6.8,6.8c0.4,0.4,1,0.4,1.4,0l6.8-6.8c0.2-0.2,0.3-0.4,0.3-0.7s-0.1-0.5-0.3-0.7l-6.8-6.8C12.5,4.4,12.3,4.2,12,4.2z'/%3E%3Ccircle fill='%231E76E2' cx='12' cy='12' r='1.7'/%3E%3C/svg%3E")
}
.content-block__text ul ul {
    margin: 20px 0;
}


.typo-content blockquote {
    margin-right: 0;
    margin-left: 0;
    padding: 24px 16px 32px;
    text-align: center;
    border-radius: 24px;
    background-color: var(--blue_medium)
}
.typo-content blockquote::before {
    margin-right: auto;
    margin-bottom: 8px;
    margin-left: auto;
    position: relative;
}

.typo-content strong + ul:not([class]) {
    margin: 15px 0;
}
.typo-content ul:not([class]), .typo-content ul.wp-block-list {
    list-style: none;
}
.typo-content ul:not([class]) li, .typo-content ul.wp-block-list li {
    position: relative;
    z-index: 1;
    min-height: 24px;
    padding-left: 32px;
}
.typo-content ul:not([class]) li::before, .typo-content ul.wp-block-list li::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url("data:image/svg+xml,%3Csvg wihdth='24' height='24' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300A3FF' d='M12,20.8c-0.5,0-1-0.2-1.4-0.6l-6.8-6.8C3.5,13,3.2,12.5,3.2,12s0.2-1,0.6-1.4l6.8-6.8c0.8-0.8,2.1-0.8,2.8,0l6.8,6.8c0.4,0.4,0.6,0.9,0.6,1.4s-0.2,1-0.6,1.4l-6.8,6.8C13,20.5,12.5,20.8,12,20.8z M12,4.2c-0.3,0-0.5,0.1-0.7,0.3l-6.8,6.8c-0.2,0.2-0.3,0.4-0.3,0.7s0.1,0.5,0.3,0.7l6.8,6.8c0.4,0.4,1,0.4,1.4,0l6.8-6.8c0.2-0.2,0.3-0.4,0.3-0.7s-0.1-0.5-0.3-0.7l-6.8-6.8C12.5,4.4,12.3,4.2,12,4.2z'/%3E%3Ccircle fill='%231E76E2' cx='12' cy='12' r='1.7'/%3E%3C/svg%3E")
}
.typo-content ul:not([class]) li:not(:last-child), .typo-content ul.wp-block-list li:not(:last-child) {
    margin-bottom: 8px;
}
.typo-content img {
    border-radius: 16px;
}

.blog-card__image img {
    max-height: 332px;
}

.pager__disabled {
    color: var(--grey_dark) !important;
    border-color: var(--grey_dark) !important;
}
.small-filter__button {
    text-decoration: none;
    color: var(--dark);
}

.f-menu li.menu-item:not(:last-child) {
    margin-bottom: 8px
}

.service-banner__text-block .service-banner__subtitle {
    color: #fff;
    opacity: 0.8;
}

.features {
    align-items: flex-start;
}
.features__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.request-form__note {
    margin: 5px 15px 15px;
}

.trans-table__price-block {
    text-align: right;
}

#review_popup .review__text--overflow {
    overflow: unset;
    -webkit-line-clamp: unset;
}
#review_popup .review__more {
    display: none;
}

.partners-logos__item img {
    max-height: 90px;
}

.header__top-menu-dropdown-list .header__top-menu-item a > span::after {
    width: 0;
}


.single-portfolio h1 {
    text-align: center;
}
@media (max-width:768px) {
    .single-portfolio h1, .single-portfolio .case-banner__inner p {
        text-align: left;
    }
}

.why-we {
    min-height: 730px;
}
.why__toggler {
    text-align: left;
    line-height: 1.15;
}

.wp-block-table {
    margin-left: 0;
    margin-right: 0;
    overflow-x: auto;
}

.input-error {
    outline: 1px solid var(--alert) !important;
}
.header__contacts a.social-link-tg {
    color: #00a3ff;
}
.header__contacts a.social-link-wa {
    color: #32cd32;
}
.header__contacts a.social-link-tg:hover, .header__contacts a.social-link-wa:hover {
    color: #000 !important;
}

.trans-table__button span:before {
    content: "\041e\0442\043f\0440\0430\0432\0438\0442\044c\00a0\0437\0430\044f\0432\043a\0443";
}
.trans-table__toggler-block a {
    color: var(--dark);
    text-decoration: none;
}
/*
body.is-overflow .header-container {
    display: none;
}
*/

.table__min-width {
    width: 81%;
}

/* ---------------------------------------- */

.promo__icon {
    display: block;
    position: fixed;
    cursor: pointer;
    z-index: 1050;
    transform: translateY(-50%);
    transition: .5s all ease-in-out
}

@media(max-width: 600px) {
    .promo__icon {
        display:none !important
    }
}

.promo__icon.stage-one {
    top: 50%;
    right: 1%;
    width: 80px;
    height: 80px;
    background: url(/wp-content/uploads/prodakshn.png) no-repeat center center /cover, white;
    border-radius: 50%;
    border: 3px solid rgb(75, 115, 255)
}

.promo__icon.stage-two {
    right: 0;
    width: 250px;
    height: 150px;
    top: 50%;
    background: white;
    border-radius: 20px 0 0 20px;
    border: 3px solid rgb(75, 115, 255);
    border-right: none;
    overflow: hidden
}

.promo__icon.hidden {
    right: -350px !important
}

.promo__icon.stage-one #promoClose {
    display: none
}

.promo__icon.stage-two #promoClose {
    display: block;
    z-index: 1100;
    position: absolute;
    top: 10%;
    right: 0;
    transform: translateX(-50%) translateY(-50%);
    width: 20px;
    height: 20px;
}

.promo__icon.stage-two #promoClose::before {
    content: '';
    position: absolute;
    width: 17px;
    height: 4px;
    background: var(--color-side-close);
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.promo__icon.stage-two #promoClose::after {
    content: '';
    position: absolute;
    width: 17px;
    height: 4px;
    background: var(--color-side-close);
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.promo__icon-thumb {
    display: none
}

.promo__icon.stage-two .promo__icon-thumb {
    display: block;
    height: 100%
}

.promo__icon.stage-two .promo__icon-thumb img {
    object-fit: cover;
    height: 100%;
    width: auto;
    line-height: 0;
    font-size: 0
}

.modal-promo {
    animation: modal-show .2s forwards;
    display: none;
    height: 100vh;
    left: 0;
    max-height: 100vh;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1200
}

.modal-promo .form__footer {
    position: relative;
    z-index: 10
}

.modal-promo.show {
    display: block;
    opacity: 1;
}

.modal-promo.close {
    animation: modal-promo-hide .5s .5s forwards;
    opacity: 1
}

@keyframes modal-promo-show {
    to {
        opacity: 1
    }
}

@keyframes modal-promo-hide {
    to {
        opacity: 0
    }
}

.modal-promo__bg {
    background-color: hsla(0,0%,100%,.7);
    height: 100%;
    position: absolute;
    width: 100%
}

.modal-promo__content-container {
    max-width: 600px;
    width: 600px
}

.modal-promo-content {
    cursor: pointer;
    height: 100%;
    overflow-y: hidden;
    position: absolute;
    width: 100%
}

.modal-promo-content.scroll {
    overflow-y: auto
}

.modal-promo-content::-webkit-scrollbar {
    width: 0
}

.modal-promo__content-container {
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
    background-color: #fff;
    border-radius: 12px;
    cursor: auto;
    display: none;
    font-size: 19px;
    left: 50%;
    max-width: 70%;
    padding: 2rem 0 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%);
    width: fit-content
}

@keyframes modal-promo__content-container--slide-up {
    to {
        top: 50%;
        transform: translate(-50%,50%)
    }
}

@keyframes modal-promo__content-container--close {
    to {
        top: -20%
    }
}

.modal-promo__content-container.show {
    top: -40%;
    transform: translate(-50%,50%);
    display: block
}

.modal-promo__content-container.close {
    top: 120%
}

.modal-promo__content-container--close-btn {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 16px
}

.modal-promo__content-container--dynamic-content {
    font-size: 19px;
    padding: 30px;
}

.modal-promo__content-container--dynamic-content h3 {
    font-family: Giorgio,sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin-bottom: .5rem;
    padding-left: 3rem;
    padding-right: 3rem
}

@media (min-width: 1024px) {
    .modal-promo__content-container--dynamic-content h3 {
        font-size:2.5rem;
        line-height: 1;
        margin-bottom: .875rem
    }

    .modal-promo__content-container--dynamic-content h2 {
        font-size: 3rem;
        line-height: 1;
        margin-bottom: .875rem
    }
}

.modal-promo__content-container--dynamic-content p {
    font-weight: 500;
    line-height: 24px;
    padding-left: 2rem;
    padding-right: 2rem
}

@media (min-width: 1024px) {
    .modal-promo__content-container--dynamic-content p {
        padding-left:7rem;
        padding-right: 7rem
    }

    .modal-promo__content-container--dynamic-content h2 {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 2rem
    }
}

.modal-promo__content-container--dynamic-content p:empty {
    display: none
}

.modal-promo__content-container--dynamic-content iframe {
    max-width: 100% !important;
    object-fit: scale-down;
    margin: auto;
    margin-bottom: 2rem;
}
/* ---------------------------------------- */
.tabs-nav-border {
    /*border: 1px solid var(--blue_dark);
    background-color: transparent;
    gap: 10px;*/
    height: auto;
    margin-bottom: 20px;
}
.tabs-nav-border .tabs-nav__button {
    width: auto;
    flex-grow: 0;
    background-color: #bee5ff;
}
.tabs-border .tab {

}
.tabs-border .tab ul {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
}
.tabs-border .tab ul li {

}
.tabs-border .tab ul li a {
    text-decoration: none;
    display: block;
    border: 1px solid var(--blue_dark);
    border-radius: 30px;
    background-color: var(--blue_light);
    padding: 10px 30px;
}
.tabs-border .tab ul li a:hover {
    background-color: #bee5ff;
    border-color: #bee5ff;
    color: var(--dark);
}
@media (max-width:768px) {
    /*.tabs-border {
       display: none;
    }*/
}

.typo-content iframe {
    aspect-ratio: 16/9;
    display: block;
    width: 100%;
    height: auto;
}
/* ---------------------------------------- */
.article__links-toggler {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 40px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s;
    color: var(--primary);
    border: none;
    background-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.article__links-toggler span {
    line-height: 1;
    border-bottom: 1px dotted currentColor
}

.article__links-toggler svg {
    width: 20px;
    height: 20px;
    fill: currentColor
}

.article__links-toggler.is-active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.article__links-list {
    overflow: hidden;
    -webkit-transition: height .25s;
    transition: height .25s
}
@media (min-width: 1024px) {
    .article__sidebar-inner {
        overflow-y: auto;
        max-height: 96dvh;
        scrollbar-width: none;
    }
}
/* ---------------------------------------- */
.mobile .partners-logos__item img {
    max-height: 100%;
}
.mobile .m-why__title, .mobile .author-short {
    align-items: flex-start;
}
.mobile .features__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/* ---------------------------------------- */
.why__toggler {
    cursor: pointer;
}
.why__toggler:hover {
    color: var(--primary);
}
/* ---------------------------------------- */
.review__file {
    margin-bottom: 24px;
    display: none;
}
#review_popup .review__file {
    display: block;
}
/* ---------------------------------------- */
.rub {
    font-size: 0;
}
.rub:after {
    content: '₽';
}
.service-banner__price-block .rub:after {
    font-size: 24px;
}
/* ---------------------------------------- */
.filter__section .checkbox__text {
    line-height: 1.25;
}
/* ---------------------------------------- */