img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent; border: 0; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin: 0; padding: 0;}
i, b, u, s {font-style: normal; font-weight: normal; text-decoration: none;}
menu, ul, ol, li {margin: 0; padding: 0; list-style: none;}
blockquote {quotes: none; padding: 15px 0 15px 200px; clear: both;}
blockquote:before, blockquote:after {content: ''; content: none;}
del {text-decoration: line-through;}
img {border: 0}
a {text-decoration: none; outline: none; color: #4e6984;}
a {transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s;}
.slowly {transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
a:hover {color: #0b30e1;}
form {margin: 0; padding: 0; border: 0; background: transparent;}
input, textarea, button {outline: none; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-display: swap;}
textarea {resize: none;}
input:focus, textarea:focus {outline: none;}
input:not([type=checkbox]):not([type=radio]), textarea, select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type='number'] {-moz-appearance: textfield;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
.clear {clear: both;}
::selection, ::-moz-selection {background: #1d1d1f; color: #fff; text-shadow: none;}
h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #1d1d1f; line-height: 100%;}
body {margin: 0; padding: 0; font: normal 16px Arial, Helvetica, sans-serif; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-display: swap; background-color: #fff;}
.icon svg {width: 32px; height: 32px; display: block;}
.icon circle {}


.snack {padding: 0 24px; box-sizing: border-box; width: 100%; max-width: 1400px; margin: 0 auto;}

/* header */
.skyline {position: fixed; top: 0; left: 0; width: 100%; box-sizing: border-box; z-index: 999; border-bottom: 1px solid #f4f4f4;}
.skyline::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: #ffffff30; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px);}
.skyline .wrap {padding: 12px 0; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1001;}
.skyline .home-link {display: flex;}
.skyline .home-link img {width: auto; height: 70px;}
.skyline .menu li {position: relative;}
.skyline .menu li:hover .sub-menu {opacity: 1; visibility: visible; pointer-events: auto;}
.skyline .menu {display: flex; flex-direction: row; gap: 8px;}
.skyline .menu-item a {display: flex; padding: 0 16px; gap: 8px; align-items: center; border-radius: 16px; min-height: 52px; white-space: nowrap; font-size: 16px; font-weight: 400; color: #1d1d1f;}
.skyline .menu-item a:hover {color: #0b30e1;}
.skyline .sub-menu {visibility: hidden; background-color: #fff; padding: 32px 32px 32px 24px; border-radius: 24px; box-shadow: 0 20px 80px #00000040; position: absolute; top: 52px; left: -8px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; opacity: 0; display: flex; flex-direction: column; gap: 24px;}
.skyline .sub-menu a {padding: 0; border-radius: 0; min-height: auto; white-space: nowrap; color: #4e6984;}
.skyline .sub-menu a:hover {color: #0b30e1;}
.skyline .menu-item-has-children a::after {content: ''; background-image: url("../images/icons/arrow-menu.svg"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; width: 20px; height: 18px; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}
.skyline .menu-item-has-children li a:hover::after {transform: rotate(90deg);}
.skyline .menu-item-has-children li a::after {display: none;}
.skyline .contacts-bar {display: flex; flex-direction: row; gap: 24px; align-items: center;}
.skyline .contacts-bar a {font-weight: 700; color: #1d1d1f;}
.skyline .mobile-menu-toggle {display: none;}
@media screen and (max-width: 960px) {
    /* mobile-menu */
    .mobile-menu-mode .skyline .launch, .mobile-menu-mode .skyline .phone-number {display: none;}
    .mobile-menu-mode .overlay {content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 990; background: #ffffff30; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px);}
    .skyline .launch{font-size: 0; padding: 0; width: 48px; height: 48px; gap: 0; justify-content: center; background-color: #1d1d1f;}
    .skyline .launch::after {background-image: url("../images/icons/email.svg"); background-color: transparent;}
    .skyline .contacts-bar {gap: 16px;}
    .skyline .contacts-bar .launch {box-shadow: none;}
    .skyline .phone-number {background-image: url("../images/icons/phone.svg"); background-color: #1d1d1f; width: 48px; height: 48px; background-position: 50% 50%; background-repeat: no-repeat; font-size: 0; border-radius: 100px;}
    .skyline .home-link img {width: auto; height: 48px;}
    .skyline .menu-global-container {position: fixed; top: 0; left: 0; z-index: 9999; width: calc(100% - 90px); box-sizing: border-box; height: 100%; background-color: #fff; border-right: 4px solid #fff; transform: translate3d(-110%, 0, 0); transition: transform 0.6s; padding: 24px 16px 60px 16px; box-shadow: 0 0 50px #00000050; overflow-y: auto;}
    .mobile-menu-mode .skyline .menu-global-container {transform: translate3d(0, 0, 0);}
    /* mobile-menu-toggle */
    .skyline .mobile-menu-toggle {display: flex;}
    .mobile-menu-toggle {position: relative; z-index: 99999; width: 48px; height: 48px; background-color: #1d1d1f; display: flex; box-sizing: border-box; border-radius: 100px; border: none !important; justify-content: center; align-items: center; cursor: pointer;}
    .mobile-menu-toggle:hover, .mobile-menu-mode .mobile-menu-toggle {background-color: #ff4b6d;}
    .mobile-menu-toggle div {position: relative; height: 24px; width: 24px;}
    .mobile-menu-toggle div span, .mobile-menu-toggle div::after, .mobile-menu-toggle div::before {content: ''; position: absolute; top: 50%; margin-top: -1px; right: 0; width: 100%; height: 3px; border-radius: 4px; background-color: #fff; transition: all 0.3s ease;}
    .mobile-menu-toggle div::after {transform: translate(0, -7px);}
    .mobile-menu-toggle div::before {transform: translate(0, 7px);}
    .mobile-menu-mode .mobile-menu-toggle div::after {transform: translate(0, 0) rotate(45deg);}
    .mobile-menu-mode .mobile-menu-toggle span {opacity: 0;}
    .mobile-menu-mode .mobile-menu-toggle div::before  {transform: translate(0, 0) rotate(-45deg);}
    /* menu */
    .skyline .menu {display: flex; flex-direction: column; gap: 24px; background-color: #fff;}
    .skyline .menu li {display: flex; flex-direction: column; gap: 16px; position: relative;}
    .skyline .menu-item a {display: flex; justify-content: space-between; padding: 16px 16px 16px 24px; gap: 8px; border-radius: 8px; ; white-space: break-spaces; font-size: 16px; font-weight: 700;  line-height: 110%; color: #1d1d1f; background-color: #f4f4f4; min-height: auto;}
    .skyline .sub-menu {visibility: visible; background-color: transparent; padding: 0 0 0 24px; border-radius: 0; box-shadow: none; position: relative; top: 0; left: 0; opacity: 1; gap: 4px;}
    .skyline .sub-menu a {min-height: auto; font-weight: 400; padding: 12px 16px 12px 24px; }
    .skyline .menu-item-has-children a::after {content: ''; background-image: url("../images/icons/arrow-menu.svg"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; width: 20px; height: 18px; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transform: rotate(-90deg); opacity: 0.3;}
    .skyline .menu-item-has-children li a:hover::after {transform: rotate(-90deg);}
    .skyline .menu-item-has-children li a::after {display: block;}
    /* end mobile-menu */
}
/* end header */

/* footer */
.groundline {display: flex; flex-direction: column; gap: 60px;}
.groundline .ghost {width: 100%; display: flex; flex-direction: column; gap: 32px;}
.groundline .ghost-row {border-top: 1px solid #ededed; display: flex; flex-direction: row; gap: 48px; padding: 64px 0;}
.groundline .ghost-row:last-child {display: flex; justify-content: space-between;}
.groundline .menu-global-container {width: 100%;}
.groundline .menu-global-container > ul {display: flex; flex-direction: row; gap: 48px;}
.groundline .menu-global-container ul > li {width: 100%; display: flex; flex-direction: column; gap: 32px;}
.groundline .menu-global-container > ul > li > a {color: #1d1d1f; font-size: 24px; line-height: 100%; font-weight: 700;}
.groundline .menu-global-container .sub-menu {display: flex; flex-direction: column; gap: 16px;}
.groundline .menu-global-container .sub-menu li a {line-height: 100%; font-weight: 300;}
.groundline .sub-title {font-weight: 700;}
.groundline .sub-description {font-size: 24px; line-height: 130%; font-weight: 700;}
@media screen and (max-width: 960px) {
    .groundline .menu-global-container > ul {flex-direction: column;}
    .groundline .ghost-row {flex-direction: column;}
}
/* end footer */

/* content */
.horizon {padding: 160px 0 64px 0;}
.page-template-home-page .horizon, .post-template-default .horizon {padding: 0;}
.category .horizon .wrap {display: flex; flex-direction: column; gap: 64px;}
.category .horizon .wrap .ghost {display: flex; flex-direction: column; gap: 32px;}
.headstone {font-size: 48px; color: #1d1d1f;}
.epitaph {color: #555; line-height: 150%;}

.thumbnail:has(img[src$="ent.svg"]) {background-color: #f2f2f2;}
.thumbnail:has(img[src$="ent.svg"]) img {transform: scale(0.5);}



@media screen and (max-width: 960px) {
    .headstone {font-size: 32px;}
}

/* end content */

/* launch*/
.launch {background-color: #282828; padding: 8px 8px 8px 24px; border: 2px solid #282828; border-radius: 100px; cursor: pointer; white-space: nowrap; color: #fff; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 12px; align-items: center; text-decoration: none; width: fit-content; box-shadow: 0 20px 70px #00000095; transition: all 0.3s ease 0s;}
.launch:hover {background: #ffffff30; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); color: #282828; box-shadow: 0 20px 70px #32258495} 
.launch:active {background-color: #555; color: #fff;}
.launch::after {content: ''; background-image: url("../images/icons/arrow-launch.svg"); background-position: 50% 50%; background-repeat: no-repeat; width: 36px; height: 36px; background-color: #1d1d1f; border-radius: 100px; flex-shrink: 0;}
.btn-m-mode {padding: 2px 2px 2px 14px; box-shadow: 0 10px 30px #0000005c;}
.btn-m-mode:hover {box-shadow: 0 10px 30px #32258495} 
.btn-m-mode::after {background-size: 50%; width: 24px; height: 24px; }
/* end launch*/

/* animate-gradient */
.animate-gradient, .valhalla,
.home-catalog-list a:hover,
.category-3 .category-list .article:hover {width: 100%; background: linear-gradient(45deg, #ffede8, #e1e3ff, #f1eaec, #f7e2e7, #eee1fc, #e6eefe, #f4dbea, #e8eef2); background-size: 600% 100%; animation: animate-gradient 10s linear infinite; animation-direction: alternate;}
@keyframes animate-gradient {
    0% {background-position: 0%}
    100% {background-position: 100%}
}
/* end animate-gradient */

/* title animation */
.first-view-title, .first-view-title-1, .first-view-title-2, .first-view-title-3 {transform: translateY(0px); opacity: 0;}
.first-view-title {animation: first-view-animation 1s linear infinite; animation-iteration-count: 1;}
.first-view-title-1 {animation: first-view-animation 0.7s linear forwards; animation-delay: 0.7s;}
.first-view-title-2 {animation: first-view-animation 0.7s linear forwards; animation-delay: 1.6s;}
.first-view-title-3 {animation: first-view-animation 0.7s linear forwards; animation-delay: 2.4s;}
@keyframes first-view-animation {
    0% {transform: translateY(30px); opacity: 0;} 
    100% {transform: translateY(0); opacity: 1;}
}

.first-view-title-4 {
    transform: translateX(0px);
    opacity: 0;
    animation: first-view-animation-y 0.7s linear forwards;
    animation-delay: 1.7s;
}

@keyframes first-view-animation-y {
    0% {
        transform: translateX(50px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
/* end title animation */

/* legal-page */
.legal-page {width: 70%; margin: 0 auto;}
.legal-page h1, .legal-page h2, .legal-page h3, .legal-page h4, .legal-page h5, .legal-page h6 {text-align: center;}
.legal-page p {text-align: justify;}
@media screen and (max-width: 960px) {
    .legal-page {width: 100%;}
}
/* end legal-page */

/* lost-in-the-forest */
.lost-in-the-forest {display: flex; flex-direction: column; gap: 24px; align-items: center; padding: 32px 0;}
.lost-in-the-forest .image {width: 100%; height: 160px; position: relative;}
.lost-in-the-forest .image::before, .lost-in-the-forest .image::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain;}
.lost-in-the-forest .image::before {z-index: 1; background-image: url("../images/bg/404.png"); background-position: 0 0; background-repeat: repeat-x;}
.lost-in-the-forest .image::after {z-index: 1; background-image: url("../images/bg/404.webp"); background-position: 50% 50%; background-repeat: no-repeat}
.lost-in-the-forest .title {font-size: 24px; font-weight: 500; color: #2c4053;}
.lost-in-the-forest .description {color: #555;}
.lost-in-the-forest span {color: #5b2be5; cursor: default;}
/* end lost-in-the-forest */

/* matryoshka */
.matryoshka {display: flex; flex-direction: row; justify-content: space-between; gap: 32px;}
.matryoshka .item {width: 100%; height: min-content; border-radius: 32px; overflow: hidden; border: 2px solid #ddd; background-color: #fff; overflow: hidden;}
.matryoshka .item .button { width: 100%; padding: 16px 16px 16px 21px; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; background-color: #fff;}
.matryoshka .item .button:hover div {color: #0b30e1;}
.matryoshka .item .button::after, .matryoshka .item .button::before {flex-shrink: 0;}
.matryoshka .item .button::before {content: ''; width: 36px; height: 36px; background-image: url(../images/icons/book.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; opacity: 0.4;}
.matryoshka .item .button::after {content: ''; font-size: 24px; width: 36px; height: 36px; border-radius: 100px; background-color: #eee; background-image: url("../images/icons/arrow-menu.svg"); background-position: 50% 50%; background-size: 50%; background-repeat: no-repeat; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.matryoshka .item .button.active::after {transform: rotate(90deg);}
.matryoshka .item .button div {width: 100%; text-align: left; color: #1d1d1f; font-size: 16px; flex: 1 1 auto;}
.matryoshka .item .content {display: none; padding: 24px; background-color: #fff4b5; margin: 0 24px 24px 50px; border-radius: 16px; line-height: 150%;}
.matryoshka .item .content strong {color: #1d1d1f;}
.matryoshka .item .content ul {display: flex; flex-direction: column; gap: 8px; padding: 16px;}
.matryoshka .item .content ul li {list-style-type: decimal;}
@media screen and (max-width: 960px) {
    .matryoshka {flex-direction: column; gap: 16px;}
}
/* end matryoshka */

/* page-cation */
.page-cation {display: flex; flex-direction: column; gap: 24px; padding: 0 0 24px 0;}
/* end page-cation */

/* coffee-stain-note */
.coffee-stain-note {display: block; max-width: 100%; line-height: 150%; font-weight: 400; color: #555; word-wrap: break-word; overflow-wrap: break-word;}
.coffee-stain-note h1, .coffee-stain-note h2, .coffee-stain-note h3, .coffee-stain-note h4, .coffee-stain-note h5, 
.coffee-stain-note h6 {font-weight: 700; line-height: 120%; padding: 24px 0 16px 0; color: #1d1d1f; letter-spacing: -0.02em;}
.coffee-stain-note h1 {font-size: 32px;}
.coffee-stain-note h2 {font-size: 24px;}
.coffee-stain-note h3 {font-size: 20px;}
.coffee-stain-note h4, .coffee-stain-note h5, .coffee-stain-note h6 {font-size: 18px;}
.coffee-stain-note p {padding: 0 0 16px 0; line-height: 150%; color: #555;}
.coffee-stain-note ul, .coffee-stain-note ol {margin: 0 0 0 16px; padding: 0 0 16px 24px; display: flex; flex-direction: column; gap: 8px;}
.coffee-stain-note ul ul, .coffee-stain-note ul ol, .coffee-stain-note ol ol, .coffee-stain-note ol ul {padding: 16px 0 0 24px;}
.coffee-stain-note ul li, .coffee-stain-note ol li {padding: 0 0 8px 0; color: #555; list-style: disc; line-height: 150%;}
.coffee-stain-note ul li {list-style: disc; }
.coffee-stain-note ol li {list-style: decimal;}
.coffee-stain-note table {display: block; overflow-x: auto; white-space: nowrap; padding: 1.5em 0 1.5em 0;}
.coffee-stain-note thead {background-color: #f4f4f4;}
.coffee-stain-note th {padding: 0.75rem 1rem 0.75rem 1rem; text-align: left; border: 1px solid #f4f4f4; vertical-align: top; font-weight: 600; background-color: #faf6f2; color: #1d1d1f;}
.coffee-stain-note td {padding: 0.75rem 1rem 0.75rem 1rem; text-align: left; border: 1px solid #f4f4f4; vertical-align: top;}
.coffee-stain-note tr:nth-child(even) {background-color: #f4f4f4;}
.coffee-stain-note tr:hover {background-color: #ddd;}
.coffee-stain-note blockquote {padding: 1em 1.5em 1em 1.5em; border-left: 4px solid #ff4b6d; background-color: #f4f4f4; font-style: italic; color: #555; border-radius: 0 8px 8px 0; margin: 1.5em 0 1.5em 0;}
.coffee-stain-note blockquote p {padding: 0;}
.coffee-stain-note code {font-family: 'Courier New', 'SF Mono', monospace; font-size: 0.9em; padding: 0.2em 0.4em 0.2em 0.4em; background-color: #f4f4f4; border-radius: 4px; color: #ff4b6d;}
.coffee-stain-note pre {background-color: #1d1d1f; color: #fff; padding: 1rem 1rem 1rem 1rem; border-radius: 8px; overflow-x: auto; margin: 1.25em 0 1.25em 0; font-family: 'Courier New', 'SF Mono', monospace; font-size: 0.9rem; line-height: 1.5;}
.coffee-stain-note pre code {background: none; padding: 0; color: inherit;}
.coffee-stain-note strong {font-weight: 700; color: #1d1d1f;}
.coffee-stain-note em {font-style: italic;}
.coffee-stain-note hr {margin: 2em 0 2em 0; border: none; height: 1px;}
.coffee-stain-note figcaption {font-size: 0.85rem; color: #ff4b6d; text-align: center; padding: 0.5em 0 0 0;}
.coffee-stain-note img {max-width: 100%; height: auto; border-radius: 8px;}
@media screen and (max-width: 960px) {
    .coffee-stain-note h1 {font-size: 2rem; padding: 1.2em 0 0.5em 0;}
    .coffee-stain-note h2 {font-size: 1.75rem;}
    .coffee-stain-note h3 {font-size: 1.5rem;}
    .coffee-stain-note h4 {font-size: 1.35rem;}
    .coffee-stain-note h5 {font-size: 1.15rem;}
    .coffee-stain-note h6 {font-size: 1rem;}
    .coffee-stain-note p {padding: 0 0 1.25em 0;}
    .coffee-stain-note ul li, .coffee-stain-note ol li {font-size: 0.95rem; line-height: 1.65;}
    .coffee-stain-note ul, .coffee-stain-note ol {gap: 0.4rem; padding: 1.25em 0 1.25em 0;}
    .coffee-stain-note table {display: block; overflow-x: auto; white-space: nowrap; padding: 1.5em 0 1.5em 0;}
    .coffee-stain-note th, .coffee-stain-note td {padding: 0.5rem 0.75rem 0.5rem 0.75rem; font-size: 0.85rem;}
    .coffee-stain-note blockquote {padding: 0.75rem 1rem 0.75rem 1rem; margin: 1.25em 0 1.25em 0;}
    .coffee-stain-note pre {font-size: 0.8rem; padding: 0.75rem 0.75rem 0.75rem 0.75rem; margin: 1.25em 0 1.25em 0;}
}
/* end coffee-stain-note */

/* wp-pagenavi */
.wp-pagenavi {display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px; padding: 48px 0 0 0;}
.wp-pagenavi > * {display: flex; justify-content: center; align-items: center; box-sizing: border-box; min-width: 44px; height: 44px; border: 2px solid #282828; border-radius: 100px; background-color: #282828; color: #fff; position: relative; transition: all 0.2s ease;}
.wp-pagenavi a:hover {background: #ffffff30; color: #282828; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); box-shadow: 0 20px 70px #32258495;}
.wp-pagenavi span {border: 2px solid #f1f1f1; cursor: default; width: min-content; white-space: nowrap; background-color: #f1f1f1; color: #1d1d1f !important;}
.wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .pages {padding: 0 16px;}
.wp-pagenavi .previouspostslink::before, 
.wp-pagenavi .nextpostslink::before {background-image: url("../images/icons/arrow-launch.svg"); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%;}
.wp-pagenavi .previouspostslink::before {transform: rotate(180deg);}
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover {background: #0b30e1; border-color: #0b30e1;}
@media screen and (max-width: 960px) {
    .wp-pagenavi {flex-wrap: wrap; gap: 24px 8px;}
    .wp-pagenavi > * {min-width: 28px; height: 28px; font-size: 14px;}
    .wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .pages {width: 100%;}
}
/* end wp-pagenavi */

/* window */
.windows-98 {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: flex; align-items: center; justify-content: center;}
.windows-98 .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff30; backdrop-filter: blur(5px); cursor: default; z-index: 1;}
.windows-98 .intel-inside {width: 90%; max-width: 560px; position: relative; z-index: 2; opacity: 0; transform: translateY(0px); animation: windows-98-animation 0.5s linear forwards; animation-delay: 0.5s;}
.windows-98 .intel-inside .bios {padding: 24px; border-radius: 16px; background: #fff; box-shadow: 0 20px 80px #2e1b448c; overflow-y: scroll; background-clip: padding-box; outline: 0; box-sizing: border-box; max-height: calc(100vh - 70px); overflow-y: auto; justify-content: center;}
/* loading */
.windows-98 .loading {border: 6px solid #0b30e1; border-top: 6px solid #fff; border-radius: 100%; width: 48px; height: 48px; animation: loading 0.5s linear infinite; margin: 0 auto;}
@keyframes loading {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
/* close */
.windows-98 .close {cursor: pointer; position: absolute; top: -32px; right: -32px; width: 32px; height: 32px; box-sizing: border-box; border: none; border-radius: 100px; background-color: #282828;}
.windows-98 .close:before, .windows-98 .close:after {content: ''; position: absolute; width: 60%; height: 2px; background-color: #fff; transition: 0.3s ease-out; left: 50%; top: 50%;}
.windows-98 .close:after {transform: translate(-50%, -50%) rotate(45deg);}
.windows-98 .close:before {transform: translate(-50%, -50%) rotate(-45deg);}
.windows-98 .close:hover:before, 
.windows-98 .close:hover:after, 
.windows-98 .close:focus:before, 
.windows-98 .close:focus:after {transform: translate(-50%, -50%) rotate(180deg);}
.windows-98 .close:hover {background-color: #ff4b6d;}
/* success */
.windows-98 .success {text-align: center; padding: 48px; display: flex; flex-direction: column; gap: 8px;}
.windows-98 .success span {color: #27ae60; font-size: 64px;}
.windows-98 .success p {color: #555}
@keyframes windows-98-animation {
    0% {transform: translateY(-30px); opacity: 0;} 
    100% {transform: translateY(0); opacity: 1;}
}
@media screen and (max-width: 960px) {
    .windows-98 .intel-inside {width: 94%;}
    .windows-98 .intel-inside .bios {padding: 16px;}
    .windows-98 .close {right: 0; top: -40px;}
}
/* end window */

/* contact form 7 */
.wpcf7 .hidden-fields-container, .wpcf7-response-output, .wpcf7-spinner, .screen-reader-response, .wpcf7 span[data-name="your-subject"] {display: none !important;}
.wpcf7-form {display: flex; flex-direction: row; flex-wrap: wrap; gap: 16px; justify-content: flex-start;}
.wpcf7 .wpcf7-form-control-wrap {position: relative; width: 100%;}
.wpcf7 .wpcf7-form-control-wrap[data-name="your-phone"] {width: calc(45% - 8px);}
.wpcf7 .wpcf7-form-control-wrap[data-name="your-email"] {width: calc(55% - 8px);}
.wpcf7 .wpcf7-form-control-wrap[data-name="acceptance-651"] {margin-top: -8px;}
.wpcf7-not-valid-tip {position: absolute; top: -10px; right: 8px; letter-spacing: 0.5px; font-size: 11px; line-height: 100%; color: #fff; z-index: 8; background-color: #ff4b6d; padding: 5px 6px; border-radius: 8px;}
.wpcf7 input, .wpcf7 textarea {border: 2px solid #eaeaea; border-radius: 12px; background-color: #f4f4f4; box-sizing: border-box; padding: 14px; width: 100%; font-size: 16px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.wpcf7 input:hover, .wpcf7 textarea:hover {border: 2px solid #0b30e1;}
.wpcf7 input:focus, .wpcf7 textarea:focus {border: 2px solid #2d1d1d;}
.wpcf7 textarea {min-height: 80px; height: 80px; resize: vertical; border-radius: 10px 10px 5px 10px;}
.wpcf7-not-valid {border: 2px solid #ff4b6d !important;}
.wpcf7-not-valid input, .wpcf7-not-valid textarea {border: 2px solid #ddd; background-color: #f2f2f2;}
.wpcf7-not-valid-tip {z-index: 9;}
.focus-active input, .focus-active textarea {border: 2px solid #7dbcd4;}
.wpcf7-submit {width: 100%; box-sizing: border-box; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-display: swap;}
.wpcf7-list-item {display: flex; align-items: center;}
.wpcf7-list-item label {display: flex; gap: 6px; align-items: center; font-size: 12px; background-color: #f2f2f2; border-radius: 12px; padding: 6px; box-sizing: border-box; width: 100%; border: 2px solid #f2f2f2; color: #282828;}
.wpcf7-list-item label:hover {border: 2px solid #0b30e1;}
.wpcf7-list-item label a:hover {color: #0b30e1;}
.wpcf7-list-item label input {width: auto; padding: inherit;}
/* submit */
.wpcf7-submit {background-color: #282828; padding: 16px 48px; border: 2px solid #282828; border-radius: 100px; cursor: pointer; white-space: nowrap; color: #fff; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 12px; align-items: center; text-decoration: none; width: fit-content; box-shadow: 0 20px 70px #00000095; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.wpcf7-submit:hover {background: #ffffff30; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); color: #282828;} 
.wpcf7-submit:active {background-color: #555; color: #fff;}
.wpcf7-submit[disabled] {background-color: #ddd !important; border: 2px solid #ddd !important; color: #777 !important; cursor: default !important; box-shadow: none !important;}
@media screen and (max-width: 960px) {
    .wpcf7-form {gap: 10px;}
    .wpcf7 .wpcf7-form-control-wrap[data-name="your-phone"], .wpcf7 .wpcf7-form-control-wrap[data-name="your-email"] {width: 100%;}
}
/* end contact form 7 */