/*
 * Stylesheet: Newsletter
 * Applies to editor and front end
 */

.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border-width: 0
}

.pointer-events-none {

    pointer-events: none
}

.invisible {

    visibility: hidden
}

.static {

    position: static
}

.fixed {

    position: fixed
}

.absolute {

    position: absolute
}

.relative {

    position: relative
}

.sticky {

    position: sticky
}

.inset-0 {

    inset: 0px
}

.bottom-0 {

    bottom: 0px
}

.bottom-\[40px\] {

    bottom: 40px
}

.left-0 {

    left: 0px
}

.left-1\/2 {

    left: 50%
}

.left-auto {

    left: auto
}

.right-0 {

    right: 0px
}

.top-0 {

    top: 0px
}

.top-1\/2 {

    top: 50%
}

.top-auto {

    top: auto
}

.z-10 {

    z-index: 10
}

.z-40 {

    z-index: 40
}

.z-50 {

    z-index: 50
}

.col-span-full {

    grid-column: 1 / -1
}

.row-start-2 {

    grid-row-start: 2
}

.row-start-3 {

    grid-row-start: 3
}

.m-0 {

    margin: 0px
}

.m-5 {

    margin: 0.3125rem
}

.m-auto {

    margin: auto
}

.mx-0 {

    margin-left: 0px;

    margin-right: 0px
}

.mx-10 {

    margin-left: 0.625rem;

    margin-right: 0.625rem
}

.mx-15 {

    margin-left: 0.9375rem;

    margin-right: 0.9375rem
}

.mx-\[5\%\] {

    margin-left: 5%;

    margin-right: 5%
}

.mx-auto {

    margin-left: auto;

    margin-right: auto
}

.my-0 {

    margin-top: 0px;

    margin-bottom: 0px
}

.my-10 {

    margin-top: 0.625rem;

    margin-bottom: 0.625rem
}

.my-12 {

    margin-top: 0.75rem;

    margin-bottom: 0.75rem
}

.my-15 {

    margin-top: 0.9375rem;

    margin-bottom: 0.9375rem
}

.my-20 {

    margin-top: 1.25rem;

    margin-bottom: 1.25rem
}

.my-22 {

    margin-top: 1.375rem;

    margin-bottom: 1.375rem
}

.my-24 {

    margin-top: 1.5rem;

    margin-bottom: 1.5rem
}

.my-32 {

    margin-top: 2rem;

    margin-bottom: 2rem
}

.my-5 {

    margin-top: 0.3125rem;

    margin-bottom: 0.3125rem
}

.my-60 {

    margin-top: 3.75rem;

    margin-bottom: 3.75rem
}

.my-\[15px\] {

    margin-top: 15px;

    margin-bottom: 15px
}

.mb-0 {

    margin-bottom: 0px
}

.mb-10 {

    margin-bottom: 0.625rem
}

.mb-16 {

    margin-bottom: 1rem
}

.mb-17 {

    margin-bottom: 1.0625rem
}

.mb-20 {

    margin-bottom: 1.25rem
}

.mb-24 {

    margin-bottom: 1.5rem
}

.mb-30 {

    margin-bottom: 1.875rem
}

.mb-5 {

    margin-bottom: 0.3125rem
}

.mb-60 {

    margin-bottom: 3.75rem
}

.mb-7 {

    margin-bottom: 0.4375rem
}

.mb-8 {

    margin-bottom: 0.5rem
}

.mb-96 {

    margin-bottom: 6rem
}

.mb-\[0\.1rem\] {

    margin-bottom: 0.1rem
}

.ml-0 {

    margin-left: 0px
}

.ml-10 {

    margin-left: 0.625rem
}

.ml-auto {

    margin-left: auto
}

.mr-0 {

    margin-right: 0px
}

.mr-10 {

    margin-right: 0.625rem
}

.mr-20 {

    margin-right: 1.25rem
}

.mr-30 {

    margin-right: 1.875rem
}

.mr-\[20px\] {

    margin-right: 20px
}

.mr-\[4rem\] {

    margin-right: 4rem
}

.mt-0 {

    margin-top: 0px
}

.mt-10 {

    margin-top: 0.625rem
}

.mt-16 {

    margin-top: 1rem
}

.mt-20 {

    margin-top: 1.25rem
}

.mt-24 {

    margin-top: 1.5rem
}

.mt-25 {

    margin-top: 1.5625rem
}

.mt-5 {

    margin-top: 0.3125rem
}

.mt-8 {

    margin-top: 0.5rem
}

.mt-\[0\.1rem\] {

    margin-top: 0.1rem
}

.mt-\[25px\] {

    margin-top: 25px
}

.mt-auto {

    margin-top: auto
}

.line-clamp-5 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5
}

.block {

    display: block
}

.inline {

    display: inline
}

.flex {

    display: flex
}

.grid {

    display: grid
}

.hidden {

    display: none
}

.aspect-\[270\/331\] {

    aspect-ratio: 270/331
}

.aspect-\[4\/3\] {

    aspect-ratio: 4/3
}

.aspect-\[81\/100\] {

    aspect-ratio: 81/100
}

.h-\[160px\] {

    height: 160px
}

.h-\[24px\] {

    height: 24px
}

.h-\[50px\] {

    height: 50px
}

.h-\[70px\] {

    height: 70px
}

.h-full {

    height: 100%
}

.max-h-0 {

    max-height: 0px
}

.min-h-\[1000px\] {

    min-height: 1000px
}

.min-h-\[140px\] {

    min-height: 140px
}

.min-h-\[160px\] {

    min-height: 160px
}

.min-h-\[80px\] {

    min-height: 80px
}

.w-\[100\%\] {

    width: 100%
}

.w-\[12rem\] {

    width: 12rem
}

.w-\[160px\] {

    width: 160px
}

.w-\[190px\] {

    width: 190px
}

.w-\[40\%\] {

    width: 40%
}

.w-\[49\%\] {

    width: 49%
}

.w-\[50\%\] {

    width: 50%
}

.w-\[60\%\] {

    width: 60%
}

.w-\[80\%\] {

    width: 80%
}

.w-\[90\%\] {

    width: 90%
}

.w-full {

    width: 100%
}

.min-w-\[160px\] {

    min-width: 160px
}

.max-w-\[125px\] {

    max-width: 125px
}

.max-w-\[284px\] {

    max-width: 284px
}

.max-w-\[300px\] {

    max-width: 300px
}

.max-w-\[700px\] {

    max-width: 700px
}

.max-w-full {

    max-width: 100%
}

.max-w-lg {

    max-width: 1024px
}

.-translate-x-1\/2 {

    --tw-translate-x: -50%;

    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%;

    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-90 {

    --tw-rotate: -90deg;

    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-90 {

    --tw-rotate: 90deg;

    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))
}

.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-pointer {

    cursor: pointer
}

.resize {

    resize: both
}

.list-disc {

    list-style-type: disc
}

.list-none {

    list-style-type: none
}

.grid-cols-1 {

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

.grid-cols-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.flex-row {

    flex-direction: row
}

.flex-col {

    flex-direction: column
}

.flex-wrap {

    flex-wrap: wrap
}

.items-start {

    align-items: flex-start
}

.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
}

.gap-10 {

    gap: 0.625rem
}

.gap-15 {

    gap: 0.9375rem
}

.gap-20 {

    gap: 1.25rem
}

.gap-25 {

    gap: 1.5625rem
}

.gap-35 {

    gap: 2.1875rem
}

.gap-45 {

    gap: 2.8125rem
}

.gap-x-20 {

    -moz-column-gap: 1.25rem;

         column-gap: 1.25rem
}

.gap-x-\[2\%\] {

    -moz-column-gap: 2%;

         column-gap: 2%
}

.gap-y-0 {

    row-gap: 0px
}

.gap-y-16 {

    row-gap: 1rem
}

.self-start {

    align-self: flex-start
}

.self-end {

    align-self: flex-end
}

.overflow-hidden {

    overflow: hidden
}

.overflow-y-scroll {

    overflow-y: scroll
}

.text-ellipsis {

    text-overflow: ellipsis
}

.whitespace-nowrap {

    white-space: nowrap
}

.break-normal {

    overflow-wrap: normal;

    word-break: normal
}

.rounded {

    border-radius: 4px
}

.rounded-\[2px\] {

    border-radius: 2px
}

.rounded-lg {

    border-radius: 0.5rem
}

.border {

    border-width: 1px
}

.border-0 {

    border-width: 0
}

.border-2 {

    border-width: 2px
}

.border-b {

    border-bottom-width: 1px
}

.border-b-6 {

    border-bottom-width: 6px
}

.border-b-\[0\.5px\] {

    border-bottom-width: 0.5px
}

.border-t {

    border-top-width: 1px
}

.border-t-6 {

    border-top-width: 6px
}

.border-solid {

    border-style: solid
}

.border-\[\#121212\] {

    --tw-border-opacity: 1;

    border-color: rgb(18 18 18 / var(--tw-border-opacity))
}

.border-error-red {

    --tw-border-opacity: 1;

    border-color: rgb(153 13 13 / var(--tw-border-opacity))
}

.border-gray {

    --tw-border-opacity: 1;

    border-color: rgb(112 112 112 / var(--tw-border-opacity))
}

.border-b-transparent {

    border-bottom-color: transparent
}

.bg-\[\#121212\] {

    --tw-bg-opacity: 1;

    background-color: rgb(18 18 18 / var(--tw-bg-opacity))
}

.bg-\[\#c4c4c4\] {

    --tw-bg-opacity: 1;

    background-color: rgb(196 196 196 / var(--tw-bg-opacity))
}

.bg-black {

    --tw-bg-opacity: 1;

    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.bg-gray {

    --tw-bg-opacity: 1;

    background-color: rgb(112 112 112 / var(--tw-bg-opacity))
}

.bg-inherit {

    background-color: inherit
}

.bg-light-gray {

    --tw-bg-opacity: 1;

    background-color: rgb(246 246 246 / 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))
}

.object-cover {

    -o-object-fit: cover;

       object-fit: cover
}

.object-center {

    -o-object-position: center;

       object-position: center
}

.p-0 {

    padding: 0px
}

.p-1 {

    padding: 0.0625rem
}

.p-10 {

    padding: 0.625rem
}

.p-20 {

    padding: 1.25rem
}

.p-30 {

    padding: 1.875rem
}

.p-4 {

    padding: 0.25rem
}

.p-5 {

    padding: 0.3125rem
}

.px-0 {

    padding-left: 0px;

    padding-right: 0px
}

.px-10 {

    padding-left: 0.625rem;

    padding-right: 0.625rem
}

.px-11 {

    padding-left: 0.6875rem;

    padding-right: 0.6875rem
}

.px-16 {

    padding-left: 1rem;

    padding-right: 1rem
}

.px-20 {

    padding-left: 1.25rem;

    padding-right: 1.25rem
}

.px-30 {

    padding-left: 1.875rem;

    padding-right: 1.875rem
}

.px-5 {

    padding-left: 0.3125rem;

    padding-right: 0.3125rem
}

.px-\[20px\] {

    padding-left: 20px;

    padding-right: 20px
}

.py-10 {

    padding-top: 0.625rem;

    padding-bottom: 0.625rem
}

.py-15 {

    padding-top: 0.9375rem;

    padding-bottom: 0.9375rem
}

.py-17 {

    padding-top: 1.0625rem;

    padding-bottom: 1.0625rem
}

.py-20 {

    padding-top: 1.25rem;

    padding-bottom: 1.25rem
}

.py-40 {

    padding-top: 2.5rem;

    padding-bottom: 2.5rem
}

.py-50 {

    padding-top: 3.125rem;

    padding-bottom: 3.125rem
}

.py-\[15\.5px\] {

    padding-top: 15.5px;

    padding-bottom: 15.5px
}

.py-\[30px\] {

    padding-top: 30px;

    padding-bottom: 30px
}

.py-\[45px\] {

    padding-top: 45px;

    padding-bottom: 45px
}

.pb-140 {

    padding-bottom: 8.75rem
}

.pb-25 {

    padding-bottom: 1.5625rem
}

.pb-40 {

    padding-bottom: 2.5rem
}

.pl-0 {

    padding-left: 0px
}

.pl-10 {

    padding-left: 0.625rem
}

.pl-33 {

    padding-left: 2.0625rem
}

.pt-0 {

    padding-top: 0px
}

.pt-16 {

    padding-top: 1rem
}

.pt-20 {

    padding-top: 1.25rem
}

.text-left {

    text-align: left
}

.text-center {

    text-align: center
}

.text-10 {

    font-size: 0.625rem
}

.text-12 {

    font-size: 0.75rem
}

.text-14 {

    font-size: 0.875rem
}

.text-16 {

    font-size: 1rem
}

.text-18 {

    font-size: 1.125rem
}

.text-26 {

    font-size: 1.625rem
}

.text-2xl {

    font-size: 1.5rem;

    line-height: 2rem
}

.text-4xl {

    font-size: 2.25rem;

    line-height: 2.5rem
}

.text-\[0\.9rem\] {

    font-size: 0.9rem
}

.text-\[14\.4px\] {

    font-size: 14.4px
}

.text-\[14px\] {

    font-size: 14px
}

.text-sm {

    font-size: 0.875rem;

    line-height: 1.25rem
}

.font-200 {

    font-weight: 200
}

.font-400 {

    font-weight: 400
}

.font-500 {

    font-weight: 500
}

.font-700 {

    font-weight: 700
}

.font-bold {

    font-weight: 700
}

.font-extrabold {

    font-weight: 800
}

.font-medium {

    font-weight: 500
}

.uppercase {

    text-transform: uppercase
}

.capitalize {

    text-transform: capitalize
}

.italic {

    font-style: italic
}

.leading-normal {

    line-height: 1.5
}

.text-\[\#121212\] {

    --tw-text-opacity: 1;

    color: rgb(18 18 18 / var(--tw-text-opacity))
}

.text-\[\#606060\] {

    --tw-text-opacity: 1;

    color: rgb(96 96 96 / var(--tw-text-opacity))
}

.text-black {

    --tw-text-opacity: 1;

    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.text-error-red {

    --tw-text-opacity: 1;

    color: rgb(153 13 13 / var(--tw-text-opacity))
}

.text-gray {

    --tw-text-opacity: 1;

    color: rgb(112 112 112 / 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-4 {

    text-underline-offset: 4px
}

.opacity-0 {

    opacity: 0
}

.opacity-30 {

    opacity: 0.3
}

.opacity-80 {

    opacity: 0.8
}

.shadow {

    --tw-shadow: 0 3px 26px rgb(0 0 0 / 16%);

    --tw-shadow-colored: 0 3px 26px 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-book-img {

    --tw-shadow: 10px 13px 25px rgb(0 0 0 / 20%);

    --tw-shadow-colored: 10px 13px 25px 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)
}

.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(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.duration-300 {

    transition-duration: 300ms
}

.ease-in-out {

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.border-1px {

    border-width: 1px;

    border-style: solid
}

.border-2px {

    border-width: 2px;

    border-style: solid
}

.border-4px {

    border-width: 4px;

    border-style: solid
}

p.has-error,
  .has-error p,
  .has-error label {

    --tw-text-opacity: 1;

    color: rgb(153 13 13 / var(--tw-text-opacity))
}

.block__newsletter {

    clear: both;

    display: flex;

    justify-content: center
}

.block__newsletter .block__button {

    margin-top: 0.625rem
}

/* Border styles */

.is-style-full-bleed .border-1px {

    border-left-width: 0;

    border-right-width: 0;

    border-top-width: 1px;

    border-bottom-width: 1px
}

.is-style-full-bleed .border-2px {

    border-left-width: 0;

    border-right-width: 0;

    border-top-width: 2px;

    border-bottom-width: 2px
}

.is-style-full-bleed .border-4px {

    border-left-width: 0;

    border-right-width: 0;

    border-top-width: 4px;

    border-bottom-width: 4px
}

.newsletter--inner {

    width: 100%;

    padding-left: 1.25rem;

    padding-right: 1.25rem;

    padding-top: 2.5rem;

    padding-bottom: 2.5rem
}

@media (min-width: 768px) {

    .newsletter--inner {

        width: 570px;

        padding-left: 3.125rem;

        padding-right: 3.125rem
    }
}

@media (min-width: 1024px) {

    .newsletter--inner {

        width: 700px
    }
}

.is-style-full-bleed .newsletter--inner {

    display: flex;

    width: 100%;

    justify-content: center
}

.newsletter-wrapper {

    margin-left: auto;

    margin-right: auto;

    display: flex;

    width: 100%;

    flex-direction: column
}

@media (min-width: 768px) {

    .newsletter-wrapper {

        max-width: 570px
    }
}

.newsletter__image-wrapper {

    margin-bottom: 1.25rem;

    display: flex;

    justify-content: center
}

/* Override global typography */

.editor-styles-wrapper h4.newsletter__heading,
.newsletter__heading {

    margin-bottom: 0.5625rem;

    margin-top: 0px;

    text-align: center;

    font-weight: 700
}

.newsletter__text {

    margin-top: 0px;

    margin-bottom: 0px;

    text-align: center;

    font-weight: 400
}

.newsletter__legal {

    margin: 0px;

    text-align: center;

    font-size: 0.6875rem;

    font-weight: 400;

    line-height: 1.3125rem
}

.newsletter__legal > a {

    font-weight: 500;

    text-decoration-line: underline
}

.components-radio-control__option:not(:last-child) {

    margin-bottom: 0.5rem
}

.components-text-control__input[type="text"],
.components-button.is-secondary {

    border-radius: 4px
}

.required-is-complete h2 button span svg {

    display: none
}

.has-error .components-text-control__input[type="text"] {

    --tw-border-opacity: 1;

    border-color: rgb(153 13 13 / var(--tw-border-opacity))
}

.last\:border-b-0:last-child {

    border-bottom-width: 0
}

.hover\:z-10:hover {

    z-index: 10
}

.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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:bg-light-gray:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(246 246 246 / var(--tw-bg-opacity))
}

.hover\:underline:hover {

    text-decoration-line: underline
}

.hover\:opacity-100:hover {

    opacity: 1
}

.focus\:z-10:focus {

    z-index: 10
}

.focus\:opacity-100:focus {

    opacity: 1
}

.active\:z-0:active {

    z-index: 0
}

.active\:opacity-100:active {

    opacity: 1
}

@media (min-width: 320px) {

    .xxs\:max-w-\[320px\] {

        max-width: 320px
    }
}

@media (min-width: 375px) {

    .xs\:max-w-\[375px\] {

        max-width: 375px
    }
}

@media (min-width: 480px) {

    .sm\:block {

        display: block
    }

    .sm\:min-h-\[100px\] {

        min-height: 100px
    }

    .sm\:max-w-sm {

        max-width: 480px
    }

    .sm\:flex-row {

        flex-direction: row
    }

    .sm\:px-10 {

        padding-left: 0.625rem;

        padding-right: 0.625rem
    }

    .sm\:px-32 {

        padding-left: 2rem;

        padding-right: 2rem
    }
}

@media (min-width: 768px) {

    .md\:float-left {

        float: left
    }

    .md\:my-20 {

        margin-top: 1.25rem;

        margin-bottom: 1.25rem
    }

    .md\:my-48 {

        margin-top: 3rem;

        margin-bottom: 3rem
    }

    .md\:my-96 {

        margin-top: 6rem;

        margin-bottom: 6rem
    }

    .md\:mb-0 {

        margin-bottom: 0px
    }

    .md\:mr-30 {

        margin-right: 1.875rem
    }

    .md\:mr-50 {

        margin-right: 3.125rem
    }

    .md\:line-clamp-4 {

        overflow: hidden;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 4
    }

    .md\:flex {

        display: flex
    }

    .md\:min-h-\[100px\] {

        min-height: 100px
    }

    .md\:min-h-\[160px\] {

        min-height: 160px
    }

    .md\:w-\[31\%\] {

        width: 31%
    }

    .md\:w-\[337px\] {

        width: 337px
    }

    .md\:max-w-md {

        max-width: 768px
    }

    .md\:basis-3\/5 {

        flex-basis: 60%
    }

    .md\:grid-cols-2 {

        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {

        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:flex-row {

        flex-direction: row
    }

    .md\:flex-col {

        flex-direction: column
    }

    .md\:gap-x-20 {

        -moz-column-gap: 1.25rem;

             column-gap: 1.25rem
    }

    .md\:px-50 {

        padding-left: 3.125rem;

        padding-right: 3.125rem
    }

    .md\:px-\[50px\] {

        padding-left: 50px;

        padding-right: 50px
    }

    .md\:py-60 {

        padding-top: 3.75rem;

        padding-bottom: 3.75rem
    }
}

@media (min-width: 1024px) {

    .lg\:col-start-1 {

        grid-column-start: 1
    }

    .lg\:col-start-4 {

        grid-column-start: 4
    }

    .lg\:col-end-4 {

        grid-column-end: 4
    }

    .lg\:row-start-2 {

        grid-row-start: 2
    }

    .lg\:row-start-3 {

        grid-row-start: 3
    }

    .lg\:m-auto {

        margin: auto
    }

    .lg\:mb-10 {

        margin-bottom: 0.625rem
    }

    .lg\:mb-40 {

        margin-bottom: 2.5rem
    }

    .lg\:flex {

        display: flex
    }

    .lg\:hidden {

        display: none
    }

    .lg\:h-\[267px\] {

        height: 267px
    }

    .lg\:h-auto {

        height: auto
    }

    .lg\:w-\[22\%\] {

        width: 22%
    }

    .lg\:max-w-\[75\%\] {

        max-width: 75%
    }

    .lg\:max-w-lg {

        max-width: 1024px
    }

    .lg\:grid-cols-3 {

        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {

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

    .lg\:flex-row {

        flex-direction: row
    }

    .lg\:items-center {

        align-items: center
    }

    .lg\:justify-end {

        justify-content: flex-end
    }

    .lg\:gap-32 {

        gap: 2rem
    }

    .lg\:overflow-y-scroll {

        overflow-y: scroll
    }

    .lg\:p-0 {

        padding: 0px
    }

    .lg\:px-0 {

        padding-left: 0px;

        padding-right: 0px
    }

    .lg\:px-64 {

        padding-left: 4rem;

        padding-right: 4rem
    }
}

@media (min-width: 1366px) {

    .xl\:mr-0 {

        margin-right: 0px
    }

    .xl\:w-\[23\.5\%\] {

        width: 23.5%
    }

    .xl\:max-w-\[1280px\] {

        max-width: 1280px
    }

    .xl\:px-0 {

        padding-left: 0px;

        padding-right: 0px
    }

    .xl\:px-113 {

        padding-left: 7.0625rem;

        padding-right: 7.0625rem
    }
}