img:is([sizes=auto i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
}

img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -.1em !important;
    background: 0 0 !important;
    padding: 0 !important
}

:where(.wp-block-button__link) {
    border-radius: 9999px;
    box-shadow: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    text-decoration: none
}

:root :where(.wp-block-button .wp-block-button__link.is-style-outline),
:root :where(.wp-block-button.is-style-outline>.wp-block-button__link) {
    border: 2px solid;
    padding: .667em 1.333em
}

:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),
:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)) {
    color: currentColor
}

:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),
:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)) {
    background-color: initial;
    background-image: none
}

:where(.wp-block-calendar table:not(.has-background) th) {
    background: #ddd
}

:where(.wp-block-columns) {
    margin-bottom: 1.75em
}

:where(.wp-block-columns.has-background) {
    padding: 1.25em 2.375em
}

:where(.wp-block-post-comments input[type=submit]) {
    border: none
}

:where(.wp-block-cover-image:not(.has-text-color)),
:where(.wp-block-cover:not(.has-text-color)) {
    color: #fff
}

:where(.wp-block-cover-image.is-light:not(.has-text-color)),
:where(.wp-block-cover.is-light:not(.has-text-color)) {
    color: #000
}

:root :where(.wp-block-cover h1:not(.has-text-color)),
:root :where(.wp-block-cover h2:not(.has-text-color)),
:root :where(.wp-block-cover h3:not(.has-text-color)),
:root :where(.wp-block-cover h4:not(.has-text-color)),
:root :where(.wp-block-cover h5:not(.has-text-color)),
:root :where(.wp-block-cover h6:not(.has-text-color)),
:root :where(.wp-block-cover p:not(.has-text-color)) {
    color: inherit
}

:where(.wp-block-file) {
    margin-bottom: 1.5em
}

:where(.wp-block-file__button) {
    border-radius: 2em;
    display: inline-block;
    padding: .5em 1em
}

:where(.wp-block-file__button):is(a):active,
:where(.wp-block-file__button):is(a):focus,
:where(.wp-block-file__button):is(a):hover,
:where(.wp-block-file__button):is(a):visited {
    box-shadow: none;
    color: #fff;
    opacity: .85;
    text-decoration: none
}

:where(.wp-block-group.wp-block-group-is-layout-constrained) {
    position: relative
}

:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) {
    border-radius: 9999px
}

:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)) {
    line-height: 1.1
}

:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)) {
    line-height: 1.8
}

:root :where(.wp-block-latest-posts.is-grid) {
    padding: 0
}

:root :where(.wp-block-latest-posts.wp-block-latest-posts__list) {
    padding-left: 0
}

ul {
    box-sizing: border-box
}

:root :where(.wp-block-list.has-background) {
    padding: 1.25em 2.375em
}

:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
    padding: .5em 1em
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
    padding: .5em 1em
}

:root :where(p.has-background) {
    padding: 1.25em 2.375em
}

:where(p.has-text-color:not(.has-link-color)) a {
    color: inherit
}

:where(.wp-block-post-comments-form) input:not([type=submit]),
:where(.wp-block-post-comments-form) textarea {
    border: 1px solid #949494;
    font-family: inherit;
    font-size: 1em
}

:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])),
:where(.wp-block-post-comments-form) textarea {
    padding: calc(.667em + 2px)
}

:where(.wp-block-post-excerpt) {
    box-sizing: border-box;
    margin-bottom: var(--wp--style--block-gap);
    margin-top: var(--wp--style--block-gap)
}

:where(.wp-block-preformatted.has-background) {
    padding: 1.25em 2.375em
}

:where(.wp-block-search__button) {
    border: 1px solid #ccc;
    padding: 6px 10px
}

:where(.wp-block-search__input) {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    border: 1px solid #949494;
    box-sizing: border-box;
    padding: 4px
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
    border: none;
    border-radius: 0;
    padding: 0 4px
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
    outline: 0
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
    padding: 4px 8px
}

:root :where(.wp-block-separator.is-style-dots) {
    height: auto;
    line-height: 1;
    text-align: center
}

:root :where(.wp-block-separator.is-style-dots):before {
    color: currentColor;
    content: "···";
    font-family: serif;
    font-size: 1.5em;
    letter-spacing: 2em;
    padding-left: 2em
}

:root :where(.wp-block-site-logo.is-style-rounded) {
    border-radius: 9999px
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link {
    background-color: #f0f0f0;
    color: #444
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon {
    background-color: #f90;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp {
    background-color: #1ea0c3;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance {
    background-color: #0757fe;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky {
    background-color: #0a7aff;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen {
    background-color: #1e1f26;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart {
    background-color: #02e49b;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord {
    background-color: #5865f2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble {
    background-color: #e94c89;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox {
    background-color: #4280ff;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy {
    background-color: #f45800;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
    background-color: #0866ff;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr {
    background-color: #0461dd;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare {
    background-color: #e65678;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github {
    background-color: #24292d;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads {
    background-color: #eceadd;
    color: #382110
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google {
    background-color: #ea4434;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar {
    background-color: #1d4fc4;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
    background-color: #f00075;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm {
    background-color: #e21b24;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin {
    background-color: #0d66c2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon {
    background-color: #3288d4;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup {
    background-color: #f6405f;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest {
    background-color: #e60122;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket {
    background-color: #ef4155;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit {
    background-color: #ff4500;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype {
    background-color: #0478d7;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat {
    background-color: #fefc00;
    color: #fff;
    stroke: #000
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud {
    background-color: #ff5600;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify {
    background-color: #1bd760;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram {
    background-color: #2aabee;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr {
    background-color: #011835;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch {
    background-color: #6440a4;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter {
    background-color: #1da1f2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo {
    background-color: #1eb7ea;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk {
    background-color: #4680c2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress {
    background-color: #3499cd;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp {
    background-color: #25d366;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp {
    background-color: #d32422;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube {
    background-color: red;
    color: #fff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link {
    background: 0 0
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg {
    height: 1.25em;
    width: 1.25em
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon {
    color: #f90
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp {
    color: #1ea0c3
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance {
    color: #0757fe
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky {
    color: #0a7aff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen {
    color: #1e1f26
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart {
    color: #02e49b
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord {
    color: #5865f2
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble {
    color: #e94c89
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox {
    color: #4280ff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy {
    color: #f45800
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook {
    color: #0866ff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr {
    color: #0461dd
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare {
    color: #e65678
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github {
    color: #24292d
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads {
    color: #382110
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google {
    color: #ea4434
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar {
    color: #1d4fc4
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram {
    color: #f00075
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm {
    color: #e21b24
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin {
    color: #0d66c2
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon {
    color: #3288d4
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup {
    color: #f6405f
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest {
    color: #e60122
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket {
    color: #ef4155
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit {
    color: #ff4500
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype {
    color: #0478d7
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat {
    color: #fff;
    stroke: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud {
    color: #ff5600
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify {
    color: #1bd760
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram {
    color: #2aabee
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr {
    color: #011835
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch {
    color: #6440a4
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter {
    color: #1da1f2
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo {
    color: #1eb7ea
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk {
    color: #4680c2
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp {
    color: #25d366
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress {
    color: #3499cd
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp {
    color: #d32422
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube {
    color: red
}

:root :where(.wp-block-social-links .wp-social-link a) {
    padding: .25em
}

:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a) {
    padding: 0
}

:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a) {
    padding-left: .6666666667em;
    padding-right: .6666666667em
}

:root :where(.wp-block-tag-cloud.is-style-outline) {
    display: flex;
    flex-wrap: wrap;
    gap: 1ch
}

:root :where(.wp-block-tag-cloud.is-style-outline a) {
    border: 1px solid;
    font-size: unset !important;
    margin-right: 0;
    padding: 1ch 2ch;
    text-decoration: none !important
}

:root :where(.wp-block-table-of-contents) {
    box-sizing: border-box
}

:where(.wp-block-term-description) {
    box-sizing: border-box;
    margin-bottom: var(--wp--style--block-gap);
    margin-top: var(--wp--style--block-gap)
}

:where(pre.wp-block-verse) {
    font-family: inherit
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px
}

.screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #ddd;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

html :where(.has-border-color) {
    border-style: solid
}

html :where([style*=border-top-color]) {
    border-top-style: solid
}

html :where([style*=border-right-color]) {
    border-right-style: solid
}

html :where([style*=border-bottom-color]) {
    border-bottom-style: solid
}

html :where([style*=border-left-color]) {
    border-left-style: solid
}

html :where([style*=border-width]) {
    border-style: solid
}

html :where([style*=border-top-width]) {
    border-top-style: solid
}

html :where([style*=border-right-width]) {
    border-right-style: solid
}

html :where([style*=border-bottom-width]) {
    border-bottom-style: solid
}

html :where([style*=border-left-width]) {
    border-left-style: solid
}

html :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%
}

:where(figure) {
    margin: 0 0 1em
}

html :where(.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
}

@media screen and (max-width:600px) {
    html :where(.is-position-sticky) {
        --wp-admin--admin-bar--position-offset: 0px
    }
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1)
}

:where(.is-layout-flex) {
    gap: .5em
}

:where(.is-layout-grid) {
    gap: .5em
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em
}

:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6
}

html {
    -webkit-text-size-adjust: 100%
}

h1 {
    margin: 0
}

a {
    background-color: transparent
}

strong {
    font-weight: bolder
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

template {
    display: none
}

[hidden] {
    display: none
}

*,
::after,
::before {
    box-sizing: inherit
}

html {
    box-sizing: border-box
}

body,
button,
input,
optgroup,
select,
textarea {
    color: #404040;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

h1,
h2,
h3,
h4 {
    clear: both
}

h2 {
    color: var(--main-black-100, #1d1d1b);
    font-family: "Proxima Nova";
    font-size: 2.91vw;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin: 0
}

h3 {
    color: var(--main-black-100, #1d1d1b);
    font-family: "Proxima Nova";
    font-size: 1.45vw;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin: 0
}

p {
    color: var(--main-black-100, #1d1d1b);
    font-family: Manrope;
    font-size: 1.11vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

li {
    color: var(--main-black-100, #1d1d1b);
    font-family: Manrope;
    font-size: 1.11vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

em {
    font-style: italic
}

address {
    margin: 0 0 1.5em
}

body {
    background: #fff
}

ul {
    list-style: disc
}

li>ul {
    margin-bottom: 0
}

iframe,
object {
    max-width: 100%
}

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

table {
    margin: 0 0 1.5em;
    width: 100%
}

a:not([class]) {
    color: #1d1d1b;
    text-decoration: none;
    border-bottom: 1px solid #1d1d1b
}

a:focus {
    outline: dotted thin
}

a:active,
a:hover {
    outline: 0
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    line-height: 1;
    padding: .6em 1em .4em
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    border-color: #ccc #bbb #aaa
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
    border-color: #aaa #bbb #bbb
}

input[type=color],
input[type=date],
input[type=email],
input[type=number],
input[type=range],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px
}

input[type=color]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=range]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    color: #111
}

select {
    border: 1px solid #ccc
}

textarea {
    width: 100%
}

.sticky {
    display: block
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after {
    content: 'prev'
}

.swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after {
    content: 'next'
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

@font-face {
    font-family: 'Libre Baskerville';
    src: url('/wp-content/themes/platinum8/assets/fonts/LibreBaskerville-Italic.woff2') format('woff2'),
        url('/wp-content/themes/platinum8/assets/fonts/LibreBaskerville-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Manrope;
    src: url('/wp-content/themes/platinum8/assets/fonts/Manrope-ExtraBold.woff2') format('woff2'),
        url('/wp-content/themes/platinum8/assets/fonts/Manrope-ExtraBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Manrope;
    src: url('/wp-content/themes/platinum8/assets/fonts/Manrope-Regular.woff2') format('woff2'),
        url('/wp-content/themes/platinum8/assets/fonts/Manrope-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Manrope;
    src: url('/wp-content/themes/platinum8/assets/fonts/Manrope-Medium.woff2') format('woff2'),
        url('/wp-content/themes/platinum8/assets/fonts/Manrope-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Manrope;
    src: url('/wp-content/themes/platinum8/assets/fonts/Manrope-Bold.woff2') format('woff2'),
        url('/wp-content/themes/platinum8/assets/fonts/Manrope-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/platinum8/assets/fonts/ProximaNova-Extrabld.woff2') format('woff2'),
        url('/wp-content/themes/platinum8/assets/fonts/ProximaNova-Extrabld.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/platinum8/assets/fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('/wp-content/themes/platinum8/assets/fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/platinum8/assets/fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('/wp-content/themes/platinum8/assets/fonts/ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/platinum8/assets/fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('/wp-content/themes/platinum8/assets/fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

body {
    margin: 0
}

:root {
    --vw: 1vw
}

@media (min-width:1600px) {
    :root {
        --vw: 0.9vw
    }
}

a,
h3,
h4,
p {
    line-height: 130% !important
}

h1,
h2 {
    line-height: 100% !important
}

.word-line {
    overflow: hidden;
    padding-bottom: .1em
}

.skew-up {
    opacity: 0;
    line-height: 100% !important
}

ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}

a {
    text-decoration: none;
    display: inline-block;
    margin: 0;
    color: #1d1d1b;
    font-weight: 700
}

.container {
    width: calc(var(--vw) * 100);
    padding: 0 calc(var(--vw) * 3.47);
    margin: 0 auto
}

.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(var(--vw) * 1.45);
    position: relative;
    z-index: 9999
}

.button_burger {
    display: none
}

.burger_content {
    display: none
}

.lets_talk {
    display: flex;
    align-items: center;
    padding: calc(var(--vw) * .83);
    padding-left: calc(var(--vw) * 2.22);
    border-radius: 1000px;
    border: 1px solid #eaeaea;
    text-transform: uppercase;
    gap: calc(var(--vw) * 1.6);
    font-family: "Proxima Nova";
    font-weight: 700;
    font-size: calc(var(--vw) * 1.11);
    transition-duration: .5s;
    width: max-content
}

.lets_talk:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #1d1d1b
}

.lets_talk:hover svg .circle_icon {
    fill: #1d1d1b;
    transition-duration: .5s
}

.main-navigation {
    margin-left: calc(var(--vw) * 8.33);
    margin-right: auto
}

.main-navigation ul {
    width: max-content !important;
    list-style: none !important;
    display: flex;
    align-items: flex-start;
    gap: calc(var(--vw) * 3.19)
}

.main-navigation ul li a {
    font-size: calc(var(--vw) * .97);
    font-family: "Proxima Nova";
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: none !important;
    transition-duration: .3s
}

.header_sticky .main-navigation ul li a,
.main_header.active .main-navigation ul li a {
    color: #fff !important
}

.header_sticky .site-branding path,
.main_header.active .site-branding path {
    fill: #fff !important
}

.header_sticky .site-branding {
    display: flex;
    margin-left: 1em
}

.header_sticky .lets_talk,
.main_header.active .lets_talk {
    border: 1px solid #fff;
    text-transform: uppercase;
    color: #111 !important;
    background: #fff
}

.header_sticky .lets_talk:hover,
.main_header.active .lets_talk:hover {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff !important
}

.header_sticky .lets_talk svg .circle_icon,
.main_header.active .lets_talk svg .circle_icon {
    fill: #111;
    transition-duration: .5s
}

.header_sticky .lets_talk:hover svg .circle_icon,
.main_header.active .lets_talk:hover svg .circle_icon {
    fill: #fff;
    transition-duration: .5s
}

.header_sticky .lets_talk svg .icon_button,
.main_header.active .lets_talk svg .icon_button {
    fill: #fff;
    transition-duration: .5s
}

.header_sticky .lets_talk:hover svg .icon_button,
.main_header.active .lets_talk:hover svg .icon_button {
    fill: #111;
    transition-duration: .5s
}

@media (max-width:1200px) {
    .header_sticky .lets_talk svg .circle_icon {
        fill: #fff;
        transition-duration: .5s
    }

    .header_sticky .lets_talk:hover svg .circle_icon {
        fill: #111;
        transition-duration: .5s
    }

    .header_sticky .lets_talk svg .icon_button {
        fill: #111;
        transition-duration: .5s
    }

    .header_sticky .lets_talk:hover svg .icon_button {
        fill: #fff;
        transition-duration: .5s
    }

    .lets_talk {
        background: 0 0 !important
    }

    .header_sticky .lets_talk svg .circle_icon,
    .main_header.active .lets_talk svg .circle_icon {
        fill: #fff;
        transition-duration: .5s
    }

    .header_sticky .lets_talk:hover svg .circle_icon,
    .main_header.active .lets_talk:hover svg .circle_icon {
        fill: #111;
        transition-duration: .5s
    }

    .header_sticky .lets_talk svg .icon_button,
    .main_header.active .lets_talk svg .icon_button {
        fill: #111;
        transition-duration: .5s
    }

    .header_sticky .lets_talk:hover svg .icon_button,
    .main_header.active .lets_talk:hover svg .icon_button {
        fill: #fff;
        transition-duration: .5s
    }
}

.header_sticky {
    padding: 1em;
    border-radius: 100px;
    background: rgba(22, 24, 26, .7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    margin: 0 calc(var(--vw) * 9.02);
    transition-duration: 0s;
    transition-delay: 0.3s
}

.header_sticky .main-navigation {
    margin: 0 auto !important
}

.header_wrapper_sticky {
    position: fixed;
    top: calc(var(--vw) * .83);
    left: 0;
    width: 100%;
    transform: translateY(-250%);
    transition-duration: .5s;
    z-index: 9999
}

@media (max-width:1200px) {
    .header_sticky {
        padding: calc(var(--vw) * 3.2);
        margin: 0;
        flex-wrap: wrap
    }

    .header_sticky.active {
        border-radius: calc(var(--vw) * 4.26);
        transition-delay: 0s
    }

    .header_wrapper_sticky {
        top: calc(var(--vw) * 2.66)
    }
}

.bg_header_hover {
    position: fixed;
    top: -10vh;
    left: 0;
    height: 150vh;
    width: calc(var(--vw) * 100);
    opacity: 0;
    background: #111;
    pointer-events: none;
    transition-duration: .3s;
    z-index: 99
}

.form_discus .wpcf7 label {
    margin-bottom: calc(var(--vw) * 1.66)
}

.wpcf7-radio {
    display: flex;
    align-items: center;
    gap: .5em;
    flex-wrap: wrap;
    margin-top: calc(var(--vw) * .83)
}

input[type=radio] {
    appearance: none;
    display: none
}

input[type=radio]+.wpcf7-list-item-label {
    display: inline-block;
    padding: calc(var(--vw) * .83) calc(var(--vw) * .83);
    background-color: #fff;
    border: 1px solid #afafaf;
    border-radius: 1000px;
    cursor: pointer;
    transition: background-color .3s, border-color .3s
}

@media (max-width:1200px) {
    .wpcf7-radio {
        gap: calc(var(--vw) * 2.13);
        flex-wrap: wrap;
        margin-top: calc(var(--vw) * 3.2)
    }

    input[type=radio]+.wpcf7-list-item-label {
        display: inline-block;
        padding: calc(var(--vw) * 3.2);
        background-color: #fff;
        border: 1px solid #afafaf;
        border-radius: 1000px;
        cursor: pointer;
        transition: background-color .3s, border-color .3s
    }
}

input[type=radio]+.wpcf7-list-item-label:hover {
    border-color: #1d1d1b;
    color: #1d1d1b
}

input[type=radio]:checked+.wpcf7-list-item-label {
    background-color: #1d1d1b;
    color: #fff;
    border-color: #1d1d1b
}

.buttons_wrap_disc {
    display: flex;
    gap: calc(var(--vw) * 1.66);
    align-items: center;
    margin-bottom: calc(var(--vw) * 1.36);
    margin-top: calc(var(--vw) * 1.8)
}

.buttons_wrap_disc input[type=submit] {
    width: 100%
}

.demo_call svg {
    width: calc(var(--vw) * 4.86);
    filter: grayscale(100%);
    min-width: calc(var(--vw) * 4.86)
}

@media (max-width:1200px) {
    .buttons_wrap_disc {
        display: flex;
        flex-direction: column;
        gap: calc(var(--vw) * 6);
        align-items: center;
        margin-bottom: 0;
        margin-top: 0
    }

    .demo_call svg {
        width: calc(var(--vw) * 16.53);
        min-width: calc(var(--vw) * 16.53)
    }
}

.demo_call {
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * 1.11);
    min-width: calc(var(--vw) * 26.38)
}

.wpcf7-list-item-label {
    color: #afafaf;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1.11);
    font-style: normal;
    font-weight: 400;
    line-height: 100%
}

@media (max-width:1200px) {
    .demo_call {
        display: flex;
        align-items: center;
        gap: calc(var(--vw) * 2.66)
    }

    .demo_call span {
        font-size: calc(var(--vw) * 3.53)
    }

    .wpcf7-list-item-label {
        color: #afafaf;
        font-family: "Proxima Nova";
        font-size: calc(var(--vw) * 3.73);
        font-style: normal;
        font-weight: 400;
        line-height: 100%
    }
}

.wpcf7-list-item {
    margin: 0 !important;
    line-height: 110%
}

.discus_wrapper_popup {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 0;
    z-index: 9999;
    overflow: hidden
}

.discus_wrapper_popup.active {
    height: 100vh
}

.content_discus {
    opacity: 0;
    transform: translateY(calc(var(--vw) * 10));
    transition-duration: .5s;
    transition-delay: 0.3s
}

.discus_wrapper_popup.active .content_discus {
    opacity: 1;
    transform: translateY(0)
}

.bg_popup_discus {
    opacity: 0;
    background: #111;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%
}

.discus_wrapper_popup.active .bg_popup_discus {
    opacity: .8;
    transition-delay: 0.2s;
    transition-duration: .3s
}

.faq_wrapper_popup {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 0;
    z-index: 9999;
    overflow: hidden
}

.faq_wrapper_popup.active {
    height: 100vh
}

.content_faq {
    opacity: 0;
    transform: translateY(calc(var(--vw) * 10));
    transition-duration: .5s;
    transition-delay: 0.3s
}

.faq_wrapper_popup.active .content_faq {
    opacity: 1;
    transform: translateY(0)
}

.bg_popup_faq {
    opacity: 0;
    background: #111;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%
}

.faq_wrapper_popup.active .bg_popup_faq {
    opacity: .8;
    transition-delay: 0.2s;
    transition-duration: .3s
}

.wpcf7 label {
    color: var(--main-black-100, #1d1d1b);
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 2.5);
    font-style: normal;
    line-height: 100% !important;
    font-weight: 800
}

.faq_layout .wpcf7 label {
    font-size: calc(var(--vw) * 1.66)
}

.wpcf7-checkbox label {
    display: flex;
    gap: .3em;
    height: max-content
}

.form_discus .heading_form {
    font-weight: 800;
    margin-bottom: calc(var(--vw) * 2.77)
}

.close_discus svg {
    width: 1.3em
}

.close_discus {
    position: absolute;
    top: 0;
    right: .6em;
    cursor: pointer
}

.close_faq svg {
    width: 1.3em
}

.close_faq {
    position: absolute;
    top: 0;
    right: .6em;
    cursor: pointer
}

.strategy_layout {
    background-image: url('/wp-content/themes/platinum8/assets/images/strategy_form_bg.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: 25vw 1fr;
    gap: calc(var(--vw) * 3.125);
    max-height: 100% !important
}

@media (max-width:1200px) {
    .wpcf7 label {
        font-size: calc(var(--vw) * 6.4) !important
    }

    .strategy_layout {
        background-image: url('/wp-content/themes/platinum8/assets/images/bg_popup_strategy_mob.svg');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        gap: calc(var(--vw) * 6.4);
        height: max-content;
        max-height: 100%;
        border-radius: 0 0 calc(var(--vw) * 3.4) calc(var(--vw) * 3.4)
    }
}

.content_strategy {
    max-height: 90vh;
    overflow: auto;
    width: 100%;
    box-sizing: border-box;
    border-radius: calc(var(--vw) * 1.1)
}

.form_strategy {
    padding: calc(var(--vw) * 3.125);
    padding-bottom: calc(var(--vw) * 2.125);
    padding-left: 0;
    max-height: 90vh;
    overflow: auto
}

.wrap_content_strategy {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 9999;
    transform: scale(.9)
}

.flex_row label,
.one_flex_row {
    display: flex;
    align-items: flex-end;
    gap: calc(var(--vw) * 1);
    text-wrap: nowrap
}

.block_row,
.flex_row {
    margin-bottom: calc(var(--vw) * 1.5)
}

@media (max-width:1200px) {
    .form_strategy {
        padding: calc(var(--vw) * 8)
    }

    .wrap_content_strategy {
        transform: scale(1)
    }

    .flex_row label {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        text-wrap: wrap;
        width: 100%
    }

    .one_flex_row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: calc(var(--vw) * 6.4);
        text-wrap: wrap
    }

    .block_row,
    .flex_row {
        margin-bottom: 0;
        width: 100%
    }
}

.flex_row .wpcf7-form-control-wrap {
    margin-top: 0
}

.flex_row input[type=color],
.flex_row input[type=date],
.flex_row input[type=email],
.flex_row input[type=number],
.flex_row input[type=range],
.flex_row input[type=tel],
.flex_row input[type=text],
.flex_row input[type=time],
.flex_row input[type=url],
.flex_row input[type=week] {
    padding-bottom: calc(var(--vw) * 1)
}

.head_form_strategy {
    color: #bababa;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: .4em
}

.strategy_wrapper_popup {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 0;
    z-index: 9999;
    overflow: hidden
}

.strategy_wrapper_popup.active {
    height: 100vh
}

.content_strategy {
    opacity: 0;
    transform: translateY(calc(var(--vw) * 10));
    transition-duration: .5s;
    transition-delay: 0.3s
}

.strategy_wrapper_popup.active .content_strategy {
    opacity: 1;
    transform: translateY(0)
}

.bg_popup_strategy {
    opacity: 0;
    background: #111;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%
}

.strategy_wrapper_popup.active .bg_popup_strategy {
    opacity: .8;
    transition-delay: 0.2s;
    transition-duration: .3s
}

.close_strategy svg {
    width: 1.3em
}

.close_strategy {
    position: absolute;
    top: 0;
    right: .6em;
    cursor: pointer
}

.icon_copy {
    width: calc(var(--vw) * 1)
}

.copy_mail_strategy {
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * .375)
}

.copy_mail_strategy span {
    color: var(--main-white-100, var(--Main, #fff));
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1.31);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -.42px
}

.reviews_strategy {
    border-radius: calc(var(--vw) * 1);
    padding: calc(var(--vw) * 3.125);
    background: var(--Back-Grey, linear-gradient(303deg, #111215 0, #272b2e 102.47%));
    height: 100%
}

@media (max-width:1200px) {
    .head_form_strategy {
        color: #bababa;
        font-family: "Proxima Nova";
        font-size: calc(var(--vw) * 3.73);
        margin-top: 0;
        margin-bottom: calc(var(--vw) * 4.26)
    }

    .icon_copy {
        width: calc(var(--vw) * 4.53)
    }

    .copy_mail_strategy {
        gap: calc(var(--vw) * 2.29)
    }

    .copy_mail_strategy span {
        font-size: calc(var(--vw) * 4.26)
    }

    .reviews_strategy {
        border-radius: calc(var(--vw) * 3.2);
        padding: calc(var(--vw) * 10.66) calc(var(--vw) * 8);
        height: max-content
    }
}

.name_tag {
    color: #fff;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1);
    margin-bottom: calc(var(--vw) * .75);
    font-style: normal;
    font-weight: 700;
    line-height: 133%;
    text-transform: uppercase
}

.wrap_reviews_strategy {
    padding-top: calc(var(--vw) * 2);
    margin-top: calc(var(--vw) * 2);
    border-top: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width:1200px) {
    .name_tag {
        color: #fff;
        font-family: "Proxima Nova";
        font-size: calc(var(--vw) * 3.73);
        margin-bottom: calc(var(--vw) * 3.73)
    }

    .wrap_reviews_strategy {
        padding-top: calc(var(--vw) * 8.53);
        margin-top: calc(var(--vw) * 8.53);
        border-top: 1px solid rgba(255, 255, 255, .1)
    }
}

.main-navigation ul.sub-menu li a {
    color: #fff !important
}

.wpcf7-form-control-wrap {
    margin-top: calc(var(--vw) * .83)
}

.header_wrapper_sticky.active {
    transform: translateY(0)
}

.wpcf7-not-valid-tip {
    display: none !important
}

.main-navigation ul.sub-menu {
    display: none
}

.menu-item {
    position: relative;
    height: max-content;
    display: flex;
    max-height: max-content
}

.menu-item a {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.text-wrapper {
    position: relative;
    display: inline-block
}

.text {
    display: flex
}

.is-absolute {
    position: absolute;
    top: 100%;
    left: 0
}

.text span {
    display: inline-block;
    transition: transform .3s ease
}

.main-navigation ul.sub-menu {
    display: flex;
    flex-direction: column;
    gap: calc(var(--vw) * 1.11);
    align-items: flex-start;
    border-radius: calc(var(--vw) * .55);
    background: #26282c;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    position: absolute;
    bottom: calc(-100% - var(--vw) * 9);
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;
    padding: calc(var(--vw) * 1.66);
    opacity: 0;
    pointer-events: none;
    transition-duration: .3s;
    z-index: 999
}

.main-navigation ul.sub-menu.active {
    opacity: 1;
    pointer-events: all
}

.main-navigation ul.sub-menu::before {
    content: '';
    width: calc(var(--vw) * 1.25);
    height: calc(var(--vw) * .69);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/wp-content/themes/platinum8/assets/images/arrow_sub_wrapper.svg');
    display: flex;
    position: absolute;
    top: calc(var(--vw) * -.69);
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width:1200px) {
    .main-navigation ul.sub-menu {
        gap: calc(var(--vw) * 1.11);
        align-items: flex-start;
        border-radius: 0;
        background: 0 0 !important;
        backdrop-filter: none;
        position: relative;
        margin: 0 !important;
        padding: 0;
        opacity: 0;
        pointer-events: none;
        transition-duration: .3s;
        height: 0;
        overflow: hidden
    }

    .main-navigation ul.sub-menu.active {
        opacity: 1;
        pointer-events: all;
        height: auto;
        padding-top: calc(var(--vw) * 2.44);
        position: initial
    }

    .main-navigation ul.sub-menu::before {
        display: none
    }
}

.swiper_review_discus .swiper-slide {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.swiper_review_discus {
    overflow: hidden !important;
    height: 21vw
}

.wrap_reviews_strategy .swiper_review_discus {
    overflow: hidden !important;
    height: auto
}

.menu-item-has-children a {
    display: flex;
    align-items: center
}

li.menu-item-has-children a::after {
    content: '';
    width: .5em;
    height: .5em;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/wp-content/themes/platinum8/assets/images/arrow_sub_menu.svg');
    margin-left: .5em;
    display: flex
}

.site-header.active li.menu-item-has-children a::after {
    background-image: url('/wp-content/themes/platinum8/assets/images/arrow_sub_menu.svg') !important
}

.wrap_circle_button {
    position: relative;
    width: max-content
}

.poly__link__container {
    transform: scale(0) translate(0, 0);
    transition: transform .3s ease-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center;
    z-index: 999
}

@media (max-width:1200px) {
    .poly__link__container {
        transform: scale(1) translate(0, 0);
        top: 0;
        left: 0
    }

    .poly__link,
    .poly__link__container {
        position: relative !important
    }
}

.footer-circle {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    filter: grayscale(100%);
    pointer-events: none
}

.wrap_circle_button.active .poly__link__container {
    transform: scale(1)
}

.footer-menu-wrap li.menu-item-has-children a::after {
    display: none
}

li.menu-item-has-children .sub-menu a::after {
    display: none
}

.site-branding svg {
    width: calc(var(--vw) * 5.06)
}

.site-branding a:hover {
    border-width: 0
}

.heading_1 {
    font-size: calc(var(--vw) * 7.22);
    font-weight: 800;
    font-family: "Proxima Nova";
    text-transform: uppercase;
    color: #fff;
    line-height: 96%
}

.heading_1 span {
    background: linear-gradient(135deg, #d8d8d8 0%, #b3b3b3 50%, #7f7f7f 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block
}

.offer_layout {
    display: grid;
    grid-template-columns: minmax(20px, calc(var(--vw) * 62.5)) minmax(20px, calc(var(--vw) * 29.44));
    gap: calc(var(--vw) * 1.11)
}

.bottom_offer_info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--vw) * 5.27)
}

.offer_content {
    padding: calc(var(--vw) * 3.81) calc(var(--vw) * 6.25) calc(var(--vw) * 3.81) calc(var(--vw) * 2.77);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--vw) * 3.88);
    background-image: url("/wp-content/themes/platinum8/assets/images/mask_offer.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: calc(var(--vw) * 47.91);
    width: 100%
}

@media (max-width:1200px) {
    .footer-circle {
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        pointer-events: none
    }

    .offer_content {
        padding: calc(var(--vw) * 8.53) calc(var(--vw) * 5.33);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: calc(var(--vw) * 4.26);
        background-image: url("/wp-content/themes/platinum8/assets/images/vector_offer_mobile.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: calc(var(--vw) * 122.13);
        width: 100%
    }
}

.tabs_offer {
    color: #fff;
    font-family: Manrope;
    font-size: calc(var(--vw) * 1.25);
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    display: inline-block;
    margin-top:-60px;
}

.tab_border {
    line-height: 100%;
    padding: 0 calc(var(--vw) * 0.7) calc(var(--vw) * 0.1) calc(var(--vw) * 0.7);
    border-radius: 160px;
    border: 1px solid rgba(255, 255, 255, .3);
    text-wrap: nowrap;
}

.tab_border span {
    color: #fff;
    text-align: center;
    font-family: "Libre Baskerville";
    font-weight: 400;
    line-height: 100%;
    font-style: italic
}

.desc_button {
    text-transform: uppercase;
    color: #848484;
    font-family: Manrope;
    font-size: calc(var(--vw) * .69);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 1.6px;
    text-align: center;
    margin-top: calc(var(--vw) * 1.66)
}

.desc_button span {
    color: #fff;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: calc(var(--vw) * .11)
}

.strategy_call {
    display: flex;
    align-items: center;
    padding: calc(var(--vw) * .97);
    padding-left: calc(var(--vw) * 2.22);
    border-radius: 1000px;
    background: #fff;
    text-transform: uppercase;
    gap: calc(var(--vw) * 1.6);
    font-family: "Proxima Nova";
    font-weight: 700;
    font-size: calc(var(--vw) * 1.11);
    width: max-content;
    transition-duration: .3s;
    overflow: hidden;
    position: relative
}

.strategy_call span {
    color: #031c11;
    position: relative;
    z-index: 2
}

.strategy_call::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #d8d8d8 0%, #7f7f7f 50%, #d8d8d8 100%);
    height: 100%;
    width: 100%;
    display: flex;
    opacity: 1;
    transition-duration: .3s;
    z-index: 1
}

.strategy_call:hover::before {
    background: linear-gradient(47deg, #fff -5.73%, #fff 60.35%, #fff 101.73%);
    opacity: 0;
    transition-duration: .3s
}

.lottie_button svg {
    width: calc(var(--vw) * 1.31);
    height: calc(var(--vw) * 1.31);
    position: relative;
    z-index: 2;
    transition-duration: .3s
}

.lottie_button:hover svg {
    opacity: 0
}

.lottie-animation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: max-content;
    width: max-content;
    display: flex;
    align-items: center;
    width: calc(var(--vw) * 1.56);
    height: calc(var(--vw) * 1.56)
}

.lottie-animation svg {
    position: relative;
    z-index: 2;
    transition-duration: .3s;
    opacity: 0
}

.lottie_button:hover .lottie-animation svg {
    opacity: 1
}

@media (max-width:1200px) {
    .lottie_button svg {
        width: calc(var(--vw) * 5.33);
        height: calc(var(--vw) * 5.33);
        position: relative;
        z-index: 2;
        transition-duration: .3s
    }

    .lottie-animation {
        width: calc(var(--vw) * 6.33);
        height: calc(var(--vw) * 6.33)
    }
}

.circle_icon_b {
    background: #070707;
    width: calc(var(--vw) * 2.625);
    height: calc(var(--vw) * 2.625);
    border-radius: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3
}

.offer_wrapper {
    margin-top: calc(var(--vw) * 1.95);
    overflow: hidden
}

@media (max-width:1200px) {
    .circle_icon_b {
        background: #070707;
        width: calc(var(--vw) * 11.73);
        height: calc(var(--vw) * 11.73);
        border-radius: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 3
    }

    body {
        margin-top: calc(var(--vw) * 23.95)
    }

    .offer_wrapper {
        margin-top: 0;
        overflow: hidden
    }

    .offer_layout {
        display: flex;
        flex-direction: column
    }

    .offer_content {
        height: auto
    }

    .heading_1 {
        font-size: calc(var(--vw) * 11.7)
    }

    .bottom_offer_info {
        flex-direction: column
    }

    .tabs_offer {
        font-size: calc(var(--vw) * 3.7);
        margin-bottom: 0;
        line-height: 221%
    }

    .tab_border {
        font-size: calc(var(--vw) * 2.2);
        /* consistent smaller size */
        padding: calc(var(--vw) * 0.5) calc(var(--vw) * 1.5);
        padding-top: .2vw;
    }

    .strategy_call span {
        font-size: calc(var(--vw) * 3.7);
        width: calc(var(--vw) * 64);
        text-align: center
    }

    .strategy_call svg {
        width: calc(var(--vw) * 4.26);
        height: calc(var(--vw) * 4.26)
    }

    .strategy_call {
        margin-bottom: calc(var(--vw) * 4.2);
        width: 100%;
        justify-content: space-between;
        padding: calc(var(--vw) * 2.13)
    }

    .buttons_offer {
        margin: 0 auto;
        width: 100%
    }

    .desc_button {
        font-size: calc(var(--vw) * 2.4)
    }
}

.tabs_project {
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * .41);
    margin-top: calc(var(--vw) * 3.26);
    margin-left: calc(var(--vw) * 2.08)
}

.tab_project {
    display: flex;
    padding: calc(var(--vw) * .83) calc(var(--vw) * 1.11);
    justify-content: center;
    align-items: center;
    border-radius: 366px;
    border: 1px solid rgba(255, 255, 255, .3);
    background: linear-gradient(168deg, rgba(17, 17, 17, .33) -9.25%, rgba(17, 17, 17, .06) 113.43%);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    color: #fff;
    font-family: Manrope;
    font-size: calc(var(--vw) * .9);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: calc(var(--vw) * -.018)
}

.tab_project svg {
    width: .7em;
    min-width: .7em;
    margin-top: .08em;
    margin-right: .2em
}

@media (max-width:1200px) {
    .tabs_project {
        display: flex;
        align-items: center;
        gap: calc(var(--vw) * 1.33);
        margin-top: calc(var(--vw) * 11.46);
        margin-left: calc(var(--vw) * 5.33);
        margin-bottom: calc(var(--vw) * 36.53)
    }

    .tab_project {
        display: flex;
        padding: calc(var(--vw) * 2.66) calc(var(--vw) * 3.73);
        justify-content: center;
        align-items: center;
        border-radius: 366px;
        border: 1px solid rgba(255, 255, 255, .3);
        background: linear-gradient(168deg, rgba(17, 17, 17, .33) -9.25%, rgba(17, 17, 17, .06) 113.43%);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        color: #fff;
        font-family: Manrope;
        font-size: calc(var(--vw) * 2.66);
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: calc(var(--vw) * -.018)
    }
}

.icon_data_wrapper {
    background: #7F7F7F;
    width: calc(var(--vw) * 2.5);
    height: calc(var(--vw) * 2.5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 100%
}

.icon_data_wrapper svg {
    width: calc(var(--vw) * 1.04);
    height: calc(var(--vw) * 1.04)
}

.data_project {
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * .83)
}

.text_data {
    color: #fff;
    font-family: Manrope;
    font-size: calc(var(--vw) * .97);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-transform: uppercase
}

@media (max-width:1200px) {
    .icon_data_wrapper {
        width: calc(var(--vw) * 8.53);
        height: calc(var(--vw) * 8.53)
    }

    .icon_data_wrapper svg {
        width: calc(var(--vw) * 3.46);
        height: calc(var(--vw) * 3.46)
    }

    .data_project {
        display: flex;
        align-items: center;
        gap: calc(var(--vw) * 3.2)
    }

    .text_data {
        color: #fff;
        font-family: Manrope;
        font-size: calc(var(--vw) * 3.46);
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        text-transform: uppercase
    }
}

.name_project {
    color: #fff;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 2.63);
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: calc(var(--vw) * -.026);
    margin: 0;
    margin-bottom: calc(var(--vw) * .83);
    margin-top: calc(var(--vw) * 1.66)
}

.desc_project p {
    color: #a2a2a2;
    font-family: Manrope;
    font-size: calc(var(--vw) * 1.11);
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.table_info_project {
    display: flex;
    flex-direction: column;
    gap: calc(var(--vw) * 1.66);
    margin-top: calc(var(--vw) * 2.19)
}

@media (max-width:1200px) {
    .name_project {
        color: #fff;
        font-family: "Proxima Nova";
        font-size: calc(var(--vw) * 8.53);
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: calc(var(--vw) * -.026);
        margin: 0;
        margin-bottom: calc(var(--vw) * 2.66);
        margin-top: calc(var(--vw) * 5.33)
    }

    .desc_project p {
        font-size: calc(var(--vw) * 3.73)
    }

    .table_info_project {
        display: flex;
        flex-direction: column;
        gap: calc(var(--vw) * 5.33);
        margin-top: calc(var(--vw) * 10.66)
    }
}

.item_info_project {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.name_item_project {
    color: #a2a2a2;
    font-family: Manrope;
    font-size: calc(var(--vw) * 1.25);
    font-style: normal;
    font-weight: 600;
    line-height: 100%
}

.price_item_project {
    color: #fff;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1.8);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: calc(var(--vw) * -.054)
}

.main_info_projects {
    padding: calc(var(--vw) * 2.77);
    padding-top: calc(var(--vw) * 1.73);
    background-image: url("/wp-content/themes/platinum8/assets/images/vector_review.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    height: calc(var(--vw)* 22.5);
    position: relative;
    width: calc(var(--vw)* 24.4);
    left: calc(var(--vw) * -.09);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width:1200px) {
    .name_item_project {
        font-size: calc(var(--vw) * 3.73)
    }

    .price_item_project {
        font-size: calc(var(--vw) * 5.86)
    }

    .main_info_projects {
        padding: calc(var(--vw) * 6.4) calc(var(--vw) * 5.33);
        background-image: url("/wp-content/themes/platinum8/assets/images/vector_review.png");
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: contain;
        height: calc(var(--vw)* 71);
        position: relative;
        width: calc(var(--vw)* 82.9);
        left: calc(var(--vw) * -.19);
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

::marker {
    position: relative
}

.swiper_projects .swiper-slide {
    width: 100% !important;
    border-radius: 1.11vw
}

.swiper_projects {
    height: 100%;
    overflow: hidden !important;
    border-radius: 1.11vw
}

.project_card_slider {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden
}

@media (max-width:1200px) {
    .project_card_slider {
        border-radius: calc(var(--vw) * 5.33)
    }

    .swiper_projects .swiper-slide {
        border-radius: calc(var(--vw) * 5.33)
    }
}

.swiper_projects .swiper-pagination {
    position: absolute;
    top: calc(var(--vw) * 1.38);
    left: calc(var(--vw) * 2.08);
    bottom: auto;
    display: flex;
    gap: calc(var(--vw) * .2);
    width: calc(100% - calc(var(--vw) * 4.16))
}

.swiper_projects .swiper-pagination-bullet {
    margin: 0 !important;
    border-radius: 10px !important;
    height: calc(var(--vw) * .2);
    opacity: .2;
    background: #fff;
    overflow: hidden;
    position: relative
}

@media (max-width:1200px) {
    .swiper_projects .swiper-pagination {
        position: absolute;
        top: calc(var(--vw) * 5.33);
        left: calc(var(--vw) * 5.33);
        bottom: auto;
        display: flex;
        gap: calc(var(--vw) * 1.06);
        width: calc(100% - calc(var(--vw) * 10.66))
    }

    .swiper_projects .swiper-pagination-bullet {
        margin: 0 !important;
        border-radius: 10px !important;
        height: calc(var(--vw) * .8);
        opacity: .2;
        background: #fff;
        overflow: hidden;
        position: relative
    }
}

.swiper_projects .swiper-pagination-bullet-active::before {
    content: "";
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    animation: 4s linear forwards slide-progress
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 100%
}

.swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: rgba(255, 255, 255, .2) !important
}

.swiper_projects.swiper-paused .swiper-pagination-bullet-active::before {
    animation-play-state: paused !important
}

@keyframes slide-progress {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

.tab_heading {
    display: inline-flex;
    padding: calc(var(--vw) * .5) calc(var(--vw) * 1.11);
    padding-bottom: calc(var(--vw) * .55);
    align-items: center;
    gap: calc(var(--vw) * .41);
    border-radius: 366px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1.11);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: calc(var(--vw) * -.022);
    text-transform: uppercase
}

.point_tab {
    width: calc(var(--vw) * .34);
    height: calc(var(--vw) * .34);
    background: #fff;
    border-radius: 100%
}

.play_wrap_img {
    position: relative;
    width: max-content
}

.img_founder {
    border-radius: 100%;
    width: calc(var(--vw) * 9.72);
    height: calc(var(--vw) * 9.72);
    object-fit: cover;
    border-radius: 100%
}

.play_video_found_button svg {
    width: calc(var(--vw) * 6.38);
    height: calc(var(--vw) * 6.38);
    border-radius: 100%
}

.word-container {
    display: block;
    overflow: hidden;
    position: relative;
    height: calc(var(--vw) * 7.25)
}

@media (max-width:1200px) {
    .word-container {
        display: block;
        overflow: hidden;
        position: relative;
        height: calc(var(--vw) * 10.25)
    }
}

.play_video_found_button .hover_blur {
    opacity: 0;
    transition-duration: .3s
}

.play_video_found_button:hover .hover_blur {
    opacity: 1
}

.play_video_found_button {
    position: absolute;
    top: calc(var(--vw) * 2);
    right: calc(var(--vw) * -3.19)
}

.founder_play_wrap {
    margin-top: calc(var(--vw) * 4.02);
    opacity: 1
}

.name_founder {
    color: #fff;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1.45);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: calc(var(--vw) * -.029);
    margin-top: calc(var(--vw) * 1.66);
    margin-bottom: 0
}

.desc_founder {
    color: #fff;
    font-family: Manrope;
    font-size: calc(var(--vw) * 1.11);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: calc(var(--vw) * -.022);
    margin-top: calc(var(--vw) * .83)
}

.mission_wrapper {
    margin-top: calc(var(--vw) * 15.97)
}

.desc_mission {
    color: #fff;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 2.5);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: calc(var(--vw) * -.05);
    display: block
}

.desc_mission .word:first-child {
    text-indent: calc(var(--vw) * 7)
}

.mission_layout {
    display: grid;
    grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr);
    justify-content: space-between;
    align-items: flex-start
}

.awards_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(var(--vw) * 2.77);
    margin-top: calc(var(--vw) * 15.97)
}

.awards_item {
    width: calc(var(--vw) * 20.48);
    height: calc(var(--vw) * 20.48);
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, .22);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition-duration: .3s;
    ransition: transform 0.3s ease;
    will-change: transform;
    perspective: 1000px;
    position: relative;
    overflow: hidden;
    transform: scale(1)
}

@media (max-width:1200px) {
    .desc_mission .word:first-child {
        text-indent: calc(var(--vw) * 0)
    }

    .awards_grid {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: calc(var(--vw) * 0);
        margin-top: calc(var(--vw) * 15.97)
    }

    .awards_grid_wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: calc(var(--vw) * 0)
    }

    .awards_item {
        margin: 0 calc(var(--vw) * 1.35)
    }
}

.awards_item_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform .1s ease;
    pointer-events: none
}

.awards_icon {
    width: calc(var(--vw) * 8.33);
    margin-bottom: calc(var(--vw) * .41)
}

.desc_awards_item {
    color: #fff;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1.25);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: calc(var(--vw) * -.025)
}

.heading_solution {
    color: #fff;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 4.58);
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: calc(var(--vw) * -.09);
    margin: 0;
    margin-top: calc(var(--vw) * 1.66)
}

.heading_solution span {
    font-family: "Libre Baskerville";
    font-style: italic;
    font-weight: 400
}

.circle_button {
    background: #fff;
    width: calc(var(--vw) * 14.58);
    height: calc(var(--vw) * 14.58);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: calc(var(--vw) * 1.11);
    transition-duration: .5s;
    transition: all .5s ease-in-out;
    overflow: hidden;
    position: relative;
    margin-top: calc(var(--vw) * 4.66)
}

.circle_button:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #7f7f7f 0%, #b3b3b3 50%, #d8d8d8 100%);
    opacity: 1;
    transition: all .5s ease-in-out
}

.circle_button:hover:before {
    opacity: 0;
    transition: all .5s ease-in-out
}

.circle_button span {
    color: #070707;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1.11);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: calc(var(--vw) * -.033);
    text-transform: uppercase;
    width: 60%;
    position: relative;
    z-index: 9
}

.circle_button svg {
    width: calc(var(--vw) * 3.19);
    height: calc(var(--vw) * 3.19);
    position: relative;
    z-index: 9
}

.solution_layout {
    display: grid;
    grid-template-columns: calc(var(--vw) * 39.23) 1fr;
    gap: calc(var(--vw) * 5.55);
    margin-top: calc(var(--vw) * 15.97);
    position: relative
}

.wrapper_heading {
    position: sticky;
    top: calc(var(--vw) * 9.66)
}

.arrow_sol_cart svg {
    width: calc(var(--vw) * 4.16)
}

.heading_sol_cart {
    color: #fff;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 4.3);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: calc(var(--vw) * -.086);
    margin: 0;
    margin-top: auto;
    width: 70%
}

.heading_sol_cart_block {
    display: flex;
    align-items: flex-end;
    gap: calc(var(--vw) * 3.47)
}

.icon_solution {
    width: calc(var(--vw) * 13.88)
}

@media (max-width:1200px) {
    .wrapper_heading {
        position: relative;
        top: 0
    }

    .icon_solution {
        width: calc(var(--vw) * 33.88)
    }
}

.cart_solution_item {
    background-image: url("/wp-content/themes/platinum8/assets/images/bg_solution_cart.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: calc(var(--vw) * 39.23);
    height: calc(var(--vw) * 38.33);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: calc(var(--vw) * 2.77);
    position: relative
}

.cart_solution_item:hover {
    background-image: none
}

.arrow_button {
    width: calc(var(--vw) * 4.16);
    height: calc(var(--vw) * 4.16);
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: .3s;
    overflow: hidden;
    position: relative
}

.arrow_button::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    opacity: 0;
    background: var(--Gradient-Background, linear-gradient(47deg, #15bcdf -5.73%, #0ddc7a 60.35%, #15bcdf 101.73%));
    transition-duration: .3s;
    z-index: 1
}

.arrow_button svg {
    width: calc(var(--vw) * .83);
    position: relative;
    z-index: 3
}

.button_active_sol:hover .arrow_button svg path {
    stroke: #fff;
    transition-duration: .3s
}

.button_active_sol:hover .arrow_button::before {
    opacity: 1
}

.test_button_sol {
    color: #000;
    text-align: center;
    font-family: Manrope;
    font-size: calc(var(--vw) * .97);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: calc(var(--vw) * -.029);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(var(--vw) * 4.16);
    padding: 0 calc(var(--vw) * 2.22);
    border-radius: 1000px;
    width: max-content
}

.button_active_sol {
    display: flex;
    align-items: center;
    cursor: pointer
}

.heading_sol_active {
    color: #fff;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 2.91);
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: calc(var(--vw) * -.058);
    margin: 0;
    margin-bottom: calc(var(--vw) * 2.22);
    width: 60%
}

.desc_sol_active {
    color: #fff;
    font-family: Manrope;
    font-size: calc(var(--vw) * 1.04);
    font-style: normal;
    font-weight: 400;
    line-height: 150% !important;
    opacity: .7
}

.active_hover_solution {
    background-image: url("/wp-content/themes/platinum8/assets/images/bg_solution_cart_active.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: calc(var(--vw) * 39.23);
    height: calc(var(--vw) * 38.33);
    display: flex;
    filter: grayscale(100%);
    flex-direction: column;
    justify-content: space-between;
    padding: calc(var(--vw) * 2.77);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(calc(var(--vw) * 2));
    transition-duration: .5s
}

.carts_solution {
    display: flex;
    flex-direction: column;
    gap: calc(var(--vw) * 1.11)
}

.cart_solution_item:hover .active_hover_solution {
    opacity: 1;
    transform: translateY(0)
}

.solution_wrapper {
    padding: calc(var(--vw) * 15.97) 0
}

.heading_work {
    color: #1d1d1b;
    font-family: "Proxima Nova";
    font-weight: 700;
    font-size: calc(var(--vw) * 12.22);
    line-height: 120%;
    letter-spacing: calc(var(--vw) * -.24);
    margin: 0;
    overflow: hidden
}

.heading_work.left {
    margin-left: -1vw
}

.heading_work span {
    color: #1d1d1b;
    font-family: "Libre Baskerville";
    font-weight: 400;
    font-style: italic
}

.wework_wrapper {
    padding: calc(var(--vw) * 15.97) 0 calc(var(--vw) * 11.11) 0;
    overflow: hidden
}

@media (max-width:1200px) {
    .wework_wrapper {
        padding: calc(var(--vw) * 25.6) 0 calc(var(--vw) * 25.6) 0
    }
}

.bottom_heading,
.top_heading {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.top_heading {
    gap: calc(var(--vw) * 2.77)
}

.top_heading .founder_play_wrap {
    margin-bottom: calc(var(--vw) * 1.38)
}

.bottom_heading {
    display: flex;
    justify-content: space-between;
    margin-top: calc(var(--vw) * -4.3);
    margin-bottom: calc(var(--vw) * 5.97)
}

.desc_heading_work {
    color: #161616;
    font-family: Manrope;
    font-size: calc(var(--vw) * .97);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: calc(var(--vw) * -.0194);
    width: calc(var(--vw) * 19.5)
}

.desc_heading_work span {
    font-weight: 700
}

.task_step {
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * .83);
    border-radius: 1660px;
    background-color: #fff;
    width: 100%;
    padding: calc(var(--vw) * .41);
    transition-duration: .5s;
    transition-property: background-color
}

.wework_cart:hover .task_step {
    background-color: #f4f4f4
}

.number_task {
    width: calc(var(--vw) * 2.77);
    height: calc(var(--vw) * 2.77);
    background: linear-gradient(303deg, #111215 0, #272b2e 102.47%);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e5e5e5;
    text-align: center;
    font-family: Manrope;
    font-size: calc(var(--vw) * 1.11);
    font-style: normal;
    font-weight: 700;
    line-height: 150%
}

.heading_task {
    color: #161616;
    font-family: Manrope;
    font-size: calc(var(--vw) * 1.11);
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    letter-spacing: calc(var(--vw) * -.022);
    margin: 0
}

.wework_carts {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.time_wework {
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * .41);
    margin-bottom: calc(var(--vw) * 2.01);
    padding-top: calc(var(--vw) * 1.38);
    margin-left: calc(var(--vw) * 2.08)
}

.time_wework svg {
    width: calc(var(--vw) * .97)
}

.number_time,
.week {
    color: #161616;
    text-align: center;
    font-family: Manrope;
    font-size: calc(var(--vw) * .97);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: calc(var(--vw) * -.019);
    text-transform: uppercase;
    opacity: .4
}

.heding_step {
    color: #161616;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 2.5);
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: calc(var(--vw) * -.069);
    margin: 0;
    margin-left: calc(var(--vw) * 2.08);
    margin-right: calc(var(--vw) * 2.08)
}

.layout_step_icon {
    width: calc(var(--vw) * 5.97);
    height: calc(var(--vw) * 5.97);
    background: #fff;
    margin: 0 auto;
    margin-bottom: calc(var(--vw) * -3.05);
    border-radius: 100%;
    border-radius: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 99;
    margin-top: calc(var(--vw) * 2.5)
}

.wework_cart .layout_step_icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: linear-gradient(135deg, #7f7f7f 0%, #b3b3b3 50%, #d8d8d8 100%);
    z-index: 1;
    opacity: 0;
    transition-duration: .5s
}

.wework_cart:hover .layout_step_icon::before {
    opacity: 1
}

.icon_step,
.lottie-icon {
    width: calc(var(--vw) * 1.59);
    position: relative;
    z-index: 3
}

.wework_cart:hover .icon_step {
    opacity: 0
}

.lottie-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: max-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition-duration: .3s;
    scale: 1.1
}

.wework_cart:hover .lottie-icon {
    opacity: 1
}

.elipse_step {
    width: 100%
}

.elipse_step_hover {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter: grayscale(100%);
    opacity: 0;
    transition-duration: .5s
}

.wrap_elipse_step {
    position: relative
}

.wework_cart:hover .elipse_step_hover {
    opacity: 1;
    transition-duration: .5s
}

.tasks_stes {
    display: flex;
    flex-direction: column;
    gap: calc(var(--vw) * .41);
    padding: calc(var(--vw) * 2.08);
    padding-top: 0
}

.wework_cart {
    background-image: url("/wp-content/themes/platinum8/assets/images/border_step.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: calc(var(--vw) * 46.52);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1em;
    margin-left: calc(var(--vw) * -.069);
    position: relative;
    transition-duration: .5s
}

.wework_cart::before {
    content: "";
    background-image: url("/wp-content/themes/platinum8/assets/images/bg_white_wework.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: calc(var(--vw) * 46.52);
    width: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    transition-duration: .3s
}

.wework_cart:hover::before {
    opacity: 1
}

.tasks_stes,
.top_info_cart {
    position: relative;
    z-index: 9
}

.discus_layout {
    background-image: url("/wp-content/themes/platinum8/assets/images/bg_discus.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: calc(var(--vw) * 52);
    width: 100%;
    padding: calc(var(--vw) * 2.77);
    padding-left: calc(var(--vw) * 4.16);
    display: grid;
    grid-template-columns: 1fr calc(var(--vw) * 34.44);
    align-items: center;
    gap: calc(var(--vw) * 6.25);
    position: relative
}

.discus_wrapper {
    background-image: url("/wp-content/themes/platinum8/assets/images/bg_discus_wrapper.svg");
    background-position: center;
    background-size: cover;
    filter: grayscale(100%);
    background-repeat: no-repeat;
    border-radius: calc(var(--vw) * 3.88);
    padding: calc(var(--vw) * 10.13) 0
}

.faq_layout {
    background-image: url("/wp-content/themes/platinum8/assets/images/bg_form_faq_desctop.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: calc(var(--vw) * 53);
    width: calc(var(--vw) * 31.4);
    padding: calc(var(--vw) * 2.22);
    display: flex;
    flex-direction: column;
    gap: calc(var(--vw) * 6.25);
    position: relative;
    margin: auto
}

@media (max-width:1200px) {
    .wework_cart::before {
        display: none
    }

    .faq_layout {
        background-image: url("/wp-content/themes/platinum8/assets/images/bg_form_faq_mobile.svg");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: calc(var(--vw) * 199.93);
        width: calc(var(--vw) * 94.66);
        padding: calc(var(--vw) * 8);
        display: flex;
        flex-direction: column;
        gap: calc(var(--vw) * 6.25);
        position: relative;
        margin: auto
    }

    .icon_step {
        opacity: 0
    }

    .lottie-icon {
        opacity: 1
    }

    .discus_wrapper {
        border-radius: calc(var(--vw) * 7.46);
        padding: calc(var(--vw) * 17.06) 0
    }
}

.heading_form {
    color: #161616;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 3.88);
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: calc(var(--vw) * -.077);
    margin: 0;
    margin-bottom: calc(var(--vw) * 3.88)
}

.faq_layout .heading_form {
    font-size: calc(var(--vw) * 2.22);
    margin-bottom: calc(var(--vw) * 1.66)
}

input[type=color],
input[type=date],
input[type=email],
input[type=number],
input[type=range],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    border-radius: 0 !important;
    border: 0 solid #000;
    border-bottom: 1px solid #a2a2a2;
    color: #161616;
    font-family: Manrope;
    font-size: calc(var(--vw) * 1.11);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    padding: 0;
    padding-bottom: calc(var(--vw) * 1.52);
    height: auto !important;
    width: 100%;
    white-space: normal;
    background: 0 0 !important
}

input::placeholder {
    white-space: pre-wrap
}

.two_col_form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--vw) * 3.88);
    align-items: center
}

.desc_form {
    color: #a2a2a2;
    font-family: Manrope;
    font-size: calc(var(--vw) * .97);
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.desc_form a {
    background: linear-gradient(135deg, #7f7f7f 0%, #b3b3b3 50%, #d8d8d8 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline !important;
    color: #4bfa8a;
    border-bottom: 0 !important
}

.desc_form a:hover {
    opacity: .6
}

.wpcf7-form {
    display: flex;
    flex-direction: column
}

.faq_layout .wpcf7-form {
    gap: calc(var(--vw) * 1.35)
}

.form_discus_wrapper .wpcf7-form {
    gap: .8vw
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    position: relative;
    overflow: hidden;
    border-radius: 1660px;
    color: #fff;
    background: 0 0;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1.25);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: calc(var(--vw) * -.0125);
    text-transform: uppercase;
    border-width: 0 !important;
    padding: calc(var(--vw) * .5);
    width: 100%;
    cursor: pointer;
    transition-duration: .3s
}

.submit-button-wrapper {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    border-radius: 1000px;
    width: 100%
}

.submit-button-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #7f7f7f 0%, #b3b3b3 50%, #d8d8d8 100%);
    transition: opacity .3s ease
}

button:hover .submit-button-wrapper::before,
input[type=button]:hover .submit-button-wrapper::before,
input[type=reset]:hover .submit-button-wrapper::before,
input[type=submit]:hover .submit-button-wrapper::before {
    opacity: 0
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    background: #111
}

.wpcf7-spinner {
    display: none
}

.heading_review_wrap {
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * 1.11);
    padding-bottom: calc(var(--vw) * 2.5);
    margin-bottom: calc(var(--vw) * 2.5);
    border-bottom: 1px solid #dbdadd
}

.icon_review {
    width: calc(var(--vw) * 3.88)
}

.heading_review {
    color: #161616;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 2.5);
    font-style: normal;
    font-weight: 700;
    margin: 0
}

.heading_review span {
    font-family: "Libre Baskerville";
    font-style: italic;
    font-weight: 400
}

.location_work {
    color: #161616;
    font-family: Manrope;
    font-size: calc(var(--vw) * 1.11);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * .83)
}

.location_work svg {
    width: calc(var(--vw) * 1.45)
}

.review_star {
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * .69);
    border-radius: calc(var(--vw) * .55);
    background: linear-gradient(303deg, #111215 0, #272b2e 102.47%);
    padding: calc(var(--vw) * .55) calc(var(--vw) * 1.1);
    width: max-content
}

.review_star svg {
    width: calc(var(--vw) * 1.66)
}

.number_rating {
    color: #fff;
    font-family: Manrope;
    font-size: calc(var(--vw) * 1.94);
    font-style: normal;
    font-weight: 600;
    line-height: 140%
}

.wpcf7-submit {
    padding: calc(var(--vw) * 1.625) !important
}

@media (max-width:1200px) {
    .faq_layout .heading_form {
        font-size: calc(var(--vw) * 8.53);
        margin-bottom: calc(var(--vw) * 8.53) !important
    }

    .faq_layout .wpcf7-form {
        gap: calc(var(--vw) * 6.4)
    }

    .form_discus_wrapper .wpcf7-form-control-wrap {
        width: 100%
    }

    .form_discus_wrapper .wpcf7-form {
        gap: 5.4vw
    }

    button,
    input[type=button],
    input[type=reset],
    input[type=submit] {
        font-size: calc(var(--vw) * 4.26);
        padding: calc(var(--vw) * 2.13)
    }

    .wpcf7-submit {
        padding: calc(var(--vw) * 6.93) !important
    }
}

.logo_hunt {
    height: calc(var(--vw) * 1.94)
}

.text_review {
    color: #161616;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1.44);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-top: calc(var(--vw) * 1.66);
    margin-bottom: auto
}

.review_form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: calc(var(--vw) * 2.77);
    background-image: url("/wp-content/themes/platinum8/assets/images/review_bg.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(var(--vw) * 34.44);
    height: calc(var(--vw) * 40.83)
}

.marker-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100% !important;
    line-height: 1.4;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    width: fit-content;
    height: fit-content;
    border: 1px solid #fff;
    border-radius: calc(var(--vw) * 25.4);
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * .4);
    padding: calc(var(--vw) * .5) calc(var(--vw) * 1.1);
    padding-top: calc(var(--vw) * .55)
}

.marker-text::before {
    content: "";
    width: calc(var(--vw) * .3);
    height: calc(var(--vw) * .3);
    background-color: #fff;
    border-radius: 100%
}

.marker-text-black {
    color: #031c11;
    border: 1px solid #031c11
}

.marker-text-black::before {
    background-color: #031c11
}

.marker-text-center {
    margin: 0 auto;
    margin-bottom: calc(var(--vw) * 2.22)
}

.current {
    display: flex;
    flex-direction: column
}

.current::after {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #fff
}

.bg_header_hover {
    position: fixed;
    top: -10vh;
    left: 0;
    height: 150vh;
    width: 100vw;
    opacity: 0;
    background: #111;
    pointer-events: none;
    transition-duration: .3s;
    z-index: 99
}

.bg_header_hover.active {
    opacity: .8
}

@media (max-width:1200px) {
    .container {
        max-width: 100vw;
        margin: 0 auto
    }

    .bg_header_hover {
        display: none
    }
}

.lover-container-left-side {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.location-container {
    display: flex;
    align-items: center;
    gap: .8vw;
    margin-top: auto
}

@media (min-width:1200px) {
    .approach_navogation_wrap .swiper-pagination {
        display: none !important
    }
}

@media (max-width:1200px) {
    .marker-text {
        font-size: calc(var(--vw) * 3.2);
        padding: calc(var(--vw) * 1.6) calc(var(--vw) * 3.2);
        gap: calc(var(--vw) * 1.6);
        margin-bottom: calc(var(--vw) * 6.4)
    }

    .marker-text::before {
        width: calc(var(--vw) * 1);
        height: calc(var(--vw) * 1)
    }
}

.culture-title {
    font-family: "Proxima Nova", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(var(--vw) * 6);
    line-height: 100%;
    line-height: 1;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: calc(var(--vw) * 5.2);
    margin-top: calc(var(--vw) * 2.2);
    width: calc(var(--vw) * 25)
}

.culture-circles {
    width: calc(var(--vw) * 47.5);
    height: calc(var(--vw) * 37.5);
    filter: grayscale(100%);
}

.culture-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 2.5);
    line-height: 100% !important;
    line-height: 1.2;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #fff
}

.inner {
    font-family: "Libre Baskerville";
    font-weight: 400;
    font-style: italic
}

.inner-span {
    font-weight: 400
}

.culture-container {
    display: flex;
    margin-bottom: calc(var(--vw) * 5.2) !important
}

.culture-info-wrap {
    margin-right: auto
}

@media (max-width:1200px) {
    .culture-container {
        flex-direction: column
    }

    .culture-circles {
        width: calc(var(--vw) * 89);
        height: calc(var(--vw) * 70)
    }

    .culture-title {
        font-size: calc(var(--vw) * 14.9);
        width: calc(var(--vw) * 80);
        margin-bottom: calc(var(--vw) * 8)
    }

    .culture-text {
        font-size: calc(var(--vw) * 6.4);
        margin-bottom: calc(var(--vw) * 11.7)
    }
}

.card-list {
    display: grid;
    flex-wrap: wrap;
    row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 10px;
    margin-bottom: calc(var(--vw) * 5.5)
}

.card-item {
    position: relative;
    border: 1px solid #414141;
    border-radius: calc(var(--vw) * 1.5);
    padding: calc(var(--vw) * 2.77);
    flex-basis: calc((100%)/ 3);
    height: calc(var(--vw) * 30.8);
    overflow: hidden
}

.card-item-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(var(--vw) * 30);
    height: calc(var(--vw) * 17);
    opacity: 0;
    filter: grayscale(100%);
    transition: .5s
}

.card-item:hover .card-item-bg {
    opacity: 1
}

.item-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 1.9);
    line-height: 100%;
    line-height: .89286;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: 20px
}

.item-text {
    font-family: Manrope, sans-serif;
    font-weight: 500;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    line-height: 1.55;
    color: #fff;
    opacity: .6
}

.card-image {
    margin-bottom: 30px
}

.card-image-wrap {
    position: relative;
    filter: grayscale(100%);
}

.card-icon-lot,
.card-image {
    width: calc(var(--vw) * 5.83);
    transition-duration: .3s
}

.card-item:nth-child(2) .card-icon-lot,
.card-item:nth-child(2) .card-image {
    margin-left: -.5em
}

.card-item:hover img.card-image {
    opacity: 0
}

.card-icon-lot {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.card-item:hover .card-icon-lot {
    opacity: 1
}

@media (max-width:1200px) {

    .card-icon-lot,
    .card-image {
        width: calc(var(--vw) * 22.93);
        transition-duration: .3s
    }

    .card-item:nth-child(2) .card-icon-lot,
    .card-item:nth-child(2) .card-image {
        margin-left: -2em
    }

    .item-title {
        font-size: calc(var(--vw) * 6.1);
        line-height: 100%
    }

    .item-text {
        font-size: calc(var(--vw) * 3.5);
        line-height: 100%
    }

    .card-list {
        grid-template-columns: 1fr
    }

    .card-item {
        height: max-content;
        border-radius: calc(var(--vw) * 5.8);
        padding: calc(var(--vw) * 5.33)
    }
}

.footer-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 800;
    font-size: calc(var(--vw) * 7.2);
    line-height: 100%;
    line-height: .96;
    text-transform: uppercase;
    color: #fff;
    width: calc(var(--vw) * 37);
    margin-bottom: 56px
}

.under-title-link {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 1.4);
    line-height: 100%;
    line-height: 1;
    letter-spacing: -.02em;
    color: #fff;
    border: 2px solid #fff;
    border-radius: calc(var(--vw) * 18.4);
    padding: 0 calc(var(--vw) * 1.11);
    height: calc(var(--vw) * 3.6);
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    transition-duration: .3s
}

.under-title-link:hover {
    background: #fff;
    color: #111
}

.under-title-link path {
    transition-duration: .3s
}

.under-title-link:hover path {
    fill: #111
}

.under-title-icon {
    width: 1em;
    margin-right: 6px;
    fill: #fff
}

.menu-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 1.4);
    line-height: 100%;
    line-height: 1.33;
    text-transform: uppercase;
    color: #fff;
    opacity: .3;
    margin-bottom: calc(var(--vw) * 1.6)
}

.menu-title-item li {
    margin-bottom: calc(var(--vw) * 1.3)
}

.footer-social-item {
    display: flex;
    justify-content: center;
    align-items: center
}

.menu-title-item li a {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 500;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 0 solid #fff
}

.menu-title-item .sub-menu {
    display: none !important
}

.footer-social-link {
    font-family: Manrope, sans-serif;
    font-weight: 500;
    font-size: calc(var(--vw) * 2.2);
    line-height: 100%;
    line-height: 1.33;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #fff
}

.footer-under-info {
    font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    line-height: 1;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    opacity: .6;
    transition-duration: .3s
}

.footer-under-info:hover {
    border-bottom: 1px solid #fff;
    opacity: 1
}

span.footer-under-info:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    opacity: .6
}

.main-footer-content {
    display: grid;
    grid-template-columns: 1fr calc(var(--vw) * 35.43)
}

.footer-under-content {
    display: grid;
    grid-template-columns: 1fr calc(var(--vw) * 35.43);
    margin-top: calc(var(--vw) * 8.3)
}

.footer-right-side {
    display: flex;
    gap: calc(var(--vw) * 7.8)
}

footer {
    padding-top: calc(var(--vw) * 12.5);
    padding-bottom: calc(var(--vw) * 7);
    position: relative;
    background-image: url('/wp-content/themes/platinum8/assets/images/footer-background.png');
    filter: grayscale(100%);
    background-repeat: no-repeat;
    background-size: contain
}

.right-under-content {
    display: flex;
    gap: calc(var(--vw) * 11.1)
}

.icon-container a {
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer-social-icon {
    fill: #fff;
    width: calc(var(--vw) * 1.6);
    height: calc(var(--vw) * 1.6)
}

.icon-container {
    border: 1px solid #525252;
    border-radius: 100%;
    width: calc(var(--vw) * 5.2);
    height: calc(var(--vw) * 5.2);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: calc(var(--vw) * 1.6);
    transition-duration: .3s
}

.footer-social-item:hover .icon-container {
    border: 1px solid #fff;
    background: #fff
}

.footer-social-item .icon-container path {
    transition-duration: .3s
}

.footer-social-item:hover .icon-container path {
    fill: #111;
    stroke: #111
}

.footer-social-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--vw) * 1.6)
}

.footer-circle {
    width: calc(var(--vw) * 16.5);
    height: calc(var(--vw) * 16.5);
    margin-top: 0;
    border-radius: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.footer-circle p {
    color: #070707;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1.45);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.63px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 9;
    margin-top: .3em
}

.poly {
    height: calc(var(--vw) * 26);
    width: calc(var(--vw) * 26);
    position: absolute;
    top: calc(var(--vw) * 17.8);
    left: calc(var(--vw) * 22);
    margin: auto;
    cursor: pointer;
    z-index: 1
}

@media (max-width:1200px) {
    .poly {
        height: calc(var(--vw) * 49.6);
        width: calc(var(--vw) * 49.6);
        position: absolute;
        top: calc(var(--vw) * 86);
        left: calc(var(--vw) * 5.33);
        margin: auto;
        cursor: pointer;
        z-index: 1
    }
}

.poly__link {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.poly__link__container {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--vw) * 16.5);
    height: calc(var(--vw) * 16.5);
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:1200px) {
    .poly__link__container {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(var(--vw) * 49.6);
        height: calc(var(--vw) * 49.6);
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.poly__link__container__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%
}

.section-specialize {
    padding-top: calc(var(--vw) * 16);
    padding-bottom: calc(var(--vw) * 13.8)
}

@media (max-width:1200px) {
    .main-footer-content {
        display: flex;
        flex-direction: column
    }

    .footer-title-wrap {
        margin-bottom: calc(var(--vw) * 14.93)
    }

    .footer-title {
        font-size: calc(var(--vw) * 17);
        margin-bottom: calc(var(--vw) * 6.4)
    }

    .poly__link {
        margin-bottom: calc(var(--vw) * 14.92)
    }

    .under-title-link {
        font-size: calc(var(--vw) * 4.2);
        border: 2px solid #fff;
        border-radius: calc(var(--vw) * 71);
        width: calc(var(--vw) * 61.3);
        height: calc(var(--vw) * 10.6)
    }

    .under-title-icon {
        width: calc(var(--vw) * 4.2);
        height: calc(var(--vw) * 4.2)
    }

    .footer-right-side {
        flex-direction: column
    }

    .menu-title {
        font-size: calc(var(--vw) * 4.2);
        margin-bottom: calc(var(--vw) * 6.4)
    }

    .menu-title-item li a {
        font-size: calc(var(--vw) * 4.8);
        margin-bottom: calc(var(--vw) * 5.4)
    }

    .footer-social-item {
        margin-bottom: 0
    }

    .footer-social-list {
        gap: calc(var(--vw) * 6.4)
    }

    .icon-container {
        width: calc(var(--vw) * 15);
        height: calc(var(--vw) * 15);
        margin-right: calc(var(--vw) * 4.2)
    }

    .footer-social-icon {
        width: calc(var(--vw) * 4.8);
        height: calc(var(--vw) * 4.8)
    }

    .footer-social-link {
        font-size: calc(var(--vw) * 6.4)
    }

    .footer-under-content {
        display: flex;
        flex-direction: column-reverse;
        margin-top: calc(var(--vw) * 14.93)
    }

    .footer-under-info {
        font-size: calc(var(--vw) * 4.2)
    }

    footer .container {
        padding: 0 calc(var(--vw) * 5.33)
    }

    .right-under-content {
        margin-left: 0;
        flex-direction: column;
        gap: calc(var(--vw) * 6.4);
        margin-bottom: calc(var(--vw) * 15)
    }

    .footer-circle {
        width: calc(var(--vw) * 49.6) !important;
        height: calc(var(--vw) * 49.6) !important;
        display: flex !important;
        flex-direction: column !important;
        border-radius: 100% !important;
        margin: 0 !important
    }

    footer {
        background-image: url('/wp-content/themes/platinum8/assets/images/footer-mob-bg.svg');
        background-repeat: no-repeat;
        padding-bottom: calc(var(--vw) * 25.06)
    }

    .section-specialize {
        padding-top: calc(var(--vw) * 28.26);
        padding-bottom: calc(var(--vw) * 25.6)
    }
}

.specialize-title-block {
    display: flex
}

.industries-block {
    border: 1px solid #1d1d1b;
    border-radius: calc(var(--vw) * 25);
    width: calc(var(--vw) * 9);
    height: calc(var(--vw) * 2.6);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: calc(var(--vw) * 20)
}

.specialize-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 5.9);
    line-height: 100%;
    letter-spacing: -.02em;
    color: #1d1d1b;
    margin-bottom: 115px;
    text-align: center
}

.specialize-span-title {
    font-family: "Libre Baskerville";
    font-style: italic;
    font-weight: 400
}

.specialize-list {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    gap: calc(var(--vw) * 1)
}

.specialize-item {
    position: relative;
    transition-duration: .3s;
    cursor: pointer
}

.specialize-list.active .content_specialise_item {
    width: calc(var(--vw) * 14) !important;
    transition-duration: .2s
}

.specialize-item .content_specialise_item {
    border: 1px solid #aaaaaa91;
    border-radius: 16px;
    width: calc(var(--vw) * 17.7);
    height: calc(var(--vw) * 41);
    background: #fff;
    overflow: hidden;
    padding: 30px 35px 30px 30px;
    transition: .2s;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition-duration: .3s
}

.specialize-item:hover .content_specialise_item {
    background: 0 0
}

.specialize-item-icon {
    display: block;
    border: 1px solid #aaaaaa91;
    border-radius: 100%;
    padding: calc(var(--vw) * 1.3);
    width: calc(var(--vw) * 4.1);
    height: calc(var(--vw) * 4.1);
    transition: .5s;
    position: absolute;
    right: calc(var(--vw) * 2.43);
    top: calc(var(--vw) * 2.08)
}

.wrap_click_cont {
    width: 100%;
    height: 100%;
    display: flex;
    padding: calc(var(--vw) * 1.04);
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--vw) * 1.25);
    border-radius: calc(var(--vw) * .83);
    border: 1px solid #e2e2e2;
    background: #fff
}

@media (max-width:1200px) {
    .specialize-list.active .content_specialise_item {
        width: 100% !important;
        transition-duration: .2s
    }

    .wrap_click_cont {
        width: 100%;
        height: 100%;
        display: flex;
        padding: calc(var(--vw) * 5.33);
        flex-direction: column;
        align-items: flex-start;
        gap: calc(var(--vw) * 4.26);
        border-radius: calc(var(--vw) * 4.26);
        border: 1px solid #e2e2e2;
        background: #fff
    }
}

.click_content_specialise {
    position: absolute;
    top: 1vw;
    opacity: 0;
    transition: 0s;
    height: calc(var(--vw) * 36.8)
}

.img_click_spec {
    width: 100%
}

.desc_spac_click {
    color: #8e8e8e;
    font-family: Manrope;
    font-size: calc(var(--vw) * .9);
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

@media (max-width:1200px) {
    .click_content_specialise {
        position: relative !important;
        top: 1vw;
        opacity: 0;
        transition: 0s;
        height: 0;
        overflow: hidden;
        padding: 0
    }

    .desc_spac_click {
        color: #8e8e8e;
        font-family: Manrope;
        font-size: calc(var(--vw) * 3.73);
        font-style: normal;
        font-weight: 400;
        line-height: 150%
    }
}

.specialize-item-title_click {
    color: var(--main-black-100, #1d1d1b);
    font-family: "Libre Baskerville";
    font-size: calc(var(--vw) * 2.18);
    margin-left: calc(var(--vw) * 1.04);
    margin-bottom: calc(var(--vw) * 1.2);
    font-style: italic;
    font-weight: 400;
    line-height: 96%
}

.specialize-item.active {
    width: calc(var(--vw) * 33.22);
    min-width: calc(var(--vw) * 33.22);
    transition: .5s
}

.specialize-item.active .content_specialise_item {
    width: calc(var(--vw) * 33.22);
    min-width: calc(var(--vw) * 33.22);
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 0s
}

@media (min-width:1200px) {
    .specialize-item.active .content_specialise_item {
        width: 100%;
        min-width: 100%;
        opacity: 0;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

.specialize-item.active .click_content_specialise {
    opacity: 1;
    transition-delay: 0s;
    transition: .5s
}

@media (max-width:1200px) {
    .specialize-item-title_click {
        color: var(--main-black-100, #1d1d1b);
        font-family: "Libre Baskerville";
        font-size: calc(var(--vw) * 8.53);
        margin-left: calc(var(--vw) * 4.26);
        margin-bottom: calc(var(--vw) * 6.4);
        font-style: italic;
        font-weight: 400;
        line-height: 96%
    }

    .specialize-item.active {
        width: 100%;
        min-width: 100%;
        transition: .5s
    }

    .specialize-item.active .click_content_specialise {
        opacity: 1;
        transition-delay: 0s;
        transition: .5s;
        height: max-content !important
    }
}

@media (min-width:1200px) {
    .specialize-item .content_specialise_item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0;
        transition-duration: .3s
    }

    .specialize-item:hover .content_specialise_item::before {
        opacity: 1;
        transition-duration: .3s
    }

    .specialize-item:first-child .content_specialise_item::before {
        background-image: url('/wp-content/themes/platinum8/assets/images/cloth.jpg');
        background-repeat: no-repeat;
        background-size: cover
    }

    .specialize-item:nth-child(2) .content_specialise_item::before {
        background-image: url('/wp-content/themes/platinum8/assets/images/cosm.jpg');
        background-repeat: no-repeat;
        background-size: cover
    }

    .specialize-item:nth-child(3) .content_specialise_item::before {
        background-image: url('/wp-content/themes/platinum8/assets/images/elect.jpg');
        background-repeat: no-repeat;
        background-size: cover
    }

    .specialize-item:nth-child(4) .content_specialise_item::before {
        background-image: url('/wp-content/themes/platinum8/assets/images/b2b.jpg');
        background-repeat: no-repeat;
        background-size: cover
    }

    .specialize-item:nth-child(5) .content_specialise_item::before {
        background-image: url('/wp-content/themes/platinum8/assets/images/other.jpg');
        background-repeat: no-repeat;
        background-size: cover
    }

    .specialize-item:first-child:hover .content_specialise_item {
        background-image: url('/wp-content/themes/platinum8/assets/images/cloth.jpg');
        background-repeat: no-repeat;
        background-size: cover
    }

    .specialize-item:nth-child(2):hover .content_specialise_item {
        background-image: url('/wp-content/themes/platinum8/assets/images/cosm.jpg');
        background-repeat: no-repeat;
        background-size: cover
    }

    .specialize-item:nth-child(3):hover .content_specialise_item {
        background-image: url('/wp-content/themes/platinum8/assets/images/elect.jpg');
        background-repeat: no-repeat;
        background-size: cover
    }

    .specialize-item:nth-child(4):hover .content_specialise_item {
        background-image: url('/wp-content/themes/platinum8/assets/images/b2b.jpg');
        background-repeat: no-repeat;
        background-size: cover
    }

    .specialize-item:nth-child(5):hover .content_specialise_item {
        background-image: url('/wp-content/themes/platinum8/assets/images/other.jpg');
        background-repeat: no-repeat;
        background-size: cover
    }

    .specialize-item:hover .specialize-item-phone-text {
        color: #fff
    }

    .specialize-item:hover .specialize-item-title {
        color: #fff
    }

    .specialize-item:hover .specialize-item-icon {
        fill: #ffffff;
        background: linear-gradient(58deg, #313131 0, #505050 25.63%, #313131 100%);
        width: calc(var(--vw) * 4.8);
        height: calc(var(--vw) * 4.8);
        transition-duration: .2s
    }
}

.specialize-span {
    font-family: Manrope, sans-serif;
    font-weight: 700;
    font-size: 1.1;
    line-height: 100%;
    letter-spacing: -.02em;
    color: #a2a2a2;
    position: absolute;
    top: -30px
}

.specialize-item.active .specialize-span {
    margin-left: calc(var(--vw) * 1.04)
}

.specialize-item-phone-text {
    font-family: "Libre Baskerville";
    font-style: italic;
    font-weight: 400;
    font-size: calc(var(--vw) * 8.6);
    line-height: 100%;
    color: #1d1d1b;
    text-align: center;
    margin-left: calc(var(--vw) * -4.2);
    margin-top: calc(var(--vw) * 14);
    transition: .5s
}

.specialize-item-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 1.4);
    line-height: 100%;
    letter-spacing: -.02em;
    color: #1d1d1b;
    margin-top: calc(var(--vw) * 4.5);
    transition: .5s
}

@media (max-width:1200px) {
    .specialize-item.active .specialize-span {
        margin-left: calc(var(--vw) * 4.26)
    }

    .specialize-title-block {
        flex-direction: column
    }

    .industries-block {
        margin-bottom: calc(var(--vw) * 5.3);
        width: calc(var(--vw) * 25.8);
        height: calc(var(--vw) * 7.7)
    }

    .specialize-title {
        text-align: left;
        width: 70%;
        margin-bottom: calc(var(--vw) * 12.26);
        font-size: calc(var(--vw) * 15);
        line-height: 100%
    }

    .specialize-span {
        position: relative
    }

    .specialize-item .content_specialise_item {
        width: auto;
        height: calc(var(--vw) * 90.5);
        padding-top: 0;
        transition-duration: 0s !important
    }

    .specialize-item.active .content_specialise_item {
        width: auto;
        height: 0;
        overflow: hidden;
        padding-top: 0;
        padding: 0 !important
    }

    .specialize-list {
        flex-direction: column;
        gap: calc(var(--vw) * 5.3)
    }

    .specialize-item:first-child .content_specialise_item {
        background-image: url('/wp-content/themes/platinum8/assets/images/cloth-mob.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    .specialize-item:nth-child(2) .content_specialise_item {
        background-image: url('/wp-content/themes/platinum8/assets/images/cosm-mob.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    .specialize-item:nth-child(3) .content_specialise_item {
        background-image: url('/wp-content/themes/platinum8/assets/images/elect-mob.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    .specialize-item:nth-child(4) .content_specialise_item {
        background-image: url('/wp-content/themes/platinum8/assets/images/2b2-mob.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    .specialize-item:nth-child(5) .content_specialise_item {
        background-image: url('/wp-content/themes/platinum8/assets/images/other-mob.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    .specialize-item-phone-text {
        font-size: calc(var(--vw) * 33);
        color: #fff;
        margin-left: -72px;
        margin-top: calc(var(--vw) * 9);
        line-height: 100%
    }

    .specialize-item-title {
        color: #fff;
        font-size: calc(var(--vw) * 6.4)
    }

    .specialize-item-icon {
        fill: #ffffff;
        background: linear-gradient(58deg, #0089c4 0, #009faf 25.63%, #00de71 100%);
        width: calc(var(--vw) * 18.6);
        height: calc(var(--vw) * 18.6);
        padding: calc(var(--vw) * 7.2);
        border: 0 solid #fff
    }

    .specialize-span {
        font-family: Manrope, sans-serif;
        font-weight: 700;
        font-size: calc(var(--vw) * 4.2);
        line-height: 100%;
        letter-spacing: -.02em;
        color: #a2a2a2;
        position: relative;
        top: 0;
        margin-bottom: 3vw;
        display: block
    }
}

.approach-section {
    padding-bottom: calc(var(--vw) * 15.9);
    padding-top: calc(var(--vw) * 15.6);
    overflow: hidden
}

@media (max-width:1200px) {
    .approach-section {
        padding-bottom: calc(var(--vw) * 25.9);
        padding-top: calc(var(--vw) * 25.6);
        overflow: hidden
    }
}

.technology-marker-container {
    padding-top: .05em;
    border: 1px solid #1d1d1b;
    border-radius: calc(var(--vw) * 25.4);
    width: calc(var(--vw) * 10.1);
    height: calc(var(--vw) * 2.6);
    display: flex;
    justify-content: center;
    align-items: center
}

.technology-marker-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1d1d1b;
    display: flex;
    align-items: center
}

.technology-marker-text::before {
    content: "";
    display: inline-block;
    width: calc(var(--vw) * .3);
    height: calc(var(--vw) * .3);
    border-radius: 100%;
    background-color: #111;
    margin-right: calc(var(--vw) * .4)
}

.approach-title {
    font-family: "Libre Baskerville";
    font-style: italic;
    font-weight: 400;
    font-size: calc(var(--vw) * 5.9);
    color: #1d1d1b;
    width: calc(var(--vw) * 35.2);
    margin-left: calc(var(--vw) * 24)
}

.approach-span {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 800;
    font-style: normal
}

.calendar-container {
    display: flex;
    align-items: center;
    background-color: #f9f9f9;
    border-radius: calc(var(--vw) * 25.4);
    width: calc(var(--vw) * 10);
    height: calc(var(--vw) * 3);
    margin-bottom: calc(var(--vw) * 3.3);
    justify-content: center
}

.calendar-value {
    font-family: Manrope, sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 1.1);
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #929292
}

.calendar-icon {
    width: calc(var(--vw) * 1.1);
    height: calc(var(--vw) * 1.1);
    margin-left: calc(var(--vw) * .5);
    fill: #929292
}

.approaach-image {
    width: calc(var(--vw) * 43.6);
    height: calc(var(--vw) * 25.6);
    margin-bottom: calc(var(--vw) * .5);
    object-fit: contain;
    filter: grayscale(100%);
}

.approach-card-internal-list {
    display: flex;
    gap: calc(var(--vw) * .5)
}

.approach-internal-item {
    position: relative;
    border-radius: calc(var(--vw) * 1.3);
    padding: calc(var(--vw) * 1.6);
    width: calc(var(--vw) * 14.19);
    height: calc(var(--vw) * 10.1);
    background: #f9f9f9;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.approach-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: calc(var(--vw) * 14.1);
    height: calc(var(--vw) * 10.1);
    border-radius: calc(var(--vw) * 1.3);
    background: url("") bottom right no-repeat, linear-gradient(48deg, #333333 0, #4e4e4e .01%, #333333 100%);
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .5s
}

.approach-backdrop-text {
    font-family: Manrope, sans-serif;
    font-weight: 500;
    font-size: calc(var(--vw) * .9);
    line-height: 100%;
    letter-spacing: -.02em;
    color: #fff;
    width: calc(var(--vw) * 9.8)
}

.internal-icons {
    display: flex;
    filter: grayscale(100%);
}

.internal-item-icon {
    width: calc(var(--vw) * 1.4);
    height: calc(var(--vw) * 1.4);
    fill: #fff
}

.interactive-approach-icon {
    display: block;
    width: calc(var(--vw) * 1.4);
    height: calc(var(--vw) * 1.4);
    fill: #d3d3d3;
    margin-left: auto
}

.approach-icons-container {
    width: calc(var(--vw) * 3.1);
    height: calc(var(--vw) * 3.1);
    background: linear-gradient(58deg, #0089c4 0, #00de71 100%);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.internal-item-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 1.2);
    line-height: 100%;
    letter-spacing: -.02em;
    color: #1d1d1b;
    width: calc(var(--vw) * 10)
}

.card-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 5.9);
    line-height: 1;
    letter-spacing: -.02em;
    color: #1d1d1b;
    margin-bottom: calc(var(--vw) * 2.9);
    margin-left: -.3vw
}

.card-text {
    font-family: Manrope, sans-serif;
    font-weight: 500;
    font-size: calc(var(--vw) * .97);
    line-height: 160% !important;
    color: #8e8e8e;
    width: calc(var(--vw) * 27.4);
    margin-bottom: calc(var(--vw) * 1.6)
}

.result-span {
    display: block;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    letter-spacing: -.02em;
    color: #000000;
    margin-bottom: calc(var(--vw) * .8)
}

.approach-card-btn:hover {
    background-color: #7F7F7F !important;
}

.approach-card-btn {
    background: #f5f5f5;
    border-radius: calc(var(--vw) * 25.4);
    width: max-content;
    padding: calc(var(--vw) * .41);
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: calc(var(--vw) * 3.6);
    transition-property: background-color;
    transition-duration: 5s
}

.result-btn .circle_icon_b {
    width: calc(var(--vw) * 2.91);
    height: calc(var(--vw) * 2.91)
}

.result-btn.lottie_button svg {
    width: calc(var(--vw) * 1.45);
    height: calc(var(--vw) * 1.45)
}

.result-btn .lottie-animation {
    width: calc(var(--vw) * 1.4) !important;
    height: calc(var(--vw) * 1.4) !important
}

.approach-card-btn .circle_icon_b {
    width: calc(var(--vw) * 3.625);
    height: calc(var(--vw) * 3.625)
}

.approach-card-btn.lottie_button svg {
    width: calc(var(--vw) * 1.75);
    height: calc(var(--vw) * 1.75)
}

.approach-card-btn .lottie-animation {
    width: calc(var(--vw) * 1.85) !important;
    height: calc(var(--vw) * 1.85) !important
}

.approach-card-item {
    background-image: url('/wp-content/themes/platinum8/assets/images/approach-bg.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: grid;
    grid-template-columns: calc(var(--vw) * 43.61) calc(var(--vw) * 31.52);
    justify-content: flex-start;
    gap: calc(var(--vw) * 6.59);
    align-items: flex-end;
    padding: calc(var(--vw) * 3.125);
    padding-top: calc(var(--vw) * 1.875);
    width: 100%;
    height: calc(var(--vw) * 48.5);
    position: relative;
    z-index: 99;
    cursor: pointer;
    padding-right: calc(var(--vw) * 7.84);
    padding-left: calc(var(--vw) * 3.47)
}

.approach-card-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--vw) * 1);
    position: relative;
    box-sizing: border-box
}

.second-card .approach-card-btn {
    margin-top: auto
}

@media (max-width:1200px) {

    .approach-card-btn .circle_icon_b,
    .result-btn .circle_icon_b {
        width: calc(var(--vw) * 11.73);
        height: calc(var(--vw) * 11.73)
    }

    .second-card {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .approach-backdrop-text {
        font-family: Manrope, sans-serif;
        font-weight: 500;
        font-size: calc(var(--vw) * 3);
        line-height: 120%;
        letter-spacing: -.02em;
        color: #fff;
        width: 100%;
        margin-left: calc(var(--vw) * 5.33);
        margin-right: calc(var(--vw) * 5.33)
    }

    .approach-title-container {
        flex-direction: column;
        margin-bottom: calc(var(--vw) * 8.53)
    }

    .technology-marker-container {
        border-radius: calc(var(--vw) * 97.6);
        width: max-content;
        height: calc(var(--vw) * 7.7);
        margin-bottom: calc(var(--vw) * 6.4)
    }

    .technology-marker-text {
        font-size: calc(var(--vw) * 3.2);
        gap: calc(var(--vw) * 1.6)
    }

    .technology-marker-text::before {
        width: calc(var(--vw) * 1.3);
        height: calc(var(--vw) * 1.3)
    }

    .approach-title {
        margin-left: 0;
        font-size: calc(var(--vw) * 15)
    }

    .approach-card-list {
        align-items: baseline;
        flex-direction: row;
        gap: 0
    }

    .approach_navogation_wrap {
        display: flex;
        align-items: center;
        gap: calc(var(--vw) * 3.2);
        margin-bottom: calc(var(--vw) * 8.5)
    }

    .approach-card-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        background-image: url('/wp-content/themes/platinum8/assets/images/approach-card-mob-bg.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: calc(var(--vw) * 89.33);
        padding: calc(var(--vw) * 11.2) calc(var(--vw) * 5.2);
        padding: calc(var(--vw) * 5.33);
        height: calc(var(--vw) * 269.26)
    }

    .calendar-container {
        border-radius: calc(var(--vw) * 97.6);
        width: calc(var(--vw) * 35);
        height: calc(var(--vw) * 10.6);
        margin-bottom: calc(var(--vw) * 6.4)
    }

    .calendar-value {
        font-size: calc(var(--vw) * 3.7);
        margin-right: calc(var(--vw) * 2.1)
    }

    .calendar-icon {
        width: calc(var(--vw) * 4.2);
        height: calc(var(--vw) * 4.2)
    }

    .approaach-image {
        width: calc(var(--vw) * 78.6);
        height: calc(var(--vw) * 46);
        margin-bottom: calc(var(--vw) * 2.6)
    }

    .approach-card-internal-list {
        flex-direction: column;
        gap: calc(var(--vw) * 1.6);
        margin-bottom: calc(var(--vw) * 6.4);
        filter: grayscale(100%);
    }

    .approach-internal-item {
        position: relative;
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
        height: max-content;
        border-radius: 1000px;
        align-items: center
    }

    .approach-icons-container {
        width: calc(var(--vw) * 8.5);
        height: calc(var(--vw) * 8.5);
        margin-right: calc(var(--vw) * 2.1)
    }

    .internal-item-icon {
        width: calc(var(--vw) * 4.4);
        height: calc(var(--vw) * 4.4)
    }

    .interactive-approach-icon {
        width: calc(var(--vw) * 4.2);
        height: calc(var(--vw) * 4.2);
        position: absolute;
        right: calc(var(--vw) * 2.66);
        top: 30%
    }

    .internal-item-text {
        font-size: calc(var(--vw) * 3.7);
        width: max-content
    }

    .card-title {
        font-size: calc(var(--vw) * 12.2);
        margin-bottom: calc(var(--vw) * 8.5)
    }

    .card-text {
        font-size: calc(var(--vw) * 3.7);
        width: 100%
    }

    .result-span {
        font-size: calc(var(--vw) * 4.2);
        margin: calc(var(--vw) * 6.4) 0 calc(var(--vw) * 3.2) 0
    }

    .approach-card-btn {
        border-radius: calc(var(--vw) * 97.6);
        width: calc(var(--vw) * 11.73)
    }

    .approach-card-btn.lottie_button svg,
    .result-btn.lottie_button svg {
        width: calc(var(--vw) * 6.13);
        height: calc(var(--vw) * 6.13)
    }

    .approach-card-btn .lottie-animation,
    .result-btn .lottie-animation {
        width: calc(var(--vw) * 6.33) !important;
        height: calc(var(--vw) * 6.33) !important
    }

    .approach-card-btn {
        margin-top: auto !important
    }

    .second-card .approach-card-btn {
        margin-top: calc(var(--vw) * 6.7)
    }
}

.approach-card-btn:hover {
    background: linear-gradient(58deg, #0034ed 0, #04b8c4 49%, #4bfa8a 100%)
}

.approach-card-btn:hover .approach-btn-text {
    color: #fff
}

.approach-card-btn:hover .approach-btn-icon {
    fill: #0089c4
}

.approach-btn-text {
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    letter-spacing: -.03em;
    text-transform: uppercase;
    text-align: center;
    color: #1d1d1b;
    width: calc(var(--vw) * 19.5);
    transition: .5s
}

.approach-btn-icon {
    width: calc(var(--vw) * 1.9);
    height: calc(var(--vw) * 1.9);
    fill: #fff;
    transition: .5s
}

.approach-card-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--vw) * 1);
    position: relative
}

.approach-title-container {
    display: flex;
    margin-bottom: calc(var(--vw) * 4.5)
}

.approach-internal-item:hover .approach-backdrop {
    opacity: 1;
    filter: grayscale(100%);
}

.second-card {
    display: flex;
    flex-direction: column;
    height: calc(var(--vw) * 37)
}

@media (max-width:1200px) {
    .second-card {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .approach-backdrop-text {
        font-family: Manrope, sans-serif;
        font-weight: 500;
        font-size: calc(var(--vw) * 3);
        line-height: 120%;
        letter-spacing: -.02em;
        color: #fff;
        width: 100%;
        margin-left: calc(var(--vw) * 5.33);
        margin-right: calc(var(--vw) * 5.33)
    }

    .approach-title-container {
        flex-direction: column;
        margin-bottom: calc(var(--vw) * 8.53)
    }

    .technology-marker-container {
        border-radius: calc(var(--vw) * 97.6);
        width: max-content;
        padding: 0 1em;
        height: calc(var(--vw) * 7.7);
        margin-bottom: calc(var(--vw) * 6.4)
    }

    .technology-marker-text {
        font-size: calc(var(--vw) * 3.2);
        gap: calc(var(--vw) * 1.6)
    }

    .technology-marker-text::before {
        width: calc(var(--vw) * 1.3);
        height: calc(var(--vw) * 1.3)
    }

    .approach-title {
        margin-left: 0;
        font-size: calc(var(--vw) * 15)
    }

    .approach-card-list {
        align-items: baseline;
        flex-direction: row;
        gap: 0;
        width: 93vw
    }

    .approach_navogation_wrap {
        display: flex;
        align-items: center;
        gap: calc(var(--vw) * 3.2);
        margin-bottom: calc(var(--vw) * 8.5)
    }

    .approach-card-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        background-image: url('/wp-content/themes/platinum8/assets/images/approach-card-mob-bg.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: calc(var(--vw) * 89.33);
        padding: calc(var(--vw) * 11.2) calc(var(--vw) * 5.2);
        padding: calc(var(--vw) * 5.33);
        height: calc(var(--vw) * 268.26)
    }

    .calendar-container {
        border-radius: calc(var(--vw) * 97.6);
        width: calc(var(--vw) * 35);
        height: calc(var(--vw) * 10.6);
        margin-bottom: calc(var(--vw) * 6.4)
    }

    .calendar-value {
        font-size: calc(var(--vw) * 3.7);
        margin-right: calc(var(--vw) * 2.1)
    }

    .calendar-icon {
        width: calc(var(--vw) * 4.2);
        height: calc(var(--vw) * 4.2)
    }

    .approaach-image {
        width: calc(var(--vw) * 78.6);
        height: calc(var(--vw) * 46);
        margin-bottom: calc(var(--vw) * 2.6)
    }

    .approach-card-internal-list {
        flex-direction: column;
        gap: calc(var(--vw) * 1.6);
        margin-bottom: calc(var(--vw) * 6.4)
    }

    .approach-internal-item {
        position: relative;
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
        height: max-content;
        border-radius: 1000px;
        align-items: center
    }

    .approach-icons-container {
        width: calc(var(--vw) * 8.5);
        height: calc(var(--vw) * 8.5);
        margin-right: calc(var(--vw) * 2.1)
    }

    .internal-item-icon {
        width: calc(var(--vw) * 4.4);
        height: calc(var(--vw) * 4.4)
    }

    .interactive-approach-icon {
        width: calc(var(--vw) * 4.2);
        height: calc(var(--vw) * 4.2);
        position: absolute;
        right: calc(var(--vw) * 2.66);
        top: 30%
    }

    .internal-item-text {
        font-size: calc(var(--vw) * 3.7);
        width: max-content
    }

    .card-title {
        font-size: calc(var(--vw) * 12.2);
        margin-bottom: calc(var(--vw) * 6.5);
        line-height: 100% !important
    }

    .card-text {
        font-size: calc(var(--vw) * 3.7);
        width: calc(var(--vw) * 78.6)
    }

    .result-span {
        font-size: calc(var(--vw) * 4.2);
        margin: calc(var(--vw) * 6.4) 0 calc(var(--vw) * 3.2) 0
    }

    .approach-card-btn {
        border-radius: calc(var(--vw) * 97.6);
        width: calc(var(--vw) * 78.6);
        height: calc(var(--vw) * 17);
        margin-top: calc(var(--vw) * 16)
    }

    .approach-btn-text {
        font-size: calc(var(--vw) * 3.7);
        width: calc(var(--vw) * 62.5)
    }

    .approach-btn-icon {
        width: calc(var(--vw) * 6.4);
        height: calc(var(--vw) * 6.4)
    }

    .approach-backdrop {
        background: url("") bottom right no-repeat, linear-gradient(48deg, #333333 0, #585858 .01%, #333333 100%);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        background-size: cover
    }

    .approach-internal-item:hover .approach-backdrop {
        opacity: 1
    }
}

.section-requires {
    padding-top: calc(var(--vw) * 16);
    background-image: url('/wp-content/themes/platinum8/assets/images/reqiures-bg.png');
    filter: grayscale(100%);
    background-repeat: no-repeat;
    background-position: center calc(var(--vw) * 12);
    background-size: 70%;
    transition-duration: .3s
}

.require-marker-container {
    border: 1px solid #fff;
    border-radius: calc(var(--vw) * 25.4);
    width: calc(var(--vw) * 13);
    height: calc(var(--vw) * 2.6);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: calc(var(--vw) * 2.2)
}

.require-marker-text::before {
    content: "";
    display: inline-block;
    width: calc(var(--vw) * .3);
    height: calc(var(--vw) * .3);
    border-radius: 100%;
    background-color: #fff;
    margin-right: calc(var(--vw) * .4)
}

.require-marker-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: center
}

.require-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 4.5);
    line-height: 100%;
    letter-spacing: -.02em;
    text-align: center;
    color: #fff;
    width: calc(var(--vw) * 56.9);
    margin: 0 auto;
    margin-bottom: calc(var(--vw) * 5.5)
}

.requires-span {
    font-family: "Libre Baskerville";
    font-style: italic;
    font-weight: 400
}

.circle-container {
    position: relative;
    background-image: url('/wp-content/themes/platinum8/assets/images/require-circle.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(var(--vw) * 57.7) calc(var(--vw) * 57.7);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(var(--vw) * 57.7);
    height: calc(var(--vw) * 57.7);
    margin: 0 auto
}

.require-circle-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * 3.1);
    line-height: 110% !important;
    letter-spacing: -.02em;
    text-align: center;
    color: #fff;
    width: calc(var(--vw) * 35);
    margin-bottom: calc(var(--vw) * 1.8)
}

.cicrcle-text {
    font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    letter-spacing: -.02em;
    text-align: center;
    color: #a0a0a0;
    width: calc(var(--vw) * 26.5);
    margin-bottom: calc(var(--vw) * 2.6)
}

.under-marker-container {
    position: absolute;
    bottom: calc(var(--vw) * -1.4);
    border-radius: calc(var(--vw) * 25.4);
    width: calc(var(--vw) * 7.4);
    height: calc(var(--vw) * 3.1);
    border: 1px solid #414141;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background: linear-gradient(145deg, rgba(10, 17, 33, .06) 0, rgba(22, 29, 50, 0) 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.under-marker-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    letter-spacing: -.03em;
    background: linear-gradient(90deg, #fff 0, #01f28e 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.internal-circle-arrow1 {
    display: none;
    position: absolute;
    top: calc(var(--vw) * 9);
    left: calc(var(--vw) * 5);
    width: calc(var(--vw) * 3.1);
    height: calc(var(--vw) * 3.1);
    border-radius: 100%;
    border: 1px solid #414141;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: none;
    justify-content: center;
    align-items: center
}

.internal-circle-arrow2 {
    display: none;
    position: absolute;
    top: calc(var(--vw) * -1.5);
    width: calc(var(--vw) * 3.1);
    height: calc(var(--vw) * 3.1);
    border-radius: 100%;
    border: 1px solid rgba(170, 170, 170, .5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: none;
    justify-content: center;
    align-items: center
}

.internal-circle-arrow3 {
    display: none;
    position: absolute;
    top: calc(var(--vw) * 9);
    right: calc(var(--vw) * 5);
    width: calc(var(--vw) * 3.1);
    height: calc(var(--vw) * 3.1);
    border-radius: 100%;
    border: 1px solid #414141;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: none;
    justify-content: center;
    align-items: center
}

.google-item {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--vw) * 12.5);
    height: calc(var(--vw) * 12.5);
    border-radius: 100%;
    border: 1px solid #414141;
    background: linear-gradient(315deg, #111215 0, #272b2e 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.organic-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 1.6);
    line-height: 1;
    letter-spacing: -.02em;
    text-align: center;
    color: #031c11
}

.text-item {
    position: absolute;
    top: calc(var(--vw) * -.5);
    left: calc(var(--vw) * 14);
    width: calc(var(--vw) * 13.8);
    height: calc(var(--vw) * 13.8);
    border-radius: 100%;
    background: linear-gradient(90deg, #fff 0, #01f28e 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #414141
}

.post-item {
    position: absolute;
    top: calc(var(--vw) * 12);
    left: calc(var(--vw) * 7);
    width: calc(var(--vw) * 12.5);
    height: calc(var(--vw) * 12.5);
    border-radius: 100%;
    border: 1px solid #414141;
    background: linear-gradient(315deg, #111215 0, #272b2e 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.discord-item {
    position: absolute;
    top: calc(var(--vw) * 12);
    left: calc(var(--vw) * 22);
    width: calc(var(--vw) * 12.5);
    height: calc(var(--vw) * 12.5);
    border-radius: 100%;
    border: 1px solid #414141;
    background: linear-gradient(315deg, #111215 0, #272b2e 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.first-link-list {
    position: absolute;
    left: calc(var(--vw) * -19);
    display: flex
}

.paid-container {
    position: absolute;
    width: calc(var(--vw) * 13.8);
    height: calc(var(--vw) * 13.8);
    border-radius: 100%;
    background: linear-gradient(90deg, #fff 0, #01f28e 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #414141
}

.pinterest-item {
    position: absolute;
    top: calc(var(--vw) * -10);
    width: calc(var(--vw) * 9.7);
    height: calc(var(--vw) * 9.7);
    border-radius: 100%;
    border: 1px solid #414141;
    background: linear-gradient(315deg, #111215 0, #272b2e 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.twitter-item {
    position: absolute;
    top: calc(var(--vw) * -7);
    left: calc(var(--vw) * 10);
    width: calc(var(--vw) * 9.7);
    height: calc(var(--vw) * 9.7);
    border-radius: 100%;
    border: 1px solid #414141;
    background: linear-gradient(315deg, #111215 0, #272b2e 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.tiktok-item {
    position: absolute;
    left: calc(var(--vw) * 14);
    top: calc(var(--vw) * 3);
    width: calc(var(--vw) * 9.7);
    height: calc(var(--vw) * 9.7);
    border-radius: 100%;
    border: 1px solid #414141;
    background: linear-gradient(315deg, #111215 0, #272b2e 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.tiktok-item img {
    width: 30%
}

.gogle-item {
    position: absolute;
    left: calc(var(--vw) * 9);
    top: calc(var(--vw) * 12);
    width: calc(var(--vw) * 9.7);
    height: calc(var(--vw) * 9.7);
    border-radius: 100%;
    border: 1px solid #414141;
    background: linear-gradient(315deg, #111215 0, #272b2e 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.facebook-item {
    position: absolute;
    top: calc(var(--vw) * 14);
    left: calc(var(--vw) * -1);
    width: calc(var(--vw) * 9.7);
    height: calc(var(--vw) * 9.7);
    border-radius: 100%;
    border: 1px solid #414141;
    background: linear-gradient(315deg, #111215 0, #272b2e 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.youtube-item {
    position: absolute;
    top: calc(var(--vw) * 7);
    left: calc(var(--vw) * -9);
    width: calc(var(--vw) * 9.7);
    height: calc(var(--vw) * 9.7);
    border-radius: 100%;
    border: 1px solid #414141;
    background: linear-gradient(315deg, #111215 0, #272b2e 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.youtube-item img {
    width: 40%
}

.second-link-list {
    position: absolute;
    left: calc(var(--vw) * 51);
    bottom: calc(var(--vw) * 27);
    display: flex
}

@media (max-width:1200px) {
    .section-requires {
        background-size: calc(var(--vw) * 95.5) calc(var(--vw) * 81);
        height: calc(var(--vw) * 387)
    }

    .require-title {
        font-size: calc(var(--vw) * 9.6);
        width: calc(var(--vw) * 83.9);
        margin-bottom: calc(var(--vw) * 40)
    }

    .section-requires>.container>.result-btn {
        border-radius: calc(var(--vw) * 17.6);
        width: calc(var(--vw) * 63.4);
        height: calc(var(--vw) * 15.4);
        margin: 0 auto;
        margin-bottom: calc(var(--vw) * 11.7)
    }

    .section-requires>.container>.result-btn>.result-btn-text {
        font-size: calc(var(--vw) * 3.7);
        width: calc(var(--vw) * 52.3)
    }

    .circle-container {
        background-size: calc(var(--vw) * 94.6) calc(var(--vw) * 94.6);
        width: calc(var(--vw) * 94.7);
        height: calc(var(--vw) * 94.7);
        background-image: url('/wp-content/themes/platinum8/assets/images/require-circle_mob.png')
    }

    .internal-circle-arrow1 {
        width: calc(var(--vw) * 8.5);
        height: calc(var(--vw) * 8.5);
        top: calc(var(--vw) * 9);
        left: calc(var(--vw) * 10)
    }

    .internal-circle-arrow2 {
        width: calc(var(--vw) * 8.5);
        height: calc(var(--vw) * 8.5);
        top: calc(var(--vw) * -3.5)
    }

    .internal-circle-arrow3 {
        width: calc(var(--vw) * 8.5);
        height: calc(var(--vw) * 8.5);
        top: calc(var(--vw) * 9);
        right: calc(var(--vw) * 10)
    }

    .require-circle-title {
        font-size: calc(var(--vw) * 5.6);
        width: calc(var(--vw) * 66)
    }

    .under-marker-container {
        border-radius: calc(var(--vw) * 48.5);
        width: calc(var(--vw) * 24.8);
        height: calc(var(--vw) * 9.3);
        bottom: calc(var(--vw) * -3.4)
    }

    .under-marker-text {
        font-size: calc(var(--vw) * 3.7)
    }

    .cicrcle-text {
        font-size: calc(var(--vw) * 3.4);
        width: calc(var(--vw) * 63.5)
    }

    .first-link-list {
        left: calc(var(--vw) * 25);
        bottom: calc(var(--vw) * -119)
    }

    .google-item {
        width: calc(var(--vw) * 35);
        height: calc(var(--vw) * 35);
        left: calc(var(--vw) * -24.5);
        top: calc(var(--vw) * 1.3)
    }

    .text-item {
        width: calc(var(--vw) * 38.6);
        height: calc(var(--vw) * 38.6)
    }

    .require-marker-text {
        font-size: calc(var(--vw) * 3.2)
    }

    .require-marker-container {
        width: max-content;
        padding: 0 1em;
        height: calc(var(--vw) * 7.7);
        margin-bottom: calc(var(--vw) * 6.4)
    }

    .require-marker-text::before {
        width: calc(var(--vw) * 1);
        height: calc(var(--vw) * 1);
        margin-right: calc(var(--vw) * 2.1)
    }

    .post-item {
        width: calc(var(--vw) * 35);
        height: calc(var(--vw) * 35);
        top: calc(var(--vw) * 34);
        left: calc(var(--vw) * -5)
    }

    .discord-item {
        width: calc(var(--vw) * 35);
        height: calc(var(--vw) * 35);
        top: calc(var(--vw) * 36);
        left: calc(var(--vw) * 33)
    }

    .second-link-list {
        left: calc(var(--vw) * 28);
        bottom: calc(var(--vw) * -46)
    }

    .paid-container {
        width: calc(var(--vw) * 38.4);
        height: calc(var(--vw) * 38.4)
    }

    .organic-text {
        font-size: calc(var(--vw) * 4.5)
    }

    .pinterest-item {
        width: calc(var(--vw) * 27);
        height: calc(var(--vw) * 27);
        top: calc(var(--vw) * -28);
        left: calc(var(--vw) * 16.7)
    }

    .twitter-item {
        width: calc(var(--vw) * 27);
        height: calc(var(--vw) * 27);
        top: calc(var(--vw) * -7);
        left: calc(var(--vw) * 39)
    }

    .tiktok-item {
        width: calc(var(--vw) * 27);
        height: calc(var(--vw) * 27);
        left: calc(var(--vw) * 38);
        top: calc(var(--vw) * 22)
    }

    .gogle-item {
        width: calc(var(--vw) * 27);
        height: calc(var(--vw) * 27);
        left: calc(var(--vw) * 14);
        top: calc(var(--vw) * 40)
    }

    .facebook-item {
        width: calc(var(--vw) * 27);
        height: calc(var(--vw) * 27);
        top: calc(var(--vw) * 34);
        left: calc(var(--vw) * -16)
    }

    .youtube-item {
        width: calc(var(--vw) * 27);
        height: calc(var(--vw) * 27);
        top: calc(var(--vw) * 7);
        left: calc(var(--vw) * -30)
    }

    .result-btn {
        border-radius: calc(var(--vw) * 17.6);
        width: calc(var(--vw) * 63.4);
        height: calc(var(--vw) * 15.4);
        position: absolute;
        top: calc(var(--vw) * -30)
    }
}

.result-section {
    padding-top: calc(var(--vw) * 18);
    background-image: url('/wp-content/themes/platinum8/assets/images/bg_numbers.png');
    background-repeat: no-repeat;
    filter: grayscale(100%);
    background-position: calc(var(--vw) * 10) calc(var(--vw) * 85);
    background-size: 80%;
    padding-bottom: calc(var(--vw) * 15.97)
}

.results-title-container {
    display: flex
}

.results-marker-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * 1.1);
    line-height: 110%;
    line-height: 1.4;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center
}

.results-marker-text::before {
    content: "";
    display: inline-block;
    width: calc(var(--vw) * .3);
    height: calc(var(--vw) * .3);
    border-radius: 100%;
    background-color: #fff;
    margin-right: calc(var(--vw) * .4)
}

.results-marker-container {
    border: 1px solid #fff;
    border-radius: calc(var(--vw) * 25.4);
    width: calc(var(--vw) * 7.9);
    height: calc(var(--vw) * 2.6);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: calc(var(--vw) * 22)
}

.results-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 5.6);
    line-height: 110%;
    line-height: 1;
    letter-spacing: -.02em;
    color: #fff;
    width: calc(var(--vw) * 35.4);
    margin-left: 0
}

.results-span {
    font-family: "Libre Baskerville";
    font-style: italic;
    font-weight: 400;
    font-size: calc(var(--vw) * 5.6)
}

.result-cards-list {
    position: relative
}

.result-cards-list li {
    opacity: 0;
    pointer-events: none
}

.result-card-item1 {
    position: absolute;
    top: calc(var(--vw) * 8);
    left: calc(var(--vw) * 53);
    z-index: -1
}

.result-card-item2 {
    position: absolute;
    top: calc(var(--vw) * 36);
    left: 0;
    z-index: -1
}

.result-card-item3 {
    position: absolute;
    top: calc(var(--vw) * 70);
    right: 0;
    z-index: -1
}

.result-card-item4 {
    position: absolute;
    top: calc(var(--vw) * 85);
    left: 0;
    z-index: -1
}

.card1 {
    width: calc(var(--vw) * 21.6)
}

.card2 {
    width: calc(var(--vw) * 24.5)
}

.card3 {
    width: calc(var(--vw) * 31.6)
}

.card4 {
    width: calc(var(--vw) * 41.8)
}

.second-card-list {
    display: flex;
    margin-top: calc(var(--vw) * 135);
    gap: calc(var(--vw) * .6);
    margin-bottom: calc(var(--vw) * 6.6)
}

.result-container {
    display: flex;
    flex-direction: column
}

.card5 {
    width: calc(var(--vw) * 29.8);
    height: calc(var(--vw) * 24.3)
}

.card6 {
    width: calc(var(--vw) * 18);
    height: calc(var(--vw) * 24.3)
}

.card7 {
    width: calc(var(--vw) * 16.6);
    height: calc(var(--vw) * 24.3)
}

.card8 {
    width: calc(var(--vw) * 26.3);
    height: calc(var(--vw) * 24.3)
}

.result-block {
    display: flex;
    justify-content: space-between
}

.result-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * 2.5);
    line-height: 110%;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #fff;
    width: calc(var(--vw) * 44.2);
    margin-bottom: calc(var(--vw) * 6.6);
    display: block
}

.result-text .word:first-child {
    text-indent: calc(var(--vw) * 7)
}

.result-btn {
    display: flex;
    align-items: center;
    border-radius: calc(var(--vw) * 4.5);
    width: calc(var(--vw) * 19.44);
    height: calc(var(--vw) * 4.86);
    background: linear-gradient(49deg, #15bcdf .01%, #0ddc7a 61.5%, #15bcdf 100%);
    border: none;
    transition: all .5s cubic-bezier(.4, 0, .2, 1) 0s
}

.result-btn-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 1.11);
    line-height: 110%;
    line-height: 1;
    letter-spacing: -.01em;
    text-transform: uppercase;
    text-align: center;
    color: #031c11;
    width: calc(var(--vw) * 13.88);
    margin-left: calc(var(--vw) * 1);
    margin-right: calc(var(--vw) * .5)
}

.result-btn:hover {
    background: #fff
}

@media (max-width:1200px) {
    .result-cards-list li {
        opacity: 1;
        pointer-events: none
    }

    .result-block .result-btn {
        position: relative;
        top: 0
    }

    .result-text .word:first-child {
        text-indent: calc(var(--vw) * 0)
    }

    .result-section {
        height: auto;
        background-position: calc(var(--vw) * -28) calc(var(--vw) * 188);
        background-size: calc(var(--vw) * 162.2) calc(var(--vw) * 185.6);
        padding-top: calc(var(--vw) * 40.53)
    }

    .results-title-container {
        flex-direction: column
    }

    .results-title {
        font-size: calc(var(--vw) * 15);
        width: calc(var(--vw) * 83.4);
        margin-top: calc(var(--vw) * 6.4);
        margin-left: 0
    }

    .results-span {
        font-size: calc(var(--vw) * 15)
    }

    .result-card-item1 {
        top: calc(var(--vw) * 81);
        left: calc(var(--vw) * 39)
    }

    .card1 {
        width: calc(var(--vw) * 55.4);
        height: calc(var(--vw) * 54.6)
    }

    .result-card-item2 {
        top: calc(var(--vw) * 13)
    }

    .card2 {
        width: calc(var(--vw) * 48.8);
        height: calc(var(--vw) * 53.3)
    }

    .result-card-item3 {
        top: calc(var(--vw) * 153);
        right: 88px
    }

    .card3 {
        width: calc(var(--vw) * 71.4);
        height: calc(var(--vw) * 57.8)
    }

    .result-card-item4 {
        top: calc(var(--vw) * 221)
    }

    .card4 {
        width: calc(var(--vw) * 94.6);
        height: calc(var(--vw) * 70.1)
    }

    .second-card-list {
        margin-top: calc(var(--vw) * 280);
        visibility: hidden
    }

    .result-block {
        flex-direction: column
    }

    .results-marker-container {
        width: max-content;
        padding: 0 1em;
        height: calc(var(--vw) * 7.7)
    }

    .results-marker-text::before {
        width: calc(var(--vw) * .8);
        height: calc(var(--vw) * .8);
        margin-right: calc(var(--vw) * 1.6)
    }

    .results-marker-text {
        font-size: calc(var(--vw) * 3.2);
        line-height: 100%
    }

    .result-text {
        font-size: calc(var(--vw) * 6.1);
        width: calc(var(--vw) * 96.2);
        text-indent: 0;
        margin-top: calc(var(--vw) * 13.8);
        margin-bottom: calc(var(--vw) * 15);
        line-height: 130%
    }

    .result-btn {
        border-radius: calc(var(--vw) * 17.6);
        width: calc(var(--vw) * 63.4);
        height: calc(var(--vw) * 15.4)
    }

    .result-btn-text {
        font-size: calc(var(--vw) * 3.7);
        width: calc(var(--vw) * 48.3)
    }
}

.section-um-store {
    position: relative;
    overflow: hidden
}

.blur_shop {
    position: absolute;
    width: calc(var(--vw) * 55.48);
    top: calc(var(--vw) * -4.16);
    filter: grayscale(100%);
    left: calc(var(--vw) * 5.8)
}

.um-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 4.5);
    line-height: 110%;
    letter-spacing: -.02em;
    color: #fff;
    width: calc(var(--vw) * 36.8);
    margin-bottom: calc(var(--vw) * 3.8)
}

.charity {
    font-family: "Libre Baskerville";
    font-style: italic;
    font-weight: 400
}

.wrap-image {
    background-image: url('/wp-content/themes/platinum8/assets/images/um-store-wrap-image.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(var(--vw) * 69);
    width: calc(var(--vw) * 95.8);
    height: calc(var(--vw) * 62.4);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.inrenal-wrap {
    margin: 0 auto;
    position: relative
}

.inst-card2 {
    width: calc(var(--vw) * 18);
    height: calc(var(--vw) * 19.1);
    position: absolute;
    top: calc(var(--vw) * 19);
    left: calc(var(--vw) * -21)
}

.inst-card1 {
    width: calc(var(--vw) * 18);
    height: calc(var(--vw) * 19.1);
    position: absolute;
    top: calc(var(--vw) * -14);
    left: calc(var(--vw) * -29)
}

.inst-card3 {
    width: calc(var(--vw) * 18);
    height: calc(var(--vw) * 19.1);
    position: absolute;
    top: calc(var(--vw) * 19);
    left: calc(var(--vw) * 29)
}

.inst-card4 {
    width: calc(var(--vw) * 18);
    height: calc(var(--vw) * 19.1);
    position: absolute;
    top: calc(var(--vw) * -10);
    left: calc(var(--vw) * 44)
}

.under-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 1.6);
    line-height: 100%;
    letter-spacing: -.02em;
    color: #fff
}

.under-text {
    font-family: Manrope, sans-serif;
    font-weight: 500;
    font-size: calc(var(--vw) * .9);
    line-height: 100%;
    color: #fff;
    opacity: .6;
    width: calc(var(--vw) * 10.5)
}

.wrap_icons_store {
    display: flex;
    gap: 1em;
    align-items: center
}

.icon_store {
    width: calc(var(--vw) * 6);
    filter: grayscale(100%);
}

@media (max-width:1200px) {
    .blur_shop {
        width: calc(var(--vw) * 147.48);
        min-width: calc(var(--vw) * 150);
        top: calc(var(--vw) * -4.16);
        left: calc(var(--vw) * -24.8)
    }

    .inst-card3,
    .inst-card4 {
        display: none
    }

    .icon_store {
        width: calc(var(--vw) * 22.93)
    }

    .inrenal-wrap {
        width: 100%;
        padding: 0 calc(var(--vw) * 5.33);
        margin: 0 auto;
        position: relative
    }

    .section-um-store {
        padding-top: calc(var(--vw) * 53);
        padding-bottom: calc(var(--vw) * 59);
        margin-bottom: calc(var(--vw) * 25)
    }

    .wrap-image {
        background-image: url('/wp-content/themes/platinum8/assets/images/um-section-mob-bg.svg');
        background-repeat: no-repeat;
        height: calc(var(--vw) * 107.4);
        background-size: contain;
        padding-top: calc(var(--vw) * 21);
        width: 100%;
        justify-content: flex-start
    }

    .um-title {
        font-size: calc(var(--vw) * 9.6);
        width: 100%
    }

    .under-title {
        font-size: calc(var(--vw) * 5.6)
    }

    .under-text {
        font-size: calc(var(--vw) * 3.2);
        width: calc(var(--vw) * 33.5)
    }

    .inst-card1 {
        width: calc(var(--vw) * 53.5);
        height: calc(var(--vw) * 56.8);
        top: calc(var(--vw) * -62);
        left: calc(var(--vw) * 28)
    }

    .inst-card2 {
        width: calc(var(--vw) * 53.5);
        height: calc(var(--vw) * 56.8);
        top: calc(var(--vw) * 79);
        left: calc(var(--vw) * 5.33)
    }
}

.nextstep-section {
    background: linear-gradient(49deg, #15bcdf .01%, #0ddc7a 61.5%, #15bcdf 100%);
    border-radius: 56px;
    padding: calc(var(--vw) * 8.3) 0
}

.nextstep-card-item1 {
    background-image: url('/wp-content/themes/platinum8/assets/images/nex-step-section-card-bg.svg');
    background-repeat: no-repeat;
    width: calc(var(--vw) * 46);
    height: calc(var(--vw) * 50);
    background-size: contain;
    padding: 40px 70px 50px 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.nextstep-card-item2 {
    background-image: url('/wp-content/themes/platinum8/assets/images/next-step-section-card-bg2.svg');
    background-repeat: no-repeat;
    width: calc(var(--vw) * 46);
    height: calc(var(--vw) * 50);
    background-size: contain;
    padding: 40px 0 50px 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.nextstep-title {
    font-family: "Libre Baskerville";
    font-style: italic;
    font-weight: 400;
    font-size: 86px;
    line-height: 83px;
    letter-spacing: -.02em;
    text-align: center;
    color: #031c11;
    width: calc(var(--vw) * 45);
    margin: 0 auto calc(var(--vw) * 6.5) auto
}

.ready-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-style: normal
}

.next-step-card-list {
    display: flex;
    gap: calc(var(--vw) * 1.1)
}

.card1-icons {
    min-width: calc(var(--vw) * 1.6);
    width: calc(var(--vw) * 1.6);
    height: calc(var(--vw) * 1.6);
    fill: #fff
}

.benefits-item {
    display: flex;
    margin-bottom: 0;
    gap: .8em
}

@media (max-width:1200px) {
    .benefits-item {
        display: flex;
        margin-bottom: 0;
        gap: calc(var(--vw) * 2.66)
    }
}

.benefits-list {
    margin-bottom: auto;
    gap: 1em;
    display: flex;
    flex-direction: column
}

.card1-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 3.8);
    line-height: 100% !important;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: calc(var(--vw) * 2.9)
}

.benefits-text-card1 {
    font-family: Manrope, sans-serif, sans-serif;
    font-weight: 500;
    font-size: calc(var(--vw) * 1.25);
    line-height: 100%;
    color: #fff
}

.card1-price-container {
    border-radius: calc(var(--vw) * 33.5);
    width: calc(var(--vw) * 14);
    height: calc(var(--vw) * 4.5);
    background: linear-gradient(49deg, #15bcdf .01%, #0ddc7a 61.5%, #15bcdf 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: calc(var(--vw) * 2.9)
}

.card1-price-icon {
    width: calc(var(--vw) * 1.4);
    height: calc(var(--vw) * 1.4);
    margin-right: calc(var(--vw) * .4)
}

.card1-price-text {
    font-family: Manrope, sans-serif, sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 1.4);
    line-height: 100%;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #031c11;
    margin-right: calc(var(--vw) * .8)
}

@media (max-width:1200px) {
    .nextstep-section {
        border-radius: calc(var(--vw) * 17.6);
        padding: calc(var(--vw) * 19.2) 0
    }

    .nextstep-card-item1,
    .nextstep-card-item2 {
        width: calc(var(--vw) * 94.6);
        height: calc(var(--vw) * 103);
        padding: calc(var(--vw) * 10.6) 0 calc(var(--vw) * 11.7) calc(var(--vw) * 13.4)
    }

    .nextstep-title {
        font-size: calc(var(--vw) * 15.8);
        line-height: 110%;
        width: 100%;
        margin-bottom: calc(var(--vw) * 13.5)
    }

    .ready-text {
        font-size: calc(var(--vw) * 14.9);
        margin-bottom: calc(var(--vw) * 5.3)
    }

    .next-step-card-list {
        flex-direction: column;
        gap: calc(var(--vw) * 4)
    }

    .benefits-item {
        gap: calc(var(--vw) * 4.3)
    }

    .benefits-list {
        gap: calc(var(--vw) * 4.8)
    }

    .card1-title {
        font-size: calc(var(--vw) * 7.2);
        line-height: 110%;
        margin-bottom: calc(var(--vw) * 4.8)
    }

    .benefits-text-card1 {
        font-size: calc(var(--vw) * 4);
        line-height: 110%
    }

    .card1-price-container {
        width: calc(var(--vw) * 40);
        height: calc(var(--vw) * 13.6);
        margin-bottom: calc(var(--vw) * 7.4)
    }

    .card1-price-icon {
        width: calc(var(--vw) * 4.2);
        height: calc(var(--vw) * 4.2);
        margin-right: calc(var(--vw) * 2.1)
    }

    .card1-price-text {
        font-size: calc(var(--vw) * 4.2);
        line-height: 110%;
        margin-right: calc(var(--vw) * 2.1)
    }
}

.card1-price-value {
    font-family: Manrope, sans-serif, sans-serif;
    font-weight: 800;
    font-size: calc(var(--vw) * 1.4);
    line-height: 110%;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #031c11
}

.card1-btn-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 1.25);
    line-height: 100%;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: #1d1d1b;
    width: calc(var(--vw) * 19.5)
}

.card1-btn-icon {
    width: calc(var(--vw) * 1.6);
    height: calc(var(--vw) * 1.6);
    fill: #fff
}

.btn-icon-container {
    width: calc(var(--vw) * 4);
    height: calc(var(--vw) * 4);
    border-radius: 100%;
    background: linear-gradient(49deg, #15bcdf .01%, #0ddc7a 61.5%, #15bcdf 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.card1-btn {
    border-radius: calc(var(--vw) * 11.5);
    width: calc(var(--vw) * 25.6);
    height: calc(var(--vw) * 5.4);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #fff;
    margin-top: auto
}

.card1-btn:hover {
    background: linear-gradient(49deg, #15bcdf .01%, #0ddc7a 61.5%, #15bcdf 100%)
}

.card2-btn {
    border-radius: calc(var(--vw) * 11.5);
    width: calc(var(--vw) * 25.6);
    height: calc(var(--vw) * 5.4);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #f5f5f5;
    margin-top: auto
}

.card2-btn:hover {
    background: linear-gradient(49deg, #15bcdf .01%, #0ddc7a 61.5%, #15bcdf 100%)
}

.card1-btn:hover .btn-icon-container {
    background: linear-gradient(315deg, #111215 0, #272b2e 100%)
}

.card1-btn:hover .card1-btn-text {
    color: #fff
}

.card1-btn:hover .card1-btn-icon {
    fill: #04b8c4
}

.card2-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 3.8);
    line-height: 100% !important;
    letter-spacing: -.02em;
    color: #1d1d1b;
    margin-bottom: calc(var(--vw) * 2.9)
}

.card2-price-text {
    font-family: Manrope, sans-serif, sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 1.4);
    line-height: 100%;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #fff;
    margin-right: calc(var(--vw) * .8)
}

.card2-price-value {
    font-family: Manrope, sans-serif, sans-serif;
    font-weight: 800;
    font-size: calc(var(--vw) * 1.4);
    line-height: 100%;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #fff
}

.card2-price-container {
    border-radius: calc(var(--vw) * 33.5);
    width: calc(var(--vw) * 14);
    height: calc(var(--vw) * 4.5);
    background: linear-gradient(315deg, #111215 0, #272b2e 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: calc(var(--vw) * 2.9)
}

.card2-price-icon {
    width: calc(var(--vw) * 1.4);
    height: calc(var(--vw) * 1.4);
    margin-right: calc(var(--vw) * .4);
    fill: #ffffff
}

.benefits-text-card2 {
    font-family: Manrope, sans-serif, sans-serif;
    font-weight: 500;
    font-size: calc(var(--vw) * 1.25);
    line-height: 100%;
    color: #1d1d1b
}

.card2-icons {
    width: calc(var(--vw) * 1.6);
    height: calc(var(--vw) * 1.6);
    fill: #1d1d1b
}

@media (max-width:1200px) {
    .nextstep-section {
        border-radius: calc(var(--vw) * 7.46);
        padding: calc(var(--vw) * 17) 0
    }

    .nextstep-title {
        font-size: calc(var(--vw) * 14.9);
        width: 100%;
        margin-bottom: calc(var(--vw) * 10.66)
    }

    .next-step-card-list {
        flex-direction: column;
        align-items: center;
        gap: calc(var(--vw) * 4.26)
    }

    .nextstep-card-item1 {
        width: -webkit-fill-available;
        height: calc(var(--vw) * 147);
        background-image: url('/wp-content/themes/platinum8/assets/images/next-step-card-mob1.svg');
        background-size: contain;
        padding: calc(var(--vw) * 8) calc(var(--vw) * 5.33);
        background-position: center;
        margin-bottom: 0
    }

    .nextstep-card-item2 {
        width: -webkit-fill-available;
        height: calc(var(--vw) * 127);
        background-image: url('/wp-content/themes/platinum8/assets/images/next-step-card-mob2.svg');
        background-size: contain;
        padding: calc(var(--vw) * 8) calc(var(--vw) * 5.33);
        background-position: center
    }

    .card1-price-icon {
        width: calc(var(--vw) * 4.2);
        height: calc(var(--vw) * 4.2)
    }

    .card1-price-text {
        font-size: calc(var(--vw) * 3.7)
    }

    .card1-price-value {
        font-size: calc(var(--vw) * 3.7)
    }

    .card1-price-container {
        width: calc(var(--vw) * 35.7);
        height: calc(var(--vw) * 11.7);
        margin-bottom: calc(var(--vw) * 8.5)
    }

    .card1-title {
        font-size: calc(var(--vw) * 9.6);
        margin-bottom: calc(var(--vw) * 6.4)
    }

    .card1-icons {
        width: calc(var(--vw) * 3.7);
        min-width: calc(var(--vw) * 3.7);
        height: calc(var(--vw) * 3.7);
        margin-top: calc(var(--vw) * 1.2)
    }

    .benefits-text-card1 {
        font-size: calc(var(--vw) * 3.2)
    }

    .card1-btn-text {
        font-size: calc(var(--vw) * 3.7);
        width: 82%;
        text-align: center
    }

    .card1-btn-icon {
        width: calc(var(--vw) * 5.8);
        height: calc(var(--vw) * 5.8)
    }

    .btn-icon-container {
        width: calc(var(--vw) * 12.2);
        height: calc(var(--vw) * 12.2)
    }

    .card1-btn {
        width: 100%;
        height: calc(var(--vw) * 16.5);
        margin-left: 0;
        justify-content: space-between;
        margin-top: auto;
        padding: 0 calc(var(--vw) * 2.13)
    }

    .benefits-list {
        display: flex;
        flex-direction: column;
        gap: calc(var(--vw) * 3.2);
        margin-bottom: 0 !important
    }

    .card2-price-text {
        font-size: calc(var(--vw) * 3.7)
    }

    .card2-price-value {
        font-size: calc(var(--vw) * 3.7)
    }

    .card2-price-icon {
        width: calc(var(--vw) * 4.2);
        height: calc(var(--vw) * 4.2)
    }

    .card2-price-container {
        width: calc(var(--vw) * 35.7);
        height: calc(var(--vw) * 11.7);
        margin-bottom: calc(var(--vw) * 8.53)
    }

    .card2-title {
        font-size: calc(var(--vw) * 9.6);
        margin-bottom: calc(var(--vw) * 4.9)
    }

    .card2-icons {
        width: calc(var(--vw) * 3.7);
        height: calc(var(--vw) * 3.7)
    }

    .benefits-text-card2 {
        font-size: calc(var(--vw) * 3.2)
    }
}

.faq-section {
    padding-top: calc(var(--vw) * 15)
}

@media (max-width:1200px) {
    .faq-section {
        padding-top: calc(var(--vw) * 25.6)
    }
}

.faq-container {
    display: grid;
    grid-template-columns: 1fr calc(var(--vw) * 60.93);
    gap: calc(var(--vw) * 10)
}

.faq-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * 1.4);
    line-height: 100%;
    letter-spacing: -.02em;
    color: #fff;
    width: calc(var(--vw) * 19.25);
    margin-bottom: calc(var(--vw) * 2.2)
}

.veronika {
    font-weight: 700
}

.faq-link-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #fff;
    width: calc(var(--vw) * 11);
    text-align: center
}

.faq-link-wrap:hover .faq-link-text {
    color: #111
}

.faq-link-wrap:hover circle {
    fill: #111
}

.faq-link-wrap:hover g path {
    fill: #fff
}

.faq-link-wrap {
    border: 1px solid #fff;
    border-radius: calc(var(--vw) * 11.5);
    width: max-content;
    height: calc(var(--vw) * 4.3);
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: .3s;
    padding: calc(var(--vw) * .5)
}

.desc_faq {
    color: rgba(255, 255, 255, .6);
    font-size: calc(var(--vw) * 1.125);
    font-style: normal;
    font-weight: 400;
    line-height: 150% !important;
    width: 90%
}

.faq-link-wrap:hover {
    border: 1px solid #fff;
    background-color: #fff
}

.faq-link-wrap svg {
    width: calc(var(--vw) * 2.625) !important;
    height: calc(var(--vw) * 2.625) !important;
    transition-duration: .3s
}

@media (max-width:1200px) {
    .desc_faq {
        font-size: calc(var(--vw) * 3.73)
    }

    .faq-link-wrap svg {
        width: calc(var(--vw) * 12.26) !important;
        height: calc(var(--vw) * 12.26) !important
    }
}

.faq-image {
    border-radius: 100%;
    width: calc(var(--vw) * 11.1);
    height: calc(var(--vw) * 11.1);
    margin-bottom: calc(var(--vw) * 1.6)
}

.faq-title {
    font-family: "Libre Baskerville";
    font-style: italic;
    font-weight: 400;
    font-size: calc(var(--vw) * 5.9);
    line-height: 100%;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: calc(var(--vw) * 6.25)
}

.faq-item-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 1.9);
    line-height: 100%;
    color: #fff
}

.faq-icon {
    width: calc(var(--vw) * 1.9);
    height: calc(var(--vw) * 1.9);
    min-width: calc(var(--vw) * 1.9);
    min-height: calc(var(--vw) * 1.9);
    fill: #fff
}

.open_faq_item:hover .faq-icon {
    opacity: 0
}

.open_faq_item {
    cursor: pointer
}

.faq-icon_hover {
    position: absolute;
    width: calc(var(--vw) * 1.9);
    height: calc(var(--vw) * 1.9);
    min-width: calc(var(--vw) * 1.9);
    min-height: calc(var(--vw) * 1.9);
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0
}

.open_faq_item:hover .faq-icon_hover {
    opacity: 1
}

.faq-icon_active {
    position: absolute;
    width: calc(var(--vw) * 1.9);
    height: calc(var(--vw) * 1.9);
    min-width: calc(var(--vw) * 1.9);
    min-height: calc(var(--vw) * 1.9);
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0
}

.faq-item.active .faq-icon_active {
    opacity: 1
}

.faq-item.active .faq-icon,
.faq-item.active .faq-icon_hover {
    opacity: 0
}

.faq-item.active .faq-btn {
    background: #fff
}

.faq-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: calc(var(--vw) * .1) solid #414141;
    padding: calc(var(--vw) * 2.5) 0;
    transition: background-color .3s ease
}

.open_faq_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--vw) * 1);
    width: 100%;
    cursor: pointer
}

.faq-list>:last-child {
    border-bottom: calc(var(--vw) * .1) solid #414141
}

.faq-btn {
    background: 0 0;
    border: calc(var(--vw) * .1) solid #414141;
    width: calc(var(--vw) * 4.4);
    height: calc(var(--vw) * 4.4);
    border-radius: 100%;
    margin-left: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition-duration: .3s
}

.open_faq_item:hover .faq-btn {
    background: #fff;
    border: calc(var(--vw) * .1) solid #fff
}

.close_faq_item {
    max-height: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    overflow: hidden;
    transition-duration: .5s;
    width: 100%
}

.faq-item.active .close_faq_item {
    max-height: 1000px;
    margin-top: 1em
}

@media (max-width:1200px) {
    .faq-container {
        flex-direction: column-reverse;
        display: flex
    }

    .faq-title {
        font-size: calc(var(--vw) * 15);
        margin-bottom: calc(var(--vw) * 10.66)
    }

    .faq-item {
        padding: calc(var(--vw) * 6.4) 0
    }

    .faq-item-text {
        font-size: calc(var(--vw) * 4.8);
        line-height: 110%
    }

    .faq-btn {
        width: calc(var(--vw) * 11.7);
        height: calc(var(--vw) * 11.7);
        flex-shrink: 0
    }

    .faq-icon {
        width: calc(var(--vw) * 5.3);
        height: calc(var(--vw) * 5.3)
    }

    .faq-icon_active,
    .faq-icon_hover {
        position: absolute;
        width: calc(var(--vw) * 5.3);
        height: calc(var(--vw) * 5.3);
        min-width: calc(var(--vw) * 5.3);
        min-height: calc(var(--vw) * 5.3)
    }

    .faq-image {
        width: calc(var(--vw) * 37.3);
        height: calc(var(--vw) * 37.3);
        margin-bottom: calc(var(--vw) * 4.2)
    }

    .faq-text {
        font-size: calc(var(--vw) * 4.8);
        width: calc(var(--vw) * 63.4);
        margin-bottom: calc(var(--vw) * 6.4)
    }

    .faq-link-text {
        font-size: calc(var(--vw) * 3.7);
        width: calc(var(--vw) * 44)
    }

    .faq-link-wrap {
        width: calc(var(--vw) * 61.8);
        height: calc(var(--vw) * 16.5);
        margin-bottom: calc(var(--vw) * 10);
        padding: calc(var(--vw) * 2.13)
    }

    .faq-list {
        margin-bottom: calc(var(--vw) * 15)
    }

    .section-reviews .container {
        padding-top: calc(var(--vw) * 15.9);
        overflow: hidden;
        padding: 0 !important
    }
}

.section-reviews {
    padding-top: calc(var(--vw) * 15.9);
    overflow: hidden;
    filter: grayscale(100%);
}

.reviews-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 5.5);
    line-height: 100% !important;
    letter-spacing: -.02em;
    color: #fff;
    width: calc(var(--vw) * 48.7);
    margin-bottom: calc(var(--vw) * 2)
}

.better-span {
    font-family: "Libre Baskerville";
    font-style: italic;
    font-weight: 400
}

.reviews-btn {
    border-radius: calc(var(--vw) * 8.3);
    width: max-content;
    display: flex;
    align-items: center;
    background: linear-gradient(58deg, #5cd6b3 0, #04b8c4 .01%, #4bfa8a 100%);
    border: none;
    padding: calc(var(--vw) * .83);
    transition: background .5s ease;
    cursor: pointer
}

.reviews-btn:hover {
    background: #fff;
    border: none
}

.studies-card-item .reviews-btn:hover {
    background: #111;
    border: none
}

.reviews-btn-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    color: #070707;
    width: calc(var(--vw) * 13.5)
}

.studies-card-item .reviews-btn-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * .9);
    text-transform: uppercase;
    text-align: center;
    color: #031c11;
    width: calc(var(--vw) * 10);
    transition-duration: .3s
}

.studies-card-item .reviews-btn:hover .reviews-btn-text {
    color: #fff
}

.reviews-btn-icon {
    width: calc(var(--vw) * 1.1);
    height: calc(var(--vw) * 1.1);
    fill: #5cd6b3
}

.studies-card-item .reviews-btn .reviews-btn-icon {
    width: calc(var(--vw) * 1.1);
    height: calc(var(--vw) * 1.1);
    fill: #5cd6b3;
    opacity: 1;
    transition-duration: .3s
}

.studies-card-item .reviews-btn:hover .reviews-btn-icon {
    opacity: 1;
    fill: #111
}

@media (max-width:1200px) {
    .studies-card-item .reviews-btn-text {
        font-family: "Proxima Nova", sans-serif;
        font-weight: 600;
        font-size: calc(var(--vw) * 3.73);
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        width: calc(100% - 5.32vw) !important;
        line-height: 100%;
        position: absolute
    }

    .reviews-btn-icon {
        width: calc(var(--vw) * 3.5);
        height: calc(var(--vw) * 3.5);
        fill: #5cd6b3
    }
}

.reviews-icon-container {
    width: calc(var(--vw) * 2.9);
    min-width: calc(var(--vw) * 2.9);
    height: calc(var(--vw) * 2.9);
    background-color: #070707;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.studies-card-item .reviews-icon-container {
    width: calc(var(--vw) * 1.97);
    min-width: calc(var(--vw) * 1.97);
    height: calc(var(--vw) * 1.97);
    background: #031c11 !important;
    transition-duration: .3s
}

.studies-card-item .reviews-btn:hover .reviews-icon-container {
    background: #fff !important
}

.reviews-label-rating {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 6.6);
    line-height: 100%;
    letter-spacing: -.02em;
    background: linear-gradient(58deg, #5cd6b3 0, #04b8c4 .01%, #4bfa8a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.reviews-label-icon {
    width: calc(var(--vw) * 7.5);
    height: calc(var(--vw) * 7.5)
}

.left-side-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * 1.9);
    line-height: 120%;
    letter-spacing: -.03em;
    color: #fff;
    width: calc(var(--vw) * 19.4)
}

.left-side-title-span {
    font-weight: 700
}

.arrow-container {
    width: calc(var(--vw) * 5.2);
    height: calc(var(--vw) * 5.2);
    background-color: transparent;
    border-radius: 100%;
    border: calc(var(--vw) * .1) solid rgb(255, 255, 255, .2);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: .3s
}

.arrow-container:hover {
    background: #fff;
    border: calc(var(--vw) * .1) solid #fff
}

.arrow-container:hover path {
    fill: #111
}

.swiper_cases_main .swiper-pagination {
    position: relative;
    top: 0;
    left: 0;
    bottom: auto;
    display: flex;
    gap: calc(var(--vw) * .2);
    width: 100%
}

.swiper_cases_main .swiper-pagination-bullet {
    margin: 0 !important;
    border-radius: calc(var(--vw) * .5) !important;
    height: calc(var(--vw) * .2);
    opacity: .2;
    background: #111;
    overflow: hidden;
    position: relative
}

@media (max-width:1200px) {
    .swiper_cases_main .swiper-pagination {
        position: relative;
        top: 0;
        left: 0;
        bottom: auto;
        display: flex;
        gap: calc(var(--vw) * 1.06);
        width: 100%
    }

    .swiper_cases_main .swiper-pagination-bullet {
        margin: 0 !important;
        border-radius: calc(var(--vw) * .5) !important;
        height: calc(var(--vw) * .8);
        opacity: .2;
        background: #111;
        overflow: hidden;
        position: relative
    }
}

.swiper_cases_main .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #111 !important
}

.approach_swiper .swiper-pagination {
    position: relative;
    top: 0;
    left: 0;
    bottom: auto;
    display: flex;
    gap: calc(var(--vw) * .2);
    width: 100%
}

.approach_swiper .swiper-pagination-bullet {
    margin: 0 !important;
    border-radius: calc(var(--vw) * .5) !important;
    height: calc(var(--vw) * .2);
    opacity: .2;
    background: #111;
    overflow: hidden;
    position: relative
}

@media (max-width:1200px) {
    .approach_swiper .swiper-pagination {
        position: relative;
        top: 0;
        left: 0;
        bottom: auto;
        display: flex;
        gap: calc(var(--vw) * 1.06);
        width: 100%
    }

    .approach_swiper .swiper-pagination-bullet {
        margin: 0 !important;
        border-radius: calc(var(--vw) * .5) !important;
        height: calc(var(--vw) * .8);
        opacity: .2;
        background: #111;
        overflow: hidden;
        position: relative
    }
}

.approach_swiper .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #111 !important
}

.arrow-icon {
    width: calc(var(--vw) * 1.3);
    height: calc(var(--vw) * 1.3);
    fill: #fff
}

.arrows_cases {
    display: flex;
    gap: calc(var(--vw) * 1)
}

.arrows_cases .arrow-container {
    width: calc(var(--vw) * 3.5);
    height: calc(var(--vw) * 3.5);
    background-color: transparent;
    border-radius: 100%;
    border: calc(var(--vw) * .1) solid #111;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: .3s
}

@media (max-width:1200px) {
    .arrows_cases .arrow-container {
        width: calc(var(--vw) * 11.73);
        height: calc(var(--vw) * 11.73);
        background-color: transparent;
        border-radius: 100%;
        border: calc(var(--vw) * .1) solid #111;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition-duration: .3s
    }

    .cases-section .arrows_cases {
        display: none
    }
}

.arrows_cases .arrow-container:hover {
    background: #111;
    border: calc(var(--vw) * .1) solid #111
}

.arrows_cases .arrow-container path {
    fill: #111
}

.arrows_cases .arrow-container:hover path {
    fill: #fff
}

.arrows_cases .arrow-icon {
    width: calc(var(--vw) * .875);
    height: calc(var(--vw) * .875);
    fill: #111
}

.cases_navogation_wrap {
    display: flex;
    gap: calc(var(--vw) * 2.75);
    align-items: center;
    margin: 0 calc(var(--vw) * 1.25)
}

@media (max-width:1200px) {
    .arrows_cases .arrow-icon {
        width: calc(var(--vw) * 3.2);
        height: calc(var(--vw) * 3.2);
        fill: #111
    }

    .cases_navogation_wrap {
        margin-top: 10vw
    }
}

.star-icon {
    width: calc(var(--vw) * 1.4);
    height: calc(var(--vw) * 1.4);
    fill: #fff
}

.rating-value {
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 1.4);
    line-height: 100%;
    letter-spacing: -.03em;
    color: #fff
}

.upwork-icon {
    width: calc(var(--vw) * 5.4);
    height: calc(var(--vw) * 1.7)
}

.reviews-container {
    background-image: url('/wp-content/themes/platinum8/assets/images/reviews-bg.svg');
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: calc(var(--vw) * 3.4);
    background-position: center;
    padding-top: calc(var(--vw) * 4.8);
    padding-right: calc(var(--vw) * 3.4);
    height: calc(var(--vw) * 71.22)
}

.rewies-container-upper {
    display: grid;
    grid-template-columns: calc(var(--vw) * 23.88) auto;
    margin-bottom: 4vw
}

.label-container {
    display: flex;
    align-items: center !important;
    gap: calc(var(--vw) * 1.4);
    margin-bottom: 2vw
}

.rewies-container-lover {
    display: flex;
    justify-content: space-between
}

.lover-container-right-side {
    display: flex;
    width: calc(var(--vw) * 62.22)
}

.rating-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--vw) * .5);
    border-radius: calc(var(--vw) * .5);
    width: calc(var(--vw) * 11.5);
    height: calc(var(--vw) * 2.8);
    margin-bottom: calc(var(--vw) * 1.6);
    background: rgba(255, 255, 255, .1)
}

.review-card-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 1.2);
    line-height: 100%;
    letter-spacing: -.02em;
    color: #fff;
    width: calc(var(--vw) * 17.3);
    margin-bottom: calc(var(--vw) * 2.2)
}

.left-side-arrows {
    display: flex;
    gap: calc(var(--vw) * 1.1);
    margin-top: auto
}

.location-icon {
    width: calc(var(--vw) * 1.4);
    height: calc(var(--vw) * 1.4)
}

.location-country {
    font-family: Manrope, sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    letter-spacing: -.03em;
    color: #fff
}

.review-card-container {
    background-image: url('/wp-content/themes/platinum8/assets/images/reviews-rectangle.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(var(--vw) * 2) calc(var(--vw) * 1.3);
    height: calc(var(--vw) * 28);
    display: flex;
    flex-direction: column
}

.cases_slider .addtoany_content {
    display: none !important
}

@media (max-width:1200px) {
    .reviews-container {
        background-image: url('/wp-content/themes/platinum8/assets/images/reviews-mobile-bg.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        padding-bottom: 22vw;
        height: max-content;
        padding-top: 8vw
    }

    .rewies-container-upper {
        flex-direction: column;
        gap: 6.4vw;
        grid-template-columns: 0
    }

    .reviews-title {
        font-size: 9.6vw;
        width: 73.7vw;
        margin-bottom: 10.8vw
    }

    .reviews-btn {
        border-radius: 44.2vw;
        width: 66.1vw;
        height: 16.5vw
    }

    .reviews-btn-text {
        font-size: 3.7vw;
        width: 51.5vw
    }

    .reviews-icon-container {
        width: 11.2vw;
        height: 11.2vw
    }

    .reviews-btn-icon {
        width: 4.2vw;
        height: 4.2vw
    }

    .studies-card-item .reviews-btn .reviews-btn-icon {
        width: calc(var(--vw) * 4.2);
        height: calc(var(--vw) * 4.2)
    }

    .rewies-container-lover {
        flex-direction: column;
        margin-top: 10.8vw
    }

    .label-container {
        align-items: flex-start;
        gap: 5.6vw
    }

    .reviews-label-rating {
        font-size: 17vw
    }

    .reviews-label-icon {
        width: 19.6vw;
        height: 19vw
    }

    .left-side-title {
        font-size: 5.6vw;
        width: 65.4vw;
        margin-bottom: 9.9vw
    }

    .lover-container-right-side {
        gap: 2.6vw;
        width: 100%
    }

    .review-card-container {
        background-position: 0;
        background-size: 77.3vw 122vw;
        padding: 8vw 5.3vw;
        height: 106vw
    }

    .rating-container {
        border-radius: 2.1vw;
        width: 44.5vw;
        height: 10.9vw;
        margin-bottom: 6.4vw
    }

    .star-icon {
        width: 5.6vw;
        height: 5.6vw;
        margin-right: .4em;
        margin-bottom: .1em
    }

    .rating-value {
        font-size: 5.6vw
    }

    .upwork-icon {
        width: 20.8vw;
        height: 6.6vw;
        margin-left: .4em
    }

    .review-card-text {
        font-size: 4.8vw;
        width: 67.3vw;
        margin-bottom: auto
    }

    .location-icon {
        width: 5.6vw;
        height: 5.6vw;
        margin-right: 3.2vw
    }

    .location-country {
        font-size: 4.2vw
    }
}

.google-ads-section {
    padding-top: calc(var(--vw) * 8.3)
}

.google-ads-container {
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.google-ads-list {
    display: flex
}

.google-ads-list-wrapper {
    display: flex;
    width: max-content
}

.google-ads-item {
    width: calc(var(--vw) * 20.6);
    min-width: calc(var(--vw) * 20.6);
    height: calc(var(--vw) * 20.6);
    border: 1px solid #525252;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(var(--vw) * 1.1);
    margin: 0 calc(var(--vw) * 1.35)
}

.google-ads-icon {
    width: calc(var(--vw) * 8.3);
    height: calc(var(--vw) * 8.3)
}

.google-ads-icon use {
    width: 100%;
    max-width: 100%
}

.google-ads-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 500;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    letter-spacing: -.02em;
    text-align: center;
    color: #fff;
    width: calc(var(--vw) * 14);
    text-wrap: wrap
}

@media (max-width:1200px) {
    .google-ads-section {
        padding-top: calc(var(--vw) * 21.3)
    }

    .google-ads-item {
        width: calc(var(--vw) * 65.6);
        min-width: calc(var(--vw) * 65.6);
        height: calc(var(--vw) * 65.6);
        flex-shrink: 0
    }

    .google-ads-icon {
        width: calc(var(--vw) * 26.6);
        height: calc(var(--vw) * 26.6)
    }

    .google-ads-text {
        font-size: calc(var(--vw) * 3.7);
        width: calc(var(--vw) * 40)
    }
}

.team-section {
    padding-top: calc(var(--vw) * 13.8);
    padding-bottom: calc(var(--vw) * 19.4);
    overflow: hidden
}

@media (max-width:1200px) {
    .team-section {
        padding-top: calc(var(--vw) * 25.6);
        padding-bottom: calc(var(--vw) * 25.6);
        overflow: hidden
    }
}

.team-section .marker-text {
    margin: 0 auto;
    margin-bottom: calc(var(--vw) * 2.22)
}

.team-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 4.5);
    line-height: 100%;
    letter-spacing: -.02em;
    text-align: center;
    color: #fff;
    width: calc(var(--vw) * 57.9);
    margin: 0 auto;
    margin-bottom: calc(var(--vw) * 3.7)
}

.forces-span {
    font-family: "Libre Baskerville";
    font-style: italic;
    font-weight: 400
}

.team-btn {
    display: flex;
    align-items: center;
    border-radius: calc(var(--vw) * 11.5);
    width: calc(var(--vw) * 15.4);
    height: calc(var(--vw) * 4.3);
    background: #fff;
    border: none;
    margin: 0 auto;
    margin-bottom: calc(var(--vw) * 6);
    padding: calc(var(--vw) * .5) !important;
    transition-duration: .3s;
    overflow: hidden;
    position: relative
}

.team-btn::after {
    display: flex;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: calc(var(--vw) * 11.5);
    width: 100%;
    height: 100%;
    background: linear-gradient(49deg, #15bcdf .01%, #0ddc7a 61.5%, #15bcdf 100%);
    transition-duration: .3s
}

.team-btn:hover::after {
    opacity: 0
}

.team-btn-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    color: #070707;
    width: calc(var(--vw) * 11.4);
    position: relative;
    z-index: 1
}

.team-btn-icon-container {
    width: calc(var(--vw) * 3.1);
    height: calc(var(--vw) * 3.1);
    background-color: #070707;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1
}

.team-btn-icon {
    width: calc(var(--vw) * 1.4);
    height: calc(var(--vw) * 1.4);
    transition-duration: .3s
}

.team-btn:hover .team-btn-icon {
    opacity: 0;
    scale: 0.9
}

.team-list {
    display: flex;
    flex-direction: row;
    gap: calc(var(--vw) * 1.3);
    height: calc(var(--vw) * 36)
}

.team-list-item {
    width: calc(var(--vw) * 23.6);
    height: calc(var(--vw) * 31.9);
    border-radius: calc(var(--vw) * 1.5);
    padding: calc(var(--vw) * 2);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.team-list-item.no-hover {
    pointer-events: none
}

.team-item-plus-container {
    width: calc(var(--vw) * 2.5);
    height: calc(var(--vw) * 2.5);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #fff 0, #01f28e 100%);
    margin-left: auto;
    transition: .5s
}

.team-member-images {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: calc(var(--vw) * 1.5);
    transition: .5s;
    width: calc(var(--vw) * 23.6);
    height: calc(var(--vw) * 31.9);
    z-index: -1
}

.team-item-plus-icon {
    width: calc(var(--vw) * .9);
    height: calc(var(--vw) * .9)
}

.team-member-name {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 2);
    color: #161616;
    width: max-content;
    display: inline-block
}

.team-list-item .team-member-name-comtainer {
    margin-bottom: calc(var(--vw) * .6);
    width: max-content;
    display: block
}

.team-list-item .team-member-name-comtainer span {
    background-color: #fff;
    border-radius: 8px;
    padding-left: calc(var(--vw) * .6);
    line-height: 120%;
    padding-right: calc(var(--vw) * .6);
    padding-bottom: calc(var(--vw) * .4);
    padding-top: calc(var(--vw) * .4);
    margin-bottom: 0
}

.team-list-item .team-member-name-comtainer span:first-child {
    border-radius: 8px 8px 8px 0
}

.team-list-item .team-member-name-comtainer span:last-child {
    border-radius: 0 8px 8px 8px
}

.team-list-item.team-list-item-end {
    margin-top: calc(var(--vw) * 3.625)
}

.team-member-specialize {
    font-family: Manrope, sans-serif;
    font-weight: 500;
    font-size: calc(var(--vw) * 1);
    line-height: 100%;
    letter-spacing: -.02em;
    text-align: center;
    color: #1d1d1b;
    display: flex;
    align-items: center;
    background: #fff;
    padding: calc(var(--vw) * .4) calc(var(--vw) * .8);
    border-radius: calc(var(--vw) * 25.4);
    width: fit-content
}

.team-member-specialize::before {
    content: "";
    width: calc(var(--vw) * .2);
    height: calc(var(--vw) * .2);
    background-color: #070707;
    border-radius: 100%;
    margin-right: calc(var(--vw) * .4)
}

.team-list-item {
    position: relative;
    transition: .5s;
    flex-shrink: 0
}

.team-hover-container {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: calc(var(--vw) * 2) calc(var(--vw) * 2) 0 calc(var(--vw) * 2);
    background-image: url('/wp-content/themes/platinum8/assets/images/team-hover-rectangle.png');
    background-repeat: no-repeat;
    background-size: calc(var(--vw) * 23.6) calc(var(--vw) * 19.4);
    width: calc(var(--vw) * 23.6);
    height: calc(var(--vw) * 19.4);
    opacity: 0;
    transition: .5s
}

.team-member-hover-name {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 2.2);
    line-height: 100%;
    color: #fff;
    margin-bottom: calc(var(--vw) * .5);
    width: calc(var(--vw) * 15)
}

.team-member-hover-specialize {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * 1);
    line-height: 100%;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: calc(var(--vw) * 1.1)
}

.team-member-hover-specialize::before {
    content: "";
    width: calc(var(--vw) * .3);
    height: calc(var(--vw) * .3);
    border-radius: 100%;
    background-color: #fff;
    margin-right: calc(var(--vw) * .4)
}

.team-member-hover-text {
    font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * .9);
    line-height: 100%;
    color: #fff;
    width: calc(var(--vw) * 19.4);
    opacity: .6
}

.team-list-item:hover .team-hover-container {
    opacity: 1
}

.team-list-item:hover {
    height: calc(var(--vw) * 37.1)
}

.team-list-item:hover .team-item-plus-container {
    opacity: 0
}

.team-list-item:hover .team-member-images {
    width: calc(var(--vw) * 20.8);
    height: calc(var(--vw) * 28.4);
    left: calc(var(--vw) * 1.5);
    top: calc(var(--vw) * 2);
    transform: rotate(-5deg)
}

.team-list-item:hover .team-member-info {
    opacity: 0
}

.um-marker-container {
    margin-bottom: calc(var(--vw) * 1.5)
}

@media (max-width:1200px) {
    .team-list-item .team-member-name-comtainer span {
        padding-left: calc(var(--vw) * 1.6);
        padding-right: calc(var(--vw) * 1.6);
        padding-bottom: calc(var(--vw) * .8);
        padding-top: calc(var(--vw) * .8)
    }

    .team-list-item.team-list-item-end {
        margin-top: calc(var(--vw) * 6.625)
    }

    .team-title {
        font-size: calc(var(--vw) * 9.6);
        width: calc(var(--vw) * 90.9);
        margin-top: calc(var(--vw) * 6.4);
        margin-bottom: calc(var(--vw) * 10.6)
    }

    .team-btn {
        border-radius: calc(var(--vw) * 44.2);
        width: calc(var(--vw) * 59.2);
        height: calc(var(--vw) * 16.5);
        margin-bottom: calc(var(--vw) * 17);
        padding: calc(var(--vw) * 2.13)
    }

    .team-btn-text {
        font-size: calc(var(--vw) * 3.7);
        width: calc(var(--vw) * 43.4)
    }

    .team-btn-icon-container {
        width: calc(var(--vw) * 12.2);
        height: calc(var(--vw) * 12.2)
    }

    .team-btn-icon {
        width: calc(var(--vw) * 5.6);
        height: calc(var(--vw) * 5.6)
    }

    .team-list {
        gap: calc(var(--vw) * 2.3);
        height: max-content
    }

    .um-marker-container {
        margin-bottom: calc(var(--vw) * 6.4)
    }

    .team-list-item {
        width: calc(var(--vw) * 80) !important;
        height: calc(var(--vw) * 108) !important;
        border-radius: calc(var(--vw) * 6.5) !important;
        padding: calc(var(--vw) * 6.9) !important
    }

    .team-item-plus-container {
        width: calc(var(--vw) * 8.2);
        height: calc(var(--vw) * 8.2)
    }

    .team-item-plus-icon {
        width: calc(var(--vw) * 3.4);
        height: calc(var(--vw) * 3.4)
    }

    .team-list-item .team-member-name-comtainer {
        margin-bottom: calc(var(--vw) * 2.4)
    }

    .team-member-name {
        font-size: calc(var(--vw) * 7.4)
    }

    .team-member-specialize {
        font-size: calc(var(--vw) * 3.4);
        padding: calc(var(--vw) * 1.3) calc(var(--vw) * 2.6)
    }

    .team-member-specialize::before {
        width: calc(var(--vw) * 1);
        height: calc(var(--vw) * 1)
    }

    .team-member-images {
        width: calc(var(--vw) * 80);
        height: calc(var(--vw) * 108);
        border-radius: calc(var(--vw) * 5.33)
    }

    .team-hover-container {
        width: calc(var(--vw) * 80);
        height: calc(var(--vw) * 65.8);
        background-size: calc(var(--vw) * 80) calc(var(--vw) * 65.8);
        padding: calc(var(--vw) * 3.4) calc(var(--vw) * 6.9) 0 calc(var(--vw) * 6.9)
    }

    .team-member-hover-name {
        font-size: calc(var(--vw) * 7.4);
        margin-bottom: calc(var(--vw) * 1.8)
    }

    .team-member-hover-specialize {
        font-size: calc(var(--vw) * 3.4);
        margin-bottom: calc(var(--vw) * 3.7)
    }

    .team-member-hover-specialize::before {
        margin-right: calc(var(--vw) * 1.4);
        width: calc(var(--vw) * .9);
        height: calc(var(--vw) * .9)
    }

    .team-member-hover-text {
        font-size: calc(var(--vw) * 3.4);
        width: calc(var(--vw) * 65)
    }

    .team-list-item:hover .team-member-images {
        width: calc(var(--vw) * 70);
        height: calc(var(--vw) * 96.2);
        border-radius: calc(var(--vw) * 7)
    }

    .card-item-bg {
        width: calc(var(--vw) * 128);
        height: calc(var(--vw) * 149)
    }
}

.posted_by {
    display: flex;
    gap: calc(var(--vw) * .83);
    align-items: flex-start
}

.info_author {
    display: flex;
    flex-direction: column;
    gap: calc(var(--vw) * .41)
}

.name_author {
    color: var(--main-black-100, #1d1d1b);
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1.25);
    font-style: normal;
    font-weight: 400;
    line-height: 100%
}

.desc_author {
    color: #686868;
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1.11);
    font-style: normal;
    font-weight: 400;
    line-height: 100%
}

.img_user {
    width: calc(var(--vw) * 2.77);
    height: calc(var(--vw) * 2.77);
    border-radius: calc(var(--vw) * .41);
    object-fit: cover
}

.__mPS2id {
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.a2a_kit a {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: calc(var(--vw) * 4.16);
    height: calc(var(--vw) * 4.16);
    border-radius: 100%;
    border: 1px solid #e5e5e5 !important
}

.a2a_kit a img {
    opacity: .34 !important
}

.a2a_kit a:hover img {
    opacity: 1 !important
}

.a2a_kit {
    display: flex !important;
    gap: calc(var(--vw) * .48)
}

.main_footer {
    background: #111
}

.blog-section {
    padding: calc(var(--vw) * 5) 0 calc(var(--vw) * 11.11) 0
}

.blog-marker {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1d1d1b;
    border: 1px solid #1d1d1b;
    border-radius: calc(var(--vw) * 25.4);
    padding: calc(var(--vw) * .5) calc(var(--vw) * 1.1);
    padding-top: calc(var(--vw) * .54);
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * .4)
}

.blog-title-span {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-style: normal
}

.blog-card-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: calc(var(--vw) * .7);
    position: relative;
    height: max-content
}

.card-image-container {
    position: relative;
    overflow: hidden;
    border-radius: calc(var(--vw) * .7);
    width: calc(var(--vw) * 29.8);
    height: calc(var(--vw) * 20.8)
}

@media (max-width:1200px) {
    .blog-card-list {
        flex-direction: column;
        gap: calc(var(--vw) * 10);
        justify-content: center;
        align-items: center
    }

    .blog-card-item {
        width: calc(var(--vw) * 89);
        height: calc(var(--vw) * 96)
    }

    .card-image-container {
        width: 100%;
        height: calc(var(--vw) * 61) !important;
        border-radius: calc(var(--vw) * 2)
    }

    .blog-card-image {
        width: calc(var(--vw) * 89);
        height: calc(var(--vw) * 61)
    }

    .blog-card-read {
        font-size: calc(var(--vw) * 3.7)
    }

    .list_cart_wrap .blog-card-title {
        font-size: calc(var(--vw) * 6.4);
        width: 75vw
    }

    .blog-marker {
        font-size: calc(var(--vw) * 3.2) !important;
        padding: calc(var(--vw) * 1.6) calc(var(--vw) * 3.2) !important;
        height: calc(var(--vw) * 7.7) !important;
        margin-bottom: calc(var(--vw) * 6.4)
    }

    .blog-marker::before {
        width: calc(var(--vw) * .8) !important;
        height: calc(var(--vw) * .8) !important;
        margin-right: calc(var(--vw) * 1.8)
    }

    .blog-title {
        font-size: calc(var(--vw) * 15) !important;
        line-height: 100% !important;
        width: calc(var(--vw) * 60)
    }

    .visually-hidden {
        position: absolute;
        width: 0;
        height: 0;
        margin: -1px;
        border: 0;
        padding: 0;
        white-space: nowrap;
        clip-path: inset(100%);
        clip: rect(0 0 0 0);
        overflow: hidden
    }
}

.cases-section {
    padding: calc(var(--vw) * 5) 0
}

.cases-marker {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100% !important;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1d1d1b;
    border: 1px solid #1d1d1b;
    border-radius: calc(var(--vw) * 25.4);
    padding: calc(var(--vw) * .5) calc(var(--vw) * 1.1);
    padding-top: calc(var(--vw) * .55);
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * .4);
    margin: 0 auto;
    margin-bottom: calc(var(--vw) * 2.2)
}

.cases-marker::before {
    content: "";
    width: calc(var(--vw) * .3);
    height: calc(var(--vw) * .3);
    border-radius: 100%;
    background-color: #000
}

.cases-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 4.5);
    line-height: 100%;
    letter-spacing: -.02em;
    text-align: center;
    color: #1d1d1b;
    width: calc(var(--vw) * 60);
    margin: 0 auto;
    margin-bottom: calc(var(--vw) * 6)
}

.cases-title-span {
    font-family: "Libre Baskerville";
    font-style: italic;
    font-weight: 400
}

.studies-card-item {
    height: 100%;
    width: auto;
    border-radius: calc(var(--vw) * 1.4);
    position: relative;
    padding: calc(var(--vw) * 1.3) calc(var(--vw) * 2) 0 calc(var(--vw) * 2);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.studies-card-image {
    position: absolute;
    width: calc(var(--vw) * 30.2);
    z-index: -1;
    top: 0;
    left: 0;
    transition: .3s
}

.studies-card-upper-blocks {
    display: flex;
    gap: calc(var(--vw) * .4);
    margin-bottom: 0;
    flex-wrap: wrap
}

.upper-block {
    font-family: Manrope, sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * .9);
    line-height: 100%;
    line-height: 1;
    letter-spacing: -.02em;
    color: #1d1d1b;
    background: #fff;
    border-radius: calc(var(--vw) * 25.4);
    padding: calc(var(--vw) * .8) calc(var(--vw) * 1.1)
}

.item-date-text {
    font-family: Manrope, sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * .9);
    line-height: 100%;
    line-height: 1.4;
    text-transform: uppercase;
    color: #1d1d1b
}

.studies-card-rectangle {
    position: absolute;
    left: 0;
    top: calc(var(--vw) * 15);
    width: calc(var(--vw) * 30);
    height: calc(var(--vw) * 33);
    z-index: -1
}

.studies-card-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 2.6);
    line-height: 100%;
    letter-spacing: -.01em;
    color: #1d1d1b;
    margin-bottom: calc(var(--vw) * .8);
    margin-top: 0
}

.studies-card-text p {
    font-family: Manrope, sans-serif;
    font-weight: 500;
    font-size: calc(var(--vw) * 1.1);
    line-height: 120%;
    color: #a2a2a2;
    margin-bottom: calc(var(--vw) * 3. 19);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%
}

.studies-item-price-blocks:last-child {
    margin-bottom: 0 !important
}

.price-name {
    font-family: Manrope, sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 1.25);
    line-height: 100%;
    line-height: 1;
    color: #161616;
    opacity: .3;
    margin: 0
}

.price-value {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 1.8);
    line-height: 100%;
    line-height: 1;
    letter-spacing: -.03em;
    color: #1d1d1b;
    margin: 0
}

.studies-item-buttons {
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    margin-top: calc(var(--vw) * 2.4);
    gap: calc(var(--vw) * .55)
}

.studies-more-btn {
    font-family: Manrope, sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * .9);
    line-height: 100%;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: #1d1d1b;
    border-radius: calc(var(--vw) * 11.5);
    padding: calc(var(--vw) * 1.5) calc(var(--vw) * 1);
    border: none;
    transition: .3s;
    background: #f5f5f5;
    text-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: center
}

.studies-item-buttons-max-width {
    width: 100%
}

.cases-card-image {
    z-index: 0
}

.cases-card-block {
    position: relative;
    z-index: 2
}

.cases-card-info {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: calc(var(--vw) * 2.7)
}

.cases-rectangle {
    z-index: 0
}

.blog-marker {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1d1d1b;
    border: 1px solid #1d1d1b;
    border-radius: calc(var(--vw) * 25.4);
    padding: calc(var(--vw) * .5) calc(var(--vw) * 1.1);
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * .4)
}

.blog-marker::before {
    content: "";
    width: calc(var(--vw) * .3);
    height: calc(var(--vw) * .3);
    border-radius: 100%;
    background-color: #000
}

.blog-title {
    font-family: "Libre Baskerville";
    font-style: italic;
    font-weight: 400;
    font-size: calc(var(--vw) * 5.9);
    line-height: 100%;
    letter-spacing: -.02em;
    color: #1d1d1b;
    margin-bottom: calc(var(--vw) * 2.7)
}

.blog-title-span {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700
}

.blog-card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--vw) * 4.1);
    column-gap: calc(var(--vw) * 1.4)
}

.blog-section .blog-card-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: calc(var(--vw) * 4.1);
    column-gap: calc(var(--vw) * 1.4)
}

@media (min-width:1200px) {
    .main-blog .blog-card-list {
        display: grid;
        grid-template-columns: minmax(10px, 1fr) calc(var(--vw) * 40.8) minmax(10px, 1fr);
        flex-wrap: nowrap;
        gap: calc(var(--vw) * 4.1);
        column-gap: calc(var(--vw) * 1.4)
    }

    .main-blog .swiper-slide:nth-child(2) {
        width: calc(var(--vw) * 40.8) !important
    }
}

@media (max-width:1200px) {
    .reviews-container .marker-text {
        margin-bottom: 0 !important
    }

    .blog-section .swiper_posts_mob .blog-card-list {
        display: flex;
        justify-content: flex-start;
        align-items: normal;
        gap: 0;
        column-gap: 0;
        flex-direction: row;
        flex-wrap: nowrap
    }

    .swiper_posts_mob .blog-card-item {
        height: 100% !important;
        display: flex;
        justify-content: space-between
    }

    .swiper_posts_mob .swiper-slide {
        height: auto !important;
        display: flex
    }
}

.blog-card-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: calc(var(--vw) * 1.11);
    border: 1px solid #e2e2e2;
    padding: calc(var(--vw) * .55)
}

.blog-card-image {
    width: calc(var(--vw) * 29.8);
    height: calc(var(--vw) * 20.8);
    border-radius: calc(var(--vw) * .7);
    transition: .3s;
    object-fit: cover
}

.blog-card-read {
    font-family: Manrope, sans-serif;
    font-weight: 500;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    letter-spacing: -.03em;
    color: #1d1d1b;
    opacity: .6;
    margin-top: calc(var(--vw) * 1.1);
    margin-bottom: calc(var(--vw) * 1.1);
    transition: .3s
}

.blog-card-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 1.9);
    line-height: 100%;
    line-height: 1.1;
    color: #1d1d1b;
    margin-bottom: calc(var(--vw) * 2.7);
    transition: .3s
}

.card-image-container {
    position: relative;
    overflow: hidden;
    border-radius: calc(var(--vw) * .7);
    width: 100%;
    height: calc(var(--vw) * 20.8)
}

.hover-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: .3s
}

.blog-card-item:hover .hover-bg {
    opacity: 1
}

.blog-card-item:hover .blog-card-image {
    transform: scale(1.3)
}

.blog-card-item:hover .blog-card-title {
    background: linear-gradient(49deg, #15bcdf .01%, #0ddc7a 61.5%, #15bcdf 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.blog-card-item:hover .blog-card-read {
    opacity: 0
}

.blog-title-container-im-main {
    display: flex
}

.blog-marker-in-main {
    margin-right: calc(var(--vw) * 21);
    line-height: 120%
}

.blog-title-in-main {
    width: calc(var(--vw) * 40);
    margin-bottom: calc(var(--vw) * 4.5)
}

.blog-card-image1 {
    height: calc(var(--vw) * 18.4)
}

.blog-card-item {
    width: calc(var(--vw) * 22)
}

.main-blog .blog-card-item {
    width: auto
}

.main-blog {
    overflow: hidden;
    padding-bottom: 26vw !important
}

.blog-card-image {
    width: 100%
}

@media (min-width:1200px) {
    .blog-card-item:nth-child(2) .blog-card-image {
        width: 100%;
        height: calc(var(--vw) * 33.33)
    }

    .main-blog .swiper-slide:nth-child(2) .card-image-container1 {
        height: calc(var(--vw) * 33.33)
    }

    .main-blog .swiper-slide:nth-child(2) .blog-card-image {
        height: calc(var(--vw) * 33.33)
    }
}

.list_cart_wrap {
    position: relative
}

.card-image-container1 {
    width: 100%;
    height: calc(var(--vw) * 18.4)
}

@media (max-width:1200px) {
    .blog-section {
        padding-bottom: calc(var(--vw) * 26.52);
        padding-top: calc(var(--vw) * 16);
        position: relative
    }

    .in-main {
        width: -webkit-fill-available;
        height: calc(var(--vw) * 114);
        padding-left: calc(var(--vw) * 2.13);
        padding-right: calc(var(--vw) * 2.13);
        padding-top: calc(var(--vw) * 2.13);
        border-radius: calc(var(--vw) * 4);
        padding-bottom: calc(var(--vw) * 2.13)
    }

    .card-image-container1 {
        width: calc(var(--vw) * 85);
        height: calc(var(--vw) * 70.9) !important;
        border-radius: calc(var(--vw) * 4)
    }

    .blog-card-image1 {
        width: calc(var(--vw) * 85);
        height: calc(var(--vw) * 70.9);
        border-radius: calc(var(--vw) * 4)
    }

    .blog-card-read-in-main {
        font-family: Manrope, sans-serif;
        font-weight: 500;
        font-size: calc(var(--vw) * 3.7);
        line-height: 110%;
        letter-spacing: -.03em;
        text-align: center;
        color: #161616;
        padding: calc(var(--vw) * 1.06) calc(var(--vw) * 2.13) !important;
        opacity: .6
    }

    .blog-read-container {
        gap: calc(var(--vw) * 1.6) !important;
        margin-bottom: calc(var(--vw) * 3.2) !important
    }

    .blog-card-title {
        font-size: calc(var(--vw) * 6.4)
    }

    .name_author {
        font-size: calc(var(--vw) * 3.7)
    }

    .desc_author {
        font-size: calc(var(--vw) * 3.2)
    }

    .img_user {
        width: calc(var(--vw) * 9.6);
        height: calc(var(--vw) * 9.6)
    }

    .posted_by {
        align-items: center;
        padding-bottom: calc(var(--vw) * 3.2) !important
    }

    .blog-read-container {
        padding-bottom: 3.2vw !important
    }

    .main-blog .blog-card-item:nth-child(2) {
        width: -webkit-fill-available !important;
        height: auto
    }

    .blog-card-title,
    .blog-read-container,
    .posted_by {
        margin: 0 calc(var(--vw) * 3.2) !important
    }

    .newpost {
        display: none
    }

    .blog-marker-in-main {
        font-size: calc(var(--vw) * 3.2);
        padding: calc(var(--vw) * 2) calc(var(--vw) * 3)
    }

    .blog-marker-in-main::before {
        width: calc(var(--vw) * .8);
        height: calc(var(--vw) * .8)
    }

    .blog-title-container-im-main {
        flex-direction: column;
        gap: calc(var(--vw) * 6.4);
        margin-bottom: calc(var(--vw) * 10)
    }

    .blog-title-in-main {
        font-size: calc(var(--vw) * 15);
        line-height: 110%;
        width: 70vw
    }

    .blog-card-item:nth-child(2) .blog-card-image {
        width: 100%;
        height: calc(var(--vw) * 70.33)
    }
}

.write-icon1 {
    width: calc(var(--vw) * 1.6);
    height: calc(var(--vw) * 1.6)
}

.blog-circle-link {
    position: absolute;
    bottom: calc(var(--vw) * -17.7);
    right: calc(var(--vw) * 2.8);
    border-radius: 100%;
    width: calc(var(--vw) * 22);
    height: calc(var(--vw) * 22);
    background: rgba(0, 0, 0, 0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(var(--vw) * 1.6)
}

.blog-circle-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    width: calc(var(--vw) * 22);
    height: calc(var(--vw) * 22);
    background: linear-gradient(49deg, #15bcdf .01%, #0ddc7a 61.5%, #15bcdf 100%);
    display: flex;
    z-index: 0;
    transition-duration: .3s
}

.blog-circle-link:hover {
    background: #000
}

.blog-circle-link:hover::before {
    opacity: 0
}

.blog-circle-link:hover .write-icon1 path {
    stroke: black
}

.blog-circle-link .write-icon1 path {
    transition: stroke .3s ease, fill .3s ease
}

.blog-circle-icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--vw) * 4.5);
    height: calc(var(--vw) * 4.5);
    background-color: #fff;
    border-radius: 100%;
    position: relative;
    z-index: 1
}

.blog-circle-text {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 1.6);
    line-height: 100%;
    letter-spacing: -.03em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    width: calc(var(--vw) * 10);
    position: relative;
    z-index: 1
}

.blog-card-read-in-main {
    border: 1px solid #e2e2e2;
    border-radius: calc(var(--vw) * 25.4);
    padding: calc(var(--vw) * .2) calc(var(--vw) * .5);
    width: fit-content
}

.blog-read-container {
    display: flex;
    gap: calc(var(--vw) * .5)
}

.cases-card-info .addtoany_share_save_container {
    display: none
}

.wework_swiper .swiper-pagination {
    position: relative;
    top: 0;
    left: 0;
    bottom: auto;
    display: flex;
    gap: calc(var(--vw) * .2);
    width: 100%
}

.wework_swiper .swiper-pagination-bullet {
    margin: 0 !important;
    border-radius: 10px !important;
    height: calc(var(--vw) * .2);
    opacity: .2;
    background: #111;
    overflow: hidden;
    position: relative
}

@media (max-width:1200px) {
    .wework_swiper .swiper-pagination {
        position: relative;
        top: 0;
        left: 0;
        bottom: auto;
        display: flex;
        gap: calc(var(--vw) * 1.06);
        width: 100%;
        margin-top: calc(var(--vw) * 10.66)
    }

    .wework_swiper .swiper-pagination-bullet {
        margin: 0 !important;
        border-radius: 10px !important;
        height: calc(var(--vw) * 1.33);
        opacity: .2;
        background: #111;
        overflow: hidden;
        position: relative
    }
}

.wework_swiper .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #111 !important
}

.swiper_review_main .swiper-pagination {
    position: relative;
    top: 0;
    left: 0;
    bottom: auto;
    display: none;
    gap: calc(var(--vw) * .2);
    width: 100%
}

.swiper_review_main .swiper-pagination-bullet {
    margin: 0 !important;
    border-radius: 10px !important;
    height: calc(var(--vw) * .2);
    opacity: .2;
    background: #fff;
    overflow: hidden;
    position: relative
}

@media (max-width:1200px) {
    .swiper_review_main .swiper-pagination {
        position: relative;
        top: 0;
        left: 0;
        bottom: auto;
        display: flex;
        gap: calc(var(--vw) * 1.06);
        width: 100%;
        margin-top: calc(var(--vw) * 10.66)
    }

    .swiper_review_main .swiper-pagination-bullet {
        margin: 0 !important;
        border-radius: 10px !important;
        height: calc(var(--vw) * 1.33);
        opacity: .2;
        background: #fff;
        overflow: hidden;
        position: relative
    }
}

.swiper_review_main .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #fff !important
}

.nav_info_mobile {
    display: none
}

.approach_swiper .arrows_cases {
    display: none
}

.wpcf7-form-control-wrap textarea {
    max-height: 6em;
    margin-top: 1em
}

.wpcf7-form-control-wrap input {
    margin-top: 1em
}

.wpcf7-form-control-wrap input[type=checkbox] {
    margin-top: 0 !important
}

.form_content_strategy .wpcf7-form-control-wrap textarea {
    max-height: 2.5em
}

@media (max-width:1200px) {
    .form_content_strategy .wpcf7-form-control-wrap textarea {
        max-height: 4em
    }

    .discus_layout {
        background-image: url('/wp-content/themes/platinum8/assets/images/discuss-mob-bg.svg');
        display: flex;
        justify-content: center;
        height: calc(var(--vw) * 181.38);
        align-items: flex-start;
        padding: calc(var(--vw) * 8);
        gap: 0
    }

    .content_discus .discus_layout {
        background-image: url('/wp-content/themes/platinum8/assets/images/bg_popup_discus_mobile.svg');
        height: calc(var(--vw) * 187.38)
    }

    .wework_swiper .swiper-pagination {
        display: flex;
        align-items: center;
        gap: calc(var(--vw) * 1.33);
        position: relative;
        top: 0;
        left: 0
    }

    .review_form {
        display: none
    }

    .heading_form {
        font-size: calc(var(--vw) * 8.1);
        margin-bottom: calc(var(--vw) * 6.4) !important;
        width: 100%
    }

    .wpcf7-form-control::placeholder {
        font-size: calc(var(--vw) * 3.7)
    }

    .form_discus {
        width: 100%
    }

    .wpcf7-form-control-wrap input,
    .wpcf7-form-control-wrap textarea {
        height: max-content;
        padding-bottom: calc(var(--vw) * 5.6) !important;
        padding-left: 0 !important;
        font-size: calc(var(--vw) * 3.73)
    }

    .two_col_form {
        display: flex;
        flex-direction: column;
        gap: calc(var(--vw) * 5.4)
    }

    .two_col_form p {
        width: 100%
    }

    .wpcf7-form {
        gap: calc(var(--vw) * 5.4)
    }

    .desc_form {
        font-size: calc(var(--vw) * 3.4)
    }

    .solution_layout {
        display: flex;
        flex-direction: column-reverse
    }

    .tab_heading {
        font-size: calc(var(--vw) * 3.2);
        padding: calc(var(--vw) * 1.55) calc(var(--vw) * 2.11);
        margin-bottom: calc(var(--vw) * 3);
        padding-top: calc(var(--vw) * 1.7)
    }

    .point_tab {
        width: calc(var(--vw) * 1.3);
        height: calc(var(--vw) * 1.3);
        margin-right: calc(var(--vw) * 2)
    }

    .heading_solution {
        font-size: calc(var(--vw) * 9.6);
        width: calc(var(--vw) * 85);
        margin-bottom: calc(var(--vw) * 11.2)
    }

    .circle_button {
        background: #fff;
        width: 70%;
        height: calc(var(--vw) * 16.58);
        border-radius: calc(var(--vw) * 8);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: calc(var(--vw) * 1.11);
        transition-duration: .5s;
        transition: all .5s ease-in-out;
        overflow: hidden;
        position: relative;
        margin-top: calc(var(--vw) * 6.66);
        flex-direction: row-reverse;
        margin-bottom: calc(var(--vw) * 13.33)
    }

    .nav_info_mobile {
        display: flex;
        align-items: center;
        gap: calc(var(--vw) * 1.33)
    }

    .nav_info_mobile img {
        width: calc(var(--vw) * 8.53)
    }

    .nav_info_mobile span {
        color: var(--main-black-40, #a2a2a2);
        font-size: calc(var(--vw) * 3.7);
        font-style: normal;
        font-weight: 500;
        line-height: 150%
    }

    .circle_button span {
        font-size: calc(var(--vw) * 3.7);
        width: calc(var(--vw) * 46)
    }

    .circle_button svg {
        width: calc(var(--vw) * 11.2);
        height: calc(var(--vw) * 11.2)
    }

    .carts_solution {
        align-items: center;
        gap: calc(var(--vw) * 3.2)
    }

    .cart_solution_item {
        width: 100%;
        height: calc(var(--vw) * 107.33)
    }

    .cart_solution_item img {
        width: calc(var(--vw) * 44);
        height: calc(var(--vw) * 44)
    }

    .heading_sol_cart {
        width: 40%;
        font-size: calc(var(--vw) * 9.6)
    }

    .arrow_sol_cart svg {
        width: calc(var(--vw) * 12.2)
    }

    .heading_work {
        font-size: calc(var(--vw) * 16.5)
    }

    .img_founder {
        width: calc(var(--vw) * 20.2);
        height: calc(var(--vw) * 20.2)
    }

    .play_video_found_button svg {
        width: calc(var(--vw) * 13.3);
        height: calc(var(--vw) * 13.3)
    }

    .play_video_found_button {
        top: calc(var(--vw) * 3);
        right: calc(var(--vw) * -8.19)
    }

    .bottom_heading {
        flex-direction: column-reverse;
        width: calc(var(--vw) * 113);
        align-items: flex-start;
        margin-left: calc(var(--vw) * 24);
        margin-bottom: calc(var(--vw) * 12.26)
    }

    .desc_heading_work {
        font-size: calc(var(--vw) * 3.4);
        width: calc(var(--vw) * 75.5)
    }

    .number_time {
        font-size: calc(var(--vw) * 3.2);
        margin-right: calc(var(--vw) * 1.6)
    }

    .week {
        font-size: calc(var(--vw) * 3.2);
        margin-right: calc(var(--vw) * 1.6)
    }

    .time_wework svg {
        width: calc(var(--vw) * 3.2);
        height: calc(var(--vw) * 3.2)
    }

    .time_wework {
        margin-bottom: calc(var(--vw) * 8.5);
        margin-left: calc(var(--vw) * 5)
    }

    .heding_step {
        font-size: calc(var(--vw) * 9.6);
        margin-bottom: calc(var(--vw) * 6.4);
        margin-left: calc(var(--vw) * 5)
    }

    .wework_carts {
        display: flex;
        gap: 0;
        flex-direction: row
    }

    .wework_cart {
        background-image: url('/wp-content/themes/platinum8/assets/images/bg_wework_mobile.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height: calc(var(--vw) * 163);
        width: calc(var(--vw) * 93);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-left: calc(var(--vw) * -.069);
        position: relative;
        transition-duration: .5s;
        overflow: hidden;
        flex-shrink: 0;
        padding-top: calc(var(--vw) * 5.33);
        padding-bottom: calc(var(--vw) * 8)
    }

    .elipse_step {
        display: none
    }

    .elipse_step_hover {
        top: calc(var(--vw) * -4)
    }

    .elipse_step_hover {
        opacity: 1
    }

    .layout_step_icon {
        width: calc(var(--vw) * 19.2);
        height: calc(var(--vw) * 19.2);
        background: linear-gradient(58deg, #5cd6b3 0, #04b8c4 .01%, #4bfa8a 100%)
    }

    .icon_step,
    .lottie-icon {
        width: calc(var(--vw) * 7.2);
        height: calc(var(--vw) * 7.2)
    }

    .heading_task {
        font-size: calc(var(--vw) * 4.2)
    }

    .number_task {
        width: calc(var(--vw) * 10.6);
        height: calc(var(--vw) * 10.6);
        font-size: calc(var(--vw) * 5)
    }

    .task_step {
        padding: calc(var(--vw) * 2.41);
        background: #f4f4f4;
        width: auto
    }

    .tasks_stes {
        gap: calc(var(--vw) * 2.4)
    }
}

.studies-card-item {
    height: 100%;
    width: auto;
    border-radius: calc(var(--vw) * 1.4);
    overflow: hidden;
    position: relative;
    padding: calc(var(--vw) * 1.3) calc(var(--vw) * 2) 0 calc(var(--vw) * 2)
}

.studies-card-image {
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    transition: .3s
}

.studies-card-upper-blocks {
    display: flex;
    gap: calc(var(--vw) * .4);
    margin-bottom: calc(var(--vw) * 12.8)
}

.upper-block {
    font-family: Manrope, sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * .9);
    line-height: 100%;
    letter-spacing: -.02em;
    color: #1d1d1b;
    background: #fff;
    border-radius: calc(var(--vw) * 25.4);
    padding: calc(var(--vw) * .8) calc(var(--vw) * 1.1)
}

.item-date-container {
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * .8);
    margin-bottom: calc(var(--vw) * 1.6)
}

.studies-item-calendar-container {
    width: calc(var(--vw) * 2.5);
    height: calc(var(--vw) * 2.5);
    border-radius: 100%;
    background: linear-gradient(58deg, #0034ed 0, #04b8c4 49%, #4bfa8a 100%);
    display: flex;
    align-items: center;
    justify-content: center
}

.item-date-text {
    font-family: Manrope, sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * .9);
    line-height: 100%;
    text-transform: uppercase;
    color: #1d1d1b
}

.studies-card-rectangle {
    position: absolute;
    left: 0;
    top: calc(var(--vw) * 15);
    width: 100%;
    height: calc(var(--vw) * 33.9);
    z-index: -1
}

.studies-card-title {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * 2.6);
    line-height: 100%;
    letter-spacing: -.01em;
    color: #1d1d1b;
    margin-bottom: calc(var(--vw) * .8)
}

.studies-card-text {
    font-family: Manrope, sans-serif;
    font-weight: 500;
    font-size: calc(var(--vw) * 1.1);
    line-height: 100%;
    color: #a2a2a2;
    margin-bottom: calc(var(--vw) * 3.1)
}

.studies-item-price-blocks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: calc(var(--vw) * 1.6)
}

.price-name {
    font-family: Manrope, sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 1.25);
    line-height: 100%;
    color: #161616;
    opacity: .3
}

.price-value {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 600;
    font-size: calc(var(--vw) * 1.8);
    line-height: 100%;
    letter-spacing: -.03em;
    color: #1d1d1b
}

.studies-item-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: calc(var(--vw) * 2.4)
}

.studies-more-btn {
    font-family: Manrope, sans-serif;
    font-weight: 700;
    font-size: calc(var(--vw) * .9);
    line-height: 100%;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: #1d1d1b;
    border-radius: calc(var(--vw) * 11.5);
    padding: calc(var(--vw) * 1.5) calc(var(--vw) * 1);
    border: none;
    transition: .3s;
    background: #f5f5f5
}

button {
    cursor: pointer
}

.studies-more-btn:hover {
    background: linear-gradient(315deg, #111215 0, #272b2e 100%);
    color: #fff
}

.studies-card-item:hover .studies-card-image {
    transform: scale(1.2)
}

.bottom_cases {
    margin-top: auto
}

@media (max-width:1200px) {
    .swiper {
        overflow: visible;
        width: 100%;
        height: max-content
    }

    .studies-card-item {
        width: auto;
        height: 159vw;
        padding: 4.3vw 6vw 0;
        border-radius: 5.33vw
    }

    .studies-card-image {
        width: 100%;
        z-index: 5
    }

    .studies-card-rectangle {
        min-width: 89.3vw;
        height: 96.9vw;
        top: auto;
        bottom: 0;
        z-index: 5;
        opacity: 0
    }

    .studies-card-item:before {
        content: '';
        position: absolute;
        min-width: 88.5vw;
        height: 113.9vw;
        top: auto;
        bottom: 0;
        z-index: 7;
        opacity: 1;
        left: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('/wp-content/themes/platinum8/assets/images/bg_card_studies_mob.svg')
    }

    .studies-card-upper-blocks {
        gap: 1.6vw;
        margin-bottom: 0;
        z-index: 6
    }

    .upper-block {
        font-size: 2.6vw;
        padding: 2.6vw 3.7vw;
        display: flex;
        align-items: center;
        gap: 3px
    }

    .item-date-container {
        gap: 3.2vw;
        margin-bottom: 4.2vw
    }

    .studies-item-calendar-container {
        width: 8.5vw;
        height: 8.5vw
    }

    .item-date-text {
        font-size: 3.4vw;
        width: 38vw
    }

    .studies-card-title {
        font-size: 8.5vw;
        margin-bottom: 3.2vw;
        line-height: 100%
    }

    .studies-card-text {
        font-size: 3.7vw;
        margin-bottom: 5vw
    }

    .studies-item-price-blocks {
        margin-bottom: 3vw
    }

    .price-name {
        font-size: 3.7vw
    }

    .price-value {
        font-size: 5.8vw
    }

    .studies-item-buttons {
        flex-direction: column-reverse;
        gap: 2.1vw;
        margin-top: 5vw
    }

    .studies-item-buttons .reviews-btn {
        width: auto;
        height: max-content;
        border-radius: 1000px;
        padding: 2.66vw !important;
        transition-duration: .3s;
        transition-property: background-color;
        display: flex;
        justify-content: flex-end
    }

    .studies-item-buttons .reviews-btn:hover {
        background: #111 !important
    }

    .studies-item-buttons .reviews-btn .reviews-icon-container {
        width: 8.5vw !important;
        min-width: 8.5vw !important;
        height: 8.5vw !important;
        background: #fff !important
    }

    .studies-item-buttons .reviews-btn .reviews-btn-text {
        width: 100%;
        color: #fff !important
    }

    .studies-more-btn {
        font-size: 3.7vw;
        height: 13.8vw;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .cases-card-info {
        z-index: 9;
        margin-bottom: 5.33vw;
        height: 103.44vw;
        display: flex;
        flex-direction: column
    }

    .block_row input[name=share] {
        height: 12vw
    }

    .cases-title {
        font-family: "Proxima Nova", sans-serif;
        font-weight: 700;
        font-size: 9.6vw;
        line-height: 9.5vw;
        letter-spacing: -.02em;
        text-align: center;
        color: #1d1d1b;
        width: 91vw;
        margin: 0 auto;
        margin-bottom: 12.2vw
    }

    .cases-marker {
        font-size: 3.2vw;
        padding: 1.5vw 2.1vw;
        margin-bottom: 6.4vw
    }

    .cases-marker::before {
        width: .8vw;
        height: .8vw;
        margin-right: 1.6vw
    }

    .cases-section {
        padding-top: 25vw;
        overflow: hidden
    }

    .studies-card-text p {
        font-size: 3.7vw
    }

    .desc_mission {
        font-size: 6.1vw
    }

    .mission_layout {
        display: flex;
        gap: 17.06vw;
        flex-direction: column;
        position: relative
    }

    .img_founder {
        width: 33vw;
        height: 33vw
    }

    .play_video_found_button svg {
        width: 20.2vw;
        height: 20.2vw
    }

    .play_video_found_button {
        top: 6vw;
        right: -11.19vw;
        margin-bottom: 6.4vw
    }

    .name_founder {
        font-size: 5.6vw;
        margin-bottom: 3.2vw
    }

    .desc_founder {
        font-size: 4.2vw
    }

    .awards_item {
        width: 65.6vw;
        min-width: 65.6vw;
        height: 65.6vw
    }

    .awards_icon {
        width: 25.6vw;
        height: 25.6vw
    }

    .desc_awards_item {
        font-size: 4.2vw
    }

    .mission_wrapper {
        overflow: hidden;
        margin-top: 25.6vw
    }

    .blog-circle-link {
        position: relative;
        width: 64.5vw;
        height: 16.5vw;
        flex-direction: row-reverse;
        border-radius: 44.2vw;
        overflow: hidden;
        bottom: 0;
        left: 0;
        margin: 0 auto;
        margin-top: 15vw
    }

    .blog-circle-link::before {
        content: '';
        position: absolute;
        border-radius: 0;
        width: 120%;
        height: 120%
    }

    .blog-circle-text {
        font-size: 3.7vw;
        width: 45vw
    }

    .blog-circle-icon-container {
        width: 12.2vw;
        height: 12.2vw
    }

    .write-icon1 {
        width: 5.5vw;
        height: 5.5vw
    }

    .footer-circle p {
        font-size: 4.4vw
    }

    .heading_work {
        font-size: 16.5vw
    }

    .desc_heading_work {
        width: 67.5vw
    }

    .bottom_heading {
        width: 81vw
    }

    .posted_by {
        gap: 3vw;
        margin-bottom: 0
    }

    .img_user {
        border-radius: 2.4vw
    }

    .a2a_kit a {
        width: 16vw;
        height: 16vw
    }

    .a2a_kit {
        gap: 1.8vw
    }

    .blog-card-read {
        font-size: 3.7vw;
        margin-bottom: 3.2vw;
        line-height: 120%;
        margin-top: 0;
        margin-left: 3.2vw
    }

    .blog-read-container .blog-card-read {
        font-size: 3.7vw;
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 0
    }

    .card-image-container {
        height: 61.8vw;
        border-radius: 3.7vw;
        margin-bottom: 3.7vw
    }

    .blog-card-image {
        height: 100%
    }

    .blog-card-item {
        height: auto
    }

    .blog-card-title {
        margin-bottom: 5vw !important
    }

    .name_author {
        margin-bottom: .7vw
    }

    .cart_solution_item {
        padding-bottom: 8.5vw;
        padding-left: 6.4vw;
        background-image: url('/wp-content/themes/platinum8/assets/images/bg_solution_cart_mob.svg')
    }

    .active_hover_solution {
        width: 100%;
        height: 107.33vw;
        padding: 6.4vw;
        background-image: url('/wp-content/themes/platinum8/assets/images/bg_solution_cart_active_mob.svg')
    }

    .heading_sol_active {
        font-size: 7.4vw;
        margin-bottom: 4.2vw
    }

    .desc_sol_active {
        font-size: 3.46vw
    }

    .arrow_button svg {
        width: 2.4vw;
        height: 2.4vw
    }

    .arrow_button {
        width: 12.2vw;
        height: 12.2vw
    }

    .test_button_sol {
        font-size: 3.7vw;
        padding: 4.2vw 8.5vw;
        height: 12.2vw
    }

    .img_founder {
        width: 20vw;
        height: 20vw
    }

    .play_video_found_button svg {
        width: 13.3vw;
        height: 13.3vw
    }

    .play_video_found_button {
        top: 4vw;
        right: -7.19vw
    }

    .task_step {
        gap: 3.2vw
    }

    .two_col_form {
        gap: 5.4vw
    }

    .principales-border {
        margin-bottom: 5vw
    }
}

.split-lines .word {
    display: inline-block;
    opacity: .1;
    transition-duration: .3s
}

.split-words {
    display: inline-block;
    white-space: nowrap
}

@media (max-width:1200px) {
    .site-branding svg {
        width: 16.8vw
    }

    .site-branding {
        display: flex;
        height: max-content
    }

    .lets_talk svg {
        width: 12.26vw !important;
        height: 12.26vw !important
    }

    .lets_talk .circle_icon {
        width: 100% !important;
        height: 100% !important
    }

    .lets_talk {
        padding: 0 !important;
        border: 0 solid #fff !important
    }

    .lets_talk span {
        display: none
    }

    .site-header .main-navigation {
        display: none
    }

    .main_header {
        margin-top: 4.26vw;
        flex-wrap: wrap;
        padding: 3.2vw;
        border-radius: 4.26vw;
        background: rgba(22, 24, 26, 0);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        position: absolute;
        top: 0;
        left: 2.66vw;
        width: calc(100vw - 5.32vw);
        z-index: 999
    }

    .site-header.active {
        background: rgba(22, 24, 26, .7)
    }

    .burger_content {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0;
        max-height: 0;
        overflow: hidden;
        transition-duration: .5s
    }

    .bg_burger_menu {
        height: 120vh;
        width: 100vw;
        position: fixed;
        top: -10vh;
        left: 0;
        opacity: 0;
        background: #111;
        pointer-events: none;
        cursor: pointer;
        z-index: 99;
        transition-duration: .3s
    }

    .bg_burger_menu.active {
        opacity: .8;
        pointer-events: all;
        cursor: pointer
    }

    .site-header.active .burger_content {
        padding-top: 6.4vw;
        padding-bottom: 2.13vw;
        transition-duration: .5s;
        max-height: 1000px;
        overflow: hidden
    }

    .dont_active_menu {
        transition-duration: .3s
    }

    .site-header.active .dont_active_menu {
        opacity: 0
    }

    .active_menu {
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition-duration: .2s;
        transition-delay: .1s
    }

    .site-header.active .active_menu {
        opacity: 1
    }

    .burger_content .main-navigation {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 !important
    }

    .main-navigation ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
        width: 100%
    }

    .main-navigation ul li a {
        color: #fff;
        font-family: "Proxima Nova";
        font-size: 9.6vw !important;
        text-transform: none !important;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 100%;
        letter-spacing: -.72px
    }

    .main-navigation ul.sub-menu li a {
        font-size: 7.46vw !important
    }

    .main-navigation ul.sub-menu {
        margin-left: 0 !important;
        margin-right: auto !important;
        left: 0;
        transform: translateX(0)
    }

    .menu-item {
        display: flex;
        flex-direction: column;
        justify-content: flex-start
    }

    .main_header.active a {
        color: #fff !important
    }

    .menu-main-menu-container {
        width: 100%
    }

    .button_burger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 12.26vw;
        height: 12.26vw;
        border-radius: 366px;
        border: 1px solid rgba(255, 255, 255, .3);
        position: relative
    }

    .button_burger svg {
        width: 5.33vw
    }

    .buttons_header {
        display: flex;
        gap: 2.13vw
    }

    .menu_title {
        color: var(--main-black-40, #a2a2a2);
        font-size: 3.73vw;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 3.2vw
    }
}

:root {
    --strokeTime: 1s;
    --fillTime: 0.3s
}

.word_review svg {
    flex-shrink: 0;
    fill: transparent;
    stroke: white;
    stroke-width: 2px;
    height: calc(var(--vw) * 5)
}

@media (max-width:1200px) {
    .word_review svg {
        flex-shrink: 0;
        fill: transparent;
        stroke: white;
        stroke-width: 2px;
        height: calc(var(--vw) * 8.1)
    }
}

.word_review {
    opacity: 1;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: transform 1s ease, opacity 1s ease
}

.word_review.hidden {
    transform: translateY(100%);
    opacity: 0
}

.demo__path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    stroke: white;
    stroke-width: 2px
}

@keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes fill {
    to {
        fill: url(index.html#grad1)
    }
}

.animatable {
    animation: draw var(--strokeTime) linear forwards, fill var(--fillTime) linear forwards var(--strokeTime)
}

.hidden {
    opacity: 0
}

.popup {
    display: none;
    position: fixed;
    z-index: 99000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .5)
}

.popup-content {
    position: relative;
    border-radius: 1em;
    overflow: hidden;
    margin: 10% auto;
    width: 80%;
    max-width: 900px;
    text-align: center;
    height: 30vw
}

.popup-content iframe {
    width: 100%;
    height: 30vw
}

@media (max-width:1200px) {
    .popup {
        display: none;
        position: fixed;
        z-index: 99000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, .5)
    }

    .popup-content {
        position: relative;
        border-radius: 1em;
        overflow: hidden;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%);
        width: 90%;
        max-width: 900px;
        text-align: center;
        height: 50.5vw
    }

    .popup-content iframe {
        width: 100%;
        height: 50.5vw
    }
}

.close {
    position: absolute;
    right: 32px;
    top: 32px;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer
}

input.error,
textarea.error {
    border-color: #ff4236 !important
}

.form_content {
    position: relative;
    transition-duration: .3s
}

.form_content.send-success {
    opacity: 0
}

.wrap_form {
    position: relative
}

#lottie-animation-thank {
    width: calc(var(--vw) * 20.625);
    margin-bottom: 1em
}

.heading_thank {
    color: #161616;
    text-align: center;
    font-family: 'Proxima Nova';
    font-size: calc(var(--vw) * 3.43);
    font-style: normal;
    font-weight: 800;
    line-height: 110% !important;
    letter-spacing: -1.32px;
    margin-bottom: 16px
}

.desc_thank {
    color: #161616;
    text-align: center;
    font-family: Manrope;
    font-size: calc(var(--vw) * 1.09);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -.42px
}

.desc_thank span {
    font-weight: 700
}

.thank_massage {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition-duration: .3s;
    transition-delay: 0.2s
}

.thank_massage.send-success {
    opacity: 1
}

.wpcf7-response-output {
    display: none !important
}

.swiper_review_discus .arrow-container_next,
.swiper_review_discus .arrow-container_prev {
    width: calc(var(--vw)* 3.8);
    height: calc(var(--vw)* 3.8)
}

.swiper_review_discus .left-side-arrows {
    margin-top: 4em
}

.swiper_review_discus .arrow-icon {
    transform: scale(.8)
}

.main-blog .blog-card-title,
.main-blog .blog-read-container,
.main-blog .posted_by {
    padding-left: calc(var(--vw)* .55);
    padding-right: calc(var(--vw)* .55)
}

.main-blog .posted_by {
    padding-bottom: calc(var(--vw)* .55)
}

.cookie-popup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(22, 24, 26, .7);
    backdrop-filter: blur(32px);
    color: #fff;
    padding: 12px;
    padding-left: 24px;
    border-radius: 3000px;
    width: 28%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1000;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .3s ease, transform .3s ease;
    gap: 1em
}

.cookie-popup.show {
    opacity: 1;
    transform: translateY(0)
}

.cookie-popup p {
    margin: 0;
    font-size: 14px;
    color: #fff
}

@media (max-width:1200px) {
    #lottie-animation-thank {
        width: calc(var(--vw) * 60.625);
        margin-bottom: 1em
    }

    .heading_thank {
        font-size: calc(var(--vw) * 12);
        letter-spacing: 0
    }

    .desc_thank {
        font-size: calc(var(--vw) * 3.6);
        letter-spacing: 0
    }

    .cookie-popup {
        bottom: 40px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 12px;
        padding-left: 18px
    }

    .cookie-popup p {
        margin: 0;
        font-size: 13px;
        color: #fff
    }
}

.cookie-popup a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    transition-duration: .3s
}

.cookie-popup a:hover {
    color: #fff;
    border-bottom: 1px solid #fff
}

.cookie-popup button {
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    border: none;
    padding: 16px 20px;
    border-radius: 3000px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    width: max-content;
    min-width: max-content;
    transition-duration: .3s
}

@media (max-width:1200px) {
    .cookie-popup button {
        padding: 12px 16px;
        font-size: 13px
    }
}

.cookie-popup button:hover {
    color: #111;
    background-color: #fff
}

.split-words {
    clip-path: inset(-20px -20px -20px -20px)
}

.strategy_layout .buttons_wrap_disc p {
    width: 100%
}

.block_row br,
.flex_row br {
    display: none !important
}

.wpcf7-spinner {
    display: none !important
}

.addtoany_content {
    clear: both;
    margin: 16px auto
}

.addtoany_list {
    display: inline;
    line-height: 16px
}

.a2a_kit a:empty,
.a2a_kit a[class^=a2a_button_]:has(.a2a_s_undefined) {
    display: none
}

.addtoany_list a {
    border: 0;
    box-shadow: none;
    display: inline-block;
    font-size: 16px;
    padding: 0 4px;
    vertical-align: middle
}

.addtoany_list a img {
    border: 0;
    display: inline-block;
    opacity: 1;
    overflow: hidden;
    vertical-align: baseline
}

.addtoany_list a span {
    display: inline-block;
    float: none
}

.addtoany_list a:not(.addtoany_special_service)>span {
    border-radius: 4px;
    display: inline-block;
    opacity: 1
}

.addtoany_list a:hover,
.site .a2a_kit.addtoany_list a:focus {
    background: 0 0;
    border: 0;
    box-shadow: none
}

.addtoany_list a:hover img,
.addtoany_list a:hover span {
    opacity: .7
}

.wpcf7-form label.error {
    color: #900;
    font-size: 11px;
    float: none;
    padding-left: 5px
}

.noErrorMsg.wpcf7-form label.error {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important
}

strong.invalid {
    color: red
}

strong.valid {
    color: green
}

:root {
    --wpforms-field-border-radius: 3px;
    --wpforms-field-border-style: solid;
    --wpforms-field-border-size: 1px;
    --wpforms-field-background-color: #ffffff;
    --wpforms-field-border-color: rgba(0, 0, 0, .25);
    --wpforms-field-border-color-spare: rgba(0, 0, 0, .25);
    --wpforms-field-text-color: rgba(0, 0, 0, .7);
    --wpforms-field-menu-color: #ffffff;
    --wpforms-label-color: rgba(0, 0, 0, .85);
    --wpforms-label-sublabel-color: rgba(0, 0, 0, .55);
    --wpforms-label-error-color: #d63637;
    --wpforms-button-border-radius: 3px;
    --wpforms-button-border-style: none;
    --wpforms-button-border-size: 1px;
    --wpforms-button-background-color: #066aab;
    --wpforms-button-border-color: #066aab;
    --wpforms-button-text-color: #ffffff;
    --wpforms-page-break-color: #066aab;
    --wpforms-background-image: none;
    --wpforms-background-position: center center;
    --wpforms-background-repeat: no-repeat;
    --wpforms-background-size: cover;
    --wpforms-background-width: 100px;
    --wpforms-background-height: 100px;
    --wpforms-background-color: rgba(0, 0, 0, 0);
    --wpforms-background-url: none;
    --wpforms-container-padding: 0px;
    --wpforms-container-border-style: none;
    --wpforms-container-border-width: 1px;
    --wpforms-container-border-color: #000000;
    --wpforms-container-border-radius: 3px;
    --wpforms-field-size-input-height: 43px;
    --wpforms-field-size-input-spacing: 15px;
    --wpforms-field-size-font-size: 16px;
    --wpforms-field-size-line-height: 19px;
    --wpforms-field-size-padding-h: 14px;
    --wpforms-field-size-checkbox-size: 16px;
    --wpforms-field-size-sublabel-spacing: 5px;
    --wpforms-field-size-icon-size: 1;
    --wpforms-label-size-font-size: 16px;
    --wpforms-label-size-line-height: 19px;
    --wpforms-label-size-sublabel-font-size: 14px;
    --wpforms-label-size-sublabel-line-height: 17px;
    --wpforms-button-size-font-size: 17px;
    --wpforms-button-size-height: 41px;
    --wpforms-button-size-padding-h: 15px;
    --wpforms-button-size-margin-top: 10px;
    --wpforms-container-shadow-size-box-shadow: none
}

body {
    background: #111
}

.main-navigation ul li a {
    color: #fff
}

.site-branding path {
    fill: #fff
}

.lets_talk {
    border: 1px solid rgba(255, 255, 255, .3);
    text-transform: uppercase;
    gap: calc(var(--vw) * 1.6);
    font-family: "Proxima Nova";
    font-weight: 700;
    font-size: calc(var(--vw) * 1.11);
    transition-duration: .5s;
    width: max-content;
    color: #fff !important
}

.lets_talk:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #111 !important
}

.lets_talk svg {
    width: calc(var(--vw) * 2.22);
    height: calc(var(--vw) * 2.22)
}

.lets_talk:hover svg .circle_icon {
    fill: #111;
    transition-duration: .5s
}

.lets_talk:hover svg .icon_button {
    fill: #fff;
    transition-duration: .5s
}

.newpost {
    color: var(--main-white-100, var(--Main, #fff));
    font-family: "Proxima Nova";
    font-size: calc(var(--vw) * 1.11);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    padding: calc(var(--vw) * .83) calc(var(--vw) * 1.11);
    border-radius: 366px;
    background: var(--Back-Grey, linear-gradient(303deg, #111215 0, #272b2e 102.47%));
    position: absolute;
    top: calc(var(--vw) * 1.66);
    left: calc(var(--vw) * 1.38);
    z-index: 99
}

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid #00a0d2
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
    display: none
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450
}

.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    border-color: #dc3232
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900
}

.wpcf7-form-control-wrap {
    position: relative
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: 400;
    display: block
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: relative;
    top: -2ex;
    left: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width: 24em
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em
}

.wpcf7-list-item-label::after,
.wpcf7-list-item-label::before {
    content: " "
}

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: .75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative
}

form.submitting .wpcf7-spinner {
    visibility: visible
}

.wpcf7-spinner::before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@media (prefers-reduced-motion:reduce) {
    .wpcf7-spinner::before {
        animation-name: blink;
        animation-duration: 2s
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes blink {
    from {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.wpcf7 [inert] {
    opacity: .5
}

.wpcf7 input[type=file] {
    cursor: pointer
}

.wpcf7 input[type=file]:disabled {
    cursor: default
}

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed
}

.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 input[type=url] {
    direction: ltr
}

.wpcf7 .wpcf7-recaptcha iframe {
    margin-bottom: 0
}

.wpcf7 .wpcf7-recaptcha[data-align=center]>div {
    margin: 0 auto
}

.wpcf7 .wpcf7-recaptcha[data-align=right]>div {
    margin: 0 0 0 auto
}

</style><link rel="preload" data-rocket-preload="" as="image"

href="/wp-content/themes/platinum8/assets/images/bg_discus.svg" fetchpriority="high"><meta name="description" content="Shopify Marketing Agency"><link rel="canonical" href="https://um.marketing/"><link rel="next" href="https://um.marketing/page/2/"><meta property="og:locale" content="en_US"><meta property="og:type" content="website"><meta property="og:title" content="UM  Shopify Marketing Agency"><meta property="og:description" content="Shopify Marketing Agency"><meta property="og:url" content="https://um.marketing/"><meta property="og:site_name" content="UM"><meta name="twitter:card" content="summary_large_image"><script type="application/ld+json" class="yoast-schema-graph"> {

    "@context": "https://schema.org",
    "@graph": [ {

        "@type": "CollectionPage",
        "@id": "https://um.marketing/",
        "url": "https://um.marketing/",
        "name": "UM  Shopify Marketing Agency",
        "isPartOf": {
            "@id": "https://um.marketing/#website"
        }

        ,
        "about": {
            "@id": "https://um.marketing/#organization"
        }

        ,
        "description": "Shopify Marketing Agency",
        "breadcrumb": {
            "@id": "https://um.marketing/#breadcrumb"
        }

        ,
        "inLanguage": "en-US"
    }

    ,
    {

    "@type": "BreadcrumbList",
    "@id": "https://um.marketing/#breadcrumb",
    "itemListElement": [ {
        "@type": "ListItem",
            "position": 1,
            "name": "Home"
    }

    ]
}

,
{

"@type": "WebSite",
"@id": "https://um.marketing/#website",
"url": "https://um.marketing/",
"name": "UM",
"description": "Shopify Marketing Agency",
"publisher": {
    "@id": "https://um.marketing/#organization"
}

,
"alternateName": "Shopify Marketing Agency",
"potentialAction": [ {

    "@type": "SearchAction",
    "target": {
        "@type": "EntryPoint",
        "urlTemplate": "https://um.marketing/?s={search_term_string}"
    }

    ,
    "query-input": "required name=search_term_string"
}

],
"inLanguage": "en-US"
}

,
{

"@type": "Organization",
"@id": "https://um.marketing/#organization",
"name": "Shopify Marketing Agency",
"url": "https://um.marketing/",
"logo": {
    "@type": "ImageObject",
        "inLanguage": "en-US",
        "@id": "https://um.marketing/#/schema/logo/image/",
        "url": "https://um.marketing/wp-content/uploads/2024/05/UM-white_svg-logo-1.svg",
        "contentUrl": "https://um.marketing/wp-content/uploads/2024/05/UM-white_svg-logo-1.svg",
        "width": 1,
        "height": 1,
        "caption": "Shopify Marketing Agency"
}

,
"image": {
    "@id": "https://um.marketing/#/schema/logo/image/"
}
}

]
}

</script>< !-- / Yoast SEO plugin. --><link rel="dns-prefetch" href="//static.addtoany.com"><link rel="dns-prefetch" href="//code.jquery.com"><link rel="dns-prefetch" href="//cdn.jsdelivr.net"><link rel="dns-prefetch" href="//cdnjs.cloudflare.com"><link rel="dns-prefetch" href="//unpkg.com"><link rel="alternate" type="application/rss+xml" title="UM � Feed" href="https://um.marketing/feed/"><link rel="alternate" type="application/rss+xml" title="UM � Comments Feed"

href="https://um.marketing/comments/feed/"><style id="wp-emoji-styles-inline-css"></style><style id="classic-theme-styles-inline-css"></style><style id="global-styles-inline-css"></style><style id="rocket-lazyload-inline-css">.rll-youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.rll-youtube-player:focus-within {
    outline: 2px solid currentColor;
    outline-offset: 5px;
}

.rll-youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: 0 0
}

.rll-youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all
}

.rll-youtube-player img:hover {
    -webkit-filter: brightness(75%)
}

.rll-youtube-player .play {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: url('/wp-content/themes/platinum8/assets/images/youtube.png') no-repeat center;
    background-color: transparent !important;
    cursor: pointer;
    border: none;
}