/*
Theme Name: SecurityPlovdiv Modern
Theme URI: https://securityplovdiv.com/
Description: Modern child theme for SecurityPlovdiv.
Author: SecurityPlovdiv
Template: Divi
Version: 1.0.2
Text Domain: pc24-modern
*/

:root {
  --pc-ink: #071426;
  --pc-ink-soft: #15243a;
  --pc-blue: #d62828;
  --pc-cyan: #ff595e;
  --pc-orange: #e63946;
  --pc-cloud: #f4f7fb;
  --pc-line: #dce5f0;
  --pc-muted: #5b6b81;
  --pc-white: #fff;
  --pc-shadow: 0 22px 60px rgba(7, 20, 38, .11);
  --pc-radius: 24px;
}

* { box-sizing: border-box; }
.pc-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
html { scroll-behavior: smooth; }
body.pc24-modern {
  margin: 0;
  color: var(--pc-ink);
  background: var(--pc-white);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
body.pc24-modern.admin-bar .pc-header { top: 32px; }
.pc24-modern h1,.pc24-modern h2,.pc24-modern h3,.pc24-modern h4 {
  padding: 0;
  color: var(--pc-ink);
  font-weight: 760;
  letter-spacing: -.035em;
  line-height: 1.12;
}
.pc24-modern h1 { font-size: clamp(2.55rem, 6vw, 5.6rem); }
.pc24-modern h2 { font-size: clamp(2rem, 4vw, 3.55rem); }
.pc24-modern h3 { font-size: clamp(1.2rem, 2vw, 1.55rem); }
.pc24-modern p { padding: 0; margin: 0 0 1rem; }
.pc24-modern a { color: inherit; text-decoration: none; }
.pc24-modern img { max-width: 100%; height: auto; }
.pc-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.pc-section { padding: clamp(72px, 9vw, 124px) 0; }
.pc-section--soft { background: var(--pc-cloud); }
.pc-section--dark { color: #fff; background: var(--pc-ink); }
.pc-section--dark h2,.pc-section--dark h3 { color: #fff; }
.pc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: var(--pc-blue);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.pc-eyebrow::before { width: 27px; height: 2px; background: currentColor; content: ""; }
.pc-lead { max-width: 760px; color: var(--pc-muted); font-size: clamp(1.05rem, 1.7vw, 1.24rem); }
.pc-section--dark .pc-lead { color: #b8c5d8; }
.pc-heading { max-width: 820px; margin-bottom: 48px; }
.pc-heading h2 { margin: 0 0 18px; }

.pc-header {
  position: sticky;
  z-index: 9990;
  top: 0;
  border-bottom: 1px solid rgba(220,229,240,.8);
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 25px rgba(7,20,38,.04);
  backdrop-filter: blur(16px);
}
.pc-nav { display: flex; min-height: 82px; align-items: center; justify-content: space-between; gap: 30px; }
.pc-logo { display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.pc-logo img { width: 48px; height: 48px; object-fit: contain; }
.pc-brandmark { display:block;width:205px;height:54px;background:url("https://securityplovdiv.com/wp-content/uploads/2026/01/FullLogo_Transparent_NoBuffer.png") center/contain no-repeat; }
.pc-brandmark--white { filter:brightness(0) invert(1); }
.pc-logo__text { display: grid; line-height: 1.05; }
.pc-logo__text strong { color: var(--pc-ink); font-size: 1.04rem; letter-spacing: -.02em; }
.pc-logo__text span { margin-top: 5px; color: var(--pc-muted); font-size: .68rem; letter-spacing: .11em; text-transform: uppercase; }
.pc-menu { display: flex; align-items: center; gap: 29px; margin: 0; padding: 0; list-style: none; }
.pc-menu a { color: #26364b; font-size: .92rem; font-weight: 650; transition: color .2s ease; }
.pc-menu a:hover,.pc-menu .current-menu-item > a { color: var(--pc-blue); }
.pc-nav__actions { display: flex; align-items: center; gap: 12px; }
.pc-phone { font-size: .9rem; font-weight: 750; }
.pc-menu-toggle {
  display: none;
  width: 44px; height: 44px; padding: 11px;
  border: 1px solid var(--pc-line); border-radius: 12px; background: #fff;
}
.pc-menu-toggle span { display: block; height: 2px; margin: 5px 0; background: var(--pc-ink); }

.pc-button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: 13px;
  background: linear-gradient(135deg, var(--pc-blue), #0950d4);
  box-shadow: 0 12px 26px rgba(20,105,255,.22);
  color: #fff !important;
  font-size: .92rem;
  font-weight: 760;
  transition: transform .2s ease, box-shadow .2s ease;
}
.pc-button:hover { transform: translateY(-2px); box-shadow: 0 17px 35px rgba(20,105,255,.29); }
.pc-button--ghost { border-color: var(--pc-line); background: #fff; box-shadow: none; color: var(--pc-ink) !important; }
.pc-button--orange { background: linear-gradient(135deg, var(--pc-orange), #f26822); box-shadow: 0 12px 28px rgba(255,138,61,.2); }

.pc-hero {
  position: relative;
  overflow: hidden;
  min-height: 710px;
  padding: clamp(95px, 11vw, 150px) 0 100px;
  color: #fff;
  background:
    radial-gradient(circle at 78% 23%, rgba(37,197,246,.25), transparent 29%),
    radial-gradient(circle at 70% 78%, rgba(20,105,255,.25), transparent 34%),
    linear-gradient(135deg, #061120 0%, #0a203e 58%, #073968 100%);
}
.pc-hero::after {
  position: absolute; inset: 0; opacity: .18; pointer-events: none; content: "";
  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: linear-gradient(to bottom, black, transparent 80%);
}
.pc-hero__grid { position: relative; z-index: 1; display: grid; align-items: center; grid-template-columns: 1.18fr .82fr; gap: clamp(50px, 8vw, 100px); }
.pc-hero h1 { max-width: 830px; margin: 0 0 25px; color: #fff; }
.pc-hero h1 span { color: var(--pc-cyan); }
.pc-hero__copy > p { max-width: 700px; color: #c8d6e8; font-size: clamp(1.08rem, 1.7vw, 1.28rem); }
.pc-hero__actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
.pc-hero__proof { display: flex; flex-wrap: wrap; gap: 18px 28px; margin-top: 42px; padding: 0; list-style: none; }
.pc-hero__proof li { display: flex; align-items: center; gap: 8px; color: #d6e2f0; font-size: .88rem; }
.pc-hero__proof li::before { width: 9px; height: 9px; border-radius: 50%; background: #50e39a; box-shadow: 0 0 0 5px rgba(80,227,154,.12); content: ""; }
.pc-console {
  position: relative; padding: 25px; border: 1px solid rgba(255,255,255,.14); border-radius: var(--pc-radius);
  background: rgba(4,14,28,.72); box-shadow: 0 35px 90px rgba(0,0,0,.32); backdrop-filter: blur(10px);
}
.pc-console__top { display: flex; gap: 7px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.1); }
.pc-console__top i { width: 9px; height: 9px; border-radius: 50%; background: #ff6a6a; }
.pc-console__top i:nth-child(2) { background: #ffd15c; }
.pc-console__top i:nth-child(3) { background: #50e39a; }
.pc-status { display: grid; gap: 14px; margin-top: 22px; }
.pc-status__row { display: grid; grid-template-columns: 43px 1fr auto; align-items: center; gap: 14px; padding: 14px; border-radius: 14px; background: rgba(255,255,255,.055); }
.pc-status__icon { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 12px; background: rgba(37,197,246,.12); color: var(--pc-cyan); font-weight: 800; }
.pc-status strong { display: block; color: #fff; font-size: .92rem; }
.pc-status small { color: #8fa3bd; }
.pc-status__ok { color: #50e39a; font-size: .76rem; font-weight: 750; }

.pc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.pc-card {
  position: relative;
  min-height: 100%;
  padding: 30px;
  overflow: hidden;
  border: 1px solid var(--pc-line);
  border-radius: var(--pc-radius);
  background: #fff;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.pc-card:hover { transform: translateY(-5px); border-color: #b9cdf1; box-shadow: var(--pc-shadow); }
.pc-card__icon {
  display: grid; width: 52px; height: 52px; margin-bottom: 24px; place-items: center;
  border-radius: 15px; background: #eaf2ff; color: var(--pc-blue); font-size: .8rem; font-weight: 850; letter-spacing: .05em;
}
.pc-card h3 { margin: 0 0 13px; }
.pc-card p { color: var(--pc-muted); font-size: .95rem; }
.pc-card__link { display: inline-flex; margin-top: 10px; color: var(--pc-blue) !important; font-size: .9rem; font-weight: 750; }
.pc-card__link::after { margin-left: 7px; content: "→"; transition: transform .2s; }
.pc-card:hover .pc-card__link::after { transform: translateX(4px); }

.pc-split { display: grid; align-items: center; grid-template-columns: 1fr 1fr; gap: clamp(45px, 8vw, 100px); }
.pc-panel { padding: clamp(30px, 5vw, 55px); border: 1px solid var(--pc-line); border-radius: 28px; background: #fff; box-shadow: var(--pc-shadow); }
.pc-checklist { display: grid; gap: 15px; margin: 26px 0 0; padding: 0; list-style: none; }
.pc-checklist li { position: relative; padding-left: 31px; color: #304159; }
.pc-checklist li::before { position: absolute; left: 0; top: .35em; display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; background: #ddf8ec; color: #098958; content: "✓"; font-size: .7rem; font-weight: 900; }
.pc-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pc-stat { padding: 25px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: rgba(255,255,255,.055); }
.pc-stat strong { display: block; margin-bottom: 5px; color: #fff; font-size: 2rem; }
.pc-stat span { color: #aebdd0; font-size: .85rem; }
.pc-process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; counter-reset: step; }
.pc-step { position: relative; padding: 27px; border-top: 3px solid var(--pc-blue); border-radius: 0 0 18px 18px; background: #fff; box-shadow: 0 15px 40px rgba(7,20,38,.07); counter-increment: step; }
.pc-step::before { display: block; margin-bottom: 20px; color: var(--pc-blue); content: "0" counter(step); font-size: .8rem; font-weight: 850; letter-spacing: .12em; }
.pc-step h3 { margin: 0 0 10px; font-size: 1.16rem; }
.pc-step p { margin: 0; color: var(--pc-muted); font-size: .9rem; }

.pc-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.pc-article-card { overflow: hidden; border: 1px solid var(--pc-line); border-radius: 20px; background: #fff; transition: transform .2s, box-shadow .2s; }
.pc-article-card:hover { transform: translateY(-4px); box-shadow: var(--pc-shadow); }
.pc-article-card__image { display: block; aspect-ratio: 16/9; background: linear-gradient(135deg,#0d2545,#1469ff); }
.pc-article-card__image img { width: 100%; height: 100%; object-fit: cover; }
.pc-article-card__body { padding: 25px; }
.pc-meta { margin-bottom: 11px; color: var(--pc-blue); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.pc-article-card h3 { margin: 0 0 11px; font-size: 1.2rem; }
.pc-article-card p { color: var(--pc-muted); font-size: .9rem; }
.security-article-visual {
  position:relative;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(circle at 72% 28%,rgba(255,89,94,.65),transparent 22%),linear-gradient(135deg,#070f1c,#16283e)!important;
}
.security-article-visual::before { position:absolute;inset:-40%;border:1px solid rgba(255,255,255,.13);border-radius:42%;content:"";transform:rotate(28deg); }
.security-article-visual::after { position:absolute;width:110px;height:110px;border:1px solid rgba(255,255,255,.16);border-radius:50%;content:""; }
.security-topic-icon {
  position:relative;z-index:2;display:grid;width:94px;height:94px;place-items:center;
  border:1px solid rgba(255,255,255,.18);border-radius:25px;
  background:rgba(255,255,255,.075);box-shadow:0 18px 45px rgba(0,0,0,.24);
  transform:rotate(-3deg);transition:transform .3s ease,background .3s ease;
  backdrop-filter:blur(8px);
}
.security-article-visual:hover .security-topic-icon { transform:rotate(0) scale(1.06);background:rgba(214,40,40,.2); }
.security-topic-icon svg { width:56px;height:56px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round; }
.security-topic-icon--camera svg,.security-topic-icon--record svg { stroke:#ff8b8f; }

.pc-projects-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(100px, 13vw, 175px) 0 clamp(85px, 10vw, 130px);
  color: #fff;
  background:
    radial-gradient(circle at 80% 25%, rgba(37,197,246,.22), transparent 26%),
    linear-gradient(135deg,#050d19 0%,#0a213e 62%,#073e70 100%);
}
.pc-projects-hero::after {
  position: absolute; inset: 0; pointer-events: none; content: "";
  background: linear-gradient(115deg,transparent 48%,rgba(255,255,255,.045) 48%,rgba(255,255,255,.045) 52%,transparent 52%);
}
.pc-projects-hero .pc-container { position: relative; z-index: 1; }
.pc-projects-hero h1 { max-width: 920px; margin: 0 0 25px; color: #fff; font-size: clamp(3rem,7.3vw,7.2rem); }
.pc-projects-hero h1 span { color: var(--pc-cyan); }
.pc-projects-hero p { max-width: 710px; color: #becde0; font-size: clamp(1.05rem,1.7vw,1.25rem); }
.pc-project-ticker { overflow: hidden; border-bottom: 1px solid var(--pc-line); background: var(--pc-orange); color: #fff; }
.pc-project-ticker__track {
  display: flex;
  width: max-content;
  align-items: center;
  animation: pc-ticker 36s linear infinite;
}
.pc-project-ticker__track span { display: inline-flex; align-items: center; gap: 35px; padding: 17px 18px; font-size: .78rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; white-space: nowrap; }
.pc-project-ticker__track i { color: #ffd7bd; font-style: normal; }
@keyframes pc-ticker { to { transform: translateX(-50%); } }
.pc-project-showcase { overflow: hidden; padding: clamp(80px,10vw,145px) 0; background: #f5f7fb; }
.pc-project { display: grid; min-height: 590px; align-items: center; grid-template-columns: 1.18fr .82fr; gap: clamp(45px,7vw,105px); margin-bottom: clamp(100px,13vw,185px); opacity: 0; transform: translateY(55px); transition: opacity .8s ease,transform .8s cubic-bezier(.2,.75,.25,1); }
.pc-project:last-child { margin-bottom: 0; }
.pc-project.is-visible { opacity: 1; transform: translateY(0); }
.pc-project:nth-child(even) .pc-project__visual { order: 2; transform: rotate(1.3deg); }
.pc-project:nth-child(even) .pc-project__copy { order: 1; }
.pc-project__visual {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1.25;
  border-radius: 30px;
  background: linear-gradient(145deg,#0a1b32,#1469ff);
  box-shadow: 0 35px 75px rgba(7,20,38,.19);
  transform: rotate(-1.3deg);
  transition: transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease;
}
.pc-project__visual::after { position: absolute; inset: 0; background: linear-gradient(to top,rgba(5,13,25,.34),transparent 45%); content: ""; }
.pc-project__visual:hover { transform: rotate(0) scale(1.018); box-shadow: 0 45px 95px rgba(7,20,38,.25); }
.pc-project:nth-child(even) .pc-project__visual:hover { transform: rotate(0) scale(1.018); }
.pc-project__visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.8,.2,1); }
.pc-project__visual:hover img { transform: scale(1.055); }
.pc-project__open { position: absolute; z-index: 2; right: 22px; bottom: 22px; padding: 11px 15px; border-radius: 100px; background: rgba(255,255,255,.92); color: var(--pc-ink); font-size: .78rem; font-weight: 800; backdrop-filter: blur(8px); }
.pc-project__placeholder { display: grid; width: 100%; height: 100%; place-items: center; color: #fff; font-size: clamp(4rem,11vw,8rem); font-weight: 850; letter-spacing: -.08em; }
.pc-project__placeholder span { color: var(--pc-cyan); }
.pc-project__copy { position: relative; padding: 35px 0; }
.pc-project__number { display: block; margin-bottom: 32px; color: #c7d1df; font-size: clamp(4.5rem,9vw,8.5rem); font-weight: 850; letter-spacing: -.08em; line-height: .75; }
.pc-project__copy h2 { margin: 0 0 20px; font-size: clamp(2rem,3.5vw,3.55rem); }
.pc-project__copy p { max-width: 530px; color: var(--pc-muted); font-size: 1.02rem; }

.pc-cta {
  position: relative; overflow: hidden; padding: clamp(42px, 7vw, 74px);
  border-radius: 30px; color: #fff;
  background: radial-gradient(circle at 90% 10%, rgba(37,197,246,.28), transparent 30%), linear-gradient(135deg,#0a1b32,#0d3f72);
}
.pc-cta h2 { max-width: 750px; margin: 0 0 15px; color: #fff; }
.pc-cta p { max-width: 720px; color: #c0cfe1; }
.pc-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

.pc-page-hero { padding: clamp(80px, 10vw, 125px) 0 75px; color: #fff; background: linear-gradient(135deg,#071426,#0b315b); }
.pc-page-hero h1 { max-width: 900px; margin: 0 0 19px; color: #fff; font-size: clamp(2.5rem, 5vw, 4.65rem); }
.pc-page-hero p { max-width: 780px; color: #c2d1e2; font-size: 1.15rem; }
.pc-content { width: min(900px, calc(100% - 40px)); margin: 0 auto; padding: 70px 0 100px; }
.pc-content h2 { margin: 2.3rem 0 1rem; font-size: 2rem; }
.pc-content h3 { margin: 1.8rem 0 .8rem; }
.pc-content p,.pc-content li { color: #3d4d63; }
.pc-content ul,.pc-content ol { margin: 0 0 1.5rem; }
.pc-content img { border-radius: 18px; }
.pc-content .et_pb_section { padding: 35px 0; }
.pc-content .et_pb_row { width: 100%; }

.pc-contact-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 28px; }
.pc-contact-card { padding: 32px; border: 1px solid var(--pc-line); border-radius: 22px; background: #fff; }
.pc-contact-card h3 { margin-top: 0; }
.pc-contact-list { display: grid; gap: 18px; margin: 24px 0; }
.pc-contact-list a { display: block; color: var(--pc-blue); font-weight: 750; }
.pc-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pc-form .pc-field--wide { grid-column: 1 / -1; }
.pc-form label { display: block; margin-bottom: 6px; color: #35465d; font-size: .82rem; font-weight: 750; }
.pc-form input,.pc-form textarea {
  width: 100%; padding: 13px 14px; border: 1px solid #cfd9e6; border-radius: 11px; outline: none;
  background: #fbfcfe; color: var(--pc-ink); font: inherit;
}
.pc-form input:focus,.pc-form textarea:focus { border-color: var(--pc-blue); box-shadow: 0 0 0 3px rgba(20,105,255,.1); }
.pc-form textarea { min-height: 145px; resize: vertical; }
.pc-notice { margin-bottom: 20px; padding: 14px 17px; border-radius: 10px; background: #e6f8ef; color: #08794f; }

.pc-footer { padding: 65px 0 25px; color: #c1cede; background: #050d19; }
.pc-footer__grid { display: grid; grid-template-columns: 1.4fr .8fr .8fr; gap: 60px; padding-bottom: 45px; }
.pc-footer h3 { margin: 0 0 16px; color: #fff; font-size: 1rem; letter-spacing: 0; }
.pc-footer p { max-width: 480px; color: #8fa2ba; font-size: .9rem; }
.pc-footer ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.pc-footer a:hover { color: var(--pc-cyan); }
.pc-footer__bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.09); color: #768aa3; font-size: .78rem; }

@media (max-width: 1050px) {
  .pc-menu,.pc-nav__actions .pc-phone { display: none; }
  .pc-menu-toggle { display: block; }
  .pc-nav.is-open .pc-menu { position: absolute; top: 82px; left: 0; display: grid; width: 100%; gap: 0; padding: 12px 20px 20px; border-bottom: 1px solid var(--pc-line); background: #fff; }
  .pc-nav.is-open .pc-menu li a { display: block; padding: 12px 0; }
  .pc-hero__grid,.pc-split,.pc-contact-grid { grid-template-columns: 1fr; }
  .pc-console { max-width: 680px; }
  .pc-grid,.pc-blog-grid { grid-template-columns: repeat(2,1fr); }
  .pc-process { grid-template-columns: repeat(2,1fr); }
  .pc-project { min-height: 0; grid-template-columns: 1fr; }
  .pc-project:nth-child(even) .pc-project__visual,.pc-project:nth-child(even) .pc-project__copy { order: initial; }
}
@media (max-width: 782px) { body.pc24-modern.admin-bar .pc-header { top: 46px; } }
@media (max-width: 680px) {
  .pc-container { width: min(100% - 28px, 1180px); }
  .pc-nav { min-height: 72px; }
  .pc-nav.is-open .pc-menu { top: 72px; }
  .pc-logo__text span,.pc-nav__actions .pc-button { display: none; }
  .pc-brandmark { width: 170px; height: 40px; background-size: 259px auto; background-position-x: 44%; }
  .pc-hero { min-height: auto; padding-top: 80px; }
  .pc-grid,.pc-blog-grid,.pc-process,.pc-stats,.pc-footer__grid { grid-template-columns: 1fr; }
  .pc-card,.pc-panel { padding: 25px; }
  .pc-form { grid-template-columns: 1fr; }
  .pc-form .pc-field--wide { grid-column: auto; }
  .pc-footer__bottom { display: grid; }
  .pc-project { margin-bottom: 90px; }
  .pc-project__visual { border-radius: 20px; }
  .pc-project__number { margin-bottom: 25px; }
}

@media (prefers-reduced-motion: reduce) {
  .pc-project-ticker__track { animation: none; }
  .pc-project { opacity: 1; transform: none; transition: none; }
}
