@font-face { font-family: 'Montserrat'; src: url('icon/Montserrat-Regular.ttf') format('truetype'), src: url('icon/Montserrat-SemiBold.ttf') format('truetype'); font-weight: normal; font-style: normal; } *,: after,: before { box-sizing: border-box; border-style: solid; border-width: 0; border-color: rgb(var(--text-color) / .12) } html { -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; scroll-padding-block-start: calc(var(--sticky-area-height) + 20px); line-height: 1.5 } body { --background: var(--background-primary); --text-color: var(--text-primary); background: rgb(var(--background)); color: rgb(var(--text-color)); font: var(--text-font-style) var(--text-font-weight) var(--text-base)/1.6 var(--text-font-family); letter-spacing: var(--text-letter-spacing); margin: 0; position: relative } hr { height: 0; color: inherit; border-top-width: 1px } h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit } .footer__wrapper { gap: var(--footer-part-gap); display: grid; } .footer__block-list { gap: var(--footer-block-list-gap); align-items: start; justify-content: var(--footer-block-list-justify-content,start); grid: auto-flow dense/repeat(2,minmax(0,1fr)); display: grid } .footer__block { gap: var(--footer-block-gap); display: grid } .footer__block--newsletter,.footer__block--text { grid-column: span 2 } .footer__block--newsletter { gap: var(--spacing-8); display: grid } .footer__block--menu { max-width: 250px; width:14%; } .footer__block--menu:last-child{ max-width: 4000px; width:30%; } .footer__aside { padding-left: 12%; display: grid } .footer__aside-bottom,.footer__aside-top { justify-content: space-between; align-items: center; gap: var(--spacing-8); display: grid } @media screen and (min-width:700px) { .footer { --footer-padding-block: var(--spacing-16); --footer-part-gap: var(--spacing-16); --footer-block-list-gap: var(--spacing-10) var(--spacing-24); --footer-block-gap: var(--spacing-6); --footer-aside-gap: var(--spacing-12); padding-bottom: 5.5rem; padding-top:2.25rem; position: relative; } .footer__block-list { flex-wrap: wrap; display: flex } .footer__block--text { flex-basis: 5% } .footer__block--newsletter { flex-basis: 100% } .footer__block--menu { flex-shrink: 0 } .footer__aside-bottom,.footer__aside-top { display: flex } .footer__copyright { order: -1 } } @media screen and (min-width:1000px) { .footer { --footer-block-list-gap: var(--spacing-10) var(--spacing-12) } .footer__block-list { flex-wrap: nowrap } .footer__block--newsletter { flex-basis: 33.3333% } .footer__block--newsletter: only-child { flex-basis: 50% } .footer__newsletter-form { max-width: 400px } } @media screen and (min-width:1150px) { .footer { --footer-block-list-gap: var(--spacing-10) var(--spacing-24) } .footer__block--menu: last-child { margin-inline-end: var(--spacing-10) } } .shopify-section--privacy-banner { z-index: 2; position: relative } .privacy-bar { margin: var(--spacing-2); z-index: 1; transition: opacity .2s ease-in-out,visibility .2s ease-in-out; position: fixed; bottom: 0; display: block!important } .privacy-bar: not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { left: 0 } .privacy-bar: is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { right: 0 } .privacy-bar[hidden] { visibility: hidden; opacity: 0 } .privacy-bar__inner { width: 100%; padding: var(--spacing-6); background: rgb(var(--background-primary)); color: rgb(var(--text-primary)); border-width: 1px; border-radius: 8px } .privacy-bar__close { position: absolute; top: var(--spacing-6) } .privacy-bar__close: not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { right: var(--spacing-6) } .privacy-bar__close: is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { left: var(--spacing-6) } @media screen and (min-width:700px) { .privacy-bar { margin: var(--spacing-4) } .privacy-bar__inner { max-width: 445px } } .gift-card { gap: var(--spacing-8); padding-block-start: var(--spacing-4); padding-block-end: var(--spacing-14); display: grid } .gift-card__image-wrapper { justify-items: center; gap: var(--spacing-6); display: grid } .gift-card__image { max-width: 160px } .gift-card__info { gap: var(--spacing-5); display: grid } .gift-card__issued-info { place-content: center; align-items: center; gap: var(--spacing-2); padding: var(--spacing-6); text-align: center; display: grid } .gift-card__balance { line-height: 1; font-size: var(--gift-card-balance-font-size) } .gift-card__redeem-info: last-child { border-width: 1px } .gift-card__redeem-box { padding: var(--spacing-6); align-items: center; gap: var(--spacing-4); display: grid } .gift-card__redeem-box: last-child: not(:only-child) { border-top-width: 1px } .gift-card__redeem-code { padding: var(--spacing-3-5); text-align: center; border-radius: var(--rounded-xs); border-width: 1px; font-weight: 700 } .gift-card__qr-code { width: 120px; aspect-ratio: 1; display: block } .prose { z-index: 1; padding-inline-start: 0; padding-inline-end: 0; position: relative } .timeline__image { max-width: initial } .timeline__image-wrapper { position: relative } .timeline__controls { align-items: flex-start; gap: var(--spacing-10); display: flex } .timeline__controls.scroll-area { overflow: visible } .timeline__buttons { gap: var(--spacing-4); margin-block-start: calc(var(--spacing-6) * -1); display: flex } .timeline__nav { width: 100%; min-width: auto; padding-block-start: 0 } .timeline__nav-item { min-width: auto } .timeline__content { gap: var(--spacing-8) } .sr-only[type=checkbox]: focus-visible+label,.sr-only[type=radio]: focus-visible+label { outline: 2px solid Highlight; outline: 2px solid -webkit-focus-ring-color } .skip-to-content: focus-visible { z-index: 9999; width: auto; height: auto; clip: auto; color: #fff; background: #000; padding: 6px 12px; font-weight: 700; overflow: auto } .tap-area { position: relative } .tap-area: before { content: ""; inset: calc(-1 * var(--spacing-2-5)); position: absolute } .js .js\: hidden,.no-js .no-js\: hidden { display: none } .sr-only { width: 1px; height: 1px; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0; margin: -1px; padding: 0; position: absolute; overflow: hidden; } @media print { .print\: hidden { display: none } } @keyframes translateFull { 0% { transform: translate(0) } to { transform: translate(calc(-100% * var(--transform-logical-flip))) } } @keyframes ping { 0% { transform: scale(1) } to { transform: scale(.8) } } @media screen and (pointer:fine) { .zoom-image--enabled .zoom-image { transform-origin: center; transition: transform 1.5s cubic-bezier(.22,1,.36,1) } .zoom-image--enabled .group: hover .zoom-image { transform: scale(1.06) } } .reveal { opacity: 0 } .reveal-invisible { opacity: 0; visibility: hidden } @media (prefers-reduced-motion:no-preference) { .js [reveal-js],.js [reveal-on-scroll=true] { opacity: 0 } } @media (prefers-reduced-motion:no-preference) { .js reveal-items { opacity: 0 } } .border { border-width: 1px } .border-x { border-left-width: 1px; border-right-width: 1px } .border-y { border-block-start-width: 1px; border-block-end-width: 1px } .border-t { border-top-width: 1px } .border-b { border-bottom-width: 1px } .border-s { border-block-start-width: 1px } .border-e { border-block-end-width: 1px } .divide-x>: not([hidden])~: not([hidden]) { border-inline-start-width: 1px } .divide-y>: not([hidden])~: not([hidden]) { border-block-start-width: 1px } .ring { box-shadow: 0 0 0 1px rgb(var(--text-color) / .12) } .ring-current { box-shadow: 0 0 0 1px rgb(var(--text-color)) } .ring-inset { box-shadow: inset 0 0 0 1px rgb(var(--text-color) / .12) } .rounded-xs { border-radius: var(--rounded-xs) } .rounded-sm { border-radius: var(--rounded-sm) } .rounded { border-radius: var(--rounded) } .rounded-lg { border-radius: var(--rounded-lg) } .rounded-full { border-radius: var(--rounded-full) } .text-custom { color: rgb(var(--text-color)) } .text-accent { color: rgb(var(--accent)) } .text-success { color: rgb(var(--success-text)) } .text-warning { color: rgb(var(--warning-text)) } .text-error { color: rgb(var(--error-text)) } .text-subdued { color: rgb(var(--text-color) / .7) } .text-on-sale { color: rgb(var(--on-sale-text)) } .text-stroke { -webkit-text-stroke: 1px currentColor; -webkit-text-fill-color: transparent } .text-gradient { background-image: var(--gradient); color: #0000; -webkit-box-decoration-break: clone; box-decoration-break: clone; -webkit-background-clip: text; background-clip: text } .text-stroke.text-gradient { color: rgb(var(--background)); -webkit-text-stroke-color: transparent; -webkit-text-fill-color: unset } .bg-custom { background: rgb(var(--background)) } .bg-gradient { background-image: var(--gradient) } .bg-text { background: rgb(var(--text-color)) } .bg-error { background: rgb(var(--error-background)) } .bg-success { background: rgb(var(--success-background)) } .bg-warning { background: rgb(var(--warning-background)) } .bg-secondary { background: rgb(var(--text-color) / .05) } .opacity-0 { opacity: 0 } .backdrop-blur { -webkit-backdrop-filter: blur(var(--backdrop-blur, 0)); backdrop-filter: blur(var(--backdrop-blur, 0)) } .filter-invert { filter: invert() } .shadow-sm { filter: drop-shadow(var(--shadow-sm)) } .shadow { filter: drop-shadow(var(--shadow)) } .shadow-md { filter: drop-shadow(var(--shadow-md)) } .shadow-block { box-shadow: var(--shadow-block) } .cross-fade { display: block } .cross-fade>* { transition: opacity .2s ease-in-out } .cross-fade>: last-child { display: none } @media screen and (pointer:fine) { .cross-fade>: last-child { opacity: 0; display: block } .cross-fade: hover>: first-child { opacity: 0 } .footer__block-list { flex-wrap: wrap; display: flex } .footer__block--newsletter { flex-basis: 100% } .footer__aside-bottom,.footer__aside-top { display: flex } .footer__copyright { order: -1 } } @media screen and (min-width:1000px) { .footer { --footer-block-list-gap: var(--spacing-10) var(--spacing-12) } .footer__block-list { padding-left: 15%; flex-wrap: nowrap; font-size: 14px!important; } .footer__aside { padding-left: 15%; display: grid; } .Footer_icon_orico { position: absolute; left: 5%; top: 22%; height: 50px; margin-top: -25px; } .footer__block--newsletter { flex-basis: 33.3333% } .footer__block--newsletter: only-child { flex-basis: 50% } .footer__newsletter-form { max-width: 400px } } @media screen and (min-width:1150px) { .footer { --footer-block-list-gap: var(--spacing-10) var(--spacing-24) } } @media screen and (min-width:1461px) and (max-width:1720px){ .footer__block--menu { max-width: 250px; width: 16%; } } @media screen and (min-width:1440px) { .footer__block-list { padding-left: 10%; flex-wrap: nowrap; } .footer__aside { padding-left: 10%; display: grid; } } .shopify-section--privacy-banner { z-index: 2; position: relative } .social-media { gap: var(--spacing-3) var(--spacing-6); flex-wrap: wrap; display: flex } .social-media--sm svg { width: 1.25rem; height: 1.25rem } @media screen and (min-width:700px) { .social-media--sm svg { width: 1.7rem; height: 1.7rem } .self-submit-button:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: var(--spacing-5); } } .share-buttons { align-items: center; gap: var(--spacing-2-5); display: flex } .share-buttons__item { width: var(--spacing-8-5); height: var(--spacing-8-5); opacity: .7; background: rgb(var(--text-color) / 0); border-radius: var(--rounded-full); place-content: center; transition: opacity .2s ease-in-out,background .2s ease-in-out; display: grid } .share-buttons__item: hover { opacity: 1; background: rgb(var(--text-color) / .1) } .floating-controls-container { position: relative } .floating-controls-container .circle-button { opacity: 0; visibility: hidden; z-index: 1; transition: opacity .1s ease-in-out,transform .1s ease-in-out,visibility .1s ease-in-out; position: absolute; top: calc(50% - 24px); transform: scale(.8) } .floating-controls-container .circle-button: first-of-type: not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { left: var(--spacing-5) } .floating-controls-container .circle-button: first-of-type: is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { right: var(--spacing-5) } .floating-controls-container .circle-button: last-of-type: not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { right: var(--spacing-5) } .floating-controls-container .circle-button: last-of-type: is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { left: var(--spacing-5) } @media screen and (pointer:fine) { .floating-controls-container: hover .is-scrollable~.circle-button: not([disabled]) { opacity: 1; visibility: visible; transform: scale(1) } } .icon { vertical-align: middle; display: block; color: #fff } [dir=rtl] .reverse-icon { transform: rotate(180deg) } .offset-icon { --icon-baseline-distance: 1.6em; --icon-offset: calc((var(--icon-baseline-distance) - var(--icon-height)) / 2); top: var(--icon-offset); position: relative } .icon-chevron-bottom { transition: transform .2s ease-in-out } .group[aria-expanded=true]>.icon-chevron-bottom { transform: rotate(180deg) } .icon-block { padding: var(--spacing-6); background: rgb(var(--background)) } .image-icon { width: var(--mobile-icon-max-width,var(--icon-max-width)) } .circle-chevron[disabled] { opacity: .5; } .group[aria-expanded="true"] .circle-chevron.group-expanded\:colors:not([disabled]) { background: rgb(var(--text-color)); color: rgb(var(--background)); } .group[aria-expanded="true"] .circle-chevron.group-expanded\:rotate { transform: rotate(calc(var(--transform-logical-flip) * 180deg)); } @media screen and (min-width:700px) { .image-icon { width: var(--icon-max-width) } } .self-submit-button { top: 50%; right: 5%; position: absolute; transform: translateY(-50%) } .self-submit-button: not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { right: var(--spacing-4) } .self-submit-button: is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { left: var(--spacing-4) } @media screen and (min-width:700px) { self-submit-button: not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { right: var(--spacing-5) } .self-submit-button: is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { left: var(--spacing-5) } } .break-all { overflow-wrap: anywhere; color:#fff; } .floating-label { height: calc(var(--input-height) + .625rem); top: 0; opacity: .5; pointer-events: none; transform-origin: var(--transform-origin-start); grid-auto-flow: column; align-items: center; column-gap: .5rem; margin-inline-start: var(--spacing-4); transition: transform .2s ease-in-out; display: grid; position: absolute } .floating-label: not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { left: 1px } .floating-label: is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { right: 1px } .select: valid~.floating-label,: is(.input,.textarea): focus~.floating-label,: is(.input,.textarea): not(:placeholder-shown)~.floating-label,: is(.input,.textarea,.select): -webkit-autofill~.floating-label { transform: scale(.65) translateY(calc(-1 * var(--spacing-4))) } : is(.input,.textarea,.select): -webkit-autofill~.floating-label { color: #000 } .circle-chevron:hover { background: #004BFA; color: #000; } .circle-chevron .icon{ margin-left: 2px; } /*.circle-chevron .icon:hover {*/ /* color: #000;*/ /*}*/ @media screen and (min-width:700px) { .floating-label { color: #fff; margin-inline-start: var(--spacing-5) } .inline-block { display: inline-block } .block { display: block } .contents { display: contents } .circle-chevron { width: var(--spacing-6); height: var(--spacing-6); border-radius: var(--rounded-full); background: rgb(var(--text-color) / .1); flex-shrink: 0; place-items: center; transition: all .2s ease-in-out; display: grid } .circle-chevron[disabled] { opacity: .5 } .group[aria-expanded=true] .circle-chevron.group-expanded\: colors: not([disabled]) { background: rgb(var(--text-color)); color: rgb(var(--background)) } .group[aria-expanded=true] .circle-chevron.group-expanded\: rotate { transform: rotate(calc(var(--transform-logical-flip) * 180deg)) } scroll-carousel { position: relative } .content-over-media { grid-template: 0 minmax(0,1fr) 0/minmax(0,1fr) minmax(0,min(var(--container-max-width),100% - var(--content-over-media-gap,var(--content-over-media-column-gap,var(--container-gutter))) * 2)) minmax(0,1fr); gap: var(--content-over-media-row-gap,var(--content-over-media-gap,var(--container-gutter))) var(--content-over-media-column-gap,var(--content-over-media-gap,var(--container-gutter))); place-items: center; display: grid; position: relative; overflow: hidden; transform: translateZ(0) } .link-faded { opacity: .7; transition: opacity .2s ease-in-out } @media screen and (pointer:fine) { .link-faded: hover{opacity:1 } } .link-faded-reverse { transition: opacity .2s ease-in-out } @media screen and (pointer:fine) { .link-faded-reverse: hover { opacity: .7 } } table { width: 100% } th { text-align: start } td,th { padding: var(--spacing-4); vertical-align: top } : is(th,td): first-child { padding-inline-start: 0 } : is(th,td): last-child { padding-inline-end: 0 } .v-stack { display: grid } .h-stack { align-items: center; display: flex } .bold { font-weight: 700; color: #fff; font-size: 1.25rem; } .gap-1 { gap: var(--spacing-1) } .gap-1\.5 { gap: var(--spacing-1-5) } .gap-2 { gap: var(--spacing-2) } .gap-2\.5 { gap: var(--spacing-2-5) } .gap-3 { gap: var(--spacing-3) } .gap-3\.5 { gap: var(--spacing-3-5) } .gap-4 { gap: var(--spacing-4) } .gap-4\.5 { gap: var(--spacing-4-5) } .gap-5 { gap: var(--spacing-5) } .gap-5\.5 { gap: var(--spacing-5-5) } .gap-6 { gap: var(--spacing-6) } .gap-8 { gap: var(--spacing-8) } .gap-10 { gap: var(--spacing-10) } .gap-12 { gap: var(--spacing-12) } @media screen and (min-width:700px) { .sm\: gap-0\.5 { gap: var(--spacing-0-5) } .sm\: gap-1 { gap: var(--spacing-1) } .sm\: gap-1\.5 { gap: var(--spacing-1-5) } .sm\: gap-2 { gap: var(--spacing-2) } .sm\: gap-2\.5 { gap: var(--spacing-2-5) } .sm\: gap-3 { gap: var(--spacing-3) } .sm\: gap-3\.5 { gap: var(--spacing-3-5) } .sm\: gap-4 { gap: var(--spacing-4) } .sm\: gap-4\.5 { gap: var(--spacing-4-5) } .sm\: gap-5 { gap: var(--spacing-5) } .sm\: gap-5\.5 { gap: var(--spacing-5-5) } .sm\: gap-6 { gap: var(--spacing-6) } .sm\: gap-8 { gap: var(--spacing-8) } .sm\: gap-10 { gap: var(--spacing-10) } .sm\: gap-12 { gap: var(--spacing-12) } .layer .content { grid-column: 1/span 12; width: 100%; max-width: 1280px } .Subscribe_subScribe_content__XD_Or { position: relative; z-index: 10; border-bottom: 1px solid #484848; background-color: #000; height: 96px !important; font-family:Montserrat !important; margin: 0 !important; width: 100% !important; } .overflow-f{ height: 100% !important; } .footer__block-list a { color: #fff } .shopify-section--footer { background-color: #000; font-family:Montserrat !important; font-size: 1rem !important; } .footer__block--text { flex-basis: 0%!important; } /*.Subscribe_subScribe_content_btnBox_grid__Wn4Dw {*/ /* display: flex;*/ /* height: 100%;*/ /*grid-template-columns: repeat(12,minmax(0,1fr));*/ /*gap: 1.25rem;*/ /*align-items: flex-end;*/ /*justify-content: space-between;*/ /*padding-top: 20px;*/ /*padding-bottom: 20px;*/ /*width: 95%*/ /*}*/ .Subscribe_subScribe_content_btnBox__oSxDj { position: relative; margin: auto; display: flex; height: 52px; width: 35%; overflow: hidden; border-radius: 10px; --tw-bg-opacity: 1; border: 1px solid #484848; grid-column: 4/span 6 } input: : placeholder,textarea: : placeholder { opacity: 1; color: #9ca3af } .Subscribe_subScribe_content_btn__ynMez { position: absolute; right: 0; height: 100%; width: 178px; cursor: pointer; --tw-bg-opacity: 1; background-color: rgb(0 169 225/var(--tw-bg-opacity)); font-size: 16px; font-weight: 600; line-height: 52px; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .Footer_icon_orico { position: absolute; left: 0%; top: 12%; height: 50px; margin-top: -25px; } .md_layer_grid { display: flex; width: 100% } .copyright { color: #b3b3b3;font-size: .875rem; } /*.Subscribe_subScribe_content_title__1FVsi {*/ /* margin-bottom: 32px;*/ /* text-align: center;*/ /* font-size: 40px;*/ /* font-weight: 600;*/ /* line-height: 1.2;*/ /* --tw-text-opacity: 1;*/ /* color: rgb(255 255 255/var(--tw-text-opacity));*/ /* grid-column: 3/span 8*/ /*}*/ .Subscribe_subScribe_content_subTitle__YCWpe { line-height: 96px; /*margin-bottom: 8px;*/ /*text-align: center;*/ margin: 0 auto; font-size: 1.375rem; font-weight: 500; /*line-height: 1.2;*/ /*--tw-text-opacity: 1;*/ color: #b3b3b3; /*grid-column: 2/span 10;*/ /*white-space: nowrap*/ } } } @media screen and (min-width:1461px) and (max-width:1720px){ .Footer_icon_orico { position: absolute; left: 7%; top: 13%; height: 50px; margin-top: -25px; } } @media screen and (max-width:1459px){ .Footer_icon_orico { position: absolute; left: 4%; top: 0.5%; height: 50px; margin-top: -25px; } } @media screen and (max-width:1239px){ .Footer_icon_orico { position: absolute; left: 2%; top: 0.5%; height: 50px; margin-top: -25px; } }