@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//felix-trading.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

:root {
	--wd-text-font: "Nunito Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(18,31,24);
	--wd-text-font-size: 16px;
	--wd-title-font: "bounded 300", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 300;
	--wd-title-color: rgb(18,31,24);
	--wd-entities-title-font: "Nunito Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(18,31,24);
	--wd-entities-title-color-hover: rgb(18, 31, 24);
	--wd-alternative-font: "Nunito Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Nunito Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(18,31,24);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Nunito Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgb(129,215,255);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: rgb(0,0,0);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(242,244,243);
	background-image: none;
}
html .wd-nav.wd-nav-main > li > a {
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	color: rgb(0,0,0);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(0,0,0);
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,244,243);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}



.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "bounded 700";
	src: url("//felix-trading.com/wp-content/uploads/2026/05/bounded-black.woff2") format("woff2"), 
url("//felix-trading.com/wp-content/uploads/2026/05/bounded-black.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "bounded 400";
	src: url("//felix-trading.com/wp-content/uploads/2026/05/bounded-regular.woff2") format("woff2"), 
url("//felix-trading.com/wp-content/uploads/2026/05/bounded-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "bounded 300";
	src: url("//felix-trading.com/wp-content/uploads/2026/05/bounded-extralight.woff2") format("woff2"), 
url("//felix-trading.com/wp-content/uploads/2026/05/bounded-extralight.woff") format("woff");
	font-weight: 300;
	font-style: normal;
}

html {
  scroll-behavior: smooth;
}


/* Основной класс анимации — ЭКСТРА ПЛАВНОСТЬ */
.reveal-text {
    opacity: 0 !important;
    /* Увеличиваем амплитуду до 40px, чтобы на 2-х секундах движение было заметным */
    transform: translateY(40px) !important; 
    
    /* 
       2.0s — очень медленное проявление.
       cubic-bezier(0.16, 1, 0.3, 1) — это "супер-замедление" (easeOutQuart).
       Текст плавно "подплывает" к своей точке и почти незаметно замирает.
    */
    transition: 
        opacity 2s cubic-bezier(0.16, 1, 0.3, 1), 
        transform 2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    
    visibility: hidden !important;
    will-change: transform, opacity;
}

.reveal-text.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
    visibility: visible !important;
}

/* Специфический фикс для меню */
.menu-item.reveal-text {
    display: inline-block;
}

/* Фикс для кнопок */
.wd-button-wrapper.reveal-text {
    display: inline-flex !important;
    justify-content: center;
}

/* Мобильная версия */
@media (max-width: 768px) {
    .reveal-text {
        /* На телефонах 2 секунды — это вечность, там лучше оставить 1.2-1.5s */
        transition-duration: 1.5s !important; 
    }
}

.mobile-nav {
z-index: 99999;
}

.wd-highlight.is-visible {
    /* Цвета из твоего примера кнопки */
    --shine-color: rgba(255, 255, 255, 0.65);
    --base-color: #16A085; /* Основной бирюзовый */

    /* Делаем градиент длинным, чтобы блюр был мягким */
    background: linear-gradient(
        to right,
        var(--base-color) 0%,
        var(--base-color) 25%,
        rgba(255, 255, 255, 0.1) 35%,
        var(--shine-color) 50%, 
        rgba(255, 255, 255, 0.1) 65%,
        var(--base-color) 75%,
        var(--base-color) 100%
    );

    /* Растягиваем на 400%, чтобы градиент был очень размытым */
    background-size: 400% 100%;
    
    /* Применяем к тексту */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    /* Добавляем мягкое свечение всему тексту */
    filter: drop-shadow(0 0 8px rgba(22, 160, 133, 0.3));

    /* Анимация */
    animation: shineMoveText 10s linear infinite;
    
    /* Важно, чтобы текст не разлетался */
    display: inline;
}

@keyframes shineMoveText {
    0% {
        background-position: 150% 0;
    }
    100% {
        background-position: -150% 0;
    }
}

/* =========================================
   ОБЩАЯ АНИМАЦИЯ ПРОЯВЛЕНИЯ (Clip-Path)
========================================= */

@keyframes revealDownward {
    0%   { clip-path: inset(0 0 100% 0); }
    100% { clip-path: inset(0 0 0 0); }
}

@keyframes animatedgradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Базовое состояние (чтобы не было мигания при загрузке) */
.animated-gradient-border::after,
.border-segmented::after,
.card-segmented::after {
    clip-path: inset(0 0 100% 0);
    will-change: clip-path; /* Подсказка браузеру для плавности */
}

/* Новая анимация «Шторки» — теперь на 3 секунды */
.animated-gradient-border.is-in-view::after,
.border-segmented.is-in-view::after,
.card-segmented.is-in-view::after {
    animation: 
        animatedgradient 4s ease alternate infinite, 
        revealDownward 3s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* =========================================
   1. OUTER WRAPPER
========================================= */
.animated-gradient-border {
    --borderWidth: 2px;
    position: relative;
    border-radius: 5px;
    overflow: visible;
    z-index: 1;
}

.animated-gradient-border::after {
    content: '';
    position: absolute;
    top: calc(-1 * var(--borderWidth));
    left: calc(-1 * var(--borderWidth));
    width: calc(100% + var(--borderWidth) * 2);
    height: calc(100% + var(--borderWidth) * 2);
    background: linear-gradient(60deg, #052F2D, #16A085, #052F2D, #16A085);
    background-size: 200% 200%;
    border-radius: 5px;
    z-index: -1;
    pointer-events: none;

    /* Перелив работает всегда (или тоже можно убрать в класс) */
    animation: animatedgradient 4s ease alternate infinite;

    --m: 
        linear-gradient(#fff 0 0) top left / 20% var(--borderWidth) no-repeat,
        linear-gradient(#fff 0 0) top right / 20% var(--borderWidth) no-repeat,
        linear-gradient(#fff 0 0) bottom left / 20% var(--borderWidth) no-repeat,
        linear-gradient(#fff 0 0) bottom right / 20% var(--borderWidth) no-repeat,
        linear-gradient(#fff 0 0) top left / var(--borderWidth) 34% no-repeat,
        linear-gradient(#fff 0 0) bottom left / var(--borderWidth) 34% no-repeat,
        linear-gradient(#fff 0 0) top right / var(--borderWidth) 34% no-repeat,
        linear-gradient(#fff 0 0) bottom right / var(--borderWidth) 34% no-repeat;
    
    -webkit-mask: var(--m);
    mask: var(--m);
}

/* Запуск прорисовки при появлении */
.animated-gradient-border.is-in-view::after {
    animation: 
        animatedgradient 3s ease alternate infinite, 
        drawBorderPath 2.5s ease-in-out forwards;
}

/* =========================================
   2. BORDER SEGMENTED
========================================= */
.border-segmented {
    position: relative !important;
    --borderWidth: 2px;
    --lineLen: 120px;
    z-index: 1;
    border-radius: 5px;
    padding: 25px;
}

.border-segmented::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    background: linear-gradient(60deg, #052F2D, #16A085, #052F2D, #16A085);
    background-size: 300% 300%;
    border-radius: 5px;

    --m: 
        linear-gradient(#fff 0 0) 0 0 / var(--lineLen) var(--borderWidth) no-repeat,
        linear-gradient(#fff 0 0) 50% 0 / var(--lineLen) var(--borderWidth) no-repeat,
        linear-gradient(#fff 0 0) 100% 0 / var(--lineLen) var(--borderWidth) no-repeat,
        linear-gradient(#fff 0 0) 0 100% / var(--lineLen) var(--borderWidth) no-repeat,
        linear-gradient(#fff 0 0) 50% 100% / var(--lineLen) var(--borderWidth) no-repeat,
        linear-gradient(#fff 0 0) 100% 100% / var(--lineLen) var(--borderWidth) no-repeat,
        linear-gradient(#fff 0 0) 0 0 / var(--borderWidth) var(--lineLen) no-repeat,
        linear-gradient(#fff 0 0) 0 100% / var(--borderWidth) var(--lineLen) no-repeat,
        linear-gradient(#fff 0 0) 100% 0 / var(--borderWidth) var(--lineLen) no-repeat,
        linear-gradient(#fff 0 0) 100% 100% / var(--borderWidth) var(--lineLen) no-repeat;

    -webkit-mask: var(--m);
    mask: var(--m);
}

.border-segmented.is-in-view::after {
    animation: 
        animatedgradient 4s ease alternate infinite, 
        drawBorderPath 4s ease-in-out forwards;
}

/* Адаптив (без изменений) */
@media (max-width: 1024px) {
    .border-segmented { --lineLen: 160px; }
    .border-segmented::after {
        --m: 
            linear-gradient(#fff 0 0) 0 0 / var(--lineLen) var(--borderWidth) no-repeat,
            linear-gradient(#fff 0 0) 100% 0 / var(--lineLen) var(--borderWidth) no-repeat,
            linear-gradient(#fff 0 0) 0 100% / var(--lineLen) var(--borderWidth) no-repeat,
            linear-gradient(#fff 0 0) 100% 100% / var(--lineLen) var(--borderWidth) no-repeat,
            linear-gradient(#fff 0 0) 0 0 / var(--borderWidth) var(--lineLen) no-repeat,
            linear-gradient(#fff 0 0) 0 100% / var(--borderWidth) var(--lineLen) no-repeat,
            linear-gradient(#fff 0 0) 100% 0 / var(--borderWidth) var(--lineLen) no-repeat,
            linear-gradient(#fff 0 0) 100% 100% / var(--borderWidth) var(--lineLen) no-repeat;
        -webkit-mask: var(--m); mask: var(--m);
    }
}

/* =========================================
   3. CARD SEGMENTED
========================================= */
.card-segmented {
    position: relative !important;
    --borderWidth: 2px;
    --lineLen: 60px;
    z-index: 1;
    padding: 20px;
    border-radius: 5px;
}

.card-segmented::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    background: linear-gradient(60deg, #052F2D, #16A085, #052F2D, #16A085);
    background-size: 300% 300%;
    border-radius: inherit;

    --m: 
        linear-gradient(#fff 0 0) 0 0 / var(--lineLen) var(--borderWidth) no-repeat,
        linear-gradient(#fff 0 0) 100% 0 / var(--lineLen) var(--borderWidth) no-repeat,
        linear-gradient(#fff 0 0) 0 100% / var(--lineLen) var(--borderWidth) no-repeat,
        linear-gradient(#fff 0 0) 100% 100% / var(--lineLen) var(--borderWidth) no-repeat,
        linear-gradient(#fff 0 0) 0 0 / var(--borderWidth) var(--lineLen) no-repeat,
        linear-gradient(#fff 0 0) 0 100% / var(--borderWidth) var(--lineLen) no-repeat,
        linear-gradient(#fff 0 0) 100% 0 / var(--borderWidth) var(--lineLen) no-repeat,
        linear-gradient(#fff 0 0) 100% 100% / var(--borderWidth) var(--lineLen) no-repeat;

    -webkit-mask: var(--m);
    mask: var(--m);
}

.card-segmented.is-in-view::after {
    animation: 
        animatedgradient 4s ease alternate infinite, 
        drawBorderPath 3s ease-in-out forwards;
}

.content-box, .content-box3 {
    position: relative;
    z-index: 2;
}

.content-box {
padding: 20px;
}

/* =====================================================
   BUTTONS LIGHT VERSION
===================================================== */

/* ================================
   GLOBAL ANIMATED BUTTON EFFECT
================================ */

.btn,
a.btn,
.wp-block-wd-button.btn,
[id^="wd-"] .btn,
.wd-button-wrapper .btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: none !important;
    color: #fff !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    background: linear-gradient(
        120deg,
        #052F2D,
        #16A085,
        #052F2D,
        #16A085
    );
    background-size: 300% 300%;
    animation: buttonFlow 8s ease infinite;
    box-shadow: 0 0 14px rgba(5, 47, 45, 0.35);
    transition: all 0.4s ease;
}

/* ================================
   SOFT WHITE BLUR LIGHT
================================ */

.btn::before,
a.btn::before,
.wp-block-wd-button.btn::before,
[id^="wd-"] .btn::before,
.wd-button-wrapper .btn::before {
    content: "";
    position: absolute;
    top: -80%;
    left: -70%;
    width: 45%;
    height: 260%;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0),
        rgba(255,255,255,0.30),
        rgba(255,255,255,0.65),
        rgba(255,255,255,0.30),
        rgba(255,255,255,0)
    );
    transform: rotate(25deg);
    filter: blur(18px);
    animation: shineMove 6s linear infinite;
    z-index: 2;
    pointer-events: none;
}

/* дополнительное внутреннее мягкое свечение */
.btn::after,
a.btn::after,
.wp-block-wd-button.btn::after,
[id^="wd-"] .btn::after,
.wd-button-wrapper .btn::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 50%, rgba(255,255,255,0.18), transparent 60%);
    filter: blur(20px);
    opacity: 0.7;
    animation: pulseGlow 4s ease-in-out infinite alternate;
    z-index: 1;
}

/* текст поверх */
.btn span,
a.btn span,
.wp-block-wd-button.btn span {
    position: relative;
    z-index: 3;
}

/* hover */
.btn:hover,
a.btn:hover,
.wp-block-wd-button.btn:hover,
[id^="wd-"] .btn:hover,
.wd-button-wrapper .btn:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 0 24px rgba(22, 160, 133, 0.55); /* Этот цвет изменен */
}

/* анимация фона */
@keyframes buttonFlow {
    0% { background-position: 0% 50%; }
    25% { background-position: 50% 100%; }
    50% { background-position: 100% 50%; }
    75% { background-position: 50% 0%; }
    100% { background-position: 0% 50%; }
}

/* движение размытого света */
@keyframes shineMove {
    0% {
        left: -80%;
    }
    100% {
        left: 140%;
    }
}

/* мягкое дыхание света */
@keyframes pulseGlow {
    0% {
        opacity: 0.35;
    }
    100% {
        opacity: 0.8;
    }
}
/* CTA */

/* =========================================
   CTA FORM WRAPPER
========================================= */

.cta-form-wrap{
    max-width: 900px;
    margin: auto;
}

/* убираем лишние br от contact form 7 */
.cta-form-wrap p{
    margin:0;
}

.cta-form-wrap br{
    display:none;
}

/* =========================================
   ANIMATED GRADIENT BORDER FIELD
========================================= */

/* 1. ОБЫЧНОЕ СОСТОЯНИЕ (пустое поле) */
.cta-field {
    position: relative;
    margin-bottom: 18px;
    border-radius: 10px;
    padding: 2px;
    /* Твой новый фоновый цвет для покоя */
    background: #5cb09d4f; 
    transition: all 0.4s ease;
    opacity: 0.8;
}

/* Скрываем свечение в обычном состоянии */
.cta-field::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 10px;
    background: inherit;
    filter: blur(10px);
    opacity: 0; 
    z-index: 0;
    transition: opacity 0.4s ease;
}

/* 2. СОСТОЯНИЕ ПРИ ЗАПОЛНЕНИИ (когда что-то введено) */
/* Если placeholder НЕ отображается (т.е. текст введен), применяем градиент */
.cta-field:has(input:not(:placeholder-shown)),
.cta-field:has(textarea:not(:placeholder-shown)) {
    background: linear-gradient(
        120deg,
        #052F2D,
        #16A085,
        #052F2D,
        #16A085,
        #052F2D
    );
    background-size: 350% 350%;
    animation: borderFlow 8s ease infinite;
    opacity: 1;
}

/* Включаем свечение при заполнении */
.cta-field:has(input:not(:placeholder-shown))::before,
.cta-field:has(textarea:not(:placeholder-shown))::before {
    background: inherit;
    background-size: inherit;
    animation: borderFlow 10s ease infinite reverse;
    opacity: 0.1;
}

/* 3. ВНУТРЕННИЕ ЭЛЕМЕНТЫ */
.cta-field input,
.cta-field textarea {
    position: relative;
    z-index: 2;
    width: 100%;
    border: none;
    outline: none;
    background: #ffffff;
    border-radius: 8px;
    font-size: 18px;
    color: #111;
    font-weight: 400;
    padding: 10px; /* Добавил отступ, чтобы текст не прилипал */
    box-sizing: border-box;
    font-family: inherit;
}

.cta-field textarea {
    min-height: 85px !important;
    resize: none;
}

/* Эффект при фокусе (можно оставить как был) */
.cta-field:focus-within {
    box-shadow: 0 0 18px rgba(22, 160, 133, 0.35);
    transform: scale(1.003);
}

/* =========================================
   BUTTON
========================================= */

.cta-submit{
    margin-top:30px;
}

.cta-submit input[type="submit"]{
    width:100%;
    border-radius:100px;
    cursor:pointer;
    font-size:22px;
    text-transform:uppercase;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: none !important;
    color: #fff !important;
    font-weight: 500;
    letter-spacing: 1px;
    background: linear-gradient(
        120deg,
        #052F2D,
        #16A085,
        #052F2D,
        #16A085
    );
    background-size: 300% 300%;
    animation: buttonFlow 8s ease infinite;
    
    transition: all 0.4s ease;
}

/* ================================
   SOFT WHITE BLUR LIGHT
================================ */

.cta-submit{
    position:relative;
    overflow:hidden;
    border-radius:100px;
}

.cta-submit::before{
    content: "";
    position: absolute;
    top: -80%;
    left: -70%;
    width: 45%;
    height: 260%;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0),
        rgba(255,255,255,0.30),
        rgba(255,255,255,0.65),
        rgba(255,255,255,0.30),
        rgba(255,255,255,0)
    );
    transform: rotate(25deg);
    filter: blur(18px);
    animation: shineMove 6s linear infinite;
    z-index: 2;
    pointer-events: none;
}

.cta-submit::after{
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 50%, rgba(255,255,255,0.18), transparent 60%);
    filter: blur(20px);
    opacity: 0.7;
    animation: pulseGlow 4s ease-in-out infinite alternate;
    z-index: 1;
    pointer-events:none;
}

/* hover */
.cta-submit input[type="submit"]:hover{
    transform: translateY(-2px) scale(1.02);
   
}

/* =========================================
   CONTACT FORM 7 FIX
========================================= */

.wpcf7-spinner{
    display:none;
}

.wpcf7-not-valid-tip{
    margin-top:8px;
    color:#fff;
    font-size:13px;
}

.wpcf7 form .wpcf7-response-output{
    margin:20px 0 0;
    padding:10px 15px;
    border:none;
    color:#fff;
}

.wd-content-layout {
    padding-top: 20px;
}



















/* ===== MOBILE MENU SMOOTH ANIMATION ===== */
.mobile-pages-menu {
padding-top: 60px;
}

.mobile-nav {
    background:#052F2D !important;
    box-shadow: -12px 0 30px rgba(0,0,0,0.08);
align-content: center;
    /* плавность */
    opacity: 0;
    transform: translateX(40px);
    transition:
        transform .42s cubic-bezier(.23,1,.32,1),
        opacity .32s ease !important;
}

/* когда меню открыто */
.mobile-nav.wd-opened {
    opacity: 1;
    transform: translateX(0);
}

/* сам список */
.mobile-nav .mobile-pages-menu {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

/* li */
.mobile-nav .mobile-pages-menu > li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* ссылки */
.mobile-nav .mobile-pages-menu > li > a {
    display: block;
    text-align: center;
    padding: 20px 0 !important;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 1.2px;
    color: #111 !important;
    text-transform: uppercase;
    border-bottom: none !important;

    /* плавность hover/tap */
    transition: all .25s ease;
}

/* легкий интерактив */
.mobile-nav .mobile-pages-menu > li > a:hover {
    letter-spacing: 2px;
}
.mobile-nav .nav-link-text{
color: white;
}



.wd-copyrights {
border-top:none !important;
}