/*
! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
*/

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.-bottom-14 {
    bottom: -3.5rem
}

.-bottom-24 {
    bottom: -6rem
}

.-bottom-\[70px\] {
    bottom: -70px
}

.-left-10 {
    left: -2.5rem
}

.-left-60 {
    left: -15rem
}

.-left-80 {
    left: -20rem
}

.-right-10 {
    right: -2.5rem
}

.-right-5 {
    right: -1.25rem
}

.-top-12 {
    top: -3rem
}

.-top-14 {
    top: -3.5rem
}

.-top-2 {
    top: -.5rem
}

.-top-3 {
    top: -.75rem
}

.-top-6 {
    top: -1.5rem
}

.-top-8 {
    top: -2rem
}

.-top-\[1px\] {
    top: -1px
}

.bottom-0 {
    bottom: 0
}

.bottom-1 {
    bottom: .25rem
}

.bottom-10 {
    bottom: 2.5rem
}

.bottom-12 {
    bottom: 3rem
}

.bottom-14 {
    bottom: 3.5rem
}

.bottom-32 {
    bottom: 8rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-7 {
    bottom: 1.75rem
}

.bottom-80 {
    bottom: 20rem
}

.bottom-\[21\%\] {
    bottom: 21%
}

.left-0 {
    left: 0
}

.left-1 {
    left: .25rem
}

.left-1\/2 {
    left: 50%
}

.left-10 {
    left: 2.5rem
}

.left-12 {
    left: 3rem
}

.left-2 {
    left: .5rem
}

.left-6 {
    left: 1.5rem
}

.left-7 {
    left: 1.75rem
}

.left-\[-23\%\] {
    left: -23%
}

.left-\[16\.5\%\] {
    left: 16.5%
}

.left-\[20\%\] {
    left: 20%
}

.left-\[243px\] {
    left: 243px
}

.left-\[28px\] {
    left: 28px
}

.left-\[40\%\] {
    left: 40%
}

.left-\[62\%\] {
    left: 62%
}

.left-\[70px\] {
    left: 70px
}

.left-\[73px\] {
    left: 73px
}

.right-0 {
    right: 0
}

.right-1\/2 {
    right: 50%
}

.right-1\/4 {
    right: 25%
}

.right-2 {
    right: .5rem
}

.right-\[-40px\] {
    right: -40px
}

.right-\[16\.5\%\] {
    right: 16.5%
}

.right-\[25px\] {
    right: 25px
}

.right-\[30\%\] {
    right: 30%
}

.right-\[42px\] {
    right: 42px
}

.right-\[45px\] {
    right: 45px
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

.top-1\/2 {
    top: 50%
}

.top-10 {
    top: 2.5rem
}

.top-11 {
    top: 2.75rem
}

.top-14 {
    top: 3.5rem
}

.top-2 {
    top: .5rem
}

.top-20 {
    top: 5rem
}

.top-28 {
    top: 7rem
}

.top-3 {
    top: .75rem
}

.top-5 {
    top: 1.25rem
}

.top-6 {
    top: 1.5rem
}

.top-7 {
    top: 1.75rem
}

.top-8 {
    top: 2rem
}

.top-\[104px\] {
    top: 104px
}

.top-\[165px\] {
    top: 165px
}

.top-\[167px\] {
    top: 167px
}

.top-\[186px\] {
    top: 186px
}

.top-\[20\%\] {
    top: 20%
}

.top-\[215px\] {
    top: 215px
}

.top-\[30\%\] {
    top: 30%
}

.top-\[32\%\] {
    top: 32%
}

.top-\[33\%\] {
    top: 33%
}

.top-\[35\%\] {
    top: 35%
}

.top-\[39\%\] {
    top: 39%
}

.top-\[41px\] {
    top: 41px
}

.top-\[450px\] {
    top: 450px
}

.top-\[48\%\] {
    top: 48%
}

.top-\[490px\] {
    top: 490px
}

.top-\[53\%\] {
    top: 53%
}

.top-\[54\%\] {
    top: 54%
}

.top-\[556px\] {
    top: 556px
}

.top-\[57\%\] {
    top: 57%
}

.top-\[60px\] {
    top: 60px
}

.-z-10 {
    z-index: -10
}

.-z-50 {
    z-index: -50
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

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

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

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

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

.mb-3 {
    margin-bottom: .75rem
}

.mb-\[150px\] {
    margin-bottom: 150px
}

.mb-\[26px\] {
    margin-bottom: 26px
}

.ml-6 {
    margin-left: 1.5rem
}

.mr-\[60px\] {
    margin-right: 60px
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-14 {
    margin-top: 3.5rem
}

.mt-2 {
    margin-top: .5rem
}

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

.mt-3 {
    margin-top: .75rem
}

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

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

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

.mt-\[15px\] {
    margin-top: 15px
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-\[26px\] {
    margin-top: 26px
}

.mt-\[30px\] {
    margin-top: 30px
}

.mt-\[34px\] {
    margin-top: 34px
}

.mt-\[6px\] {
    margin-top: 6px
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

.line-clamp-1, .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[102\/102\] {
    aspect-ratio: 102/102
}

.aspect-\[105\/105\] {
    aspect-ratio: 105/105
}

.aspect-\[124\/124\] {
    aspect-ratio: 124/124
}

.aspect-\[125\/124\] {
    aspect-ratio: 125/124
}

.aspect-\[136\/42\] {
    aspect-ratio: 136/42
}

.aspect-\[138\/41\] {
    aspect-ratio: 138/41
}

.aspect-\[149\/114\] {
    aspect-ratio: 149/114
}

.aspect-\[15\/26\] {
    aspect-ratio: 15/26
}

.aspect-\[160\/89\] {
    aspect-ratio: 160/89
}

.aspect-\[163\/158\] {
    aspect-ratio: 163/158
}

.aspect-\[168\/99\] {
    aspect-ratio: 168/99
}

.aspect-\[1680\/950\] {
    aspect-ratio: 1680/950
}

.aspect-\[175\/175\] {
    aspect-ratio: 175/175
}

.aspect-\[184\/208\] {
    aspect-ratio: 184/208
}

.aspect-\[189\/634\] {
    aspect-ratio: 189/634
}

.aspect-\[1920\/950\] {
    aspect-ratio: 1920/950
}

.aspect-\[200\/153\] {
    aspect-ratio: 200/153
}

.aspect-\[200\/163\] {
    aspect-ratio: 200/163
}

.aspect-\[210\/414\] {
    aspect-ratio: 210/414
}

.aspect-\[211\/163\] {
    aspect-ratio: 211/163
}

.aspect-\[240\/950\] {
    aspect-ratio: 240/950
}

.aspect-\[243\/950\] {
    aspect-ratio: 243/950
}

.aspect-\[244\/184\] {
    aspect-ratio: 244/184
}

.aspect-\[246\/74\] {
    aspect-ratio: 246/74
}

.aspect-\[2560\/1440\] {
    aspect-ratio: 2560/1440
}

.aspect-\[263\/325\] {
    aspect-ratio: 263/325
}

.aspect-\[271\/110\] {
    aspect-ratio: 271/110
}

.aspect-\[277\/70\] {
    aspect-ratio: 277/70
}

.aspect-\[30\/30\] {
    aspect-ratio: 30/30
}

.aspect-\[303\/100\] {
    aspect-ratio: 303/100
}

.aspect-\[334\/72\] {
    aspect-ratio: 334/72
}

.aspect-\[336\/91\] {
    aspect-ratio: 336/91
}

.aspect-\[352\/561\] {
    aspect-ratio: 352/561
}

.aspect-\[36\/36\] {
    aspect-ratio: 36/36
}

.aspect-\[360\/109\] {
    aspect-ratio: 360/109
}

.aspect-\[42\/42\] {
    aspect-ratio: 42/42
}

.aspect-\[488\/80\] {
    aspect-ratio: 488/80
}

.aspect-\[491\/34\] {
    aspect-ratio: 491/34
}

.aspect-\[491\/35\] {
    aspect-ratio: 491/35
}

.aspect-\[51\/38\] {
    aspect-ratio: 51/38
}

.aspect-\[538\/150\] {
    aspect-ratio: 538/150
}

.aspect-\[601\/13\] {
    aspect-ratio: 601/13
}

.aspect-\[603\/150\] {
    aspect-ratio: 603/150
}

.aspect-\[62\/64\] {
    aspect-ratio: 62/64
}

.aspect-\[624\/335\] {
    aspect-ratio: 624/335
}

.aspect-\[679\/424\] {
    aspect-ratio: 679/424
}

.aspect-\[684\/440\] {
    aspect-ratio: 684/440
}

.aspect-\[685\/440\] {
    aspect-ratio: 685/440
}

.aspect-\[685\/72\] {
    aspect-ratio: 685/72
}

.aspect-\[758\/80\] {
    aspect-ratio: 758/80
}

.aspect-\[768\/1025\] {
    aspect-ratio: 768/1025
}

.aspect-\[768\/1167\] {
    aspect-ratio: 768/1167
}

.aspect-\[768\/132\] {
    aspect-ratio: 768/132
}

.aspect-\[768\/649\] {
    aspect-ratio: 768/649
}

.aspect-\[780\/1439\] {
    aspect-ratio: 780/1439
}

.aspect-\[841\/524\] {
    aspect-ratio: 841/524
}

.aspect-\[85\/85\] {
    aspect-ratio: 85/85
}

.aspect-\[88\/88\] {
    aspect-ratio: 88/88
}

.aspect-\[96\/89\] {
    aspect-ratio: 96/89
}

.aspect-\[98\/98\] {
    aspect-ratio: 98/98
}

.\!h-\[450px\] {
    height: 450px !important
}

.h-10 {
    height: 2.5rem
}

.h-14 {
    height: 3.5rem
}

.h-36 {
    height: 9rem
}

.h-5 {
    height: 1.25rem
}

.h-7 {
    height: 1.75rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[calc\(100\%_-_170px\)\] {
    height: calc(100% - 170px)
}

.h-\[calc\(100\%_-_184px\)\] {
    height: calc(100% - 184px)
}

.h-\[calc\(100\%_-_407px\)\] {
    height: calc(100% - 407px)
}

.h-\[calc\(1453px_-_80px\)\] {
    height: calc(1453px - 80px)
}

.h-full {
    height: 100%
}

.min-h-2 {
    min-height: .5rem
}

.min-h-\[132px\] {
    min-height: 132px
}

.min-h-\[250px\] {
    min-height: 250px
}

.min-h-\[350px\] {
    min-height: 350px
}

.min-h-\[400px\] {
    min-height: 400px
}

.min-h-\[458px\] {
    min-height: 458px
}

.min-h-\[685px\] {
    min-height: 685px
}

.min-h-\[70px\] {
    min-height: 70px
}

.w-16 {
    width: 4rem
}

.w-5 {
    width: 1.25rem
}

.w-7 {
    width: 1.75rem
}

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

.w-\[170px\] {
    width: 170px
}

.w-\[192px\] {
    width: 192px
}

.w-\[200px\] {
    width: 200px
}

.w-\[230px\] {
    width: 230px
}

.w-\[240px\] {
    width: 240px
}

.w-\[243px\] {
    width: 243px
}

.w-\[450px\] {
    width: 450px
}

.w-\[500px\] {
    width: 500px
}

.w-\[50px\] {
    width: 50px
}

.w-\[530px\] {
    width: 530px
}

.w-\[540px\] {
    width: 540px
}

.w-\[550px\] {
    width: 550px
}

.w-\[560px\] {
    width: 560px
}

.w-\[625px\] {
    width: 625px
}

.w-\[685px\] {
    width: 685px
}

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

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

.w-\[94px\] {
    width: 94px
}

.w-\[97\.5\%\] {
    width: 97.5%
}

.w-\[calc\(100\%_-_135px\)\] {
    width: calc(100% - 135px)
}

.w-\[calc\(100\%_-_15px\)\] {
    width: calc(100% - 15px)
}

.w-\[calc\(100\%_-_243px\)\] {
    width: calc(100% - 243px)
}

.w-\[calc\(100\%_-_26px\)\] {
    width: calc(100% - 26px)
}

.w-\[calc\(100\%_-_86px\)\] {
    width: calc(100% - 86px)
}

.w-full {
    width: 100%
}

.w-max {
    width: max-content
}

.min-w-\[50px\] {
    min-width: 50px
}

.min-w-\[625px\] {
    min-width: 625px
}

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

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

.flex-1 {
    flex: 1 1 0%
}

.origin-top {
    transform-origin: top
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2, .-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.translate-x-1\/2 {
    --tw-translate-x: 50%
}

.rotate-180, .translate-x-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-100, .scale-105 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.scale-110, .scale-150 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9
}

.scale-90, .scale-\[\.7\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[\.7\] {
    --tw-scale-x: .7;
    --tw-scale-y: .7
}

.scale-\[\.88\] {
    --tw-scale-x: .88;
    --tw-scale-y: .88
}

.scale-\[\.88\], .scale-\[\.8\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[\.8\] {
    --tw-scale-x: .8;
    --tw-scale-y: .8
}

.scale-\[0\.98\] {
    --tw-scale-x: 0.98;
    --tw-scale-y: 0.98
}

.scale-\[0\.98\], .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

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

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

.flex-col {
    flex-direction: column
}

.flex-nowrap {
    flex-wrap: nowrap
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

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

.justify-center {
    justify-content: center
}

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

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

.gap-1 {
    gap: .25rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-x-1 {
    column-gap: .25rem
}

.gap-x-10 {
    column-gap: 2.5rem
}

.gap-x-2 {
    column-gap: .5rem
}

.gap-x-3 {
    column-gap: .75rem
}

.gap-x-4 {
    column-gap: 1rem
}

.gap-x-5 {
    column-gap: 1.25rem
}

.gap-x-6 {
    column-gap: 1.5rem
}

.gap-x-8 {
    column-gap: 2rem
}

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

.gap-x-\[14px\] {
    column-gap: 14px
}

.gap-x-\[25px\] {
    column-gap: 25px
}

.gap-x-\[42px\] {
    column-gap: 42px
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

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

.gap-y-\[34px\] {
    row-gap: 34px
}

.gap-y-\[5px\] {
    row-gap: 5px
}

.gap-y-\[8px\] {
    row-gap: 8px
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.text-nowrap {
    text-wrap: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.\!rounded-none {
    border-radius: 0 !important
}

.rounded {
    border-radius: .25rem
}

.rounded-\[10px\] {
    border-radius: 10px
}

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

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

.rounded-md {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: .75rem
}

.border {
    border-width: 1px
}

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

.border-b, .border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-t-\[5px\] {
    border-top-width: 5px
}

.border-\[\#d7d7d7\] {
    --tw-border-opacity: 1;
    border-color: rgb(215 215 215/var(--tw-border-opacity))
}

.border-\[\#e1e1e1\] {
    --tw-border-opacity: 1;
    border-color: rgb(225 225 225/var(--tw-border-opacity))
}

.border-\[\#ebebeb\] {
    --tw-border-opacity: 1;
    border-color: rgb(235 235 235/var(--tw-border-opacity))
}

.border-border {
    --tw-border-opacity: 1;
    border-color: rgb(147 147 147/var(--tw-border-opacity))
}

.border-red {
    --tw-border-opacity: 1;
    border-color: rgb(255 95 89/var(--tw-border-opacity))
}

.\!bg-black {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important
}

.bg-\[\#e9e9e9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(233 233 233/var(--tw-bg-opacity))
}

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

.bg-\[\#f0f0f0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240/var(--tw-bg-opacity))
}

.bg-\[\#f1b895\] {
    --tw-bg-opacity: 1;
    background-color: rgb(241 184 149/var(--tw-bg-opacity))
}

.bg-\[\#f5f5f5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.bg-\[\#ffe5e4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 229 228/var(--tw-bg-opacity))
}

.bg-\[rgba\(86\2c 39\2c 32\2c \.7\)\] {
    background-color: rgba(86, 39, 32, .7)
}

.bg-bgBlack {
    --tw-bg-opacity: 1;
    background-color: rgb(44 44 44/var(--tw-bg-opacity))
}

.bg-bgFooter {
    --tw-bg-opacity: 1;
    background-color: rgb(226 226 226/var(--tw-bg-opacity))
}

.bg-bgPost {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244/var(--tw-bg-opacity))
}

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

.bg-black\/50 {
    background-color: rgba(0, 0, 0, .5)
}

.bg-black\/70 {
    background-color: rgba(0, 0, 0, .7)
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.bg-red {
    --tw-bg-opacity: 1;
    background-color: rgb(255 95 89/var(--tw-bg-opacity))
}

.bg-redActive {
    --tw-bg-opacity: 1;
    background-color: rgb(236 42 40/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

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

.bg-\[url\(\"\/images\/home\/1920\/bg-des-skill\.png\"\)\] {
    background-image: url(/images/home/1920/bg-des-skill.png)
}

.bg-\[url\(\'\/images\/bang-hoi\/768\/thamgia\.png\'\)\] {
    background-image: url(/images/bang-hoi/768/thamgia.png)
}

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

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

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

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

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

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

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

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

.px-\[22px\] {
    padding-left: 22px;
    padding-right: 22px
}

.px-\[26px\] {
    padding-left: 26px;
    padding-right: 26px
}

.px-\[43px\] {
    padding-left: 43px;
    padding-right: 43px
}

.px-\[60px\] {
    padding-left: 60px;
    padding-right: 60px
}

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

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

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

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

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

.py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-\[15px\] {
    padding-top: 15px;
    padding-bottom: 15px
}

.py-\[22px\] {
    padding-top: 22px;
    padding-bottom: 22px
}

.pb-10 {
    padding-bottom: 2.5rem
}

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

.pb-4 {
    padding-bottom: 1rem
}

.pb-\[300px\] {
    padding-bottom: 300px
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-\[20px\] {
    padding-left: 20px
}

.pl-\[27px\] {
    padding-left: 27px
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-7 {
    padding-right: 1.75rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-\[14px\] {
    padding-top: 14px
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start
}

.\!text-\[30px\] {
    font-size: 30px !important
}

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

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

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

.text-\[17px\] {
    font-size: 17px
}

.text-base {
    font-size: 1rem;
    line-height: 1.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
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.leading-6 {
    line-height: 1.5rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-8 {
    line-height: 2rem
}

.leading-\[40px\] {
    line-height: 40px
}

.tracking-tight {
    letter-spacing: -.025em
}

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

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

.text-\[\#187fff\] {
    --tw-text-opacity: 1;
    color: rgb(24 127 255/var(--tw-text-opacity))
}

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

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

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

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity))
}

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

.text-inherit {
    color: inherit
}

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

.text-redActive {
    --tw-text-opacity: 1;
    color: rgb(236 42 40/var(--tw-text-opacity))
}

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

.text-yellow {
    --tw-text-opacity: 1;
    color: rgb(253 224 137/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .9
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(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)
}

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

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.blur-md {
    --tw-blur: blur(12px)
}

.blur-md, .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)
}

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

.duration-100 {
    transition-duration: .1s
}

.duration-200 {
    transition-duration: .2s
}

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

:root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0
}

body {
    color: rgb(var(--foreground-rgb));
    min-height: 100vh;
    scroll-behavior: smooth;
    font-family: roboto
}

picture, picture img {
    display: block
}

#transformWrapper {
    width: 768px;
    height: auto;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    overflow: hidden;
    position: absolute
}

@media screen and (min-width: 769px) {
    #transformWrapper {
        width: 1920px
    }
}

@media screen and (min-width: 1921px) {
    #transformWrapper {
        width: 2560px
    }
}

#scaleWrapper {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 100vh;
    scroll-behavior: smooth;
    overflow-x: hidden
}

#scaleWrapper.isHome {
    padding-top: 57px
}

#scaleWrapper::-webkit-scrollbar-track {
    background-color: transparent
}

#scaleWrapper::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: transparent
}

@media screen and (min-width: 992px) {
    #scaleWrapper::-webkit-scrollbar {
        width: 3px;
        height: 3px
    }
}

#scaleWrapper::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 16px
}

#scaleWrapper::-webkit-scrollbar-button {
    display: none
}

.btnMobileMenu {
    width: 72px;
    height: 25px;
    display: block;
    position: relative
}

.btnMobileMenu.active span:first-of-type {
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

.btnMobileMenu.active span:nth-of-type(2) {
    left: 50%;
    right: 50%;
    opacity: 0
}

.btnMobileMenu.active span:last-of-type {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg)
}

.btnMobileMenu span {
    display: block;
    height: 4px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    transition: .1s ease-in-out
}

.btnMobileMenu span:first-of-type {
    top: 0
}

.btnMobileMenu span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%)
}

.btnMobileMenu span:last-of-type {
    bottom: 0
}

.tippy-tooltip {
    padding: 0 !important
}

.tippy-tooltip .enter {
    background: transparent !important
}

.text-stroke {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    -webkit-text-stroke: 1px #000;
    -webkit-text-fill-color: #fff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
}

.text-stroke-rank {
    font-size: 45px;
    font-weight: 700;
    color: #fff9c5;
    -webkit-text-stroke: 1px #d2322e;
    -webkit-text-fill-color: #fff9c5;
    text-shadow: -1px -1px 0 #d2322e, 1px -1px 0 #d2322e, -1px 1px 0 #d2322e, 1px 1px 0 #d2322e
}

@supports (-webkit-text-stroke:1px #d2322e) {
    .text-stroke-rank {
        font-size: 48px;
        color: transparent;
        -webkit-text-fill-color: #fff9c5
    }
}

.text-shadow {
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
}

.text-shadow-white {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

input[type=radio] {
    -webkit-appearance: none;
    border: 1px solid red;
    appearance: none;
    border-radius: 9999px;
    background: transparent;
    display: flex;
    place-content: center;
    align-items: center;
    justify-content: center
}

input[type=radio]:before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transform: scale(0)
}

input[type=radio]:checked:before {
    transform: scale(1);
    background: red;
    position: relative;
    transition: inherit .3s linear
}

#slide-landing .swiper-slide {
    scale: .9 !important
}

@media screen and (min-width: 769px) {
    #slide-landing .swiper-slide {
        scale: inherit
    }
}

#slide-landing .swiper-slide-active {
    scale: .9 !important
}

#slide-landing .swiper-slide:not(.swiper-slide-active):after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: max-content;
    z-index: 10;
    background: rgba(0, 0, 0, .3);
    scale: .98 .97;
    filter: blur(50px)
}

@media screen and (min-width: 769px) {
    #slide-landing .swiper-slide-prev {
        left: 112px
    }

    #slide-landing .swiper-slide-next {
        left: -109px
    }

    #slide-landing .swiper-slide {
        opacity: 0
    }

    #slide-landing .swiper-slide-visible {
        opacity: 1
    }

    #slide-landing-ob .swiper-slide {
        scale: inherit
    }
}

#slide-landing-ob .swiper-slide:not(.swiper-slide-active) {
    filter: grayscale(.6)
}

@media screen and (min-width: 769px) {
    #slide-landing-ob .swiper-slide-prev {
        left: 112px
    }

    #slide-landing-ob .swiper-slide-next {
        left: -109px
    }

    #slide-landing-ob .swiper-slide {
        opacity: 0
    }

    #slide-landing-ob .swiper-slide-visible {
        opacity: 1
    }
}

.wrapper_Pagination li > button {
    color: #fff !important;
    background: #000 !important
}

.wrapper_Pagination .Mui-selected {
    border-color: transparent !important;
    background: red !important;
    border-radius: 0 !important
}

.no-scroll {
    overflow: hidden
}

input {
    outline: none;
    border: none
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]:focus {
    outline: none
}

.scrollbar-bang::-webkit-scrollbar {
    width: 1em;
    background: #2b2b2b;
    border-radius: 20px
}

.scrollbar-bang::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.scrollbar-bang::-webkit-scrollbar-thumb {
    background: #db524c;
    background: linear-gradient(90deg, #db3628 11%, #ff2727 90%);
    border-radius: 9999px
}

.wrapper-des span {
    font-weight: 700;
    font-style: italic
}

.tippy-popper {
    max-width: none
}

@media screen and (min-width: 769px) {
    .tippy-popper {
        max-width: none
    }
}

#footer {
    padding-bottom: 30px;
    height: 560px
}

@media screen and (min-width: 769px) {
    #footer {
        height: 350px
    }
}

#footer.bottom {
    padding-bottom: 200px
}

#scroll-content {
    background-image: url(https://website-assets-cdn.vtvlive.vn/web-game/t018/images/detail/1920/bg-layout.png);
    background-size: contain
}

.padding-rank {
    padding-top: 105px
}

.padding-tintuc {
    padding-top: 137px
}

.padding-tintuc-ios {
    padding-top: 85px
}

.animation-laluot {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    overflow: hidden;
    filter: brightness(2);
    -webkit-mask-size: 300% 200%;
    mask-size: 300% 200%;
    -webkit-mask-image: -webkit-linear-gradient(-180deg, hsla(0, 0%, 100%, 0) 40%, #fff 50%, hsla(0, 0%, 100%, 0) 60%);
    mask-image: -webkit-linear-gradient(-180deg, hsla(0, 0%, 100%, 0) 40%, #fff 50%, hsla(0, 0%, 100%, 0) 60%);
    animation: laluot 2.5s linear 1s infinite
}

@keyframes laluot {
    0% {
        -webkit-mask-position: 150% 0;
        mask-position: 150% 0
    }
    to {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }
}

@media screen and (min-width: 769px) {
    .mtRank {
        margin-top: 18px !important
    }

    .container-page {
        scroll-snap-type: y mandatory;
        overflow-y: scroll;
        max-height: max-content;
        scroll-behavior: smooth !important
    }

    .container-page::-webkit-scrollbar-track {
        background-color: transparent
    }

    .container-page::-webkit-scrollbar {
        width: 2px;
        height: 2px;
        background-color: transparent
    }
}

@media screen and (min-width: 769px)and (min-width: 992px) {
    .container-page::-webkit-scrollbar {
        width: 3px;
        height: 3px
    }
}

@media screen and (min-width: 769px) {
    .container-page::-webkit-scrollbar-thumb {
        background-color: #c3c3c3;
        border-radius: 16px
    }

    .container-page::-webkit-scrollbar-button {
        display: none
    }

    .container-page {
        height: auto;
        max-height: max-content
    }
}

@media screen and (min-width: 1240px) {
    .container-page {
        max-height: 1080px
    }
}

@media screen and (min-width: 769px) {
    .container-page section {
        scroll-snap-align: start
    }

    .container-page {
        height: auto
    }

    #scaleWrapper {
        padding-bottom: 100px
    }

    #footer-home {
        height: 600px !important
    }
}

@media screen and (min-width: 1240px) {
    #footer-home {
        height: auto !important
    }
}

.padding-detail-post {
    padding-top: 40px
}

.padding-detail-post-mobi {
    padding-top: 140px
}

.pagination .bullet {
    background: #a03d23;
    background: linear-gradient(180deg, #a03d23 10%, #e46958);
    flex: 1;
    min-width: 20px;
    max-width: 20px
}

.pagination .myActiveBullet {
    flex: 2;
    max-width: none
}

.\*\:border-r > * {
    border-right-width: 1px
}

.\*\:text-center > * {
    text-align: center
}

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

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

.\*\:font-medium > * {
    font-weight: 500
}

.\*\:font-normal > * {
    font-weight: 400
}

.\*\:leading-10 > * {
    line-height: 2.5rem
}

.\*\:leading-8 > * {
    line-height: 2rem
}

.\*\:leading-9 > * {
    line-height: 2.25rem
}

.\*\:tracking-tight > * {
    letter-spacing: -.025em
}

.\*\:tracking-wider > * {
    letter-spacing: .05em
}

.placeholder\:italic::placeholder {
    font-style: italic
}

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

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

.placeholder\:opacity-70::placeholder {
    opacity: .7
}

.odd\:bg-\[\#f6f6f6\]:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity))
}

.even\:bg-\[\#fff1f1\]:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 241 241/var(--tw-bg-opacity))
}

.hover\:bg-\[url\(\'\/images\/bang-hoi\/768\/thamgia-active\.png\'\)\]:hover {
    background-image: url(/images/bang-hoi/768/thamgia-active.png)
}

.hover\:text-red:hover {
    --tw-text-opacity: 1;
    color: rgb(255 95 89/var(--tw-text-opacity))
}

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

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-90:hover {
    opacity: .9
}

.hover\:hover\:shadow-\[0_0_5px_4px_\#fde089\]:hover:hover {
    --tw-shadow: 0 0 5px 4px #fde089;
    --tw-shadow-colored: 0 0 5px 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)
}

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

@media (min-width: 769px) {
    .md\:relative {
        position: relative
    }

    .md\:-bottom-2 {
        bottom: -.5rem
    }

    .md\:-bottom-28 {
        bottom: -7rem
    }

    .md\:-bottom-\[100px\] {
        bottom: -100px
    }

    .md\:-top-16 {
        top: -4rem
    }

    .md\:-top-20 {
        top: -5rem
    }

    .md\:bottom-10 {
        bottom: 2.5rem
    }

    .md\:bottom-5 {
        bottom: 1.25rem
    }

    .md\:bottom-\[20\%\] {
        bottom: 20%
    }

    .md\:left-1\/2 {
        left: 50%
    }

    .md\:left-20 {
        left: 5rem
    }

    .md\:left-5 {
        left: 1.25rem
    }

    .md\:left-\[17\%\] {
        left: 17%
    }

    .md\:left-\[25px\] {
        left: 25px
    }

    .md\:left-\[308px\] {
        left: 308px
    }

    .md\:left-\[368px\] {
        left: 368px
    }

    .md\:left-\[69px\] {
        left: 69px
    }

    .md\:left-\[7\%\] {
        left: 7%
    }

    .md\:right-4 {
        right: 1rem
    }

    .md\:right-\[-35px\] {
        right: -35px
    }

    .md\:right-\[10px\] {
        right: 10px
    }

    .md\:right-\[18\.5\%\] {
        right: 18.5%
    }

    .md\:right-\[360px\] {
        right: 360px
    }

    .md\:right-\[400px\] {
        right: 400px
    }

    .md\:right-\[80px\] {
        right: 80px
    }

    .md\:top-0 {
        top: 0
    }

    .md\:top-1\/2 {
        top: 50%
    }

    .md\:top-10 {
        top: 2.5rem
    }

    .md\:top-12 {
        top: 3rem
    }

    .md\:top-20 {
        top: 5rem
    }

    .md\:top-5 {
        top: 1.25rem
    }

    .md\:top-\[215px\] {
        top: 215px
    }

    .md\:top-\[25px\] {
        top: 25px
    }

    .md\:top-\[34px\] {
        top: 34px
    }

    .md\:top-\[35\%\] {
        top: 35%
    }

    .md\:top-\[367px\] {
        top: 367px
    }

    .md\:top-\[55\%\] {
        top: 55%
    }

    .md\:top-\[58\%\] {
        top: 58%
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:mt-14 {
        margin-top: 3.5rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mt-9 {
        margin-top: 2.25rem
    }

    .md\:line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-10 {
        height: 2.5rem
    }

    .md\:h-\[1241px\] {
        height: 1241px
    }

    .md\:h-\[169px\] {
        height: 169px
    }

    .md\:h-\[276px\] {
        height: 276px
    }

    .md\:h-\[320px\] {
        height: 320px
    }

    .md\:h-\[580px\] {
        height: 580px
    }

    .md\:h-\[755px\] {
        height: 755px
    }

    .md\:h-\[calc\(100\%_-_186px\)\] {
        height: calc(100% - 186px)
    }

    .md\:h-\[calc\(100\%_-_336px\)\] {
        height: calc(100% - 336px)
    }

    .md\:h-full {
        height: 100%
    }

    .md\:min-h-\[580px\] {
        min-height: 580px
    }

    .md\:w-\[103\%\] {
        width: 103%
    }

    .md\:w-\[1200px\] {
        width: 1200px
    }

    .md\:w-\[1440px\] {
        width: 1440px
    }

    .md\:w-\[59\%\] {
        width: 59%
    }

    .md\:w-\[765px\] {
        width: 765px
    }

    .md\:w-\[920px\] {
        width: 920px
    }

    .md\:w-\[calc\(100\%_-_23px\)\] {
        width: calc(100% - 23px)
    }

    .md\:w-\[calc\(100\%_-_400px\)\] {
        width: calc(100% - 400px)
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-full {
        width: 100%
    }

    .md\:max-w-\[1000px\] {
        max-width: 1000px
    }

    .md\:max-w-\[1070px\] {
        max-width: 1070px
    }

    .md\:origin-center {
        transform-origin: center
    }

    .md\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .md\:-translate-x-1\/2, .md\:translate-x-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .md\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .md\:scale-100, .md\:scale-75 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:scale-75 {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }

    .md\:scale-90 {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }

    .md\:scale-90, .md\:scale-\[\.6\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:scale-\[\.6\] {
        --tw-scale-x: .6;
        --tw-scale-y: .6
    }

    .md\:gap-1 {
        gap: .25rem
    }

    .md\:gap-x-4 {
        column-gap: 1rem
    }

    .md\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
    }

    .md\:object-center {
        object-position: center
    }

    .md\:p-0 {
        padding: 0
    }

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

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

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

    .md\:py-\[17px\] {
        padding-top: 17px;
        padding-bottom: 17px
    }

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

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

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

@media (min-width: 1920px) {
    .xl\:w-full {
        width: 100%
    }

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