html,
body {
    scroll-behavior: auto !important;
}


.forminator-field-radio{
  color:#fff;
  text-align:center;
}


.teaser-modal .forminator-error-message{
  color:red!important;
}

.teaser-modal .forminator-label{
  display: none!important;
}

/* Horizontal buttons: fill container height and center content */
.fs-teaser-buttons.uk-flex > * .el-link {
  height: 100%;
  /* display: flex !important; */
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}



/* ── FS Teaser: две кнопки горизонтально, вплотную ─────────────────────── */

/* горизонтально — первая кнопка: убираем правые скругления */
.fs-btns-flush-row > *:first-child .el-link {
  border-top-right-radius:    0 !important;
  border-bottom-right-radius: 0 !important;
}

/* горизонтально — вторая кнопка: убираем левые скругления */
.fs-btns-flush-row > *:last-child .el-link {
  border-top-left-radius:    0 !important;
  border-bottom-left-radius: 0 !important;
}

/* ── вертикально, вплотную ──────────────────────────────────────────────── */

/* вертикально — первая кнопка: убираем нижние скругления */
.fs-btns-flush-col > *:first-child .el-link {
  border-bottom-left-radius:  0 !important;
  border-bottom-right-radius: 0 !important;
}

/* вертикально — вторая кнопка: убираем верхние скругления */
.fs-btns-flush-col > *:last-child .el-link {
  border-top-left-radius:  0 !important;
  border-top-right-radius: 0 !important;
}

/* вертикально — убираем отступ между кнопками */
.fs-btns-flush-col > * + * {
  margin-top: 0 !important;
}



/* Отключаем курсор-ладошку на всей текстовой плашке, чтобы не мешала */
.el-item .slide-person-info {
  cursor: default;
}

/* Стили белого квадратного блока для Instagram */
.el-item .slide-person-info .insta-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;         /* Ширина блока */
  height: 42px;        /* Высота блока */
  background-color: #ffffff; /* Белый фон */
  border-radius: 12px; /* Закругленные края (измени на 50% если нужен круг) */
  color: #E1306C;      /* Родной розово-красный цвет Instagram */
  position: relative;
  z-index: 20;         /* Поднимаем над слайдером */
  box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* Легкая тень */
  transition: transform 0.2s ease;
  text-decoration: none;
}

/* Эффект при наведении (слегка увеличивается) */
.el-item .slide-person-info .insta-block:hover {
  transform: scale(1.08);
  color: #C13584; 
}

/* ЖЕСТКИЙ ФИКС КЛИКА: запрещаем SVG-иконке реагировать на мышь. 
Теперь весь белый квадрат — это одна сплошная монолитная ссылка */
.el-item .slide-person-info .insta-block * {
  pointer-events: none;
}


/* Анимация появления лупы при наведении на слайд */
.el-item .slide-lightbox-link .slide-zoom-icon {
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.el-item .slide-lightbox-link:hover .slide-zoom-icon {
  opacity: 1;
  transform: scale(1);
}   


/* Улучшенный блок кнопки */
.el-item .slide-person-info .insta-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background-color: #ffffff;
  border-radius: 12px;
  color: #E1306C;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.2s ease;
  text-decoration: none;
  flex-shrink: 0;
  
  /* Принудительное центрирование */
  align-self: center; 
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* На случай, если какой-то глобальный стиль темы добавляет отступы заголовку */
.el-item .slide-person-info h4 {
  line-height: 1.2 !important;
}

/* Принудительно ограничиваем модал, чтобы он не был на весь экран */
.uk-modal.uk-open {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.uk-modal-dialog {
  max-width: 70vw !important; /* Ширина 80% */
  max-height:70vh !important; /* Высота 80% */
  width: auto !important;
  margin: 0 !important;
  border-radius: 15px;
  overflow: hidden;
}

/* Убираем фон, если он мешает или кажется "полноэкранным" */
.uk-lightbox {
  background: rgba(0,0,0,0.7) !important;
}

/* Исправляем размер самой картинки внутри модала */
.uk-lightbox-items > li > img, 
.uk-lightbox-items > li > a > img {
  max-height: 80vh !important;
  width: auto !important;
  object-fit: contain !important;
}

/* 1. Центрируем контейнер лайтбокса */
.uk-lightbox {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0,0,0,0.8) !important;
}

/* 2. Делаем диалоговое окно фиксированным размером */
.uk-lightbox-content {
  width: auto !important;
  max-width: 90vw !important;
  max-height: 80vh !important;
  background: #fff !important;
  padding: 10px !important;
  border-radius: 15px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

/* 3. Ограничиваем саму картинку внутри */
.uk-lightbox-items li img {
  max-height: 75vh !important;
  width: auto !important;
  object-fit: contain !important;
}

.uk-lightbox-items-fit > * > *{
  max-height:60vh!important;
}
 
/* 4. Сдвигаем кнопку закрытия внутрь модала */
.uk-lightbox-toolbar {
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  background: none !important;
}
/* common */


.linebreaks span{
    display:block;
}

.linebreaks br{
    display:none;
}

@media (max-width: 1024px) {
    .linebreaks br {
        display: revert;
    }
}


.primary-color p{color:#987144!important;}


.uk-modal-dialog {
    /* border: 5px solid #B69B5F;  */
    /* border-radius:10px; */
    background-color: #9c1d28e8;
    /* background-image: url("../images/red-bg.webp"); */
    background-position: right top;
    background-size: auto 100%;
    /* Красивая тень для модалки */
    box-shadow: 0 10px 40px 0 rgba(152,31,59,0.20), 0 1.5px 6px 0 rgba(0,0,0,0.08);
}

.teaser-modal .uk-modal-dialog {
   background: #fff!important;
}




.uk-modal-title{
    color:#9C1D28;
    text-align:center;
}



.uk-modal-dialog {
    position: relative;
    z-index: 1;
}



.line-top{
    border-top:3px solid transparent;
}

.line-bottom{
    border-bottom:3px solid transparent;
}

.line-gold{
    border-color:#B79F57;
}

/*sliders*/
@media(max-width:1024px) {
    

    .top-nav .uk-position-center-left{
        left:-10px;
        top:120px!important;
    }

    .top-nav .uk-position-center-right{
        right:-10px;
        top:120px!important;
    }
}
.uk-modal-dialog {
  max-height: 85vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;

  scrollbar-gutter: stable;
}

.uk-modal-dialog::-webkit-scrollbar {
  width: 5px !important;
  margin-right:10px;
}
.uk-modal-dialog::-webkit-scrollbar-track {
  background: transparent !important;
  margin: 16px !important;
}
.uk-modal-dialog::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.35) !important;
  border-radius: 4px !important;
  border-top: 20px solid transparent !important;
  border-bottom: 20px solid transparent !important;
  background-clip: padding-box !important;
}
.uk-modal-dialog::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.6) !important;
  background-clip: padding-box !important;
}

html.uk-modal-page {
  overflow: hidden !important;
}


.uk-modal-dialog::-webkit-scrollbar {
  width: 3px !important;
}

.uk-modal-dialog::-webkit-scrollbar-track {
  background: transparent !important;
}

.uk-modal-dialog::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.35) !important;
  border-radius: 4px !important;
}

.uk-modal-dialog::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.6) !important;
}
    





/* navbar */
.uk-navbar-sticky {

    /* background-color: rgba(255, 255, 255, 0.3); */
    background-color: #9c1d28  ;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border-bottom:3px solid #B79F57;
    
}

.uk-navbar-sticky  a {
    color:#B79F57!important;
}

.uk-navbar-sticky  a:hover {
    color:#fff!important;
}

/* .hero */

@media(max-width:1024px){
    .hero > div {
        position: relative;
        background-image: url("/wp-content/uploads/images/mobile-bg-1.webp") !important;
        background-size: 100% auto;
        background-position: center bottom;
        background-color:transparent!important;
    }
    .hero > div:after {
        content: "";
        pointer-events: none;
        position: absolute;
        inset: 0;
        background: url("/wp-content/uploads/images/mobile-bg-1-top.webp") center top 30px / 100% auto no-repeat;
        opacity: 1; /* настройте степень наложения по вкусу */
        z-index: -1;
    }

    .hero > div > div{
        z-index:100;
    }

}

.features .tm-header-placeholder{
    display:none!important;
}





/*effects */
@media(max-width:1024px){

    .effects > div{

        background-image:url("/wp-content/uploads/images/mobile-2-bg-1.webp")!important;
         background-size:auto 100%;
         background-position:right bottom;

    }
    .effects .text{
      
            line-height: 20px;
            font-size: 16px;
    }
}


/* product-1 */


.product-button-2 a:hover{
    background-color: #fff!important;

}



/* oil */

.oil > div{

    background-image:url("/wp-content/uploads/images/oil-bg.webp")!important;
    background-size:100% auto;
    background-position:center center;
}


/* product-2 */

.forminator-custom-form input[type="text"],
.forminator-custom-form input[type="email"],
.forminator-custom-form input[type="tel"],
.forminator-custom-form input[type="file"],
.forminator-custom-form textarea,
.forminator-custom-form select {
    width: 100%;
    padding: 1em;
    border: 2px solid #B69B5F;
    border-radius: 11px;
    background: #fffdfa;
    color: #000000;
    font-size: 1.08rem;
   
    outline: none;
    box-sizing: border-box;
    transition: border 0.18s, box-shadow 0.18s;
}

.forminator-button-delete{
    border:none;
    padding:none;
    background-color: none;;
}



.forminator-custom-form input[type="file"], .forminator-button-upload {
    padding: 0.3em 1em;
    background: #f8eede00;
    color: #B69B5F;
    border-radius: 9px;
    font-size: 18px;
    border: 5px solid #B69B5F; 
}

.forminator-button-submit{
    background-color: #B69B5F;
    color: #fff;
    font-size: 1.15rem;
    font-weight: bold;
    border: none;
    border-radius: 10px;
    padding: 1em 2.2em;
    cursor: pointer;
   margin:15px auto;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.07);
    transition: 
        background 0.17s,
        color 0.17s,
        box-shadow 0.13s,
        transform 0.14s;
    letter-spacing: 0.03em;
    width:100%;
}

.forminator-custom-form *{
    font-family: 'Montserrat', Arial, sans-serif;
    box-sizing: border-box;
}



/* Центрируем кнопку загрузки */
.forminator-button-upload {
    cursor: pointer;
    margin: 0 auto!important;
    transition: background 0.18s;
    display:block!important;
    max-width:320px;
}

.forminator-field-upload label {
    color:#fff;
    text-align: center;
}
.forminator-button-upload:hover {
    background: #B69B5F;
    color: #fff;
    /* Добавим плавный переход для текста тоже, если нужно */
    transition: background 0.18s, color 0.18s;
}

.forminator-custom-form span[data-empty-text] {
    display: block!important;
    max-width:100px;
    color: #fff !important;
    text-align: center;
    font-weight: bold;
   font-size:13px;
    min-height: 2em;
    background: transparent;
     
}



span.forminator-error-message {
    color:#fff!important;
    background: none!important;
    font-size:10px!important;
    display:block;
    text-align:center;
    animation: blink 1.2s ease-in-out infinite;
    text-transform:none!important;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.2; }
    100% { opacity: 1; }
}


/* Hover: change color, increase shadow slightly */


.product-button a {
    background-color: #B69B5F!important;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
    /* padding: 1em 2.5em; */
    min-width:250px;
    border: none;
    border-bottom: 3px solid #981F3B;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.07); 
    transition: 
        background 0.18s, 
        color 0.18s,
        box-shadow 0.14s,
        transform 0.14s;
    outline: none;
    display: inline-block;
    letter-spacing: 0.03em;
}

.product-button a:hover, .product-button a:focus {
    background-color: #af253c!important;
    color: #fff;
    box-shadow: 0 8px 32px 0 rgba(152,31,59,0.13);
    text-decoration: none;
}

/* Active: button presses down, shadow shrinks, moves down */
.product-button a:active {
    background-color: #810a2b;
    color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.06);
    transform: translateY(2px) scale(0.975);
}




/* features */
.features .el-content p {
	line-height: 1.4em;
	font-weight: 500;
	color: #fff;
}


/*ocntacts*/
.contact-block h2 {
    cursor: pointer;
    margin-bottom:0!important;
  }
 
  .contact-block .uk-card {
    position: relative;
    padding-right: 52px;
    cursor: pointer;
  }
  
  .contact-block .contact-inner {
    overflow: hidden;
    max-height: 0;
    margin:0!important;
  }
  
  .contact-toggle {
    position: absolute;
    top: 18px;
    right: 14px;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #D2AD6F;
    cursor: pointer;
    z-index: 10;
  }
  
  .uk-card.opened .contact-toggle {
    color: #9C1D28;
  }
  
  .contact-toggle span {
    position: absolute;
    top: 14px;
    width: 13px;
    height: 2px;
    background: currentColor;
    transition:
      transform 0.3s ease,
      left 0.3s ease,
      color 0.3s ease;
  }
  
  .contact-toggle span:first-child {
    left: 5px;
    transform: rotate(45deg);
  }
  
  .contact-toggle span:last-child {
    left: 13px;
    transform: rotate(-45deg);
  }
  
  .uk-card.opened .contact-toggle span:first-child {
    left: 8px;
    transform: rotate(45deg);
  }
  
  .uk-card.opened .contact-toggle span:last-child {
    left: 8px;
    transform: rotate(-45deg);
  }
  .contact-block .uk-card:hover{
    background-color: rgba(255, 255, 255, 1);
  }
  
/* ==============================
   Promo elements
   Цвета:
   основной — #9C1D28
   акцент / пульсация — #D2B779
   ============================== */


/* Общая база для кнопки, бейджей и текстового промо-блока */
.promo-button,
.promo-badge,
.promo-badge-2,
.promo-text {
  color: #fff;
  text-decoration: none;

  background:
    radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.28), transparent 30%),
    linear-gradient(135deg, #9c1d28 0%, #b42a35 52%, #d2b779 140%);

  border: 1px solid rgba(210, 183, 121, 0.72);

  box-shadow:
    0 14px 30px rgba(156, 29, 40, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    inset 0 -10px 20px rgba(80, 8, 14, 0.22);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  isolation: isolate;
  overflow: visible;
}


/* ==============================
   Fixed promo button
   Фиксированная кнопка снизу справа
   ============================== */

.promo-button {
  position: fixed !important;
  right: 20px;
  bottom: 20px;
  z-index: 99999;

  width: 86px;
  height: 86px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  text-align: center;

  cursor: pointer;

  animation: promoButtonBreath 2.8s ease-in-out infinite;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

/* Толстая пульсирующая обводка кнопки */
.promo-button::after {
  content: "";
  position: absolute;
  inset: -18px;
  border-radius: inherit;
  z-index: -1;

  background: rgba(210, 183, 121, 0.42);
  box-shadow: 0 0 0 7px rgba(210, 183, 121, 0.22);

  animation: promoPulse 2.4s ease-out infinite;
}

/* Чтобы ссылка при наведении не становилась подчеркнутой или другого цвета */
.promo-button:hover,
.promo-button:focus,
.promo-button:visited {
  color: #fff;
  text-decoration: none;
}

/* Красивый hover для кнопки */
.promo-button:hover {
  transform: translateY(-4px) scale(1.07);
  filter: saturate(1.12) brightness(1.04);

  box-shadow:
    0 18px 38px rgba(156, 29, 40, 0.46),
    0 0 0 6px rgba(210, 183, 121, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    inset 0 -10px 20px rgba(80, 8, 14, 0.22);
}


/* ==============================
   Promo holder
   Общий контейнер для бейджей.
   Сам holder ставится поверх картинки/секции.
   Внутри бейджи немного смещаются относительно него.
   ============================== */

.promo-holder {
  position: absolute;
  top: 14px;
  left: 200px;
  z-index: 5;

  display: flex;
  align-items: center;
  gap: 12px;

  overflow: visible;

  /* Если сами бейджи кликабельные, можно удалить эту строку */
  pointer-events: none;
}

.promo-holder-2 {
    left:25%
}

/* Внутри holder бейджи позиционируются относительно самого holder */
.promo-holder .promo-badge,
.promo-holder .promo-badge-2 {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;

  /* Возвращает кликабельность бейджам, если это ссылки */
  pointer-events: auto;
}


/* ==============================
   Promo badges
   Круглые бейджи внутри promo-holder
   ============================== */

.promo-badge,
.promo-badge-2 {
  width: 120px;
  height: 120px;
  border-radius: 50%;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  text-align: center;

  animation: promoBadgeBreath 2.8s ease-in-out infinite;
}

/* Текст внутри бейджа на второй строке */
.promo-badge span,
.promo-badge-2 span {
  display: block;
  margin-top: 6px;

  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;

  color: rgba(255, 255, 255, 0.92);
}

/* Первый бейдж */
.promo-badge {
  position: relative;
}

/* Второй бейдж — чуть меньше и немного сдвинут для живой композиции */
.promo-badge-2 {
  position: relative;
  top: 22px;
  margin-left: -22px;

  width: 70px;
  height: 70px;

  font-size: 24px;

  background:
    radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.3), transparent 30%),
    linear-gradient(135deg, #d2b779 0%, #b42a35 45%, #9c1d28 100%);
}

.promo-badge-2 span {
  margin-top: 5px;
  font-size: 11px;
}

/* Толстая пульсирующая обводка бейджей */
.promo-badge::after,
.promo-badge-2::after {
  content: "";
  position: absolute;
  inset: -20px;
  border-radius: inherit;
  z-index: -1;

  background: rgba(210, 183, 121, 0.44);
  box-shadow: 0 0 0 8px rgba(210, 183, 121, 0.22);

  animation: promoPulse 2.4s ease-out infinite;
}

/* У второго бейджа пульс чуть смещен по времени */
.promo-badge-2::after {
  inset: -16px;
  animation-delay: 0.35s;
}


/* ==============================
   Promo text
   Текстовый промо-блок, не круглый
   ============================== */

.promo-text {
  position: relative;

  display: block;

  max-width: 300px;
  padding: 22px 18px;
  margin: 0 auto;

  border-radius: 100px;

  color: #fff !important;
  text-decoration: none;

  font-size: 18px;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;

  animation: promoTextBreath 2.8s ease-in-out infinite;
}

/* Пульсация вокруг текстового блока */
.promo-text::after {
  content: "";
  position: absolute;
  inset: -14px;
  border-radius: inherit;
  z-index: -1;

  background: rgba(210, 183, 121, 0.36);
  box-shadow: 0 0 0 6px rgba(210, 183, 121, 0.18);

  animation: promoTextPulse 2.4s ease-out infinite;
}


/* ==============================
   Animations
   ============================== */

/* Мягкое дыхание фиксированной кнопки */
@keyframes promoButtonBreath {
  0%, 100% {
    transform: scale(1);
    filter: saturate(1);
  }

  50% {
    transform: scale(1.035);
    filter: saturate(1.12);
  }
}

/* Мягкое дыхание круглых бейджей */
@keyframes promoBadgeBreath {
  0%, 100% {
    transform: scale(1);
    filter: saturate(1);
  }

  50% {
    transform: scale(1.045);
    filter: saturate(1.12);
  }
}

/* Мягкое дыхание текстового блока */
@keyframes promoTextBreath {
  0%, 100% {
    transform: scale(1);
    filter: saturate(1);
  }

  50% {
    transform: scale(1.035);
    filter: saturate(1.12);
  }
}

/* Общий толстый пульс для кнопки и бейджей */
@keyframes promoPulse {
  0% {
    transform: scale(0.86);
    opacity: 0.72;
  }

  65% {
    transform: scale(1.38);
    opacity: 0.08;
  }

  100% {
    transform: scale(1.48);
    opacity: 0;
  }
}

/* Более мягкий пульс для текстового блока */
@keyframes promoTextPulse {
  0% {
    transform: scale(0.93);
    opacity: 0.62;
  }

  65% {
    transform: scale(1.16);
    opacity: 0.08;
  }

  100% {
    transform: scale(1.22);
    opacity: 0;
  }
}


/* ==============================
   Mobile
   Адаптация для маленьких экранов
   ============================== */

@media (max-width: 700px) {
   .promo-holder-2 {
    left:5%;
    top:100px;
}
}

@media (max-width: 480px) {
  .promo-button {
    right: 14px;
    bottom: 14px;

    width: 72px;
    height: 72px;

    font-size: 18px;
  }

  .promo-holder {
    top: 12px;
    left: 30px;
    gap: 8px;
  }

  
  .promo-holder-2 {
    left:25px;
    top:120px;
}
  .promo-badge {
    width: 86px;
    height: 86px;

    font-size: 30px;
  }

  .promo-badge span {
    margin-top: 4px;
    font-size: 10px;
  }

  .promo-badge-2 {
    top: 18px;
    margin-left: -18px;

    width: 60px;
    height: 60px;

    font-size: 20px;
  }

  .promo-badge-2 span {
    margin-top: 3px;
    font-size: 9px;
  }

  .promo-text {
    max-width: 260px;
    padding: 10px 14px;

    font-size: 16px;
  }
}






.forminator-custom-form .forminator-label{
  display:none!important;
}




/* Убираем стандартные маркеры списка */
.ul-check ul {
  list-style: none; 
  padding-left: 0; /* Сбрасываем стандартный отступ ul */
}

/* Настраиваем элементы списка */
.ul-check ul li {
  position: relative;
  padding-left: 35px; /* Отступ для текста, чтобы он не наезжал на галочку (настройте по необходимости) */
  margin-bottom: 15px; /* Расстояние между пунктами списка */
  line-height: 1.5; /* Для хорошей читаемости многострочных пунктов */
}

/* Добавляем свою иконку */
.ul-check ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px; /* Смещение вниз для выравнивания по первой строке текста (подберите нужное значение) */
  width: 20px; /* Ширина иконки */
  height: 20px; /* Высота иконки */
  background-image: url('../images/check.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}