@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap'); :root {
    --navy: #101e2a;
    --ink: #142532;
    --muted: #66717a;
    --paper: #f2f4f3;
    --line: #dce2e3;
    --red: #b62d32;
    --gold: #b8a174;
    --white: #fff
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 145px
}

body {
    margin: 0;
    color: var(--ink);
    background: #fff;
    font-family: Manrope,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.8
}

a {
    color: inherit;
    text-decoration: none
}

button,input,textarea {
    font: inherit
}

button,a,input,textarea {
    touch-action: manipulation
}

button {
    cursor: pointer
}

img {
    display: block;
    max-width: 100%;
    object-fit: cover
}

h1,h2,h3,p {
    margin: 0
}

h1,h2,h3 {
    font-family: 'Barlow Condensed','Arial Narrow',Arial,sans-serif;
    font-weight: 600;
    line-height: 1.07
}

h1 {
    font-size: clamp(44px,5.5vw,84px)
}

h2 {
    font-size: clamp(33px,3.4vw,52px)
}

h3 {
    font-size: 27px
}

p {
    margin: 18px 0;
    color: var(--muted)
}

.wrap {
    width: min(1320px,calc(100% - 96px));
    margin: auto
}

.section {
    padding: 55px 0;
}

.soft {
    background: var(--paper)
}

.navy {
    background: var(--navy);
    color: #fff
}

.navy p {
    color: #bdc8cf
}

.eyebrow {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    line-height: 1.6;
    color: var(--red);
    margin-bottom: 18px
}

.navy .eyebrow,.hero .eyebrow,.page-hero .eyebrow {
    color: #d9bf8c
}

.lead {
    font-size: 18px;
    line-height: 1.85
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    background: var(--red);
    color: #fff;
    border: 1px solid var(--red);
    padding: 15px 23px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
    line-height: 1.5;
    text-transform: uppercase;
    transition: background .2s
}

.button:hover {
    background: #932127
}

.button span {
    font-size: 18px
}

.button.small {
    padding: 11px 19px
}

.outline {
    background: transparent;
    border-color: #71818d
}

.outline:hover {
    background: #243b4c
}

.text-link {
    display: inline-flex;
    gap: 25px;
    align-items: center;
    font-size: 11px;
    letter-spacing: 1.2px;
    font-weight: 800;
    line-height: 1.6;
    border-bottom: 1px solid #819099;
    padding: 12px 0
}

.dark-link {
    color: var(--ink);
    border-color: #9da9af
}

.site-header {
    background: #f8f4e9;
    position: sticky;
    top: 0;
    z-index: 30;
    box-shadow: 0 1px 0 #dce2e3
}

.brand-row {
    height: 83px;
    display: flex;
    align-items: center;
    gap: 30px
}

.brand {
    width: 240px;
    flex-shrink: 0
}

.brand img {
    width: 240px;
    height: 70px;
    object-fit: contain
}

.brand-line {
    font-size: 16px;
    line-height: 1.6;
    color: #737b80;
    max-width: 260px;
    margin-left: 20px
}

.brand-row>.button {
    margin-left: auto
}

.nav-inner {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center
}

.site-header nav {
    border-top: 1px solid #e8ecee
}

.nav-item {
    position: relative
}

.nav-item>a {
    display: block;
    padding: 14px 0;
    font-size: 12px;
    letter-spacing: .35px;
    font-weight: 800;
    white-space: nowrap;
    border-bottom: 2px solid transparent
}

.nav-item>a:hover,.nav-item>a[aria-current] {
    color: var(--red);
    border-bottom-color: var(--red)
}

.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: -18px;
    width: 270px;
    background: #fff;
    padding: 15px;
    box-shadow: 0 12px 28px #10233122
}

.dropdown a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
}

.dropdown a:hover {
    background: var(--paper);
    color: var(--red)
}

.nav-item:hover .dropdown,.nav-item:focus-within .dropdown {
    display: block
}

.menu-toggle {
    display: none;
    background: none;
    border: 1px solid var(--line);
    padding: 8px 13px
}

.hero {
    height: min(760px,calc(100svh - 130px));
    min-height: 580px;
    position: relative;
    background: var(--navy);
    color: #fff;
    isolation: isolate
}

.hero video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -3
}

.hero-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,#08121dea 0%,#08121db8 44%,#08121d28 100%),linear-gradient(0deg,#08121dbb,transparent 40%);
    z-index: -1
}

.hero-content {
    padding-top: clamp(70px,8vw,125px)
}

.hero h1 {
    max-width: 830px;
    text-wrap: balance
}

.hero-description {
    max-width: 600px;
    color: #d6dde1;
    font-size: 15px;
    line-height: 1.9;
    margin: 25px 0 32px
}

.actions {
    display: flex;
    align-items: center;
    gap: 17px;
    flex-wrap: wrap
}

.actions .text-link {
    margin-left: 12px
}

.hero-bottom {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 10px;
    letter-spacing: 2px
}

.video-toggle {
    border: 1px solid #ffffff66;
    background: #0b1a2766;
    color: #fff;
    font-size: 11px;
    padding: 8px 14px;
    letter-spacing: .4px
}

.speciality-strip {
    background: var(--navy);
    color: #d8dfe3;
    padding: 19px 0;
    font-size: 10px;
    letter-spacing: .7px;
    text-align: center;
    border-top: 1px solid #ffffff22
}

.intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: start
}

.intro-grid .lead {
    margin-top: 0
}

.section-heading {
    margin-bottom: 40px;
    max-width: 850px
}

.section-heading .lead {
    margin-bottom: 0
}

.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 17px
}

.portfolio-card {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 0 var(--line);
    transition: transform .2s
}

.portfolio-card:hover {
    transform: translateY(-5px)
}

.portfolio-card img {
    width: 100%;
    height: 195px;
    object-fit: cover
}

.portfolio-card:nth-child(n+3) img {
    object-fit: contain;
    background: #f7f7f7;
    padding: 10px
}

.portfolio-card>div {
    padding: 23px 20px;
    display: flex;
    gap: 10px;
    align-items: start;
    justify-content: space-between
}

.portfolio-card h3 {
    font-size: 25px
}

.portfolio-card>div>span {
    color: var(--red)
}

.card-number {
    position: absolute;
    top: 12px;
    left: 12px;
    background: var(--navy);
    color: #fff;
    padding: 1px 9px;
    font-size: 11px
}

.split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center
}

.feature-image {
    width: 100%;
    height: 410px;
    object-fit: cover
}

.split .button {
    margin-top: 16px
}

.process {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    padding: 0;
    list-style: none;
    margin: 40px 0 10px;
    border-top: 1px solid #c8d1d6;
    gap: 20px
}

.process li {
    padding-top: 27px;
    position: relative
}

.process li:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--red)
}

.process li:not(:last-child):after {
    content: '→';
    position: absolute;
    right: 0;
    top: 25px;
    color: var(--muted)
}

.process span {
    display: block;
    font-size: 10px;
    color: var(--muted);
    margin-bottom: 12px
}

.process strong {
    display: block;
    font-size: 13px;
    font-weight: 700;
    max-width: 120px;
    line-height: 1.7
}

.section-end {
    margin-top: 30px
}

.programme-strip {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    border-block:1px solid var(--line);padding: 28px 0
}

.programme-strip span {
    font-family: 'Barlow Condensed',Arial,sans-serif;
    font-size: 32px;
    font-weight: 600
}

.note {
    font-size: 12px;
    max-width: 890px
}

.stats {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin: 0 0 40px
}

.stats>div {
    border-left: 1px solid #ffffff30;
    padding: 10px 30px
}

.stats strong {
    display: block;
    font-size: 48px;
    font-family: 'Barlow Condensed',Arial,sans-serif;
    font-weight: 500;
    line-height: 1.2
}

.stats span {
    font-size: 12px;
    color: #bec9d0;
    display: block;
    margin-top: 12px
}

.stats:first-of-type {
    grid-template-columns: repeat(2,1fr)
}

.cards {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 22px
}

.card {
    padding: 33px;
    background: #fff;
    border: 1px solid var(--line)
}

.card p {
    font-size: 13px;
    line-height: 1.9;
    margin-bottom: 0
}

.card h3 {
    font-size: 28px
}

.global-orbit {
    position: relative;
    min-height: 350px;
    border-radius: 50%;
    width: min(100%,440px);
    margin: auto;
    border: 1px solid #c8d4dc;
    background: repeating-radial-gradient(ellipse at center,transparent 0,transparent 48px,#dce4e8 49px,transparent 50px)
}

.orbit-core {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: grid;
    place-items: center;
    background: var(--navy);
    color: #fff;
    font-family: 'Barlow Condensed',Arial,sans-serif;
    font-size: 32px
}

.global-orbit>span {
    position: absolute;
    border: 1px solid var(--line);
    background: #fff;
    padding: 8px 19px;
    font-size: 12px
}

.global-orbit>span:nth-of-type(1) {
    top: 15%;
    left: 5%
}

.global-orbit>span:nth-of-type(2) {
    bottom: 15%;
    left: 0
}

.global-orbit>span:nth-of-type(3) {
    top: 15%;
    right: 5%
}

.global-orbit>span:nth-of-type(4) {
    bottom: 15%;
    right: 5%
}

.cta {
    background: #e9edef;
    border-top: 1px solid var(--line);
    padding: 58px 0
}

.cta-inner {
    display: flex;
    justify-content: space-between;
    gap: 35px;
    align-items: center
}

.cta h2 {
    font-size: 42px
}

.cta .eyebrow {
    margin-bottom: 12px
}

footer {
    background: #0c1720;
    color: #fff;
    padding: 60px 0 0
}

.footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    padding-bottom: 45px
}

.footer-grid h3 {
    font-size: 29px;
    max-width: 370px
}

.footer-grid p {
    font-size: 12px;
    max-width: 340px;
    color: #8c9ca7
}

.footer-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 30px;
    font-size: 10px;
    letter-spacing: .7px;
    color: #b9c3ca
}

.footer-links a:hover {
    color: white
}

.footer-bottom {
    padding: 22px 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid #ffffff20;
    color: #81919d;
    font-size: 10px
}

.page-hero {
    position: relative;
    isolation: isolate;
    color: white;
    background: var(--navy);
    padding: 90px 0;
    min-height: 355px
}

.page-hero-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -2
}

.page-hero:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,#091621ed,#091621bb 55%,#09162166);
    z-index: -1
}

.page-hero h1 {
    font-size: clamp(44px,5vw,70px);
    max-width: 980px
}

.page-hero .lead {
    max-width: 850px;
    color: #d2dce2;
    font-size: 16px
}

.anchor-nav {
    background: var(--navy);
    color: #fff
}

.anchor-nav .wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    padding-block:20px}

.anchor-nav a {
    font-size: 11px
}

.anchor-nav a:hover {
    text-decoration: underline
}

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

.list li {
    padding: 10px 0 10px 21px;
    border-bottom: 1px solid var(--line);
    position: relative;
    font-size: 14px;
    font-weight: 500;
}

.list li:before {
    content: '+';
    position: absolute;
    left: 0;
    color: var(--red)
}

.product-tabs {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin: 25px 0
}

.product-tabs button {
    background: #fff;
    color: var(--ink);
    border: 1px solid #cad3d8;
    padding: 11px 16px;
    font-size: 12px
}

.product-tabs button[aria-selected=true] {
    background: var(--navy);
    border-color: var(--navy);
    color: white
}

#shell-panel {
    padding: 25px;
    border: 1px solid var(--line);
    background: var(--paper)
}

.capability-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 90px
}

.capability {
    background: var(--paper);
    scroll-margin-top: 160px
}

.capability>img {
    width: 100%;
    height: 290px
}

.capability>div {
    padding: 30px
}

.index {
    display: block;
    font-size: 12px;
    letter-spacing: 2px;
    color: var(--red);
    margin-bottom: 18px
}

.programme-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 22px
}

.disclaimer {
    font-size: 13px;
    padding: 24px;
    background: var(--paper);
    margin-top: 30px
}

.market-grid {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    border-block:1px solid var(--line)}

.market-grid>div {
    padding: 30px 20px;
    border-right: 1px solid var(--line)
}

.market-grid h2 {
    font-size: 36px
}

.export-proof {
    background: var(--navy);
    color: #fff;
    padding: 55px
}

.export-proof .eyebrow {
    color: var(--gold)
}

.news-list article {
    padding: 40px 0;
    border-bottom: 1px solid var(--line);
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 20px
}

.news-list article:first-child {
    padding-top: 0
}

.contact-layout {
    display: grid;
    grid-template-columns: 1fr 1.6fr;
    gap: 70px
}

.contact-image {
    height: 250px;
    width: 100%;
    margin-top: 35px
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

form label {
    display: block;
    font-size: 12px;
    font-weight: 600
}

input:not([type=checkbox]),textarea {
    width: 100%;
    background: #f7f8f8;
    border: 1px solid #d0d9de;
    padding: 12px;
    margin-top: 8px;
    color: var(--ink);
    border-radius: 0
}

textarea {
    resize: vertical
}

fieldset {
    border: 0;
    padding: 0;
    margin: 25px 0
}

legend {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 17px
}

.interest-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px
}

.interest-grid label {
    display: flex;
    align-items: start;
    gap: 9px;
    font-weight: 400
}

.interest-grid input {
    accent-color: var(--red);
    margin-top: 5px
}

.form-note {
    font-size: 12px
}

#formStatus {
    font-size: 13px
}

.prose {
    max-width: 900px;
    margin: auto
}

.prose p {
    font-size: 16px;
    line-height: 1.95;
    margin: 0 0 25px
}

.skip {
    position: absolute;
    top: -80px;
    background: white;
    color: var(--ink);
    padding: 12px;
    z-index: 100
}

.skip:focus {
    top: 0
}

:focus-visible {
    outline: 3px solid #c89940;
    outline-offset: 4px
}

section[id] {
    scroll-margin-top: 130px
}

@media(min-width: 1600px) {
    .hero {
        height:780px;
        max-height: 900px
    }

    .hero-content {
        padding-top: 130px
    }
}

@media(max-width: 1150px) {
    .wrap {
        width:calc(100% - 56px)
    }

    .nav-inner {
        gap: 10px
    }

    .nav-item>a {
        font-size: 9px;
        letter-spacing: 0
    }

    .brand-line {
        margin-left: 0
    }

    .split {
        gap: 40px
    }

    .portfolio-grid {
        gap: 12px
    }

    .portfolio-card img {
        height: 160px
    }

    .portfolio-card>div {
        padding: 20px 12px
    }

    .portfolio-card h3 {
        font-size: 23px
    }

    .intro-grid {
        gap: 60px
    }

    .contact-layout {
        gap: 40px
    }

    .hero {
        min-height: 600px
    }

    .hero-content {
        padding-top: 75px
    }
}

@media(max-width: 900px) {
    html {
        scroll-padding-top:95px
    }

    .brand-row {
        height: 80px
    }

    .brand {
        width: 205px
    }

    .brand img {
        width: 205px;
        height: 66px
    }

    .brand-line {
        display: none
    }

    .menu-toggle {
        display: block
    }

    .site-header nav {
        display: none;
        max-height: calc(100svh - 80px);
        overflow-y: auto
    }

    .site-header nav.open {
        display: block
    }

    .nav-inner {
        display: block;
        padding-block:12px}

    .nav-item>a {
        font-size: 12px;
        padding: 12px 0
    }

    .dropdown {
        position: static;
        display: block;
        width: auto;
        padding: 0 0 6px 12px;
        box-shadow: none
    }

    .dropdown a {
        font-size: 11px
    }

    .hero {
        height: auto;
        min-height: 650px
    }

    .hero h1 {
        font-size: 67px;
        max-width: 700px
    }

    .hero-content {
        padding-top: 70px;
        padding-bottom: 110px
    }

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

    .portfolio-card img {
        height: 210px
    }

    .section {
        padding: 65px 0
    }

    .intro-grid {
        gap: 30px
    }

    .cards,.programme-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .split {
        gap: 30px
    }

    .feature-image {
        height: 350px
    }

    .process {
        grid-template-columns: repeat(4,1fr);
        gap: 30px 18px;
        border-top: 0
    }

    .process li {
        border-top: 1px solid #c8d1d6
    }

    .stats>div {
        padding: 12px 20px
    }

    .stats strong {
        font-size: 40px
    }

    .cta-inner {
        align-items: start;
        flex-direction: column
    }

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

    .contact-layout {
        grid-template-columns: 1fr
    }

    .contact-layout aside {
        max-width: 500px
    }

    .footer-grid {
        gap: 40px
    }

    .anchor-nav .wrap {
        gap: 15px
    }

    .capability {
        scroll-margin-top: 95px
    }

    section[id] {
        scroll-margin-top: 80px
    }
}

@media(max-width: 600px) {
    .wrap {
        width:calc(100% - 40px)
    }

    .brand-row {
        gap: 10px;
        height: 74px
    }

    .brand {
        width: 177px
    }

    .brand img {
        width: 177px;
        height: 60px
    }

    .brand-row>.button {
        display: none
    }

    .menu-toggle {
        margin-left: auto;
        font-size: 12px
    }

    .hero {
        min-height: 690px
    }

    .hero-content {
        padding-top: 58px
    }

    .hero h1 {
        font-size: 53px;
        line-height: 1.03
    }

    .hero-description {
        font-size: 13px;
        line-height: 1.85;
        max-width: 100%;
        margin: 24px 0 27px
    }

    .hero .eyebrow {
        font-size: 9px;
        letter-spacing: 1.9px
    }

    .actions {
        gap: 12px
    }

    .actions .button {
        font-size: 9px;
        letter-spacing: .65px;
        padding: 13px 15px;
        gap: 12px
    }

    .actions .text-link {
        margin-left: 0;
        font-size: 10px
    }

    .hero-bottom {
        font-size: 8px;
        letter-spacing: .8px;
        bottom: 22px
    }

    .video-toggle {
        font-size: 10px;
        padding: 6px 8px
    }

    .hero-shade {
        background: linear-gradient(90deg,#08121de6,#08121d88),linear-gradient(0deg,#08121dcc,transparent)
    }

    .speciality-strip {
        font-size: 9px;
        line-height: 2.1;
        padding: 16px 0
    }

    .section {
        padding: 52px 0
    }

    .intro-grid,.split {
        grid-template-columns: 1fr;
        gap: 27px
    }

    h2 {
        font-size: 38px
    }

    .lead {
        font-size: 15px
    }

    .portfolio-grid {
        grid-template-columns: 1fr 1fr;
        gap: 14px
    }

    .portfolio-card img {
        height: 155px
    }

    .portfolio-card>div {
        padding: 17px 12px;
        min-height: 98px
    }

    .portfolio-card h3 {
        font-size: 24px
    }

    .portfolio-card:last-child {
        grid-column: 1/-1;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .portfolio-card:last-child>div {
        align-items: center
    }

    .portfolio-card:last-child img {
        height: 150px
    }

    .feature-image {
        height: 280px
    }

    .process {
        grid-template-columns: 1fr 1fr;
        margin-top: 30px;
        gap: 25px
    }

    .process strong {
        font-size: 12px
    }

    .programme-strip {
        justify-content: start;
        gap: 16px 26px
    }

    .programme-strip span {
        font-size: 28px
    }

    .stats {
        grid-template-columns: repeat(2,1fr);
        gap: 22px 0
    }

    .stats strong {
        font-size: 43px
    }

    .stats>div {
        padding: 6px 17px
    }

    .stats span {
        font-size: 11px
    }

    .cards,.programme-grid {
        grid-template-columns: 1fr
    }

    .card {
        padding: 27px
    }

    .card h3 {
        font-size: 29px
    }

    .global-orbit {
        min-height: 300px
    }

    .cta h2 {
        font-size: 37px
    }

    .cta .button {
        font-size: 10px
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .footer-bottom {
        flex-direction: column;
        gap: 6px
    }

    .page-hero {
        padding: 60px 0;
        min-height: 290px
    }

    .page-hero h1 {
        font-size: 47px
    }

    .page-hero .lead {
        font-size: 14px
    }

    .anchor-nav .wrap {
        gap: 10px 18px
    }

    .anchor-nav a {
        font-size: 10px
    }

    .capability-grid {
        grid-template-columns: 1fr;
        margin-bottom: 50px;
        gap: 22px
    }

    .capability>img {
        height: 250px
    }

    .capability>div {
        padding: 25px
    }

    .market-grid {
        grid-template-columns: 1fr 1fr
    }

    .market-grid>div {
        padding: 23px 10px
    }

    .market-grid h2 {
        font-size: 32px
    }

    .export-proof {
        padding: 35px
    }

    .news-list article {
        grid-template-columns: 35px 1fr;
        gap: 10px
    }

    .news-list h2 {
        font-size: 34px
    }

    .form-grid,.interest-grid {
        grid-template-columns: 1fr
    }

    .form-grid {
        gap: 16px
    }

    .interest-grid {
        gap: 12px
    }

    .contact-layout {
        gap: 35px
    }

    .prose p {
        font-size: 14px
    }

    .button {
        max-width: 100%
    }
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }

    * {
        transition: none!important
    }
}