@font-face {
    font-family: 'Geisha';
    src: url(../fonts/geisha.ttf);
}

@font-face {
    font-family: 'Gamja';
    src: url(../fonts/gamja.woff);
}

*,
:before,
:after
{--tw-border-spacing-x: 0;
 --tw-border-spacing-y: 0;
 --tw-translate-x: 0;
 --tw-translate-y: 0;
 --tw-rotate: 0;
 --tw-skew-x: 0;
 --tw-skew-y: 0;
 --tw-scale-x: 1;
 --tw-scale-y: 1;
 --tw-pan-x: ;
 --tw-pan-y: ;
 --tw-pinch-zoom: ;
 --tw-scroll-snap-strictness: proximity;
 --tw-gradient-from-position: ;
 --tw-gradient-via-position: ;
 --tw-gradient-to-position: ;
 --tw-ordinal: ;
 --tw-slashed-zero: ;
 --tw-numeric-figure: ;
 --tw-numeric-spacing: ;
 --tw-numeric-fraction: ;
 --tw-ring-inset: ;
 --tw-ring-offset-width: 0px;
 --tw-ring-offset-color: #fff;
 --tw-ring-color: rgb(59 130 246 / .5);
 --tw-ring-offset-shadow: 0 0 #0000;
 --tw-ring-shadow: 0 0 #0000;
 --tw-shadow: 0 0 #0000;
 --tw-shadow-colored: 0 0 #0000;
 --tw-blur: ;
 --tw-brightness: ;
 --tw-contrast: ;
 --tw-grayscale: ;
 --tw-hue-rotate: ;
 --tw-invert: ;
 --tw-saturate: ;
 --tw-sepia: ;
 --tw-drop-shadow: ;
 --tw-backdrop-blur: ;
 --tw-backdrop-brightness: ;
 --tw-backdrop-contrast: ;
 --tw-backdrop-grayscale: ;
 --tw-backdrop-hue-rotate: ;
 --tw-backdrop-invert: ;
 --tw-backdrop-opacity: ;
 --tw-backdrop-saturate: ;
 --tw-backdrop-sepia: ;
 --tw-contain-size: ;
 --tw-contain-layout: ;
 --tw-contain-paint: ;
 --tw-contain-style: }
::backdrop{--tw-border-spacing-x: 0;
           --tw-border-spacing-y: 0;
           --tw-translate-x: 0;
           --tw-translate-y: 0;
           --tw-rotate: 0;
           --tw-skew-x: 0;
           --tw-skew-y: 0;
           --tw-scale-x: 1;
           --tw-scale-y: 1;
           --tw-pan-x: ;
           --tw-pan-y: ;
           --tw-pinch-zoom: ;
           --tw-scroll-snap-strictness: proximity;
           --tw-gradient-from-position: ;
           --tw-gradient-via-position: ;
           --tw-gradient-to-position: ;
           --tw-ordinal: ;
           --tw-slashed-zero: ;
           --tw-numeric-figure: ;
           --tw-numeric-spacing: ;
           --tw-numeric-fraction: ;
           --tw-ring-inset: ;
           --tw-ring-offset-width: 0px;
           --tw-ring-offset-color: #fff;
           --tw-ring-color: rgb(59 130 246 / .5);
           --tw-ring-offset-shadow: 0 0 #0000;
           --tw-ring-shadow: 0 0 #0000;
           --tw-shadow: 0 0 #0000;
           --tw-shadow-colored: 0 0 #0000;
           --tw-blur: ;
           --tw-brightness: ;
           --tw-contrast: ;
           --tw-grayscale: ;
           --tw-hue-rotate: ;
           --tw-invert: ;
           --tw-saturate: ;
           --tw-sepia: ;
           --tw-drop-shadow: ;
           --tw-backdrop-blur: ;
           --tw-backdrop-brightness: ;
           --tw-backdrop-contrast: ;
           --tw-backdrop-grayscale: ;
           --tw-backdrop-hue-rotate: ;
           --tw-backdrop-invert: ;
           --tw-backdrop-opacity: ;
           --tw-backdrop-saturate: ;
           --tw-backdrop-sepia: ;
           --tw-contain-size: ;
           --tw-contain-layout: ;
           --tw-contain-paint: ;
           --tw-contain-style: }

*,
:before,
:after{box-sizing:border-box;
       border-width:0;
       border-style:solid;
       border-color:#e5e7eb}

:before,
:after{--tw-content: ""}

html,
:host{line-height:1.5;
      -webkit-text-size-adjust:100%;
      -moz-tab-size:4;
      -o-tab-size:4;
      tab-size:4;
      font-family:'Gamja';
      font-feature-settings:normal;
      font-variation-settings:normal;
      -webkit-tap-highlight-color:transparent}

body {
    margin: 0;
    line-height: inherit;
    font-family: 'Gamja';    
}

.blank-button{
    background-image: url(../images/blank.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 25px;
}

.buttons{
    display: flex;
    flex-wrap: nowrap;
    height: auto;
    margin-left: 50px;
    justify-content:center;
}

.blank-button2 {
    width: 300px;
    display: flex;
    flex-wrap: nowrap;
    gap: 1em;
    background-image: url(../images/blank.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10px;
    font-size: 30px;
    text-align: center;
}

.blank-button3 {
    width: 300px;
    display: flex;
    flex-wrap: nowrap;
    gap: 1em;
    background-image: url(../images/blank.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10px;
    font-size: 28px;
    text-align: center;
}

.blank-button2 img{    
    height:100%;
}

.blank-button3 img {
    height: 100%;
}

.blank-button4 {
    width: 300px;
    margin-top: -10px;
    display: none;
    flex-wrap: nowrap;
    gap: 2em;
    background-image: url(../images/blank.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
}

.blank-button5 {
    width: 300px;
    margin-top: -160px;
    display: none;
    flex-wrap: nowrap;
    gap: 2em;
    background-image: url(../images/blank.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
}

.text-menu {
    height: 75px;
    display: flex;
    font-family: 'Geisha';
    padding: 20px 50px 20px 50px;
    background: url(../images/menu.png);
    background-size: cover;
    background-repeat: no-repeat;
}

    .text-menu a {
        padding: 7px 20px 0 20px;
    }

    .text-menu img {
        margin-top: -12px;
        margin-left: -20px;
        height: 59px;
        width: 59px;
    }

.text-content {
    font-family: 'Gamja';
    font-size: 15px;
}

.text-content2 {
    font-family: 'Gamja';
    font-size: 20px;
}

hr{height:0;
   color:inherit;
   border-top-width:1px}

abbr:where([title]){-webkit-text-decoration:underline dotted;
                    text-decoration:underline dotted}

h1,
h2,
h3,
h4,
h5,
h6{font-size:inherit;
   font-weight:inherit}

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

b,
strong{font-weight:bolder}

code,
kbd,
samp,
pre {
    font-family: 'Gamja';
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small{font-size:80%}

sub,
sup{font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline}

sub{bottom:-.25em}

sup{top:-.5em}

table{text-indent:0;
      border-color:inherit;
      border-collapse:collapse}

button,
input,
optgroup,
select,
textarea{font-family:inherit;
         font-feature-settings:inherit;
         font-variation-settings:inherit;
         font-size:100%;
         font-weight:inherit;
         line-height:inherit;
         letter-spacing:inherit;
         color:inherit;
         margin:0;
         padding:0}

button,
select{text-transform:none}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]){-webkit-appearance:button;
                           background-color:transparent;
                           background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}

progress{vertical-align:baseline}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button{height:auto}

[type=search]{-webkit-appearance:textfield;
              outline-offset:-2px}

::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;
                             font:inherit}

summary{display:list-item}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre{margin:0}

fieldset{margin:0;
         padding:0}

legend{padding:0}

ol,
ul,
menu{list-style:none;
     margin:0;
     padding:0}

dialog{padding:0}
textarea{resize:vertical}

input::-moz-placeholder,
textarea::-moz-placeholder{opacity:1;
                           color:#9ca3af}

input::placeholder,
textarea::placeholder{opacity:1;
                      color:#9ca3af}

button,
[role=button]{cursor:pointer}
:disabled{cursor:default}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object{display:block;
       vertical-align:middle}

img,
video{max-width:100%;
      height:auto}

[hidden]:where(:not([hidden=until-found])){display:none}

*{scrollbar-color:initial;
  scrollbar-width:initial}

.\!container{width:100%!important}

.container{width:100%}

@media (min-width: 640px){
    .\!container{max-width:640px!important}
    .container{max-width:640px}}

@media (min-width: 768px){
    .\!container{max-width:768px!important}
    .container{max-width:768px}}

@media (min-width: 1024px){
    .\!container{max-width:1024px!important}
    .container{max-width:1024px}}

@media (min-width: 1280px){
    .\!container{max-width:1280px!important}
    .container{max-width:1280px}}

@media (min-width: 1536px){
    .\!container{max-width:1536px!important}
    .container{max-width:1536px}}

.fixed{position:fixed}

.absolute{position:absolute}

.relative{position:relative}

.inset-0{top:0;
         right:0;
         bottom:0;
         left:0}

.left-0{left:0}

.top-0{top:0}

.z-0{z-index:0}

.z-10{z-index:10}

.z-20{z-index:20}

.z-30{z-index:30}

.z-50{z-index:50}

.z-\[60\]{z-index:60}

.col-span-1{grid-column:span 1 / span 1}

.mx-auto{margin-left:auto;
         margin-right:auto}

.my-2{margin-top:.5rem;
      margin-bottom:.5rem}

.mb-2{margin-bottom:.5rem}

.mb-4{margin-bottom:1rem}

.mt-1{margin-top:.20rem}

.mt-8{margin-top:1rem}

.block{display:block}

.flex{display:flex}

.grid{display:grid}

.hidden{display:none}

.h-10{height:2.5rem}

.h-12{height:3rem}

.h-8{height:2rem}

.h-96{height:24rem}

.h-\[80px\]{height:80px}

.h-dvh{height:100vh}

.h-full{height:100%}
.h-sfull {
    height: 99%;
}

.h-screen{height:100vh}

.max-h-\[1000px\]{max-height:1000px}

.max-h-\[65\%\]{max-height:65%}

.max-h-full{max-height:100%}

.min-h-0{min-height:0px}

.w-12{width:3rem}

.w-\[60\%\]{width:60%}

.w-full{width:100%}

.w-screen{width:100vw}

.max-w-\[800px\]{max-width:800px}
.max-w-\[600px\] {
    max-width: 600px
}

.max-w-full{max-width:100%}

.flex-shrink{flex-shrink:1}

.flex-shrink-0{flex-shrink:0}

.flex-grow,.grow{flex-grow:1}

.basis-0{flex-basis:0px}

.cursor-pointer{cursor:pointer}

.select-none{-webkit-user-select:none;
             -moz-user-select:none;
             user-select:none}

.resize{resize:both}

.list-inside{list-style-position:inside}

.list-disc{list-style-type:decimal}

.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}

.grid-cols-5{grid-template-columns:repeat(4,minmax(0,1fr))}

.flex-row{flex-direction:row}

.flex-col{flex-direction:column}

.items-center{align-items:center}

.justify-start{justify-content:flex-start}

.justify-end{justify-content:flex-end}

.justify-center{justify-content:center}

.justify-between{justify-content:space-between}

.justify-around{justify-content:space-around}

.gap-2{gap:.5rem}

.gap-20{gap:5rem}

.gap-4{gap:1rem}

.gap-6{gap:1.5rem}

.gap-8{gap:2rem}

.gap-\[10px\]{gap:10px}

.self-center{align-self:center}

.overflow-hidden{overflow:hidden}

.overflow-y-auto{overflow-y:auto}

.overflow-y-scroll{overflow-y:scroll}

.rounded-full{border-radius:9999px}

.rounded-lg{border-radius:.5rem}

.border{border-width:1px}

.border-2{border-width:2px}

.border-red-900{--tw-border-opacity: 1;
                border-color:rgb(127 29 29 / var(--tw-border-opacity))}

.bg-\[\#BEA990\]{--tw-bg-opacity: 1;
                 background-color:rgb(190 169 144 / var(--tw-bg-opacity))}

.bg-\[\#EAD2A5\]{--tw-bg-opacity: 1;
                 background-color:rgb(234 210 165 / var(--tw-bg-opacity))}

.bg-black\/40{background-color:#0006}

.bg-red-800{--tw-bg-opacity: 1;
            background-color:rgb(153 27 27 / var(--tw-bg-opacity))}

.bg-opacity-0{--tw-bg-opacity: 0}

.bg-opacity-95{--tw-bg-opacity: .95}

.bg-cover{background-size:cover}

.bg-center{background-position:center}

.bg-no-repeat{background-repeat:no-repeat}

.object-contain{-o-object-fit:contain;
                object-fit:contain}

.object-cover{-o-object-fit:cover;
              object-fit:cover}

.p-2{padding:.5rem}

.p-4{padding:1rem}

.p-6{padding:1.5rem}

.px-0{padding-left:0;
      padding-right:0}

.px-2{padding-left:.5rem;
      padding-right:.5rem}

.px-4{padding-left:1rem;
      padding-right:1rem}

.px-8{padding-left:2rem;
      padding-right:2rem}

.py-2{padding-top:.5rem;
      padding-bottom:.5rem}

.py-4{padding-top:1rem;
      padding-bottom:1rem}

.pb-8{padding-bottom:2rem}

.text-center{text-align:center}

.font-serif {
    font-family: 'Geisha2';
}

.text-2xl{font-size:1.5rem;line-height:2rem}

.text-3xl{font-size:1.875rem;
          line-height:2.25rem}

.text-4xl{font-size:2.25rem;
          line-height:2.5rem}

.text-lg{font-size:1.125rem;
         line-height:1.75rem}

.text-sm{font-size:.875rem;
         line-height:1.25rem}

.text-xl{font-size:1.25rem;
         line-height:1.75rem}

.text-xs{font-size:.75rem;
         line-height:1rem}

.font-bold{font-weight:700}

.text-\[\#222\]{--tw-text-opacity: 1;
                color:rgb(34 34 34 / var(--tw-text-opacity))}

.text-\[\#c2c2ff\]{--tw-text-opacity: 1;
                   color:rgb(194 194 255 / var(--tw-text-opacity))}

.text-black{--tw-text-opacity: 1;
            color:rgb(0 0 0 / var(--tw-text-opacity))}

.text-blue-200{--tw-text-opacity: 1;
               color:rgb(191 219 254 / var(--tw-text-opacity))}

.text-gray-300{--tw-text-opacity: 1;
               color:rgb(209 213 219 / var(--tw-text-opacity))}

.text-white{--tw-text-opacity: 1;
            color:rgb(255 255 255 / var(--tw-text-opacity))}

.underline{text-decoration-line:underline}

.no-underline{text-decoration-line:none}

.underline-offset-8{text-underline-offset:8px}

.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
        box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}

.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);
              --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
              box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}

.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
           --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
           box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}

.blur{--tw-blur: blur(8px);
      filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}

.grayscale{--tw-grayscale: grayscale(100%);
           filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}

.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}

.backdrop-blur{--tw-backdrop-blur: blur(8px);
               -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
               backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}

.backdrop-grayscale{--tw-backdrop-grayscale: grayscale(100%);
                    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
                    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}

.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
            transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
            transition-timing-function:cubic-bezier(.4,0,.2,1);
            transition-duration:.15s}

.transition-all{transition-property:all;
                transition-timing-function:cubic-bezier(.4,0,.2,1);
                transition-duration:.15s}

.duration-300{transition-duration:.3s}

.scrollbar-thin::-webkit-scrollbar-track{background-color:var(--scrollbar-track);
                                         border-radius:var(--scrollbar-track-radius)}

.scrollbar-thin::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover, var(--scrollbar-track))}

.scrollbar-thin::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))}

.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);
                                         border-radius:var(--scrollbar-thumb-radius)}

.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}

.scrollbar-thin::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))}

.scrollbar-thin::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);
                                          border-radius:var(--scrollbar-corner-radius)}

.scrollbar-thin::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))}

.scrollbar-thin::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))}

.scrollbar-thin{scrollbar-width:thin;
                scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}

.scrollbar-thin::-webkit-scrollbar{display:block;
                                   width:8px;
                                   height:8px}

.scrollbar-track-transparent{--scrollbar-track: transparent !important}

.scrollbar-thumb-\[\#32281E\]{--scrollbar-thumb: #32281E !important}

html,
body {
    font-family: 'Geisha';
}

nav {
    font-family: 'Geisha';
}
::-webkit-scrollbar{display:none}

*,
.page-container,
.page-container-body{-ms-overflow-style:none;
                     scrollbar-width:none}

.hover\:scale-110:hover{--tw-scale-x: 1.1;
                        --tw-scale-y: 1.1;
                        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}

.hover\:cursor-pointer:hover{cursor:pointer}

.hover\:bg-red-700:hover{--tw-bg-opacity: 1;
                         background-color:rgb(185 28 28 / var(--tw-bg-opacity))}

.hover\:underline:hover{text-decoration-line:underline}

.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
                        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
                        box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}

.hover\:grayscale-0:hover{--tw-grayscale: grayscale(0);
                          filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}

.focus\:outline-none:focus{outline:2px solid transparent;
                           outline-offset:2px}

.btncopy {
    display: flex;
    position: relative;
    width: 35px;
    height: 35px;
    z-index: 10;
    border: none;
    background-color: transparent;
    align-items: center;
    background-size: cover;
    justify-content: center;
}

/*Слайдер*/

.blog-slider * {
    box-sizing: border-box;
}

.blog-slider_wrapper {
    overflow: hidden;
}

.blog-slider {
    width: 99%;
    margin: 20px 0 20px 50px;
    position: relative;
    padding: 25px 0 20px 0;
    transition: all .3s;
}

.blog-slider__item {
    display: block;
}

    .blog-slider__item.swiper-slide-active .blog-slider__content > * {
        opacity: 1;
        transform: none;
    }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
            transition-delay: 0.3s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
            transition-delay: 0.4s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
            transition-delay: 0.5s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
            transition-delay: 0.6s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
            transition-delay: 0.7s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
            transition-delay: 0.8s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
            transition-delay: 0.9s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
            transition-delay: 1s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
            transition-delay: 1.1s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
            transition-delay: 1.2s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
            transition-delay: 1.3s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
            transition-delay: 1.4s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
            transition-delay: 1.5s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
            transition-delay: 1.6s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
            transition-delay: 1.7s;
        }

.blog-slider__img {
    margin: auto;
    max-width: 800px;
    max-height: 50vh;
    transform: translateX(-80px) scale(0);
    overflow: hidden;
    opacity: 0;
    padding-left: 50px;
}

    .blog-slider__img img {
        margin: auto;
        height: 65vh;
        width:auto;
        display: block;
        border-radius: 20px;
        transition: all .3s;
    }

.blog-slider__item.swiper-slide-active .blog-slider__img {
    opacity: 1;
    transition-duration: 0.5s;
    transform: translateX(-80px) scale(1);
}

.blog-slider__content {
    transform: translateX(-42px);
}

    .blog-slider__content > * {
        opacity: 0;
        transform: translateY(25px);
        transition: all .4s;
    }

.blog-slider__date {
    font-family: 'Gamja';
    margin-top: 10px;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 15px;
    font-weight: bold;
}

.blog-slider__title {
    font-family: 'Gamja';
    font-size: 25px;
    line-height: 20px;
    margin-bottom: 10px;
}

.blog-slider__content p {
    font-family: 'Gamja';
    width: 90%;
    color: #000;
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 19px;
}

.blog-slider__button-wrapper {
    text-align: right;
}

.blog-slider__button {
    display: inline-flex;
    margin-top: 10px;
    text-decoration: none;
    position: relative;
    font-size: 18px;
    line-height: 18px;
    padding: 12px 30px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    background: #337AB7;
    cursor: pointer;
    border: 2px solid #BFE2FF;
    border-radius: 25px;
}

    .blog-slider__button:hover,
    .blog-slider__button:active,
    .blog-slider__button:focus {
        color: #FFF;
    }

    .blog-slider__button:after,
    .blog-slider__button:before {
        position: absolute;
        height: 4px;
        left: 50%;
        background: #337AB7;
        bottom: -6px;
        content: "";
        transition: all 280ms ease-in-out;
        width: 0;
    }

    .blog-slider__button:before {
        top: -6px;
    }

    .blog-slider__button:hover:after,
    .blog-slider__button:hover:before,
    .blog-slider__button:active:after,
    .blog-slider__button:active:before,
    .blog-slider__button:focus:after,
    .blog-slider__button:focus:before {
        width: calc(100% - 40px);
        left: 20px;
    }

.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.blog-slider__pagination {
    position: absolute;
    z-index: 21;
    right: 20px;
    width: 11px !important;
    left: auto !important;
    top: 20px;
}

    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 8px 0;
    }

    .blog-slider__pagination .swiper-pagination-bullet {
        width: 11px;
        height: 11px;
        display: block;
        border-radius: 10px;
        background: #062744;
        opacity: 0.2;
        transition: all .3s;
    }

    .blog-slider__pagination .swiper-pagination-bullet-active {
        opacity: 1;
        background: #337AB7;
        height: 30px;
        box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
    }
/*Слайдер-end*/

.desc_block {
    display: block;
}

.mobile_block {
    display: none;
    position: relative;
}

.menu-close {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../img/Close.png) 0 0 repeat;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 100;
}

.menu-popup {
    width: 100%;
    max-width: 350px;
    height: 350px;
    display: none;
    background-image: url(../images/paper.webp);
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 100px;
    box-sizing: border-box;
    padding: 30px;
    z-index: 9999;
}

    .menu-popup ul {
        margin: 20px 0 0 0; 
        padding: 0;
    }

    .menu-popup li {
        list-style: none;
        margin: 10px 0;
        padding: 0;
    }

        .menu-popup li a {            
            font-size: 20px;
            font-family: 'Geisha';
            line-height: 2;
            text-decoration: none;
            opacity: 0.7;
        }

@media (min-width: 768px){
    .md\:flex{display:flex}
    .md\:h-auto{height:auto}
    .md\:w-auto{width:auto}
    .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
    .md\:flex-row{flex-direction:row}
    .md\:justify-center{justify-content:center}
    .md\:px-0{padding-left:0;padding-right:0}
    .md\:py-8{padding-top:1rem;padding-bottom:1rem}
    .md\:text-2xl{font-size:1.5rem;line-height:2rem}
    .md\:text-lg{font-size:1.125rem;line-height:1.75rem}}

@media (min-width: 1280px){.xl\:px-0{padding-left:0;padding-right:0}}

@media (max-width: 900px) {

    .desc_block {
        display: none;
        width: 100%;
    }

    .mobile_block {
        display: block;
        min-width: 310px;
        margin-left: -25px;
    }

    .text-menu {
        width: 100%;
        height: 75px;
        display: flex;
        font-family: 'Geisha';
        padding: 20px 50px 20px 50px;
        background: url(../images/menu.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .text-menu img {
        margin-top: -17px;
        margin-left: 0;
        height: 50px;
        width: 60px;
    }

    .mb-menu {
        height: 75px;
    }

    .buttons {
        display: flex;
        flex-wrap: wrap;
    }

    .blank-button4 {
        width: 150px;
        display: flex;
        gap: 1em;
        background-image: url(../images/blank.png);
        background-size: contain;
        background-repeat: no-repeat;
        padding: 10px;
        font-size: 15px;
        text-align: center;
        white-space: nowrap;
    }

    .blank-button5 {
        margin-top: -20px;
        width: 150px;
        display: flex;
        gap: 1em;
        background-image: url(../images/blank.png);
        background-size: contain;
        background-repeat: no-repeat;
        padding: 10px;
        font-size: 15px;
        text-align: center;
        white-space: nowrap;
    }

    .blank-button4 img {
        width:25px;
        padding: 0 5px 10px 0;
    }

    .blank-button5 img {
        width: 25px;
        padding: 0 5px 10px 0;
    }

    .blog-slider__img img {
        margin: auto;
        height: auto;
        width: 60vh;
        display: block;
        border-radius: 20px;
        transition: all .3s;
    }
}

@media (max-width: 550px) {
    .text-menu {
        height: 75px;
        display: flex;
        font-family: 'Geisha';
        font-size: 17px;
        padding: 20px 0px 20px 0px;
        background: url(../images/menu.png);
        background-size: cover;
        background-repeat: no-repeat;
        white-space: nowrap;
    }

        .text-menu img {
            margin-top: -17px;
            margin-left: auto;
            height: 50px;
            width: 60px;
        }

    .gap-6{
    gap: 0.5rem
    }

    .text-content {
        font-family: 'Gamja';
        font-size: 12px;
    }

    .text-content2 {
        font-family: 'Gamja';
        font-size: 12px;
    }

    .blog-slider__content p {
        font-size: 14px;
        
    }

    .blog-slider__title {
        font-size: 17px;
        line-height: 10px;
    }

    .blog-slider__date {
        font-family: 'Gamja';
        margin-top: 15px;
        width: 100%;
        text-align: center;
        display: block;
        font-size: 15px;
        font-weight: bold;
    }

    .btncopy {
        width: 20px;
        height: 20px;
    }

    .buttons {
        display: flex;
        flex-wrap: wrap;
    }

    .blog-slider__img img {
        margin: auto;
        height: auto;
        width: 60vh;
        display: block;
        border-radius: 20px;
        transition: all .3s;
    }

}