/*
Theme Name: default
Author: wordpress.org
Author URI: https://wordpress.org
Description: Dntheme brings your site to life with header video and immersive featured images.
Version: 1.0.1
Text Domain: dntheme
Tags: best theme
*/
/*
======================================
[ Import Font ]
======================================
*/
body {
    --font-family-title: "Roboto", sans-serif;
    --font-family-body: "Roboto", sans-serif;
    color: rgb(34, 34, 34);
    font: 16px / 25px var(--font-family-body);
}

p {
    margin-bottom: 0px;
}

h1, .h1 {
    font-size: 26px;
    margin-bottom: 10px;
}

h2, .h2 {
    font-size: 20px;
    margin-bottom: 8px;
}

h3, .h3 {
    font-size: 18px;
    margin-bottom: 6px;
}

h4, .h4 {
    font-size: 16px;
    margin-bottom: 6px;
}

h5, .h5, h6, .h6 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    line-height: normal;
}

a {
    text-decoration: none;
    transition-duration: 0.4s;
}

a:hover {
    text-decoration: none;
}

iframe {
    max-width: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}

input, optgroup, select, textarea {
    max-width: 100%;
}

::placeholder {
    font-size: 14px;
}

a:focus, a:hover {
    text-decoration: none;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.pt-100 {
    padding-top: 100% !important;
}

.ratio {
    display: block;
}

.ratio > * {
    object-fit: cover;
}

.ratio--cotain > * {
    object-fit: contain;
}

@media (min-width: 992px) {
    .col-lg-20 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.dnfix__thumb {
    position: relative;
    height: auto;
    width: 100%;
    overflow: hidden;
    display: block;
    padding-top: 68.075%;
}

.dnfix__thumb > * {
    margin: 0px auto;
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}

.dnfix__thumb.-contain > * {
    object-fit: contain;
}

.section-header {
    --tm-accent: rgb(201, 169, 98);
    margin-bottom: 48px;
}

.section-header__title {
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 700;
    color: rgb(18, 19, 22);
    font-family: var(--font-family-title);
}
.section-header.thanhngang:after {
    content: "";
    display: block;
    width: 4.75rem;
    height: 1px;
    margin: 1rem auto 0;
    background: #000;
    border-radius: 1px;
}

.section-header__excerpt {
    font-size: 20px;
    font-weight: 400;
    color: rgb(31, 31, 31);
    max-width: 890px;
    margin: 0 auto;
}

.section-view-all {
    margin-top: 48px;
    background: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
    min-width: 200px;
    padding: 10px 20px;
    border-radius: 40px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
    display: inline-block;
    text-align: center;
    & i {
        transition: 0.3s;
    }

    &:hover {
        box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
        & i {
            transform: translateX(10px);
        }
    }
}

.wpcf7__default .ajax-loader {
    position: absolute;
    top: 11px;
    right: 10px;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
}

.wpcf7__default .wpcf7-response-output {
    margin: 10px 0px !important;
}

.wpcf7__default .form-control[readonly] {
    background-color: rgb(255, 255, 255);
    opacity: 1;
}

.wpcf7-form input, .wpcf7-form textarea {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: rgb(164, 164, 164);
    padding: 14px 16px;
    border-color: rgb(233, 233, 233);
}

.wpcf7-acceptance .wpcf7-list-item {
    margin-left: 0px;
}

.wpcf7-form .wpcf7-submit {
    color: rgb(255, 255, 255);
    width: 100%;
    padding: 6px 10px;
}

span.wpcf7-spinner {
    position: absolute;
    top: 10px;
    right: 0px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 1em 0px;
    padding: 0.2em 1em;
    border: 2px solid rgb(255, 0, 0);
}

.wpcf7-not-valid-tip {
    font-size: 14px;
}

input.wpcf7-not-valid {
    border-color: rgb(220, 50, 50) !important;
}

.dn__breadcrumb {
    padding: 16px 0px;
    font-size: 18px;
    text-align: center;
    color: rgb(255, 255, 255);
}

.dn__breadcrumb, .dn__breadcrumb a {
    color: rgb(255, 255, 255);
}

.dn__breadcrumb .sc__wrap {
    border-bottom: 1px solid rgb(223, 223, 223);
    padding: 15px 0px;
}

.text__truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.text__truncate.-n2 {
    -webkit-line-clamp: 2;
}

.text__truncate.-n3 {
    -webkit-line-clamp: 3;
}

.text__truncate.-n4 {
    -webkit-line-clamp: 4;
}

[class^="icon-"], [class*=" icon-"] {
    position: relative;
    display: inline-block;
}

[class^="iconz-"]::before, [class*=" iconz-"]::before {
    content: "";
    position: relative;
    top: 2px;
    display: inline-block;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    background-color: rgb(255, 255, 255);
    transition: color 0.5s;
}

.iconz-close::before {
    width: 20px;
    height: 20px;
    background-color: var(--bg-background);
}

.dtable {
}

.dtable__head {
    display: flex;
    align-items: center;
}

.dtable__body {
    display: flex;
    align-items: center;
}

.dtable__tr {
    display: flex;
    flex: 1 1 0%;
}

.dtable__td {
    flex: 1 1 0%;
}

@keyframes stuckMoveDown {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes stuckMoveUp {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes stuckFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.header {
    position: relative;
    left: 0px;
    width: 100%;
    z-index: 999;
    background: rgb(255, 255, 255);
    top: 0px;
    transition: 0.5s;
}

body:not(.home).header {
    box-shadow: rgb(204, 204, 204) 3px 3px 4px;
}

.logo {
    margin: 0px;
    display: block;
    padding: 10px 0px;
}

.logo img {
    max-height: 70px;
    margin: auto;
    width: auto;
    transition: max-height 0.5s;
}

.header.is-sticky {
    box-shadow: rgb(204, 204, 204) 0px 0px 5px 0px;
    top: 0px;
    position: fixed;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    animation: 0.6s ease 0s 1 normal none running stuckMoveDown;
    background: rgb(245, 245, 245);
}

header.header.sticky.top_show {
}

.admin-bar .header.is-sticky {
    top: 32px;
}

.header__search {
    position: relative;
    margin-left: 25px;
    padding-left: 20px;
    border-left: 1px dashed rgb(43, 45, 55);
    font-size: 20px;
    font-weight: 400;
}

.header__search--toggle {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: none;
    width: 33px;
    font-weight: 400;
    color: inherit;
    padding: 0px;
    line-height: 1;
    cursor: pointer;
}

.header__search--toggle .fa-solid {
    font-size: 1em;
}

.header__search__backdrop {
    display: none;
}

.header__search__form {
    position: absolute;
    top: 100%;
    right: 0px;
    margin-top: 8px;
    display: none;
    padding: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 5px;
    z-index: 1000;
    min-width: 280px;
}

.header__search__form .search__form {
    margin: 0px;
}

.header__search__form-bar {
    display: block;
}

.header__search__close {
    display: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: none;
    color: rgb(136, 136, 136);
    padding: 8px;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
}

.header__search__close .fa-solid {
    font-size: 22px;
}

.header__search__form .search__form--header .search-field {
    border-radius: 0.375rem;
}

@media (max-width: 991.98px) {
    .header__search {
        margin-left: 12px;
        padding-left: 0px;
        border-left-width: medium;
        border-left-style: none;
        border-left-color: currentcolor;
    }

    .header__search__backdrop {
        display: block;
        position: fixed;
        inset: 0px;
        background: rgba(0, 0, 0, 0.65);
        z-index: 1040;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s, visibility 0.2s;
        pointer-events: none;
    }

    .header__search.open-search .header__search__backdrop {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .header__search__form {
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: 0px;
        padding: 0px;
        min-width: 0px;
        width: 100%;
        max-width: none;
        background: rgb(255, 255, 255);
        border-bottom: 1px solid rgb(224, 224, 224);
        box-shadow: none;
        z-index: 1050;
        box-sizing: border-box;
    }

    .admin-bar .header__search__form {
        top: 32px;
    }

    @media screen and (max-width: 782px) {
        .admin-bar .header__search__form {
            top: 46px;
        }
    }

    .header__search__form-bar {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        gap: 4px;
        padding: 12px 16px;
        width: 100%;
        box-sizing: border-box;
    }

    .header__search__form .search__form--header {
        -webkit-box-flex: 1;
        flex: 1 1 0%;
        min-width: 0px;
        margin: 0px;
    }

    .header__search__form .search__form--header .search-field {
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        background: transparent;
        box-shadow: none;
        padding: 10px 8px;
        font-size: 16px;
        color: rgb(43, 45, 55);
    }

    .header__search__form .search__form--header .search-field:focus {
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        box-shadow: none;
        outline: none;
    }

    .header__search__form .search__form--header .search-field::-webkit-search-cancel-button {
        appearance: none;
        display: none;
    }

    .header__search__form .search__form--header .search-field::-webkit-search-decoration {
        appearance: none;
    }

    .header__search__form .search__form--header .search-field::-webkit-input-placeholder {
        color: rgb(170, 170, 170);
    }

    .header__search__form .search__form--header .search-field::placeholder {
        color: rgb(170, 170, 170);
    }

    .header__search__close {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        color: rgb(136, 136, 136);
    }
}

body.header-search-open {
    overflow: hidden;
}

.main__nav {
    z-index: 9;
    position: relative;
    padding: 0px;
}

.main__nav::after {
    content: "";
    display: table;
    clear: both;
}

.main__nav .sc__wrap {
    position: relative;
    z-index: 9999;
    width: 100%;
}

.main__nav ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.main__nav ul.dn__menu {
    padding: 0px;
    transition: padding 0.5s;
    gap: 40px;
}

.main__nav ul.dn__menu::after {
    content: "";
    display: table;
    clear: both;
}

.main__nav ul.dn__menu > li {
    position: relative;
    display: inline-block;
}

.main__nav ul.dn__menu > li:hover, .main__nav ul.dn__menu > li.active, .main__nav ul.dn__menu .current-menu-parent, .main__nav ul.dn__menu .current_page_parent {
}

.main__nav ul.dn__menu > li:hover a, .main__nav ul.dn__menu > li.active a, .main__nav ul.dn__menu .current_page_parent a, .main__nav ul.dn__menu .current-menu-parent a {
}

.main__nav ul.dn__menu > li > a {
    position: relative;
    color: rgb(43, 45, 55);
    line-height: 25px;
    font-weight: 400;
    font-size: 20px;
    padding: 12px 0px;
    display: block;
}

.main__nav ul.dn__menu > li > a::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
    width: 10%;
    height: 2px;
    transition: 0.3s;
    margin: auto;
}

.main__nav ul.dn__menu > .menu-item-has-children > a::before {
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    top: calc(50% + 0px);
    right: -20px;
    content: "\f107";
    transform: translateY(-50%);
    vertical-align: middle;
    font-weight: 400;
}

.main__nav ul.dn__menu > li > a::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
    width: 0px;
    height: 3px;
    transition: 0.3s;
    margin: auto;
    background: rgb(43, 45, 55);
}

.main__nav ul.dn__menu > li:hover a::after, .main__nav ul.dn__menu > li.active a::after, .main__nav ul.dn__menu .current-menu-parent a::after, .main__nav ul.dn__menu > li.current-menu-item > a::after {
    width: 100%;
}

.main__nav ul.dn__menu li:hover > ul.sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

.main__nav ul.dn__menu ul.sub-menu {
    width: 255px;
    position: absolute;
    background: rgb(245, 245, 245);
    opacity: 0;
    visibility: hidden;
    transition: 300ms linear;
    left: 0px;
    top: 100%;
    z-index: 99;
    text-align: left;
    padding: 10px 0px;
    font-weight: 400;
    font-size: 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px;
}

.main__nav ul.dn__menu ul.sub-menu li {
    line-height: 20px;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

.main__nav ul.dn__menu ul.sub-menu li:hover {
}

.main__nav ul.dn__menu ul.sub-menu li:hover > a {
    color: rgb(117, 117, 117);
}

.main__nav ul.dn__menu ul.sub-menu li a {
    color: rgb(0, 0, 0);
}

.main__nav ul.dn__menu ul.sub-menu ul.sub-menu {
    top: 0px;
    left: 100%;
}
@media (max-width: 1399.98px) {
    .main__nav ul.dn__menu > li > a {
        font-size: 18px;
    }
}

.header-contact {
    background: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
    min-width: 160px;
    padding: 10px 20px;
    border-radius: 40px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
    display: inline-block;
    text-align: center;
    &:hover {
        box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
    }
}

section.slider {
    position: relative;
}

.dn__slider:not(.swiper-initialized) .slider__item + .slider__item {
    display: none;
}

.dn__slider .slider__item {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.dn__slider .slider__item .item__box {
    margin: auto;
    max-width: 680px;
    padding: 30px;
    position: relative;
    z-index: 1;
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    text-shadow: rgb(117, 117, 117) 1px 1px 0px !important;
}

.dn__slider .slider__item .dnfix__thumb {
    padding-top: 37%;
    display: block;
    min-height: 220px;
}

.dn__slider .slider__item .item__title {
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-size: 46px;
    line-height: 1.3;
    text-transform: c;
}

.dn__slider .slider__item .item__sub {
    font-weight: 400;
    color: rgb(255, 255, 255);
    font-size: 16px;
    margin-top: 15px;
}

.dn__slider .slider__item .item__readmore {
    display: inline-block;
    padding: 8px 30px;
    color: rgb(43, 45, 55);
    margin-top: 30px;
    font-size: 18px;
    border: 1px solid rgb(250, 188, 61);
    transition: 0.25s;
    background: rgb(250, 188, 61);
    font-weight: 700;
}

.dn__slider .slider__item .item__readmore:hover {
    background-color: rgb(40, 40, 40);
    color: rgb(255, 255, 255);
    border-color: rgb(40, 40, 40);
}

.dn__slider .slider__item .item__readmore:hover i {
    animation: 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal forwards running qodefFadeToRight;
}

.dn__slider .slick__arrow {
    width: 35px;
    height: 35px;
    margin: 0px 2px;
    text-align: center;
    border: 1px solid rgb(255, 255, 255);
    position: relative;
    top: 0px;
    color: rgb(0, 0, 0);
    z-index: 1;
    cursor: pointer;
    background: rgb(55, 55, 55);
    font-weight: 400;
}

.dn__slider .slick__arrow i {
    font-size: 30px;
    color: rgb(255, 255, 255);
    position: relative;
    margin: auto;
    line-height: 24px;
}

.dn__slider.slick__next i {
    top: -7px;
    left: 1px;
}

.dn__slider .item__meta__wrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
}

.dn__slider .swiper-button-next, .dn__slider .swiper-button-prev {
    opacity: 0;
    transition: 0.3s;
}

.dn__slider:hover .swiper-button-next, .dn__slider:hover .swiper-button-prev {
    opacity: 1;
}

.dn__slider .swiper-button-disabled {
    opacity: 0.3;
}

.dn__slider .swiper-button-prev {
    left: -10px;
}

.dn__slider:hover .swiper-button-prev {
    left: 15px;
}

.dn__slider .swiper-button-next {
    right: -10px;
}

.dn__slider:hover .swiper-button-next {
    right: 15px;
}

.dn__slider .dn__slider__pagination {
    bottom: 15px;
}

.dn__slider .dn__slider__pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 1;
    background: transparent;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 50%;
}

.dn__slider .dn__slider__pagination .swiper-pagination-bullet-active {
    background: rgb(0, 0, 0);
}

.dn__slider .slider__item .item__thumb img {
    transform: scale(1);
    transform-origin: center center;
    will-change: transform;
}

.dn__slider .swiper-slide:not(.swiper-slide-active) .item__thumb img {
    animation: auto ease 0s 1 normal none running none;
}

.dn__slider .swiper-slide-active .item__thumb img {
    animation: 6.5s ease-out 0s 1 normal forwards running dnHeroKenBurns;
}

@-webkit-keyframes dnHeroKenBurns {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

@keyframes dnHeroKenBurns {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .dn__slider .swiper-slide-active .item__thumb img {
        animation: auto ease 0s 1 normal none running none;
    }
}

[data-animate], .slider [data-animate] {
    will-change: filter, transform, opacity;
    backface-visibility: hidden;
    animation-fill-mode: forwards;
    transition: filter 1.3s, transform 1.6s, opacity 0.7s ease-in;
    opacity: 0 !important;
}

[data-animate="bounceInLeft"], [data-animate="bounceInUp"], [data-animate="bounceInDown"], [data-animate="bounceInRight"], .slider [data-animate="bounceInLeft"], .slider [data-animate="bounceInUp"], .slider [data-animate="bounceInDown"], .slider [data-animate="bounceInRight"] {
    transition: transform 0.8s cubic-bezier(0, 0.195, 0, 1.465), opacity 0.5s ease-in;
}

[data-animate="bounceInLeft"], .slider [data-animate="bounceInLeft"] {
    transform: translate3d(-300px, 0px, 0px);
}

[data-animate="blurIn"], .slider [data-animate="blurIn"] {
    filter: blur(15px);
}

[data-animate="fadeInLeft"], .slider [data-animate="fadeInLeft"] {
    transform: translate3d(-70px, 0px, 0px);
}

[data-animate="fadeInRight"], .slider [data-animate="fadeInRight"] {
    transform: translate3d(70px, 0px, 0px);
}

[data-animate="bounceInUp"], [data-animate="fadeInUp"], .slider [data-animate="bounceInUp"], .slider [data-animate="fadeInUp"] {
    transform: translate3d(0px, 70px, 0px);
}

[data-animate="bounceInRight"], .slider [data-animate="bounceInRight"] {
    transform: translate3d(300px, 0px, 0px);
}

[data-animate="bounceIn"], .slider [data-animate="bounceIn"] {
    transform: scale(1.3);
}

[data-animate="bounceInDown"], [data-animate="fadeInDown"], .slider [data-animate="bounceInDown"], .slider [data-animate="fadeInDown"] {
    transform: translate3d(0px, -70px, 0px);
}

[data-animate="flipInY"], .slider [data-animate="flipInY"] {
    transform: perspective(400px) rotate3d(0, 1, 0, -90deg) translate3d(15px, 0px, 0px);
    backface-visibility: visible;
}

[data-animate="flipInX"], .slider [data-animate="flipInX"] {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate3d(0px, -15px, 0px);
    backface-visibility: visible;
}

[data-animated="true"], .slider .swiper-slide-active [data-animated="true"] {
    animation-delay: 0.5s;
    transform: translate3d(0px, 0px, 0px) scale(1);
    opacity: 1 !important;
}

.dn__slider .swiper-slide:not(.swiper-slide-active) [data-animated="true"] {
    transition: opacity 0.3s !important;
}

[data-animate="none"], .slider [data-animate="none"] {
    opacity: 1 !important;
}

[data-animated="true"][data-animate="blurIn"], .slider [data-animate="blurIn"][data-animated="true"] {
    filter: blur(0px);
}

[data-animated="false"] {
    transition: none !important;
}

.has-shadow [data-animate], [data-animate]:hover {
    transition-delay: 0s !important;
}

[data-animate-delay="600"] {
    transition-delay: 0.6s !important;
}

[data-animate-delay="800"] {
    transition-delay: 0.8s !important;
}

.slider .item__thumb[data-animate] {
    opacity: 1 !important;
}

.slider .swiper-slide-active .item__thumb[data-animated="true"] {
    animation-delay: 2s;
    transform: translate3d(0px, 0px, 0px) scale(1.2);
    transition: transform 5s ease-in-out;
    opacity: 1 !important;
}

.sc-service {
    padding: 60px 0px;
}

.sc-service .el__item {
    margin-bottom: var(--bs-gutter-x);
}

.sc-service .el__thumb {
    padding: 5px;
    border: 5px solid rgb(250, 188, 61);
}

.sc-service .el__title {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px;
    background: rgb(250, 188, 61);
    color: rgb(34, 34, 34);
}

.sc-service .c-item {
    height: 100%;
    border-radius: 6px;
    text-align: center;
    background: rgb(255, 255, 255);
    transition: 0.3s;
    overflow: hidden;
}

.sc-service .c-item:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
}

.sc-service .c-item__meta {
    position: absolute;
    width: 100%;
    padding: 20px 10px;
    opacity: 0;
    bottom: -100px;
    transition: 0.3s;
    background: linear-gradient(transparent, rgba(30, 30, 30, 0.8)) !important;
}

.sc-service .c-item:hover .c-item__meta {
    bottom: 0px;
    opacity: 1;
}

.sc-service .c-item__thumb {
    display: block;
    transition: 0.3s;
    padding-top: 150%;
}

.sc-service .c-item__thumb:hover {
    transform: scale(1.1);
}

.sc-service .c-item__title {
    font-size: 24px;
    font-weight: 500;
    text-align: left;
}

.sc-service .c-item__title a {
    color: rgb(255, 255, 255);
}

.sc-service .c-item__content {
    font-size: 14px;
    color: rgb(112, 112, 112);
}

.sc-service__slider-wrap {
    --space: -10px;
    position: relative;
    overflow: visible;
}

.sc-service__slider.swiper {
    overflow: hidden;
}

.sc-service__slider .swiper-wrapper {
    margin: -20px;
    padding: 20px;
}

.sc-service__slider .swiper-slide {
    height: auto;
}

.sc-service__buttons {
    opacity: 0;
    transition: 0.3s;
    color: rgb(0, 0, 0);
    font-weight: 700;
    z-index: 2;
    width: 44px;
    height: 44px;
    border: 1px solid rgb(108, 108, 108);
    border-radius: 4px;
}

.sc-service__slider-wrap .swiper-button-prev {
    left: calc(var(--space) * -1);
    right: auto;
}

.sc-service__slider-wrap .swiper-button-next {
    right: calc(var(--space) * -1);
    left: auto;
}

.sc-service__slider-wrap .swiper-button-prev::after, .sc-service__slider-wrap .swiper-button-next::after {
    font-size: 22px;
}

.sc-service__slider-wrap .swiper-button-disabled {
    opacity: 0.35;
}

@media (min-width: 1200px) {
    .sc-service:hover .sc-service__buttons {
        --space: 50px;
    }

    .sc-service:hover .sc-service__buttons:not(.swiper-button-disabled) {
        opacity: 1;
    }
}

@media (max-width: 575.98px) {
    .sc-service__buttons {
        opacity: 1;
    }
}

.sc-service2 {
    padding: 60px 0px;
}

.sc-service2 .sc__content {
    max-width: 850px;
    margin: 0px auto;
}

.sc-service2 .el__item {
    display: flex;
}

.sc-service2 .el__thumb {
    padding: 5px;
    border: 5px solid rgb(250, 188, 61);
}

.sc-service2 .el__title {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px;
    background: rgb(250, 188, 61);
    color: rgb(34, 34, 34);
}

.sc-service2 .c-item {
    height: 100%;
    border-radius: 6px;
    text-align: center;
    background: rgb(255, 255, 255);
    transition: 0.3s;
    overflow: hidden;
}

.sc-service2 .c-item:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
}

.sc-service2 .c-item__meta {
    padding: 20px 40px;
    background: rgb(245, 245, 245);
    height: 100%;
    display: flex;
    align-items: center;
}

.sc-service2 .c-item__thumb {
    display: block;
    transition: 0.3s;
    padding-top: 150%;
}

.sc-service2 .c-item__thumb:hover {
    transform: scale(1.1);
}

.sc-service2 .c-item__title {
    font-size: 24px;
    font-weight: 700;
    text-align: left;
}

.sc-service2 .c-item__title a {
    color: rgb(0, 0, 0);
}

.sc-service2 .c-item__content {
    font-size: 14px;
    color: rgb(112, 112, 112);
}

.sc-service2__slider-wrap {
    --space: -10px;
    position: relative;
    overflow: visible;
}

.sc-service2__slider.swiper {
    overflow: hidden;
}

.sc-service2__slider .swiper-wrapper {
    margin: -20px;
    padding: 20px;
}

.sc-service2__slider .swiper-slide {
    height: auto;
}

.sc-service2__buttons {
    opacity: 0;
    transition: 0.3s;
    color: rgb(0, 0, 0);
    font-weight: 700;
    z-index: 2;
    width: 44px;
    height: 44px;
    border: 1px solid rgb(108, 108, 108);
    border-radius: 4px;
}

.sc-service2__slider-wrap .swiper-button-prev {
    left: calc(var(--space) * -1);
    right: auto;
}

.sc-service2__slider-wrap .swiper-button-next {
    right: calc(var(--space) * -1);
    left: auto;
}

.sc-service2__slider-wrap .swiper-button-prev::after, .sc-service2__slider-wrap .swiper-button-next::after {
    font-size: 22px;
}

.sc-service2__slider-wrap .swiper-button-disabled {
    opacity: 0.35;
}

@media (min-width: 1200px) {
    .sc-service2:hover .sc-service2__buttons:not(.swiper-button-disabled) {
        opacity: 1;
    }

    .sc-service2:hover .sc-service2__buttons {
        --space: 50px;
    }
}

@media (max-width: 575.98px) {
    .sc-service2__buttons {
        opacity: 1;
    }

    .sc-service2__slider-wrap .swiper-button-prev {
        left: 0px;
    }

    .sc-service2__slider-wrap .swiper-button-next {
        right: 0px;
    }
}

.sc-service2_v1 .c-item {
    position: relative;
}

.sc-service2_v1 .c-item .c-item__meta {
    position: absolute;
    inset: 0px;
    opacity: 0;
    padding: 20px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.31);
}

.sc-service2_v1 .c-item:hover .c-item__meta {
    opacity: 1;
}

.sc-service2_v1 .c-item__title a {
    color: rgb(255, 255, 255);
    font-size: 24px;
    line-height: 1.3;
    text-align: center;
    width: 100%;
    display: block;
    font-weight: 500;
}

/* --- Why choose us / values (wedding studio) --- */
.whys {
    position: relative;
    padding: 4.5rem 0 5rem;
    overflow: hidden;
}

.whys--studio {
    --whys-accent: rgb(201, 169, 98);
    --whys-accent-soft: rgba(201, 169, 98, 0.22);
    --whys-surface: rgba(255, 255, 255, 0.92);
    background: linear-gradient(165deg, rgb(250, 247, 242) 0%, rgb(238, 232, 224) 50%, rgb(232, 226, 218) 100%);
}

.whys--studio::after {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    opacity: 0.5;
    background: radial-gradient(ellipse 55% 45% at 50% 0%, rgba(201, 169, 98, 0.14) 0%, transparent 58%);
}

.whys__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.whys__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(250, 247, 242, 0.92) 0%, rgba(238, 232, 224, 0.88) 45%, rgba(232, 226, 218, 0.94) 100%);
}

.whys--studio > .container {
    position: relative;
    z-index: 1;
}

.whys__header {
    margin-bottom: 2.75rem;
    max-width: 46rem;
    margin-left: auto;
    margin-right: auto;
}

.whys__title {
    margin: 0 0 1rem;
    font-size: clamp(1.85rem, 3.5vw, 2.5rem);
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgb(32, 30, 28);
    line-height: 1.2;
}

.whys__title::after {
    content: "";
    display: block;
    width: 3rem;
    height: 2px;
    margin: 1.1rem auto 0;
    background: linear-gradient(90deg, transparent, var(--whys-accent), transparent);
    border-radius: 1px;
}

.whys__sub {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.7;
    color: rgb(95, 90, 84);
    font-weight: 400;
}

.whys__grid {
    margin-top: 0.25rem;
}

.whys-card {
    height: 100%;
    margin: 0;
    padding: 2rem 1.5rem 2.25rem;
    text-align: center;
    background: var(--whys-surface);
    border: 1px solid rgba(201, 169, 98, 0.2);
    border-radius: 1.15rem;
    box-shadow: rgba(45, 38, 32, 0.06) 0 12px 36px -12px, rgba(255, 255, 255, 0.8) 0 1px 0 inset;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.whys-card:hover {
    transform: translateY(-6px);
    border-color: rgba(201, 169, 98, 0.45);
    box-shadow: rgba(45, 38, 32, 0.12) 0 22px 48px -16px, rgba(255, 255, 255, 0.85) 0 1px 0 inset;
}

.whys-card__media {
    position: relative;
    width: 168px;
    max-width: 100%;
    margin: 0 auto 1.35rem;
    padding-top: 168px;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid var(--whys-accent-soft);
    box-shadow: rgba(45, 38, 32, 0.12) 0 10px 28px -8px, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    transition: border-color 0.35s ease, box-shadow 0.35s ease;
}

.whys-card:hover .whys-card__media {
    border-color: rgba(201, 169, 98, 0.55);
    box-shadow: rgba(45, 38, 32, 0.16) 0 16px 36px -10px, inset 0 0 0 1px rgba(255, 255, 255, 0.6);
}

.whys-card__media.dnfix__thumb > * {
    transition: transform 0.6s ease;
}

.whys-card:hover .whys-card__media.dnfix__thumb > * {
    transform: scale(1.06);
}

.whys-card__title {
    margin: 0 0 0.65rem;
    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgb(32, 30, 28);
    line-height: 1.35;
}

.whys-card__excerpt {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.65;
    color: rgb(105, 98, 91);
}

@media (max-width: 991.98px) {
    .whys__bg {
        background-attachment: scroll;
    }
}

@media (prefers-reduced-motion: reduce) {
    .whys-card,
    .whys-card__media.dnfix__thumb > * {
        transition: none;
    }

    .whys-card:hover {
        transform: none;
    }

    .whys-card:hover .whys-card__media.dnfix__thumb > * {
        transform: none;
    }
}

.new {
    padding: 35px 0px 30px;
}

.new__item {
    color: rgb(0, 0, 0);
    margin-bottom: 15px;
    background: rgb(255, 255, 255);
}

.new__item__thumb {
    position: relative;
}

.new__item .dnfix__thumb {
    padding-top: 68.075%;
    min-height: 100%;
}

.new__item .new__item__meta {
    padding: 15px 0px;
}

.new__item .item__title {
    font-size: 16px;
    font-weight: 700;
}

.new__item a {
    color: rgb(29, 35, 39);
}

.new__item .item__title:hover {
    color: rgb(29, 35, 39);
}

.new__item .new__item__tax {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background: rgb(250, 188, 61);
    padding: 0px 15px;
    font-size: 13px;
    color: rgb(0, 0, 0);
    font-weight: 500;
}

.new__item .item__readmore {
    color: rgb(0, 0, 0);
    font-weight: 400;
    border: 1px solid rgb(0, 0, 0);
    padding: 3px 15px;
}

.new__item .item__readmore:hover {
    background: rgb(0, 90, 166);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(0, 90, 166);
}

/* --- Home: contact / consultation (wedding studio) --- */
.home-contact {
    padding: 4.5rem 0;
}

.home-contact--studio {
    --hc-accent: rgb(201, 169, 98);
    --hc-accent-dark: rgb(139, 111, 71);
    --hc-bg: rgb(252, 250, 247);
    --hc-text: rgb(42, 39, 36);
    --hc-muted: rgb(105, 98, 91);
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, var(--hc-bg) 35%, rgb(245, 240, 234) 100%);
    position: relative;
    overflow: hidden;
}

.home-contact--studio::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    opacity: 0.45;
    background: radial-gradient(ellipse 70% 50% at 15% 40%, rgba(201, 169, 98, 0.12) 0%, transparent 55%),
        radial-gradient(ellipse 50% 40% at 90% 80%, rgba(250, 188, 61, 0.08) 0%, transparent 50%);
}

.home-contact--studio .container {
    position: relative;
    z-index: 1;
}

.home-contact__figure {
    margin: 0;
}

.home-contact__thumb--mask {
    padding-top: 118%;
    overflow: hidden;
    border-radius: 4.5rem 1.25rem 4.5rem 1.25rem;
    box-shadow: rgba(45, 38, 32, 0.12) 0 24px 48px -12px, rgba(201, 169, 98, 0.18) 0 0 0 1px;
}

.home-contact__thumb--mask::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.home-contact__img {
    transform: scale(1.01);
    transition: transform 8s ease-out;
}

.home-contact__figure:hover .home-contact__img {
    transform: scale(1.06);
}

.home-contact__panel {
    max-width: 32rem;
    padding: 0.5rem 0 0;
}

.home-contact__header {
    margin-bottom: 1.75rem;
}

.home-contact__title {
    margin: 0 0 0.75rem;
    font-size: clamp(1.85rem, 4vw, 2.35rem);
    font-weight: 600;
    text-transform: uppercase;
    color: var(--hc-text, rgb(42, 39, 36));
    line-height: 1.2;
    font-family: var(--font-family-title);
}

.home-contact__title::after {
    content: "";
    display: block;
    width: 3rem;
    height: 2px;
    margin-top: 1rem;
    background: linear-gradient(90deg, var(--hc-accent, rgb(201, 169, 98)), rgba(250, 188, 61, 0.5));
    border-radius: 1px;
}

.home-contact__lead {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;
    color: var(--hc-muted, rgb(105, 98, 91));
    font-weight: 400;
}

.home-contact--studio .home-contact__form .wpcf7-form p {
    margin-bottom: 1rem;
}

.home-contact--studio .home-contact__form input[type="text"],
.home-contact--studio .home-contact__form input[type="email"],
.home-contact--studio .home-contact__form input[type="tel"],
.home-contact--studio .home-contact__form input[type="url"],
.home-contact--studio .home-contact__form textarea,
.home-contact--studio .home-contact__form select {
    width: 100%;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    color: rgb(42, 39, 36);
    padding: 0.9rem 1.1rem;
    border: 1px solid rgba(201, 169, 98, 0.35);
    border-radius: 0.65rem;
    background: rgba(255, 255, 255, 0.85);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    box-shadow: rgba(45, 38, 32, 0.04) 0 2px 8px;
}

.home-contact--studio .home-contact__form textarea {
    min-height: 8rem;
    resize: vertical;
}

.home-contact--studio .home-contact__form input::placeholder,
.home-contact--studio .home-contact__form textarea::placeholder {
    color: rgb(160, 152, 144);
    font-weight: 400;
}

.home-contact--studio .home-contact__form input:focus,
.home-contact--studio .home-contact__form textarea:focus,
.home-contact--studio .home-contact__form select:focus {
    outline: none;
    border-color: rgba(201, 169, 98, 0.75);
    background: rgb(255, 255, 255);
    box-shadow: rgba(201, 169, 98, 0.2) 0 0 0 3px;
}

.home-contact--studio .home-contact__form .wpcf7-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.25rem;
    padding: 0.85rem 2.5rem;
    min-height: 3.25rem;
    min-width: 11rem;
    width: auto;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    background: linear-gradient(165deg, rgb(52, 46, 40) 0%, rgb(28, 24, 22) 100%);
    border: 1px solid rgba(201, 169, 98, 0.35);
    border-radius: 999px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    box-shadow: rgba(45, 38, 32, 0.15) 0 8px 24px -6px;
}

.home-contact--studio .home-contact__form .wpcf7-submit:hover,
.home-contact--studio .home-contact__form .wpcf7-submit:focus-visible {
    background: linear-gradient(165deg, rgb(75, 64, 52) 0%, rgb(42, 36, 32) 100%);
    box-shadow: rgba(45, 38, 32, 0.22) 0 12px 28px -8px;
    transform: translateY(-1px);
    outline: none;
}

.home-contact--studio .home-contact__form .ajax-loader {
    position: absolute;
    margin-top: 0.5rem;
}

.home-contact--studio .home-contact__form form .wpcf7-response-output {
    margin: 1rem 0 0 !important;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    border-width: 1px;
    font-size: 0.9rem;
}

.home-contact--studio .home-contact__form input.wpcf7-not-valid,
.home-contact--studio .home-contact__form textarea.wpcf7-not-valid {
    border-color: rgb(200, 90, 90) !important;
}

@media (max-width: 991.98px) {
    .home-contact__panel {
        margin-left: 0;
        max-width: none;
        text-align: center;
    }

    .home-contact__title::after {
        margin-left: auto;
        margin-right: auto;
    }

    .home-contact__thumb--mask {
        max-width: 26rem;
        margin-left: auto;
        margin-right: auto;
    }
}

.wpcf7-form input,
.wpcf7-form textarea {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: rgb(0, 0, 0);
    padding: 14px 16px;
    border-color: rgb(0, 0, 0);
}

.wpcf7-form .wpcf7-submit {
    color: rgb(255, 255, 255);
    padding: 6px 10px;
    background: rgb(0, 0, 0);
    width: auto;
    min-height: 60px;
    border-radius: 40px;
    min-width: 200px;
}

.box-contact {
    background-color: rgb(29, 123, 177);
    padding: 20px;
    border-radius: 8px;
}

.box-contact__title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 8px;
    text-align: center;
    color: rgb(255, 255, 255);
}

.box-contact .wpcf7 form .wpcf7-response-output {
    font-size: 14px;
    line-height: 1.4;
    color: rgb(255, 255, 255);
}

.box-contact .wpcf7-not-valid-tip {
    color: rgb(255, 230, 228);
}

.box-contact .wpcf7-form input, .box-contact .wpcf7-form textarea {
    padding: 9px 16px;
}

/* --- Testimonials / feedback (wedding studio) --- */
.testimonials {
    position: relative;
    padding: 4rem 0 4.5rem;
    overflow: hidden;
}

.testimonials--studio {
    --tm-accent: rgb(201, 169, 98);
    --tm-accent-soft: rgba(201, 169, 98, 0.2);
    /* background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(252, 249, 245) 40%, rgb(245, 240, 234) 100%); */
}

.testimonials--studio::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    opacity: 0.4;
    background: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(201, 169, 98, 0.12) 0%, transparent 55%);
}

.testimonials--studio .container {
    position: relative;
    z-index: 1;
}

.testimonials__header {
    max-width: 48rem;
    margin: 0 auto 2.5rem;
}

.testimonials__title {
    margin: 0 0 1rem;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(1.75rem, 3.2vw, 2.35rem);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgb(32, 30, 28);
    line-height: 1.2;
}

.testimonials__title::after {
    content: "";
    display: block;
    width: 2.75rem;
    height: 2px;
    margin: 1rem auto 0;
    background: linear-gradient(90deg, transparent, var(--tm-accent), transparent);
    border-radius: 1px;
}

.testimonials__sub {
    margin: 1.25rem 0 0;
    font-size: 0.95rem;
    line-height: 1.65;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgb(115, 110, 104);
    font-weight: 500;
}

.testimonials__slider--studio.testimonials__slider {
    padding: 0.5rem 0 3.25rem;
    margin: 0;
}

.testimonials__slider:not(.swiper-initialized) .testimonials-slide + .testimonials-slide {
    display: none;
}

.testimonials-slide {
    height: auto;
    padding: 0 0.65rem;
    box-sizing: border-box;
}

.testimonials-card {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1.35rem;
    margin: 0;
    padding: 1.75rem 1.5rem;
    min-height: 100%;
    text-align: left;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(201, 169, 98, 0.22);
    border-radius: 1.15rem;
    box-shadow: rgba(45, 38, 32, 0.06) 0 16px 40px -18px, rgba(255, 255, 255, 0.9) 0 1px 0 inset;
    transition: border-color 0.35s ease, box-shadow 0.35s ease;
}

.testimonials-card:hover {
    border-color: rgba(201, 169, 98, 0.4);
    box-shadow: rgba(45, 38, 32, 0.1) 0 22px 48px -20px, rgba(255, 255, 255, 0.95) 0 1px 0 inset;
}

.testimonials-card__avatar {
    flex-shrink: 0;
    width: 132px;
}

.testimonials-card__avatar-inner {
    display: block;
    position: relative;
    width: 132px;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 150%;
    overflow: hidden;
    border: 3px solid var(--tm-accent-soft);
    box-shadow: rgba(45, 38, 32, 0.12) 0 10px 28px -10px;
}

.testimonials-card__avatar-inner.dnfix__thumb > * {
    object-fit: cover;
}

.testimonials-card__body {
    flex: 1;
    min-width: 0;
    padding-top: 0.15rem;
}

.testimonials-card__text {
    margin: 0 0 1rem;
    font-size: 0.98rem;
    line-height: 1.7;
    color: rgb(105, 98, 91);
}

.testimonials-card__name {
    display: block;
    margin: 0;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(201, 169, 98, 0.25);
    font-size: 1rem;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.06em;
    color: rgb(32, 30, 28);
}

.testimonials-card__text::before {
    content: "\201C";
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 2.5rem;
    line-height: 0.9;
    color: rgba(201, 169, 98, 0.45);
    display: block;
    margin-bottom: 0.35rem;
    font-weight: 500;
}

.testimonials__slider .testimonials__pagination {
    bottom: 0;
}

.testimonials--studio .testimonials__slider .testimonials__pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    margin: 0 6px;
    background: rgba(201, 169, 98, 0.35);
    opacity: 1;
    border-radius: 50%;
    transition: transform 0.25s ease, background 0.25s ease;
}

.testimonials--studio .testimonials__slider .testimonials__pagination .swiper-pagination-bullet-active {
    background: linear-gradient(145deg, rgb(201, 169, 98), rgb(160, 130, 72));
    transform: scale(1.25);
    box-shadow: rgba(201, 169, 98, 0.45) 0 0 0 2px rgba(255, 255, 255, 0.9);
}

@media (max-width: 767.98px) {
    .testimonials-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 1.5rem 1.25rem;
    }

    .testimonials-card__body {
        padding-top: 0;
    }

    .testimonials-card__text::before {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .testimonials-card {
        transition: none;
    }

    .testimonials--studio .testimonials__slider .testimonials__pagination .swiper-pagination-bullet-active {
        transform: none;
    }
}

.related__slider {
    position: relative;
    padding-bottom: 8px;
}

.related__slider .swiper-button-prev, .related__slider .swiper-button-next {
    color: rgb(208, 37, 29);
}

.related__slider .swiper-button-prev::after, .related__slider .swiper-button-next::after {
    font-size: 18px;
}

/* --- Footer (wedding studio: warm palette, serif headings, gold accent) --- */
.footer {
    --footer-accent: rgb(201, 169, 98);
    --footer-accent-soft: rgba(201, 169, 98, 0.14);
    --footer-text: rgb(55, 52, 49);
    --footer-text-muted: rgb(105, 100, 94);
    background: linear-gradient(165deg, rgb(252, 250, 247) 0%, rgb(245, 240, 234) 45%, rgb(238, 232, 226) 100%);
    color: var(--footer-text);
    position: relative;
    padding: 0 0 3.5rem;
    font-size: 1rem;
    line-height: 1.65;
    overflow: hidden;
}

.footer__accent {
    height: 4px;
    width: 100%;
    background: linear-gradient(90deg, transparent 0%, var(--footer-accent) 35%, rgb(250, 188, 61) 50%, var(--footer-accent) 65%, transparent 100%);
    opacity: 0.95;
    margin-bottom: 3rem;
}

.footer__inner {
    position: relative;
    z-index: 1;
}

.footer p {
    margin-bottom: 0.75rem;
    color: var(--footer-text-muted);
}

.footer a {
    color: var(--footer-text);
    text-decoration: none;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.footer a:hover,
.footer a:focus-visible {
    color: rgb(139, 111, 71);
}

.social--footer a {
    color: rgb(105, 100, 94);
}

.footer .section-header {
    margin-bottom: 24px;
}
.footer__column--brand {
    text-align: center;
}
.footer__column--brand .footer__logo {
    margin: 0 0 1.25rem;
    text-align: center;
}

.footer__logo img {
    width: auto;
    max-height: 88px;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.06));
}

.footer__content {
    margin-bottom: 1.5rem;
    font-size: 0.98rem;
    letter-spacing: 0.01em;
}

.footer__socials {
    margin-top: 0.25rem;
}

.footer__socials.w-socials {
    margin-bottom: 0;
}

.footer__contact__title {
    margin: 0 0 1rem;
    font-size: clamp(1.5rem, 2.5vw, 1.85rem);
    font-weight: 600;
    text-transform: uppercase;
    color: rgb(35, 33, 31);
    line-height: 1.25;
    font-family: var(--font-family-title);
}

.footer__contact__title::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    margin-top: 0.75rem;
    background: #000;
    border-radius: 1px;
}

.footer__contact__intro {
    margin: 0 0 1.25rem;
    font-size: 0.95rem;
    color: var(--footer-text-muted);
    line-height: 1.6;
}

.footer__contact__item ul.footer__contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer__contact-list > li {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    margin: 0 0 1rem;
    padding: 0;
    line-height: 1.55;
}

.footer__contact-list > li:last-child {
    margin-bottom: 0;
}

.footer__contact-icon {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--footer-accent-soft);
    color: rgb(75, 65, 52);
    font-size: 0.9rem;
    margin-top: 0.1rem;
    border: 1px solid rgba(201, 169, 98, 0.22);
}

.footer__contact-text {
    flex: 1;
    min-width: 0;
    color: var(--footer-text);
    font-size: 0.98rem;
}

.footer__contact__item .footer__socials {
    list-style: none;
    padding-left: 0;
    margin-top: 0.75rem;
}

.footer__contact__item .footer__socials .w-socials {
    margin: 0;
}

.footer__nav-list {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0;
}

.footer__nav-list > li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.footer__nav-list > li:last-child {
    border-bottom: none;
}

.footer__nav-list > li > a {
    display: block;
    padding: 0.65rem 0;
    font-size: 0.98rem;
    letter-spacing: 0.04em;
    color: var(--footer-text-muted);
    position: relative;
    transition: color 0.2s ease, padding-left 0.2s ease;
}

.footer__nav-list > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 1px;
    background: var(--footer-accent);
    transform: translateY(-50%);
    transition: width 0.2s ease;
}

.footer__nav-list > li > a:hover,
.footer__nav-list > li > a:focus-visible,
.footer__nav-list > li.current-menu-item > a {
    /* color: rgb(35, 33, 31); */
    /* padding-left: 0.5rem; */
}

.footer__nav-list > li > a:hover::before,
.footer__nav-list > li > a:focus-visible::before,
.footer__nav-list > li.current-menu-item > a::before {
    /* width: 20px; */
}

/* Footer social buttons: warmer chrome */
.footer .w-socials--style_phindump .w-socials-item-link {
    border-color: rgba(201, 169, 98, 0.28);
    background: rgb(255, 255, 255);
    box-shadow: rgba(60, 48, 35, 0.06) 0 2px 8px;
}

.footer .w-socials--style_phindump .w-socials-item-link:hover,
.footer .w-socials--style_phindump .w-socials-item-link:focus-visible {
    border-color: rgba(201, 169, 98, 0.55);
    box-shadow: rgba(60, 48, 35, 0.1) 0 6px 18px;
}

.copyright {
    color: rgba(255, 255, 255, 0.88);
    position: relative;
    font-size: 0.875rem;
    letter-spacing: 0.06em;
    padding: 1.15rem 1rem;
    background: linear-gradient(180deg, rgb(28, 26, 24) 0%, rgb(18, 17, 19) 100%);
    text-align: center;
    border-top: 1px solid rgba(201, 169, 98, 0.2);
}

.copyright a {
    color: rgb(250, 188, 61);
}

.copyright a:hover,
.copyright a:focus-visible {
    color: rgb(255, 210, 130);
}

@media (max-width: 991.98px) {
    .footer__accent {
        margin-bottom: 2rem;
    }

    .footer {
        padding-bottom: 2.5rem;
    }

    .footer__column--nav {
        padding-top: 0.5rem;
    }
}

.wrap__page .page__content {
    padding-bottom: 30px;
}

header.page__header {
    position: relative;
    margin-bottom: 15px;
}

h1.page-title {
    text-transform: uppercase;
    font-weight: 600;
    color: rgb(43, 45, 55);
    display: inline-block;
    position: relative;
    background: rgb(255, 255, 255);
    z-index: 1;
    padding-right: 15px;
    padding-left: 5px;
}

.page__header.--page::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0px;
    height: 100%;
    background: rgb(8, 48, 81);
    opacity: 0.5;
}

.page__header.--page {
    height: 300px;
    overflow: hidden;
    margin-bottom: 40px;
}

.page__header.--page .page__header--thumbnail img {
    position: absolute;
    inset: 0px;
    z-index: -1;
    object-fit: cover;
    background-position: initial;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.page__header.--page .page__header--content {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page__header.--page .page-title, .page__header.--page .page__header__title {
    color: rgb(255, 255, 255);
    font-size: 54px;
    background: transparent;
    padding: 0px;
    margin-bottom: 0px;
    text-transform: capitalize;
    text-align: center;
    width: 100%;
    font-family: var(--font-family-title);
}

.google__map iframe {
    width: 100%;
}

.page-contact__info address i {
    width: 20px;
}

.page__contact .wpcf7-form .wpcf7-submit {
    width: 100%;
}

section.error-404 {
    padding: 50px 0px 80px;
}

section.error-404 .exception__code {
    color: rgb(231, 76, 60);
    text-align: center;
    font-weight: bold;
    font-size: 100px;
    line-height: 100px;
    margin-bottom: 10px;
}

section.error-404 .exception__text {
    font-size: 26px;
    color: rgb(231, 76, 60);
}

section.error-404 .search__form {
    max-width: 470px;
    margin-bottom: 15px;
    position: relative;
}

section.error-404 .return__home {
    display: block;
    text-decoration: underline;
    color: rgb(231, 76, 60);
}

section.error-404 .page-header p {
    padding: 0px 0px 25px;
    font-size: 25px;
    color: rgb(52, 73, 94);
}

section.error-404 .entry-content p {
    color: rgb(158, 158, 158);
    margin-bottom: 15px;
}

section.error-404 button.search-submit {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 100%;
    background: rgb(51, 122, 183);
    border: 0px;
}

h1.entry-title {
    font-size: 54px;
    line-height: 1.2;
    color: rgb(255, 255, 255);
    text-align: center;
    font-family: var(--font-family-title);
}

.related__item {
    margin-bottom: 15px;
}

.related__item .dnfix__thumb {
    padding-top: 65%;
    display: block;
}

.related__item a {
    color: rgb(85, 85, 85);
}

.share__post ul {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 15px;
}

.share__post header.h-header {
    font-weight: 700;
}

.fb__comments {
    background: rgb(236, 236, 236);
    border: 1px solid rgb(209, 209, 209);
}

a.product__call {
    padding: 5px 25px;
    border: 1px solid rgb(36, 131, 193);
    font-weight: 400;
    color: rgb(255, 255, 255);
    font-size: 18px;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 2px;
    background: rgb(36, 131, 193);
    line-height: 30px;
}

a.product__call i {
    font-size: 16px;
}

a.product__call.--addProduct {
    background: rgb(255, 93, 0);
    color: rgb(255, 255, 255);
    border-color: rgb(255, 93, 0);
}

.single__price {
    font-size: 22px;
    line-height: normal;
    margin-bottom: 10px;
    color: red;
}

.single__price del {
    font-size: 18px;
    color: rgb(154, 154, 154);
}

#singleOrder .modal-header {
    background: rgb(45, 97, 180);
    align-items: center;
}

#singleOrder .modal-title {
    color: rgb(255, 255, 255);
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

#singleOrder .modal-header .close {
    color: rgb(255, 255, 255);
    opacity: 1;
}

.product__item {
    margin-bottom: 30px;
    display: block;
}

.product__item .item__thumb {
    padding: 10px;
    border: 1px solid rgb(239, 239, 239);
}

.product__item .dnfix__thumb {
    padding-top: 74%;
}

.product__item .item__meta {
    padding: 10px;
    border-width: 0px 1px 1px;
    border-style: none solid solid;
    border-color: currentcolor rgb(239, 239, 239) rgb(239, 239, 239);
    border-image: initial;
}

.product__item .item__title {
    font-weight: 600;
    margin: 0px;
    font-size: 1rem;
    line-height: normal;
}

.product__item .item__title a {
    color: rgb(0, 0, 0);
}

.product__item .item__price {
    color: rgb(255, 0, 0);
    font-weight: 500;
}

.product__item a.product_type_simple {
    display: block;
    padding: 5px 25px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    margin-top: 10px;
    background: rgb(249, 106, 14);
}

.product__item a.product_type_simple:hover {
    color: rgb(255, 255, 255);
    background: rgb(216, 85, 0);
}

.product__item:hover .item__icon--view {
    opacity: 1;
}

.product__item p.stock.out-of-stock {
    background: rgb(33, 37, 41);
    color: rgb(255, 255, 255);
    padding: 2px 15px;
    text-align: center;
    margin: auto;
}

.product__item p.stock.in-stock {
    background: rgb(33, 37, 41);
    color: rgb(255, 255, 255);
    min-height: 34px;
    display: flex;
    padding: 2px 15px;
}

.product__item p.stock .stock_number {
    margin-left: 5px;
}

.product__item input.qty {
    max-width: 100px;
    box-sizing: border-box;
    border: 1px solid rgb(221, 221, 221);
    padding: 0px 0.75em;
    height: 2.507em;
    font-size: 0.97em;
    border-radius: 0px;
    vertical-align: middle;
    background-color: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset;
    transition: color 0.3s, border 0.3s, background 0.3s, opacity 0.3s;
    margin-bottom: 0px;
}

.product__taxonomy {
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.7);
    font-size: 0.75em;
    font-weight: 600;
}

.archive__item {
    margin-bottom: 24px;
}

.archive__item a {
    color: rgb(68, 68, 68);
}

.archive__item .item__thumb {
    border-radius: 12px;
    overflow: hidden;
}

.archive__item .dnfix__thumb {
    padding-top: 125%;
    display: block;
}

.archive__item--vertical .dnfix__thumb {
    padding-top: 150%;
    display: block;
}

.archive__item .item__title {
}

.archive__item .item__thumb img {
    transition: 0.3s;
}

.archive__item:hover .item__thumb img {
    transform: scale(1.05);
}

/**/
.archive__item--news {
}
.archive__item--news  .item__thumb {
    margin-bottom: 10px;
}
.archive__item--news .dnfix__thumb {
    padding-top: 68.075%;
}

.widget__item {
    margin-bottom: 12px;
}

.widget__item .item__title {
    font-size: 16px;
    line-height: 1.4;
}

.widget {
    margin-bottom: 15px;
    background: rgb(255, 255, 255);
    position: relative;
}

.widget-title {
    display: block;
    padding: 6px 15px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0px;
    position: relative;
    border-bottom: 1px solid rgb(255, 255, 255);
    background: rgb(29, 123, 177);
}

.widget-title::before {
    content: "ï„”";
    font-family: FontAweSome;
    margin-right: 10px;
}

.widget__fix {
    position: sticky;
    top: 117px;
    padding-bottom: 10px;
}

.widget-content {
    padding-top: 10px;
}

.box__title .title__box {
    position: relative;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.1;
    display: block;
    color: rgb(0, 0, 0);
}

.box__title .title__box a {
    color: rgb(0, 0, 0);
}

.box__title .title__box::after {
    content: "";
    width: 30px;
    height: 3px;
    display: block;
    background: rgba(0, 0, 0, 0.1);
    margin-top: 5px;
}

.widget__post-list {
    border: 1px solid rgb(223, 223, 223);
    padding: 10px;
}

.item__style.s1:not(:last-child) {
    border-bottom: 1px solid rgb(209, 209, 209);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.item__style.s1 .item__thumb {
    margin-right: 10px;
    -webkit-box-flex: 0;
    flex: 0 0 100px;
    max-width: 100px;
}

.item__style.s1 .dnfix__thumb {
    height: 70px;
    margin-right: 10px;
}

.item__style.s1 .item__title {
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.item__style.s1 .item__title a {
    color: rgb(68, 68, 68);
}

.item__style.s1 .item__title a:hover {
    color: rgb(235, 95, 133);
}

.item__style.s1 .item__date {
    color: rgb(156, 156, 156);
    font-size: 12px;
}

.item__style.s1::after {
    content: "";
    display: table;
    clear: both;
}

.widget_nav_menu .widget-title, .widget_product_categories .widget-title {
    display: block;
    padding: 5px 15px 5px 0px;
    font-size: 1.3rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
    line-height: 30px;
    position: relative;
}

.widget_nav_menu a, .widget_product_categories a {
    color: rgb(0, 0, 0);
}

.widget_nav_menu img {
    width: 25px;
    margin-right: 5px;
}

.widget_nav_menu ul, .widget_product_categories ul {
    list-style: none;
    padding-left: 0px;
    font-size: 15px;
}

.widget_nav_menu ul.menu, .widget_product_categories ul.product-categories {
    border-top: 0px;
}

.widget_nav_menu ul.menu > li, .widget_product_categories ul.product-categories > li {
    background: rgb(255, 255, 255);
}

.widget_nav_menu ul.menu > li:not(:last-child), .widget_product_categories ul.product-categories > li:not(:last-child) {
    border-bottom: 1px dashed rgb(209, 209, 209);
}

.product-categories .children li.cat-parent {
    margin-left: 10px;
}

.widget_nav_menu ul li, .widget_product_categories ul li {
    position: relative;
}

.widget_nav_menu ul.menu a:hover, .widget_nav_menu .current-menu-item > a, .widget_product_categories ul.product-categories a:hover, .widget_product_categories .current-cat > a {
    background: rgb(241, 241, 241);
}

.widget_nav_menu ul > li > a, .widget_product_categories ul > li > a {
    display: block;
    padding: 2px 0px;
    line-height: 40px;
    font-weight: 500;
}

.widget_nav_menu ul.sub-menu, .widget_product_categories ul.children {
    display: none;
    position: relative;
    border-top: 1px dashed rgb(209, 209, 209);
}

.widget_nav_menu ul.sub-menu > li + li, .widget_product_categories ul.children > li + li {
}

.widget_nav_menu ul.sub-menu li a, .widget_product_categories ul.children li a {
    padding: 0px 30px;
}

.widget_nav_menu ul.sub-menu > li::before, .widget_product_categories ul.children > li:not(.cat-parent)::before {
    content: "ï„…";
    font-family: FontaweSome;
    position: absolute;
    top: 8px;
    left: 15px;
    font-weight: 400;
}

.widget_nav_menu ul.sub-menu ul.sub-menu, .widget_product_categories ul.children ul.children {
    border-top: 1px solid rgb(246, 246, 246);
}

.widget_nav_menu .menu-item-has-children, .widget_product_categories .cat-parent {
    position: relative;
}

.widget_nav_menu button.togglez, .widget_product_categories button.togglez {
    margin: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 19px;
    padding: 0px;
    line-height: 40px;
    min-height: 37px;
    width: 40px;
    border: 0px;
    background: none;
    color: rgb(62, 37, 43);
    cursor: pointer;
}

.widget_nav_menu button.togglez:focus, .widget_product_categories button.togglez:focus {
    outline: none;
}

.widget_nav_menu button.togglez i, .widget_product_categories button.togglez i {
    font-weight: 700;
}

.togglez .fa-angle-down::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 20px;
    width: 2px;
    height: 18px;
    transition: 0.25s;
}

.togglez i.fa.fa-angle-down::after {
    content: "";
    position: absolute;
    top: 20px;
    left: 12px;
    width: 18px;
    height: 2px;
}

.togglez .fa-angle-down::before, .togglez i.fa.fa-angle-down::after {
    background: rgb(170, 170, 170);
}

.current-cat > .togglez i.fa.fa-angle-down::before, .current-cat.activez > .togglez i.fa.fa-angle-down::before {
    opacity: 0;
}

.activez > .togglez i.fa.fa-angle-down::before {
    opacity: 0 !important;
}

.widget_product_categories .product-categories > li.current-cat > .children, .widget_product_categories .product-categories > li.current-cat-parent > .children {
    display: block;
}

.product-categories > .cat-parent > a {
    padding-left: 30px;
}

.pagination {
    margin: 0px 0px 20px;
    justify-content: center;
}

.paging-navigation {
    display: block;
    width: 100%;
    font-size: 12px;
}

.paging-navigation .page-numbers {
    padding: 9px 11px;
    border: 1px solid rgb(227, 227, 227);
    display: inline-block;
    margin: 0px 8px 8px 0px;
    min-width: 40px;
    text-align: center;
    color: rgb(102, 102, 102);
    line-height: 21px;
    border-radius: 50%;
}

.paging-navigation .current, .paging-navigation .page-numbers:hover {
    background-color: rgb(34, 34, 34);
    color: rgb(255, 255, 255);
    cursor: pointer;
    border: 1px solid rgb(34, 34, 34);
}

.paging-navigation .icon-arrow-left, .paging-navigation .icon-arrow-right::before {
    content: "";
    font-weight: 400;
    font-family: FontAweSome;
}

.paging-navigation .icon-arrow-right:before {
	content: "\f101";
}

.paging-navigation .icon-arrow-left:before {
	content: "\f100";
}

.back__to--top {
    position: fixed;
    bottom: -45px;
    right: 20px;
    cursor: pointer;
    z-index: 999;
}

.back__to--top.active {
    bottom: 25px;
}

.back__to--top i {
    background: rgba(0, 0, 0, 0.7);
    padding: 5px 10px;
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: bold;
}

.product-gallery .slide {
    width: 100%;
}

.product-gallery figure {
    margin-bottom: 0px;
}

.product-gallery .images {
    margin-bottom: 0.5rem;
}

.product-gallery .images .slide > a {
    position: relative;
    display: block;
    height: auto;
    width: 100%;
    overflow: hidden;
}

.product-gallery .images .slide > a img {
    margin: 0px auto;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    object-fit: cover;
}

.product-gallery .swiper-button-next:focus, .product-gallery .swiper-button-prev:focus {
    box-shadow: none;
}

.product-gallery .swiper-button-next, .product-gallery .swiper-button-prev {
    position: absolute;
    top: calc(50% - 18px);
    background-color: rgba(255, 255, 255, 0.75);
    margin: 0px;
    padding: 0px;
    width: 36px;
    height: 36px;
    color: rgb(17, 17, 17);
    line-height: 36px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    cursor: pointer;
    opacity: 0;
    transition: transform 0.3s, opacity 0.3s, background 0.3s, box-shadow 0.3s;
}

.product-gallery .swiper-button-next {
    transform: translateX(-20%);
    right: 2%;
}

.product-gallery .swiper-button-prev {
    transform: translateX(20%);
    left: 2%;
}

.product-gallery:hover .swiper-button-next, .product-gallery:hover .swiper-button-prev {
    opacity: 1;
    transform: translateX(0px) !important;
}

.product-gallery .swiper-button-next:hover, .product-gallery .swiper-button-prev:hover {
    box-shadow: none;
    opacity: 1;
}

.product-gallery .swiper-button-next::after, .product-gallery .swiper-button-prev::after {
    font-size: 16px;
    color: rgb(0, 0, 0);
}

.product-thumbnails {
    margin-bottom: 15px;
}

.product-thumbnails .swiper-wrapper {
    --bs-gutter-x: .2rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

.product-thumbnails .swiper-wrapper > * {
    flex-shrink: 0;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

.product-thumbnails a {
    position: relative;
    display: block;
    height: auto;
    width: 100%;
    overflow: hidden;
    padding-top: 69%;
    border: 1px solid transparent;
}

.product-thumbnails img {
    opacity: 0.5;
    transition: transform 0.6s, opacity 0.6s;
    margin: 0px auto;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    object-fit: contain;
}

.product-thumbnails a:hover, .product-thumbnails .swiper-slide-thumb-active a {
    border-color: rgba(0, 0, 0, 0.2);
}

.product-thumbnails a:hover img, .product-thumbnails .swiper-slide-thumb-active a img {
    border-color: rgba(0, 0, 0, 0.3);
    transform: translateY(-5px);
    opacity: 1;
}

.product-gallery .swiper-button-disabled {
    display: none;
}

.product-gallery, .gallery__featured {
    margin-bottom: 15px;
    border: 1px solid rgb(239, 239, 239);
    padding: 10px;
}

.gallery__featured .dnfix__thumb, .product-gallery .slide > a {
    padding-top: 75%;
}

.dn__zoom {
    position: absolute;
    bottom: 15px;
    left: 15px;
    cursor: pointer;
    z-index: 1;
}

.dn__zoom i {
    min-width: 2.5em;
    line-height: 2.19em;
    text-align: center;
    border: 2px solid rgb(192, 192, 192);
    color: rgb(192, 192, 192);
    font-size: 1.2em;
    border-radius: 50%;
}

.dn__zoom i:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(68, 96, 132);
    border-color: rgb(68, 96, 132);
}

.social__box.-s1 .phone {
    color: rgb(245, 130, 32);
    font-size: 16px;
    font-weight: 700;
}

.social__box.-s1 .phone i {
    font-size: 16px;
    margin-right: 5px;
}

.social__box.-s1 a {
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 22px;
    text-align: center;
    line-height: 23px;
    margin-right: 3px;
    color: rgb(255, 255, 255);
    border-radius: 50%;
}

.social__box.-s1 .ic--fb {
    background: rgb(66, 103, 178);
}

.social__box.-s1 .ic--tw {
    background: rgb(29, 161, 242);
}

.social__box.-s1 .ic--ytb {
    background: red;
}

.social__box.-s1 .ic--zl {
    background: rgb(0, 128, 200);
}

.social__box.-s1 i {
    font-size: 18px;
    position: relative;
    top: 3px;
    font-family: FontAwesome;
}

.entry-content {
    font-size: 16px;
}

.entry-content p, .entry-content ul, .entry-content blockquote {
    margin-bottom: 1.25rem;
}

.entry-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.entry-content img, .entry-content figure.wp-caption {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.entry-content img + img {
    margin-bottom: 1rem;
}

.entry-content address p, .entry-content address p {
    margin-bottom: 5px;
}

.entry-content a {
    transition: 0.5s;
}

.entry-content a:hover {
    color: rgb(6, 72, 167);
}

.entry-content figcaption {
    width: 100%;
    text-align: center;
    padding: 10px 0px 0px;
    font-style: italic;
}

.entry-content img.alignright {
    float: right;
    margin: 0px 0px 1em 1em;
}

.entry-content img.alignleft {
    float: left;
    margin: 0px 1em 1em 0px;
}

.entry-content img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.entry-content ol, .entry-content ul {
    padding-left: 15px;
}

.entry-content ul {
    list-style-type: disc;
}

.entry-content::after {
    content: "";
    clear: both;
    display: table;
}

.entry-content table {
    width: 100%;
    margin-bottom: 1rem;
}

.entry-content table td, .entry-content table th {
    border: 1px solid rgb(115, 116, 118);
}

.entry-content table td, .entry-content table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid rgb(115, 116, 118);
}

.entry-content blockquote {
    position: relative;
    padding: 0px 40px;
    color: rgb(0, 0, 0);
    margin-top: 16px;
}

.entry-content blockquote p:last-child {
    margin-bottom: 0px;
}

.entry-content blockquote::before {
    content: "";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    display: inline-block;
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    width: 20px;
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 30px;
    color: rgb(31, 31, 31);
}

.gallery {
    display: grid;
    gap: 16px;
}

.gallery-item {
    margin-bottom: 0px;
}

.gallery-icon a {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
    position: relative;
    display: block;
    text-align: center;
}

.gallery-icon a > * {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    object-fit: cover;
    height: 100% !important;
}

.gallery-icon a::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}

.gallery-columns-3 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

@media (max-width: 767px) {
    .entry-content blockquote {
        padding: 48px 32px;
    }
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0px;
}

.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.ef--border::before {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    transform: scale3d(0, 1, 1);
    z-index: 1;
}

.ef--border::after {
    border-left: 1px solid white;
    border-right: 1px solid white;
    transform: scale3d(1, 0, 1);
}

.ef--border::before, .ef--border::after {
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    transform-origin: center center;
}

.ef--border:hover::before, .ef--border:hover::after {
    transform: scale3d(1, 1, 1);
    transition: transform 0.5s;
}

.ef__shine .el-item__thumb {
    position: relative;
    display: block;
    overflow: hidden;
}

.ef__shine .el-item__thumb::before {
    position: absolute;
    top: 0px;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg);
}

.ef__shine:hover .el-item__thumb::before {
    animation: 1s ease 0s 1 normal none running shine;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.ef__zoomin .el-item__thumb img {
    transform: scale(1);
    transition: 0.5s ease-in-out;
}

.ef__zoomin:hover .el-item__thumb img {
    transform: scale(1.1);
}

.ef__flashing:hover .el-item__thumb img {
    opacity: 1;
    animation: 3s ease 0s 1 normal none running flash;
}

@-webkit-keyframes flash {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes bounceIn_custom {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1.05);
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes bounceIn_custom {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1.05);
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

.ef__img--grayscale .el__thumb {
    filter: grayscale(100%);
    transition: 1s;
}

.ef__img--grayscale:hover .el__thumb {
    zoom: 1; filter: grayscale(0%);
}

@-webkit-keyframes qodefFadeToRight {
    0% {
        opacity: 0;
        transform: translate3d(-9px, 0px, 0px);
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes qodefFadeToRight {
    0% {
        opacity: 0;
        transform: translate3d(-9px, 0px, 0px);
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
    }
}

.jazz-effect {
    overflow: hidden;
    position: relative;
}

.jazz-effect::after {
    transition: opacity 0.8s 0.15s;
    position: absolute;
    content: "";
    display: block;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    z-index: 0;
}

.jazz-effect .effect-content {
    position: relative;
}

.jazz-effect .effect-content::after {
    position: absolute;
    content: "";
    display: block;
}

.jazz-effect__wrap:hover .jazz-effect::after, .jazz-effect__wrap:hover .jazz-effect .effect-content::before, .jazz-effect__wrap:hover .jazz-effect .effect-content::after {
    opacity: 1;
}

.jazz-effect .effect-content::before, .jazz-effect .effect-content::after {
    position: absolute;
    content: "";
    display: block;
}

.jazz-effect .effect-content::before {
    background-color: transparent;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0px;
    opacity: 0;
    transition: 0.5s;
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
    transform: rotate(45deg) scale(0.5);
}

.jazz-effect__wrap:hover .jazz-effect .effect-content::before {
    transform: rotate(45deg) scale(1);
}

.modal-open {
    overflow: hidden;
}

.dnmenu-backdrop {
    position: fixed;
    inset: 0px;
    z-index: 1071;
    background-color: rgb(0, 0, 0);
    opacity: 0.5;
}

.nav__mobile {
    display: block;
    position: fixed;
    top: 0px;
    height: 100%;
    left: -390px;
    width: 390px;
    opacity: 0;
    z-index: 1072;
    background: rgb(255, 255, 255);
    transition: 0.25s;
    font-size: 16px;
    font-weight: 700;
    pointer-events: none;
}

.nav__mobile__menu {
    overflow-y: auto;
    height: calc(-70px + 100vh);
}

.nav__mobile.active {
    left: 0px;
    opacity: 1;
    pointer-events: auto;
}

.nav__mobile__header {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background: rgb(245, 245, 245);
}

.nav__mobile__header .mburger .icon-bar {
    background-color: rgb(34, 34, 34);
}

.nav__mobile__logo img {
    width: auto;
    max-width: 100%;
    max-height: 50px;
}

.nav__mobile .sub-menu {
    display: none;
}

.nav__mobile--ul {
    list-style: none;
    padding: 15px;
    margin: 0px;
}

.nav__mobile--ul .sub-menu {
    font-size: 14px;
    font-weight: 500;
}

.nav__mobile--ul .sub-menu li a {
    padding: 4px 4px 4px 15px;
}

.nav__mobile--ul .sub-menu li::before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: rgb(0, 0, 0);
    position: absolute;
    top: 13px;
    left: 0px;
}

.nav__mobile--ul li {
    position: relative;
}

.nav__mobile--ul li a {
    color: rgb(0, 0, 0);
    padding: 16px 0px;
    display: block;
    text-transform: uppercase;
}

.nav__mobile--ul li a:hover, .nav__mobile--ul li .current-menu-item {
    color: rgb(29, 123, 177);
}

.nav__mobile--ul > li {
    padding: 0px;
}

.nav__mobile__btn {
    position: absolute;
    top: 5px;
    right: 0px;
    font-size: 19px;
    padding: 0px;
    line-height: 40px;
    min-height: 37px;
    width: 40px;
    border: 0px;
    background: none;
    color: rgb(62, 37, 43);
    cursor: pointer;
}

.nav__mobile__btn:focus {
    outline: none;
}

.nav__mobile__btn i {
    font-style: inherit;
    color: rgb(0, 0, 0);
}

.nav__mobile__btn i::before {
    content: "";
    display: block;
    font-family: FontAweSome;
    font-size: 20px;
    transition: 0.5s;
    font-weight: 500;
}

.nav__mobile .sub-active > .nav__mobile__btn i::before {
    transform: rotate(180deg);
}

.mburger .icon-bar {
    width: 26px;
    transition: 0.2s;
    background-color: rgb(0, 0, 0);
    display: block;
    height: 2px;
    border-radius: 1px;
}

.mburger .icon-bar + .icon-bar {
    margin-top: 5px;
}

.mburger.active .icon-bar:nth-of-type(1) {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.mburger .icon-bar:nth-of-type(1) {
    transform: rotate(0deg);
}

.mburger.active .icon-bar:nth-of-type(2) {
    opacity: 0;
}

.mburger.active .icon-bar:nth-of-type(3) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.mburger .icon-bar:nth-of-type(3) {
    transform: rotate(0deg);
}

@media (max-width: 575px) {
    .nav__mobile {
        width: 100%;
    }
}


.w-socials--style_phindump .w-socials-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.w-socials--style_phindump .w-socials-item {
    position: relative;
    display: block;
    flex: 0 0 auto;
}

.w-socials--style_phindump .w-socials-item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: rgb(255, 255, 255);
    color: rgb(44, 44, 44);
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 2px;
    transition: color 0.25s, border-color 0.25s, box-shadow 0.25s, transform 0.2s;
    z-index: 0;
}

.w-socials--style_phindump .w-socials-item-link:hover, .w-socials--style_phindump .w-socials-item-link:focus-visible {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 14px;
    transform: translateY(-1px);
    outline: none;
}

.w-socials--style_phindump .w-socials-item-link-hover {
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 0;
}

.w-socials--style_phindump .w-socials-item-link i {
    position: relative;
    z-index: 1;
    font-size: 1rem;
    line-height: 1;
    transition: color 0.25s;
    display: block;
}

.w-socials--style_phindump .w-socials-item.facebook .w-socials-item-link-hover {
    background: rgb(24, 119, 242);
}

.w-socials--style_phindump .w-socials-item.instagram .w-socials-item-link-hover {
    background: linear-gradient(45deg, rgb(240, 148, 51) 0%, rgb(230, 104, 60) 25%, rgb(220, 39, 67) 50%, rgb(204, 35, 102) 75%, rgb(188, 24, 136) 100%);
}

.w-socials--style_phindump .w-socials-item.tiktok .w-socials-item-link-hover {
    background: rgb(0, 0, 0);
}

.w-socials--style_phindump .w-socials-item.email .w-socials-item-link-hover {
    background: rgb(92, 92, 92);
}

.w-socials--style_phindump .w-socials-item-link:hover .w-socials-item-link-hover, .w-socials--style_phindump .w-socials-item-link:focus-visible .w-socials-item-link-hover {
    opacity: 1;
}

.w-socials--style_phindump .w-socials-item-link:hover i, .w-socials--style_phindump .w-socials-item-link:focus-visible i {
    color: rgb(255, 255, 255);
}

.w-socials--style_phindump .w-socials-item-popup {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 8px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
    color: rgb(255, 255, 255);
    background: rgb(26, 26, 26);
    border-radius: 4px;
    pointer-events: none;
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(-50%, 6px, 0px);
    transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
}

.w-socials--style_phindump .w-socials-item-popup::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgb(26, 26, 26) transparent transparent;
    border-image: initial;
}

.w-socials--style_phindump .w-socials-item-link:hover + .w-socials-item-popup, .w-socials--style_phindump .w-socials-item-link:focus + .w-socials-item-popup, .w-socials--style_phindump .w-socials-item-link:focus-visible + .w-socials-item-popup {
    opacity: 1;
    visibility: visible;
    transform: translate3d(-50%, 0px, 0px);
}

.site-float-contact {
    position: fixed;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    pointer-events: none;
}

.site-float-contact__inner {
    pointer-events: auto;
}

.w-socials--float .w-socials-list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.w-socials--float .w-socials-item {
    position: relative;
}

.w-socials--float .w-socials-item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 8px 0px 0px 8px;
    background: rgb(255, 255, 255);
    color: rgb(44, 44, 44);
    border-width: 1px 0px 1px 1px;
    border-style: solid none solid solid;
    border-color: rgba(0, 0, 0, 0.08) currentcolor rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.08);
    border-image: initial;
    box-shadow: rgba(0, 0, 0, 0.12) -2px 4px 16px;
    position: relative;
    overflow: hidden;
    transition: color 0.25s, box-shadow 0.25s, transform 0.2s;
}

.w-socials--float .w-socials-item-link:hover, .w-socials--float .w-socials-item-link:focus-visible {
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.18) -4px 6px 20px;
    outline: none;
}

.w-socials--float .w-socials-item-link-hover {
    position: absolute;
    inset: 0px;
    opacity: 0;
    transition: opacity 0.3s;
}

.w-socials--float .w-socials-item--messenger .w-socials-item-link-hover {
    background: rgb(0, 132, 255);
}

.w-socials--float .w-socials-item--phone .w-socials-item-link-hover {
    background: rgb(26, 26, 26);
}

.w-socials--float .w-socials-item-link:hover .w-socials-item-link-hover, .w-socials--float .w-socials-item-link:focus-visible .w-socials-item-link-hover {
    opacity: 1;
}

.w-socials--float .w-socials-item-link i {
    position: relative;
    z-index: 1;
    font-size: 1.35rem;
    transform-origin: 50% 60%;
    animation: floatContactIconShake 1.2s ease-in-out infinite;
}

@keyframes floatContactIconShake {
    0%, 100% {
        transform: rotate(0deg);
    }
    20% {
        transform: rotate(-13deg);
    }
    40% {
        transform: rotate(13deg);
    }
    60% {
        transform: rotate(-10deg);
    }
    80% {
        transform: rotate(10deg);
    }
}

.w-socials--float .w-socials-item-popup {
    position: absolute;
    text-align: center;
    white-space: nowrap;
    z-index: 20;
    font-size: 12px;
    line-height: 1.3;
    padding: 6px 12px;
    color: rgb(255, 255, 255);
    background: rgb(26, 26, 26);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
    inset: auto 100% 50% auto;
    margin-bottom: 0px;
    margin-right: 10px;
    transform: translate3d(8px, 50%, 0px);
    border-radius: 4px;
}

.w-socials--float .w-socials-item-popup::after {
    left: 100%;
    top: 50%;
    margin-left: 0px;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent rgb(26, 26, 26);
    border-image: initial;
}

.w-socials--float .w-socials-item-link:hover + .w-socials-item-popup, .w-socials--float .w-socials-item-link:focus + .w-socials-item-popup, .w-socials--float .w-socials-item-link:focus-visible + .w-socials-item-popup {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0px, 50%, 0px);
}

@media (max-width: 767.98px) {
    .site-float-contact {
        top: auto;
        bottom: 5.5rem;
        transform: none;
    }

    .w-socials--float .w-socials-item-link {
        width: 3.25rem;
        height: 3.25rem;
    }

    .w-socials--float .w-socials-item-link i {
        font-size: 1.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .w-socials--float .w-socials-item-link i {
        animation: none;
    }
}


@media (max-width: 1199.98px) {
    .dn__slider .slider__item .item__title {
        font-size: 32px;
    }

    .sc-service .c-item__meta {
        opacity: 1;
        bottom: 0px;
    }

    .home-contact--studio .home-contact__header,
    .home-contact--studio .home-contact__form {
        text-align: center;
    }

    .home-contact .form-contact-btn {
        text-align: center;
    }

    h1.entry-title {
        font-size: 30px;
    }

    .page__header.--page .page-title, .page__header.--page .page__header__title {
        font-size: 30px;
    }

    .dn__breadcrumb {
        padding: 8px 0px;
        font-size: 16px;
    }
    .section-header__title {
        text-transform: uppercase;
        font-size: 24px;
        font-weight: 700;
        color: rgb(18, 19, 22);
        letter-spacing: 0;
    }
}

@media (max-width: 991.98px) {
    a.menu__mobile {
        display: flex;
    }

    .admin-bar .header.is-sticky {
        top: 0px;
    }
}

@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {
}

@media (min-width: 992px) {
}

@media (min-width: 992px) {
    .col-lg-40 {
        flex: 0 0 auto;
        width: 40%;
    }
    .col-lg-20 {
        flex: 0 0 auto;
        width: 20%;
    }
}

/* Home — wedding studio intro (templates/page-home.php) */

.home-intro-studio {
 
}

.home-intro-studio__row {
    padding-top: clamp(40px, 6vw, 72px);
    padding-bottom: clamp(40px, 6vw, 72px);
}

.home-intro-studio__thumb.dnfix__thumb {
    padding-top: 62%;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 22px 50px rgba(22, 24, 28, 0.12);
}

.home-intro-studio__title {
    font-size: clamp(22px, 3vw, 32px);
    font-weight: 700;
    color: rgb(22, 24, 28);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 16px;
}

.home-intro-studio__title::after {
    content: "";
    display: block;
    width: 56px;
    height: 1px;
    margin-top: 14px;
    background: #000;
}

.home-intro-studio__content.text-center .home-intro-studio__title::after {
    margin-left: auto;
    margin-right: auto;
}

.home-intro-studio__text {
    font-size: 16px;
    line-height: 1.75;
    color: rgb(92, 96, 106);
}

.home-intro-studio__text p:last-child {
    margin-bottom: 0;
}